@charset "utf-8";

/* CSS Mini Reset */
html, body, div, form, fieldset, legend, label, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote, footer, header, nav {margin: 0; padding: 0;}
table {border-spacing: 0; border-collapse: collapse;}
li {list-style: none;}
a, a:hover {text-decoration: none; outline: none;}
th, td {text-align: left; vertical-align: top;}
img, fieldset {border: 0; height: auto;}
h1, h2, h3, h4, h5, h6, th, td, p, caption {font-weight: normal; font-size: 1em;}
footer, header, nav, section {display: block;}

#main img, #main object {max-width: 100%;}
.clear {clear:both;}
.thin {font-weight:300;}
.small {font-size:12px; line-height:16px;}
strong, .strong {font-weight:900;}
.left {float:left;}
.center {margin:0 auto; text-align:center;}
.right {float:right;}
.block {display:block;}

.left50 {width:48.5%; float:left;}
.right50 {width:48.5%; float:right;}

.txt-center {text-align:center;}
.txt-right {text-align:right;}

.img-responsive {
	max-width: 100%; 
	/* display:block; */
	height: auto;
}

body {height:100%; font-family: 'Roboto', sans-serif; font-size:16px; line-height:20px; color:#474747; text-align:left; background-color:#ffffff;}
html {height:100%;}

a {color:#222222;}

iframe {display:block;}
big {font-size:16px; color:#100f0d; font-weight:600;}

p {margin-top:0; font-size:16px; line-height:20px; color:#474747;}
p+p {margin-top:16px;}

p.big {font-size:17px; line-height:20px;}

.transition, a, .box h5, .navbar-main {
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
-o-transition: all 0.45s;
transition: all 0.45s;
}

input[type="text"], select, input[type="password"], input[type="search"], textarea, input[type="email"] {width:100%; box-sizing:border-box; padding:8px 12px; border:1px solid #c4c4c4; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; margin-top:3px; margin-bottom:8px; font-family: 'Roboto', sans-serif; font-size:13px;}

.container-fluid {padding-right: 2rem; padding-left: 2rem;}
.container, .container-fluid {margin-right: auto; margin-left: auto;}
.wrap {box-sizing: border-box; max-width: 1168px; /* max-width:1068px; */ margin: 0 auto; position:relative; z-index:2;}

#main {/* max-width:1622px; */ margin:0 auto; /* background:#ffffff; */ position:relative; /* overflow:hidden; */}

/*
.wrapper {width:1168px; margin:0 auto;}
*/

.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}
.alert > p,.alert > ul{margin-bottom:0}
.alert > p + p{margin-top:5px}
.alert-success{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.alert-info{color:#31708f;background-color:#d9edf7;border-color:#bce8f1}
.alert-warning{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}
.alert-danger{color:#a94442;background-color:#f2dede;border-color:#ebccd1}

#header {/* min-height:144px; */ box-sizing:border-box; margin-bottom:40px; background-image:url(img/body-bg.png); background-repeat:no-repeat; background-position:center top; background-size:auto 100%;}
#header .wrapper {position:relative;}

#header .wrap {z-index:150; background-image:url(img/header-bg.png); background-repeat:no-repeat; background-position:right 2rem top; background-size:auto 100%;}

.top {padding-top:22px;}
.top a {font-size:13px; color:#ffffff;}
.top img {vertical-align: -7px; margin-right:10px;}
.top a strong {font-size:16px;}

.lng {font-weight:bold; margin-left:5px;}

.ico-tel {margin-right:48px;}
.ico-mail {margin-right:38px;}

.logo {display:block; margin-top:0; position:relative; z-index:100;}
.logo img {display:block;}

.home-baner {position:relative; height:385px;}
.baner {position:absolute; left:2rem; top:0; right:2rem; bottom:0; background-image:url(img/baner.jpg); background-repeat:no-repeat; background-position:left top; z-index:-1; border-bottom:8px solid #d3d3d3;}
.home-baner .row {z-index:10;}
.baner-txt {padding: 40px 40px 0 60px; color:#ffffff;}
.baner-txt h2 {/* margin-bottom:10px; */ font-size:15px; line-height: 18px; padding-left:20px;}
.baner-txt h2 strong {font-size:20px;}
.baner-txt * {color:#ffffff;}
.baner-txt p.big, .baner-txt p {font-size:13px; line-height:15px;}
.baner-txt ul.ul {padding-bottom:0;}
.baner-txt ul.ul li {font-size: 13px; min-height:14px; margin-top:3px; margin-bottom:5px;}
.baner-txt .btn {font-size:13px; padding: 6px 14px;}

#mobile-lng {background:#ddd; padding:8px 0;}


.navbar-main {position:relative; margin-top:25px;}
.navbar-main li {display:inline-block; height:28px; position:relative;}
.navbar-main > li > a {display:block; height:20px; line-height:20px; font-size:16px; margin-left:22px; font-weight:bold; color:#ffffff; text-transform: uppercase; border-bottom:3px solid transparent; padding-bottom:8px;}
.navbar-main > li > a:hover, .navbar-main > li.active > a {color:#ffffff; border-bottom:3px solid #131311;}


/* SUBMENU */
.navbar-main ul {display:none; position:absolute; top:100%; left:0px; background:#131311; padding:0; z-index:100; text-align:left; padding:4px 0; border-top:4px solid #131311;}
.navbar-main ul li {display:block; width:250px; height:auto; padding:0;}
.navbar-main ul li a {color:#ffffff; display:block; font-size:12px; line-height:15px; font-weight:700; padding:10px 18px; text-transform:uppercase;}
.navbar-main ul li a:hover, .navbar-main ul > li.active > a {background:#c8c8c8; color:#000000;}
.navbar-main li:hover > ul {display:block}

/* THIRD LEVEL */
.navbar-main ul ul {display:none; position:absolute; top:-4px; left:100%; background:#131311 ; padding:0; z-index:100; text-align:left; padding:4px 0;}
.navbar-main ul li:hover > ul {display:block}
.navbar-main ul ul li a {font-weight:600; text-transform:none;}

.navbar-footer ul {display:none;}


#map-container{width:100%;height:550px;position:relative; border-radius:15px; overflow:hidden;}
.map-label{position:absolute;left:30px;top:30px;padding:20px 30px;background:rgba(0,22,45,0.8);z-index:40;text-align:left;color:#fff;border-radius:20px;border-top-left-radius:0;max-width:400px}
.map-label em{font-size:12px;line-height:16px;display:block;margin-top:20px}
.map-label h4,.map-label a{color:#fff}
.map-label p strong{display:block;padding-bottom:6px}
#map{width:100%;height:100%}

.round-img {border-radius:15px;}




ul.styled.alt li {font-weight:normal;}

.page.content ul {padding-bottom:15px;}
.page.content ul li {margin:6px 0; padding-left:10px; min-height:24px; list-style-type:square; list-style-position:inside; margin-bottom:10px; margin-left:10px;}

ul.ul {padding-bottom:15px;}
ul.ul li {margin:6px 0; padding-left:10px; min-height:24px; list-style-type:square; list-style-position:inside; margin-bottom:10px; margin-left:10px;}

.table td, .table th {padding:5px;}
.table td {vertical-align:middle;}
.table th {font-weight:bold; padding-bottom:12px; font-size:16px;}
.table tr {border-bottom:1px solid #d6d6d6;}


/* TABLES */
table{background-color:transparent}
caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}
th{text-align:left}
.table{width:100%;max-width:100%;margin-bottom:20px}
.table > thead > tr > th,.table > tbody > tr > th,.table > tfoot > tr > th,.table > thead > tr > td,.table > tbody > tr > td,.table > tfoot > tr > td{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}
.table > thead > tr > th{vertical-align:bottom;border-bottom:2px solid #ddd}
.table > caption + thead > tr:first-child > th,.table > colgroup + thead > tr:first-child > th,.table > thead:first-child > tr:first-child > th,.table > caption + thead > tr:first-child > td,.table > colgroup + thead > tr:first-child > td,.table > thead:first-child > tr:first-child > td{border-top:0}
.table > tbody + tbody{border-top:2px solid #ddd}
.table .table{background-color:#fff}
.table-condensed > thead > tr > th,.table-condensed > tbody > tr > th,.table-condensed > tfoot > tr > th,.table-condensed > thead > tr > td,.table-condensed > tbody > tr > td,.table-condensed > tfoot > tr > td{padding:5px}
.table-bordered{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > th,.table-bordered > tfoot > tr > th,.table-bordered > thead > tr > td,.table-bordered > tbody > tr > td,.table-bordered > tfoot > tr > td{border:1px solid #ddd}
.table-bordered > thead > tr > th,.table-bordered > thead > tr > td{border-bottom-width:2px}
.table-striped > tbody > tr:nth-of-type(odd){background-color:#f9f9f9}
.table-hover > tbody > tr:hover {background-color:#f5f5f5;}
table col[class*="col-"]{position:static;display:table-column;float:none}
table td[class*="col-"],table th[class*="col-"]{position:static;display:table-cell;float:none}

.table-responsive{min-height:.01%;overflow-x:auto}

table tr.current, table tr.current td {background:#cecece !important; font-weight:bold !important;}

.table-striped > tbody > tr:hover{background-color:#f5f5f5}




.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}




h1, .h1 {font-size:38px; line-height:42px; color:#000000; font-weight:bold; position:relative; display:inline-block;}
h2 {font-size:20px; line-height:24px; color:#000000; font-weight:normal;}
h2 strong {font-weight:900; font-size:30px;}
h3 {font-size:24px; line-height:28px; font-weight:900; color:#000000;}
.title h3, .box h3 {font-weight:900; position:relative; display:inline-block;}
.box h3 {font-size:19px; color:#ffffff;}
.title h3:after, h1:after {width:69px; height:3px; content:" "; position:absolute; right:-79px; bottom:4px; background-image:url(img/title.png); background-repeat:no-repeat; background-position:center center;}
h4 {font-size:18px; line-height:22px; color:#767676; font-weight:normal;}
h5 {font-size: 16px; line-height: 20px; color: #999999; font-weight: normal; padding:4px 0 12px 0;}
h6 {font-size:16px; line-height:18px; font-weight:800;}



.content {padding-top:8px; padding-bottom:20px;}

.content h2 {margin-top:30px;}


.left70 {width:69%; float:left;}
.right30 {width:29%; float:right;}



.right30 ul {margin-top:20px;}
.right30 ul li {margin:6px 0; padding-left:40px; background:url(img/li.png) no-repeat left 1px; min-height:24px; /* padding-top:2px; */ margin-bottom:10px; font-size:17px; font-weight:bold;}




.boxes {position:relative; z-index:4; margin-top:30px;}
.box {display:block; box-sizing:border-box; margin-bottom:25px; position:relative; background-size:cover; /* border:1px solid #cccccc; border-top:0; */ min-height:200px; background-repeat:no-repeat; background-position:center top; background-size:cover; padding:0 20px 20px 20px;}
.box p {color:#ffffff; margin-top:14px; font-size:12px; line-height:16px; max-width:50%; position: relative; z-index: 5;}
.box img {display:block; }
.box p strong {text-transform:uppercase;}
.box:before {width:65%; height:100%; display:block; content:" "; position:absolute; left:0; top:0; background-image:url(img/box-overlay.png); background-repeat:no-repeat; background-position:right top; z-index:2; background-size:auto 100%;}
.box span {font-size:13px; padding: 8px 14px; position: relative; z-index: 5;}
.box h3 {margin-top:12px; position: relative; z-index: 5;}




.big1 {color:#575960; font-size:20px; line-height:24px; margin-top:25px;}
.big2 {color:#575960; font-size:17px; line-height:20px; margin-top:22px;}




#map-container {width:100%; height:490px; position:relative;}
#map {width:100%; height:100%;}


/*
.content > .wrapper {padding-top:28px; padding-bottom:30px;}
.content {min-height:400px; position:relative; z-index:3;}
*/


.maps-belt {background:#f6f6f6; border-top:8px solid #d4d4d4; border-bottom:8px solid #d4d4d4;}
.where-to-find big {display:block; margin-top:-6px; margin-bottom:12px;}



.above-belt {background: #122d47; color: #fff; padding: 14px; font-weight: bold; text-transform: uppercase; font-size: 16px;}

.btn {background:#000000; padding:10px 22px; color:#ffffff; text-transform:uppercase; font-weight:900; font-size:15px; margin:10px 0; display:inline-block; border:0;}
.btn2 {background:#004c66; padding:8px 14px; font-size:13px; font-weight:bold; color:#f6f9fa;}
.btn:hover {background:#181818;}
.btn2:hover {background:#008c74;}

.box .btn {background-color:#551310; font-size:11px; padding:6px 16px;}

img[align="left"],
img[style*="float: left"],
img[style*="float:left"]{
    margin: 5px 15px 10px 0px;
	border-radius:8px;
}
img[align="right"],
img[style*="float: right"],
img[style*="float:right"]{
    margin: 5px 0px 10px 15px;
	border-radius:8px;
}

.content.page .btn {display:inline-block; margin-top: 16px;}
.content.page p {font-size:16px; line-height:22px;}
.content.page p.small {font-size:12px; line-height:16px; color:#999999;}

.page h1 {margin-bottom:20px;}

.footer {background-color:#e8e8e8; font-size:12px; color:#474747; background-image:url(img/footer-bg.png); background-repeat:no-repeat; background-position:center top;}
.footer .wrap {/* background-color:#e8e8e8; */ background-image:url(img/logo-footer.png); background-repeat:no-repeat; background-position:right 2rem top; min-height:86px;}
.footer a {color:#474747;}

.footer-margin {margin-top:40px;}
.footer big {font-size:18px; color:#474747;}


.gallery {/* padding-bottom:15px; */}
.gallery a {/* height:280px; */ padding-bottom: 60%; width:100%; display:block; box-sizing:border-box; margin-bottom:15px; position:relative; background-size:cover; border-radius:2px; background-position:center center; border-radius:6px;}

.content.page h3 {font-size:22px; font-weight:900; margin-bottom:16px;}
.content.page h4 {margin-bottom:8px; font-weight:bold;}

.partners {/* padding-bottom:15px; */}
.partners h4 {line-height:80px;}
.partners a {/* height:280px; */ height:80px; width:100%; display:block; box-sizing:border-box; margin-bottom:15px; position:relative; background-size:contain; border-radius:2px; background-position:center center;}

.realisations a {/* height:280px; */ height:240px; width:100%; display:block; box-sizing:border-box; margin-bottom:15px; position:relative; background-size:cover; border-radius:2px; background-position:center center; background-repeat:no-repeat; }

.rl-title {display:inline-block; margin-bottom:30px;}

.how-to-find-us {background:#dedede;}
.how-to-find-us * {color:#221914;}



@media only screen and (max-width: 1000px) {
	
.navbar-belt .wrapper {position:relative;}

.panel-button {width:32px; height:32px; background:url(img/menu-ico.png) no-repeat left top; background-size:100% auto; position:absolute; right: 2rem; top:40px; cursor:pointer; display:block;}

.navbar-main, .navbar-main.hide {-webkit-transition: all 0.45s; -moz-transition: all 0.45s; -o-transition: all 0.45s; transition: all 0.45s;}
	
.navbar-main.hide {height:0; overflow:hidden; padding-top:0;}

.navbar-main {/* height:auto; */ margin:0; border-bottom:0; position:absolute; left:0; top: 100%; right:0; text-align:center; background: #1e2126; z-index:100; width:100%; float:none; margin-top:0; padding:12px 0; overflow:visible;}
.navbar-main:after {
  content: '';
  display: table;
  clear: both;
}
.navbar-main.hide {padding:0;}
.navbar-main li, .navbar-main > li:nth-last-child(2), .navbar-main > li:nth-child(3), .navbar-main > li:nth-child(4), .navbar-main > li:nth-child(2) {display:block; height:auto; position:relative; margin:0 !important; padding:0 !important; float:none;}
.navbar-main li a, .navbar-main > li:nth-last-child(2) > a, .navbar-main > li:last-child > a, .navbar-main li {display:block; height:auto; line-height:20px; font-size:14px; padding: 10px 0 !important; margin:0 !important; border:0; background:transparent; color:#ffffff;}
.navbar-main li a:hover, .navbar-main li.active a {border-bottom:0;}

.navbar-main li ul {display:none !important;}
.navbar-main li.dropdown.active ul {display:block !important;}

.navbar-main ul {position:static; text-align:center; border:0;}
.navbar-main ul li {width:auto; height:auto;}
	
	
.main-content {box-shadow:none; margin-top:0;}
.header-title, .top-contact {display:none;}
	
	
	
	
	
	
.slick-next, .slick-prev, .top-box {display:none !important;}

.wrapper {width:460px;}

.slider-wrapper, .top-box.box-tel, .where-to-find big {display:none;}
.where-to-find h2 {margin-bottom:0;}

.slider-wrapper .wrapper {width:100%; left:0; right:0; margin-left:0;}

.left50, .right50, .left50-alt, .right50-alt, .footer-box, .right30, .left70 {float:none; clear:both; position:static; margin:0 auto; width:100%; padding:0; padding-top:8px; padding-bottom:8px;}
.footer-box, .copyright .right, .copyright .left {text-align:center;}

.gallery a {width:100%; margin-right:0px; margin-bottom:20px;}
.gallery a:nth-child(4n) {margin-right:0px;}


.table td, .table th {padding:3px;}
.table td {font-size:13px;}
.table th {font-size:14px;}
.table1 tr td:first-child {display:none;}

	table {
		overflow-x: auto;
		display: block;
	}

}



ol.styled {
  list-style-type: none;
  counter-reset: item;
  margin: 0;
  padding: 0;
}

ol.styled li {
  display: table;
  counter-increment: item;
  margin-bottom: 0.6em;
}

ol.styled li:before {
    content: counters(item, ".") ". ";
    display: table-cell;
    padding-right: 0.6em;    
}

ol.styled li li {
    margin: 0;
}

ol.styled li li:before {
    content: counters(item, ".") " ";
}



/* md - 75em */
@media only screen and (max-width: 75em) {

.top-belt-right a {margin-left:0; margin-right:20px;}
.box img {width:100%;}

.ht2 {margin-top:0px;}

.footer {background-image:none; background-color:#e8e8e8;}
.footer .wrap {background-image:none; min-height:0px;}
.footer-margin {margin:15px 0;}

.box p {max-width:100%;}
.baner-txt h2, .baner-txt p {text-shadow:0px 0px 10px #000000;}

.top {padding-top:10px;}
	
}

/* sm - 62em */
@media only screen and (max-width: 64em) {
	
.box {background-image:none !important; background-color:#bc120a; height:auto; min-height:0; padding-bottom:10px;}
.box .btn {display:none;}

}

/* xs - 48em */
@media only screen and (max-width: 48em) {

.top-belt-right a, .top-belt-right a strong {color:#000000;}

h2 strong {font-size:18px;}
h2 {font-size:16px; line-height:22px;}
.baner-txt {padding: 20px 20px 20px 20px;}

.baner-txt h2 {font-size:13px; line-height: 16px; padding-left:0px;}
.baner-txt h2 strong {font-size:15px;}
.baner-txt p.big, .baner-txt p {font-size:12px; line-height:14px;}
.baner-txt ul.ul li {font-size: 12px; min-height:13px; margin-top:2px; margin-bottom:3px;}
.baner-txt .btn {font-size:11px; padding: 6px 14px;}

.home-baner {height:auto;}

.baner {background-size:auto 100%;}

}

@media only screen and (max-width: 500px) {
	.panel-button {top:14px;}
	.baner-txt .btn {display:none;}
	h2 {font-size:14px; line-height:18px;}
}