html { font-size:87.5%;}
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
:focus { outline:none}
img { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border:none; }
strong, b { font-weight:600;}
em, i { font-style:italic;} 
a { color:#facf09; text-decoration: none;}
a:hover { color:#facf09; text-decoration: underline;}

body { padding:0; margin:0; font-family: 'Exo 2', sans-serif; font-size:14px; font-size:1rem; color:#000000; background:#000000;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.body { padding:0; margin:0 auto; width:100%; max-width:1280px; position:relative;}

/* Header */
header { width:100%; position:absolute; top:2.5rem; z-index:10}
.logo { float:left; width:80%; max-width:295px; background:rgba(0,0,0,.6); padding:1rem 0 1rem 3rem; margin-top:10px;}
nav.main-nav { width:calc(100% - 295px); float:left;
background: -moz-linear-gradient(top, rgba(0,0,0,0.66) 0%, rgba(0,0,0,0.66) 64%, rgba(0,0,0,0.53) 71%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 64%,rgba(0,0,0,0.53) 71%,rgba(0,0,0,0) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0.66) 0%,rgba(0,0,0,0.66) 64%,rgba(0,0,0,0.53) 71%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8000000', endColorstr='#00000000',GradientType=0 );}

nav.main-nav ul { list-style:none; padding:0; margin:0; display:table; width:100%; font-size:1.143rem; font-weight:600; text-transform:uppercase;}
nav.main-nav ul li { display:table-cell; text-align:center; padding:1.5rem 0; border-top:10px solid rgba(250,207,9,.6);}
nav.main-nav ul li.active, nav.main-nav ul li:hover { border-top:10px solid rgba(176,177,179,1);}
nav.main-nav ul li a { display:block; color:#b0b1b3; text-decoration:none;}
nav.main-nav ul li.active a, nav.main-nav ul li a:focus, nav.main-nav ul li a:hover, nav.main-nav ul li:hover a:hover {color:#d8d9db; text-decoration:none;}

/* Language */
nav.language-bar { padding:5px 0; margin:0; width:100%; font-size:.857rem; text-align:right; float:left;}
nav.language-bar a { color:rgba(255,255,255,.5); text-decoration:none; padding:0 0 0 1rem;}
nav.language-bar a.active, nav.language-bar a:focus, nav.language-bar a:hover { color:#facf09; text-decoration:none;}

/* Video Slider */
#video-carousel { width:100%; float:left; position: relative; overflow-x:hidden }
#video-carousel iframe, #video-carousel object, #video-carousel embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0 !important;}
#video-carousel .video-c { width:100% !important; position:relative;padding-bottom: 56.25%; height: 0; float:left;} 
#video-carousel video { width:100%; height: 100% !important;}

.item h2 { position:absolute; z-index:1000; left:0; bottom:6rem; text-align:left; font-size:2.286rem; font-weight:600; text-transform:uppercase; text-shadow:0 0 2px #ffffff; background:rgba(250,207,9,.7); padding:3rem 0 3rem 3rem; width:33.33%;}

#video-carousel .owl-prev,
#video-carousel .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; position:absolute;  width:83px; height:83px; text-indent:-9999px; top:auto !important; margin-top:0 !important; left:auto !important;}
#video-carousel .owl-prev { background:url(../img/prev2.png) no-repeat center center; right:2rem; bottom:14rem;}
#video-carousel .owl-next { background:url(../img/next2.png) no-repeat center center; right:2rem; bottom:8rem;}

/* Last Projects */
.last-projects { width:100%; float:left;}
.last-projects article { width:25%; float:left;}
.last-projects article a { position:relative; display:block; color:#ffffff; text-decoration:none; text-align:center;overflow:hidden}
.last-projects article a:after { position:absolute; width:100%; height:100%; padding-bottom:100%; background:rgba(0,0,0,.5); content:''; top:0; left:0; z-index:2; -webkit-transition:background 300ms ease-in-out; transition:background 300ms ease-in-out;}
.last-projects article a:hover:after {background:rgba(0,0,0,.2);}
.last-projects article a img { display:block; width:100%; height:200px;}
.last-projects article h5 { position:absolute; top:2.5rem; left:0; width:100%; font-size:1.286rem; font-weight:600; text-transform:uppercase; z-index:4 }

/* News */
.news {width:100%; float:left; background:#282828; position:relative;}
.news aside { width:25%; float:left; text-transform:uppercase; text-align:right; display: table;}
.news aside div { display: table-cell; vertical-align:middle; width:100%; padding-right:3rem;}
.news article { width:75%; float:left; background:#dddddd}
.news aside h3 { padding:0 0 .5rem; margin:0; font-size:2.286rem; font-weight:600;}
.news aside h3 a { color:#ffffff; text-decoration:none;}
.news aside a.more { font-size:.857rem; color:#939598; text-decoration:none; font-weight:600}
.news aside a.more img { vertical-align:middle}
.news .post { width:33.33%; float:left; padding:2rem; border-left:1px solid #ffffff;}
.news .post:nth-of-type(3n+1) {border-left:0px solid #ffffff;}
.news .post:nth-of-type(1), .news .post:nth-of-type(2), .news .post:nth-of-type(3) { padding-bottom:0}
.news .post h4 { padding:0; margin:0; font-size:1.429rem; font-weight:600;}
.news .post h4 a { color:#000000; text-decoration:none;}
.news .post h4 a:focus, .news .post h4 a:hover { color:#000000; text-decoration: underline;}

/* Gallery */
.gallery {width:100%; float:left; background:#939598; position:relative;}
.gallery aside { width:25%; float:right; text-transform:uppercase;}
.gallery aside div {width:100%; padding-left:3rem; padding-top:2.5rem}
.gallery aside h3 { padding:0 0 .5rem; margin:0; font-size:2.286rem; font-weight:600;}
.gallery aside h3 a { color:#ffffff; text-decoration:none;}
.gallery aside a.more { font-size:.857rem; color:#dddddd; text-decoration:none; font-weight:600}
.gallery aside a.more img { vertical-align:middle}


.owl-carousel .owl-wrapper:after {display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0;}
.gallery .owl-carousel { position: relative; width:75%; -ms-touch-action: pan-y;  padding:0; overflow:hidden;}
.owl-carousel .owl-wrapper {position: relative; display: none; -webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer { position: relative; overflow: hidden; width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out;}
.owl-carousel .owl-item { float: left; text-align:center;}
.owl-controls {}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;}
.owl-theme .owl-controls { margin-top:0; text-align: center;}

.gallery .item { margin:0; padding:0; display:inline-block; position:relative; overflow:hidden;}
.item img { display:block; height:160px; width:100%;}

.gallery .owl-prev,
.gallery .owl-next { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;  -ms-user-select: none; user-select: none; position:absolute;  width:35px; height:78px; top:50%; margin-top:-39px; text-indent:-9999px;}
.gallery .owl-prev { background:url(../img/prev.png) no-repeat center center; left:2rem}
.gallery .owl-next { background:url(../img/next.png) no-repeat center center; right:2rem}

/* Testtimonials */
.testimonials { width:100%; float:left; background:#facf09; position:relative; margin-top:-4px; z-index:10;}
.testimonials:after { content:''; position:absolute; bottom:-12px; left:0; width:25%; height:12px; background:rgba(250,207,9,.3); z-index:2}
.section-title { width:25%; float:left; text-align:right; text-transform:uppercase; padding:2rem 3rem 0; position:relative;}

.section-title h3 { padding:0 0 .5rem; margin:0; font-size:2.286rem; font-weight:600;}
.section-title h3 a { color:#000000; text-decoration:none;}
.section-title a.more { font-size:.857rem; color:#5f5f5f; text-decoration:none; font-weight:600}
.section-title a.more img { vertical-align:middle}
.testimonial {width:75%; float:left; background:#ffffff; padding:2.5rem 2rem;}
.testimonial img { float:left; margin:0 2rem 1rem 0;}
.testimonial h5 { padding:0; margin:0; font-size:1.429rem; font-weight:600;}

/* Footer */
footer { width:100%; float:left; background:#282828; padding:1rem 0 0;}
.social { width:20%; float:left; padding:1rem; color:#939598}
.social img { padding-right:1rem;}
.social a { color:#939598; text-decoration:none;}
.social a:focus, .social a:hover { color:#939598; text-decoration: underline;}
.social p { padding:0; margin:1rem 0 0}

.right-footer { width:80%; float:left; color:#5c5c5c; font-size:.857rem; text-align:right; padding:2rem 1rem 1rem 4rem;}
nav.bottom-nav { width:100%; float:left; font-size:1rem;}
nav.bottom-nav a { color:#939598; text-decoration:none; padding-left:1rem;}
nav.bottom-nav a:focus, nav.bottom-nav a:hover { color:#939598; text-decoration: underline;}

.copyright {width:100%; float:left;}
.copyright p {padding:0; margin:1rem 0 0}
.copyright p em { font-size:1rem; font-style:normal; color:#6f6f6f}

#nav_open { display:none;}

/* Inner Pages */
.page-title { width:100%; float:left; position:relative; background-position:center top; min-height:350px;}
.page-title h1 { position:absolute; z-index:1000; left:0; bottom:1rem; text-align:left; font-size:2rem; font-weight:600; text-transform:uppercase; text-shadow:0 0 2px #ffffff; background:rgba(250,207,9,.7); padding:2rem 0 2rem 3rem; width:50%;}

.news-inner {width:100%; float:left; position:relative;}
.news-inner .post { width:25%; float:left; padding:2rem;  background:#dddddd; border:1px solid #fff; }
.news-inner.testimonials .post { background:#ffffff; border:1px solid #ddd}
.news-inner .post h4 { padding:0; margin:0; font-size:1.429rem; font-weight:600;}
.news-inner .post h4 a { color:#000000; text-decoration:none;}
.news-inner .post h4 a:focus, .news-inner .post h4 a:hover { color:#000000; text-decoration: underline;}
.news-inner.testimonials img { float:left; margin:0 2rem 1rem 0;}
.news-inner.testimonials h5 { padding:0; margin:0; font-size:1.429rem; font-weight:600;}
.news-inner.testimonials p { clear:both;}

.page { width:100%; padding:3rem 10% 6rem; float:left; color:#222222; background:#dddddd; font-size:1.143rem;}
.page img { margin:.5rem 1.5rem; border:1px solid #282828; padding:5px;}
.page p { padding:0; margin:1.5rem 0 0; line-height:1.5}
.page a { text-decoration:underline; color:#222222;}
#map_div { width:100%; height:30rem; display:block;}
.contact-info { width:50%; float:left; padding-right:1rem;}
.contact-form { width:50%; float:left; padding-left:1rem;}

.page h4 {padding:0; margin:1.5rem 0 0; font-size:1.429rem; font-weight:600;}

input.f1 {width:100%; height:3.5rem; background:#282828;  border:1px solid #5c5c5c; color:#939598; font-family: 'Exo 2', sans-serif; font-weight: 400; font-size:1rem; padding-left:1rem;}
::-webkit-input-placeholder {opacity:1; color:#939598;}
:-moz-placeholder { opacity:1; color:#939598;}
::-moz-placeholder {opacity:1; color:#939598;}
:-ms-input-placeholder {opacity:1; color:#939598;}
::placeholder {opacity:1; color:#939598;}

input.f2 { width: auto; height:3.5rem; background:#facf09; border:1px solid #1d1d1d; color: #000; font-family: 'Exo 2', sans-serif; font-weight: 600; text-transform:uppercase; font-size:1rem; padding:0 2.5rem}

textarea {width:100%; height:11.5rem; background:#282828;  border:1px solid #5c5c5c; color:#939598; font-family: 'Exo 2', sans-serif; font-weight: 400; font-size:1rem; padding:1rem; resize:none;}

.owl-nav.disabled { display:none;}

.video-wrapper { position: relative;}
.video-wrapper > video { width: 100%; vertical-align: middle;}
.video-wrapper > video.has-media-controls-hidden::-webkit-media-controls { display: none;}
.video-overlay-play-button { position: absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:auto !important; height:auto !important; display: block;  opacity: 0.6; cursor: pointer;}
.video-overlay-play-button:hover { opacity: 1;}
.video-overlay-play-button.is-hidden { display: none;}

#eXTReMe { clear:both; }

/* YouTube responsive player */
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}