@import url('reset.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Bevan');

body{font-family: 'Poppins', sans-serif;!important}
.text-reflect {position: relative;}
.text-reflect:before, .text-reflect:after {display: block;position: absolute;bottom: -0.5em; left: 0; right: 0;}
.text-reflect:before {content:'';opacity: .3;color:#666;-webkit-transform: scaleY(-1);-moz-transform: scaleY(-1);-o-transform: scaleY(-1);transform: scateY(-1);}
.text-reflect:after {height: 1em;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgb(255,255,255)));
background: -moz-linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
background: linear-gradient(top, rgba(255,255,255,0), rgb(255,255,255));
content: ' ';}

/*******sub tilte reflec*******/

a{ 
cursor:pointer !important;
color:#000; text-decoration:none !important;
-webkit-transition: all .3s .1s;
-moz-transition: all .3s .1s;
-o-transition: all .3s .1s;
transition: all .3s .1s;
			 }
a:hover{ 
color:#ed1b24; text-decoration:none !important;
-webkit-transition: all .3s .1s;
    -moz-transition: all .3s .1s;
     -o-transition: all .3s .1s;
        transition: all .3s .1s;
}

hr{color:#ddd !important;background-color:#ddd !important;height:1px;border:none;}
.clearfix{clear:both; height:20px;}
.position-relative{position:relative !important}
.position-absolute{position:absolute !important}
/*------------------------------------ general styling ----------------------------------------------*/

.btn-warning{color:#000 !important;}
.btn-red{background:#373741; color:#ff9900;border:2px solid #ff9900;  padding:10px 15px;clear:both; margin:auto;}
.btn-readmore{border:2px solid #fff; padding:10px 15px; color:#fff; clear:both;}
.btn-readmore:hover{border:2px solid #fff; color:#fff;}
.link-normalise{color:#fff;}
.link-normalise:hover{color:#ffff00;}

#plane {left: 0; top:0;right:0;width:165px; bottom: 0;clear:both; margin:-5% auto 0; position: absolute;}
#ETBR, #refl {color: #fff; text-transform: uppercase; background-color: #ff0000;border:2px solid #feaaaa;padding:10px 15px; display: inline-block;  position: relative;}
#refl { position: absolute; z-index: 0; opacity:0.2;  top: 100%; left: -2px; width:165px; -moz-transform: scaleY(-1);-webkit-transform: scaleY(-1);-ms-transform: scaleY(-1); filter: url(filter.svg#blur); /* FF, Opera + IE10*/ -webkit-filter: blur(2px); /* webkit */ /* box-shadow: inset rgba(0,0,0,.8) 0 0 20px, inset #000 0 50px 100px;*/}
.modern #refl { opacity: .25;}
.ie9 #refl {     
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(opacity=.25) progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='false') progid:DXImageTransform.Microsoft.MotionBlur(strength=15, direction=0) progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='false');"
}
.oldie #refl {   
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#99000000, endColorstr=#00000000)
    progid:DXImageTransform.Microsoft.BasicImage(mirror=1, rotation=2, opacity=.35)
    progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='false')
    progid:DXImageTransform.Microsoft.MotionBlur(strength=15, direction=0)
    progid:DXImageTransform.Microsoft.Blur(PixelRadius='3', MakeShadow='false');
}

.link-grey{color:#666;}
.link-grey:hover{color:#039;}

.font-20-light{font-size:20px; font-weight:300; margin-top:10px;}
.font-20-medium{font-size:20px; font-weight:600; color:#000;}
.font-30-medium{font-size:30px; font-weight:500;}
.font-25-pink{font-size:25px; color:#373741; font-weight:600}
.font-40-medium{font-size:40px; color:#ff9900; font-weight:600; line-height:1em; padding:15px 0}
.font-60-medium{font-size:60px; font-weight:500; color:#000; line-height:1.2em}
.title-light{font-size:50px; font-weight:300; color:#003;line-height:1em}
.red-line{width:100px; margin:20px 0 10px 0; height:4px; background:#ff9900;}
.text-disabled{color:#666; font-size:12px;}


.adv-tech{background:url(../images/advtech-bg.jpg) no-repeat center 20%; background-size:100% auto;color:#fff; text-align:center;}
.adv-tech h1{font-family: 'Bevan', cursive;}
.overlay-red{background:rgba(0, 0, 35, 0.8); width:100%; height:100%}
.height{ height:560px;}

.border-white{border:thick solid #fff}
.border-red{border:thin solid #b20000}

.news-date{background:#373741; color:#fff; font-size:18px; font-weight:600; text-transform:uppercase; text-align:center; padding:15px}

.UpnDown img{position: absolute;  top: 0;  bottom: 0; left:0; right:0;margin:auto;  animation: MoveUpDown 1s linear infinite;} 

.gallery-img img{left:0; top: 0; right: 0; bottom: 0; margin: auto; position:absolute}
.gallery-img{ height:300px; margin-bottom: 30px; overflow:hidden; border:thick solid #ccc; background: #000; -webkit-transition: border-width 0.5s ease-out;  -moz-transition: border-width 0.5s ease-out;  -o-transition: border-width 0.5s ease-out;  transition: border-width 0.5s ease-out;}
.gallery-img:hover {border:thick solid #ab0000;-webkit-transition: border-width 0.5s ease-out;  -moz-transition: border-width 0.5s ease-out;  -o-transition: border-width 0.5s ease-out;  transition: border-width 0.5s ease-out;}


@-webkit-keyframes MoveUpDown {
  0%, 100% {    bottom: 0px;  }
  50% {    bottom: 15px;  }
}   

@media(max-width:1199px){}
@media(max-width:991px){}
@media(max-width:767px){
.font-20-medium,.font-20-light{font-size:15px;}
.font-30-medium{font-size:25px;}
.font-25-pink{font-size:20px;}
.font-40-medium{font-size:30px;}
.font-60-medium{font-size:50px;}
.adv-tech{ background-size:auto 100%;}
.height{ height:auto;}
}