html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: 500; color:#333;}

a{color:red;}
a:hover, a:focus{color:#222; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:25px; margin:0 0 15px;}

h1, h2, h3, h4, h5, h6{font-weight: 800; margin:0 0 10px;}
h1{color:#222;}
h2{color:#222;}
h3{color:#222;}
h4{color:#222;}

.pad-0{padding:0 !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-50{margin-bottom:50px !important;}

 
  
.header{background:#222; font-size:13px; margin:0; position:relative; left:0; width:100%; top:0; z-index:3;}
  .head-right{text-align:right;}
 
  .logo{padding:20px 15px 0;}
  .head-right ul{margin: 20px 0 0;padding: 0;}
  .head-right ul li{list-style: none; display: inline-block; vertical-align: middle; text-align: right; position: relative; border-right: 1px solid #222; padding: 0 20px 0 0; margin: 0 20px 0 0; color:#fff;}
  .head-right ul li p{margin: 0; line-height:20px;}
  .head-right ul li:last-child{border-right:0; margin-right: 0; padding-right:0;}
  .head-right ul li a{color:#fff;}
  .head-right ul li a:hover{color:#222;}
  
.banner{background :#222  ; background-repeat: no-repeat; background-position: center center; background-attachment: scroll; background-size: cover; margin:0; padding:30px 0; position:relative; z-index:1;}
  .banner .banner-left{position: static;}
  .banner .banner-right{padding: 0 15px 0 0;}
  
  /*************************Slide effect**********************/
  .fade{opacity: 1;}
  .fade .item{top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  .fade .item:first-child{top: auto; position: relative;}
  .fade .item.active{opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s;}
  
  
.about-sec{padding:70px 0 60px; position:relative; z-index:2;}    
  .about-sec h2{color:#222; font-size: 28px; line-height: 40px; position: relative; margin: 0 0 30px; letter-spacing: -1px;}
  .about-sec h2 span{color: #222; font-size: 14px; margin:0 0 10px; display:block; text-transform:uppercase; font-weight:700; line-height:normal;}
  .about-left{margin:0 0 30px; position:relative;}
  .about-right{margin:0 0 30px; position:relative;}
  .about-right figure{margin: 0;}
  .about-left p{text-align:left;}
  .about-left .btn{border:0; text-decoration: none; background: #222; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0; font-size:14px; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'PoppinsSemiBold_0'; font-weight:normal; letter-spacing: .3px; color: #fff; margin:10px 0 0; padding: 13px 30px; overflow:hidden;}
  .about-left .btn:hover span{position: relative; color:#fff; z-index: 1;}
  .about-left .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background: #222;}
  .about-left .box-sign{padding: 36px 0 0; position: relative;}
  .about-left .box-sign img{position: absolute;left: 0;top: 0;}
  .about-left .box-sign b{font-weight: 800; font-size: 16px;}
  .about-left .box-sign span{display: block; line-height: 15px; margin:10px 0 0;}
   
.footer{background:#222; padding:0; color: #000; position: relative; width: 100%; z-index: 3;}  
  .footer .container{position: relative; z-index:1;}  
  .footer p{color:#000; opacity:0.8;} 
  .footer a{color:#000; opacity:0.8;} 
  .footer a:hover{color:#222;} 
   
  .ft-bottom{border-top: 1px solid rgba(255, 255, 255, 0.15); padding:0; position:relative; z-index:2;}  
  .ft-bottom p{margin:0; opacity:0.8;}
  .ft-bottom .copyright{text-align: center; padding:20px 0; color:#fff;}
     
  
  
    /** Smartphones **/
@media (min-width: 320px) and (max-width: 480px) {
    
   .header{position: relative;}   
   .head-top .logo{width:100%; text-align:center; padding: 0 0 20px}
   .head-top .head-right{width:100%; text-align:center; float:none !important}
   .about-text-left{float: none; width: auto;}
   .about-text-right{display:none;}
   .about-text-left .hidden{display: block !important; float: left; width: 60%; margin: 8px 20px 0 0;}
   .about-text h3{font-size: 24px;}
   .footer .wg-1{margin:0 0 30px;}
   .ft-bottom p{text-align: center !important; margin: 0 !important;}
   .ft-bottom .text-right{text-align: center !important; margin: 0 0 20px !important;}
       
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
   
   
   .header{position: relative;}   
   .head-top .logo{width:100%; text-align:center; padding: 0 0 20px}
   .head-top .head-right{width:100%; text-align:center; float:none !important}
  .about-text-left{float: none; width: auto;}
   .about-text-right{display:none;}
   .about-text-left .hidden{display: block !important; float: left; width: 50%; margin: 8px 20px 0 0;}
   .footer .wg-1{margin:0 0 30px;}   
   .ft-bottom p{text-align: center !important; margin: 0 !important;}
   .ft-bottom .text-right{text-align: center !important; margin: 0 0 20px !important;}
   
}

/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {
         
   .header{position: relative;}
   .container{width: auto; max-width:850px; padding:0 30px;}
   .head-top .logo{width:100%; text-align:center; padding: 0 0 20px}
   .head-top .head-right{width:100%; text-align:center; float:none !important}
   .about-text-left{float: none; width: auto;}
   .about-text-right{display:none;}
   .about-text-left .hidden{display: block !important; float: left; width: 45%; margin: 8px 20px 0 0;} 
   
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 
    
   .container{width:auto; padding:0 30px; max-width:1030px}
   .header{position: relative;}   
   .head-top .logo{width:100%; text-align:center; padding: 0 0 20px}
   .head-top .head-right{width:100%; text-align:center; float:none !important}
   .menu-head{font-size: 14px;}
   .about-text-left{float: none; width: auto;}
   .about-text-right{display:none;}
   .about-text-left .hidden{display: block !important; float: left; width: 45%; margin: 8px 20px 0 0;}
   .footer .col-sm-3{width: 50%; min-height: 230px;}     

}

/* Large Display */
@media (min-width: 1367px) { }