@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,900&display=swap&subset=latin-ext');
@font-face {
    font-family: 'Droid';
    src: url('../fonts/DroidSerif-Italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
}

/* CSS Document */
@-webkit-viewport{width:device-width}
@-moz-viewport{width:device-width}
@-ms-viewport{width:device-width}
@-o-viewport{width:device-width}
@viewport{width:device-width}
select::-ms-expand{display:none;}
select:-moz-focusring {color: transparent;text-shadow: 0 0 0 #000;}
select::-ms-value {background: none;color:#000;}
::-webkit-input-placeholder {color:#000}
:-moz-placeholder {color:#000}
::-moz-placeholder {color:#000}
:-ms-input-placeholder {color:#000}
::-ms-input-placeholder {color:#000}
::placeholder {color:#000}
* {position: relative;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: none;}
body,html {max-width:100%;min-width:320px;overflow-x:hidden;text-align:center;font-family:'Montserrat',sans-serif;font-size:18px;line-height:28px;margin:0;padding:0;background:#fcfcfc;color:#545869;font-weight:400;min-height:100vh;letter-spacing: 0;}
.noscroll {overflow:hidden!important;}
.page {max-width:100%;margin:auto;z-index:2;padding:0;}
a {-webkit-transition-duration: 0.6s;transition-duration: 0.6s;cursor:pointer;color:#101830;text-decoration: underline;}
a:hover {text-decoration:none;}
.clear, hr {clear:both;float:none;display:block;border:0;margin:0;padding:0;}
h1,h2,h3,h4,p,ul,li, img {margin: 0;padding: 0;display:block;list-style:none;}
h1,h2,h3,h4 {font-weight:400;}
.droid {font-family:'Droid',serif!important;font-weight:400!important;font-style: italic!important;}
ul:after, .bg:after, .inner:after, form:after, .form:after {display:block;content:'';clear:both;float:none;}
strong, b {font-weight:700;}
.overtable {width:100%;overflow: auto;}
table {width: 100%;margin: 0;border-spacing: 0;border-collapse: collapse;border: 0;}
table tr td, table tr th {background-clip: padding-box!important;border:0;}
.bg {padding: 12px;max-width:1200px;margin:auto;}
.inner {padding: 12px;clear:both;float:none;}
.col80, .col75, .col70, .col66, .col65, .col60, .col55, .col50, .col33, .col45, .col40, .col35, .col30, .col25, .col20, .col16 {float:left;width: 50%;}
.col80 {width:80%;}
.col70 {width:70%;}
.col75 {width:75%;}
.col66 {width: 66.666666%;}
.col65 {width:65%;}
.col60 {width:60%;}
.col55 {width:55%;}
.col50 {width:50%;}
.col45 {width:45%;}
.col40 {width:40%;}
.col35 {width:35%;}
.col33 {width: 33.333333%;}
.col30 {width:30%;}
.col25 {width:25%;}
.col20 {width:20%;}
.col16 {width: 16.666666%}

.tag {position:absolute;top:-150px;left:0}

form {display:block;width:100%;margin:0;padding:0;}
img {max-width:100%;height:auto;}
label {color:#97a8b9;display: block;font-weight:500;font-size: 18px;}
input[type="text"], input[type="email"], input[type="number"], input[type="tel"], input[type="date"], input[type="password"], textarea, select {
-webkit-appearance: none;-webkit-border-radius: 0;border:1px solid #e7e7e7;padding:11px;padding-left:20px;padding-right:20px;height:48px;line-height:26px;color:#4f5362;border-radius: 2px;
box-sizing: border-box;width:100%;outline:none;margin:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;background:#fff;resize:none;font-family:'Montserrat',sans-serif;font-size:14px;font-weight:300;margin:0;}
input[type="checkbox"], input[type="radio"]{display:none;visibility:hidden;}
textarea {min-height:160px;}
input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="date"]:focus, textarea:focus , select:focus {border-color:#c68c33}

button {display:inline-block;border:0;padding:12px;padding-left:72px;padding-right:72px;min-height:26px;line-height:26px;color:#fff;border-radius: 2px;background:#c68c33;text-decoration:none;outline:none;text-align:center;font-family:'Montserrat',sans-serif;font-size:12px;font-weight:300;box-sizing: border-box;cursor:pointer;border: 0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;text-transform:uppercase;letter-spacing: 1.8px;-webkit-border-fit:border !important; -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -webkit-box-align: start;
        -webkit-border-fit: lines;
        -webkit-margin-collapse: discard;}
button:hover {background-color:#101830;}

.btns {margin-left:-20px;margin-right:-20px;}
.btn {color:#fff;text-transform:uppercase;font-weight:400;text-align:center;padding:18px;padding-left:56px;padding-right:56px;display: inline-block;background:#ffb300;border:2px solid #ffb300;border-radius: 60px;outline:none;line-height:20px;font-size: 14px;letter-spacing: 2.1px;text-decoration:none;}
.btns .btn {margin-left:20px;margin-right:20px;}
.btn.border {background:transparent;border-color:rgba(255,255,255,.3)}
.btn:hover {background:transparent;color:#ffb300;border-color:#ffb300}


/* Header */
.fix {position:fixed;min-width:320px;width:100%;z-index: 9;top:0;left:0;right:0;background:transparent;transition: top 0.4s ease-in-out;}
.scroll .fix {background: rgba(0,0,0,.65)}
.fix .header {border-bottom: 1px solid rgba(255,255,255,.1);color:#fff;}
.header .ic_menu {display: none;}
.header .bg {padding-top:28px;padding-bottom:28px;}
.header .logo {width: 211px;height:79px;background: url(../img/logo.png) no-repeat center center;background-size: auto 100%;overflow: hidden;text-align:left;display:block;float: left;text-indent:-9999px;}
.fix .header a {color:#fff;}
.fix .header .fright {float: right;margin-bottom:-5px;}
.fix .header .menu {float: none;clear:both;}
.fix .header .menu ul {margin-left: -24px;margin-right:-24px;}
.fix .header .menu ul li {display: block;float: left;margin-left:24px;margin-right:24px;}
.fix .header .menu ul li a {text-decoration: none;text-transform:uppercase;font-size: 14px;line-height:18px;padding: 12px;padding-left:0;padding-right:0;font-weight:400;letter-spacing: 1.4px;display: block;border:2px solid transparent;}
.fix .header .menu ul li a:hover {color:#ffb300;}
.fix .header .menu ul li.border a {border-color:rgba(255,255,255,.4);padding-left:24px;padding-right:22px;border-radius: 36px;font-size: 11px;letter-spacing: 1.1px;}
.fix .header .menu ul li.border a:hover {border-color:#ffb300;color:#ffb300;}

.fix .header .lang {display: block;font-size: 14px;line-height:20px;margin-top:-16px;float: right;margin-bottom:24px;color:rgba(255,255,255,.9)}
.fix .header .lang a {color:rgba(255,255,255,.9)}

.content .white {background:#fff;box-shadow: 0 0 12px rgba(0,0,0,.02);}
.content h2 {font-size: 14px;letter-spacing:1.4px;text-transform:uppercase;color:#cd9540;line-height:26px;margin-bottom:12px;margin-top:12px;}
.content h3 {font-size:42px;line-height:52px;color:#01144b;margin-bottom:32px;}
.content p {margin-bottom: 28px;}

/* Promo */
.promo {background:#0a0c0e url(../img/promo_bg.jpg) no-repeat top center;background-size: cover;color:#fff;padding-top:300px;padding-bottom:300px;}
.promo .excerpt {display: block;font-size: 28px;line-height:36px;font-weight:100;margin-bottom:20px;}
.promo h1 {font-size:61px;line-height:72px;font-weight:400;width: 860px;max-width: 100%;margin:auto;margin-bottom:32px;}
.promo h1 strong {font-weight:900;}
.promo p {opacity: .8;font-size: 22px;line-height:30px;margin-bottom:40px;}
.promo .btn {margin-bottom:12px;}
.promo .btns {margin-bottom:-12px;}

/* About */
.about {padding-top:40px;padding-bottom:40px;}
.about .inner {text-align:left;}
.about .col66  .inner {max-width: 720px;}
.about .col33 img {float: right;}

/* Video */
.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Gallery */
.gallery {background:#fafafa;}
.gallery .img {width: 33.33333%;display: block;float: left;}
.gallery .img .photo {padding-bottom:74%;background-repeat:no-repeat;background-size: cover;background-position:center center;cursor:pointer;}
.gallery .img .photo:after {display: block;position:absolute;top:0;left:0;bottom:0;right:0;background: rgba(0,0,0,.55) url(../img/ic_search.png) no-repeat center center;content:'';opacity:0;-webkit-transition-duration: 0.6s;transition-duration: 0.6s;}
.gallery .img .photo:hover:after {opacity:1;}

/* Lightbox */
.lightbox {
  display: none;
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.8);
}

.lightbox img {
  margin: 5% auto;
  display: block;
  max-width: 100%;
  max-height: 90%;
  object-fit: contain;
}

.close-btn {
  color: white;
  position: absolute;
  top: 10px;
  right: 20px;
  font-size: 24px;
  font-weight: bold;
  cursor: pointer;
}




/* Why */
.why {padding-top:40px;padding-bottom:40px;}
.why h2 {color:#01144b;margin-bottom:12px;}
.why p {font-size: 16px;line-height:24px;color:#4f5362;}
.why .inner {margin: auto;max-width:360px;}
.why .icon {height:56px;background-repeat: no-repeat;background-position: center center;background-size: contain;margin-bottom:24px;}

/* Service */
.service {padding-top:40px;padding-bottom:40px;background:#fefefe;}
.service ul {max-width: 970px;margin:auto;}
.service ul li {padding-top:80px;padding-bottom:80px;text-align:left;border-bottom: 1px solid #ededed;}
.service h4 {font-size: 28px;line-height:38px;color:#1e252d;margin-bottom:24px}
.service p {color:#8c8f94;}
.service ul li:last-child {border:0}
.service ul li:nth-child(odd) {padding-left:290px;}
.service ul li:nth-child(even) {padding-right:290px;}
.service .img {width:230px;height:230px;border-radius: 230px;background-color:#fcfcfc;position:absolute;top:50%;margin-top:-115px;left:0;background-repeat: no-repeat;background-position:center center;background-size: cover;}
.service ul li:nth-child(even) .img {left:auto;right:0;}

/* Contact */
.contact {padding-top:40px;padding-bottom:40px;}
.contact .cc2 {column-count:2;column-gap: 24px;}
.contact .col60, .contact .col20 {text-align:left;}
.contact h4,.contact label {font-size: 12px;line-height:20px;font-weight:300;color:#a8acb9;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:8px;}
.contact label {color:#585b6e;}
.contact p, .contact p a {color:#4f5362;}
.contact p a {text-decoration:none;}
.contact p a:hover {text-decoration:underline;}
.contact .map {height: 250px;background:#fcfcfc;overflow:hidden;filter: grayscale(100%);-webkit-filter:grayscale(100%)}
.contact .map > div:first-child {width:100%!important;height:44px!important;}

.form {max-width: 994px;margin:auto;padding-top:48px;}
.form .inner {text-align:left;}
.form button {display: block;width:100%;padding-left: 24px;padding-right:24px;}
.contact .form p {font-size: 15px;line-height:20px;color:#8e9196;padding-top:15px;padding-bottom:15px;}
.contact .form p a {color:#101830;text-decoration:underline;}
.contact .form p a:hover {text-decoration: none;}
.form textarea {margin-bottom:16px;}


/* Footer */
.footer {background:#101830;color:#8c8f94;padding-top:56px;padding-bottom:40px;}
.footer p {color:#8c8f94;text-align:right;font-size: 13px;line-height:20px;}
.footer a {color:#fff;text-decoration:none;}
.footer a:hover {text-decoration: underline;}
.footer ul {margin-left:-20px;margin-right:-20px;float: right;margin-bottom:24px;}
.footer ul.terms, .footer ul.social {float: none;}
.footer ul li {float: left;font-weight:400;text-transform: uppercase;font-size: 12px;letter-spacing:1.2px;margin-left:20px;margin-right:20px;line-height:20px;}
.footer ul.terms li a {color:#8c8f94;}
.footer ul.social li a {width:20px;height:20px;overflow:hidden;display: block;text-align:left;text-indent:-99999px;background-repeat: no-repeat;background-position:center center;}
.footer ul.social li a:hover {opacity: .6;}
.footer ul.social li a.ic_fb {background-image: url(../img/ic_fb.png);}
.footer ul.social li a.ic_tw {background-image: url(../img/ic_tw.png);}
.footer ul.social li a.ic_gp {background-image: url(../img/ic_gp.png);}

@media only screen and (max-width:1024px){
	.footer .col50 {width:100%}
	.footer ul {float: none!important;}
	.footer ul li {display: inline-block!important;float:none!important;}
	.footer p {text-align:center;}
}

@media only screen and (max-width:840px){
	.opened .fix {background: rgba(0,0,0,.85)!important;bottom:0;height:100%;overflow-x:hidden;}
	.opened .fix .header {border-color:transparent;}
	.header .menu {display: none;}
	.header .bg {padding-top:12px;padding-bottom:12px;}
	.header .logo {width: 30%;height:30%;}
	.header .ic_menu {display: block;height:48px;position: absolute;top:4px;right:12px;line-height:48px;text-transform:uppercase;font-size:12px;text-decoration: none;padding-left: 32px;z-index: 4;font-weight:400;background: url(../img/ic_menu_white_48dp.png) no-repeat left center;background-size: auto 24px;}
	.opeend .header .ic_menu {background-image: url(../img/ic_close_white_48dp.png);}
	.fix .header .fright {display: none;float: none;}
	.opened .fix .header .fright .lang {margin:0;float: none;}
	.opened .fix .header .fright {display: block;float: none;clear:both;padding-top:32px;padding-bottom:24px;}
	.opened .fix .header .menu {display: block;float: none;margin:0;padding-top:24px;}
	.opened .fix .header .menu ul {display: block;float: none;margin:auto;max-width: 240px;}
	.opened .fix .header .menu ul li {float: none;margin:0;margin-bottom:12px;}
	.opened .fix .header .menu ul li.border {margin-top:24px;}
	.tag {top: -80px}
	.promo {padding-top:100px;padding-bottom:40px;}
	.promo h1 {font-size: 42px;line-height:52px;}
	.promo p {font-size: 18px;line-height:28px;}
	.content h3 {font-size: 32px;line-height:42px;}
	.why .col33, .about .col66, .about .col33, .contact .col20 {width: 50%;}
	.why .col33:last-child, .contact .col60 {width:100%;}
	.form .col33, .form .col66 {width: 100%;}
	.form {max-width: 400px;}
}

@media only screen and (max-width:580px){
	.why .col33 {width:100%;}
	.about .col66, .about .col33 {width:100%;}
	.service ul li {padding-left:0!important;padding-right:0!important;padding-bottom:24px;}
	.service ul li .img {position:relative;left:0!important;right:0!important;margin:auto;margin-top:-40px;margin-bottom:24px;}
	.service {padding-bottom:0;padding-top:0;}
	.why {padding-bottom:0;}
	.contact {padding-top:0;}
}

@media only screen and (max-width:400px){
	.contact .cc2 {column-count: 1;}
	.contact .col20 {width:100%;}
}