@charset "utf-8";
/* CSS Document */



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
img { display: block; height: auto; max-width: 100%; }
* { outline:0px; padding:0px; margin:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
:before, :after { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }
ol, ul { padding:0; margin:0; }
a { text-decoration:none; transition: all 200ms ease 0s; }
a:hover { text-decoration:none; }
.clear-right { margin:0 !important; }
.clear { clear:both; }
.ft-left { float:left; }
.ft-right { float:right; }
h1, h2, h3, h4, h5, h6 { font-family:'rajdhani', Arial, Helvetica, sans-serif; font-weight:400; margin:0 }
p { font-family:'rajdhani', Arial, Helvetica, sans-serif; font-size:2.5vh; line-height:3.5vh; font-weight:400; margin:0 0 15px; color:#000; }
body { margin:0px; background:#323232; font-family:'rajdhani', Arial, Helvetica, sans-serif; font-size:2.5vh; font-weight:400; color:#5a5a5a; }
.preloader {position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; background: #fff;}
.loading-circle { position:absolute; left:50%; top:50%; margin:-107px 0 0 -69px; height:138px; width:214px; }
.layout { width:100%; float:left; overflow:hidden; position:relative; }
#homeSlider { float: left; margin: 0; overflow: hidden; position: relative; width: 100%;/*margin-top:-121px;*/ }
#homeSlider .owl-carousel img { width:100% }
#homeSlider #videoContainer { width:100%; position:absolute; top:0; display:block }
.header-top { float:left; width:100%; min-height:75px; margin:0; background:rgba(0, 0, 0, .3); position:absolute; bottom:0; z-index:999; }
.header-inner-page { position:relative }
.header-top .container { width:90% }
.header-top .logo { float:left; width:auto; padding:0 }
.sticky-wrapper { width:100%; float:left; }
.nav { padding:0px; width:auto; float:right; margin:0px; line-height:90px; padding:0; }
.nav ul { width: 100%; margin:0; padding:0; list-style: none }
.nav ul li { display:inline-block; position: relative; float:left; transition: all 200ms ease 0s; }
.nav ul a { font-size:20px; color:#c8c8c8; display:block; font-weight:400; padding:0px 15px; transition:line-height 0.5s ease 0s; text-transform:uppercase; }
.nav ul li:first-child a { }
.nav ul li:last-child a { padding-right:0 }
.nav ul li:hover > a { color: #fff; }
.nav ul li.active > a { color: #fff; text-decoration:underline }
.nav ul li:hover > ul { display: block; margin-top:0; transition: margin 200ms ease 0s; opacity:1; visibility:visible }
.nav ul ul { background:#000; list-style: none; margin-top:30px; padding:0px; position: absolute; top:100%; width:10em; left: 0; z-index: 99999; box-shadow:0 3px 8px rgba(0, 0, 0, 0.125); opacity:0; visibility:hidden }
.nav ul ul li { float: none; margin: 0; padding: 0; display: block; transition: all 200ms ease 0s; }
.nav ul ul li:first-child a { }
.nav ul ul a { padding:10px; font-size:20px; color:#fff; width:auto; height: auto; line-height: 1; display: block; white-space: nowrap; float: none; text-transform: none; text-transform:capitalize; text-shadow: inherit; border-right:none; border-left:none; text-align:left; }
.nav ul ul li:last-child a { }
.nav ul ul a:hover { background:#222; color: #21c8c7; }
.nav ul ul li.active a { font-weight:400; background:#222; color: #21c8c7; }
.header { float:left; width:100%; height:145px; margin:0; background:#323232; position:relative; bottom:0; z-index:999; padding-top:30px; text-align:center }
.header .work-logo { width:187px; margin:0 auto }
.work-nav { padding:0px; width:100%; float:left; text-align:center; margin:0px; line-height:70px; }
.work-nav ul { }
.work-nav ul li { display:inline-block; padding:0 20px }
.work-nav ul li a { font-size:20px; color:#c8c8c8; display:block; font-weight:400; padding:0px 15px; transition:line-height 0.5s ease 0s; }
.work-nav ul li a:hover { color:#fff; }
.work-nav ul li.active > a { color: #fff; text-decoration:underline }
.main-container { float:left; width:100%; padding:0 6px; }
.main-container .image { width:100%; float:left; margin:6px 0; overflow:hidden; position:relative }
.main-container .image img { width:100%; -webkit-transition: all 3s; -moz-transition: all 3s; -o-transition: all 3s; transition: all 3s; overflow:hidden }
.main-container .image:hover img { -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.main-container .col-sm-9 { padding:0 6px; }
.main-container .col-sm-8 { padding:0 6px; }
.main-container .col-sm-7 { padding:0 6px; }
.main-container .col-sm-6 { padding:0 6px; }
.main-container .col-sm-5 { padding:0 6px; }
.main-container .col-sm-4 { padding:0 6px; }
.main-container .col-sm-3 { padding:0 6px; }
.main-container .col-sm-2 { padding:0 6px; }
.main-container.walkthrough .image { margin:6px 0 40px; float:left; width:100%; background:#000 }
.main-container.walkthrough .image iframe { width:100%; height:400px; }
.main-container .detail { width:100%; float:left; margin:10px 0; text-align:center }
.main-container .detail h2 { font-size:40px; color:#fff; font-weight:500; margin:25% 0 35px; }
.main-container .detail ul { list-style:none; padding:0; margin:0 }
.main-container .detail ul li { font-size:32px; font-weight:400; color:#fff; line-height:42px; margin:0 0 10px; }
.inner-page-slider { height:auto; padding:0; float:left; width:100%; position:relative; }
.inner-page-slider .item img { -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); }
.inner-page-slider .owl-controls { visibility:hidden; display:none !important }
.banner-inner { width:100%; position:absolute; top:0px; padding:40px; }
.content-box { width:100%; float:left; margin:0; background:rgba(0, 0, 0, .5); /*border-radius:20px;*/ text-align:center; height:auto; padding:40px 0 20px }
.content-box .page-title { margin:0 0 20px 0 }
.content-box .page-title h1 { color:#fff; text-decoration:underline; /*font-size:5vh;*/ }
.content-box .page-title h3 { color:#fff; margin:15px 0;}

.content-box .page-title p { margin:15px 0 }
.content-box p { color:#fff }
.content-box.service-page{height:auto !important}
.content-box.service-page .box p{ font-size:18px; line-height:24px}

.content-box .box { width:100%; float:left; margin:0 0 1vh 0; text-align:center; padding:0 15px; }
.content-box .box .icon {/*width:100%; float:left; */ margin:0 0 10px; }
.content-box .box .icon img { /*height:10vh;*/ display:inline }
.content-box .box h2 { margin-bottom:10px; /*font-size:26px; line-height:4vh;*/ }
.content-box .box h2 a { color:#fff }
.content-box .box h2 a:hover { text-decoration:underline; }
.content-box .box p {/* font-size:22px; line-height:26px;*/ }
.contact-page { background:url(../images/contact-page-bg.jpg) no-repeat 0 0; background-size:cover; height:auto !important }
.contact-page .owl-carousel { display:none !important }
.contact-page .content-box { height:auto !important; padding:40px 0 2em; }
.contact-page .banner-inner { position:relative; float:left; }
.contact-page .header-top { position:relative }
.contact-form-box { width:100%; max-width:800px; margin:4em auto 0; overflow:hidden }
.contact-form-box .form-row { width:100%; float:left; margin:0 0 15px; }
.contact-form-box input { width:100%; height:50px; background:rgba(0,0,0,0.5); border:1px solid #555; padding:0 8px; border-radius:5px; font-size:15px; color:#aaa }
.contact-form-box textarea { width:100%; height:180px; background:rgba(0,0,0,0.5); border:1px solid #555; padding:5px 8px; border-radius:5px; font-size:15px; color:#aaa }
.contact-form-box .col-md-12 input { width:auto; height:50px; background:#ec7e64; border:none;border-bottom: 3px solid #b74f37; padding:13px 40px; border-radius:5px; font-size:18px; color:#fff; text-transform:uppercase; margin-top:20px; }
.contact-form-box .col-md-12 input:hover { background:#f28b73;color:#000;}
.comingsoon { position:absolute; top:50%; left:50%; z-index:99; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); color:#000; font-size:40px; }
.associations{text-align:center}
.associations img{max-height:50vh; display:inline}

.contact-info{float:left; width:100%; text-align:left;margin-top:2em; display:none}
.contact-info h3{color:#fff; margin:0 0 15px;}
.contact-info .email, .contact-info .phone{font-size:20px; margin:0 0 15px;}
.contact-info .email a, .contact-info .phone a{ color:#fff}
.contact-info .email a:hover, .contact-info .phone a:hover{}

.contact-info .social-media{float:left; width:100%;margin: 20px 0 0;}
.contact-info .social-media ul{ list-style:none; padding:0; margin:0}
.contact-info .social-media ul li{float:left; width:40px; height:40px; font-size:18px; margin-right:10px; text-align:center;}
.contact-info .social-media ul li a{color: #fff;  display: block; background: #333; height: 40px; line-height: 43px;border-radius: 90px;}
.contact-info .social-media ul li a:hover{background: #1689d3; }
/* ======================================================================================= */	
footer { padding:50px 0 0; float:left; width:100%; background:#323232; margin-top:0px; }
footer .container { width:90% }
.footer-container { padding:0px 0 0; position:relative; }
.footer-container h3 { color:#fff; font-size:20px; font-weight:500; margin:0 0 20px; }
.footer-container ul { list-style:none; padding:0; margin:0 }
.footer-container ul li { font-size:20px; margin:0 0 15px; }
.footer-container ul li a { color:#fff }
.footer-container ul li a:hover { color:#c8c8c8 }
.join-instagram { float:left; width:100%; text-align:center }
.join-instagram h3 { text-align:center }
.footer-container .join-instagram li { width:25%; float:left; padding:3px; margin:0 }
.footer-container .join-instagram li a { display:block }
.footer-container .join-instagram li img { width:100% }
.footer-col.last { width:235px; float:right }
.footer-col.last h3 { }
.footer-col .email { margin-bottom:10px; }
.footer-col .email a { background:url(../images/email-icon.jpg) no-repeat 0 0; font-size:20px; color:#c8c8c8; padding-left:25px; }
.footer-col .email a:hover { color:#fff }
.footer-col .phone a { background:url(../images/phone-icon.jpg) no-repeat 0 0; font-size:20px; color:#c8c8c8; padding-left:25px; }
.footer-col .phone a:hover { color:#fff }
.footer-container .social-media { width:160px; margin:20px 0 0; float:left; overflow:hidden; }
.footer-container .social-media li { float:left; width:auto; margin:0 5px 0 0 }
.footer-container .social-media a { height:20px; width:20px; float:left; overflow:hidden; text-indent:-50em }
.footer-container .social-media a.facebook { background:url(../images/facebook-icon.jpg) no-repeat 1px 2px; }
.footer-container .social-media a.twitter { background:url(../images/twitter-icon.jpg) no-repeat 1px 2px; }
.footer-container .social-media a.youtube { background:url(../images/youtube-icon.jpg) no-repeat 2px 2px; }
.footer-container .social-media a.linkedin { background:url(../images/linkedin-icon.jpg) no-repeat 2px 2px; }
.footer-container .social-media a.instagram { background:url(../images/instagram-icon.jpg) no-repeat 2px 2px; }
.footer-container .social-media a.be { background:url(../images/be-icon.jpg) no-repeat 2px 2px; }
.footer-container .social-media a:hover { opacity:0.5 }
.footerbottom { float:left; width:100%; padding:15px 0; margin:10px 0 0; text-align:center }
.footerbottom .copyright { float:left; width:100%; font-size:18px; color:#fff; }
/* ======================================================================================= */

.scrollToTop { bottom: 20px; display: none; position: fixed; right: 20px; width:48px; z-index:999; }
.height-auto{}