@charset "utf-8";
/* font style*/
@import url('https://fonts.googleapis.com/css?family=Barlow:100,400,300,200,500,700,600,800,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,400,300,200,500,700,600,800,900');
::-webkit-scrollbar-track
{
	border-radius: 0px;
	background-color: #ededed;
}
::-webkit-scrollbar
{
	width: 6px;
	background-color: #ededed;
}

::-webkit-scrollbar-thumb
{
	border-radius: 0px;
	background-color:#6acdf5;
}


::-moz-scrollbar-track
{
	border-radius: 10px;
	background-color: #ededed;
}
::-moz-scrollbar
{
	width: 6px;
	background-color: #ededed;
}

::-moz-scrollbar-thumb
{
	border-radius: 0px;
	background-color:#6acdf5;
}


::-o-scrollbar-track
{
	border-radius: 0px;
	background-color: #000;
}
::-o-scrollbar
{
	width: 6px;
	background-color: #FFF;
}

::-o-scrollbar-thumb
{
	border-radius: 0px;
	background-color:#6acdf5;
}
body{
    font-family: 'poppins',sans-serif;
    padding: 0px;
    overflow-x:hidden;
    background: #eaeaea;
}

a, a:hover , a:focus, a:active{
    text-decoration: none;
    border: none;
} 
.img{
   width: 100%!important;
}
/**/
.text-black{
    color: #000;
}

.text-white{
    color: #FFF;
}
.header-bg{
    background: #1a203b;
}
@media only screen and (max-width:480px){
    .header-bg{
   padding:2% 0%;
}
}


.border-style{
    font-size: 12px;
    font-family: 400;
}
.top-height{
    padding-top: 1.2%!important;
    padding-bottom: 0%!important;
}
@media only screen and (max-width:768px){
    .top-height{
padding-top:2%!important;
    padding-bottom: 0%!important;
}
}



.left{
    text-align: left;
}

@media only screen and (max-width:480px){
  .left{
    text-align: center;
}  
}


.right{
    text-align: right;
}
@media only screen and (max-width:568px){
    .right{
    text-align: left;
    }}
@media only screen and (max-width:560px){
    .right{
    text-align: center;
}
    .top-top{
        margin-top: -2%;
        margin-bottom: 2%;
    }
}
/**/
.right-nav{
    text-align: right;
}
@media only screen and (max-width:823px){
    .right-nav{
    text-align: left;
    }}
@media only screen and (max-width:568px){
    .right-nav{
    text-align: left;
    }}
@media only screen and (max-width:560px){
    .right-nav{
    text-align: left;
}
    .top-top{
        margin-top: -2%;
        margin-bottom: 2%;
    }
}



.navbar-nav{
    background: #FFF;
}

.form-control-no-border:focus {
  border-color:#ccc!important;
  outline: 0!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
}


/**/
.socialmedia{
    display: inline-block;
}
.socialmedia li {
    display: inline-block;
}

@media only screen and (max-width:568px){
    .socialmedia {
        margin-top: 2%;
    margin-left: -8%!important;
}
    .top-style{
        margin-top: -1%;
    }
    .top-location{
        margin-top: 1%;
        margin-bottom: 2%;
    }
}


@media only screen and (max-width:360px){
    .socialmedia {
        margin-top: 2%;
    margin-left: -17%!important;
}
}


@media only screen and (max-width:823px){
    .hide-info{
        display: none;
    }
}
@media only screen and (max-width:600px){
    .hide-info{
        display:block;
    }
}


/**/
@media only screen and (max-width:1024px){
.menuicon{
    margin-top: -4%;
}
}
@media only screen and (max-width:768px){
.menuicon{
    margin-top: -3%;
}
}
@media only screen and (max-width:640px){
.menuicon{
    margin-top: -5%;
}
}
@media only screen and (max-width:414px){
.menuicon{
    margin-top: -6%;
}
}
/**/

.social{
    display: inline-block;
}
.social li {
    display: inline-block;
}

@media only screen and (max-width:568px){
    .social {
        margin-top: 2%;
}
    .top-style{
        margin-top: -1%;
    }
    .top-location{
        margin-top: 1%;
        margin-bottom: 2%;
    }
}


@media only screen and (max-width:360px){
    .social {
        margin-top: 2%;
}
}



/*navigation section*/
.logo{
    z-index: 10;
}
.navbar-brand{
    position: absolute;
    padding:2% 1.8% 2% 1.8%;
    background: #FFF;
    z-index: 10;
    margin-top:-.2%;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
-webkit-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.07);
-moz-box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.07);
box-shadow: 0px 0px 22px 0px rgba(0,0,0,0.07);
     border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
@media  only screen and (max-width:1024px){
    .navbar-brand{
    position: relative;
    padding:2% 3.5% 5% 4%!important;
    background: #fff;
    margin-top: -1.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:823px){
    .navbar-brand{
    position: relative;
    padding:4% 4% 5% 4%!important;
    background: #fff;
    margin-top: -2%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:812px){
    .navbar-brand{
    position: relative;
    padding:4% 4% 5% 4%!important;
    background: #fff;
    margin-top: -2%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:768px){
    .navbar-brand{
    position: relative;
    padding:4% 4% 4% 4%!important;
    background: #fff;
    margin-top: -2.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:731px){
    .navbar-brand{
    position: relative;
    padding:4% 4% 6% 4%!important;
    background: #fff;
    margin-top: -2.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:736px){
    .navbar-brand{
    position: relative;
    padding:4% 5% 6% 4%!important;
    background: #fff;
    margin-top: -2.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:667px){
    .navbar-brand{
    position: relative;
    padding:4% 5% 6% 4%!important;
    background: #fff;
    margin-top: -2.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:640px){
    .navbar-brand{
    position: relative;
    padding:4% 4% 6% 4%!important;
    background: #fff;
    margin-top: -2.7%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:568px){
    .navbar-brand{
    position: relative;
    padding:4% 4% 6% 4%!important;
    background: #fff;
    margin-top: -3%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:414px){
    .navbar-brand{
    position: relative;
    padding:8% 3.5% 8% 4%!important;
    background: #fff;
    margin-top: -4.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:375px){
    .navbar-brand{
    position: relative;
    padding:8% 3.39% 8% 4%!important;
    background: #fff;
    margin-top: -4.5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:320px){
    .navbar-brand{
    position: relative;
    padding:8% 2% 8% 4%!important;
    background: #fff;
    margin-top: -5%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
/*
@media  only screen and (max-width:840px){
    .navbar-brand{
    position: relative;
    padding:0% 5% 1% 5%!important;
    background: #fff;
    margin-top: 1%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:640px){
    .navbar-brand{
    position: relative;
    padding:0% 7.5% 1% 7.5%!important;
    background: #fff;
    margin-top: 1%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:480px){
    .navbar-brand{
    position: relative;
    padding:4% 7.5% 4% 7.5%!important;
    background: #fff;
    margin-left: 5%;
    margin-top: 3%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
@media  only screen and (max-width:375px){
    .navbar-brand{
    position: relative;
    padding:6% 7.5% 6% 7.5%!important;
    background: #fff;
    margin-left: 5%;
    margin-top: 3%!important;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}
}
*/



.nav-item{
    font-family: 'poppins', sans-serif;
    font-weight: 500;
    padding: 3% 0%;
    font-size: 13.5px;
    letter-spacing :0px;
}
@media only screen and (max-width:823px){
    .nav-item{
    padding: 1% 0%;
    font-size: 13.5px;
}
}
@media only screen and (max-width:480px){
    .nav-item{
    padding: 2% 0%;
    font-size: 13.5px;
}
}




.dropdown-menu{
    margin-top: -2%;
    border-radius: 0px!important;
    border: none!important;
}

.active-style{
    background: #38a8d5!important;
    color: #FFF!important;
}

.dropdown-item{
    font-weight: 500;
    font-family: 'poppins', sans-serif;
/*
    font-weight: 500;
    padding: 3% 9%;
*/
    font-size: 13.5px;
    letter-spacing :0px;
}


.nav-link{
    color: #000;
    transition: all ease 0.5s;
}
.nav-link:hover{
    color: #38a8d5;
/*    height: 19px;*/
}




/*navigation active css*/
.nav-item .active{
    color: #38a8d5;
/*    height: 19px;*/
    border-bottom:none!important;
/*    border-bottom: 1px solid #38a8d5;*/
}
@media only screen and (max-width:823px){
    .nav-item .active{
    color: #38a8d5;
         border-bottom:none!important;
}
}
/*banner*/
 .carousel-item {
  height: 74vh!important;
  min-height: 300px;
  background: no-repeat center center scroll;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width:6016px){
    .carousel-item {
  height: 19vh;

} 
}
@media only screen and (max-width:5120px){
    .carousel-item {
  height: 20vh;

} 
}
@media only screen and (max-width:3840px){
    .carousel-item {
  height: 30vh;

} 
}

@media only screen and (max-width:2048px){
    .carousel-item {
  height: 50vh;

} 
}

@media only screen and (max-width:1366px){
    .carousel-item {
  height: 62vh;

} 
}

@media only screen and (max-width:1024px){
    .carousel-item {
  height: 30vh;

} 
}

.inner-item {
  height: 50vh!important;
  min-height: 300px;
  background: no-repeat center center scroll;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
@media only screen and (max-width:1024px){
    .inner-item {
  height: 20vh!important;
}
}





/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom:0rem !important;
  top:45%;
  /* z-index:10;*/
    
}
@media only screen and (max-width:6016px) {
  .carousel-caption {
   bottom:0rem !important;
   top:40%;
   /* z-index:10;*/ 
}
}
@media only screen and (max-width:5120px) {
  .carousel-caption {
   bottom:0rem !important;
   top:40%;
   /* z-index:10;*/ 
}
}

@media only screen and (max-width:3840px) {
  .carousel-caption {
   bottom:0rem !important;
   top:40%;
   /* z-index:10;*/ 
}
}

@media only screen and (max-width:2048px) {
  .carousel-caption {
   bottom:0rem !important;
   top:36%;
   /* z-index:10;*/ 
}
}
@media only screen and (max-width:1440px) {
  .carousel-caption {
   bottom:0rem !important;
   top:30%;
   /* z-index:10;*/ 
}
}
@media only screen and (max-width:1280px) {
  .carousel-caption {
   bottom:0rem !important;
   top:25%;
   /* z-index:10;*/ 
}
}



@media only screen and (max-width:1024px) {
  .carousel-caption {
bottom:0rem !important;
   top:40%;
   /* z-index:10;*/ 
}
}
 @media only screen and (max-width:823px) {
  .carousel-caption {
   bottom:0rem !important;
   top:30%;
   /* z-index:10;*/ 
}
}           
@media only screen and (max-width:786px) {
  .carousel-caption {
   bottom:0rem !important;
   top:40%;
   /* z-index:10;*/ 
}
}           

@media only screen and (max-width:640px) {
  .carousel-caption {

}
}

@media only screen and (max-width:414px) {
  .carousel-caption {

}
}
            
@media only screen and (max-width:411px) {
  .carousel-caption {

}
}
            
@media only screen and (max-width:375px) {
  .carousel-caption {

}
}
            
@media only screen and (max-width:360px) {
  .carousel-caption {

}
}
            
@media only screen and (max-width:320px) {
  .carousel-caption {
 top:33%;
}
}
/**/
.carousel-caption h4{ 
font-size:36px;
color: #FFF;!important;
line-height: 45px;
letter-spacing: 0px;
font-weight: 400;
text-transform: uppercase;
font-family: 'poppins', sans-serif; 
}
.carousel-caption h5{ 
font-size:40px;
color: #FFF;!important;
line-height: 40px;
letter-spacing: 0px;
font-weight: 600;
padding-bottom: 1%;
text-transform: uppercase;
font-family: 'poppins', sans-serif; 
}

@media only screen and (max-width:823px){
    .carousel-caption h4{ 
font-size:30px;
color: #FFF;!important;
line-height: 30px;
}
    .carousel-caption h5{ 
font-size:30px;
line-height: 30px;
font-weight: 600;
padding-bottom: 4%;
}

}



.carousel-caption p{ 
  font-size:14px;
  color: #FFF!important;
  font-weight: 300;
  font-family: 'poppins', sans-serif; 
}

.carousel-caption a {
    background:transparent;
    color: #FFF!important;
    border-radius: 8px;
    font-family: 'poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2%;
    text-transform: uppercase;
}


.carousel-indicators li{
    width: 5px;
    border-radius: 50px;
    height: 5px;
    margin-left:8px;
    margin-right:8px;
    background-color: rgba(255,255,255,.5);
}
.carousel-indicators .active {
    background-color: #fff;
    border: 5px solid (255,255,255,.9); 
}


.height-carousel{
margin-top: -1%;
}


/**/
.control-prev{
margin-left: -3%;
}
.control-next{
margin-right: -3%;
}
]

/**/
.owl-theme .owl-dots .owl-dot span {         
    width: 4px!important;
    height: 4px!important;
    background: #b1def1!important;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}


.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot{
    background: transparent!important;
    color: inherit!important;
    border: none!important;
    padding: 0.1% .4%!important;
    font-size: 24px!important;
    border-radius: 0px!important;
    margin-top: -1%!important;
}
.owl-theme .owl-dots .owl-dot span{
     width: 6px!important;
    height: 6px!important;
    margin: 5px 2px!important;
}





.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:  #41c5fa!important;
   margin-top: 10%;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    display: none;
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
}
  .box-light-head{
        font-size: 20px;
      font-weight: 600;
      padding-bottom: 3%;
        color: #000!important;
        transition: all 0.5s ease-in-out;
    }

.box-light > .number{
        font-size: 12.69px;
        color: #f3f3f3!important;
    }
    
     .box-light:hover >h5{
         transition: all 0.3s ease-in-out;
        color: #f36f21!important;
    }
    .box-light{
        color: #000!important;
        cursor:pointer;
        background: #fff;
        border-radius: 6px;
        padding: 10% 5%!important;
        border:1px solid transparent!important;
        transition: all 0.5s ease-in-out;
    }
    .box-light:hover{
        border-radius: 6px;
        transition: all 0.9s ease-in-out;
    }
 @media only screen and (max-width:768px){
        .box-light{
        padding: 9% 9%!important;
       
    }
    }


.bg-transparent{
    background: transparent!important;
}



.font12{
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

/**/


@media only screen and (max-width:1024px){
    .about{
        margin-left: 35%!important;
    }
}
@media only screen and (max-width:768px){
    .about{
        margin-left: 48%!important;
    }
}


@media only screen and (max-width:480px){
    .about{
        margin-left: 0%!important;
    }
}





.about-img{
    background: url(../image/about-bg.jpg);
    background-size: cover;
}
.about h5{
    font-family: 'poppins',sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;
}
@media only screen and (max-width:768px){
    .about h5{
    font-size: 28px;
}
}
@media only screen and (max-width:320px){
    .about h5{
    font-size: 24px;
}
}


.about p{
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}

.about a {
    background:transparent;
    color: #8c8989!important;
    border-radius: 8px;
    font-family: 'poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2%;
    text-transform: uppercase;
}

.about-padding{
    padding:8% 0%;
}

@media only screen and (max-width:480px){
    .about-padding{
    padding:8% 3%;
    background: #FFF;
}
}
/*about -page*/



.about-img{
    background: url(../image/about-bg.jpg);
    background-size: cover;
}

@media only screen and (max-width:414px){
    .about-inner{
        margin-top: -4%;    }
}


.about-inner h5{
    font-family: 'poppins',sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;
}
@media only screen and (max-width:768px){
    .about-inner h5{
    font-size: 28px;
}
}
@media only screen and (max-width:320px){
    .about-inner h5{
    font-size: 24px;
}
}


.about-inner p{
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}

.about-inner-para{
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}


.about-inner a {
    background:transparent;
    color: #8c8989!important;
    border-radius: 8px;
    font-family: 'poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2%;
    text-transform: uppercase;
}

.about-inner-padding{
    padding:8% 0%;
}

@media only screen and (max-width:480px){
    .about-inner-padding{
    padding:8% 3%;
    background: #FFF;
}
}
/**/
.ginger-nav-theme{
    z-index: 999!important;
}

/**/
.mission h5{
    font-family: 'poppins',sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;
}    
    
.mission p{
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
} 


.mission-box{
    padding-top: 5%;
    padding-bottom: 5%;
}
/**/

.adv {
    padding:6% 0%;
}
@media only screen and (max-width:640px){
    .adv {
    padding:20% 0%!important;
}
}

.adv-img{
    background: url(../image/adv-img.jpg);
    background-size: cover; 
}
.adv h3{
    font-family: 'poppins',sans-serif;
    font-size: 30px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;
}


.adv h5{
    font-family: 'poppins',sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #000;
    letter-spacing: 0px;
}
.adv p{
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}

.adv a {
    background:transparent;
    color: #8c8989!important;
    border-radius: 8px;
    font-family: 'poppins', sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 2%;
    text-transform: uppercase;
}    

/**/

.client-style{
    padding-top: 1%;
    padding-bottom: 1%;
}


/*footer*/
.footer-bg{
margin-top: -0.49%!important;
background:#262626!important;
}
@media only screen and (max-width:480px){
.footer-bg{
margin-top: -1.5%!important;
}
}

.footer-nav h5{
color: #FFF;
font-size:18px;
line-height: 24px;
letter-spacing: -0px;
font-weight :600;
}

@media only screen and (max-width:736px){
    .footer-nav h5{
color: #FFF;
font-size:14px;
line-height: 20px;
letter-spacing: -0px;
font-weight :600;
}
}


.footer-nav p{
color: #FFF;
font-size:12px;
line-height: 24px;
}

.quick-links{
padding-top: 2%;
}

@media only screen and (max-width:480px){
    .quick-links{
    padding-top: 2%;
}
}
/**/
@media only screen and (max-width:768px){
    .md-height{
        margin-top: -6%;
    }
}
/**/
@media only screen and (max-width:480px){
.md-height-style{
     margin-top: -6%;
    }
}


.span-footer{
    background:#FFF;
    height: 3px;
    margin-top: 2%;
    margin-bottom: 1%;
    width: 25px!important;
    margin-left 40.5%;
    transition: all ease 0.4s;
}
.span-heading{
    background:#38a8d5;
    height: 2px;
    margin-top: 2%;
    margin-bottom: 3%;
    width: 25px!important;
    margin-left 40.5%;
    transition: all ease 0.4s;
}


/**/
.quick-links li {
         color: #FFF!important;
         font-weight: 400;
         font-size: 12.5px;
         transition: color .5s;      
         font-family: 'poppins',sans-serif;
         padding-top: 2%;
         padding-bottom: 2%;
        display: block;
    }
@media only screen and (max-width:823px){
    .quick-links li {
        padding-top: 0%;
         padding-bottom: 0%;
    }
}
@media only screen and (max-width:480px){
    .quick-links li {
         padding-top: 0%;
         padding-bottom: 0%;
    }
}



.quick-style li {
         padding-top: 1%!important;
         padding-bottom: 1%!important;
    }
@media only screen and (max-width:480px){
    .quick-style li {
         padding-top: 0%!important;
         padding-bottom: 0%!important;
    }
}


.footer-padding{
    padding-top: 2%;
}
@media only screen and (max-width:480px){
    .footer-padding{
    margin-top: -7%!important;
    }
}


.quick-links li a{
         color: #FFF!important;
         font-weight: 400;
         font-size: 12px;
         transition: color .5s;      
         font-family: 'poppins',sans-serif;
         padding-top: 2%;
         padding-bottom: 2%;
        display: block;
    }

@media only screen and (max-width:823px){
    .quick-links li a{
         padding-top: 1%;
         padding-bottom: 1%;
    }
}
@media only screen and (max-width:480px){
    .info li a{
         color: #FFF!important;
         font-weight: 400;
         font-size: 12px;
         transition: color .5s;      
         font-family: 'poppins',sans-serif;
         padding-top: 0%!important;
         padding-bottom: 0%!important;
        display: block;
    }
}



@media only screen and (max-width:480px){
    .quick-links li a{
         color: #FFF!important;
         font-weight: 400;
         font-size: 12px;
         transition: color .5s;      
         font-family: 'poppins',sans-serif;
         padding-top: 2%!important;
         padding-bottom: 2%!important;
        display: block;
    }
}




.quick-links .fas{
    font-size: 12px;
}



.footer-style p{
   padding-bottom: 0%;
   font-family: 'poppins',sans-serif;
font-size:13px; 
    text-align: justify;
    letter-spacing: 0px!important;
font-weight :400;
color: #888890;  
    
}

.copyright{
    background:#1a1919!important;
    border-top:1px solid #1a1919;
    color:#ababab; 
    font-size: 13px;
}

.copyright p{
    
}


.copyright a{
color:#ababab;
}
/**/


/**/
.form-control {
    text-transform:none;
    background: #fff;
    border-radius:1px!important;
    font-family: 'poppins', sans-serif;
    font-size: 13px;
    border-radius:4px!important;
    border: 1px solid #cfd1d7!important;
}
.form-control:active {
    border-radius:1px!important;
    font-family: 'poppins', sans-serif;
    font-size: 13px;
}
.form-height{
    height: 50px!important;
    padding: 4%!important;    
}

 
.mission p{
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}

@media only screen and (max-width:823px){
.video-hide{
    display: none;
}}

.video-visible{
    display: none;
}


@media only screen and (max-width:823px){
    .video-visible{display: block;}
}

@media only screen and (max-width:736px){
    .video-visible{display: none;}
}
@media only screen and (max-width:735px){
    .video-visible{display: block;}
}



.hide-form{
    display: block;
}
@media only screen and (max-width:812px){
    .hide-form{
        display: none;
    }
}


.sm-form{
    display: none;
}
@media only screen and (max-width:812px){
    .sm-form{
        display: block;
    }
}




.address-section h3{
 font-family: 'poppins',sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;    
}

@media only screen and (max-width:480px){
    .address-section h3{
        padding-top: 10%;
        border-top:1px solid #f8f8f8;
}
}
/**/
.hide-md-inner{
    display: block;
}
@media only screen and (max-width:640px){
    .hide-md-inner{
        display: none;
    }
}

.visible-md-inner{
    display: none;
}
@media only screen and (max-width:640px){
    .visible-md-inner{
        display: block;
    }
}
/*about-hide*/
.about-md-inner{
    display: block;
}
@media only screen and (max-width:768px){
    .about-md-inner{
        display: none;
    }
}

.visible-about-inner{
    display: none;
}
@media only screen and (max-width:768px){
    .visible-about-inner{
        display: block;
    }
}
/**/
.about-md-img{
    display: block;
}
@media only screen and (max-width:768px){
    .about-md-img{
        display: none;
    }
}

 .about-inner-md-img{
        display: none;
    }

@media only screen and (max-width:640px){
    .about-inner-md-img{
        display: block;
    }
}

.visible-about-img{
    display: none;
}
@media only screen and (max-width:768px){
    .visible-about-img{
        display: block;
    }
}
@media only screen and (max-width:640px){
    .visible-about-img{
        display: none;
    }
}

.trading-md-img{
    display: block;
}
@media only screen and (max-width:768px){
    .trading-md-img{
        display: none;
    }
}
@media only screen and (max-width:700px){
    .trading-md-img{
        display: block;
    }
}
/**/
.quick-info li{
    color: #000!important;
         font-weight: 400;
         font-size: 13px;
         transition: color .5s;      
         font-family: 'poppins',sans-serif;
         padding-top: 2%;
         padding-bottom: 2%;
        display: block;
}

.text-bg-blue{
font-family: 'poppins',sans-serif;
    font-size: 26px;
    font-weight: 600;
    color: #000;
    letter-spacing: 0px;     
}

.line{
    background:#000;
    height: 2px;
    margin-top: 3%;
    margin-bottom: 4%;
    width: 25px!important;
    margin-left: 4%;
    transition: all ease 0.4s;
}

.form-line{
    background:#000;
    height: 2px;
    margin-top: 1%;
    margin-bottom: 3%;
    width: 25px!important;
    margin-left: 0%;
    transition: all ease 0.4s;
}



.frame-contact-style{
    border-radius: 4px;
    width:100%;
    height:150px!important;
}

.bg-theme{
   
}
.submit{
    background: #38a8d5;
    color: #FFF!important;
    padding: 2% 6%;
    border-radius: 4px;
    font-family: 'poppins', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
}
.submit:hover{
    transition: all ease 0.5s;
    background: #1a203b;
    color: #FFF!important;
    border-radius: 4px;
}

.border-img{
    border-radius: 12px!important;
}


/**/
.sl-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #101010!important;
    display: none;
    opacity: 0.99!important;
    z-index: 1035;
}
.sl-wrapper .sl-close, .sl-wrapper .sl-counter {
    top: 30px;
    display: none;
    color: #FFF!important;
    position: fixed;
}
.sl-wrapper .sl-navigation button {
    position: fixed;
    top: 50%;
    margin-top: -22px;
    width: 22px;
    text-align: center;
    display: block;
    z-index: 10060;
    color: #FFF!important;
}

/**/

.manpower-list{
    display: block;
}
.manpower-list li{
    display: block;
    text-align: justify;
    font-family: 'poppins',sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 26px;
}

/**/

.box-style{
margin-top:7%;
bottom:auto;
}
@media only screen and (max-width:1980px){
 .box-style{
margin-top:25%;
bottom:auto;
}}
@media only screen and (max-width:1440px){
 .box-style{
margin-top:18%;
bottom:auto;
}}
@media only screen and (max-width:1366px){
 .box-style{
margin-top:8%;
bottom:auto;
}}
@media only screen and (max-width:1280px){
 .box-style{
margin-top:15%;
bottom:auto;
}}
@media only screen and (max-width:1024px){
 .box-style{
margin-top:45%;
bottom:auto;
}}

@media only screen and (max-width:823px){
 .box-style{
margin-top:-8%;
bottom:auto;
}}
@media only screen and (max-width:768px){
 .box-style{
margin-top:36%;
bottom:auto;
}}
@media only screen and (max-width:736px){
 .box-style{
margin-top:-12%;
bottom:auto;
}}

@media only screen and (max-width:414px){
 .box-style{
margin-top:34%;
bottom:auto;
}}

@media only screen and (max-width:375px){
 .box-style{
margin-top:40%;
bottom:auto;
}}

@media only screen and (max-width:360px){
 .box-style{
margin-top:35%;
bottom:auto;
}}
    
/**/
.error-page-heading{
    font-size:150px!important;
    color: #000!important;
    font-family: 'poppins',sans-serif;
    font-weight: 600!important; color:#636363;
    text-transform: uppercase!important;
}

@media only screen and (max-width:640px){        
.error-page-heading{
    font-size:100px!important;
}}
@media only screen and (max-width:360px){        
.error-page-heading{
    font-size:90px!important;
}}

@media only screen and (max-width:320px){        
.error-page-heading{
    font-size:70px!important;
}}


.oops{
    font-size:16px!important;
    font-family: 'poppins',sans-serif;
    font-weight: 300; margin-top: 2%!important;
}
.error-para{
    color: #bfa68f;
    font-size:14px!important;
    font-family: 'poppins',sans-serif;
    padding-bottom: 2%; font-weight: 300!important; 
}

.error{
    font-size:30px!important;
    margin-top: -3%;
    color: #000;
   font-family: 'poppins',sans-serif;
    font-weight: 500!important; 
    text-transform: uppercase!important;
}


.btn-back2home{
    text-transform: uppercase;

    font-size: 12px;
    padding: 2% 5%;
    -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out; 
}

@media only screen and (max-width:480px){
    .btn-back2home{
    font-size: 11px;
    padding: 4% 10%;
}
}


.btn-back2home:hover{
    color: #382119!important;
    -webkit-transition: .7s linear;
  -moz-transition: .7s linear;
  -o-transition: .7s linear;
  transition: .7s linear;  
}
/**/

.thanks-page-heading{
    font-size:70px!important;
    color:#000!important;
    font-family: 'poppins',sans-serif;
    font-weight: 600!important; color:#636363;
    text-transform: uppercase!important;
}

@media only screen and (max-width:640px){        
.thanks-page-heading{
    
}}
@media only screen and (max-width:360px){        
.thanks-page-heading{
    
}}

@media only screen and (max-width:320px){        
.thanks-page-heading{
     font-size:30px!important;
}}

.thanks-theme{
    font-size: 70px;
}
@media only screen and (max-width:320px){
   
.thanks-theme{
   font-size: 30px;
}}