@import url('bootstrap.min.css');
@import url('fontawesome-all.min.css');
@import url('fancybox.css');

@import url('https://fonts.googleapis.com/css?family=Poppins:300,300i,400,500,700');
/* font-family: 'Poppins', sans-serif; */
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
/* font-family: 'Roboto', sans-serif; */

body{ font-size: 15px; font-family: 'Poppins', sans-serif;}
*{ outline: none !important; text-decoration: none  !important; }

p, li, a, .table{font-family: 'Roboto', sans-serif;}

img{ max-width: 100%; }
#main_site{}
#loading_gif{
	position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 99999; background-image: url(../images/load.gif); background-repeat: no-repeat; background-size: 60px; background-position: center;
}
#loading_gif img{ position: absolute; top: 50%; left: 50%; width: 100px; transform: translate(-50%, -50%); }
header{
	position: relative; box-shadow: 0 0 15px rgba(0,0,0,0.08);
	left: 0; right: 0; top:0; z-index: 565;
}
.hm-hed{ position: absolute !important; }
.hed_con{width: 100%; background-color: #f8f9fa;}
.navbar{padding:0; background-color: #fff; border-top: 1px solid #f0f0f0;}
.navbar-brand{ position: relative;}
.navbar-brand img{ max-width: 180px;}
.menu_wrap{ float: right; }
.navigation {
    margin:25px -38px 0 -8px; padding: 0; list-style: none; overflow: hidden;
}
.navigation > li{ margin:0 8px; }
.navigation > li > a {
    display: block; padding: 0; color: #000; font-family: 'Poppins', sans-serif; font-weight: 400; text-transform: uppercase;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff; transition: all ease 0.2s;
}
.navigation > li > a:hover, .navigation > li.active > a { color:#0893c7 !important; }

.call_tp{ font-size: 13px; margin:6px 0 0 0; }
.tp_social{ margin:0 -5px; font-size: 13px; vertical-align: middle;}
.tp_social p{ margin: 0; }
.tp_social a{
	display: inline-block; padding:5px 10px; font-size: 16px; color: #303030; border-left: 1px solid rgba(0,0,0,0.1); text-align: center;
}
.tp_social a:hover{ color: #0893c7 !important; }


.banner{background-color: #f5f5f5;position: relative;}
.inn_bnn{ min-height:150px; background-color: #f9f9f9; background-image: url(../images/bnn_bg.png); }

.page_hed_wrap{
	position: absolute; top: 50%; left: 0; right: 0;
	transform: translateY(-50%);
}
.page_hed h1{ text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 300;}
.page_hed h2{ text-transform: uppercase; color: #fff; font-size: 30px; font-weight: 300;}
.slides{position: relative;}.slides img{ width: 100%;}
.bn_capt{
	position: absolute; left: 0; right: 0; top: 50%;
	transform: translateY(-50%);
}
.bn_capt .bn_cap_wrap{ max-width: 500px; }
.bn_capt .bn_cap_wrap h3{
	font-size:50px; font-weight:400; color: #202020; position: relative; 
	-webkit-transition: all 1.5s 1.3s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s 1.3s cubic-bezier(.19,1,.22,1);-o-transition: all 1.5s 1.3s cubic-bezier(.19,1,.22,1);
	-ms-transition: all 1.5s 1.3s cubic-bezier(.19,1,.22,1);transition: all 1.5s 1.3s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transform: translateY(100px);
	opacity: 0;
}
/*.bn_capt .bn_cap_wrap h3:before{ position: absolute; left: 0; width: 100px; bottom:2px; border-bottom: 1px solid #dfdfdf; content: ''; }
.bn_capt .bn_cap_wrap h3:after{ position: absolute; left: 0; width: 180px; bottom: 0; border-bottom: 1px solid #dfdfdf; content: ''; }*/
.bn_capt .bn_cap_wrap p{
	color: #505050; font-size: 14px; font-weight:500; margin-bottom: 30px;
	-webkit-transition: all 1.5s 1.1s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s 1.1s cubic-bezier(.19,1,.22,1);transition: all 1.5s 1.1s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transform: translateY(100px);
	opacity: 0;
}
.bn_capt .bn_cap_wrap a{
	font-weight: 400; color: #fff; padding: 8px 25px; box-shadow: none; background-color: transparent; position: relative; overflow: hidden;
	background-color: #00aeef; font-size: 13px; text-transform: uppercase;
	-webkit-transition: all 1.5s 0.9s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s 0.9s cubic-bezier(.19,1,.22,1);transition: all 1.5s 0.9s cubic-bezier(.19,1,.22,1);
	-webkit-transform: translateY(100px);-moz-transform: translateY(100px);transform: translateY(100px);
	opacity: 0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.bn_capt .bn_cap_wrap a i{ margin: 0 0 0 10px; }
.bn_capt .bn_cap_wrap a:hover{ background-color: #505050; color:#fff; }
.slick-current .bn_capt .bn_cap_wrap h3{
	-webkit-transform: none;-moz-transform: none;transform: none; opacity: 1;
	-webkit-transition: all 1.5s 0.3s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s 0.3s cubic-bezier(.19,1,.22,1);transition: all 1.5s 0.3s cubic-bezier(.19,1,.22,1);
}
.slick-current .bn_capt .bn_cap_wrap p{
	-webkit-transform: none;-moz-transform: none;transform: none; opacity: 1;
	-webkit-transition: all 1.5s 0.5s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s 0.5s cubic-bezier(.19,1,.22,1);transition: all 1.5s 0.5s cubic-bezier(.19,1,.22,1);
}
.slick-current .bn_capt .bn_cap_wrap a{
	-webkit-transform: none;-moz-transform: none;transform: none; opacity: 1; 
	-webkit-transition: all 1.5s 0.8s cubic-bezier(.19,1,.22,1);-moz-transition: all 1.5s 0.8s cubic-bezier(.19,1,.22,1);transition: all 1.5s 0.8s cubic-bezier(.19,1,.22,1);
}

.bn_capt .bn_cap_wrap a:hover{color: #fff;}
.bn_capt .bn_cap_wrap a:hover:bafore{ height: 100%; -webkit-transform: translateX(-120%);-moz-transform: translateX(-120%);transform: translateX(-120%); }
.bn_capt .bn_cap_wrap a:hover:after{ -webkit-transform: none;-moz-transform: none;transform: none; }

.hm_special{ margin:0; padding: 0; list-style: none; }
.hm_special li{ border-radius: 20px; margin: 20px 0; box-shadow: 0 2px 5px rgba(0,0,0,0.08); overflow: hidden;}
.hm_special li .hm_special_wrap{ padding: 10px 20px 10px 20px; overflow: hidden; background-color: #fff;}
.hm_special li .hm_special_wrap div.hm_special_wrap_icon{
	float: left; margin: 0 20px 0 0; padding:0 0 0 0; border:1px solid #dfdfdf; border-radius: 50%; padding: 0;
	max-width:110px; width: 100px; height: 100px; background-position: center; background-size: contain;
}
.hm_special li:nth-child(1) .hm_special_wrap_icon{ background-image: url(../images/spec_1.png); }
.hm_special li:nth-child(2) .hm_special_wrap div.hm_special_wrap_icon{background-image: url(../images/spec_2.png);}
.hm_special li:nth-child(3) .hm_special_wrap div.hm_special_wrap_icon{background-image: url(../images/spec_3.png);}

.hm_special li:hover:nth-child(1) .hm_special_wrap div.hm_special_wrap_icon{background-image: url(../images/spec_1_anim.gif);}
.hm_special li:hover:nth-child(2) .hm_special_wrap div.hm_special_wrap_icon{background-image: url(../images/spec_2_anim.gif);}
.hm_special li:hover:nth-child(3) .hm_special_wrap div.hm_special_wrap_icon{background-image: url(../images/spec_3_anim.gif);}

.hm_special li .hm_special_wrap h3{ font-size: 18px; text-transform: uppercase; margin:15px 0 10px 0; color: #000;}
.hm_special li .hm_special_wrap p{ font-size: 14px; }
.fan_rotate{
	position: relative; top: 50%;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);transform: translateY(-50%);
}
.fan_rotate:before{
	position: absolute; left:50%; top: 50%; width:76%; height:76%; content:''; background-image: url(../images/fan_body.png); background-repeat: no-repeat;
	z-index: 5; background-size: contain;
	transform: translate(-50%, -50%);
	animation: rotate 1.5s linear infinite;
}

.hed_type1{color: #0592c2; text-transform: uppercase;}
.hed_type1 h2{ font-weight: 300;}
.vertical_center_align{ 
	top: 50%; position: relative;
	transform: translateY(-50%);
}
.btn_read{ border:1px solid #dfdfdf; font-size: 14px; padding:8px 30px; color: #404040; border-radius: 3px;}
.btn_read:hover{}


.pro_hm_scrol{ margin: 0 50px; padding:0; list-style: none; }
.pro_hm_scrol li{padding:20px 10px;}
.pro_hm_scrol li a{ display: block; }
.pro_hm_scrol li a div{
	height: 230px; position: relative; display: block; background-color: #fff; border:1px solid #fff;
	transition: all ease 0.2s;
}
.pro_hm_scrol li a:hover > div{ border-color: #00aeef; }
.pro_hm_scrol li a:hover p{ color: #00aeef; }
.pro_hm_scrol li a p{ font-size: 16px; font-weight:500; margin: 15px 0; text-align: center; color: #505050;transition: all ease 0.2s;}
.pro_hm_scrol li a img{ position: absolute; left: 50%; top: 50%; max-width:180px; transform: translate(-50%, -50%); }

.pro_hm_scrol .slick-prev{ background-color: #ccc; width: 40px; height: 40px; border-radius: 50%; left: -60px;}
.pro_hm_scrol .slick-next{ background-color: #ccc; width: 40px; height: 40px; border-radius: 50%; right: -60px;}
.pro_hm_scrol .slick-prev:before, .pro_hm_scrol .slick-next:before{ width: 10px; height: 10px; margin-top: 10px; }
.pro_hm_scrol .slick-prev:hover:before, .pro_hm_scrol .slick-next:hover:before{ border-color: #fff; }
.pro_hm_scrol .slick-prev:hover, .pro_hm_scrol .slick-next:hover{ background-color: #0592c2; }


.pro_wrap_list{ margin: 0 -10px;}
.pro_wrap_list > div{
	padding:10px;
}
.pro_wrapper:hover{
	background-color: #fff; box-shadow: 0 6px 13px rgba(0,0,0,0.08);
	border:1px solid #f0f0f0;
	transform: translateY(-2px);
}
.pro_wrapper{
	display: block;color: #303030;  border:1px solid #f9f9f9;
	transition: all ease 0.2s;
}

.pro_wrapper .pro_det_wrap{ min-height: 100px; padding:0 15px; text-align: center; }
.pro_wrapper .pro_det_wrap h3{ text-transform: uppercase; font-size: 18px; color: #36a3ba;}
.pro_wrapper .pro_det_wrap p{ font-size: 13px; }

.pro_wrapper h3{ font-size: 20px; }
.pro_wrapper img{ margin: 15px 0; }
.pro_wrapper p{ font-size: 14px; }
.pro_wrapper a.btn{   color: #000; position: relative; padding:0; font-size: 14px; box-shadow: none !important; margin-bottom: 15px;}
.pro_wrapper a.btn span{
	width: 30px; height: 30px; display: inline-block; font-size: 19px;  border-radius: 50%; vertical-align: middle;
	border:1px solid #dfdfdf; margin: 0 0 0 5px;
	transition: all ease 0.2s;
}
.pro_wrapper a.btn:hover span{ background-color: #00aeef; border-color: #00aeef; color: #fff; font-style: italic;}

.pro_cat_wrapper{ padding: 0;  border:1px solid #fff;}
 .pro_cat_pic{ background-color: #f8f9fa; padding:6px 25px;  margin-bottom: 15px; overflow: hidden;}
.pro_cat_wrapper p{ padding:0 15px; }
.pro_cat_wrapper h3{ margin-left: 15px; margin-bottom: 18px; padding-bottom:5px; color: #36a3ba; position: relative;}
.pro_cat_wrapper h3:before{ position: absolute; left: 0; bottom: 0; width: 100px; border-bottom: 1px solid #36a3ba; content: ''; }

.pro_wrapper .btn_fact{padding-bottom: 15px;}
.pro_wrapper .btn_fact a{border:1px solid #dfdfdf; color: #404040; border-radius: 0; padding:5px 13px; margin: 0 5px; font-size: 13px;}
.pro_wrapper .btn_fact a:hover{ background-color: #36a3ba; color:#fff; border-color: #36a3ba; }


.pros_cat_det_pro{ background-color: #f9f9f9 !important; }
.aside_wrap{/* background-color: #f8f9fa; box-shadow: -5px 0 15px inset rgba(0,0,0,0.01);*/ }
.pro_cat_nav_wrap{background-color: #fff; border:1px solid #f0f0f0;}


.bread_wrap{ border-bottom:1px solid #f0f0f0;}
.bread_wrap ol{ background-color: transparent; margin: 0;}
.bread_wrap ol li{ font-weight: 200; font-size: 14px; font-family: 'Roboto', sans-serif;}
.bread_wrap ol li.active, .bread_wrap ol li.active a{ color:#00aeef ; }
.bread_wrap ol li a{ color: #202020; }
.bread_wrap ol li:hover a{ color:#00aeef ;}

.right_pro_list{background-color: #fff; border:1px solid #f0f0f0;}
.right_pro_list .pro_wrap_list .pro_det_wrap{ min-height: 0 !important; }
.right_pro_list .pro_wrap_list .pro_det_wrap h3{ margin-bottom: 20px !important; }


.products_info_wrap h5{ font-size: 18px; margin: 10px 0 10px 0; font-weight: normal;}
.prod_info_list{ margin: 0 0 15px 0; padding:0 0 0 15px;  font-family: 'Roboto', sans-serif; }
.prod_info_list li{ margin:5px 0; font-size: 14px;}
.prod_info_list li span{  color:#565656 ;}
.price-info{ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding:8px 0; margin: 0; }
.price-info > div{ padding:0; border-left: 1px solid #dfdfdf; }
.price-info > div:nth-child(1){ border-left: none; }
.price-info p{ margin: 0; font-size: 14px; }
.price-info p span{ display: block; font-size: 18px; font-weight: 600; }
.price-info .buy_btn{ width: 150px; background-color: #00aeef; color: #fff !important; text-transform: uppercase; border:none; margin: 5px 0 0 0; box-shadow: none;}
.price-info .buy_btn:hover{ background-color: #303030; }

.full_spec_info{ display: none; }

.fullSpec{ background-color: #00aeef; color: #fff !important; box-shadow: none !important; border-radius: 5px; margin-bottom: 30px;}


.tect_bg{ background-image: url(../images/slider-1.jpg); background-size: cover; background-attachment: fixed;  }
.tect_bg .container h3{  }
.tech_hed{ margin: 0 0 20px 0; color: #0056b3;}
.tech_spec{  }
.tech_spec > .row{ margin: 0; padding:0 0px;}
.tech_spec > .row > div{ padding:10px 15px; }
.tech_spec > .row .col-lg-3{ border-right: 1px solid #f0f0f0; }
.tech_spec > .row h5{
	font-family: 'Roboto', sans-serif;  position: relative;
	-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);
	top: 50%;
}
.tech_spec > .row:nth-child(odd){ background-color: #f2f2f2; border-radius: 10px; }
.tech_spec > .row p strong{font-size: 13px; }
/*.tech_spec{ max-width: 580px; }
.tech_spec h4{ font-weight: 300; font-size: 20px; padding: 4px 15px; position: relative; background-color: #303030; margin: 0; color: #fff; }
.tech_spec table{ border: none; margin: 0;}
.tech_spec table tr{ background-color: #fff; border:none;}
.tech_spec table tr td{ border:none; }
.tech_spec table tr:nth-child(odd){ background-color: #f8f9fa; }*/
.tech_spec .table{ border:1px solid #dfdfdf; }
.tech_spec .table tr{ border-bottom: 1px solid #dfdfdf; }
.tech_spec .table td{ border:1px solid #dfdfdf !important; padding: 8px 10px;  }
.tech_spec .table td p{ margin: 0; }

.pro_gal_wrap{ width: 100%; max-width: 600px; margin: auto; }
.pro_det_slide_wrap{ font-weight: bold; text-align: center; }
.pro_thumbs .thumblist{ border:1px solid #dfdfdf; padding:10px; cursor: pointer; margin: 0 8px; border-radius: 20px; overflow: hidden;  }
.pro_thumbs .thumblist img{}
.pro_thumbs .thumblist.slick-current{ border-color: #0056b3; background-color: #f8f9fa;}

.row_wel_wrap{color: #fff; overflow: hidden;}
.row_wel_wrap h4{ font-weight: 300; }
.wel_wrap_txt h3{ color: #fff; position: relative;  text-transform: uppercase; }
/*.wel_wrap_txt h3:before{ position: absolute; bottom: 0; left: 0; width:100px; height: 1px; background-color:rgba(0,0,0,0.5); content: ''; }*/

.wel_wrap_txt p{ font-weight: 300; }

.latest_happenings{}
.latest_happenings h3{ text-transform: uppercase; color: #0592c2;}

.latest_happenings_list{ margin: 0; padding:0; list-style: none; overflow: hidden;}
.latest_happenings_list li{ padding: 15px 0;font-size: 14px; border-top: 1px dotted #dfdfdf;}
.latest_happenings_list li p{ margin:8px 0 0 0;   }
.latest_happenings_list li p a{ color: #000; font-size: 13px; }
.latest_happenings_list li p a span{font-style: italic; }
.latest_happenings_list li:nth-child(1){ border: none; }
.latest_happenings_list li p a:hover{ color: red; }


.men_sen{ position: relative; top: 50%; transform: translateY(-50%); }
.men_sen h4{ color: #04b0f0; font-weight: 300; font-size: 30px; }

.news_slidImg{ min-height:120px; background-color: #f8f8f8; }
.latest_hm_news .slid_l{
	opacity: 1; padding: 40px; cursor: pointer;
}
.latest_hm_news .slid_l.slick-center{
	opacity: 1;
}
.latest_hm_news .slid_l .slide_cont{
	 transition: all 0.5s ease; margin:100px auto 0 auto;
      width: 84%;
}
.latest_hm_news .slid_l.slick-center .slide_cont{
	margin:0; min-height: 300px; background-color: #fff; border-radius: 5px; overflow: hidden; border:1px solid #f0f0f0;
  -webkit-transform: translate(-70px, 0px);
          transform: translate(-70px, 0px);
  width: calc(100% + 150px);
  max-width: initial;
  box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

.latest_hm_news .slid_l .slide_cont .nes_txt{
	opacity: 0; padding:10px 15px; transition: all ease 1s; height: 100px; width: 400px;
	margin: 10px 0 0 0;
}
.latest_hm_news .slid_l .slide_cont .nes_txt a.btn{
	font-size: 14px; padding: 3px 15px; border:1px solid #dfdfdf; box-shadow: none !important; color: #303030;
}
.latest_hm_news .slid_l .slide_cont .nes_txt a.btn:hover{ background-color: #04b0f0; border-color: #04b0f0; color: #fff !important;}
.latest_hm_news .slid_l .slide_cont .nes_txt h4{ font-size: 18px; color: #04b0f0;}
.latest_hm_news .slid_l .slide_cont .nes_txt p{ font-size: 14px; }
.latest_hm_news .slid_l.slick-center .slide_cont .nes_txt{ opacity: 1; height: auto; }



.cnt_add_wrap{
	color: #404040; text-align: center;
}
.cnt_add_icon{
	width:80px; height:80px; border-radius: 50%; border:1px solid #00aeef; overflow: hidden;text-align: center;
	margin:0 auto 20px auto;
}
.cnt_add_icon  img{ max-width: 40px; margin: auto; position: relative;top: 50%; transform: translateY(-50%);}
.cnt_add_wrap p{ font-size: 14px; }
.cnt_add_wrap p a{ color: #303030; }

.contact_form{ padding:60px 40px 40px 40px; margin-top: -60px; background-color: #fff; position: relative; z-index: 56; }
.contact_form h4{ color: #303030; text-align: center; margin-bottom: 40px; }
.contact_form .form-control{ border-radius: 0px; font-size: 14px; font-family: 'Roboto', sans-serif; box-shadow: none !important; height: 50px;}
.contact_form textarea{ resize: none; height: 182px !important; }
.contact_form input.btn{
	padding:9px 50px; margin: 20px 0 0 0; background-color: #00aeef; color: #fff; text-transform: uppercase; box-shadow: none !important; font-size: 17px;
}
.contact_form label.error{ color: #f00 !important; font-size: 13px; }

.max-width_900px{ max-width: 900px; margin: auto; text-align: center; }
.abt_main_hed{ text-align: center; padding: 30px 0 0 0; margin: 0 0 30px 0 ; position: relative;} 

.abt_main_hed-next{ text-align: center;  margin: 0 0 30px 0 ; position: relative;} 

/*.abt_main_hed:before{
	position: absolute; top: 0; right: 0; left: 0; width: 15px; height: 15px; border-radius:3px; content: ''; background-color:#04b0f0;
	margin:auto; transform: rotate(-45deg);
}*/
.abt_main_hed h5{ font-weight: 300; color: #04b0f0; margin: 0;}
.abt_main_hed h2{ font-size:40px; margin: 0; text-transform: uppercase; font-weight: 300;}
.abt_main_hed h2 strong{ font-weight: 500;  }


.abt_main_hed-next h2{ font-size:40px; margin: 0; text-transform: uppercase; font-weight: 300;}
.abt_main_hed-next h2 strong{ font-weight: 500;  }

.abt_spects{ }
.abt_spects img{ max-width: 130px; margin-bottom: -40px; border-radius: 50%; background-color: #04b0f0; padding: 1px;}
.abt_spects_txt{ text-align: left; padding: 50px 0 0 0; border-top:1px solid #04b0f0;}
.abt_spects_txt p{ font-size: 14px; }


.video_abt{ max-width: 600px; margin:auto; }
.video_abt a{ display: block; position: relative; }
.video_abt a:hover:before{ background-color: red; }
.video_abt a:before{
	position: absolute; left: 50%; top: 50%; width:60px; height:40px; background-color: #303030; content: '';
	border-radius: 5px;
	transform: translate(-50%, -50%);
}
.video_abt a:after{
	position: absolute; left: 50%; top: 50%; content: ''; width: 0; height: 0;
	border-top: 10px solid transparent; border-bottom:10px solid transparent; border-left:19px solid #fff;
	transform: translate(-50%, -50%);
}


.careers_form{ padding: 30px; background-color: #f5f5f5; border-radius: 10px; border:1px solid #dfdfdf; }
.careers_form label{  font-family: 'Roboto', sans-serif; }
.careers_form .form-control{ box-shadow: none !important; font-size: 13px; border:1px solid #dfdfdf; height: 45px;border:1px solid #f0f0f0; }
.careers_form .btn{ padding: 4px 30px; text-transform: uppercase; letter-spacing: 1px; background-color: #04b0f0; color: #fff; box-shadow: none !important;}
.careers_form .btn:hover{ background-color: #404040; }
.careers_form label.error{ color: #f00 !important; font-size: 13px;}


.career_acc{}
.career_acc .card-header{ padding: 0; color: #303030; font-family: 'Roboto', sans-serif; }
.career_acc .card-header button{ color: #303030; width: 100%; text-align: left;}
.career_acc .card-header button:[aria-extended="false"]{opacity: 0; }


.lat_hapn_wrap{ margin: 20px 0; overflow: hidden; border:1px solid #dfdfdf;}
.lat_hapn_wrap p{ font-style: 13px; }
.lat_hapn_wrap h4{ font-size:20px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
.happen_pop_im{ margin:0 -8px; padding:0; list-style-type: none;}
.happen_pop_im li{ padding:8px; }
.happen_pop_im li a{ display: block; padding:5px; border:1px solid #dfdfdf; border-radius: 5px;}
.happen_pop_im li a img{ border-radius: 5px; }


.fn-cl{ border-bottom: 1px solid #dfdfdf; padding:10px 0; text-align: center; }

footer{
	background-color: #404040;
}
.ft_1{ background-color: #fff; border-top: 1px solid #f0f0f0;}
.ft_cer_col{  padding: 15px 15px; border-left: 1px solid #f0f0f0; }
.ft_cer_col i{ float: left; font-size: 25px; margin:6px 15px 0 0; color: #04b0f0; }
.ft_cer_col h4{  font-size: 15px; margin: 0; color: #101010;}
.ft_cer_col p{ font-size: 15px; font-weight: 300; margin: 0; color: #232323;}
.ft_2{}
.ft_2 p{ margin:20px 0;  font-weight: 300; font-size: 15px; color: #ccc; }

.social_media_links_ft{ margin:13px -5px 0 -5px; padding: 0; list-style: none; text-align: center; }
.social_media_links_ft li{margin: 0 5px; display: inline-block; vertical-align: middle; color: #dfdfdf; font-weight: 300;}
.social_media_links_ft li a{
	display: table; width: 35px; color: #fff; height:35px; border:1px solid #dfdfdf; border-radius: 50%; text-align: center;
	font-size:16px;
}
.social_media_links_ft li a i{ display: table-cell; vertical-align: middle; }

.notfound-content{text-align:center;width:100%;}
.notfound-content .number{font-size: 92px;font-weight: 500;}
.notfound-content .four{}
.notfound-content .zero{color:#36A3BA;}
.notfound-content .text{text-transform: uppercase;}
.notfound-content .fan_rotate{width: 170px;margin: 0 auto;top:0;transform:none;}

@media(max-width: 580px){
.bn_capt{ position:static !important;  transform: none; top: auto; padding: 30px 0;}
.bn_capt h3{ font-size:26px !important; font-weight: 900; }
.bn_capt p{ font-size: 14px !important; }
.show{width: 100% !important;}
.small-container{position: static !important; height: auto !important; overflow: visible !important; }
.small-img{ height: auto !important; }
}
@media(max-width: 768px){
.tp_social{ display: none; }
.latest_hm_news .slid_l .slide_cont{ margin: 0; width: 100%; }
.latest_hm_news .slid_l{ padding: 0 !important; }
.latest_hm_news .slid_l.slick-center .slide_cont{ width: 100% !important; transform: none; }
.nes_txt{ width: 100% !important; }
.fan_rotate{ max-width: 300px; margin: auto; }
.pro_hm_scrol li a > div{ border-color: #00aeef; }
}
@media(min-width:580px) and (max-width: 990px){
/*.bn_capt{ position:static !important;  transform: none; top: auto;}	*/
.bn_capt h3{ font-size:26px !important; font-weight: 900; }
.bn_capt p{ font-size: 14px !important; }
}
@media(max-width: 990px){
.pro_cat_nav_wrap{  background-color: transparent; border:none; }
.pro_cat_nav_list li{ font-size: 13px; margin: 2px 0; padding:3px 5px;}
.pro_cat_nav_list li a{ color: #303030; background-color: #fff; padding: 2px 4px; border:1px solid #dfdfdf; border-radius: 3px;}
.pro_cat_nav_list li.active a{ color: #f00; }
.breadcrumb li.breadcrumb-item{ font-size: 13px; }
.hm-hed{ position: static !important; }
.menu_wrap{
	padding:20px 10px 10px 20px; position: fixed; left:-100%; top: 0; width: 200px; overflow: auto; bottom: 0; z-index: 5; background-color: #36a3ba;
	height: 100vh !important; transform: none !important;
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
	transition: all ease 0.2s;
}
.menu_wrap.show{ left: 0; }
.navigation{ margin:0; padding: 0; list-style:none; }
.navigation li{ margin:8px 0; }
.navigation li a{ display: block; border: none; color: #dfdfdf;}

.navigation li:hover a, .navigation li.active a{ color: #fff !important; }
.navbar-toggler{ border:1px solid #f0f0f0; padding: 5px; float: right; margin:16px 0 0 0; border-radius: 0; width:40px; height: 35px;}
.navbar-toggler span{
	display: block !important;  height: 2px; opacity: 1 !important; background-color: #36a3ba; margin:4px 0;
	transition: all ease 0.2s;
}
.navbar-toggler[aria-expanded="true"] span:nth-child(1){
	transform: rotate(40deg) translate(2px, 2px);
}
.navbar-toggler[aria-expanded="true"] span:nth-child(2){ display: none !important; }
.navbar-toggler[aria-expanded="true"] span:nth-child(3){
	transform: rotate(-40deg) translate(1px, -3px);
}
.navbar .row{ margin-left: 0 !important; }
}
@media(min-width: 990px){
.pro_cat_nav_list li{width: 100%; border-top: 1px solid #f9f9f9;}
.pro_cat_nav_list li:nth-child(1){ border-top: none; }
.pro_cat_nav_list li a{ text-transform: uppercase; color: #303030; width: 100%; display: block; padding:8px 20px; font-family: 'Poppins', sans-serif;}
.pro_cat_nav_list li a:hover, .pro_cat_nav_list li.active a{ background-color: #36a3ba; color: #fff; }

.tpw_bnn{top: 10%; transform: none;}
.tpw_bnn .bn_cap_wrap{float: right;}
.tpw_bnn .bn_cap_wrap h3{ color: #fff; }
.tpw_bnn .bn_cap_wrap p{color: #dfdfdf;}
}


.mag_img > div:nth-child(3){
	background-color: #fff; z-index: 6896 !important; border:1px solid #565656; height:450px !important; width: 100vh !important; max-width: 680px !important;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	overflow: hidden;
}
#big-img{ max-width: 2000px !important; }




@keyframes rotate{
0%{ transform:translate(-50%, -50%) rotate(0); }
100%{ transform:translate(-50%, -50%) rotate(360deg); }
}

.magni_container { margin: 150px auto; }
.artwork {
 width:100px;
}
.mgnfr-portal {
 position:absolute; background-color: #f0f0f0;
 top:150px;
 left:250px;
}
.mgnfr-region{}
#button {
 background-color:#eaefea;
 color:#6e746e;
 font-family:'Open Sans', Tahoma;
 letter-spacing:1px;
 text-transform:uppercase;
}