@font-face {
  font-family: 'Mont';
  src: url("../fonts/Mont-Regular.eot");
  src: local("☺"), url("../fonts/Mont-Regular.woff") format("woff"), url("../fonts/Mont-Regular.ttf") format("truetype"), url("../fonts/Mont-Regular.svg") format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Mont';
  src: url("../fonts/Mont-Bold.eot");
  src: local("☺"), url("../fonts/Mont-Bold.woff") format("woff"), url("../fonts/Mont-Bold.ttf") format("truetype"), url("../fonts/Mont-Bold.svg") format("svg");
  font-weight: 600;
  font-style: normal; }

* {outline: none !important;}

body {margin: 0; padding: 0; font-family: 'Mont'; font-size: 17px; color: #000; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }

img {max-width: 100%; }
figure {margin-bottom: 20px; }
input[type="text"], input[type="email"], input[type="search"], input[type="password"] {width: 420px; max-width: 100%; height: 68px; border: 2px solid #e8e8e8; padding: 0 30px;}

input[type="submit"], input[type="button"], button[type="button"], button[type="submit"] {height: 68px; border: none; background: #3e3480; color: #fff; font-weight: 800; font-size: 13px; padding: 0 50px; letter-spacing: 1px; transition: all ease 1s;}
input[type="submit"]:hover, input[type="button"]:hover, button[type="button"]:hover, button[type="submit"]:hover{background-color: #44c0f0; transition: all ease 1s;}

textarea {width: 420px; max-width: 100%; height: 128px; border: 2px solid #e8e8e8; padding: 30px; }
a {color: #182e48; }
a:hover {text-decoration: underline; color: #182e48; }
.overflow {overflow: hidden; }
.no-spacing {margin: 0 !important; padding: 0 !important; }
.no-bottom-spacing {margin-bottom: 0 !important; padding-bottom: 0 !important; }
@media (min-width: 1170px) {
  .container {max-width: 1100px; }
}
@media (min-width: 1280px) {
  .container {max-width: 1260px; }
}

.swiper-pagination {width: 100%; display: block; position: relative; text-align: center; }
.swiper-pagination .swiper-pagination-bullet { width: 50px; height: 4px; border-radius: 0 !important; }
.swiper-pagination .swiper-pagination-bullet-active {background: #3e3480; }
.hamburger {width: 32px; height: 38px; position: relative; cursor: pointer; display: inline-block; padding-top: 3px; }
.hamburger span {display: block; background: #fff; }
.hamburger #hamburger {position: absolute; height: 100%; width: 100%; }
.hamburger #hamburger span {width: 100%; height: 2px; position: relative; top: 0; left: 0; margin: 6px 0; transition: width ease 0.25s; }
.hamburger #hamburger span:nth-child(1) {transition-delay: .5s; width: 100%; }
.hamburger #hamburger span:nth-child(2) {transition-delay: .625s; width: 70%; }
.hamburger #hamburger span:nth-child(3) {transition-delay: .75s; width: 100%; left: 0;}
.hamburger #cross {position: absolute; height: 34px; width: 34px; transform: rotate(45deg); left: -2px; top: 2px; }
.hamburger #cross span:nth-child(1) {height: 0%; width: 2px; position: absolute; top: 0; right: 16px; transition-delay: 0s; transition: height ease 0.25s; }
.hamburger #cross span:nth-child(2) {width: 0%;height: 2px;position: absolute; left: 0; top: 16px; transition-delay: .25s; transition: width ease 0.25s; }
.hamburger.open #hamburger span {width: 0%; }
.hamburger.open #hamburger span:nth-child(1) {transition-delay: 0s; }
.hamburger.open #hamburger span:nth-child(2) {transition-delay: .125s; }
.hamburger.open #hamburger span:nth-child(3) {transition-delay: .25s; }
.hamburger.open #cross span:nth-child(1) {height: 100%; transition-delay: .625s; }
.hamburger.open #cross span:nth-child(2) {width: 100%; transition-delay: .375s; }
/* ACCORDION */
.accordion {width: 100%; float: left; background: #fff; padding: 0; padding-right: 50px; }
.accordion .card {background: none; border-radius: 0; border: none; }
.accordion .card .card-header{background:none; padding:0; border:none; }
.accordion .card .card-header a {width:100%; float:left; font-weight:600; padding: 30px 0; color:#182e48; font-weight:600; border-bottom:4px solid #eaebee; font-size: 19px;}
.accordion .card .card-header a i {float:right;}
.accordion .card .card-header a:hover {border-color:#3e3480; text-decoration:none;}
.accordion .card .card-body {width:100%; line-height:26px; padding:20px 0;}
.accordion .card[aria-expanded="true"]{border-color:#3e3480 !important; }

@keyframes first-transition {
  from {right: 0; }
  to {right: -100%; }
}
.page-transition {width: 0; height: 100%; position: fixed; z-index: 9; left: 0; top: 0; background: #3e3480;  transition: all ease 1s;}
.page-transition.active {width: 100%; }

.navbar {width: 100%; display: flex; flex-wrap: wrap; padding:10px 0; position: absolute; background:rgba(255,255, 255, .8); z-index:2;}
.navbar.sticky {background: #172e48; }
.navbar.nav-down {top: 0; }
.navbar.nav-up {top:-100%; }
.navbar .logo {margin-left: 0; position: relative;}
.navbar .logo::before{content: "";}
.navbar .logo a { display: block; margin: 0; }
.navbar .logo a img{max-height: 90px;} 
.navbar .navbar-button {height: 58px; line-height: 58px; padding: 0 40px; color:#fff; background: #3e3480; font-size:22px; font-weight: 600; transition: all ease 1s;}
.navbar .navbar-button i {font-size: 20px; display: inline-block; transform: translateY(3px); margin-right: 5px; }
.navbar .navbar-button:hover {text-decoration: none; background-color:#44c0f0; transition: all ease 1s;}

.slider {width: 100%; height:835px; display: flex; flex-wrap: wrap; overflow: hidden; background-color: #7dc5f4; background-image: url("../images/header-pattern.png"); background-size: cover; position: relative;}
.slider .container {position: relative; display: flex; flex-wrap: wrap; }
.slider .slider-content {width: calc(50% - 120px); position: relative; overflow: hidden; margin: 0; margin-right: 40px; }
.slider .slider-content .swiper-slide {display: flex; align-items: center; }
.slider .slider-content .inner {width: 100%; display: block; color: whitesmok; padding-top:50px; }
.slider .slider-content .inner h2 {font-size:40px; font-weight: 800; margin-bottom:20px;line-height: 50px;}
.slider .slider-content .inner h2 b {-webkit-text-stroke: 1px #fff;  color: #3e3480;}
.slider .slider-content .inner ul{list-style:none; padding:0; font-size:16px; font-weight:600;}
.slider .slider-content .inner ul li{position: relative; padding-left:30px; margin-bottom:8px;}
.slider .slider-content .inner ul li::before{content:"\ea21"; font: normal normal normal 1em/1 'LineIcons'; font-size:17px; position: absolute; left: 0; top:5px;}
.slider .slider-content .inner h3 {margin-bottom:30px; font-size:28px; font-weight:800;}
.slider .slider-content .inner a {display: inline-block; height: 68px; line-height: 68px; padding:0 40px; background: #3e3480; color: #fff; font-size: 13px; font-weight: 600; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.slider .slider-content .inner a i {display: inline-block; margin-left: 10px; font-size: 20px; transform: translateY(3px); -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out;}
.slider .slider-content .inner a:hover {text-decoration: none; box-shadow: 0 20px 20px #000; }
.slider .slider-content .inner a:hover i {margin-left:20px; }
.slider .slider-content .controls {width: 90%; display:flex; flex-wrap: wrap; align-items: center; position: absolute; left: 0; bottom: 0; z-index: 1; padding: 30px;}
.slider .slider-content .controls .swiper-pagination {width: auto; display: inline-block; position: static; font-size: 26px; color: #9a9a9a; }
.slider .slider-content .controls .swiper-pagination .swiper-pagination-current {font-size: 54px; color: #182e48; }
.slider .slider-content .controls .button-prev {width: 80px; height: 80px; line-height: 80px; display: inline-block; text-align: center; background: #f2f3f5; border-radius: 50%; color: #182e48; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: auto; }
.slider .slider-content .controls .button-prev:hover {background: #3e3480; }
.slider .slider-content .controls .button-next {width: 80px; height: 80px; line-height: 80px; display: inline-block; text-align: center; background: #f2f3f5; border-radius: 50%; color: #182e48; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: 2px; margin-right: 0; }
.slider .slider-content .controls .button-next:hover {background: #3e3480; }
.slider .slider-main {width: calc(50vw + 80px); height:88%; overflow: hidden; margin: 0; position: absolute; left: calc(50% - 80px); top: 110px; }
.slider .slider-main .slide-image {width: 100%; height: 100%; display: inline-block; background-position: center !important; background-size: cover !important; }
.header-box {width:480px; padding:0 32px; height:100%; display: flex; color:#fff; flex-wrap: wrap; justify-content: center; text-align: center; background:rgba(4, 97, 163, 0.4); position: absolute; right:18.2%; z-index:2; top:13.2%;}
.header-box:after {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 14px 14px; border-color: transparent transparent #172e48 transparent; position: absolute; right: 4px; bottom: 4px; }
.header-box b {font-size: 90px; height: 90px; line-height: 1; font-weight: 400; display: inline-block; transform: translateY(8px); } 
.header-box small {display: inline-block; line-height: 1.2; font-weight: 600; letter-spacing: 2px; transform: translateY(-8px); }

.thankyou .slider-content{width: calc(80% - 120px); margin:0 auto; text-align: center;}
.thankyou .slider-content .inner h2{font-size: 24px;}
.thankyou .slider-content .inner h3{font-size: 20px; font-weight: 400;}
.thankyou .slider-content .inner h4{font-weight:600; font-size:18px;}
.thankyou .slider-content .inner h4 a{font-size: 15px; height: auto; line-height: 36px; padding: 0 10px;}

.appointment-form{position: relative; padding:40px 0; text-align: center; width:100%;}
.appointment-form h3{position: relative; font-size: 24px; font-weight: 700; margin-bottom: 25px;}
.appointment-form .form-group{position:relative; margin-bottom:15px;}

.appointment-form .form-group input[type="text"],
.appointment-form .form-group input[type="email"],
.appointment-form .form-group input[type="tel"],
.appointment-form .form-group input[type="url"],
.appointment-form .form-group textarea,
.appointment-form .form-group select{position: relative; display: block; font-size:14px; line-height: 20px; font-weight: 400; padding:15px; width: 100%; height:50px; background-color: #ffffff; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; border:none;}
.appointment-form .form-group textarea{height: 90px; resize: none;}

.appointment-form .form-group input[type="submit"],
.appointment-form button{padding:20px 30px; display: block; width: 100%; margin-top: 10px; font-size:15px;}
.call-back-section.style-two{z-index: 99;}
.call-back-section.style-two .outer-box:before{background-color: #182e48;}
.call-back-section.style-two .content-column .text,
.call-back-section.style-two .content-column h3{color: #ffffff;}
.call-back-section.style-two .appointment-form h3{margin-bottom: 35px;}

.col-lg-3:nth-child(even) .counter-box {margin-top: 50%; }
.counter-box {width: 100%; display: block; border: 1px solid #3e3480; background-color:#3e3480; color:#fff; padding: 10px; text-align: center; position: relative; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.counter-box .icon{display: block; font-size:50px; line-height: normal;}
.counter-box:hover {transform: translateY(-20px); box-shadow: 0 30px 30px #ddd7ff; background-color: #44c0f0; border-color: #44c0f0;}
.counter-box:hover h6:before {width:100%;}
.counter-box:after {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 14px 14px; border-color: transparent transparent #fff  transparent; position: absolute; right: 4px; bottom: 4px; }
.counter-box .odometer {display:inline-block; font-size:42px; line-height: normal;}
.counter-box .value{font-size:24px;}
.counter-box h6 {display:inline-block; font-weight: 800; position: relative; letter-spacing:normal;}
.counter-box h6:before {content: ""; width:0; height: 6px; background: #e0beae; position: absolute; left: 0; bottom: 0; mix-blend-mode:multiply; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.counter-box p {font-size:17px;}

.content-section {width: 100%; display: block; padding: 80px 0; position: relative; }
.section-title {width: 100%;display: block; text-align: center;margin-bottom: 50px; }
.section-title h6 {display: inline-block; position: relative; z-index: 1; font-weight: 800; letter-spacing: 3px; font-size: 18px; }
.section-title h6:before {content: ""; width: 100%; height: 6px; background:#7dc5f4; position: absolute; left: 0; bottom: 0; z-index: -1; mix-blend-mode: difference; }
.section-title h2 {width:100%; display:block; margin-bottom:0; font-size:30px;}
.section-title h2 strong{font-weight:800;}
.section-title p {width: 100%; display: block; margin-bottom: 0; margin-top: 20px;}

.testimonials-slider {width: calc(100% - 250px); float: right; margin-top: -200px; margin-right: 50px; position: relative; overflow: hidden; }
.testimonials-slider .controls {display: inline-block; position: static; margin-top: 30px; }
.testimonials-slider .controls .swiper-pagination {width: auto; display: inline-block; position: static; font-size: 26px; color: #9a9a9a; }
.testimonials-slider .controls .swiper-pagination .swiper-pagination-current {font-size: 54px; color: #182e48; }
.testimonials-slider .controls .button-prev {width: 80px; height: 80px; line-height: 80px; display: inline-block; text-align: center; background: #3e3480; border-radius: 50%; color: #fff; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: auto;}
.testimonials-slider .controls .button-prev:hover {background: #182e48; color: #fff; }
.testimonials-slider .controls .button-next {width: 80px; height: 80px; line-height: 80px; display: inline-block; text-align: center; background: #3e3480; border-radius: 50%; color: #fff; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; margin-left: 2px; margin-right: 0;}
.testimonials-slider .controls .button-next:hover {background: #182e48; color: #fff; }
.testimonials-slider .testimonial {width: 100%; float: left; padding: 30px; background: #fff; position: relative;}
/* .testimonials-slider .testimonial:after {content: ""; width: 0; height: 0; border-style: solid; border-width: 0 20px 20px 0; border-color: transparent #fff transparent transparent; position: absolute; bottom: -20px; right: 30px; } */
.testimonials-slider .testimonial p {width: 100%; display: block; margin-bottom: 30px; color: #636262; }
.testimonials-slider .testimonial i {width:80px; height:80px; line-height:80px; background: #3e3480; color: #fff; text-align: center; font-size:60px; margin-bottom: 20px; }
.testimonials-slider .testimonial h4 {font-weight: 600; margin-bottom:20px; }
.testimonials-slider .testimonial ul{padding:0 0 0 17px; margin:0;}

.calculator {background-color: #7dc5f4; background-image: url("../images/header-pattern.png"); background-position: center; background-size: cover;}
.calculator .section-title h2 {font-weight:600;}
.calculator .bg-image {width:40%; height: 100%; position: absolute; right: 0; top: 0; background-size: cover; }
.calculator .form {width: 100%; display: block; padding:35px 50px; background: #fff; color: #182e48; position: relative; }
.calculator .form .box{padding:6px; margin:15px 0; background-color:#fffcfb; border: 1px solid #e4e4e4; display: flex; justify-content: center; text-align: center; align-items: center; font-size: 14px; font-weight: 600; min-height:90px; position:relative;}
.calculator .form .box::after,
.calculator .form .box::before{position:absolute; content:"";  left:0; top:0; right:0; bottom:0; margin:auto; transform:scale(1); background-color:#3e3480; transition:500ms linear; -webkit-transition:500ms linear;}
.calculator .form .box::after{width:105%; height:110%; left:-5px;}
.calculator .form .box::before{width:100%; height:100%; border:1px solid #fff; background-color: transparent; z-index:1;}
.calculator .form .box p{margin:0; position: relative; z-index: 1; color:#fff; user-select: none;}
.calculator .form .box:hover::after,
.calculator .form .box:hover::before{transition:300ms linear; -webkit-transition:300ms linear; transform: scale(0);}
.calculator .form .box:hover p{color:#182e48;}

.product-slider{overflow: hidden;}
.product-slider img{border: 1px solid #ccc;}
.product-slider .controls{display: flex; justify-content: center; margin-top: 30px;}
.product-slider .controls .button-prev,
.product-slider .controls .button-next{margin:0 5px;}
.certify{color:#fff;}

.project-slider .controls{width:100%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2;}
.product-slider .controls .button-prev,
.product-slider .controls .button-next,
.project-slider .controls .button-prev,
.project-slider .controls .button-next{width: 60px; cursor: pointer; height: 60px; line-height: 60px; background: #ccc; text-align: center; border-radius: 50%;}
.project-slider .controls .button-prev{float: left;}
.project-slider .controls .button-next{float: right;}
.product-slider .controls .button-prev:hover,
.product-slider .controls .button-next:hover,
.project-slider .controls .button-prev:hover,
.project-slider .controls .button-next:hover{background: #3e3480; color:#fff;}


.project-slider {width: 100%; display: block; position: relative; overflow: hidden; }
.project-slider .swiper-slide {max-width: 50vw; }
.project-slider .swiper-slide.swiper-slide-active .project-box figcaption {opacity: 1; }
.project-slider .swiper-slide .project-box {width: 100%; display: flex; flex-wrap: wrap; margin: 0; padding-bottom: 50px; position: relative; }
.project-slider .swiper-slide.swiper-slide-active .project-box img {filter: grayscale(0); }
.project-slider .swiper-slide .project-box img {width: 100%; display: block; filter: grayscale(1); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.project-slider .swiper-slide .project-box figcaption {width: 70%; position: absolute; left: 30px; bottom: 15px; padding:30px; background:#3e3480; color: #fff; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; opacity: 0; }
.project-slider .swiper-slide .project-box figcaption h5 {display: block; font-size: 30px; font-weight: 800; }
.project-slider .swiper-slide .project-box figcaption p {width: 100%; display: block; margin: 0; }
.project-slider .swiper-pagination {width: 100%; float: left; position: static; margin-top: 20px; }

.video-box {width: 100%; display: block; margin: 0; background: #182e48; position: relative; }
.video-box .play-btn {width: 70px; height: 70px; line-height: 66px; display: inline-block; position: absolute; right: 50px; top: 100px; z-index: 1; text-align: center; border-radius: 50%; border: 2px solid #fff; color: #fff; font-size: 20px; text-indent: 2px; }
.video-box .play-btn:hover {background: #3e3480; border-color: #3e3480; color: #fff; }
.video-box video {width: 100%; display: block; margin: 0; opacity: 0.5; filter: grayscale(1); }

.logo-item {width: 100%; display: block; margin: 0; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; padding: 0 30px; }
.logo-item img {width: 100%; }

.divisions{background-color: #fff8f5; background-image: url("../images/header-pattern.png"); background-position: center; background-size: cover;}
.ctabar {width: 100%; display: block; padding: 80px 0; position: relative; overflow: hidden; text-align: center; color: #fff; background-color: #7dc5f4; background-image: url("../images/header-pattern.png"); background-position: center; background-size: cover; }
.ctabar h2 {font-size:32px; font-weight: 800;margin-bottom:30px; }
.ctabar h2 b {-webkit-text-stroke: 1px #fff;  -webkit-text-fill-color: transparent; color: transparent; }
.ctabar .button {display: inline-block; height: 68px; line-height: 68px; padding: 0 40px; background: #3e3480; color: #fff; font-size:15px; font-weight: 600; -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.ctabar .button i { display: inline-block; margin-left: 10px; font-size: 20px; transform: translateY(3px); -webkit-transition: all .25s ease-in-out; transition: all .25s ease-in-out; }
.ctabar .button:hover {text-decoration: none; background-color: #44c0f0; transition: all .25s ease-in-out;}
.ctabar .button:hover i {margin-left: 20px; }

.form-modal .modal-content{background-color:#182e48;}
.form-modal .modal-content .appointment-form{padding: 10px 15px 0;}
.form-modal .modal-content .btn-close,
.content-modal .modal-content .btn-close{color: #fff; position: absolute; right: -20px; width: 50px; z-index: 1; border:2px solid transparent; height: 50px; line-height: 46px; padding: 0; top: -10px; border-radius: 50%; font-size: 30px;}
.form-modal .modal-content .btn-close:hover,
.content-modal .modal-content .btn-close:hover{background-color:#182e48; border-color:#ccc;}

.footer {width: 100%; display: block; background-color: #182e48; position: relative; padding-top: 0; color: #fff; }
.footer .scroll-top {width: 100px; background: #3e3480; position: absolute; right: 30px; top: -30px; z-index: 1; color: #182e48; text-align: center; padding: 15px 0; }
.footer .scroll-top small { width: 100%; display: block; }

.footer .footer-bottom {width: 100%; display: block;padding:15px 0; width:100%; float: left;}
.footer .footer-bottom span {opacity: 0.7; font-size: 12px; float: right;}
.footer .footer-bottom span a{color: #ccc;}
.footer .footer-bottom ul {margin: 0; padding: 0; float: left;}
.footer .footer-bottom ul li {display: inline-block; margin-left:10px; padding: 0; list-style: none; }
.footer .footer-bottom ul li a {opacity: 0.7; font-size: 12px; color: #ccc; }
.footer .footer-bottom ul li a:hover {opacity: 1; text-decoration-color: #3e3480; }

.content-modal .modal-dialog{max-width:720px;}
.content-modal .modal-content{background-color:#182e48; font-size: 14px;}
.content-modal .modal-content h2{font-size:24px;}
.content-modal .modal-content h5{font-size:20px; font-weight:600;}
.content-modal .modal-content .modal-body a{color:#3e3480;}

.g-recaptcha{background: #f9f9f9; border-radius: 5px;}
#rc-anchor-container.rc-anchor-light.rc-anchor-normal{border:none !important; box-shadow:none !important;}

.fancybox-close-small {transform: scale(1.5);top: 10px;right: 10px; }

::-moz-range-track {background: #3e3480; border: 0; }

input::-moz-focus-inner, input::-moz-focus-outer {
  border: 0; }
  .mobile-activity{display: none;}
.whatsapp-secktop-icon{position: fixed; width:36px; left:5px;bottom:38px;margin-top: 20px;z-index: 9999;}
.whatsapp-secktop-icon img{max-width:100%;}

/* RESPONSIVE MEDIUM  */
@media only screen and (max-width: 1199px), only screen and (max-device-width: 1199px) {
  .navbar .navbar-button {padding: 0 15px; margin-left: 20px; }
  .navbar .navbar-button i {margin: 0; }
  .slider .slider-content .inner h2 {font-size: 28px; }
  .counter-box .odometer {font-size: 28px; font-weight: 600; }
  .header-box{right:8.3%;}
  .project-slider .swiper-slide {max-width: 70vw; }
  .calculator .form .info-box {width: 60%; }
  .logo-item {padding: 0 15px; }
  .footer-bar h2 {padding: 0; } 
}

@media only screen and (max-width: 991px), only screen and (max-device-width: 991px) {
  .navbar{position: relative; background-color:#ffffff;}
  .side-widget {box-shadow: none; }
    .testimonials-slider{width: calc(100% - 100px);}
  .side-widget .show-mobile {display: block; }
  .side-widget .hide-mobile {display: none; }
  .contact-box {margin: 15px 0; }
  .contact-box p {font-size: 18px; }
  .contact-form {margin-bottom: -10%; }
  .counter-box .value {margin-right: 20px; }

  .step-box {margin: 15px 0; }
  .header-box{position:relative; right:0; top:30px; width:100%}
  .step-box .image {padding-right: 0; }
  .step-box .content {bottom: 30px; right: 30px; }
  .accordion {padding-right: 0; }
  .cta-box-yellow {width: 100%; }
  .custom-list {margin-top: 30px; }
  .certificate {margin: 15px 0; }
  .projects li {width: 100%; }
  .project-specifications { width: 100%; margin-top: 30px; margin-left: 0; }
  .sidebar {padding-left: 0; margin-top: 50px; }
  .navbar .site-menu {display: none; }
  .navbar .navbar-button span {display: inline-block; margin-left: 6px; }
  .slider {height: auto; }
  .slider .slider-main { width: 100%; position: static; height: calc(100vh - 360px);}
  .slider .slider-content {width: 100%; margin-right: 0; }
  .slider .slider-content .controls .swiper-pagination .swiper-pagination-current {color: #fff; }
  .icon-content {margin: 15px 0; }
  .side-content {padding-left: 0; margin-top: 30px; }
  .col-lg-3:nth-child(even) .counter-box {margin-top: 0; }
  .counter-box {margin: 15px 0; }
  .project-slider .swiper-slide {max-width: inherit; }
  .calculator .form .info-box {width: 100%; margin-top: 0; margin-bottom: 30px; }
  .calculator .form .price-box {width: calc(100% + 100px); }
  .row.no-gutters .col { width: 33%; flex-basis: 33%; flex-grow: inherit; margin: 0 auto; }
  .sales-team {margin: 15px 0; }
  .logo-item {margin: 15px 0; }
  .col-lg-5 .recent-news {margin-bottom: 30px; }
  .footer-bar .sales-representive {margin-left: 0; margin-top: 30px; }
  .footer address {margin-bottom: 50px; }
}

@media only screen and (max-width: 767px), only screen and (max-device-width: 767px) {
  
  .slider .slider-main .header-box{height:auto; top:initial; bottom:0; width:100%; left:0;}
  .navbar .logo img{height:60px;}
  .navbar .navbar-button {margin-left: 0;padding: 0 10px; height: 45px; line-height: 45px;}

  .slider .slider-content { margin-bottom: 30px;}

  .slider .slider-content .controls {padding: 0; width: 100%;display: none; }
  .slider .slider-content .inner {padding-top:40px; padding-bottom:0;}
  .slider .slider-content .inner ul  {margin-top:20px; font-size:14px;}
  .slider .slider-content .inner h2 {font-size:24px; margin-bottom:20px; line-height: normal;}
  .slider .slider-content .inner h2 br{display: none;}
  .slider .slider-content .inner h3{font-size:18px; margin-bottom:0;}
  .white-space-bottom:after{display: none;}
  .header-box{width:100%; width: -webkit-fill-available; position:relative; right:0; top:0; margin: 15px -15px 0;}
  .content-section,.ctabar{padding:40px 0;}
  .section-title h2,
  .ctabar h2{font-size:24px;}
  .section-title h6{font-size:13px;}
  .section-title p{font-size:14px;}
  .project-slider .swiper-slide .project-box figcaption {width: 100%; position: static; }
  .video-box{margin: 30px 0 0;}
  .video-box .play-btn{top: 40px;}
  .testimonials-slider .testimonial{font-size:14px;}
  .testimonials-slider .testimonial h4{font-size:16px;}

  .project-slider .swiper-slide .project-box figcaption h5 {font-size: 22px; }
  .project-slider .swiper-slide .project-box figcaption:after {bottom: 0; }
  .calculator{margin:0;}
  .calculator .bg-image {display: none; }
  .row.no-gutters .col {width: 80%; flex-basis: 80%; margin: 15px 10%; }
  .testimonials-slider {width: 100%; margin: 0; }
  .testimonials-slider .controls .button-prev,
  .testimonials-slider .controls .button-next {width:50px; height:50px; line-height:50px; }
  .sidebar .widget {padding: 30px; }
  .isotope-filter li {font-size: 15px; margin-right: 20px; }
  .projects li .project-box figcaption {width: calc(100% - 60px); left: 30px; padding: 20px; }
  .projects li .project-box figcaption h5 {font-size: 25px; }
  .project-specifications {padding: 30px; }
  .info-box-dark {padding: 30px; }
  .cta-box-yellow {padding: 30px; }
  .cta-box-yellow h4 {font-size: 34px; }
  .ctabar .button{height:48px; line-height:48px;}
  .calculator .form {padding: 30px; }
  .footer-bar h2 {font-size: 40px; }
  .footer-bar .sales-representive {line-height: inherit; }
  .footer-bar .sales-representive b {color: #3e3480; }
  .footer-bar .sales-representive b:before {display: none; }
  .footer-bar .sales-representive figure {width: 100%; }
  .footer .scroll-top {right: auto; left: 15px; }
  .footer .footer-bottom{padding:15px 0 50px;}
  .footer .footer-bottom ul {float: left; width: 100%; text-align: center; }
  .footer .footer-bottom ul li {margin-left: 0; margin-right: 10px;}
  .footer .footer-bottom span{width:100%; text-align: center;}
  .mobile-activity{width: 100%; display: block; position: fixed; left: 0; bottom: 0; z-index: 3}
  .mobile-activity a,
  .mobile-activity button{border: none;width: 50%; float: left; padding:8px;  display: flex; justify-content: center; font-size:14px; font-weight:600; letter-spacing: 1px; cursor:pointer; color:#fff; background-color:#ff744a; text-transform:uppercase;}
  .mobile-activity a:first-child{background-color:#3e3480;}
  .mobile-activity a .env{margin-top:0}
	.mobile-activity a .call{background-position: left center; margin-top:1px}
}
@media (min-width:1200px) {
  .hidden-lg {
      display: none!important
  }
}