@charset "utf-8";

@import url("font-awesome.min.css");

/**
 * RESET
 */

/* reset5 Š 2011 opensource.736cs.com MIT */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

/**
 * OVERAL SETTINGS
 */

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

html, body {height: 100%;}
body {background: #d9d9d9; font-size: 14px; font-family: 'Lato', sans-serif; line-height: 22px; color: #646464; position: relative;}

header, section, footer {position: relative;}
input, textarea {font-size: 14px; font-family: 'Lato', sans-serif; line-height: 22px; color: #646464; resize: none;}
strong {font-weight: 700;}
sup {vertical-align: super; font-size: smaller;}
em {font-style: italic;}
small {font-size: smaller;}
hr {border-color: #ccc;}
img {vertical-align: middle;}

h1, h2, h3, h4, h5 {margin: 0 0 20px 0; font-weight: 700; color: #de6f27;}
h1 {margin-top: 20px; font-size: 24px; text-transform: uppercase;}
h2 {font-size: 22px;}
h2 small {font-weight: 300; color: #666;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}

/**
 * FORMS
 */

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration {display: none;}
/* [type="search"] {-moz-appearance: textfield; -webkit-appearance: textfield; appearance: textfield;} */
input[type="radio"] {cursor: pointer;}

mark {padding: 0 5px; background: #fcb041;}

::-webkit-input-placeholder {color: #000; text-overflow: ellipsis;}
:-moz-placeholder {color: #000; text-overflow: ellipsis;}
::-moz-placeholder {color: #000; text-overflow: ellipsis;}
:-ms-input-placeholder {color: #000; text-overflow: ellipsis;}

/**
 * LINKS
 */

a:link {color: #de6f27; text-decoration: none;}
a:hover, a:focus {color: #fcb041; text-decoration: none;}
a:visited {color: #f9ba5f; text-decoration: none;}

/**
 * TABLE
 */

table {width: 100%; border-collapse: collapse;}

/**
 * CONTENT
 */

.container {width: 1170px; margin: 0 auto; padding: 0 15px;}

/**
 * HEADER
 */

body > header > nav {width: 100%; height: 40px; background: #000;}
body > header > nav #nav-main {list-style: none; float: right;}
body > header > nav #nav-main > li {float: left; position: relative;}
body > header > nav #nav-main > li > a {padding: 0 20px; line-height: 40px; font-size: 14px; color: #ededed !important; display: block; text-transform: lowercase;}
body > header > nav #nav-main > li:hover a, body > header > nav #nav-main > li:focus a, body > header > nav #nav-main > .active > a {background: #7b7b7b; text-decoration: none;}

body > header > nav #nav-main > li .dropdown-menu {width: 200px; padding: 10px 20px; background: #7b7b7b; list-style: none; position: absolute; top: 100%; right: auto; left: 0; z-index: 2000; float: left; display: none;}
body > header > nav #nav-main > li .dropdown-menu li {width: 100%; display: block; clear: both;}
body > header > nav #nav-main > li .dropdown-menu li a {padding: 5px 0; border-bottom: 1px solid #aaa; font-size: 12px; color: #fff; display: block; text-transform: lowercase;}
body > header > nav #nav-main > li .dropdown-menu .active a, body > header > nav #nav-main > li .dropdown-menu li a:hover, body > header > nav #nav-main > li .dropdown-menu li a:focus {color: #000; text-decoration: none;}
body > header > nav #nav-main > li .dropdown-menu li:last-child a {border-bottom: 0 none;}

body > header > #top {height: 150px; position: relative; background: url(../images/bg-top.png);}
body > header > #top:before {width: 50%; height: 100%; content: ""; position: absolute; top: 0; left: 0; background: url(../images/bg-logo.png);}

body > header > #top #logo {margin: 55px 0; float: left; position: relative; z-index: 1;}
body > header > #top #logo > a {display: block;}

body > header > #top #claim {width: 846px; height: 150px; float: left; background: url(../images/bg-claim.png) no-repeat; position: relative; z-index: 1;}
body > header > #top #claim .claim-container {margin: 24px 50px 24px 0; float: right;}
body > header > #top #claim .claim-container > p {margin-bottom: 20px; line-height: 26px; font-size: 24px; color: #fcb041;}
body > header > #top #claim .claim-container > p strong {text-indent: 60px; font-size: 28px; color: #de6f27; display: block;}
body > header > #top #claim .claim-container .fast-contact {text-indent: 60px; font-size: 28px; font-weight: 300; color: #797979;}
body > header > #top #claim .claim-container .fast-contact i {font-size: 30px; color: #4d4e50;}

/**
 * CONTENT
 */

#content {width: 100%; background: #f6f6f6; position: relative; overflow: hidden;}
#content:before, #content:after {width: 100%; height: 1px; position: absolute; left: 0; background: url(../images/bg-content.png) 50% 0 no-repeat; content: "";}
#content:before {top: 0;}
#content:after {bottom: 0;}

#contentBox.subpage {margin: 1px 0; padding: 20px 0; overflow: hidden;}
#contentBox.subpage > p {margin-bottom: 20px; font-size: 16px; line-height: 24px; text-align: justify;}
#contentBox.subpage > ul {margin-left: 10px; list-style: none;}
#contentBox.subpage > ul li {margin-bottom: 5px; padding-left: 15px; color: #808080; position: relative;}
#contentBox.subpage > ul li:before {width: 4px; height: 4px; position: absolute; top: 11px; left: 0; vertical-align: middle; display: inline-block; background: #fcb041; content: "";}

/**
 * SLIDER
 */

#slider {width: 555px; height: 345px; margin: 1px 0; border-right: 1px solid #fff; float: left; position: relative;}
#slider > ul li {position: relative;}
#slider > ul li > .caption {padding: 20px; font-weight: 300; background: rgba(255, 255, 255, .85); position: absolute; bottom: 0; left: 0; zoom: 1;}

#slider-container {width: 60px; height: 345px; margin: 1px 0; padding: 20px; border-right: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; float: left; position: relative;}
#slider-container .vertical-text {width: 100%; font-size: 24px; color: #4d4e50; text-align: center; text-transform: uppercase; float: left; position: absolute; bottom: 20%; left: 0; white-space: nowrap; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg);}

#home-content {width: 525px; height: 345px; margin: 1px 0; float: left;}

#home-content #about-company {width: 525px; padding: 20px; padding-right: 0;}
#home-content #about-company h2 {margin-bottom: 10px; font-size: 14px; font-weight: 700; color: #000;}
#home-content #about-company p {margin-bottom: 20px; line-height: 20px; font-size: 13px; color: #646464; text-align: justify;}
#home-content #about-company .read-more {font-size: 13px; color: #000; float: right;}

#home-content #last-gallery {width: 525px; margin-top: 20px; height: 175px; position: relative; background: #e3e3e3; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e3e3e3 0%, #f6f6f6 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e3e3e3), color-stop(100%,#f6f6f6)); background: -webkit-linear-gradient(left,  #e3e3e3 0%,#f6f6f6 100%); background: -o-linear-gradient(left,  #e3e3e3 0%,#f6f6f6 100%); background: -ms-linear-gradient(left,  #e3e3e3 0%,#f6f6f6 100%); background: linear-gradient(to right,  #e3e3e3 0%,#f6f6f6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=1 );}
#home-content #last-gallery:before {width: 100%; height: 1px; position: absolute; top: 0; left: 0; content: ""; background: url(../images/bg-home.png) no-repeat;}
#home-content #last-gallery:after {width: 100%; height: 100%; border-top: 1px solid #fff; border-left: 1px solid #fff; content: ""; position: absolute; top: 1px; left: 0;}
#home-content #last-gallery h3 {margin-bottom: 10px; padding: 20px 0 0 20px; font-size: 14px; font-weight: 700; color: #000;}
#home-content #last-gallery p {margin-bottom: 20px; line-height: 20px; font-size: 13px; color: #646464; text-align: justify;}
#home-content #last-gallery ul {width: 100%; padding-left: 20px; list-style: none; position: relative; z-index: 1;}
#home-content #last-gallery ul li {width: 100%; line-height: 20px; font-size: 13px; color: #646464; text-align: justify;}
#home-content #last-gallery ul li > a {margin-bottom: 5px; color: #000; display: block;}
#home-content #last-gallery .read-more {font-size: 13px; color: #000; float: right;}

/**
 * SIDEBAR
 */

#sidebar {width: 250px; margin-left: 30px !important; padding: 10px 20px; float: right; background: #7b7b7b; list-style: none; position: relative;}
#sidebar li {width: 100%; padding-left: 0 !important; display: block; clear: both;}
#sidebar li:before {background: none !important;}
#sidebar li:last-child a {border-bottom: 0 none;}
#sidebar li a {padding: 5px 0; border-bottom: 1px solid #aaa; font-size: 16px; color: #ccc; display: block; text-transform: lowercase;}
#sidebar li a:hover, #sidebar li a:focus, #sidebar .active a {color: #fff; text-decoration: none;}
#sidebar li a:hover:before, #sidebar li a:focus:before, #sidebar .active a:before {font-size: 26px; font-family: 'FontAwesome'; content: "\f0da"; position: absolute; left: -20px;}

/**
 * GALLERY LIST
 */

.galleryList {margin-left: 0 !important; list-style: none; overflow: hidden;}
.galleryList li {margin: 0 11px 11px 0 !important; padding-left: 0 !important; display: inline-block;}
.galleryList li:nth-child(8n+8) {margin-right: 0 !important;}
.galleryList li:before {background: none !important;}
.galleryList li .img-thumbnail {margin: 0 auto; padding: 4px; border: 1px solid #ddd; line-height: 1.42857; background: #fff; display: block; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; o-transition: all 0.2s ease-in-out 0s;}
.galleryList li .img-thumbnail:hover {border-color: #838383;}
.galleryList li .img-thumbnail img {opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; o-transition: all 0.2s ease-in-out 0s;}
.galleryList li .img-thumbnail img:hover {opacity: .75; filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}
.galleryList li p {margin: 10px 0; font-size: 16px; font-weight: 300; color: #838383; text-align: center;}
.galleryList li .gallery-description {font-size: 16px; color: #000;}
.galleryList li .gallery-description:hover {color: #de6f27; text-decoration: none;}
.galleryList li .gallery-description i {margin-right: 5px; color: #838383;}

/**
 * FANCYBOX
 */

.fancybox-skin, .fancybox-title-float-wrap .child {border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important;}

/**
 * CONTACT
 */
 
#contact {font-size: 16px;}
#contact h2 {color: #646464;}
#contact p {margin-bottom: 20px;}

.head-location {clear: both;}
.head-location i, h3 i {margin-right: 5px;}

#contactForm {margin-bottom: 20px; position: relative; overflow: hidden;}
#contactForm span {font-style: italic;}
#contactForm fieldset {margin-bottom: 10px;}
#contactForm fieldset input, #contactForm fieldset textarea {padding: 10px; border: 1px solid #dfdfdf; background: #fff; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; o-transition: all 0.2s ease-in-out 0s;}
#contactForm fieldset input {width: 278px;}
#contactForm fieldset input + input {margin-left: 10px;}
#contactForm fieldset textarea {width: 569px;}
#contactForm fieldset input:hover, #contactForm fieldset input:focus, #contactForm fieldset textarea:hover, #contactForm fieldset textarea:focus {background: #f8f8f8; border-color: #838383;}
#contactForm #sendContactForm {height: 44px; margin-right: 1px !important; padding: 10px !important; border: 0 none; float: right; background: #7b7b7b; color: #fff; cursor: pointer;}
#contactForm #sendContactForm:hover, #contactForm #sendContactForm:focus {background: #4d4e50;}
#contactForm #sendContactForm i {margin-left: 5px;}

#maps {width: 100%; height: 350px; margin: 20px 0; border: 1px solid #ddd; clear: both; float: left;}
#maps #map_canvas {width: 100%; height: 100%; position: relative;}

.file-uploader {margin-bottom: 0 !important;}
.file-uploader, .file-uploader > input {float: left;}
.file-uploader > input {margin-right: 10px;}
.file-uploader > input:hover, .file-uploader > input:focus {border-color: #dfdfdf !important; background: #fff !important;}
.file-uploader > .uploader {width: 100px; position: relative; overflow: hidden;}
.file-uploader > .uploader > input {width: 100px !important; background: #fff !important; background: -moz-linear-gradient(top, #fff 0%, #e3e3e3 100%) !important; background: -webkit-linear-gradient(top, #fff 0%,#e3e3e3 100%) !important; background: linear-gradient(to bottom, #fff 0%,#e3e3e3 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e3e3', GradientType=0) !important;}
.file-uploader > .uploader > input[type="button"] {padding: 10px !important;} {background: #f8f8f8 !important;}
.file-uploader > .uploader > input[type="file"] {width: 100%; height: 100%; margin: 0 !important; padding: 0 !important; position: absolute; top: 0; right: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; background: #f8f8f8; border-color: #838383;}

/**
 * ALERT
 */

.alert {margin-bottom: 18px; padding: 8px 35px 8px 14px; border: 1px solid #fbeed5; font-size: 18px; color: #c09853; text-shadow: 0 1px 0 rgba(255, 255, 255, .5); background-color: #fcf8e3;}
.alert i {margin-right: 5px;}
.alert-success {border-color: #d6e9c6; color: #468847; background-color: #dff0d8;}
.alert-danger, .alert-error {border-color: #eed3d7; color: #b94a48; background-color: #f2dede;}

/**
 * FOOTER
 */

footer {padding: 25px 0; overflow: hidden; color: #555; font-weight: 300;}

footer #foot-menu {margin-bottom: 15px; list-style: none; overflow: hidden;}
footer #foot-menu li {margin-left: 15px; padding-left: 20px; float: left; position: relative;}
footer #foot-menu li:first-child {margin-left: 0; padding-left: 0;}
footer #foot-menu li:before {width: 4px; height: 4px; position: absolute; top: 11px; left: 0; vertical-align: middle; display: inline-block; background: #999; content: "";}
footer #foot-menu li:first-child:before {background: none;}
footer #foot-menu li a {font-weight: 400; color: #999;}
footer #foot-menu li a:hover, footer #foot-menu li a:focus, footer #foot-menu .active a {color: #000; text-decoration: none;}

footer .left .author {color: #000;}

footer .right p {text-align: right;}
footer .right p:first-child {margin-bottom: 15px;}

/**
 * CLASSES
 */

.left {float: left;}
.right {float: right;}

.col-2 {width: 50%;}

.back {color: #000 !important;}

.thumbnail {margin: 0 5px 5px 0; padding: 4px; border: 1px solid #ddd; line-height: 1.42857; background: #fff; display: inline-block; text-align: center; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; o-transition: all 0.2s ease-in-out 0s;}
.thumbnail:hover {border-color: #838383;}
.thumbnail img {opacity: 1; filter: alpha(opacity=100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transition: all 0.2s ease-in-out 0s; -moz-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; -ms-transition: all 0.2s ease-in-out 0s; o-transition: all 0.2s ease-in-out 0s;}
.thumbnail img:hover {opacity: .75; filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";}

.preloader {width: 100%; height: 100%; background: #e4e8e9 url(../images/preloader.gif) center center no-repeat; position: absolute; top: 0; right: 0; z-index: 1; opacity: .75; filter: alpha(opacity=75); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"}

/**
 * COOKIES
 */

#cookies-message-container #cookies-message {width: 100%; padding: 10px 0; font-size: 12px; line-height: 22px; text-align: center; background: #de6f27; position: fixed; bottom: 0; left: 0; z-index: 999; color: #fff;}
#cookies-message-container #cookies-message .cookie-link {color: #fff; text-decoration: underline;}

#cookies-message-container #accept-cookies-checkbox {margin-left: 10px; padding: 5px; color: #555; background: #fff; -webkit-shadow: 0 3px 9px rgba(0, 0, 0, .075) inset; -moz-shadow: 0 3px 9px rgba(0, 0, 0, .075) inset; box-shadow: 0 3px 9px rgba(0, 0, 0, .075) inset; transition: all .5s linear; -moz-transition: all .5s linear; -webkit-transition: all .5s linear; -o-transition: all .5s linear; -ms-transition: all .5s linear;}
#cookies-message-container #accept-cookies-checkbox:hover, #cookies-message-container #accept-cookies-checkbox:focus {text-decoration: none; -webkit-shadow: 0 0 10px rgba(0, 0, 0, 0.2); -moz-shadow: 0 0 10px rgba(0, 0, 0, 0.2); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}