:root{
	--primary:#13a8dd;
	--second:#549404;
}

/* Global */
body{font-family: 'Roboto', sans-serif;}
body.menu-open{overflow: hidden;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
a:focus{outline: none;}
a:hover{text-decoration: none;}
.sp-body{overflow: hidden;}
.container-fluid{max-width:1170px;width:100%;}
.block-content{margin-top:80px;margin-bottom:80px;}
.bg-image{background-attachment: fixed !important;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.inner-offset{padding-top:50px;padding-bottom:50px;}
.bg-image h1{margin-top:0px;}
header{border-top:6px solid;}
img.full-width{width:100%;}
.service-item img.full-width{max-height: 200px;}
.hgroup, hgroup{margin-bottom:50px;}
.hgroup h1, .hgroup h2,hgroup h1, hgroup h2{margin:0px;}
.hgroup h2, hgroup h2{font-family: 'Roboto', sans-serif;font-weight:400;font-size:14px;color:#888;line-height:22px;letter-spacing: 3px;}
.hgroup h2 + h1, .hgroup h1 + h2, hgroup h2 + h1, hgroup h1 + h2{margin-top:15px;}

/* buttons */
.button {display: inline-block;padding: 1em 2em;border: none;background: none;color: inherit;vertical-align: middle;position: relative;z-index: 1;-webkit-backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}
.button--size-s {font-size: 14px;}
.button--size-m {font-size: 16px;}
.button--size-l {font-size: 18px;}
.button--text-upper {letter-spacing: 2px;text-transform: uppercase;}
.button--text-thin {font-weight: 300;}
.button--text-medium {font-weight: 500;}
.button--text-thick {font-weight: 600;}
.button--round-s {border-radius: 5px;}
.button--round-m {border-radius: 15px;}
.button--round-l {border-radius: 40px;}
/* Borders */
.button--border-thin {border: 1px solid;}
.button--border-medium {border: 2px solid;}
.button--border-thick {border: 3px solid;}
/* Isi */
.button--isi {padding: 10px 25px;color: #fff !important;background: #3c448c;overflow: hidden;}
.button--isi::before {content: '';z-index: -1;position: absolute;top: 50%;left: 100%;margin: -15px 0 0 1px;width: 30px;height: 30px;border-radius: 50%;background: #272d67;-webkit-transform-origin: 100% 50%;transform-origin: 100% 50%;-webkit-transform: scale3d(1, 2, 1);transform: scale3d(1, 2, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.7,0,0.9,1);transition-timing-function: cubic-bezier(0.7,0,0.9,1);}
.button--isi .button__icon {vertical-align: middle;}
.button--isi > span {vertical-align: middle;padding-left: 0.75em;}
.button--isi:hover::before {-webkit-transform: scale3d(9, 9, 1);transform: scale3d(9, 9, 1);}

/* Header */
.topmenu:before{content:"";display:block;position:absolute;left:50%;width:50%;height:39px;}
.topmenu nav{height:39px;line-height:32px;}
.topmenu nav:last-child a:last-child{margin-right:0px;}
.topmenu nav:first-child:before{content:"";display:block;width:0px;height:0px;border-top:39px solid; border-left:39px solid transparent;position:absolute;left:-39px;}
.topmenu nav i::before{font-size: 14px;margin-left: 0;}
.topmenu nav img{width: 15px;display: inline-block;}
.topmenu a{margin:0 10px 0 0;font-size:11px;display:inline-block;text-decoration:none;text-transform:uppercase;}
.topmenu a:last-child{margin: 0;}
.topmenu a:hover{text-decoration:underline;}
#logo{background-image:url(../img/logo.svg);width:244px;max-width: 100%;height:100px;background-repeat:no-repeat;background-size: contain;background-position: left center;cursor:pointer;display:inline-block;border:none;}
.header-padding{font-size:11px;padding:0;font-weight:500;overflow: hidden;}
.header-padding > a{float: right;margin: 0;}
.header-padding div{text-align:left;display:inline-block;border-left:1px solid #eee;padding:5px 15px;}
.header-padding span{text-transform:uppercase;display:block;}
.main-menu{position:relative;font-family: 'Montserrat', sans-serif;text-transform:uppercase;height:65px;line-height:62px;font-size:13px;font-weight:700;}
#menu-close{display:none !important;}
#menu-open{margin-left:-15px;margin-right:-15px;display:none;color:#fff;padding:20px;font-size:22px;display:none;padding-left:40px;}
#menu-open:hover{opacity:1;}
.main-menu section{display:inline-block;height:65px;}
.main-menu section nav{display:none;position:absolute;z-index:2;line-height:22px;font-size:12px;font-weight:400;padding:0 20px 10px 20px;}
.main-menu section nav a{display:block;}
.main-menu section:hover nav{display:block;}
.main-menu > a, .main-menu > section > a{position:relative;padding:0 25px;}
.main-menu > a:after, .main-menu > section > a:after{position:absolute;right:0px;top:50%;margin-top:-8px;content:"";display:inline-block;height:16px;width:1px;opacity:0.4;}
.main-menu > a:last-child:after{display:none;}
.main-menu:before{left:-13px;position:absolute;display:block;content:"";width: 30px;height: 65px;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
.navbar-main{margin: 0;}
.navbar-main > li{padding: 21px 0 24px;}
.navbar-main > li > a{border-right: 1px solid rgba(255, 255, 255, 0.4);padding: 0 25px;}
.navbar-main > li:last-child > a{border-right: 0px none;}
.navbar-main .open > a,
.navbar-main .open > a:focus, 
.navbar-main .open > a:hover,
.navbar-main > li > a:focus,
.navbar-main > li > a:hover{background-color: rgba(0, 0, 0, 0);border-color: rgba(255, 255, 255, 0.4);}
.navbar-main > li > .dropdown-menu{border: 0 none;padding: 0;display: block !important;height: 0px;margin: 0;overflow: hidden;opacity: 0;border-radius: 0;box-shadow: none;-webkit-transition: all 500ms ease 0s;-moz-transition: all 500ms ease 0s;-o-transition: all 500ms ease 0s;transition: all 500ms ease 0s;}
.navbar-main > li:hover > ul{height: auto;opacity: 1;margin: 0;}
.navbar-main > li > ul > li > a{border-top: 1px solid rgba(255, 255, 255, 0.4);display: block;color: #fff;font-size: 13px;font-weight: 700;padding: 5px 25px;}
.navbar-main > li > ul > li > a:focus,.navbar-main > li > ul > li > a:hover{background-color: rgba(0, 0, 0, 0);border-color: rgba(255, 255, 255, 0.4);}

header .navbar-main{position: relative;display: block;}
header .navbar-main > li{margin: 0;float: left;position: relative;padding: 0;height: 65px;line-height: 65px;}
header .navbar-main > li > a{display: block;}
header .navbar-main > li:hover > a{color: #13a8dd;background-color: #fff;}
header .navbar-main > li > ul{position: absolute;width: 200px;top: 100%;left: 0;z-index: 9;background-color: #fff;display: none;padding: 0;list-style-type: none;}
header .navbar-main > li > ul > li{height: auto;line-height: initial;}
header .navbar-main > li > ul a{color: #13a8dd;padding: 10px;}
header .navbar-main > li > ul a:hover{background-color: #13a8dd;color: #fff;}
#main-menu-bg{background-color: transparent !important;}
#main-menu-bg > div{cursor: pointer;float: right;}
#main-menu-bg span{width: 30px;height: 4px;margin-bottom: 4px;display: block;background-color: black;}
#main-menu-bg span:last-child{margin-bottom: 0;}

.our-services div > a{position:relative;padding:40px 10px 0px 105px;display:block;cursor:pointer;border:1px solid;border-right:none;height:180px;margin-bottom:40px;}
.our-services div > a:after{display:block;content:"";position:absolute;right:0px;top:-1px;bottom:-1px;width:4px;}
.our-services div > a:hover{text-decoration:none;}
.our-services div > a > span{text-align:center;padding-top:22px;width:70px;height:80px;position:absolute;left:-10px;top:45px;display:block;border:1px solid #eee;background:#fff;border-right:none;}
.our-services div > a > span:before, .our-services div > a > span:after{content:"";display:block;position:absolute;width: 0;height: 0;border-bottom: 80px solid #eee; border-right: 25px solid transparent;top:-1px;right:-25px;}
.our-services div > a > span:after{border-bottom-color: #fff; top:-2px;right:-23px;}
.our-services div > a > span img{margin-left:5px;width: 34px;}
.our-services div > a > span > i{margin-left:5px;}
.our-services div > a:hover > span > i{color:#fff;}
.one-news > div{position: relative; width:100%;height:300px;background-repeat:no-repeat;background-position:center center;background-size:cover;}
.one-news > div > div{bottom:0px;left:0px;width:100%;position:absolute;padding:30px 40px;}
.one-news > div > div h3, .two-news > div div:last-child h3{font-size:18px;text-transform:none;font-weight:400;margin:0px;margin-bottom:20px;}
.two-news > div div:last-child h3{font-size:16px;line-height:24px;}
.one-news > div > div small, .two-news > div div:last-child small{display:inline-block;padding-right:15px;font-size:10px;}
.one-news > div > div small.news-author, .two-news > div div:last-child small.news-author{border-right:1px solid;margin-right:15px;}
.news-item{margin-bottom:30px;}
.news-item div:first-child{padding-right:0px;}
.news-item div:last-child{padding-left:0px;}
.two-news > div div:first-child > div{height:135px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.two-news > div div:last-child > div{padding:25px 30px;height:135px;}
.read-all-news{position:relative;margin-top: 0;display: block;height: 37px;}
.title-space{margin-left:15px;}
.blog-section.bg-image {background-image: url(../img/bg-2.jpg);}
/* Footer */
footer{overflow: hidden;}
footer .copy{height:65px;line-height:75px;padding-right:15px;position:relative;z-index:2;}
#to-top{top:0px;left:-30px;cursor:pointer;display:block;position:absolute;width: 80px;text-align:center;line-height:60px;height: 65px;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
#to-top i{-webkit-transform: skew(20deg);-moz-transform: skew(20deg);-o-transform: skew(20deg);}
footer .color-part2{position: absolute;margin-top: -5px;text-align: center;left: 0px;right: 0px;z-index:2;}
footer .color-part2:after{content:"";display: inline-block;border-top: 12px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;height:0;width:900px;max-width:90%;position:relative;margin-top:-10px;}
footer:before{height:65px;content:"";display:block;position:absolute;left:50%;width:50%;bottom:0px;}	
footer{position:relative;border-bottom:10px solid;}
footer a{font-weight:500;font-size:12px;}
footer nav a{display:block;margin-bottom:20px;}
footer nav a:hover{text-decoration:none;}
footer h4{margin-bottom:40px;}
footer .block-content{background:url(../img/footer-bg.png) no-repeat center center;background-size:cover;}
footer .color-part{position:absolute;top:0px;bottom:0px;left:0px;bottom:0px;width:50%;margin-left:-20%;-webkit-transform: skew(-20deg);-moz-transform: skew(-20deg);-o-transform: skew(-20deg);}
.logo-footer{display:block;background:url(../img/logo-white.svg) no-repeat;width:244px;height:70px;background-size: contain;background-position: left center;}
footer p{font-size:13px;margin-top:30px;padding-right:60px;line-height:20px;}
.footer-icons{padding:0;}
.footer-icons img{width: 25px;}
.footer-icons a{display:inline-block;padding-right:5px;}
.footer-icons i::before{margin: 0;}
footer .button--isi{margin: 2.5em 0 0;display: inline-block;}
.contact-info{margin-top:30px;}
.contact-info span{display:block;margin-bottom:10px;}
.contact-info span i::before{margin: -3px 0 0;display: inline-block;}
.contact-info strong{font-weight:700;font-size:12px;}
.contact-info span:after{content:"";display:block;width:100%;clear:both;}
.contact-info i{display:block;float:left;margin-right:10px;margin-bottom:10px;}
.parallax{padding:100px 0;}
.parallax h1{margin-bottom:50px;}
.info-texts{position:relative;font-family:'Montserrat', sans-serif;}
.info-texts p{position:relative;z-index:2;vertical-align:middle;display:table-cell;height:180px;z-index:4;text-align:center;color:#fff;line-height:24px;}
.info-texts div > div > div{position:relative;}
.info-texts div > div > div:before{content:"";display:block;position:absolute;border-bottom: 180px solid;border-left: 50px solid transparent;border-right: 50px solid transparent;z-index:3;left:-65px;right:-65px;top:-15px;}
.info-texts div > div > div:after{content:"";display:block;position:absolute;bottom:0px;height:15px;left:-60px;right:-60px;background:#fff;z-index:2;}
.info-texts div > div > div:first-child:before, .info-texts div > div > div:last-child:before{border-top: 180px solid;border-bottom:none;z-index:5;top:0px;}
.info-texts div > div > div:first-child:after, .info-texts div > div > div:last-child:after{display:none;}
.info-texts div > div > div:first-child:before{right:-15px;left:0px;}
.info-texts div > div > div:last-child:before{left:-15px;right:0px;}
.info-texts div > div > div:first-child p, .info-texts div > div > div:last-child p{margin-top:15px;z-index:6;}
.info-texts div > div > div:first-child p{text-align:right;padding-right:40px;}
.info-texts div > div > div:last-child p{text-align:left;padding-left:40px;}
.info-texts:before, .info-texts:after{content:"";display:block;position:absolute;width:50%;top:0px;height:180px;z-index:1;}
.info-texts:before{left:0;}
.info-texts:after{left:50%;}
.main-content img + *{margin-top:30px;}

.page-title{background-image:url(../img/bg-1.jpg);}
.page-title a, .page-title a:hover{text-decoration:none;}
.page-title{padding:50px 0;}
.page-title h1{display:inline-block;margin-bottom:0px;}

/* Main Slider */
#owl-main-slider .item{background-position:bottom center;background-repeat:no-repeat;background-size:cover;width:100%;height:600px;}
#owl-main-slider .container-fluid{position: absolute;top: 50%;left: 50%;margin: 0;transform: translate(-50%, -50%);z-index: 9;;}
#owl-main-slider{position:relative;}
#owl-main-slider img{width:100%;}
#owl-main-slider .item .button{margin-top: 1em;}
#owl-main-slider .slider-content{padding: 2em;background-color: rgba(0,0,0,.6);margin: 0;}
#owl-main-slider .slider-content h1{display:inline-block;font-size:26px;font-family: 'Montserrat', sans-serif;font-weight:700;margin:0px;padding-top:0px;}
#owl-main-slider .slider-content p{margin-top:25px;font-size:16px;line-height:30px;margin-bottom: 0 !important;}
#owl-main-slider .slider-content a.btn{margin-top:30px;margin-bottom: 0 !important;}
#owl-main-slider .owl-nav{position: absolute;top: 50%;left: 0;right: 0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#owl-main-slider .owl-prev, #owl-main-slider .owl-next{opacity:0.5;width: 37px;display:block;float:left;border:1px solid;cursor:pointer;margin-right:5px;padding: 15px 0 !important;margin: 0 10px;transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;-webkit-transition: all .4s;-ms-transition: all .4s;}
#owl-main-slider .owl-next{float: right;}
#owl-main-slider .owl-prev i::before, #owl-main-slider .owl-next i::before{margin: 0;}
#owl-main-slider .owl-prev img, #owl-main-slider .owl-next img{width: 14px;height:14px;}
#owl-main-slider .owl-prev:hover, #owl-main-slider .owl-next:hover{opacity:1;background-color: #fff;color: black;}
.dropdown-toggle::after{background-color: transparent !important;}
body, .column-info > div > span, .bg-image .one-news > div > div, .bg-image .two-news > div div:last-child > div, .main-menu a:after, #to-top:hover, .btn.btn-sm.btn-success, ul.blog-cats li:hover:before{background-color:#fff;}
#to-top i::before{margin: 0;}
#owl-main-slider .owl-prev, #owl-main-slider .owl-next{border-color:#fff;}
.bg-image h1, .why-us li span, .stats > div > div:hover, #owl-main-slider .owl-prev, #owl-main-slider .owl-next, .big-hr, .big-hr h2, .contact-info strong, .footer-icons a:hover, .contact-info i, footer h4, footer nav a:hover, .topmenu a, .btn.btn-sm.btn-default:hover, .btn.btn-sm.btn-success:hover, .btn.btn-success, .btn-success:hover, .btn.btn-danger, .btn.btn-danger:hover, .main-menu a, .slider-content, .slider-content h1, #to-top, .blog-section h3, .one-news > div > div small, .two-news > div div:last-child small, .blog-section div div a, .blog-section div div a:hover, #fleet-gallery .owl-buttons div, .page-title, .page-title a, .page-title a:hover, .team > div > div span, .comments > div > a.reply:hover, nav.pagination a:hover, nav.pagination a.active, .tags a:hover, ul.blog-cats > li:hover > a{color:#fff;}
.header-padding, small.color-dark, h1.color-dark, h2.color-dark, h3.color-dark, h4.color-dark, h5.color-dark, h6.color-dark{color:#000;}
footer .copy, footer:before{background:#000;}
footer{border-bottom-color:#000;}
body, .our-services div > a, .our-services div > a:hover .btn-default, .header-padding span, .bg-image .one-news > div > div small,  .bg-image .two-news > div div:last-child small, .btn.btn-sm.btn-success, .btn.btn-sm.btn-default{color:#666;}
.our-services div > a, .stats > div > div{border-color:#eee;min-height: 114px;}
.header-padding div{border-left-color:#eee;}
footer p{color:#eee;}
.our-services div > a:after{background:#eee;}
.our-services.styled div > a:hover, #partners a, .darken-block{background:#f5f5f5;}
footer, footer a, footer .copy{color:#ccc;}
.one-news > div > div small.news-author, .two-news > div div:last-child small.news-author, #partners a{border-right-color:#ccc;}
.service-item > h4{margin-top: 15px;}

/* - */
.conseil{background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;}
.conseil p{font-size: 14px;margin-bottom: 5px;}
.mission{background-color: #f4f4f4;}
.presentation p{font-size: 13px;}
.presentation ol{padding: 0;margin: 0;list-style-type: none;}

/* - */
.cover-page{background-repeat: no-repeat;background-position: center;background-size: cover;background-attachment: fixed;}
.cover-page h1{color: #fff;background-color: rgba(0, 0, 0, .5);padding: 8px 20px;display: inline-block;font-size: 1.5em;}
.cover-page h1 span{font-size: 1.1em;}

/* - */
.single-mission > p{padding-left: 20px;position: relative}
.single-mission > p::before{content:"";position: absolute;left: 0;top: 0;height: 25px;width: 5px;background-color: #13a8dd;}