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

a, button, input[type=submit], input[type=button]{-webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s;}
img.img-crop{display:block; max-width:none;}


.anchor-top:before{content:""; display:block; height:90px;}
.anchor:before{content:""; display:block; height:86px; margin:-86px 0 0 0;}

.navbar-custom {margin-bottom:0; border-bottom:1px solid #3c4156; text-transform:uppercase; background:#3c4156; font-family: 'Montserrat', sans-serif;  }
.navbar-custom .navbar-brand {font-weight:700; }
.navbar-custom .navbar-brand:focus {outline:0; }
.navbar-custom .navbar-brand .navbar-toggle {padding:4px 6px; font-size:16px; color:#fff; }
.navbar-custom .navbar-brand .navbar-toggle:focus,.navbar-custom .navbar-brand .navbar-toggle:active {outline:0; }
.navbar-custom a {color:#fff; }
.navbar-custom .nav li a {-webkit-transition:background .3s ease-in-out; -moz-transition:background .3s ease-in-out; transition:background .3s ease-in-out; }
.navbar-custom .nav li a:hover {outline:0; color:#8591c0; background-color:transparent; }
.navbar-custom .nav li a:focus,.navbar-custom .nav li a:active {outline:0; background-color:transparent; }
.navbar-custom .nav li.active {outline:0; }
.navbar-custom .nav li.active a {color:#8591c0;  }
.navbar-custom .nav li.active a:hover {color:#8591c0; }
@media(min-width:768px) {
.navbar-custom {padding:10px 0; border-bottom:0; background:#3c4156; -webkit-transition:background .5s ease-in-out,padding .5s ease-in-out; -moz-transition:background .5s ease-in-out,padding .5s ease-in-out; transition:background .5s ease-in-out,padding .5s ease-in-out; }
.navbar-custom.top-nav-collapse {padding:8px 0; border-bottom:1px solid #3c4156; background:#3c4156; }
}

.bannercontainer{position:relative;margin:0 auto;padding:5px;background-color:#fff;max-width:1160px}
.banner{position:relative;max-width:1160px;height:905px;overflow:hidden}
.fullwidthbanner-container{position:relative;width:100% !important;padding:0;max-height:905px !important;overflow:hidden}
.fullwidthbanner-container .fullwidthbanner{position:relative;width:100% !important;max-height:905px !important}
.fullscreenbanner-container{width:100% !important;position:relative;padding:0;height:100%}
.bannercontainer ul{ margin:0; padding:0; list-style:none;}

.heading-block p{ display:none;}

.w1{ margin:0; padding:100px 0; text-align:center;}
.w1 h2{ color:#3c4156; font-size:36px; margin:0; padding:0 0 10px 0; font-family: 'Montserrat', sans-serif; text-align:center;  text-transform:uppercase;}
.w1 h2 span{ display:block; font-size:18px;}
.w1 .divider{ position:relative; margin:30px auto 20px auto; width:70%; height:1px; background:#ebebeb}
.w1 .divider:after{ height:30px; line-height:30px; width:30px; text-align:center; font-family:'FontAwesome'; content:'\f0ab '; position:absolute; left:50%; margin-left:-15px; font-size:30px; top:-15px; color:#3c4156; background:#fff;}

.services{ margin-top:40px; }
.timeline {position: relative;padding: 0;list-style: none; margin-top:40px;}
.timeline:before {content: "";position: absolute;top: 0;bottom: 0;left: 40px;width: 2px;margin-left: -1.5px;background-color: #ebebeb;}
.timeline > li {position: relative;margin-bottom: 50px;min-height: 50px;}
.timeline > li:before,.timeline > li:after {content: " ";display: table;}
.timeline > li:after {clear: both;}
.timeline > li .timeline-panel {float: right;position: relative;width: 100%;padding: 0 20px 0 100px;text-align: left;}
.timeline > li .timeline-panel:before {right: auto;left: -15px;border-right-width: 15px;border-left-width: 0;}
.timeline > li .timeline-panel:after {right: auto;left: -14px;border-right-width: 14px;border-left-width: 0;}
.timeline > li .timeline-image {z-index: 100;position: absolute;left: 0;width: 80px;height: 80px;margin-left: 0;border: 0px solid #ebebeb;border-radius: 100%;text-align: center;color: #fff;background-color: #3c4156;}
.timeline > li .timeline-image h4 {margin-top: 12px;font-size: 10px;line-height: 14px;}
.timeline > li:nth-child(even) > .timeline-panel {float: right;padding: 0 20px 0 100px;text-align: left;}
.timeline > li:nth-child(even) > .timeline-panel:before {right: auto;left: -15px;border-right-width: 15px;border-left-width: 0;}
.timeline > li:nth-child(even) > .timeline-panel:after {right: auto;left: -14px;border-right-width: 14px;border-left-width: 0;}
.timeline > li:last-child {margin-bottom: 0;}
.timeline .timeline-heading h4 {margin-top: 0;color:#3c4156; font-family: 'Montserrat', sans-serif; font-size:24px;}
.timeline .timeline-heading h4.subheading {text-transform: none;}
.timeline .timeline-body > p,.timeline .timeline-body > ul {margin-bottom: 0;}
.timeline p.text-muted{ font-size:16px; font-weight:300; color:#333;}
@media(min-width:768px) {
.timeline:before {left: 50%;}
.timeline > li {margin-bottom: 100px;min-height: 100px;}
.timeline > li .timeline-panel {float: left;width: 41%;padding: 0 20px 20px 0;text-align: right;}
.timeline > li .timeline-image {left: 50%;width: 100px;height: 100px;margin-left: -50px;}
.timeline > li .timeline-image h4 {margin-top: 16px;font-size: 13px;line-height: 18px;}
.timeline > li:nth-child(even) > .timeline-panel {float: right;padding: 0 0 20px 20px;text-align: left;}
}
@media(min-width:992px) {
.timeline > li {min-height: 150px;}
.timeline > li .timeline-panel {padding: 0 20px 20px;}
.timeline > li .timeline-image {width: 150px;height: 150px;margin-left: -75px;}
.timeline > li .timeline-image h4 {margin-top: 30px;font-size: 18px;line-height: 26px;}
.timeline > li:nth-child(even) > .timeline-panel {padding: 0 20px 20px;}
}
@media(min-width:1200px) {
.timeline > li {min-height: 170px;}
.timeline > li .timeline-panel {padding: 20px 20px 20px 0;}
.timeline > li .timeline-image {width: 170px;height: 170px;margin-left: -85px;}
.timeline > li .timeline-image h4 {margin-top: 40px;}
.timeline > li:nth-child(even) > .timeline-panel {padding: 20px 0 20px 20px;}
}


.w2{ margin:0; padding:100px 0 0 0;  background:url(../images/pattern.jpg); border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb; }
.w2 h2{ color:#0073b9; font-size:36px; margin:0; padding:0 0 10px 0; font-family:'Montserrat', sans-serif; text-align:center; text-transform:uppercase; }
.w2 h2 span{ display:block; font-size:18px; }
.w2 .divider{ position:relative; margin:30px auto 20px auto; width:70%; height:1px; background:#ebebeb}
.w2 .divider:after{ height:30px; line-height:30px; width:30px; text-align:center; font-family:'FontAwesome'; content:'\f0ab '; position:absolute; left:50%; margin-left:-15px; font-size:30px; top:-15px; color:#0073b9; background:#fff; }
.bs-process {padding:0; }
.bs-process .title {color:#0073b9; font-size:32px; position:relative; top:-81px; font-family:'Montserrat', sans-serif; }
.bs-process .discription {top:-85px; position:relative; font-size:14px; padding-left:2px; font-size:16px; font-weight:300; }
.bs-process .icon {border:1px solid #0073b9; height:63px; width:63px; transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); /*display:inline-block; */margin-left:0px; margin-bottom:0; margin-top:0; text-align:center; background:#fff; font-family:'Montserrat', sans-serif; font-weight:700; }
.bs-process .icon-text {transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); margin-left:0; color:#0073b9; font-size:40px; padding-top:0; }
.bs-process .item-position {/*float:left; */margin-left:31px; padding-left:65px; border-left:solid 1px #0073b9; }
.bs-process .last-item-position {float:left; margin-left:31px; padding-left:65px; }
.bs-process ul {padding:0; margin:0px; list-style:none; }
.bs-process ul li {padding:0px; margin:0px; }
.steps{ padding:50px 0;}
.w2-bottom{ margin:0; padding:0; text-align:center;}
.green-wrap{ margin:0; padding:40px 0; background:url(../images/green-bg.jpg) no-repeat center center; background-size:cover; color:#fff; font-family:'Montserrat', sans-serif;}
.green-wrap h4{ margin:0; padding:0; font-size:40px; font-weight:700;}
.green-wrap h5{ margin:0; padding:0 0 10px 0; font-size:26px;}


.w3{ margin:0; padding:100px 0; text-align:center;}
.w3 h2{ color:#0072bc; font-size:36px; margin:0; padding:0 0 10px 0; font-family: 'Montserrat', sans-serif; text-align:center;  text-transform:uppercase;}
.w3 h2 span{ display:block; font-size:18px;}
.w3 .divider{ position:relative; margin:30px auto 20px auto; width:70%; height:1px; background:#ebebeb}
.w3 .divider:after{ height:30px; line-height:30px; width:30px; text-align:center; font-family:'FontAwesome'; content:'\f0ab '; position:absolute; left:50%; margin-left:-15px; font-size:30px; top:-15px; color:#0072bc; background:#fff;}
.portfolio{ margin-top:60px;}
/*.portfolio.row{ margin-left:0; margin-right:0;}
.portfolio.row .col-sm-4{ padding-left:0; padding-right:0;}*/
.portfolio.row .col-sm-4{ margin-bottom:30px;}
.portfolio.row .col-sm-4 a.fancybox{ position:absolute; top:0; left:0; bottom:0; right:0; text-indent:-9999px; z-index:100}
/*.portfolio.row .col-sm-4:nth-child(odd) a.fancybox{ background:url(../images/triangle-1.png); background-size:100% 100%;}
.portfolio.row .col-sm-4:nth-child(even) a.fancybox{ background:url(../images/triangle-2.png); background-size:100% 100%;}*/

.w4{ margin:0; padding:100px 0; text-align:center; background:url(../images/pattern.jpg); border-top:1px solid #ebebeb;}
.w4 h2{ color:#333; font-size:36px; margin:0; padding:0 0 10px 0; font-family: 'Montserrat', sans-serif; text-align:center;  text-transform:uppercase;}
.w4 h2 span{ display:block; font-size:18px;}
.w4 .divider{ position:relative; margin:30px auto 20px auto; width:70%; height:1px; background:#ebebeb}
.w4 .divider:after{ height:30px; line-height:30px; width:30px; text-align:center; font-family:'FontAwesome'; content:'\f0ab '; position:absolute; left:50%; margin-left:-15px; font-size:30px; top:-15px; color:#333; background:#fff;}
.w4 p{ font-size:18px; font-weight:300; margin:0; padding:0 0 25px 0;}
.contact{ margin-top:60px;}
#contact .-heading {color: #fff;}
#contact .form-group {margin-bottom: 35px;position:relative;}
#contact .form-group input,#contact .form-group textarea {padding: 20px;}
#contact .form-group input.form-control {height: auto;}
#contact .form-group textarea.form-control {height: 236px;}
#contact .form-control:focus {border-color: #3c4156;box-shadow: none;}
#contact::-webkit-input-placeholder {text-transform: uppercase;font-weight: 700;color: #bbb;}
#contact:-moz-placeholder {text-transform: uppercase;font-weight: 700;color: #bbb;}
#contact::-moz-placeholder {text-transform: uppercase;font-weight: 700;color: #bbb;}
#contact:-ms-input-placeholder {text-transform: uppercase;font-weight: 700;color: #bbb;}
#contact .text-danger {color: #e74c3c;}
#contact .help-block{ position:absolute; top:100%; left:0; color:#fff; font-size:13px; margin:2px 0 0 ; padding:0;}
#contact .help-block ul{ margin:0; padding:0; list-style:none;}
#contact .help-block ul li{ margin:0; padding:0 5px; background:#F00; line-height:20px;}
.bottom-img{ margin:0; padding:0; text-align:center; background:url(../images/pattern.jpg)}
.footer{ margin:0; padding:15px 0; background:#222; color:#898989; text-align:center; font-weight:300;}
.back-to-top {position:fixed; bottom:0.5em; right:0.5em; text-decoration:none; color: #fff; background:#3c4156; font-size: 24px; padding:0; height:40px; width:40px; line-height:40px; display: none; border-radius:5px; text-align:center; z-index:999}
.back-to-top:hover{ background:#0073b9; text-decoration:none; color:#fff }


/* #Media Queries================================================== *//* Large desktop */
@media (min-width: 1200px) {}
 /* END__ *//* Large then standart */
@media (min-width: 960px) {}
 /* END__ *//* standart desktop */

@media (max-width: 1200px) {}
/* END__ *//* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
.service-box h3 { font-size:22px;}
.navbar-brand{ padding:5px 0;}
}
 /* END__ *//* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
.sbox-gutter:nth-child(1) .sbox-gutter:nth-child(2), .sbox-gutter:nth-child(3) .sbox-gutter:nth-child(4), .sbox-gutter:nth-child(5){ border-right:none; border-bottom:1px solid #ebebeb;}
.sbox-gutter:nth-child(6){ border-bottom:none; border-right:none;}
.navbar-brand{ padding:14px 10px 14px 10px;}
.mobile-img{ text-align:center;}
.service-box h3 { font-size:22px;}
.w1 .divider, .w2 .divider, .w3 .divider, .w4 .divider{ width:100%;}
.carousel-control.left { left:0}
.carousel-control.right{ right:0;}
.portfolio.row .col-sm-4:nth-child(odd) a.fancybox, .portfolio.row .col-sm-4:nth-child(even) a.fancybox{ background:none;}
}
 /* END__ */ /* Landscape phone to portrait tablet */
@media (max-width: 767px) {}
 /* END__ *//* Landscape phones and down */
@media (max-width: 480px) {
.service-box{ padding:40px 0;}
.green-wrap h4{ font-size:30px;}
.green-wrap h5{ font-size:20px;}
#timeline{ margin:0;}
.lettersLoaderRow{ font-size:24px;}
}
 /* END__ */