.cust-pad{padding:8% 0 22% 0}
.gap{margin-top:-6%}
				
	@media (max-width: 1024px) {
	
	.gap{margin-top:-10%}
	}
	
	@media (max-width: 767px) {
	.gap{margin-top:-25%}				
	}
	
	@media (max-width: 479px) {
	.gap{margin-top:-25%}
	}
  .bg{background-image:url('../../../images/banner.jpg');background-size: cover;}
  .grad{
    background: rgb(12,10,33);
background: radial-gradient(circle, rgba(12,10,33,0.676908263305322) 67%, rgba(2,0,36,1) 100%, rgba(12,10,33,1) 100%);
  }
  .cpos{
    z-index:10;
    margin-top:-50px;
  }
  @media screen and (min-width : 992px){
    .cbos div{
      border-right:1px #eee solid;
    }
    .cbos div:last-child{
      border-right:0px #eee solid;
    }
  }
  .hch{
   min-height: 40px;
font-size: 18px;
font-weight: bold;
  }
  .f-150{
    font-size:200%;
  }
  .after-red:after{
    content :'';
    position:absolute;
    right:-70px;
    top:8px;
    width:50px;
    height:2px;
    background: red;
  }
  .text-gray{
    color:#bbb;
  }
  .bg-dark-c{
    background-color:#0C0A21;
  }
  
	.color{color:#008ddd!important;}
	.btn-pad{padding:12px 15px!important}
	.btn-custom{border-radius:0px!important}
	
	/*text banner */
	/*text-banner */
.output {
  text-align:center;
  color:white;
  min-height:170px;
}

/* Cursor Styling */

.cursor::after {
  content:'';
  display:inline-block;
  margin-left:3px;
  background-color:white;
  animation-name:blink;
  animation-duration:0.5s;
  animation-iteration-count: infinite;
}
h1.cursor::after {
  height:24px;
  width:13px;
}
p.cursor::after {
  height:13px;
  width:6px;
}

@keyframes blink {
  0% {
    opacity:1;
  }
  49% {
    opacity:1;
  }
  50% {
    opacity:0;
  }
  100% {
    opacity:0;
  }
}

.sina-nav.navbar-fixed {
    position: fixed;
}
.bg {
     
    height: 100vh;
}
.grad{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.gap{
margin-top: -95px;
    -webkit-transition: all 1s;
    transition: all 1s;
    transition-timing-function: ease-in-out;
}
.container-c {
  position: absolute;
top: 50%;
width: 100%;
text-align: center;
transform: translateY(-50%);
}
.gap.extra {
    margin-top: -320px;
}

@media only screen and (min-width:280px) and (max-width:480px){
.ex1 span, .ex2 span, .ex3 span{ font-size:30px}
.gap.extra { margin-top: -100px;}
.gap.extra span{ display:block}
.gap.extra .small{ margin-top:15px}
}


@media only screen and (min-width:481px) and (max-width:768px){
.ex1 span, .ex2 span, .ex3 span{ font-size:40px}
.gap.extra { margin-top: -200px;}
}

@media only screen and (min-width:769px) and (max-width:1025px){
.ex1 span, .ex2 span, .ex3 span{ font-size:50px}
.gap.extra { margin-top: -200px;}
}

@media only screen and (min-width:1025px) and (max-width:1400px){
.ex1 span, .ex2 span, .ex3 span{ font-size:50px}
.gap.extra { margin-top: -200px;}	
}

.hoverBox{ position:relative; overflow:hidden}
.hoverBox:hover .imgHolder:after{opacity: 1;}
.imgHolder:after{position: absolute; bottom:0; right:0; overflow: hidden; content:"";    top: 0;  left: 0;opacity: 0;background-color: rgba(0,0,0, 0.7);
    -webkit-transition: all 0.4s ease-in-out;    -moz-transition: all 0.4s ease-in-out;    -o-transition: all 0.4s ease-in-out;    -ms-transition: all 0.4s ease-in-out;    transition: all 0.4s ease-in-out;}
.imgHolder{ overflow:hidden;position:relative;}
.imgHolder img{-webkit-transition: all 0.2s linear;    -moz-transition: all 0.2s linear;    -o-transition: all 0.2s linear;    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;}
.hoverBox:hover img{-webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);    -o-transform: scale(1.1,1.1);    -ms-transform: scale(1.1,1.1);    transform: scale(1.1,1.1);}
.proHead{ position:absolute; left:0; width:100%; text-align:center; background:#000; padding:10px; color:#fff; top:-80px; font-weight:bold; font-size:17px;transition: all 0.4s ease-in-out;}
.hoverBox:hover .proHead{top:10px;}
.proDis{ position:absolute; left:0; text-align:center; width:100%; color:#fff; bottom:0;transition: all 0.4s ease-in-out; opacity:0}
.proDis p{ width:90%; margin:auto}
.hoverBox:hover .proDis{ bottom:10px; opacity:1}
.proDis a{ background:#000; color:#fff; padding:5px 7px; margin-top:10px; display:inline-block}
.classblod{color: #212529;font-weight: bold;}
.fsize{font-size: 120%;}
.stleft{left:20px !important}

/** about1 **/
.abt12 .subpagebanner{ height:50vh; background-position: top center; background-repeat:no-repeat; background-size:cover}
.abt12 .subpagebanner h1{font-weight: 700; font-size:40px; line-height: 1.2;}
.abt12 .subbannerCon{position: absolute; left: 0;right: 0;top:60%; transform:translateY(-60%); z-index:100; color:#fff}
.abt12 .subpagebanner p{font-size: 1rem;letter-spacing: 0.2rem;text-align: center;}
.abt12 .imgFluid{ width:100%; height:auto}
.abt12 .abtimgbg{background-position: top center; background-repeat:no-repeat; background-size:cover;position: relative;margin-top: 0;}
.abt12 .missBx{ background:#008DDD; padding:20px;color:#fff;position: absolute;right: -33px; z-index: 1000; width: 100%;top:-50px;}
.abt12 .missBx i{ position: absolute; right: -20px; top:-22px; width: 50px; color:#fff; font-size:80px}
.abt12 .page_content_inner{ }
.abt12 .page_content ul{padding-left: 20px;}
.abt12 .page_content ul li{ margin-bottom:15px}

/** about **/
.subpagebanner{ height:50vh; background-position: top center; background-repeat:no-repeat; background-size:cover}
.subpagebanner h1{font-weight: 700; font-size:40px; line-height: 1.2;}
.subbannerCon{position: absolute; left: 0;right: 0;top:60%; transform:translateY(-60%); z-index:100; color:#fff}
.subpagebanner p{font-size: 1rem;letter-spacing: 0.2rem;text-align: center;}
.abtage .subpagebanner{}
.imgFluid{ width:100%; height:auto}
.abtimgbg{background-position: top center; background-repeat:no-repeat; background-size:cover;position: relative;margin-top:-145px;}
.missBx{ background:#008DDD; padding:20px;color:#fff; width: 100%; position:relative}
.missBx i{ position: absolute; right:40px; top:-22px; width: 50px; color:#fff; font-size:80px}
.page_content_inner{ }
.page_content ul{padding-left: 20px;}
.page_content ul li{ margin-bottom:15px}

/** products **/
.allprList li{ list-style:none}
.allprList li img{ margin-right:20px;}
.allprList a{ text-decoration:none;background: #008DDD;padding: 20px;color: #fff;display:block;    height: 100%;}
.allprList a span{font-size: 30px;display:block;}
.allprList a span p{font-size:17px;}


/** products1 **/
.greyBg{/*background: #f5f4f4;*/}
.con_box{background: #fff; padding: 20px;margin: -140px 0 10px auto; width: 80%; position: relative;border-top: 3px solid #008ddd;}


.addressSec li{ list-style:none; font-weight:bold}
.addressSec li:last-child{ margin:0}
.addressSec ul{ background: #f7f7f7;padding: 20px; height:100%; margin:0}
.addressSec li strong{font-size:18px;}
.addressSec li.headingline{ font-size:18px; /*border-bottom:1px solid #cecece*/ position:relative;}
.addressSec li.headingline:after{ position:absolute; left:0; top:-20px; content:""; background:#008ddd; height:3px; width:100%;}
.addressSec li i{ margin-right:10px}
.addressSec li a{ text-decoration:none; color:#008DDD}
.maBx{height:100%;}
.maBx iframe{ width:100%; height:100%; border:none}





@media only screen and (min-width:200px) and (max-width:480px){
.abtimgbg{ display:none}
.abt12 .missBx{ position:inherit; left:0; right:0}
}

@media only screen and (min-width:480px) and (max-width:768px){
.missBx i{    font-size: 50px;}
.abt12 .missBx{ position:inherit; left:0; right:0}
}

@media only screen and (min-width:1024px) and (max-width:1300px){
.abt12 .missBx{width: 120%;}
}