.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom:50px;} 
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.navbar-brand {height:70px; padding:0; padding-top:25px; margin: 0 0 0 15px !important;}
.top-nav-collapse .navbar-brand {height:70px; padding:0; padding-top:25px; margin: 0 0 0 15px !important;}
.navbar {padding:0; background-color:transparent;}
.whitebg {background-color:#fff; padding-bottom:10px;}
.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {background-color:transparent; color:#666; text-transform:uppercase;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .slideshow-modal .btn, .slideshow-modal .panel-heading, .top-nav-collapse .navbar-nav > .active > a, .top-nav-collapse .navbar-nav > .active > a:focus, .top-nav-collapse .navbar-nav > .active > a:hover, .navbar-default .navbar-nav>li>a:focus {background-color:transparent; color:#666; text-transform:uppercase;}

a[href^="mailto"]::after {content:none;}

section {padding-top:100px;}
section .row {margin-left:0; margin-right:0;}

.navbar-default .navbar-nav > li.elcco-contact a {color:#337ab7;}

.col-md-12 {padding-left:0; padding-right:0;}
.col-md-4 {padding-left:0; padding-right:30;}
.gallery .section-content {padding: 0 15px !important;}

.navbar-default .navbar-nav > li > a {font-weight:normal; font-size:15px; text-transform:uppercase; padding-left:12px; padding-right:12px; font-family:Helvetica,Arial,sans-serif;}
.top-nav-collapse .navbar-nav > li > a {padding:14px; padding-left:12px; padding-right:12px;}

.navbar > .container-fluid {padding-left:15px; padding-right:0;}
.navbar-nav {margin-right:0px; margin-top:20px; margin-right:15px;}

.gallery-modal .title-info-modal, .modal-header, .content-info-modal {background-color:#fff !important;}
.content-info-modal {font-size:18px;}
.detail-info-modal {font-size:14px;}
.modal-body {
    padding: 15px 15px;
}

.slide-testimonials-bloquotes .slick-track {background-color:#fff;}

button.navbar-toggle {padding-right:20px;}

.contact .btn {background-color:#000; color:#fff; border-radius:0; padding:10px;}

.section-title {
    font-size: 60px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.08em;
    color: #111;
    text-align: left;
    text-transform: uppercase;
    margin:0;
    padding:0;
	padding-bottom:40px;
	border:0;
}
.section-content h5 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.65em;
    color: #111;
    text-align: left;
    text-transform: uppercase;
    margin: 0 0 2px 0;
    padding: 0 0 1px 1px;
}

.section-content p, .section-content p.text, .features .feature-block .text {font-size:16px;}

.testimonials-carousel blockquote p {font-size:18px; font-style:italic;}
.slide-testimonials-bloquotes {overflow:hidden; margin-bottom:0 !important; padding-bottom:10px; background-color:transparent !important;}
.slide-testimonials-bloquotes >.slick-list, .testimonials blockquote {background-color:transparent;}
.testimonials blockquote::before {display:none;}
.testimonials .media-left {display:none; width:0%;}
.testimonials .media-body {width:100%; display:block; background-color:transparent;}
.spinner, .letter {background-color:transparent !important;}

.clear {clear:both;}

footer.footer {display:none;}

@media (max-width: 768px) {
.navbar-brand {padding-top: 10px;}
}

.contentOT {
font-size: 13px;
line-height: 1;
font-style: normal;
text-transform: uppercase;
text-align: left;
font-weight: 400;
letter-spacing: 0.35em;
position: relative;
width: 100%;
margin: 0;
padding: 30px 0 30px 0;
float: left;
left: 0;
}

.colOT {
position: relative;
width: 100%;
float: left;
left: 0;
}

#skills { 
list-style: none;
padding:0;
}

#skills li { 
background: #f4f4f2;
height: 3px;
margin: 0 0 50px 0;
}

#skills li.last { 
background: #f4f4f2;
height: 3px;
margin: 0 0 13px 0;
}

#skills li .skills-description {
position: relative;
top: -25px;
}

.expand { 
position: absolute;
height: 3px;
margin: 0;
background: #444;
}

.identity {
width: 60%;
-webkit-animation: identity 2s ease-out;
   -moz-animation: identity 2s ease-out;
    -ms-animation: identity 2s ease-out;
     -o-animation: identity 2s ease-out;
        animation: identity 2s ease-out;
}

.development {
	width: 20%;
	-webkit-animation: development 2s ease-out;
	-moz-animation: development 2s ease-out;
	-ms-animation: development 2s ease-out;
	-o-animation: development 2s ease-out;
	animation: development 2s ease-out;
}

.design {
	width: 20%;
	-webkit-animation: design 2s ease-out;
	-moz-animation: design 2s ease-out;
	-ms-animation: design 2s ease-out;
	-o-animation: design 2s ease-out;
	animation: design 2s ease-out;
}

@-moz-keyframes identity        { 0%  { width: 0; } 100% { width: 60%; }  }
@-moz-keyframes development       { 0%  { width: 0; } 100% { width: 80%; }  }
@-moz-keyframes design { 0%  { width: 0; } 100% { width: 100%; } }

@-webkit-keyframes identity        { 0%  { width: 0; } 100% { width: 60%; }  }
@-webkit-keyframes development       { 0%  { width: 0; } 100% { width: 80%; }  }
@-webkit-keyframes design { 0%  { width: 0; } 100% { width: 100%; } }


.services-columns h6 {
font-family: 'Dosis', sans-serif;
font-size: 19px;
font-weight: 400;
line-height: 1;
letter-spacing: 0.30em;
color: #111;
text-align: left;
text-transform: uppercase;
margin: 12px auto 43px auto;
padding:0;
}

.services-columns {
padding-bottom: 16px!important;
}

.services-columns .border-left-services {
border-left: 1px solid #cbcbcb;
} 

.services-columns .border-top-services {
border-top: none;
} 

.services-columns .border-top-services:after {
position: absolute;
content: '';
width: 90%;
border-bottom: 1px solid #cbcbcb;
top: -40px;
left: 0;
right: 0;
margin: auto;
}

.services-padding {
padding: 0 5%;
}

.mb40 {
margin-bottom: 40px!important;
}

.mt40 {
margin-top: 40px!important;
}

.awesome {
    font-size: 20px;
    margin: 0;
    padding: 12px 0 0 0;
    color: #999;
}

.gallery .thumb-overlay {background-color:transparent !important;}

.gallery .thumb-overlay img.thumb {max-width:95%;}

.gallery .thumb-title {
    position: relative;
	background-color:transparent;
    margin: 0;
    width: 100%;
    font-size: 1.4em;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    font-style: normal;
    font-weight: 100;
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    color: #111;
    padding: 20px 0 20px 0;
}
.gallery .link-modal, .gallery .link-details {top:50%;}

.introduction {display:none;}

.hero-fullscreen {
    position: fixed;
    width: 102%;
    height: 100%;
    overflow: hidden;
    z-index: 5;
}

/* hero center container */
.hero-center-container {
position: absolute;
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 7px 0 0 0;
padding: 0 60px 0 0;
-webkit-transition: all 0.7s;
   -moz-transition: all 0.7s;
    -ms-transition: all 0.7s;
     -o-transition: all 0.7s;
        transition: all 0.7s;
/* z-index: 10!important; */
z-index: 15!important;
}

.hero-center-container.right-position {
-webkit-transform: translateX(200px);
   -moz-transform: translateX(200px);
    -ms-transform: translateX(200px);
     -o-transform: translateX(200px);
        transform: translateX(200px);
}

.hero-center-content {
display: table-cell;
vertical-align: middle;
}

@media (max-width:992px) {

    .scroll-opacity {
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

    }

}

.hero-bg {
position: fixed;
-webkit-transition: -webkit-transform 3s ease;
   -moz-transition: -moz-transform 3s ease-out;
	-ms-transition: -ms-transform 3s ease-out;
     -o-transition: -o-transform 3s ease-out;
        transition: transform 3s ease;
-webkit-transform: scale(1.8);
   -moz-transform: scale(1.8);
    -ms-transform: scale(1.8);
     -o-transform: scale(1.8);
        transform: scale(1.8);
        opacity: 0;
   -moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=0);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.hero-bg-show {
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
        transform: scale(1);
        opacity: 1;
   -moz-opacity: 1;
-webkit-opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.curtains.hero {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255,255,255, .55);
z-index: 0;
}

.curtains-all.hero {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(255,255,255, .55);
z-index: 10;
}

.intro-content-visible, .intro-content-visible.show {
    visibility: visible;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.intro-content-visible {
    visibility: visible;
}
h2.intro-content-visible {
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.65em;
    color: #111;
    margin: -9px 0 0 0 !important;
}
h1.intro-content-visible {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 165px;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: -0.04em;
    color: #111;
    margin: 19px auto 32px auto;
    width: 100%;
    line-height: 100%;
}
h3.intro-content-visible {
    font-family: 'Dosis', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.65em;
    color: #111;
    margin: -11px 0 0 0 !important;
}

#kenburnsy-bg {
    overflow: hidden;
}
.kenburnsy.fullscreen {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}
.kenburnsy {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.kenburnsy .slide {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-position: center center;
-webkit-background-size: cover;
        background-size: cover;
background-repeat: no-repeat;
-webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
        transform: translateZ(0);
-webkit-transform-origin: center;
    -ms-transform-origin: center;
        transform-origin: center;
}

.slideshow .itemnogradient::before {z-index: 0;}

@media (max-width:768px){
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .slideshow-modal .btn, .slideshow-modal .panel-heading, .top-nav-collapse .navbar-nav > .active > a, .top-nav-collapse .navbar-nav > .active > a:focus, .top-nav-collapse .navbar-nav > .active > a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:hover {background-color:#333; color:#fff; text-transform:uppercase;}
.top-nav-collapse .navbar-brand {padding-top:15px;}
.section-title {font-size:40px;}

h1.intro-content-visible {font-size:50px;}
.gallery .row {margin-left:0px;}
section {padding-top:80px;}

.item-2 .block-1 { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; margin-bottom:50px;} 
.item-2 .block-1 iframe, .item-2 .block-1 object, .item-2 .block-1 embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.navbar-nav {margin-top:5px;}
.slick-next, .slick-prev {display:none !important;}
.gallery-modal .project-info-modal {
    overflow-y: visible;
    max-height: 100%;
}
contact .icon-address{margin-bottom:0px;}
}

.navbar-default, .navbar-default .navbar-collapse, .top-nav-collapse .navbar-collapse {border:0;}

.modal-open .modal {overflow-y:visible;}

.content-info-modal >h2 {margin-top:0;}

.addclass1:before {
    content: '';
    display: block;
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,rgba(255,255,255,.9) 0,rgba(255,255,255,.5) 40%);
}

section img {max-width:100% !important;}
.gallery-modal .content-info-modal {display:block;}

a.soico {padding-right:5px !important; padding-left:5px !important;}