@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");

body{font-family: "Poppins", sans-serif;}
.clb{clear:both;}
.padd-0{padding:0px !important;}
.top-10{ margin-top:10px;}
.top-15{ margin-top:15px;}
.top-20{ margin-top:20px;}
.top-30{ margin-top:30px;}
.bottom-10{margin-bottom:10px;}
.bottom-20{margin-bottom:20px;}
.padd-l-0{padding-left:0px;}

.fl{float:left;}
.fr{float:right;}
.pad-top-25{ padding-top:25px;}
.center-block{ margin:0 auto; float:none;}
.border-0{-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}
.border-red{border:1px solid red;}
.border-blue{border:1px solid blue;}

.bg-light{background-color:#FFF!important;padding:0px;}
.navbar-light .navbar-nav .nav-link {color:#37393F; font-size:14px; font-weight:400!important; text-transform:uppercase;}
.navbar-light .navbar-nav .nav-link:hover{color:#2B4678!important; font-size:14px; font-weight:400!important; text-decoration:none;}
.navbar-light .navbar-nav .nav-link span{color:#000;}

.link.active {color:#e6bd61!important;}
.dropdown-item {font-size:14px;}
.navbar-nav .dropdown-menu {padding:0px;}
.dropdown:hover .dropdown-menu {display: block;}

.carousel-caption{text-align:left;}
.carousel-caption {position: absolute; right: 47%;top: 5rem; left: 0%; padding-top: 6.25rem; padding-bottom: 1.25rem; padding-left: 143px;padding-right: 25px;color: #fff; text-align: center; height: 100%;}
.carousel-caption p{text-align:left;color:#FFF; font-weight:400; font-size:15px; line-height:25px;}
.carousel-caption h4{text-align:left; font-weight:400; font-size:15px;}
.carousel-caption h4 i{color:#00adf1}
.carousel-caption h5{text-align:left; font-weight:600; font-size:45px;color:#FFF;}
.carousel-caption h5 span{color:#00adf1;}
.carousel-caption p a{display:inline-block; background:#FFF; color:#2B4678; text-decoration:none; margin-top:15px; padding: 10px 15px;font-size: 20px; font-weight:400;}
.carousel-caption p a:hover{background:#66c3d0;}

header{margin-top:165px;}
.top-counter-container{background:#2b4678; color:#000; position: fixed; top: 90px;height: auto; z-index: 999;width: 100%;}
.counter-bg{background:#000; padding-top:0%; padding-bottom:0rem;}
.counter-txt{color:#d9e081; font-size:5rem;display:inline-block;}
.counter-txt-b{color:#d9e081; font-size:5rem;display:inline-block;}
.counter-txt-2{color:#FFF; font-size:/*2rem*/1.4vw; display:inline-block;}
.counter-txt:after{content: '\+'; font-family:Neoneon; font-weight: 600;font-style: normal; margin:0px 0px 0px 10px; text-decoration:none;}

/*=====Effect banner===============*/

.kenburns-left{-webkit-animation:kenburns-left 5s ease-out both;animation:kenburns-left 5s ease-out both}

.tracking-in-expand { -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


@-webkit-keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
            transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}
@keyframes kenburns-left {
  0% {
    -webkit-transform: scale(1) translate(0, 0);
            transform: scale(1) translate(0, 0);
    -webkit-transform-origin: 16% 50%;
            transform-origin: 16% 50%;
  }
  100% {
    -webkit-transform: scale(1.25) translate(-20px, 15px);
            transform: scale(1.25) translate(-20px, 15px);
    -webkit-transform-origin: left;
            transform-origin: left;
  }
}


/*=================================*/


@-webkit-keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tracking-in-expand {
  0% {
    letter-spacing: -0.5em;
    opacity: 0;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    opacity: 1;
  }
}


/*====================*/

.home-title{text-align:center; background:#688ac9;padding-top:3rem; padding-bottom:3rem;}
.home-title h1{ font-size:30px; font-weight:600; color:#2B4678;text-transform: uppercase;}
.home-title h2{ font-size:18px; font-weight:400; color:#000; line-height:25px;}
.home-title h3{ font-size:20px; font-weight:400; color:#000;}
.home-title h4{ font-size:15px; font-weight:400; color:#000; line-height:25px;}
.home-title p{ font-size:14px; font-weight:400; color:#000; line-height:25px; text-align:left; margin-top:20px;}

.home-title-2{text-align:center; background:#688ac9;padding-top:3rem; padding-bottom:3rem;}
.home-title-2 h1{ font-size:30px; font-weight:600; color:#2B4678;text-transform: uppercase;}
.home-title-2 h2{ font-size:18px; font-weight:400; color:#000; line-height:25px;}
.home-title-2 h3{ font-size:20px; font-weight:400; color:#000;}
.home-title-2 h4{ font-size:15px; font-weight:400; color:#000; line-height:25px;}
.home-title-2 p{ font-size:14px; font-weight:400; color:#000; line-height:25px; text-align:left; margin-top:20px;}


.box-1-container{padding:10px 15px;}
.box-1{background:#FFF; padding:25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); min-height: 332px;}

.circle {width: 100px; height: 100px; border-radius: 50%;background-color: #2B4678; display: flex; justify-content: center; align-items: center; margin:0px auto;}
.circle img{width:65px;}
.box-1 h2{font-size:20px; color:#2B4678; font-weight:600; text-transform:uppercase;}
.box-1 p{font-size:13px; color:#000; font-weight:400; text-align:justify;}
.box-1-b{background:#2B4678; color:#FFF;padding:25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);}
.box-1-b h2{font-size:20px; color:#FFF;}
.box-1-b p{color:#FFF;}
.circle-2{background:#FFF;}

.box-1-c{background:#FFF; padding:25px; border:1px solid #d8d8d8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); min-height: 236px;}
.box-1-c h2{font-size:17px; color:#2B4678;font-weight:600; }
.circle-2-b{background:#dcdcdc}
.home-bg{background-image: url('../images/bg-img-1.jpg'); background-size: cover; background-position: center; padding: 5rem 0 20rem 0; color: #fff; text-align: center;}
.home-bg h1{font-size:40px; color:#FFF; font-weight:600;}
.home-bg p{font-size:14px; color:#FFF; font-weight:400;padding-left: 3rem;padding-right: 3rem;}


.mission-bg{background-color:#688ac9 ; background-size: cover; background-position: center; padding: 3rem 0 3rem 0; color: #2B4678; text-align: center;}

.vision-bg{background: linear-gradient(0deg, rgb(235 225 225 / 54%), rgb(245 220 220 / 80%)), url(../images/vision.jpg);background-size: cover; background-position: center; padding: 3rem 0 3rem 0; color: #fff; text-align: center;}

.why-bg-1{background: linear-gradient(0deg, rgb(235 225 225 / 54%), rgb(245 220 220 / 80%)), url(../images/why-bg-img.jpg); background-size: cover; background-position: center; padding: 3rem 0 3rem 0; color: #fff; text-align: center;}
.why-bg-2{background: linear-gradient(0deg, rgb(235 225 225 / 54%), rgb(245 220 220 / 80%)), url(../images/why-not.jpg); background-size: cover; background-position: center; padding: 3rem 0 3rem 0; color: #fff; text-align: center;}

.about-bg-1{background: linear-gradient(0deg, rgb(235 225 225 / 54%), rgb(245 220 220 / 80%)), url(../images/group-stroy.jpg); background-size: cover; background-position: center; padding: 3rem 0 3rem 0; color: #fff; text-align: center;}
/*================*/

.on-box-1{background:#fff; padding:5px;border:1px solid #688ac9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 15px; margin-bottom: 15px;}
.on-box-1-inner{padding:0px 25px;/*min-height: 160px;*/}
.on-box-1-inner h2{font-size:20px; color:#fff; font-weight:600; text-align:center;}
.on-box-1-inner p{font-size:14px; color:#fff; font-weight:400; text-align:center;margin-bottom: 15px;    line-height: 24px;}
.on-box-1-inner p span{color:#fff;}
.on-box-1-inner a{background:#2B4678; color:#fff; padding:7px 10px; font-size:15px; margin:15px auto; display:block; text-align:center; text-decoration:none;-webkit-border-radius: 6px; -moz-border-radius: 6px;border-radius: 6px;}
.on-box-1-inner a:hover{background:#68c5d1;}

/*==================*/

.ongoing-bg-1{ background-image: url('../images/slider-1.jpg'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-2{ background-image: url('../images/slider-2.jpg'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-3{ background-image: url('../images/slider-4-marvel.jpg'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-4{ background-image: url('../images/slider-4.jpg'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-5{ background-image: url('../images/slider-5.jpg'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-6{ background-image: url('../images/slider-6.jpg'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-7{ background-image: url('../images/atz.png'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}
.ongoing-bg-8{ background-image: url('../images/life-hub.png'); background-size: cover; background-position: center; padding: 20rem 0 0rem 0; color: #fff; text-align: center;}

.ongoing-bg-1-text h2{font-size:34px!important; font-weight:500;color:#FFF; text-transform:uppercase;}
.ongoing-bg-1-text h4{font-size:24px!important; font-weight:300;color:#FFF; text-transform:capitalize;}
.ongoing-bg-1-text p{font-size:14px!important; font-weight:300;padding:15px 25px;color:#fff; text-transform:capitalize;background-color: rgba(113 154 236 / 90%);}

.box-design{-webkit-border-radius: 40px 0px 40px 0px; -moz-border-radius: 40px 0px 40px 0px;border-radius: 40px 0px 40px 0px; height:190px;}
/*==================*/

.info-building-container{padding:10px 26px;}
.info-building{text-align:center;}
.info-building span{font-size:13px; font-weight:600;}
.info-building img{width:20px;}

.home-gallery{padding-top:3rem; padding-bottom:3rem;}
.home-gallery h1{ font-size:30px; font-weight:600; color:#2B4678;text-transform: uppercase; text-align:center;}
.home-gallery h4{ font-size:15px; font-weight:400; color:#000;}
.home-bg-2{background-image: url('../images/bg-img-2.jpg');text-align:left; background-size: cover; background-position: center; padding: 5rem 0; color: #fff; text-align: center;}
.home-bg-2 h2{font-size:30px; color:#FFF;  margin-bottom:15px;   text-align: left;}
.contact-text{text-align:left;}
.contact-text h3{font-size:20px; color:#FFF;text-align: left;}

.footer-nav{font-size:14px; color:#FFF; text-align:left;}
.phone-padd-2{text-align:left;font-size:14px;}
.phone-padd-2 a{color:#FFF; text-decoration:none;text-align:left;}
.phone-padd-2 a:hover{color:#00adef;}

.social-icon {display: inline-block;margin: 5px;width: 40px;height: 40px;border-radius: 50%;border: #aac1d3 solid 2px;text-align: center; padding: 7px;font-size: 1rem;}
.contact-text{text-align:left;}
.contact-text a{color:#FFF; text-decoration:none;}
.contact-text a i{color:#FFF; text-decoration:none;}
.contact-text a:hover{color:#0a67af; text-decoration:none;}

.form-box-1{background:#FFF; padding:8px 25px 25px 25px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);-moz-box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27); box-shadow: 0px -1px 26px -4px rgba(0,0,0,0.27);}
.input-bor{border:1px solid #eeeeee; background:#eeeeee; color:#000; padding:15px;}
.send-btn{background:#2b4678; color:#FFF; width:100%; padding:15px; border:1px solid #2b4678;}
.send-btn:hover{background:#66c9db; border:1px solid #66c9db;}
.footer{background:#000; color:#FFF;padding:15px;}
.footer-logo{background:#FFF;padding:5px 15px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.footer-nav-2 {text-align:left;padding-top: 28px;}
.footer-nav-2 ul{margin:0px; padding:0px;}
.footer-nav-2 ul li{list-style-type:none; display:inline-block; padding:0px 25px; font-size:15px;}
.footer-nav-2 ul li a{color:#000; text-decoration:none;}
.footer-nav-2 ul li a:hover{color:#66c1c0;}

.team-box-1{background:#FFF; padding:5px;border:1px solid #E8E7E7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 15px; margin-bottom: 15px;}
.team-box-1-inner{padding:0px 25px;/*min-height: 160px;*/}
.team-box-1-inner h2{font-size:20px; color:#000; font-weight:600; text-align:center;}
.team-box-1-inner p{font-size:14px; color:#000; font-weight:400; text-align:left;margin-bottom: 15px;    line-height: 24px;}
.team-box-1-inner p span{color:#FF0000;}

.contact-bg-2{background:#688ac9;text-align:left; background-size: cover; background-position: center; padding: 5rem 0; color: #fff; text-align: center;}
.contact-bg-2 h2{font-size:30px; color:#000;  margin-bottom:15px;   text-align: left;}
.contact-text-3{text-align:left; color:#000;}
.contact-text-3 h3{font-size:20px; color:#000;     text-align: left;}
.contact-text-3 a{color:#000; text-decoration:none;text-align:left;}
.contact-text-3 a:hover{color:#00adef;}

.contact-footer-nav{font-size:14px; color:#000; text-align:left;}
.contact-phone-padd-2{text-align:left;font-size:14px;}
.contact-phone-padd-2 a{color:#000; text-decoration:none;text-align:left;}
.contact-phone-padd-2 a:hover{color:#00adef;}
.address-icon-2{color:#000;}

.wherehouse-bg{ background-image: url('../images/warehouse-bg.jpg'); background-size: cover; background-position: center; padding: 2rem 0 2rem 0; color: #fff; text-align: center;}
.wherehouse-bg h2{font-size:30px; color:#FFF; text-align: center;}
.wherehouse-bg ul {list-style-type: none; padding:0; margin:0px;}

.wherehouse-bg ul li{text-align:left; color:#FFF; font-size:14px; margin-bottom:15px;}
.wherehouse-bg ul li i{font-size:12px;}
.wherehouse-bg h3{font-size:18px; font-weight:600; text-align:left; margin-bottom:15px;}


.mob-dis{display:none;}
.desk-dis{display:block;}

/*  DIV color for completed & future projects   */
.div-one{width:100%; background-color:#0C4891;}
.div-two{width:100%; background-color:#63C5D0;}
.div-three{width:100%; background-color:#D8E282;}
.units{color:#fff;}

/*=========Owl==========*/

.owl-carousel {width: 100%;}
.item img {width: 100%; height: auto; }
.owl-nav { margin-top: 10px;}
.owl-nav button { background-color: #007bff; color: #fff;padding: 5px 10px; border: none; cursor: pointer; margin-right: 10px;}



 @media (max-width: 768px) {

    .owl-carousel { width: 80%;margin: 0 auto;}
    
        }



 @media (max-width: 576px) {

    .owl-carousel { width: 100%;}
    header{margin-top:310px;}
    }

		



/*===============mobile===============*/





@media (max-width:441px){ 

.mob-dis{display:block;}
.desk-dis{display:none;}
.carousel-caption {padding-left: 20px; padding-top: 1.25rem;right: 12%;}
.carousel-caption h5 {font-size: 25px;}
.home-bg h1 {font-size: 25px;}
.home-bg p { padding-left: 1rem;padding-right: 1rem; text-align: left;}
.on-box-1 {margin-bottom:15px}
.home-bg-2 h2 {font-size: 20px;}
.navbar-toggler{background:#2b4678; color:#FFF; padding: 12px 18px;}
/*.top-counter-container{height:auto;font-size:15px;}*/
.counter-txt {font-size:26px;display:block;}
.counter-txt-2 {font-size:13px;}
header {margin-top: 170px;}
}