/* GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Oswald:200,300,400,500,600,700');

/* Page Animated item Styles */
.animated {
  visibility: hidden;
}

.visible {
visibility: visible;
}

/* Global properties ======================================================== */
a[href^="tel:"] { color: inherit; text-decoration: none;}
::selection{ background:#126597!important; color:#fff}
::-moz-selection{ background:#126597!important; color:#fff}

a{ color:#126597; text-decoration: underline; outline:none}
a:hover{ color:#126597; text-decoration: none; outline:none}

body{ background:#eaeaea; border:0; color:#1f1f1f; min-width: 320px; font-family: 'Montserrat'; font-size: 16px; line-height: 1.5;}

#main{margin: 0 auto; position: relative; overflow: hidden;}

.clearfix2:before,
.clearfix2:after {
  content: " ";
  display: table;
}
.clearfix2:after {
  clear: both;
}

/* ============================= header ====================== */
.header-wrapper{position: relative;}
.header-line-top{ width: 100%; height: 6px; background-color:#126597;}
.header-line-bottom{ width: 100%; height: 4px; background-color:#bcbcbc;}
.header-v1{position: absolute; background: rgba(0, 0, 0, 0.6); width: 100%; left: 0; top: 0; z-index: 31; padding-right: 10%;}

.header-v1 header{float: left; width: 200px; height: 120px; padding: 0 0 0 0;}
.header-v1 header .logo_wrapper{position: relative; top: 50%;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.header-v2{position: absolute; background: #272727; width: 100%; left: 0; top: 0px; z-index: 31; padding-right: 10%; border-top: 6px solid #126597; border-bottom: 2px solid #126597;}
.header-v2 header{float: left; height: 120px;}
.header-v2 header .logo_wrapper{position: relative; top: 50%;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.phone1{float: left; padding-left: 20px;}
.phone1 a{text-decoration: none; font-size: 14px; font-family: 'Oswald'; text-transform: uppercase; line-height: 130px; color: #fff; letter-spacing: 0.2em;}

.left-panel{background: #272727; position: absolute; width: 140px; height: 100%; left: 0; top: 0; z-index: 1; overflow: hidden;}
.left-panel:before{content: ''; display: block; width: 1px; top: 170px; bottom: 0; background: #646464; position: absolute; left: 50%; margin-left: -1px; z-index: 1;}

.social-left{ display: block; margin: 0; padding: 10px 0; list-style: none; text-align: center; position: absolute; left: 0; width: 100%; bottom: 0; background: #272727; z-index: 10;}
.social-left li{display: block; margin: 0; padding: 10px 0;}
.social-left li:first-child{}
.social-left li a{display: inline-block; text-decoration: none; font-size: 22px; color: #606060; text-align: center; line-height: 1px;
transition: all 0.3s ease-out;
}
.social-left li a:hover{color: #126597;}

.social-left-txt{background: #272727; white-space: nowrap; text-align: right; position: absolute; right: 50%; top: 0; margin-top: 170px; line-height: 20px; margin-right: 10px; z-index: 9; color: #fff; text-transform: uppercase; font-size: 10px; font-weight: 600; letter-spacing: 0.9em; padding-left: 30px;
-webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
}

/* ============================= content ====================== */
.content-wrapper-default{position: relative; margin-top: 0px;}
.content-wrapper{position: relative; margin-top: 130px;}

.content-lines-wrapper{position: absolute; left: 0; width: 100%; height: 100%;}
.page-contacts .content-lines-wrapper{display: none;}
.page-blog .content-lines-wrapper{display: none;}
.page-post .content-lines-wrapper{display: none;}
.page-details .content-lines-wrapper{display: none;}
.page-projects .content-lines-wrapper{display: none;}



.content-lines-inner{position: absolute; width: 1170px; left: 50%; margin-left: -585px; top: 0; height: 100%; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea;}
.content-lines{position: absolute; left: 33.333333%; right: 33.333333%; height: 100%;border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea;}

.content-inner{position: relative;}

.page-section{position: relative; padding: 70px 0;}

.back-txt{font-size: 170px; color: #fff; font-weight: 700; opacity: 0.02; position: absolute; white-space: nowrap; z-index: -1;}

#home{position: relative;}

#about .back-txt{left: 5%; top: 120px;}

.about-left{text-align: right; padding-right: 30px;}
.about-left .txt1{font-size: 30px; font-weight: 600; line-height: 1; padding-bottom: 30px;}
.about-left .txt1 span{color: #126597;}

.sign{padding-top: 30px;}

.about-right{padding-left: 30px; }
.about-right img{width: 100%;}

#our-projects .back-txt{right: 5%; top: 70px;}

.projects{}
.project{float: left; width: 50%;}
.project a{ background-color:#126597; display: block; height: 100%; margin-right: 20px; margin-left: 20px; margin-bottom: 20px; text-decoration: none; position: relative; color: #fff; overflow: hidden;}
.project a figure{position: relative;}
.project a figure img{width: 100%; -webkit-filter: grayscale(0%); filter: grayscale(0%);
transition: all 0.3s ease-out;
}
.project a:hover figure img{-webkit-filter: grayscale(0); filter: grayscale(0);}
.project a .txt1{font-family: 'Oswald'; font-size: 20px;text-transform: uppercase; position: absolute; left: 5%; right: 10px; bottom: 10%; letter-spacing: 0.05em;
transition: all 0.3s ease-out;
}
.project a .txt1 span{ color:#126597;}
.project a:hover .txt1{opacity: 0; margin-top: -100px;}
.project a .txt2{position: absolute; left: 17px; top: -50px; font-family: 'Oswald'; font-size: 14px; text-transform: uppercase; letter-spacing: 0.6em;
-webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
-webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
}
.project a .caption{position: absolute; left: 10%; right: 10px; bottom: 5%;
transition: all 0.3s ease-out;
}
.project a:hover .caption{opacity: 0; margin-bottom: -100%;}
.project a .txt3{font-size: 14px;}
.project a .txt4{font-size: 14px; font-weight: 600; text-transform: uppercase; padding-top: 40px;}
.project a .over1{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(17, 17, 17, 0.7);
transition: all 0.3s ease-out;
}
.project a:hover .over1{opacity: 0;

  -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
}
.project a .over2{position: absolute; left: 50%; top: 50%; margin-left: -70px; margin-top: -70px; width: 140px; height: 140px; background: rgba(18, 101, 151, 0.84); border-radius: 50%; text-align: center; line-height: 140px; color: #fff; font-size: 40px; opacity: 0;
transition: all 0.3s ease-out;
-ms-transform: scale(0.01);
    -webkit-transform: scale(0.01);
    transform: scale(0.01);
}
.project a:hover .over2{opacity: 1;
-ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

#years .back-txt{left: 5%; top: 400px;}

.year-wrapper{text-align: center; padding-bottom: 100px;}
.year-wrapper figure{margin: 0; display: inline-block; vertical-align: bottom;}
.year-wrapper .year{display: inline-block; vertical-align: bottom; text-align: left; font-size: 25px; color: #fff; text-transform: uppercase; font-family: 'Oswald'; padding-left: 20px;}
.year-wrapper .year .txt1{color: #126597;}

.year-right img{width: 100%;}
.year-left{font-size: 18px;}
.year-left p{margin-bottom: 30px;}
.year-left b{font-size: 40px; font-weight: 600; color: #126597;}

.testimonial-wrapper{position: relative; margin-bottom: 30px;}
.testimonial-inner{position: relative;}
.testimonial{position: relative; background: #323232; width: 100%;
  display: -webkit-box; display: -ms-flexbox; display: flex;
transition: all 0.3s ease-out;
}
.testimonial:hover{background: #252525;}
.testimonial .author{position: relative;}
.testimonial .author .img{margin: 0; position: relative;}
.testimonial .author .hover{margin: 0; position: absolute; background: #126597; left: 10; top: 0; opacity: 0;
transition: all 0.3s ease-out;
}
.testimonial:hover .author .hover{opacity: 1;}
.testimonial .caption{position: relative; padding: 10px 20px; width: 100%; -webkit-box-flex: 1; -ms-flex: 1; flex: 1;
display: -webkit-box; display: -ms-flexbox; display: flex;
-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;
-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column;
}
.testimonial .caption .txt1{color: #c5c5c5; font-size: 12px;opacity: 1;
transition: all 0.3s ease-out;
}
.testimonial:hover .caption .txt1{opacity: 0;}
.testimonial .caption .over{width: 100%; display: block; position: absolute; left: 0; padding: 0 20px; opacity: 0;
transition: all 0.3s ease-out;
}
.testimonial:hover .caption .over{opacity: 1;}
.testimonial .caption .over-left{float: left;}
.testimonial .caption .name{font-size: 14px; color: #126597; font-weight: 500;}
.testimonial .caption .position{font-size: 12px; color: #fff; font-style: italic;}

.testimonial .caption .website{font-size: 12px; color: #fff;  font-style: italic;}
.testimonial .caption .website a{font-size: 12px; color: #fff;}

.social-testimonial{display: block; padding: 0; margin: 0;list-style: none;}
.social-testimonial li{display: inline-block; padding: 0 5px;}
.social-testimonial li:first-child{}
.social-testimonial a{display: block; color: #fff; line-height: 15px; font-size: 14px;
transition: all 0.3s ease-out;
}
.social-testimonial a:hover{color: #126597;}

.testimonial .caption .over-right{float: right; text-align: right;}

.owl-carousel-testimonials .owl-dots{text-align: center; padding-top: 30px;}
.owl-carousel-testimonials button.owl-dot{display: inline-block; background: none; width: 14px; height: 14px; margin: 0 10px; vertical-align: middle; border: 1px solid #fff; border-radius: 2px;
transition: all 0.3s ease-out;
}
.owl-carousel-testimonials button.owl-dot:focus{outline: none;}
.owl-carousel-testimonials button.owl-dot.active, .owl-carousel-testimonials button.owl-dot:hover{background: #126597; border-color: #a77d30;}

#contacts .back-txt{right: 5%; top: 0px;}

.contact2{color: #1f1f1f; font-size: 18px; line-height: 2; padding-bottom: 30px; text-align:center;}
.contact2 a{color: #1f1f1f;}

#google_map{position: relative; height: 550px;}
.page-contacts #google_map{height: 550px;}

.breadcrumbs1_wrapper{position: relative;}
.breadcrumbs1{padding: 10px 0; line-height: 20px; color: #126597; font-size: 15px;}
.breadcrumbs1 a{color: #5e5e5e; text-decoration: none; display: inline-block; }
.breadcrumbs1 a:hover{color: #126597; text-decoration: none;}
.breadcrumbs1 span{display: inline-block; margin: 0 10px; color: #5e5e5e;}

.tree-wrapper{padding-top: 100px;}
.tree1{position: relative; width: 50%; margin-left: auto; padding-left: 115px; min-height: 180px; padding-bottom: 60px;}
.tree1.left{margin-left: 0; text-align: right; padding-left: 0; padding-right: 115px;}
.tree1.last{min-height: 108px; padding-bottom: 0;}
.tree1 figure{position: absolute; left: -54px; top: 0; margin: 0; background: #fff;border: 1px dashed #bd9e7a; border-radius: 50%;}
.tree1.left figure{left: auto; right: -54px;}
.tree1.first figure{background: #126597; border-color: #fff;}
.tree1 figure img{}
.tree1 .caption:before{content: ''; display: block; width: 0; border-left: 1px dashed #bd9e7a; position: absolute; left: 0; top: 106px; bottom: 0;}
.tree1.left .caption:before{left: auto; right: 0;}
.tree1.last .caption:before{display: none;}
.tree1 .caption .txt1{font-size: 12px; color: #126597;}
.tree1.first .caption .txt1{color: #fff;}
.tree1 .caption .txt2{font-size: 26px; color: #fff; padding-bottom: 15px; font-family: 'Oswald';}
.tree1.first .caption .txt2{color: #126597;}
.tree1 .caption .txt3{font-size: 14px;}

.percentages{ background: #272727;}
.percentages-inner{border-top: 1px solid #eaeaea; padding-top: 80px; padding-bottom: 50px;}

.percentage1{position: relative; padding-bottom: 80px;}
.percentage1 .txt1{padding-bottom: 5px; color: #fff; font-size: 22px;font-family: 'Oswald';}
.percentage1 .txt2{color: #fff; padding-bottom: 25px; font-size: 13px;}
.percentage1 .bg{position: relative; height: 10px; background: #eaeaea;}
.percentage1 .bg .animated-distance{background: #126597;position: absolute; left: 0; top: 0; width: 0; height: 100%;}
.percentage1 .bg .animated-distance:after{content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 3.5px 6px 3.5px; border-color: transparent transparent #126597 transparent;position: absolute; right: -3px; top: 20px;}
.percentage1 .bg .animated-distance span{position: absolute; top: 30px; right: -15px; font-size: 16px; color: #126597;font-family: 'Oswald';}

.projects-wrapper{}
.projects1{position: relative; margin-bottom: 100px;}
.projects1 figure{margin: 0; position: relative; width: 66.666667%; margin-left: auto;}
.projects1.left figure{margin-left: 0; margin-right: auto;}
.projects1 .caption{background: #126597; position: absolute; left: 0; top: 50%; width: 50%; color: #fff; padding: 6% 4%;
-ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.projects1.left .caption{left: auto; right: 0; background: #212121;}
.projects1 .caption .txt1{font-size: 30px; font-family: 'Oswald'; text-transform: uppercase; padding-bottom: 20px;}
.projects1 .caption .txt2{font-size: 18px; padding-bottom: 20px;}

.pagination{display: block; border-radius: 0; margin-bottom: 0; text-align: right;}
.page-item{display: inline-block; margin: 0 8px;}
.page-link{margin-left: 0; background: none; border-radius: 0; font-family: 'Oswald'; font-size: 20px; text-transform: uppercase; text-align: center; border: none; padding: 0; text-decoration: none; color: #fff;}
.page-link:hover{background: none; color: #126597;}
.page-link i{font-size: 120%; padding: 0 8px;}
.page-item.active .page-link{background: none; color: #126597;}
.page-item:first-child .page-link{margin-left: 0; border-radius: 0;}
.page-item:last-child .page-link{margin-right: 0; border-radius: 0;}

.details{position: relative; margin-bottom: 50px;}
.details figure{margin: 0;}
.details figure img{width: 100%;}
.details .caption{background: #fff; padding: 30px 50px; color: #999999;}
.details .caption i{padding-right: 10px;}

.ul1{padding: 0; margin: 0; list-style: none;}
.ul1 li{display: block; position: relative; padding-left: 50px; margin-bottom: 15px;}
.ul1 li:before{content: ''; display: block; width: 6px; height: 6px; background: #126597; position: absolute; left: 0; top: 10px;}
.ul1 li ul{padding-top: 15px;}

.blockquote1{background: #fff; position: relative; text-align: center; color: #272727;font-weight: 500;font-family: 'Oswald'; padding: 7% 15%; margin: 70px 0;}
.blockquote1:before{content: "\f10e"; font-family: 'FontAwesome'; display: block; width: 70px; height: 70px; background: #126597; text-align: center; line-height: 70px; color: #fff; position: absolute; left: 50%; margin-left: -35px; top: -35px; font-size: 20px;}
.blockquote1 .txt1{font-size: 33px; padding-bottom: 30px;}
.blockquote1 .txt2{font-size: 20px; color: #777777;}

.panel-details{position: relative; padding-top: 30px;}

.details-tag-wrapper{float: left;}
.details-tag-txt{display: inline-block; font-family: 'Oswald'; text-transform: uppercase; font-size: 20px; padding-right: 15px; vertical-align: middle;}
.details-tag{display: inline-block; padding: 0; margin: 0; vertical-align: middle;}
.details-tag li{display: inline-block; padding-right: 5px;}
.details-tag li a{display: block; border: 1px solid #b9b9b9; border-radius: 2px; color: #777777; padding: 7px 10px; text-decoration: none;
transition: all 0.3s ease-out;
}
.details-tag li a:hover{color: #fff; background: #126597; border-color: #126597;}

.details-links-wrapper{float: right;}
.details-links-item{display: inline-block; position: relative; padding-left: 35px; font-size: 16px; color: #fff; font-family: 'Oswald'; line-height: 20px; margin-left: 20px;}
.details-links-item i{position: absolute; left: 0; top: 0px; color: #126597; font-size: 25px;}

.column-sidebar{margin-bottom: 30px;}
.column-content{margin-bottom: 30px;}

.sidebar-block{margin-bottom: 50px; position: relative; padding-top: 30px;}
.sidebar-block:first-child{padding-top: 0;}
.sidebar-block:before{content: ''; width: 30px; height: 2px; background: #126597; width: 30px; height: 2px; display:block; position: absolute; left: 0; top: 0;}
.sidebar-block:first-child:before{display: none;}

.sidebar-title{text-transform: uppercase; font-weight: 500; padding-bottom: 10px; letter-spacing: 0.05; font-size: 14px;}

.my_search{position: relative;}
.my_search form{position: relative;}
.my_search .form-control{border: 1px solid #eaeaea; background: none; border-radius:0; color: #555555; font-size: 14px; font-style: italic; padding: 9px 40px 9px 15px;}
.my_search .form-control:focus{box-shadow: none; moz-box-shadow: none; -webkit-box-shadow: none; border-color: #126597;}
.my_search a{position: absolute; right: 0px; top: 0px; text-align: center; width: 38px; line-height: 38px; color: #999999; background: none;}
.my_search a:hover{color: #126597; background: none;}
.my_search a i{font-size: 20px; line-height: 38px;}

.ul2{display: block; padding: 0; margin: 0;}
.ul2 li{display: block; position: relative; border-bottom: 1px solid #2e2e2e; font-size: 14px;}
.ul2 li a{display: block; text-decoration: none;color: #707070; padding: 14px 0 14px 30px;
transition: all 0.3s ease-out;
}
.ul2 li a:before{content: "\f0da"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 14px;}
.ul2 li a:hover{color: #126597;}

.works{padding: 0; margin: 0; list-style: none;}
.works li{display: block; float: left; padding: 0 7px 10px 0}
.works li a{display: block; background: #126597;}
.works li a img{position: relative;
transition: all 0.3s ease-out;
}
.works li a:hover img{opacity: 0.7;}

.news1{padding-bottom: 30px;}
.news1 a{display: block; text-decoration: none;}
.news1 a figure{float: left;  margin: 0 15px 0 0; }
.news1 a .caption{overflow: hidden;}
.news1 a .caption .txt1{font-size: 13px; color: #fff; padding-bottom: 10px; line-height: 1.8;
transition: all 0.3s ease-out;
}
.news1 a:hover .caption .txt1{color: #126597}
.news1 a .caption .txt2{font-size: 12px; color: #126597;
transition: all 0.3s ease-out;
}
.news1 a:hover .caption .txt2{color: #fff}

.tags{display: block; padding: 0; margin: 0; list-style: none;}
.tags li{display: inline-block; padding: 0 5px 3px 0;}
.tags li a{display: block; text-decoration: none; font-size: 12px; color: #707070; border: 1px solid #2e2e2e; padding: 5px 15px;
transition: all 0.3s ease-out;
}
.tags li a:hover{background: #000; border-color: #000; color: #fff;}

.post{position: relative; margin-bottom: 60px;}
.post-header{position: relative; margin-bottom: 50px;}
.post-slider{position: relative;}
.post-image{position: relative;}
.post-image img{width: 100%;}
.post-video{position: relative;}
.post-video .img-inner{position: relative; padding-bottom: 56.25%;}
.post-video iframe{position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: none;}
.post-date{background: #fff; width: 60px; height: 60px; position: absolute; left: 10px; bottom: 10px; z-index: 10; text-align: center; font-family: 'Oswald'; font-size: 30px; color: #272727; font-weight: 600; line-height: 1.3;}
.post-date .txt2{font-size: 12px;}
.post-story-body{padding-bottom: 20px;}
.post-more{}
.post-additional{text-align: center; padding-top: 80px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.07); font-size: 15px; color: #126597; font-style: italic; padding-bottom: 10px;}
.post-additional span{color: #707070;}
.post-num{float: left; width: 33.333333%;}
.post-links{float: left; width: 33.333333%; border-left: 1px solid #303030; border-right: 1px solid #303030;}
.post-by{float: left; width: 33.333333%;}

.social-post{display: block; padding: 0; margin: 0;list-style: none;}
.social-post li{display: inline-block; padding: 0 5px;}
.social-post li:first-child{}
.social-post a{display: block; color: #707070; line-height: 15px; font-size: 14px;
transition: all 0.3s ease-out;
}
.social-post a:hover{color: #126597;}

.owl-carousel-post{position: relative;}
.owl-carousel-post .animated{visibility: visible;}
.owl-carousel-post .owl-nav{}
.owl-carousel-post .owl-nav button{position: absolute; top: 50%; left: 10px; width: 30px; height: 50px; border: 1px solid rgba(255, 255, 255, 0.3) !important; outline: none;}
.owl-carousel-post .owl-nav button.owl-next{left: auto; right: 10px;}

.blockquote2{background: #252525; padding: 20px; margin-bottom: 60px;}
.blockquote2 .inner{border: 1px solid #404040; padding: 55px 35px 30px 35px; position: relative;}
.blockquote2 .inner:before{content: "\f10d"; font-family: 'FontAwesome'; display: block; color: #126597; position: absolute; font-size: 24px; left: 35px; top: 15px;}
.blockquote2 .txt1{font-size: 18px; font-style: italic; padding-bottom: 20px;}
.blockquote2 .txt2{font-weight: 600; font-size: 14px; letter-spacing: 0.1em; position: relative; padding-left: 10px; padding-top: 10px;}
.blockquote2 .txt2:before{content: ''; width: 30px; height: 2px; background: #126597; width: 30px; height: 2px; display:block; position: absolute; left: 0; top: 0;}

.comment-block{margin-bottom: 50px;}
.comment-block.left{margin-left: 90px;}
.comment-block figure{float: left; margin-right: 60px;}
.comment-block figure img{}
.comment-block .caption{overflow: hidden; }
.comment-block .caption-top{padding-bottom: 20px;}
.comment-block .caption .txt1{float: left; font-size: 12px; color: #126597; font-style: italic;}
.comment-block .caption .txt2{float: right;}
.comment-block .caption .txt3{}




/* ============================= footer ====================== */
.footer-wrapper{position: relative;}

.bot1-wrapper{font-size: 15px; background: #272727;}
.bot1{border-top: 1px solid #eaeaea;padding: 40px 0; }

.logo2_wrapper{text-align: center; padding-bottom: 40px;}

.social-footer{ display: block; margin: 30px 0 20px; padding: 0; list-style: none;}
.social-footer li{display: inline-block; margin: 0 15px 10px 0; float: left;}
.social-footer li:first-child{border-left: none;}
.social-footer li a{display: block; text-decoration: none; font-size: 14px; color: #626262; text-align: center; line-height: 28px; width: 30px; border: 1px solid #626262; border-radius: 50%; margin: 0px; position: relative; z-index: 0;
transition: all 0.3s ease-out;
}
.social-footer li a:hover{color: #126597; border-color: #126597;}
.social-footer li a:before{display: block; content: ''; width: 6px; top: -4px; bottom: -4px; background: #272727; position: absolute; z-index: -1; left: 50%; margin-left: -3px;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
}

.contact1{padding-bottom: 20px;}
.contact1 a{color: #fff;}
.contact1 b{color: #fff;}

.best1{padding: 0; margin: 0; list-style: none;}
.best1 li{display: block; float: left; padding: 0 20px 20px 0}
.best1 li a{display: block; background: #126597;}
.best1 li a img{position: relative;
transition: all 0.3s ease-out;
}
.best1 li a:hover img{opacity: 0.7;}

.bot2-wrapper{padding: 30px 0; background: #222222; line-height: 20px; position: relative;}

.copyrights{font-size: 13px; color: #6b6b6b; float: left;}
.copyrights a{color: #126597; text-decoration: none; text-transform: uppercase;}

.menu-bot{padding: 0; margin: 0; list-style: none; display: block; color: #6b6b6b; font-size: 14px; float: right;}
.menu-bot li{display: inline-block; padding: 0 0 0 20px;}
.menu-bot li:first-child{padding-left: 0;}
.menu-bot li a{display: inline-block; color: #6b6b6b; text-decoration: none;
transition: all 0.3s ease-out;
}
.menu-bot li a:hover{color: #126597;}

.to-top-wrapper{position: absolute; left: 50%; margin-left: -15px; top: 50%; margin-top: -15px;}
.to-top-wrapper a{display: block; text-decoration: none; width: 30px; height: 30px; background: url(../images/up.png) center center no-repeat;
transition: all 0.3s ease-out;
}
.to-top-wrapper a:hover{opacity: 0.6;}
















/* ============================= main menu ====================== */
.navbar_{display: block; float: right; padding: 0; position: static;}
.navbar_ .navbar-toggler{float: right; padding: 4px 12px; font-size: 20px; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 4px; margin: 0; color: rgba(255,255,255,.5); border-color: transparent; margin-top: 25px; margin-bottom: 25px;}
.navbar_ .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
.navbar_ .navbar-collapse{clear: both;}
.navbar_ .navbar-nav{display: block; padding: 0; margin: 0; margin-top: 40px;}
.navbar_ .navbar-nav > li{display: block; float: left; white-space: nowrap; margin-left: 30px;}
.navbar_ .navbar-nav > li:first-child{margin-left: 0;}
.navbar_ .navbar-nav > li > .nav-link i{padding-left: 3px}
.navbar_ .navbar-nav > li > .nav-link{display: block; text-decoration: none; font-family: 'Oswald'; font-weight: 400; font-size: 14px; text-transform: uppercase; line-height: 36px; padding: 0 10px; margin: 0; color: #5ec2ff; border-top: 3px solid transparent; border-bottom: 3px solid transparent; letter-spacing: 0.1em;
transition: all 0.3s ease-out;
}

.navbar_ .navbar-nav > li > .nav-link:focus{color: #fff; border-color: #ffffff;}
.navbar_ .navbar-nav > li > .nav-link:hover,
.navbar_ .navbar-nav > li.sfHover > .nav-link,
.navbar_ .navbar-nav > li.sfHover > .nav-link:hover,
.navbar_ .navbar-nav > li > .nav-link.active,
.navbar_ .navbar-nav > li > .nav-link.active:hover,
.navbar_ .navbar-nav > li > .nav-link.active:focus{color: #fff; border-color: #ffffff;}

.navbar_ .navbar-nav > li.sub-menu{position: relative;}

.sf-mega{display: none; position: absolute; left: -20%; background: rgba(0, 0, 0, 0.6); border-radius: 0; box-shadow: 0px 5px 5px 5px rgba(0, 0, 0, 0.1); border-top: 0px solid #126597; top: 50px;
-ms-transform: translate(-20%, 0);
    -webkit-transform: translate(-20%, 0);
    transform: translate(-20%, 0);
}
.sf-mega ul{display: block; padding: 0px 0px; margin: 0; list-style: none;}
.sf-mega ul li{display: block; position: relative;}
.sf-mega ul li:first-child{border-top: none;}
.sf-mega ul li a i{position: absolute; right: 30px; top: 13px}
.sf-mega ul li a{padding: 10px 70px 10px 30px; color: #fff; font-size: 13px; line-height: 20px; display: block; text-decoration: none; position: relative; font-family: 'Montserrat';
transition: all 0.3s ease-out;
}
.sf-mega ul li a:hover{color: #ffffff; background: #2d2d2d;}

.sf-mega ul li .sf-mega{left: 100%; top: 0; margin-left: 0px; margin-top: -2px;
-ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}

/* ============================= my cart ====================== */
.my_cart_wrapper{float: right; margin-top: 0px; position: relative;}
.my_cart_wrapper:hover .my_cart_popup{display: block;}

.my_cart_button{position: relative; margin-bottom: 70px; margin-top: 58px; margin-left: 30px;}
.my_cart_button a{display: block; text-decoration: none; color: #fff; font-size: 16px; line-height: 20px; padding-top: 12px; padding-right: 0px;}
.my_cart_button a i{display: inline-block; width: 25px; height: 25px; background: url(../images/cart-btn.png) 0 0 no-repeat;}
.my_cart_button a span{position: absolute; right: 4px; top: 0; background: #126597; width: 16px; height: 16px; text-align: center; color: #fff; line-height: 16px; font-size: 10px;border-radius:50%;}

.my_cart_popup{ display: none; width: 370px; background: #fff; position: absolute; right: 0; top: 110px; z-index: 61; padding: 30px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);}

.my_cart_item{position: relative; margin-bottom: 20px;}
.my_cart_item_close{position: absolute; right: 0px;top: 16px; color: #2b3435; font-size: 12px; text-decoration: none; padding: 5px;}
.my_cart_item_close:hover{color: #126597;}
.my_cart_item figure{float: left; margin-right: 20px; border: 1px solid #ececec; margin-bottom: 0;}
.my_cart_item .caption{overflow: hidden; font-size: 14px; color: #156192;}
.my_cart_item .txt1{font-size: 20px; color: #242d2e; font-family: 'Oswald';}
.my_cart_item .txt2{color: #a4aeb0; padding-top: 10px;}
.my_cart_item .txt2 a{color: #a4aeb0; text-decoration: none;}

.my_cart_total{border-top: 1px solid #e5e5e5; padding: 40px 0 10px; text-transform: uppercase; font-weight: bold; color: #242d2e; line-height: 20px;}
.my_cart_total .left{float: left; font-size: 14px;}
.my_cart_total .right{float: right; font-size: 20px;}

.my_cart_buttons{}

.my_cart_button2{display: block; text-align: center; text-decoration: none; font-size: 13px; color: #242d2e; background: none; padding: 13px; font-weight: 600; margin-top: 20px; border-radius:2px; border: 1px solid #242d2e; text-transform: uppercase; letter-spacing: 0.1em;
transition: all 0.3s ease-out;
}
.my_cart_button2:hover{background: #126597; color: #fff; border-color: #126597;}
/* ============================= my cart end ====================== */





/* ============================= main layout ====================== */
h2{text-align: center; font-size: 30px; color: #fff; font-family: 'Oswald'; margin-bottom: 30px;}
h3{text-align: center; color: #126597; font-size: 12px; text-transform: uppercase; letter-spacing: 0.2em;}


.title1{font-family: 'Oswald'; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; font-size: 36px; color: #1f1f1f; padding-bottom: 20px;}
.title1 span{color: #126597;}

.title2{font-size: 18px; text-align: center; color: #1f1f1f; padding-bottom: 20px;}

.title3{font-family: 'Oswald';letter-spacing: 0.05em; font-size: 33px; color: #fff; padding-bottom: 20px;}
.title3 span{color: #126597;}

.title4{font-family: 'Oswald';letter-spacing: 0.05em; font-size: 22px; color: #fff; padding-bottom: 10px;}
.title4 span{color: #126597;}

.title5{font-weight: 600; font-size: 14px; letter-spacing: 0.1em; position: relative; padding-left: 10px; padding-top: 10px; text-transform: uppercase; margin-bottom: 40px;}
.title5:before{content: ''; width: 30px; height: 2px; background: #126597; width: 30px; height: 2px; display:block; position: absolute; left: 0; top: 0;}



/* === */






/*-----btn-----*/
.btn1{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Montserrat'; font-size: 14px; line-height: 20px; padding: 15px 30px; text-transform: uppercase; position: relative; border: 2px solid #126597; letter-spacing: 0.1em; background: #126597; border-radius: 4px;
transition: all 0.3s ease-out;
}
.btn1:hover{color: #fff; background: none; border-color: #126597;}
.btn1:after{content: "\f178"; font-family: 'FontAwesome'; padding-left: 20px;}

.btn2{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Montserrat'; font-size: 14px; line-height: 20px; padding: 0px; text-transform: uppercase; position: relative; letter-spacing: 0.1em;
transition: all 0.3s ease-out;
}
.btn2:hover{color: #fff;}
.btn2:after{content: "\f178"; font-family: 'FontAwesome'; padding-left: 20px;}

.btn3{display: inline-block; text-decoration: none; color: #fff; font-weight: 400; font-family: 'Montserrat'; font-size: 13px; line-height: 20px; padding: 9px 30px; text-transform: uppercase; position: relative; border: 1px solid #fff; letter-spacing: 0.1em; background: none; border-radius: 0px;
transition: all 0.3s ease-out;
}
.btn3:hover{color: #fff; background: #126597; border-color: #126597;}

.btn4{display: inline-block; text-decoration: none; color: #fff; font-weight: 400; font-family: 'Montserrat'; font-size: 13px; line-height: 20px; padding: 4px 30px; text-transform: uppercase; position: relative; border: 1px solid #fff; letter-spacing: 0.1em; background: none; border-radius: 0px;
transition: all 0.3s ease-out;
}
.btn4:hover{color: #126597; background: none; border-color: #126597;}

.btn5{display: inline-block; text-decoration: none; color: #fff; font-weight: 600; font-family: 'Montserrat'; font-size: 13px; line-height: 20px; padding: 8px 25px; text-transform: uppercase; position: relative; border: 2px solid #126597; letter-spacing: 0.1em; background: #126597; border-radius: 40;
transition: all 0.3s ease-out;
}
.btn5:hover{color: #fff; background: none; border-color: #126597;}






/*================= Contacts =========================*/
#note{ }
.notification_error{ color:#f00; padding-bottom:10px; }
.notification_ok{ text-align: left; padding-bottom:10px; }

#ajax-contact-form .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form .form-group label{color: #333333; font-weight: 400; font-size: 14px; display: none;}
#ajax-contact-form .form-group label span{color: #fcb100;}
#ajax-contact-form .form-control{padding: 17px 12px; font-size: 14px; line-height: 20px; color: #fff; background: #323232; ; border: 1px solid #323232;border-radius:5px;
transition: all 0.3s ease-out;
}
#ajax-contact-form .form-control:focus{border-color: #323232; background: #272727; box-shadow: none; color: #fff;}
#ajax-contact-form textarea.form-control {height: 126px;}
#ajax-contact-form .form-group.capthca{float: left; margin-right: 20px;}
#ajax-contact-form .form-group.capthca input{width: 170px;}
#ajax-contact-form .form-group.img{float: left;}
#ajax-contact-form .form-group.img img{width:170px; height:38px;}

.btn-cf-submit{float: right;}

/*================= Contacts3 =========================*/
#note3{ }
.notification_error3{ color:#f00; padding-bottom:10px; }
.notification_ok3{ text-align: left; padding-bottom:10px; }

#ajax-contact-form3 .form-group{margin-left: 0; margin-right: 0;}
#ajax-contact-form3 .form-group label{color: #333333; font-weight: 400; display: none;}
#ajax-contact-form3 .form-group label span{color: #d74c4c;}
#ajax-contact-form3 .form-control{padding: 8px 0px; font-size: 14px; line-height: 20px; color: #b7b7b7; background: none; ; border: none; border-bottom: 1px solid #373430; border-radius:0; }
#ajax-contact-form3 .form-control:focus{border-color: #b7b7b7; background: none; box-shadow: none; color: #fff;}
#ajax-contact-form3 textarea.form-control {height: 140px;}















/*----- media queries ------*/
@media (min-width: 1260px) {


}
@media (max-width: 1259.98px) {
  .content-lines-inner{width: 930px; margin-left: -465px;}

  .left-panel{width: 140px;}

  .header-v1{padding-right: 30px;}

  .phone1{display: none;}

  .project a .txt2{display: none;}




}
@media (min-width: 992px) {


}
@media (min-width: 992px) and (max-width: 1259.98px) {




}
@media (max-width: 991.98px) {
  .content-lines-inner{width: 690px; margin-left: -345px;}

  .menu-bot{float: none; text-align: center;}

  .copyrights{float: none; padding-top: 20px; text-align: center;}

  .to-top-wrapper{text-align: center; position: relative; padding-top: 20px; left: 0; margin-left: 0; top: 0; margin-top: 0;}
  .to-top-wrapper a{display: inline-block;}

  .left-panel{width: 140px;}

  .header-v1 header{padding-left: 15px; padding-right: 15px;}

  .header-v1{padding-right: 15px;}

  .my_cart_button{margin-left: 10px;}

  .navbar_ .navbar-nav > li{margin-left: 10px;}

  .projects1 figure{width: auto; margin: 0;}

  .projects1 .caption{position: relative; left: 0; top: 0; width: auto; padding: 30px;
    -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
  }








}
@media (min-width: 768px) {





}
@media (min-width: 768px) and (max-width: 991.98px) {
  .project a .txt1{font-size: 17px;}
  .project a .txt3{display: none;}

  .works li{max-width: 75px;}





}
@media (max-width: 767.98px) {
  .content-wrapper-default{position: relative; margin-top: 0px;}
  .content-wrapper{position: relative; margin-top: 100px;}
  .content-lines-wrapper{display: none;}

  .left-panel{display: none;}

  .my_cart_wrapper{display: none;}

  .header-v1{padding-right: 0;background: #272727;}

  .header-v1 header{height: 90px;}

  .header-v2 header{height: 90px;}



  .navbar_{float: none;}
  .navbar_ .navbar-collapse{position: absolute; left: 0; width: 100%; background: #272727; top: 100%; padding: 0 15px;}
  .navbar_ .navbar-nav{height: auto; max-height: calc(100vh - 90px); overflow: scroll;}
  .navbar_ .navbar-nav > li{float: none; margin-left: 0;}
  .navbar_ .navbar-nav > li > .nav-link{line-height: 36px; padding-left: 20px; color: #fff; border-bottom: 0px solid transparent;}
.navbar_ .navbar-nav > li > .nav-link:focus{color: #fff; background: #126597;}
.navbar_ .navbar-nav > li > .nav-link:hover,
.navbar_ .navbar-nav > li.sfHover > .nav-link,
.navbar_ .navbar-nav > li.sfHover > .nav-link:hover,
.navbar_ .navbar-nav > li > .nav-link.active,
.navbar_ .navbar-nav > li > .nav-link.active:hover,
.navbar_ .navbar-nav > li > .nav-link.active:focus{color: #fff; background: #126597;}
  

  .sf-mega{position: relative; left: auto; right: auto; max-width: none; top: auto; padding: 0; box-shadow: none;}

  .sf-mega{
  -ms-transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
      transform: translate(0, 0);
  }

  .sf-mega-menu li a{padding-top: 4px; padding-bottom: 4px;}

  .navbar_ .navbar-nav > li.sub-menu .sf-mega{padding: 0;}

  .navbar_ .navbar-nav > li.sub-menu .sf-mega ul li .sf-mega{left: 0; margin-left: 0; margin-top: 0;}

  .about-right{padding-left: 0;padding-bottom: 30px;}

  .about-left{padding-right: 0; text-align: center;}

  .project{width: 50%;}

  .back-txt{display: none;}

  .year-wrapper figure{display: block; padding-bottom: 20px;}

  .year-wrapper .year{padding-left: 0;}

  .tree1{width: auto; margin-left: 0; min-height: 0; padding-left: 0; padding-bottom: 30px;}

  .tree1.left{width: auto; text-align: left; padding-right: 0;}

  .tree1 figure{position: relative; display: inline-block; left: 0; right: 0; margin-bottom: 20px;}

  .tree1 .caption:before{display: none;}

  .tree1.left figure{right: 0; left: 0;}

  .details-tag-wrapper{float: none;}

  .details-links-wrapper{float: none; padding-top: 30px;}

  .post-num{float: none; width: auto; padding-bottom: 10px;}

  .post-links{float: none; width: auto; padding-bottom: 10px;}

  .post-by{float: none; width: auto;}

  .comment-block.left{margin-left: 20px;}

  .comment-block .caption .txt1{float: none; padding-bottom: 10px;}

  .comment-block .caption .txt2{float: none;}








}
@media (max-width: 575.98px) {
  .project{width: 100%;}

}




.project-details-text-1 span{color: #126597; font-size:20px; font-weight:600;}
.project-details-text-2{margin-bottom:20px;}