@font-face {
	font-family: 'LibraSansModern-Bold';
	src: url('../fonts/LibraSansModern-Bold.eot'),
            url('../fonts/LibraSansModern-Bold.woff') format('woff'),
            url('../fonts/LibraSansModern-Bold.ttf') format('truetype'), 
            url('../fonts/LibraSansModern-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LibraSansModern';
	src: url('../fonts/LibraSansModern.eot'),
            url('../fonts/LibraSansModern.woff') format('woff'),
            url('../fonts/LibraSansModern.ttf') format('truetype'), 
            url('../fonts/LibraSansModern.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
#home-information{
    background:url(../images/home-bg.jpg) no-repeat top center #154381;
    background-attachment: fixed;
    min-height: 100vh;
    overflow: hidden;
    position: relative;
}
#header{
    position: fixed;
    top:0;
    left:0;
    padding-top:25px;
    right:0;
    z-index: 99990;
     -webkit-transition:all 500ms ;
    -moz-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
#header .container{
    width:90%;
    margin: 0 auto;
}
.header-content{
    position: relative;
    padding:15px 100px 15px 230px;
     -webkit-transition:all 500ms ;
    -moz-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
.navbar-brand{
    display:inline-block;
    left:0;
    position: absolute;
    padding:10px 0;
}

.dropdown-lang{
    position: absolute;
    right:0;
     height:40px;
    top:0;
    bottom:0;
    margin:auto;
     -webkit-transition:all 500ms ;
    -moz-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
.dropdown-lang .btn-lang{
    color:#fff;
    background:transparent;
    border:0;
    display:inline-block;
    padding:10px 0;
   
    
}
.lang-arrow{
    font-size:0.6em;
}
.lang-icon{
    color:#8fdbf1;
}
.header-content .navbar-nav{
    width:100%;
}
#navbar .navbar-nav > li {
   width:16.666%;
   float:left;
   text-align: center;
}

.parallax{
    position: absolute;
    z-index:99;
}
.p-1{
    left:16%;
    margin-left:-46px;
    top:20%;
    margin-top:-54px;
}
.p-2{
    left:65%;
    margin-left:-103px;
    top:20%;
    margin-top:-120px;
  
}
.p-3{
    left:80%;
    margin-right:-85px;
    top:60%;
    margin-top:-85px;
}
.p-4{
    left:4%;
    margin-right:-53px;
      top:50%;
      margin-top:-53px;
    
}
.p-5{
    left:34%;
    margin-right:-53px;
    top:85%;
    margin-top:-64px;
}
.home-information-content{
    padding:15% 0;
    position: relative;
    z-index: 1001;
}
.home-information-content h1{
    color:#fff;
    font-size:4.6em;
}
.default-link{
    display:inline-block;
    padding:20px;
    position: relative;
    border:0;
    background:transparent;
     -webkit-transition:all 500ms ;
    -moz-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
.default-link.big{
    font-size:1.2em;
}
.default-link:after{
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:#8fdbf1;
     -webkit-transition:all 500ms ;
    -moz-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
.default-link.default-link-white{
    color:#fff;
}
.tag{
    text-transform: uppercase;
    padding-left:120px;
    position: relative;
    font-family: 'LibraSansModern-Bold';
}
.tag:after{
    height:1px;
    top:0;
    bottom:0;
    width:100px;
    background:#8fdbf1;
    left:0;
    content:"";
    margin:auto;
    position: absolute;
}
.tag-blue{
    color:#8fdbf1;
}
.default-link:hover:after{
    left:20px;
    right:20px;
}
.scroll-down{
    position: absolute;
    bottom:70px;
    color:#fff;
    font-size:1.8em;
    cursor:pointer;
    width:36px;
    height:72px;
    left:0;
    right:0;
    margin:auto;
}
.services-list{
    margin:0;
    padding:0;
    list-style: none;
}
.services-list > li{
    float:left;
    width:33.333%;
    padding:50px 50px 100px 50px;
    background:#154381;
    border-right:1px solid #2d568e;
   min-height:380px;
   position: relative;
}
.services-list > li h2{
    color:#fff;
    font-weight: normal;
    font-size:3em;
    font-family: 'LibraSansModern';
}
.services-list > li a{
    position: absolute;
    bottom:50px;
    left:40px;
}
.services-list > li:last-child{
    border:0;
}
.why-us{
    padding:200px 0 140px 0;
    position: relative;
}
.why-us-gray{
    position: absolute;
    left:40%;
    background:url(../images/lh-bg.png) no-repeat center center #f5f5f5;
    bottom:0;
    right:0;
    top:180px;
}
.slider-nav-bottom{
    cursor:pointer;
    position: absolute;
    
    width:60px;
    display:inline-block;
    height:60px;
    background:#6cbdd4;
    bottom:-5px;
    color:#fff;
    font-size:1.8em;
    text-align: center;
    padding:15px;
    right:32%;
        margin-right:-30px;
}
.slider-nav-top{
     cursor:pointer;
    position: absolute;
    display:inline-block;
   right:32%;
        margin-right:-30px;
    width:60px;
    height:60px;
    background:#6cbdd4;
    bottom:56px;
    color:#fff;
    font-size:1.8em;
    text-align: center;
    padding:15px;
}
.slider-left{
    float:left;
    width:50%;
    position: relative;
    padding-bottom:115px;
}
.slider-right{
    width:45%;
    margin-left:5%;
    float:left;
    padding:40px;
}
.slider-right h2{
    font-size:2.6em;
}
.slider-right p{
    font-size:1.2em;
}
.image-container{
    position: relative;
}
.image-container img{
    max-width: 100%;
}
.why-slider-image{
    margin-top:-100px;
    overflow:hidden;
    max-height: 685px;
}
.why-slider-image  .slick-slide,.why-slider-image .slick-slide div{
    max-height: 685px !important;
}
.why-slider-image .slick-arrow{
    display:none !important;
}
.section-title{
     font-size:4em;
    font-family: 'LibraSansModern-Bold';
}
.projects{
    padding:50px 0;
}

.projects-list{
    margin:20px -1%;
    padding:0;
    list-style:none;
}
.projects-list > li{
    float:left;
    width:98%;
    overflow: hidden;
    margin:20px 1% 10px 1%;
}
.projects-list > li.full{
     width:98%;
}
.projects-list > li.half{
    width:48%;
}
.projects-list > li a{
    display:block;
    padding:50px;
    min-height: 600px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}
.tag-white{
    color:#fff;
}
.projects-list > li.full h3{
    width:40%;
}
.projects-list > li h3{
    font-size:2.4em;
    position: relative;
}
.white{
    color:#fff;
}
.request{
    padding:80px 0;
    margin:20px 0;
    background: url(../images/home-bg.jpg) no-repeat center center #154381;

    position: relative;
}
.request-icon{
    color:#fff;
    font-size:4em;
    margin-top:30px;
    display:inline-block;
}
.next-project,.next-blog{
     padding:80px 0;
    margin:20px 0;
    position: relative;
    background:#f5f5f5;
}
.next-project a,.next-blog a{
    display:block;
    position: relative;
    padding-right:200px;
}
.next-icon{
   font-size:5em;
    margin-top:30px;
    display:inline-block;
    color:#6cbdd4;
    position: absolute;
    top:0;
    bottom:0;
    right:0;
    height:70px;
    margin:auto;
    
}
.request-image-1{
        position: absolute;
    top: -50px;
    z-index: 100;
    left: 40%;
}
.request-image-2{
        position: absolute;
   bottom:-50px;
    z-index: 100;
    left: 5%;
}

.blog{
    padding:120px 0;
    position: relative;
    margin-bottom:80px;
}
.blog-title-section{
    position: relative;
    height:250px;
    margin-top:150px;
}
.blog-title-section .section-title{
    font-size:4em;
    margin:0;
}
.blog-slider-content{
    background:#fff;
    padding:50px;
    width: 35%;
    top:520px;
    position: absolute;
    left:16.66%;
}
.blog-gray{
    position: absolute;
    bottom:0;
    left:0;
    background:url(../images/lh-bg.png) no-repeat center center #f5f5f5;
    right:40%;
    top:180px;
}

a.bsc-link{
    display: block !important;
}
.blog-slider .blog-slider-image .slick-arrow{
    display:none !important;
}
.blog-nav-bottom{
    cursor: pointer;
    position: absolute;
    width: 60px;
    display: inline-block;
    height: 60px;
    background: #6cbdd4;
    bottom: 0px;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    padding: 15px;
    right: 0;
    margin-right: -30px; 
}
.blog-nav-top{
    cursor: pointer;
    position: absolute;
    width: 60px;
    display: inline-block;
    height: 60px;
    background: #6cbdd4;
    bottom: 61px;
    color: #fff;
    font-size: 1.8em;
    text-align: center;
    padding: 15px;
    right: 0;
    margin-right: -30px; 
}
.contacts{
    padding:60px 0;
    margin-bottom:50px;
    position: relative;
    
}
.contact-map{
    position: absolute;
    left:0;
    bottom:0;
    top:240px;
    width:70%;
     background:url(../images/map.jpg) no-repeat center center #f5f5f5;
     -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.contact-box{
    background:#f5f5f5;
    padding:60px;
}
.contacts .section-title{
    margin-bottom:40px;
}
.contact-box h3{
    font-size:2.2em;
    margin-bottom:40px;
      font-family: 'LibraSansModern-Bold';
}
.contact-box a{
    color:#6cbdd4;
    font-size:2.2em;
    display:inline-block;
      font-family: 'LibraSansModern-Bold';
}
.bold{
    font-family: 'LibraSansModern-Bold';
}
.footer{
    padding:30px 0;
}
.facebook{
    text-align: right;
}
.footer a{
    text-decoration: underline;
}
.ask-for-offer{
    padding:80px 0;
    background:#f5f5f5;
}
.ask-item{
    padding:20px 0;
    border-bottom:1px solid #dcdcdc;
}
.ask-list{
    margin: 0;
    padding:0;
    list-style:none;
}
.ask-list > li{
    float:left;
    padding:5px 20px 5px 0;
    margin-right:10px;
}
.ask-list > li .checkbox{
    margin-top:10px;
}
.ask-list > li .checkbox label{
    background:url(../images/checkbox.png) no-repeat left center;
    padding:5px 0 5px 40px;
}
.ask-list > li .checkbox label.selected{
    background:url(../images/checkbox-checked.png) no-repeat left center;
}
.ask-list > li .checkbox-option{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;

}
.ask-item label{
    padding:15px 0;
    font-size:1.2em;
}
.output-price{
    font-size:3em;
    font-family: 'LibraSansModern-Bold';
     padding:20px 0;
     text-align: center;
}
.help-block{
    color:#e10000;
}
.has-error .form-control{
    border:1px solid #e10000;
}
#header.sticky{
    background:#fff;
    padding-top:0;
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.15);
}
#header.sticky .header-content{
    padding-top:0px;
    padding-bottom:0px;
}
#header.sticky .navbar-default .navbar-nav > li > a,#header.sticky .dropdown-lang .btn-lang,#header.header-internal .navbar-default .navbar-nav > li > a, #header.header-internal .dropdown-lang .btn-lang{
    color:#333;
}
#header .logo-scroll,#header.sticky .logo-static{
    display:none;
}
#header.sticky .logo-scroll{
    display:block;
}
#header.sticky  .navbar-brand{
    padding-top:8px;
}
.navbar-default .navbar-nav > li > a{
    position: relative;
    font-size:1.1em;
}
.navbar-default .navbar-nav > li > a:hover:after,.navbar-default .navbar-nav > li.active > a:after{
    content:"";
    position: absolute;
    left:0;
    right:0;
    bottom:0;
    height:3px;
    background:#8fdbf1;
}
.success-message{
    padding:100px 0;
}
.normal{
    font-family: 'LibraSansModern';
}
.check-icon{
    display:inline-block;
    width:60px;
    height:60px;
    border:2px solid #6cbdd4;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius:50%;
    font-size:2em;
    color:#6cbdd4;
    padding:10px;
}
.content-internal{
    padding:150px 0;
}
#project-information{
    min-height: 100vh;
      background-attachment: fixed;
    overflow: hidden;
    position: relative;
}
#project-information h1{
    color:#333;
}
.spacer{
    height:1px;
    margin:50px 0;
    background:#dcdcdc;
}
.text-underline{
    text-decoration: underline;
}
.normal-list{
    margin:0;
    padding:0;
    list-style:none;
}
.normal-list > li{
    margin:8px 0;
    font-size:1.2em;
}
.image-container-spacer{
    margin:50px 0;
}
.next-project{
    background:#f5f5f5;
}
.next-project:hover .next-icon,.request:hover .request-icon,.next-blog:hover .next-icon{
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
} 
.blog-list{
    margin:0 1%;
    padding:0;
    list-style:none;
}
.blog-list > li{
    float:left;
    width:48%;
    margin:0 1% 25px 1%;
}
.blog-list > li a{
    display:block;
    padding-bottom:40px;
    position: relative;
}
.content-internal p{
    font-size:1.2em;
}
.blog-article-caption{
    padding:50px;
    background:#f5f5f5;
    position: absolute;
    left:0;
    right:60px;
    bottom:0;
}
.blog-list > li a:hover .blog-article-caption{
    background:#ededed;
}
.blog-article-caption h3{
    font-size:2em;
    line-height:1.3em;
}
.blog-content{
    width:80%;
    padding:50px;
    background: #f5f5f5;
    margin-top:-40px;
    position: relative;
}
.blog-content p{
    line-height: 1.6em;
}
.blog-title{
    font-size:2.6em;
    margin:20px 0 40px 0;
}
#text-information{
    background:#f5f5f5;
}
.text-information-content{
    padding:120px 0;
}
.text-information-content h1{
    font-size:4em;
}
.project-image{
    position: absolute;
    z-index: 0;
    top:0;
    left:0;
    right:0;
    bottom:0;
    display:block;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
      -webkit-transition:all 500ms ;
    -moz-transition: all 500ms ;
    -o-transition: all 500ms ;
    transition: all 500ms ;
}
.projects-list > li a:hover .project-image{
    -webkit-transform: scale(1.1);
    -moz-transform:    scale(1.1);
    -ms-transform:     scale(1.1);
    -o-transform:      scale(1.1);
    transform:         scale(1.1);
}

#header.sticky .navbar-default .navbar-toggle .icon-bar {
  background-color: #6cbdd4
}
.why-slider-image .slick-slide div {
    display:block;
    margin:0 !important;
    height:auto;
    border-bottom:0;
}
.slider-nav-bottom:hover,.slider-nav-top:hover,.blog-nav-bottom:hover,.blog-nav-top:hover{
    background:#69b5cb;
}
.mouse-outline{
    width:30px;
    height:55px;
    border:1px solid #fff;
    border-radius: 30px;
    display:block;
    position: absolute;
    top:0;
    
    left:0;
    right:0;
    margin:auto;
}
.mouse-animation{
    width:2px;
    height:10px;
    top:10px;
    left:0;
    right:0;
    margin:auto;
    background:#fff;
    border-radius: 4px;
    display:block;
    position: absolute;
    -webkit-animation: slideDown 2s infinite;
    -moz-animation: slideDown 2s infinite;
    -o-animation: slideDown 2s infinite;
    animation: slideDown 2s infinite;
}
#contact-map{
    height:500px;
    background:#ccc;
    
}

@-webkit-keyframes slideDown {
  0%   { height:0; }
    70% { height:10px;top:10px  }
  100% { height:0; top:20px;}
}
@-moz-keyframes slideDown{
 0%   { height:0; }
    70% { height:10px;top:10px  }
  100% { height:0; top:20px;}
}
@-o-keyframes slideDown {
  0%   { height:0; }
    70% { height:10px;top:10px  }
  100% { height:0; top:20px;}
}
@keyframes slideDown {
  0%   { height:0; }
    70% { height:10px;top:10px  }
  100% { height:0; top:20px;}
}

.back-to-top{
	position:fixed;
	bottom:20px;
	left:20px;
	width:52px;
	height:52px;
	color:#fff;
	background:#6cbdd4;
	cursor:pointer;
	display:none;
	z-index:100;
	text-align:center;
    color: #fff;
    font-size: 1.4em;
    padding: 15px 10px;
	box-shadow: rgba(101, 119, 134, 0.75) 1px 1px 4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.back-to-top:hover{
	background:#69b5cb;
}
@media(max-width:768px){
    .copyright{
        text-align: center;
    }
	.scroll-down{
		bottom:0px;
	}
    .header-content{
        padding:10px 0;
    }
    .navbar-brand img{
        max-height: 24px;
    }
    .dropdown-lang{
        right:80px;
        bottom:initial;
        top:15px;
    }
    #navbar .navbar-nav > li{
        width:100%;
        float:none;
        text-align: left;
    }
    #header.sticky .dropdown-lang{
        top:5px;
    }
    .navbar-default .navbar-nav > li > a:hover:after,.navbar-default .navbar-nav > li.active > a:after{
        display:none;
    }
    .content-internal{
        padding:80px 0;
    }
    .blog-content{
        width:100%;
        margin:0;
        padding:20px;
    }
    .blog-article-caption{
        padding:20px;
    }
    .blog-article-caption h3{
        font-size:1.4em;
    }
    .blog-list > li{
        width:100%;
        margin: 0 0 20px 0;
    }
    .blog-title{
        font-size:1.4em;
        margin:20px 0;
    }
    .next-project, .next-blog,.request{
        padding:40px 0;
    }
    .next-project a, .next-blog a{
        padding-right:50px;
    }
    .section-title{
        font-size:1.4em;
    }
    .next-icon,.request-icon{
        font-size:2em;
        height:28px;
    }
    .facebook{
        padding:10px 0;
        text-align: center;
    }
    .request-image-2,.request-image-1{
        display:none;
    }
    .header-internal{
        background:#fff;
    }
    #header.sticky .logo-scroll{
        margin-top:5px;
    }
    .home-information-content h1,.text-information-content h1{
        font-size:2em;
    }
    .home-information-content{
        padding:100px 0;
    }
    .text-information-content{
        padding:80px 0 50px 0;
    }
    .parallax{
        display: none;
    }
    #home-information{
            -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    .services-list > li{
        width:100%;
        border-bottom:1px solid #2d568e;
        border-right:0;
    }
    .why-us,.blog{
        padding:50px 0;
        margin-bottom:0;
    }
    .slider-left{
        width:100%;
        padding-bottom:54px;
    }
    .slider-right{
        width:100%;
        padding:20px;
        margin-left:0;
    }
    .why-us-gray{
        left:0;
    }
    .why-slider-image{
        margin:0;
    }
    .slider-nav-top,.slider-nav-bottom{
        right:0;
        margin-right:0;
    }
    .projects-list > li.full h3{
        width:100%;
    }
    .projects-list > li a{
        padding:20px;
    }
    .projects-list > li.half{
        width:98%;
    }
    .blog-slider-content{
        position: relative;
        top:initial;
        bottom:initial;
        right:initial;
        left:initial;
        width:100%;
        padding:20px;
    }
    .blog-title-section{
        margin:0;
        height:auto;
    }
   .blog-slider-content h2,.contact-box h3,.contact-box a,.services-list > li h2,.projects-list > li h3{
        font-size:1.4em;
    }
    .blog-title-section .section-title{
        font-size: 2em;
        padding:20px 0;
    }
    .blog-gray{
        right:0;
    }
    .blog-nav-top{
        top:100%;
        margin:0;
        z-index: 10;
    }
    .blog-nav-bottom{
        bottom:-121px;
        margin:0;
        z-index: 10;
    }
    .contact-map{
        width:100%;
        top:200px;
    }
    #home-information,.services-list > li,#project-information{
        min-height: 250px;
    }
    .navbar-default .navbar-nav > li > a{
        padding-top:10px;
        padding-bottom:10px;
    }
    #header.header-internal .navbar-default .navbar-toggle .icon-bar{
        background:#6cbdd4;
    }
    .content-internal{
        padding:50px 0;
    }
}
@media(max-width:1300px){
    .navbar-default .navbar-nav > li > a{
        font-size:1em;
    }
    .blog-title-section .section-title{
        font-size:2em;
    }
    .blog-title-section{
        margin-top:100px;
        height:200px;
    }
    .blog-slider-content h2{
        font-size:1.4em;
    }
    .blog-slider-content{
        top:420px;
    }
    .contact-box{
        padding:50px;
    }
    .contact-box h3,.contact-box a,.blog-article-caption h3{
        font-size:1.4em;
    }
}
@media(max-width:1400px){
    #header .container{
        width:100%;
    }
}