@font-face{ font-family:FontAwesome; src:url(../fonts/FontAwesome.ttf);}
@font-face{ font-family:Montserrat-Bold; src:url(../fonts/Montserrat-Bold.ttf);}
@font-face{ font-family:Montserrat-Regular; src:url(../fonts/Montserrat-Regular.ttf);}
@font-face{ font-family:Raleway-Regular; src:url(../fonts/Raleway-Regular.ttf);}
@font-face{ font-family:Raleway-Medium; src:url(../fonts/Raleway-Medium.ttf);}
@font-face{ font-family:Raleway-Bold; src:url(../fonts/Raleway-Bold.ttf);}
@font-face{ font-family:PT_Sans-Web-Regular; src:url(../fonts/PT_Sans-Web-Regular.ttf);}
@font-face{ font-family:PT_Sans-Web-Bold; src:url(../fonts/PT_Sans-Web-Bold.ttf);}
@font-face{ font-family:Muli-Regular; src:url(../fonts/Muli-Regular.ttf);}
@font-face{ font-family:Muli-Light; src:url(../fonts/Muli-Light.ttf);}
@font-face{ font-family:OpenSans-Regular; src:url(../fonts/OpenSans-Regular.ttf);}
@font-face{ font-family:Roboto-Light; src:url(../fonts/Roboto-Light.ttf);}
@font-face{ font-family:Roboto-Regular; src:url(../fonts/Roboto-Regular.ttf);}
@font-face{ font-family:ArchivoNarrow-Bold; src:url(../fonts/ArchivoNarrow-Bold.ttf);}
@font-face{ font-family:ArchivoNarrow-Regular; src:url(../fonts/ArchivoNarrow-Regular.ttf);}


*{ margin:0; padding:0; box-sizing:border-box; margin:0; outline:0;}
body{ font-size:14px; font-family:Raleway-Regular;}
a{ text-decoration:none; color:#000; outline:none;}
ul,li{ list-style:none}
input{ border:0;}
h1{ font-size:35px;}
h2{ font-size:32px;}
h4{ font-size:18px;}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:Raleway-Bold;}
p{ line-height:30px; font-family:Roboto-Regular;}
span{ font-family:Roboto-Light;}
input{ font-family:OpenSans-Regular; border:0;}
textarea{ font-family:OpenSans-Regular; font-size:14px; border:0;}
submit{ border:0; font-size:14px;}

.container{ width:1170px; margin:0 auto;}

/*HEADER*/
.header_total{ width:100%; display:inline-block; position:absolute; top:0; z-index:5;}
.header{ width:100%; display:inline-block; background:#2D3239;}
.header_inner{ width:100%; display:inline-block;}
.header_left{ float:left;}
.header_leftinner{ width:100%; display:inline-block;}
.header_leftinner li{ float:left; border-right:1px solid #ccc; padding:15px 15px; font-size:13px;}
.header_leftinner li:last-child{ border:0;}
.header_leftinner li em{ font-style:normal; color:#fff; }
.header_leftinner li span{ color:#9e9e9e;}
.header_right { float:right}
.header_rightinner{ width:100%; display:inline-block;}
.header_rightinner li{ float:left; padding:15px 10px;}
.header_rightinner li:last-child{ background:#EFBB20; margin:5px 11px; padding:10px 5px; transition:0.5s all ease-in-out;}
.header_rightinner li a:last-child{ color:#fff;}
.header_rightinner li:last-child:hover{ background:red;}
.header_rightinner li a{ font-size:13px;}
.header_rightinner li a i{ color:#fff; font-size:13px;}
.header_rightinner li:hover a i{ color:#EFBB20;}

/*MENU*/
.menu{ width:100%; display:inline-block; padding:10px 0; background:#EFBB20; position:relative; z-index:1;}
.menu::before{ top:0; right:50%; left:-21%; bottom:0; width:50%; content:""; position:absolute; background:#fff; z-index:-1; transform:skew(30deg); }
.menu::after{ position:absolute; border-right:7px solid #2D3239; left:29%; top:0; height:100%; transform:skew(30deg); content:""; height:100%;}
.menu_inner{ width:100%; display:inline-block;}
.menu_left{ float:left;}
.menu_leftinner{ width:100%; display:inline-block;}
.menu_logo{ width:25%;}
.menu_leftinner li{ float:left; padding-right:15px; font-family:Raleway-Bold;}
.menu_leftinner li span{ font-size:20px; margin:5px 0; display:inline-block; color:#922919; text-transform:uppercase; font-family:Raleway-Bold;}
.menu_left img{ width:100%;}
.menu_right{ float:right;}
.menu_rightinner { width:100%; display:inline-block;}
.menu_rightinner li{ float:left; position:relative;}
.menu_rightinner li a{ display:inline-block; padding:0 20px; font-size:13px; text-transform:uppercase; font-family:Montserrat-Bold; color:#fff;
margin:22px 0; position:relative; transition:0.5s all ease-in-out; position:relative;}
.drop_down{ position:absolute; top:100%; left:0;  white-space:nowrap;  z-index:2; background:#EFBB20; display:none;} 
.drop_down li{ transition:0.5s all ease-in-out;}
.drop_down li a{ padding:0px 20px; margin:15px 0;}
.menu_rightinner li:hover .drop_down{ display:inline-block;}
.menu_rightinner li a::before{ position:absolute; left:100%; right:0; bottom:-10px; content:""; height:1px; border-bottom:1px solid #fff; opacity:0; transition:0.5s all ease-in-out; transform:scale(0);}
.menu_rightinner li a:hover::before, .menu_rightinner li a.active::before{ left:0%; opacity:1; transform:scale(1);}
/*.menu_rightinner li::before{ transition:0.5s all ease-in-out; background:red; width:20px; height:2px; transform:rotate(90deg); position:absolute; content:""; left:0; top:20px; transform-origin:0 0 0; }
.menu_rightinner li:hover::before{ opacity:1; transform:rotate(0deg) translateX(50%); left:32%;}
.menu_rightinner li::after{ transition:0.5s all ease-in-out; background:red; width:20px; height:2px; transform:rotate(90deg); position:absolute; content:""; right:-8px; bottom:20px; transform-origin:0 0 0; opacity:0;}
.menu_rightinner li:hover::after{ opacity:1; transform:rotate(0deg) translateX(50%); right:50%;}
.menu_rightinner li a.active{ color:red; opacity:1;}
.menu_rightinner li.active::before{ transition:0.5s all ease-in-out; background:red; width:20px; height:2px; transform:rotate(90deg); position:absolute; content:""; left:0; top:20px; transform-origin:0 0 0;}*/



/*BANNER*/
.banner{ width:100%; display:inline-block; position:relative;}
.banner::before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; z-index:1;}
.banner img{ width:100%; }
.inner_bg{ width:100%; display:inline-block; position:relative;}
.inner_bg::before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background:rgba(0,0,0,0.4);}
.inner_bg img{ width:100%;}
.inner_bgcontent{ position:absolute; width:1170px; left:0; right:0; top:40%; margin:0 auto; text-align:center;}
.inner_bgcontent h2{ font-size:45px; text-transform:uppercase; color:#fff;}
.inner_bghome{ width:100%; display:inline-block; text-align:center;}
.inner_bghome li{ display:inline-block; text-transform:uppercase; font-size:12px; text-align:center; margin:20px 0; color:#fff}  
.bg_active{ color:#EFBB20;}


/*MAINTAIN*/
.maintain1{ width:100%; display:inline-block;  position:relative; padding:30px 0; top:-30px; z-index:4;}
.maintain1::before{ top:0; right:50%; left:-21%; bottom:0; width:90%; content:""; position:absolute; background:rgb(239,187,32); z-index:-1; transform:skew(30deg); }
.maintain1::after{ position:absolute; border-right:7px solid #2D3239; left:69%; top:0; height:100%; transform:skew(30deg); content:""; height:100%;}
.maintain_left1{ width:70%; float:left;}
.maintain_content1{ float:left; width:85%;}
.maintain_content1 h1{ text-align:left; font-size:25px; color:#fff;}
.maintain_content1 h2{ text-align:left; font-size:20px; margin:5px 0; color:#fff;}
.maintain_read1{ float:right; width:15%; margin:10px 0;}
.maintain_read1 a{ transform:skewX(-20deg); background:#922818; padding:10px 20px; display:block; color:#fff; text-align:center; transition:0.5s all ease-in-out;}
.maintain_read1 a:hover{ background:rgb(22,27,34);}
.maintain_read1 a em{ font-style:normal; transform:skewX(20deg); display:block}

/*INDEX ABOUT*/
.ind_about{ width:100%; display:inline-block; margin:30px 0 70px 0; text-align:center;}
.ind_about h1{ float:left; margin:15px auto; width:100%; text-transform:uppercase; text-align:center;}
.header_border{ position:relative; width:100%; display:inline-block;}
.header_border::before{ position:absolute; top:-15px; left:0px; right:0; margin:10px auto; content:""; height:10px; transform:skewX(-10deg);  width:15px; background:#932919; z-index:1;}
.header_border::after{ position:absolute; top:-3px; left:0px; right:0; background:#EFBB20; content:""; width:65px; height:5px; margin:0 auto; }
.ind_about span{ text-align:center; display:block; font-size:24px; color:#000;}
.high_light { color:red;}
.ind_aboutinner{ width:100%; display:inline-block;}
.ind_aboutleft{ float:left; width:40%;}
.ind_aboutleft img{ width:100%;}
.ind_aboutright{ width:100%;}
.ind_aboutright p{ font-size:15px; margin-bottom:5px; display:block; padding:0 125px 0 125px; margin:10px auto;}
.ind_aboutright a{ display:inline-block; padding:7px 18px; background:#922818; border-radius:4px; color:#fff; margin:15px 0; transition:0.5s all ease-in-out; text-transform:uppercase; font-size:13px; border:1px solid transparent;}
.ind_aboutright a:hover{  background:rgb(22,27,34); color:#fff; box-shadow:1px 2px 3px #ccc;}

/*INDUSTRIAL*/
.industrial{ width:100%; display:inline-block; background:rgb(239,187,32);}
.industrial_inner{ width:100%; display:inline-block; }
.industrial_left{  width:25%;float:left; transition:0.5s all ease-in-out;  background-size:cover;  height:450px;  background-position:center; display:block; transition:0.5s all ease-in-out; position:relative; transform:skew(20deg); overflow:hidden}
.industrial_leftcontent{ position:absolute; left:0; right:0; text-align:center; top:45%; transform:skew(-20deg) }
.industrial_leftcontent h2{ color:#fff;}
/*.industrial_left::before{ background:rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 50%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0; content:""; opacity:0; height:100%; width:100%; position:absolute; z-index:2; left:-100%; transition:0.5s all ease-in-out;}
.industrial_left:hover::before{ left:100%; opacity:1;}*/
.industrial_leftinner{ background:url(../images/ind1.jpg) no-repeat; background-size:cover; height:100%; width:100%; transition:0.5s all ease-in-out; position:absolute; top:0; left:0%; right:0; width:200%; transform:skew(-16deg, 0deg);position:absolute; left:-50%;}
.industrial_leftinner::before{  content:""; position:absolute; top:0; left:0; right:0; bottom:0; transition:0.5s all ease-in-out; background:rgba(9, 7, 7, 0.5);}
.industrial_leftinner:hover::before{ background:transparent;}
.industrial_leftinner1{ background:url(../images/ind2.jpg) no-repeat;transform:skew(-16deg, 0deg); position:absolute; left:-50%;}
/*.industrial_leftinner:hover{ left:-20%; }*/
.industrial_leftinner2{background:url(../images/ind3.jpg) no-repeat;transform:skew(-16deg, 0deg); position:absolute; left:-50%;}
.industrial_leftinner3{background:url(../images/ind4.jpg) no-repeat;transform:skew(-16deg, 0deg); position:absolute; left:-50%;}
.industrial_leftcontent a{ background:#922919; padding:8px 18px; color:#fff; margin:10px 0; display:inline-block; text-transform:uppercase; transition:0.5s all ease-in-out;}
.industrial_leftcontent a:hover{ background:#EFBB20;}
.industrial_left:hover{ padding:0 50px;}

/*INDEX GALLERY*/
.gallery1{width:100%;display:inline-block;text-align:center;}
.gallery_inner1{ width:100%; display:inline-block; background:url(../images/bg_our.jpg) no-repeat; background-size:cover; padding:80px 0 100px 0; margin:50px 0 60px 0; position:relative;}
.gallery_inner1::before{ position:absolute; left:0; right:0; bottom:0; top:0; content:""; background:rgba(248, 228, 14, 0.9);}
.gallery1 h2{ text-transform:uppercase; color:#3e3e3e; position:relative;}
/*.gallery h2::before{ position:absolute; bottom:-15px; left:0px; right:0; margin:10px 0; content:""; height:10px; transform:skewX(-10deg);  width:15px; background:#fff; margin:0 auto;}
.gallery h2::after{ position:absolute; bottom:-12px; left:-93px; right:0; background:#EFBB20; content:""; width:65px; height:5px; margin:0 auto;}*/
.gallery1 em{ display:block;  height:10px; transform:skewX(-10deg);  width:15px; background:#fff; margin:10px auto 0 auto;}
.gallery1 em::after{ position:absolute; bottom:3px; left:-93px; right:0; background:#EF2020; content:""; width:65px; height:5px; margin:0 auto;}
.gallery1 em::before{ position:absolute; bottom:3px; left:0; right:-93px; background:#EF2020; content:""; width:65px; height:5px; margin:0 auto;}
.row{ width:100%; display:inline-block;}
.gallery_heading{width:100%;display:inline-block;background:#F6290C;height:100px;}
.gallery h1{color:#fff; background:#3089EF;	display:inline-block;font-size:23px;padding:25px 55px; text-transform:uppercase;float:left;margin-top:60px;}
.gallery_image{	width:100%; display:inline-block;}
.multi { display: inline; top: 0; left: 3px;}
.three_colum{ width:100%; display:inline-block; padding:30px 0;}
.programs, .courses { margin: 0px 0 0 0;}
.programs { font-size: 0; display:inline-block;text-align:center }
.programs span{ font-style:normal; transform:skewX(20deg); display:block; font-family:Montserrat-Bold;}
.programs button { width:auto; display:inline-block; border:0;  padding:10px 20px; color:#2f2f2f; cursor:pointer;  font-size:14px; text-transform:uppercase; font-family:Montserrat-Regular;  border-bottom:1px solid transparent; background:#2d3239; margin:0 10px; color:#fff; transition:0.5s all ease-in-out; transform:skewX(-20deg); position:relative;}
.programs button::before{ position:absolute; content:""; top:0;}
.programs button:hover { background:#EF2020;}
.programs button:focus {border:none;}
.programs button.active {  color:#fff; background:#EF2020;}
.courses { display:inline-block; width:100%; }
.courses li { width:33.33%; box-sizing:border-box; float:left; padding:1%;}
.courses li a img { width:100%; display:block; margin:0 auto; margin:0; padding:0;}
.courses a { display: block; color:black;  -webkit-transition: all .4s ease; transition: all .4s ease; background:#fff;}
.courses a.product_title { display: block;text-align:center; background:#fff; color:#e7231d; width:100%;}
.courses .mix-target { display: none;}
.light_bg{ width:100%; background:#000; position:relative; overflow:hidden;}
.light_bginner{ position:absolute; top:-50px; z-index:2; left:30px; text-transform:uppercase; transition:0.2s all ease-in-out;}
.light_bg:hover .light_bginner{ opacity:1; top:50px;}
.light_bginner span{ font-size:13px; color:#fff;}
.light_bginner h2{ font-size:18px; color:#000; margin:5px 0;}
.light_bginner p{ color:#ffcf00;}
.light_bg::before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background:rgba(0,0,0,0.5); opacity:0;
 transition:0.5s all ease-in-out; z-index:1}
.light_bg:hover::before{  opacity:1;}
.light_bg em{ position:absolute; z-index:6; top:45%; text-transform:uppercase; left:0; right:0;  height:35px; display:block;color:#fff; text-align:center; line-height:35px; text-align:center; margin:0 auto; font-style:normal; opacity:0; font-family:oswald-bold; font-size:25px;}
.light_bg:hover em{ opacity:1;}
.light_bg img{transition:0.3s}
.light_bg:hover img{ transition:0.3s; transform:scale(1.1)}

/*HELP*/
.help{ width:100%; display:inline-block; padding:45px 0; margin:50px 0; background:#252936;}
.help_inner{ width:100%; display:inline-block;}
.help_inner h1{ text-align:center; font-size:38px;  font-family:Roboto-Regular; color:#fff;}
.high_light1{ color:#fff;}
.help_inner h2{ text-align:center; font-size:24px; margin:10px 0; color:#fff; font-family:Roboto-Regular;}
.help_inner a{ display:inline-block; margin:0 auto; text-align:center; background:red; padding:13px 25px; text-transform:uppercase; border-radius:4px; margin:15px 0; color:#fff; transition:0.5s all ease-in-out;}
.help_inner a:hover{ background:#fff; color:#000;}


/*BULB*/
.bulb{ width:100%; display:inline-block; margin:0 0 0;}
.bulb_inner{ width:100%; display:inline-block;}
.bulb_left{ float:left; width:25%; background:url(../images/bg_our.jpg) no-repeat; padding:25px 0; min-height:155px; }
.bulb_leftinner{  width:100%; display:inline-block; position:relative;}
.bulb_mask {
    display: inline-block;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index:2;
}
.bulb_maskinner{ position:absolute; top:0; left:0; z-index:1;}
.bulb_mask::before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; z-index:-1; background:rgba(239,187,32,0.8); width:100%;  
transition:0.5s all ease-in-out; opacity:0;}

.bulb_mask img{ width:100%;}
.bulb h2{ text-align:center; text-transform:uppercase; color:#fff;}
.bulb h3{ text-align:center; margin:5px 0; color:#fff300;}
.bulb_mask:hover::before{  opacity:1}

.scope{ background:#000; padding:25px;}
.scope li{ padding:10px 0; color:#fff;}
.scope li i{ margin-right:15px;}

/*CLIENT*/
.client{ width:100%; display:inline-block; margin:50px 0 25px 0;}
.client h2{ text-align:center; margin:20px 0; text-transform:uppercase;}
.client em{ display:block;  height:10px; transform:skewX(-10deg);  width:15px; background:#932919; margin:10px auto 0 auto;}
.client em::after{ position:absolute; bottom:3px; left:-93px; right:0; background:#EFBB20; content:""; width:65px; height:5px; margin:0 auto;}
.client em::before{ position:absolute; bottom:3px; left:0; right:-93px; background:#EFBB20; content:""; width:65px; height:5px; margin:0 auto;}
.row{ width:100%; display:inline-block;}
.client_inner{ width:100%; display:inline-block; margin:30px 0;}
.client_left { width:24%; display:inline-block; padding:15px 0; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.client_left img{ }
.client_left:nth-child(5){border-bottom:0px solid #ccc;}
.client_left:nth-child(6){border-bottom:0px solid #ccc;}
.client_left:nth-child(7){border-bottom:0px solid #ccc;}
.client_left:nth-child(8){border-bottom:0px solid #ccc;}
.client_left5:nth-child(5){ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.client_left5:nth-child(6){ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.client_left5:nth-child(7){ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.client_left5:nth-child(8){ border-right:1px solid #ccc; border-bottom:1px solid #ccc;}
.client_left:nth-child(21){border-bottom:0px solid #ccc;}
.client_left:nth-child(22){border-bottom:0px solid #ccc;}
.client_left:nth-child(23){border-bottom:0px solid #ccc;}
.client_left:nth-child(24){border-bottom:0px solid #ccc;}
.client_page h2{ position:relative; }
.client_page h2::before{ position:absolute; width:10%; height:1px; background:red; content:""; left:-25%; right:0; top:-10px; margin:0 auto; text-align:center;}
.client_page h2::after{ position:absolute; width:10%; height:1px; background:red; content:""; right:-25%; left:0; bottom:-10px; margin:0 auto; text-align:center;}

/*FOOTER TOP*/
.footertop{ width:100%; display:inline-block;  padding:142px 0; position:relative; margin:50px 0 0 0; font-family:ArchivoNarrow-Regular;}
.footertop::before{ content:""; position:absolute; top:0; bottom:0; right:0; left:0; background:url(../images/pattern.jpg); background-attachment:fixed;}
.footer_innertotal{ padding:30px 20px; background:#1A1A1A; position:absolute; top:-50px; left:0; right:0; z-index:2; width:1170px; margin:0 auto;}
.footertop_inner{ width:100%; display:inline-block; padding:30px 0;}
.footertop_left{ width:65%; float:left;}
.footertop_leftinner p{ color:#787878; font-size:13px; margin-bottom:15px; }
.footertop_leftinner li{ float:left; }
.footertop_leftinner li a{ display:inline-block; margin-right:10px;}
.footertop_leftinner li i{ color:#fff; font-size:18px; transition:0.5s all ease-in-out;}
.footertop_leftinner li i:hover{ color:#EFBB20;}
.footertop_leftinner{ width:33%; float:left; padding-right:1%;}
.footertop_leftinner1 li{ float:none; line-height:30px;}
.footertop_leftinner1 li a{ color:#888888; transition:0.5s all ease-in-out;}  
.footertop_leftinner1 li i{ font-size:13px; color:#888; margin-right:10px;}
.footertop_leftinner1 li a:hover{ color:#EFBB20;}
.footertop_leftinner h2{ color:#fff; font-size:18px; text-transform:uppercase; }
.footertop_leftinner em{ background:url(../images/border2.png); height:5px; width:100%; margin:10px 0; display:inline-block;}
.footertop_right{ float:right; width:35%;}
.footertop_right img{ width:100%;}
.footer{ width:100%; display:inline-block; background:#222222; padding:15px 0; z-index:3; position:absolute; bottom:0;}
.footer_left{ float:left;}
.footer_left span{ color:#ccc; font-size:13px;}
.footer_right{ float:right; padding:0 3px;}
.footer_right a{ color:#fff;}
.webspa{ color:#EFBB20;}

/*ABOUT*/
.about{ width:100%; display:inline-block; margin:80px 0 60px 0;}
.about h1{ text-align:center; position:relative; text-transform:uppercase; color:#282828;}
.about h1::before{ position:absolute; width:10%; height:1px; background:red; content:""; left:-25%; right:0; top:-10px; margin:0 auto; text-align:center;}
.about h1::after{ position:absolute; width:10%; height:1px; background:red; content:""; right:-25%; left:0; bottom:-10px; margin:0 auto; text-align:center;}
.about_inner{ width:100%; display:inline-block; margin:80px 0 50px 0;}
.about_left{ float:left; width:31%; margin:0 2% 0 0; padding:20px; position:relative; z-index:1; background:#812D1D; overflow:hidden; min-height:220px; } 
.about_content{ float:left; width:75%;}
.about_content p{ font-family:PT_Sans-Web-Regular; font-size:14px; color:#fff; padding:0 5px;}
.about_icon{ float:right; bottom: 0; float: right; padding: 100px 0; position: absolute; right: 0; top: 0; width:10%; background:#EFBB20; text-align:center;}
.about_icon::before{ top:100px; bottom:0; left:-70px; content:""; border-width:130px 75px 130px 0; border-style:solid; position:absolute;
 border-color:transparent #EFBB20 transparent transparent; z-index:-1; transform:translate(0px, -50%);}
.about_icon i{ color:#fff; font-size:35px; position:relative; left:-17px}

/*VISION*/
.vision{ width:100%; display:inline-block; padding:80px 0; background:#f5f5f5;}
.vision h2{ padding:5px 0; position:relative; text-align:center; color:#282828;}
.vision h2::before{ position:absolute; width:10%; height:1px; background:red; content:""; left:-25%; right:0; top:-10px; margin:0 auto; text-align:center;}
.vision h2::after{ position:absolute; width:10%; height:1px; background:red; content:""; right:-25%; left:0; bottom:-10px; margin:0 auto; text-align:center;}
.vision_inner{ width:100%; display:inline-block; margin:50px 0;}
.vision_left{ float:left; width:50%; padding-right:1%; overflow:hidden;}
.vision_image{ width:100%; position:relative;}
.vision_content{ position:absolute; top:20px; left:40px; bottom:20px; right:0; background:#EFBB20; padding:15px 30px;}
.vision_content h3{ color:#fff; font-size:18px;}
.vision_image em{ transform:scale(1); display:block; transition:0.5s all ease-in-out;}
.vision_left:hover .vision_image em{ transform:scale(1.1);}
.vision_image img{ width:50%;}
.vision_content p{ color:#fff; line-height:25px; margin:10px 0 0 0;}

/*CONTACT*/
.contact{ width:100%; display:inline-block; padding:50px 0; background:url(../images/contact_bg.jpg) no-repeat; background-size:cover; background-attachment:fixed; position:relative; z-index:1} 
.contact::before{ position:absolute; top:0; left:0; right:0; bottom:0; content:""; background:rgba(249,249,249,0.9); width:100%; height:100%; z-index:-1}
.contact_inner{ width:100%; display:inline-block;}
.contact_left{ float:left; width:50%;}
.contact_right{ float:left; width:50%;}
.contact h2{ color:#444444; margin-bottom:10px; font-size:24px; text-transform:uppercase;}
.contact_left span{ margin:10px 0; display:block; color:#555555; font-size:15px;}
.contact_icontotal{ width:100%; display:inline-block; margin:20px 0;}
.contact_icon{ float:left; width:15%; margin:-3px 0;}
.contact_icon i{ width:82px; line-height:82px; text-align:center; margin:0 auto; background:#EFBB20; border-radius:50%; font-size:25px; color:#fff;}
.contact_content{ float:left; width:85%; padding-left:2%;}
.contact_content p{ font-family:Montserrat-Bold; color:#444444;}
.contact_bold{ color:#C91C1C;}
.contact_bold1{ display:block;}
.contact_rightinner{ width:100%; display:inline-block;}
.contact_name{ width:50%; float:left; padding-right:15px; }
.contact_nameinner{ width:100%; display:inline-block;}
.contact_nameinner li{ margin-bottom:15px; }
.contact_nameinner input{ color:#000; padding:20px 40px; width:100%; border-radius:40px; background:#F9F9F9;}
.contact_mess{ float:left; width:50%;}
.contact_nameinner textarea{  width:100%;  background:#F9F9F9; font-size:12px; padding:20px 40px; height:200px; resize:none;  display:inline-block}
.submit input[type="submit"]{ margin:10px 0; width:100%; background:#C91C1C; border-radius:40px; padding:20px 40px; text-transform:uppercase; color:#fff;  font-family:Montserrat-Bold; cursor:pointer; transition:0.5s all ease-in-out;}
.submit input[type="submit"]:hover{ background:#444444;}

/*MANAGER*/
.manager{ width:100%; display:inline-block; margin:80px 0 60px 0; background:#000;}
.manager_inner{ width:100%; display:inline-block; margin:50px 0;}
.manager h2{  padding:5px 0; position:relative; text-align:center; color:#EFBB20;}
.manager h2::before{ position:absolute; width:10%; height:1px; background:red; content:""; left:-25%; right:0; top:0px; margin:0 auto; text-align:center;}
.manager h2::after{ position:absolute; width:10%; height:1px; background:red; content:""; right:-25%; left:0; bottom:-10px; margin:0 auto; text-align:center;}
.manager_left{ width:31.333%; float:left; position:relative; overflow:hidden; margin-right:1%;}
.manager_left img{ width:100%;}
.manager_leftinner{ position:absolute; top:81%; left:0; right:0; bottom:0; background:rgba(26,26,26,0.8); transition:0.5s all ease-in-out;} 
.manager_left:hover .manager_leftinner{ top:0;}
.manager_icon{ width:20%; float:left;}
.manager_icon i{ width:50px; line-height:50px; text-align:center; margin:0 auto; background:#812D1D;font-size:25px; color:#fff;}
.manager_content{ width:80%; float:left; padding:10px 10px;}
.manager_content h3{ font-size:20px; color:#fff; margin-bottom:20px;}
.manager_content h4{ font-size:18px; color:rgb(239,239,239);}
.manager_content p{ color:#ccc; margin:5px 0;}

.list{ width:100%; display:inline-block; margin:0px 0 80px 0;}
.list_inner{ width:100%; display:inline-block;} 
.list_left{ width:25%; float:left;}
.list_left1{ width:50%;}
.list_left i{ font-size:15px; padding-right:15px; color:rgb(201,28,28);}
.list_leftinner{ width:100%; display:inline-block;}
.list_leftinner li{ margin:15px 0;}
.list_leftinner h3{ margin:10px 0 20px 0; display:block; font-size:20px; color:#812D1D; }
.list_leftfollow{ width:100%; display:inline-block;}
.list_leftfollow h3{ margin:10px 0 10px 0; display:block; font-size:20px; color:#812D1D; }
.list_leftfollowinner{ width:33%; float:left;}
.list_leftfollowinner h4{ font-size:20px; color:rgb(148,40,26);}
.list_leftfollow li{ margin:15px 0;}
.list_leftfollow i{ font-size:15px; padding-right:15px; color:rgb(201,28,28);}

.maintain{ width:100%; display:inline-block; margin:50px 0;}
.maintain_inner{ width:100%; display:inline-block;}
.maintain_right h2{ margin:10px 0; font-size:22px;}
.maintain_left{ float:left; width:40%;}
.maintain_right span{ display:block;}
.maintain_leftinner{ width:100%; display:inline-block;}
.maintain_leftinnerleft li{  float:left; width:33%;}
.maintain_leftinnerleft i{ width:12% !important; float:left;}
.main_new span{ float:left; width:88%;}
.maintain_leftinner li em{ float:left; width:95%; font-style:normal; margin:2px 0;}
.maintain_leftinner i{  float:left; width:5%; margin:8px 0; color:#EFBB20;}
.maintain_leftinner h4{ font-size:17px; margin:5px 0; color:#812D1D;}
.maintain_leftinnerleft i{}
.maintain_leftinner li{  line-height:30px;}
.maintain_right{ float:left; width:60%; padding-left:50px;}
.maintain_right img{ width:100%;}

.hide{display:none;}
.gallery_page { display:inline-block; width:100%; padding:50px 0 90px 0; background-color:#fff;}
.gallery_page h2{ font-size:20px; margin:35px 0 10px 0; text-align:center; color:#96243A; text-transform:uppercase;}
.gallery_page h1{ text-align:center; position:relative; text-transform:uppercase; color:#282828;}
.gallery_page h1::before{ position:absolute; width:10%; height:1px; background:red; content:""; left:-25%; right:0; top:-10px; margin:0 auto; text-align:center;}
.gallery_page h1::after{ position:absolute; width:10%; height:1px; background:red; content:""; right:-25%; left:0; bottom:-10px; margin:0 auto; text-align:center;}
.fancy_box { float:left; width:33%; min-height:400px;}
.fancy_box1{ float:left; width:33%;}
.fancy_box2{ float:left; width:33%; min-height:400px;}
.fancy_box3{ float:left; width:33%;}
.fancy_box4{ float:left; width:33%;}
.fancy_box span{ font-size:16px; display:block; font-family:PT_Sans-Web-Bold; text-transform:uppercase; padding-bottom:20px; text-align:center; color:#922919; min-height:60px}
.fancy_box1 span{ font-size:16px; display:block; font-family:PT_Sans-Web-Bold; text-transform:uppercase; padding-bottom:20px; text-align:center; color:#922919;min-height:60px}
.fancy_box2 span{ font-size:16px; display:block; font-family:PT_Sans-Web-Bold; text-transform:uppercase; padding-bottom:20px; text-align:center; color:#922919; min-height:60px}
.fancy_box3 span{ font-size:16px; display:block; font-family:PT_Sans-Web-Bold; text-transform:uppercase; padding-bottom:20px; text-align:center; color:#922919;min-height:60px}
.fancy_box4 span{ font-size:16px; display:block; font-family:PT_Sans-Web-Bold; text-transform:uppercase; padding-bottom:20px; text-align:center; color:#922919;min-height:60px}
.gallery_page img{ width:100%;}
.gallery_page li{ padding:0 1%; width:100%;}
.fancy_box li { float:left;  width:100%; box-sizing:border-box; position:relative;}
.fancy_box li:hover {}
.fancy_box li img { width:100%;}
.gallery_inner { position:absolute; left:0; top:0; z-index:-1;}

.facility{ width:100%; display:inline-block; margin:50px 0;}
.facility_inner{ width:100%; display:inline-block;}
.facility_left{ float:left; width:25%; position:relative;}
.facility_left img{ width:100%;}
.facility_leftinner{ position:absolute; bottom:0; right:0; left:0; background:#fff;}
.facility_leftinner h2{ font-size:16px}