@import url('/global/css/all.css');
@import url('/global/css/font-awesome.min.css');
html,*{margin:0;padding:0}
body{color:#222;font: 400 14px/22px Roboto, Arial;margin:0;padding:0}
h1,h2,h3,h4,h5,p, ul, li{margin:0;padding:0}
a{color:#36c;outline:none;text-decoration:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
img {border:none;outline:none;max-width:100%;height:auto;}
.clearfix:after{clear:both;content:" ";display:block;height:0;visibility:hidden}
* html .clearfix{height:1%;}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	}
@font-face {
font-family:ChakraPetch-Bold;
src:url('/font/ChakraPetch-Bold.ttf') format('truetype');
font-weight:normal;
 font-style:normal;
}
@font-face {
    font-family:ChakraPetch;
    src:url('/font/ChakraPetch-Regular.ttf') format('truetype');
    font-weight:normal;
    font-style:normal
}
@font-face {
    font-family:ChakraPetch-italic;
    src:url('/font/ChakraPetch-Italic.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}	
::-webkit-scrollbar {width: 6px; height: 6px; background: #f9f9f9;}
::-webkit-scrollbar-thumb {width: 6px; background-color: #c1c1c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
::-webkit-scrollbar-track {padding: 6px;}

/* ========== MAIN DIV THAT HOLDS THE ENTIRE MENU ========== */
.menu{}
.menu ul, .menu ol{margin:0;padding:0;list-style:none;}

.menu .left{float:left;}
.menu .right{float:right;}	
/* ========== DIV THAT HOLDS MAIN LINKS ========== */
.menu ul{/*position:relative;*/}
/* ========== MAIN LINKS ========== */
.menu ul li{float:left;position:relative;}
.pinherit{position: inherit !important;}
	
.menu ul li.menu_right{position:relative;}
.menu > ul > li a{
	position:relative;
	display:block;
	margin:0;
	padding:11px 10px 9px;
	font:400 15px/22px Roboto, Arial;
	color:#444;
	text-decoration:none;
    text-transform: uppercase;
	}
.menu > ul > li a.new{
	position:relative;
	display:block;
	margin:0;
	padding:11px 35px 9px 15px;
	font:500 15px/22px Roboto, Arial;
	color:#444;
	text-decoration:none;
    text-transform: uppercase;
	}
.menu > ul > li a span.new{display:block;width:35px;position:absolute;right:2px;top:2px;}
.menu > ul > li a span.new img{display:block;width:100%;border:none;}
.menu ul > li i{padding-right:8px;font-size:15px;}
.menu ul > li i.mmn{display:none;position:absolute;right:0;top:12px;padding:0;}
/* ========== MAIN LINKS ON MOUSEOVER ========== */
.menu ul li:hover > a{background:#fff;color:#f00;}

/* ========== MAIN LINKS ON MOUSE CLICK ========== */	
.menu ul li a:active, .menu ul li.active a:active{}
/* ========== CLASSIC/MEGA MENU ========== */
.menu ul li:last-child ul{right:0;}
.menu ul ul, .menu .mega_menu{
	position:absolute;
	top: 52px;
	visibility:hidden;
	opacity:0;
	z-index:997;
	background: #fff;
    border-left: solid 0px #232323;
    border-right: solid 0px #232323;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -moz-box-shadow: 0 3px 3px rgba(45,45,45,.3);
    box-shadow: 0 3px 3px rgba(45,45,45,.3);
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	}
/* ========== MEGA MENU ========== */		
.menu .mega_menu{
	padding:9px 0 9px;
	border:none;
	border-top:solid 0 #004b09;
	border-bottom:solid 0 #004b09;
	}
/* ========== CLASSIC/MEGA MENU ON MOUSEOVER ========== */
.menu ul li:hover > ul{top:42px;visibility:visible;opacity:1;}
.menu ul li:hover .mega_menu{top:42px;visibility:visible;opacity:1;}
/* ========== LINKS IN CLASSIC MENU ========== */	
.menu ul ul li{float:none;position:relative;}
.menu ul ul li a{
	position:relative;
	background:rgba(255,255,255,1);
	min-width:180px;
	height:auto;
	margin:0;
	padding:5px 15px;
	font:400 14px/25px Roboto, Arial;
	color:#444;
	text-transform:none;
	border-bottom:#ccc 1px dotted;
	border-right:none;
	white-space:nowrap;
	}
.menu ul ul li:last-child a{border-bottom:dotted 0px #d2d2d2;}	
.menu ul ul li a i{position:absolute;right:12px;}
/* ========== LINKS ON MOUSEOVER IN CLASSIC MENU ========== */
.menu ul ul li:hover > a{}
.menu ul ul li:first-child:hover a{}	
/* ========== LINKS ON MOUSE CLICK IN CLASSIC MENU ========== */
.menu ul ul li a:active{color:#f2354b;}
/* ========== CLASSIC MENU LVL 2,3,4,... ========== */	
.menu ul ul ul li:first-child a{}
.menu ul ul ul{left:100%;top:20px;
	-webkit-box-shadow: 1px 0px 1px rgba(50, 50, 50, 0);
	-moz-box-shadow:    1px 0px 1px rgba(50, 50, 50, 0);
	box-shadow:         1px 0px 1px rgba(50, 50, 50, 0);
	border:solid 1px #e0e0e0;
	border-top:solid 0px #e0e0e0;
	border-left:solid 0px #e0e0e0;
	}
.menu ul ul li:hover ul{left:100%;top:0px;}
.menu ul ul ul li a{border-left:solid 1px #e0e0e0;border-bottom:solid 1px #e0e0e0 !important;}
.menu ul ul ul li:first-child a{border-left:solid 0px #e0e0e0 !important;}
.menu ul ul ul li:last-child a{border-bottom:solid 0px #e0e0e0 !important;}
/* ========== MEGA MENU ALIGNED TO THE RIGHT SIDE ========== */	
.menu ul li.menu_right .mega_menu{
	right:0;
	}	
/* ========== DIFFERENT SIZE OF MEGA MENU ========== */
.menu .size1{
	width:150px; /* + 10px from left and right side, width=170px */
	}
.menu .size2{
	width:250px; /* + 10px from left and right side, width=270px */
	}	
.menu .size3{
	width:350px; /* + 10px from left and right side, width=370px */
	}
.menu .size4{
	width:450px; /* + 10px from left and right side, width=470px */
	}
.menu .size5{
	width:550px; /* + 10px from left and right side, width=570px */
	}
.menu .size6{
	width:650px; /* + 10px from left and right side, width=670px */
	}
.menu .size7{
	width:750px; /* + 10px from left and right side, width=770px */
	}
.menu .size8{
	width:850px; /* + 10px from left and right side, width=870px */
	}
.menu .full_width{
	width:100%; /* + 10px from left and right side, width=980px. 980px is the width of the Menu */
	left:0;
	padding:5px 10px 15px;
	}	
/* ========== HEADINGS IN MEGA MENU ========== */
.menu h1, .menu h2, .menu h3, .menu h4, .menu h5, .menu h6{
	margin:0;
	font-family:Roboto, Arial;
	font-weight:normal;
	color:#ffff00;
	}
.menu h1{
	font-size:18px;
	}
.menu h2{
	font-size:16px;
	}
.menu h3{
	font-size:14px;
	}
.menu h4{
	font-size:13px;
	}
.menu h5{
	font-size:12px;
	}
.menu h6{
	font-size:12px;
	}
/* ========== CLASSIC LINKS IN MEGA MENU ========== */
.menu .mega_menu a{

	}
.menu .mega_menu a:hover{

	}
/* ========== IMAGES INSIDE LINK IN MEGA MENU ========== */		
.menu .mega_menu a img{
	margin:0;
	}
.menu .mega_menu a img:hover{
	}
.menu .mega_menu a img:active{
	}	
/* ========== TYPOGRAPHY IN MEGA MENU ========== */	
.menu .mega_menu p{
	margin:3px 0 6px 0;
	font-size:12px;
	color:#888;
	font-family:Tahoma, Geneva, sans-serif;
	}
.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
	margin:0 1%;
	padding:0 0 12px;
	float:left;
	}	
.menu .mega_menu .one{
	width:98%;
	}	
.menu .mega_menu .one_half{
	width:48%;
	}
.menu .mega_menu .one_thirds{
	width:31.33%;
	}	
.menu .mega_menu .two_thirds{
	width:64.67%;
	}
.menu .mega_menu .one_fourth{
	width:23%;
	}	
.menu .mega_menu .three_fourths{
	width:73%;
	}		
/* ========== IMAGES IN MEGA MENU ========== */		
.menu .mega_menu img{

	}
.menu .mega_menu img.left{

	}
.menu .mega_menu img.right{

	}
/* ========== PORTFOLIO IN MEGA MENU ========== */	
.menu .mega_menu .portfolio li{
	display:inline-block;
	vertical-align:top;
	width:12.5%;
	padding:5px;
	margin:0;
	float:none;
	*float:left;
	}	
.menu .mega_menu .portfolio li a{}
.menu .mega_menu .portfolio li a img{width:100%;margin:0;}
.menu .mega_menu .portfolio li p{margin:0;padding:8px 0;text-align:center}
.menu .mega_menu .portfolio li p a{font:400 14px/18px Roboto, Arial;color:#444;}
.menu .mega_menu .portfolio li p a:hover{color:#c40002;}
	
/* ========== LISTS IN MEGA MENU ========== */
.menu .mega_menu .list{
	display:inline-block;
	vertical-align:top;
	width:23%;
	margin:0 1%;
	padding:0;
	*float:left;
	}	
.menu .mega_menu .list li{
	width:100%;
	float:left;
	}	
.menu .mega_menu .list li.headline{padding:5px 0;}
.menu .mega_menu .list li.headline h3, .menu .mega_menu .list li.headline h3 a{
	font:500 14px/20px Roboto, Arial;
	color:#222;
	text-transform:uppercase;
	}
.menu .mega_menu .list li.headline h3 a{}
.menu .mega_menu .list li a{
	display:block;
	padding:5px 10px;
	font:400 14px/16px Roboto, Arial;
	color:#222;
	text-transform:none;
	text-decoration:none;
	border:none;
	}
.menu .mega_menu .list li:hover a{background:#f6f6f6;color:#ff891e;}
.menu .mega_menu .list li.headline h3:hover a{background:none;color:#ff891e;}
.menu .mega_menu .list li a:hover, .menu .mega_menu .list li.headline h3 a:hover{
	color:#ff891e;
	}

.menu .mega_menu .list li a:active, .menu .mega_menu .list li.headline h3 a:active{
	color:#ff891e;
	}
/* ========== BLOG IN MEGA MENU ========== */
.menu .mega_menu .blog_post{
	margin-bottom:10px;
	padding:5px;
	overflow:hidden;
	background:#029013;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	} 	
.menu .mega_menu .blog_post h2{
	margin-bottom:3px;
	padding-bottom:3px;
	color:#555;
	border-bottom:solid 1px #2E2E2E;
	}	
.menu .mega_menu .blog_post p{
	font-size:11px;
	color:#888;
	}
.menu .mega_menu .blog_post .read_more{
	margin-top:-5px;
	height:auto;
	float:right;
	font:11px Roboto, Arial;
	color:#555;
	text-decoration:none;
	}	
.menu .mega_menu .blog_post .read_more:hover{
	color:#ffff00;
	}
	
/* Animated CSS3 Mega Menu - Responsive */
	.menu input#dropdown, .menu label{
		display:none;
		position:absolute;
		top:1px;
		left:0px;
		width:46px;
		height:40px;
		}
	.menu input#dropdown{
		opacity:0;
		}
	.menu label{
		background: url('/images/icon_list.png') no-repeat center;
		background-position:11px 9px;
		padding:0 0 0 45px;
		font:400 20px/40px Roboto, Arial;
		color:#222;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		}
	.menu label:hover{
		cursor:pointer;
		}
	.menu input#dropdown:checked ~ label{
		background: url('/images/icon_listac.png') no-repeat center;
		color:#222;
		}
	.menu input#dropdown:checked ~ ul{
		display:block;
		}	
	.menu div.dropdown{
		display:none;
		position:absolute;
		top:0;
		left:0;
		right:0;
		margin:0;
		}
	.menu div.dropdown span{padding-left:50px;
		font:400 20px/40px Roboto, Arial;
		color:#fff;
		}
	.menu div.dropdown span a{
		color:#fff;
		}
	.menu div.flag{
		float:right;
		display:none;
		margin:9px 5px 0 0;
		}
	.menu div.flag img{
		margin:0 5px 0 0;
		}
@media only screen and (max-width: 1024px){
	.menu{
		width:100%;
		}
	.menu ul ul{
		margin:0;
		}
	.menu .mega_menu{
		width:auto;
		margin:0;
		}
	}
@media only screen and (max-width: 900px){

	.menu input, .menu label, .menu div.dropdown{display:block;}
	.menu div.flag{display:block;}
	.menu{
		width:100%;
		min-height:40px;
		height:100%;
		/*overflow:hidden;*/
		position:relative;
		}
	.menu ul{
		display:none;
		position: absolute;
		width:100%;
		top:43px;
		margin:0;
		padding:0 2%;
		float:none;
		background:#f6f6f6;
		z-index:997;
		}
	.menu ul > li{
		float:none;
		}
	.pinherit{position: relative !important;}
	.menu ul li.active a{background:rgba(0,0,0,0);color:#7d7d7d;}
	.menu ul li.active:hover a{background:rgba(0,0,0,0);color:#00a2e9;}
	.menu > ul > li:first-child a span{display:block}
	.menu > ul > li:first-child a i{display:none}
	.menu > ul > li:first-child a{
		width:100%;
		background: rgba(0,0,0,0);
		min-width:auto;
		height: auto;
		}
	.menu > ul > li:first-child a span{display:block}
	.menu ul li a{
		width:100%;
		background: rgba(0,0,0,0);
		min-width:auto;
		height: auto;
		padding:5px 15px !important;
		font:400 14px/20px Roboto, Arial;
		text-transform:uppercase;
		color: #7d7d7d;
		border-bottom:solid 1px #ccc;
		border-right: none;
		}
	.menu ul > li > a:before {display:none;}
	.menu ul > li > a:hover:before {display:none;}
	
	.menu ul > li i{display:block;position:absolute;right:0;top:0;color:#222;width:40px;height:40px;cursor:pointer;text-align:center;}
	.menu ul > li i:hover{color:#f00;}
	.menu ul > li i:before{width:40px;height:40px;line-height:40px;}
	
	.menu .mega_menu .portfolio li p {padding-bottom:0}
	.menu .mega_menu p,.menu .mega_menu .portfolio li p a {color: #222;border-bottom:none}
	.menu .mega_menu .portfolio li a {border-bottom:none}
	.menu ul > li > a div {display:inline-block;padding:0 0 0 5px;font:400 14px/14px Roboto, Arial;text-transform:uppercase;color:#fff;}
	.menu ul li:hover > a, .menu ul li.active:hover > a{
		color:#222;
		transform: scale(1) !important;
		}
	.menu ul li:first-child:hover > a{
		color:#222;
		transform: scale(1) !important;
		}
	.menu ul ul, .menu .mega_menu{
		display:none;
		position:static;
	    visibility:visible;
		opacity:1;
		margin:0;
		font-size:0;
		overflow:hidden;
		border:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
		/*background:#684a2b;*/
		}
	.smnac{display:block !important;visibility:visible !important;}
	
	.menu ul ul li{
		width:33.33333%;
		float:left;
		}
	.menu ul ul li a{
		width:100%;
		min-width:auto;
		height: auto;
		padding: 10px 20px !important;
		font:700 15px/20px Roboto, Arial !important;
		text-transform:none;
		color: #222;
		border-bottom:#ccc 1px dotted;
		border-right: none;
		}
	.menu ul ul li:last-child a {
		border-bottom:#ccc 1px dotted;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	.menu ul ul li:hover a{color:#ff891e;}
	.menu ul ul li:first-child:hover a{color:#ff891e;}
	.menu ul ul ul, .menu ul ul li a i{
		display:none;
		}
	.menu .mega_menu .one, .menu .mega_menu .one_half, .menu .mega_menu .one_thirds, .menu .mega_menu .two_thirds, .menu .mega_menu .one_fourth,.menu .mega_menu .three_fourths{
		display:inline-block;
		vertical-align:top;
		padding:0 0 12px;
		float:none;
		}	
	.menu .mega_menu{
		width:auto !important;}	
	.menu .mega_menu .portfolio li, .menu .mega_menu .list{
		margin:0;
		width:48%;
		margin:0 1% 2%;
		}
	}
@media only screen and (max-width: 750px) {
	.menu{width:100%}
	}
	
.clearfix {
	clear: both;
}
/* START HEADER */
#head{position:fixed;top:0;left:0;right:0;background:rgba(243,243,243,0.9);z-index:999;}
#head .box{position:relative;width:1200px;margin:0 auto;padding:0;}
#head .box .left{float:left;}
#head .box .left .logo{display:block;padding:40px 0;}
#head .box .left .logo img{display:block;max-height:20px;border:none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#head .box .right{float:right;padding:18px 0 0;}
#head .box .right .mnu{position:relative;height:42px;}
#head .box .right .mse{position:relative;text-align:right;}
#head .box .right .mse .mxh{display:inline-block;vertical-align:top;}
#head .box .right .mse .sebox{position:relative;display:inline-block;vertical-align:top;padding:6px 10px 16px 5px;}
#head .box .right .mse .sebox .icon{height:18px;cursor:pointer;}
#head .box .right .mse .sebox .icon svg{fill:#222;width:18px;height:18px;}
#head .box .right .mse .sebox .ibox{position:absolute;top:60px;right:0;visibility:hidden;opacity:0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	}
#head .box .right .mse .sebox:hover .ibox{top:40px;visibility:visible;opacity:1;}
#head .box .right .mse .sebox:hover .icon svg{fill:#ff0000;}

/* SEARCH BOX */
div.search{display:flex;padding:0;}
div.search .ditext{display: flex;flex-grow: 1;flex-basis: 0;vertical-align: middle;}
div.search .dibut{display:flex;width:auto;vertical-align:middle;}
div.search input {
	display:inline-block;
	width:200px;
    -webkit-appearance: none;
    background:#fff;
    border:#ccc 1px solid;
	border-right:none;
    outline: 0;
    margin: 0;
    padding:5px 10px 5px 12px;
	font:400 14px/20px Roboto, Arial;
	color:#444;
	overflow:hidden
}
div.search input::placeholder{font:400 14px/26px Roboto, Arial;color:#888;opacity:1;}
div.search input:-ms-input-placeholder{font:400 14px/26px Roboto, Arial;color:#888;}
div.search input::-ms-input-placeholder{font:400 14px/26px Roboto, Arial;color:#888;}

div.search button[type="submit"] {
	width:auto;
	height:32px;
     background:#dc0021;
	border:none;
    -webkit-appearance: none;
    outline: 0;
    margin: 0;
    padding:2px 15px 0;
	
	font:400 14px/20px Roboto, Arial;
	color:#fff;
	text-align:center;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
div.search button[type="submit"] i{font-size:15px;}
div.search button[type="submit"]:hover{color:#fff;}

#mid{width:100%;height:42px;background:#fff;padding:0;border-bottom:#ddd 0px solid;}
#mid .box{width:1200px;margin:0 auto;}
#mid .box .left{position:relative;background:#dc0021;width:22%;display:inline-block;vertical-align:top;padding:0;box-shadow:0 0 4px 0 rgba(0,0,0,0.2);}
#mid .box .left div.vmnu{display:block;}
#mid .box .left div.vmnu div.root{display:block;padding:5px 15px;font:600 14px/32px Roboto, Arial;color:#fff;cursor:pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
#mid .box .left div.vmnu div.root i.rl{padding-right:15px;}
#mid .box .left div.vmnu div.root i.rr{padding-left:15px;}
#mid .box .left div.vmnu div.root:hover{color:#ffe300;}
#mid .box .left div.vmnu ul{position:absolute;left:0;top:42px;right:0;margin:0;padding:3px 0;list-style:none;
	background:rgba(255,255,255,0.90);
	box-shadow:2px 0 4px 0 rgba(0,0,0,0.2);
	border: 1px solid #dc0021;
	border-top:none;
	z-index:990;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
	}
#mid .box .left div.vmnu ul li{position:relative;display:block;width:100%;margin:0;padding:0;list-style:none;}
#mid .box .left div.vmnu ul li a{position:relative;display:block;padding:5px 15px;font:400 16px/30px Roboto, Arial;color:#222;}
#mid .box .left div.vmnu ul li a:hover{background:#c3001d;color:#fff;}
#mid .box .left div.vmnu ul li a.sub:before{position:absolute;right:15px;top:12px;content:"\f105";
	display:inline-block;
	font:normal normal normal 14px/1 FontAwesome;
	font-size:inherit;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}
#mid .box .left div.vmnu ul li a.sub:hover:before{right:10px;}

#mid .box .left div.vmnu ul li ul{display:none;position:absolute;left:100%;top:0;right:auto;min-width:220px;margin:0;padding:0;list-style:none;
	background:rgba(255,255,255,1);
	box-shadow:1px 1px 1px 0 rgba(0,0,0,0.25);
	border:0px solid #ddd;
	border-top:none;
	z-index:991
	}
#mid .box .left div.vmnu ul li ul li{display:block;width:100%;margin:0;padding:0;list-style:none;}
#mid .box .left div.vmnu ul li ul li a{display:block;padding:5px 15px;font:400 15px/24px Roboto, Arial;color:#444;white-space:nowrap;}
#mid .box .left div.vmnu ul li ul li a img{float:left;display:block;height:18px;border:none;margin:5px 10px 5px 0;}
#mid .box .left div.vmnu ul li ul li a:hover{background:none;color:#dc0021;}

#mid .box .left div.vmnu ul li:hover ul{display:block;top:0;}

#mid .box .right{position:relative;width:78%;display:inline-block;vertical-align:top;padding:0 0 0 5px;}

#homeha{width:100%;}
#homeha .box{width:100%;margin:0 auto;}

#banpro{position:relative;width:100%;background-repeat:no-repeat !important;background-size:cover !important;}
#banpro .box{position:relative;display:block;padding:250px 0 150px;}
#banpro .box .ibox{background:rgba(0,0,0,0.7);display:block;width:50%;margin:0;padding:40px 50px;font:300 18px/28px Roboto, Arial;color:#fff;text-align:right;}
#banpro .box .ibox .title{margin:0;padding:5px 0;font:300 28px/28px Roboto, Arial;color:#fff;text-transform:uppercase;}
#banpro .box .ibox h1{margin:0;padding:5px 0;font:300 25px/45px Roboto, Arial;color:#fff;}
#banpro .box .ibox h3{margin:0;padding:5px 0;font:300 20px/30px Roboto, Arial;color:#fff;}
#banpro .box .ibox div,
#banpro .box .ibox p{margin:0;padding:5px 0;font:300 18px/28px Roboto, Arial;color:#fff;}
#banpro .box .ibox a{font:300 18px/28px Roboto, Arial;color:#fff;}
#banpro .box .ibox .mxhtit{margin:0;padding:5px 0;font:400 18px/28px Roboto, Arial;color:#fff;}
#banpro .box .ibox .mxh{margin:0;padding:5px 0;}

#banblank{position:relative;width:100%;height:81px;border-bottom:#ccc 1px solid;}

#banda{position:relative;width:100%;margin:80px 0 0;background-repeat:no-repeat !important;background-size:cover !important;}
#banda .box{position:relative;display:block;min-height:350px;text-align:center;}
#banda .box div{position:absolute;bottom:0;left:50%;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#banda .box div p{position:relative;margin:0;padding:0 0 25px;font:300 30px/40px Roboto, Arial;color:#fff;text-transform:uppercase;white-space:nowrap;}
#banda .box div p:before{position:absolute;bottom:0;left:50%;width:40px;height:2px;background:#fff;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#banda .box div span{display:inline-block;padding:35px 0 5px;}
#banda .box div span img{display:block;width:100%;border:none;}

#banda1{position:relative;width:100%;background-repeat:no-repeat !important;background-size:cover !important;}
#banda1 .box{position:relative;display:block;padding:250px 0 150px;}
#banda1 .box .ibox{background:rgba(0,0,0,0.7);display:block;width:50%;margin:0;padding:40px 50px;font:300 16px/24px Roboto, Arial;color:#fff;text-align:right;}
#banda1 .box .ibox .title{margin:0;padding:5px 0;font:300 28px/28px Roboto, Arial;color:#fff;text-transform:uppercase;}
#banda1 .box .ibox h1{margin:0;padding:5px 0;font:300 25px/45px Roboto, Arial;color:#fff;}
#banda1 .box .ibox h3{margin:0;padding:5px 0;font:300 20px/30px Roboto, Arial;color:#fff;}
#banda1 .box .ibox div,
#banda1 .box .ibox p{margin:0;padding:5px 0;font:300 16px/24px Roboto, Arial;color:#fff;}
#banda1 .box .ibox a{font:300 16px/24px Roboto, Arial;color:#fff;}
#banda1 .box .ibox .mxhtit{margin:0;padding:5px 0;font:400 16px/24px Roboto, Arial;color:#fff;}
#banda1 .box .ibox .mxh{margin:0;padding:5px 0;}

/* END HEADER */
:root {
  --primary-color: rgba(13, 110, 139, 0.75);
  --overlay-color: rgba(24, 39, 51 , 0.85);
  --menu-speed: 0.75s;
}

.clearfix:before,.clearfix:after{content:"";display:table;}

.clearfix:after{clear: both;}

.end {
	margin-top: 30px;
	font-size: 3em;
	font-weight: bold;
	opacity: 0;
	-webkit-transform: translateY(300px);
	    -ms-transform: translateY(300px);
	        transform: translateY(300px);
	-webkit-transition: opacity, -webkit-transform 1s;
	        transition: opacity, transform 1s;
	-webkit-transition-delay: 1s;
	        transition-delay: 1s;
}

header .header-top{background:rgba(255,255,255,1);padding:0 10px;position:fixed;top:0;left:0;right:0;z-index:12;height:80px;}
header .header-top .logo{position:absolute;left:50%;top:15px;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
header .header-top .logo img{display:block;height:50px;border:none;}
header .header-top .mnu1{float:left;}
header .header-top .mnu2{float:right;}
header .header-top .flag{float:right;padding:27px 15px 0 0;}
header .header-top .flag ul{padding:0;margin:0;list-style:none}
header .header-top .flag ul li{display:inline-block;width:auto;margin:0;padding:0 0 0 8px;vertical-align:top;/*font:400 16px/40px Arial, serif;color:#ccc;text-transform:uppercase;*/}
header .header-top .flag ul li a{display:block;padding:0;/*font:400 20px/40px Roboto, serif;color:#ccc;text-transform:uppercase;*/}
header .header-top .flag ul li a.active{color:#ccc;}
header .header-top .flag ul li a:hover{color:#ef4123;}
header .header-top .flag ul li a img{display:block;height:30px;border:none;}

header .header-top .mnu1{position:absolute;top:20px;left:45px;z-index:1;width:60px;height:60px;padding:1rem;display:flex;align-items:center;justify-content:center;}
header .header-top .mnu1 i{position:relative;flex:none;width:4px;height:4px;background:#000;display:flex;align-items:center;justify-content:center;transition:all 0.4s ease;margin:0 2px;}
header .header-top .mnu1 i::before,
header .header-top .mnu1 i::after{content:'';position:absolute;z-index:1;top:-10px;width:100%;height:4px;background:inherit;}
header .header-top .mnu1 i::after{top:10px;}

header .header-top .mnu1 strong{padding:3px 0 0 8px;font:400 16px/20px Roboto, Arial;color:#222;text-transform:uppercase;white-space:nowrap}

/* Toggler Animation */
header .open-menu1 .mnu1 i{transform:rotate(135deg);}
header .open-menu1 .mnu1 i:before,
header .open-menu1 .mnu1 i:after{top:0;transform:rotate(90deg);height:20px;}
header .open-menu1 .mnu1 i{flex:auto;height:20px;}
header .open-menu1 .mnu1 i:first-child{flex:none;}

header .promnu{position:fixed;top:0;left:0;width:100%;height:100%;visibility:hidden;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:11;}
header .open-menu1 ~ .promnu{visibility:visible}
header .open-menu1 ~ .promnu > div {
    transform: scale(1);
    transition-duration: var(--menu-speed);
}
header .open-menu1 ~ .promnu > div > div {
    opacity: 1;
    transition: opacity 0.4s ease 0.4s;
}

header .promnu > div {
  background:#fff;
  border-radius:50%;
  width:200vw;
  height:200vw;
  display:flex;
  flex:none;
  align-items:center;
  justify-content: center;
  transform: scale(0);
  transition: all 0.4s ease;
}

header .promnu > div > div {
  text-align:center;
  max-width:90vw;
  max-height:100vh;
  opacity:0;
  transition:opacity 0.4s ease;
}
header .promnu > div > div > ul{margin-top:100px;}

header .promnu > div > div > ul > li {
  list-style: none;
  color: #fff;
  font-size: .9rem;
  padding:0 15px;
	float: left;
}

header .promnu > div > div > ul > li > a {display:block;padding:8px 0;
  color: inherit;
  text-decoration: none;
  transition: color 0.4s ease;
}
header .promnu > div > div > ul > li > a figcaption{display:block;text-align:center;}
header .promnu > div > div > ul > li > a figcaption span{background:none;display:inline-block;min-width:135px;padding:6px 15px 4px;font:300 15px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;border:#ef4123 1px solid;transition:top ease 1s;}
header .promnu > div > div > ul > li:hover > a figcaption span{background:url("/images/global/button_hvr.png");color:#fff;}

header .header-top .mnu2{width:50px;height:50px;display:inline-block;position:relative;top:15px;
  -webkit-transition: all ease .3s;
          transition: all ease .5s;
		  
	}
header .header-top .mnu2 i{
	position:absolute;
	display:block;
	height:4px;
	background:rgb(241, 90, 34);
	width:30px;
	left:10px;
	-webkit-transition: all .3s;
	        transition: all .3s;
}
header .header-top .mnu2 i:nth-child(1){top:16px;}
header .header-top .mnu2 i:nth-child(2){top:24px;}
header .header-top .mnu2 i:nth-child(3){top:32px;}
header .open-menu2 .mnu2 i:nth-child(1){top:25px;
	-webkit-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
	}
header .open-menu2 .mnu2 i:nth-child(2){background:transparent;}
header .open-menu2 .mnu2 i:nth-child(3){top:25px;
	-webkit-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}
header nav{background:#ededed;position:fixed;top:0;right:-250px;width:0;padding:25px 30px 10px;z-index:15;width:250px;height:calc(100vh);
  -webkit-transition: all .3s;
          transition: all .3s;
}
header .open-menu2 .mnu2{right:250px;}
header .open-menu2 ~ nav{right:0;}

header nav ul.tmenu{display:block;width:100%;padding:0;margin:0;list-style:none;}
header nav ul.tmenu li{display:block;width:100%;padding:5px 0;margin:0;list-style:none;}
header nav ul.tmenu li a{display:inline-block;padding:5px 0;font:400 16px/20px Roboto, Arial;color:#222;}
header nav ul.tmenu li span{display:block;background:#ef4123;height:2px;width:0;transition:width ease .5s}

header nav .bmenu{background:#f15a22;position:absolute;bottom:0;left:0;right:0;display:block;padding:0;}
header nav .bmenu .hotline{background:#d9d8d6;display:block;padding:10px 30px;}
header nav .bmenu .hotline a{display:block;position:relative;padding:0 0 0 45px;}
header nav .bmenu .hotline a:before{position:absolute;width:34px;height:34px;content:'\f095';font:normal normal normal 25px/27px FontAwesome;color:#000;border:#000 2px solid;text-align:center;top:3px;left:0px;padding:3px 0 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;	
	}
header nav .bmenu .hotline p{display:block;width:100%;margin:0;padding:0;font:400 14px/20px Roboto, Arial;color:#000;text-transform:uppercase;letter-spacing:1.5px;}
header nav .bmenu .hotline div{display:block;width:100%;margin:0;padding:0;font:400 16px/20px Roboto, Arial;color:#000;}
header nav .bmenu ul{display:block;width:100%;padding:10px 30px 25px;margin:0;list-style:none;}
header nav .bmenu ul li{display:block;width:100%;padding:5px 0;margin:0;list-style:none;}
header nav .bmenu ul li a{display:inline-block;padding:5px 0;font:400 16px/20px Roboto, Arial;color:#fff;}
header nav .bmenu ul li span{display:block;background:#fff;height:2px;width:0;transition:width ease .5s}

section {text-align: center;}

#fullpage{}

/* START SELECTION 1 */
#fullpage .bg_image_con{left:0;top:0;height:inherit;position:relative;}
#fullpage .bg_image_con img {
    height:100%;
    transform:scale(1, 1);
    transform-origin: 50% 50%;
    transition: transform linear 5s;
    -ms-interpolation-mode: bicubic;
    display:block;
    position:relative;
    bottom:0;
    left:0;
    width:100%
}
#fullpage .section_data{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
#fullpage .section_data .heading_sec{display:block;width:94%;margin:0 auto;text-align:center;transition:top ease 1s;}
#fullpage .section_data .heading_sec h3{display:block;margin:0;padding:5px 0;font:400 25px/30px Roboto, Arial;color:#fff;text-transform:uppercase;letter-spacing:8px;}
#fullpage .section_data .heading_sec h4{display:block;margin:0;padding:5px 0 25px;font:440 35px/40px Roboto, Arial;color:#fff;text-transform:uppercase;letter-spacing:12px;}
#fullpage .section_data .heading_sec h5{display:block;margin:0;padding:5px 0;font:300 20px/28px Roboto, Arial;color:#fff;text-transform:uppercase;letter-spacing:8px;}
#fullpage .section_data .heading_sec h5 b{background:#fff;display:inline-block;padding:6px 15px 4px;font:300 20px/28px Roboto, Arial;color:#222;text-transform:uppercase;letter-spacing:8px;}

#fullpage .section_data .heading_sec p{display:block;margin:0;padding:45px 0 5px;}
#fullpage .section_data .heading_sec p a{background:none;display:inline-block;padding:6px 15px 4px;font:300 15px/30px Roboto, Arial;color:#fff;text-transform:uppercase;letter-spacing:8px;border:#fff 1px solid;transition:top ease 1s;}
#fullpage .section_data .heading_sec p a:hover{background:url("/images/global/button_hvr.png");}
/* END SELECTION 1 */

/* START SELECTION 2 */
#fullpage .pgroup{position:relative;height:100%;padding:80px 0 0;background:rgba(255,255,255,1);background-size:cover !important;}
#fullpage .pgroup .cbox{width:100%;background:rgba(255,255,255,1);padding:25px 0;}
#fullpage .pgroup .cbox .ibox{width:1200px;margin:0 auto;}
#fullpage .pgroup .cbox .ibox ul{display:block;width:100%;padding:0;margin:0;list-style:none;}
#fullpage .pgroup .cbox .ibox ul li{position:relative;display:inline-block;vertical-align:top;width:100%;padding:0;margin:0 0 25px 3%;list-style:none;}
#fullpage .pgroup .cbox .ibox ul li.li5{width:31.33333%;margin:0 0 25px 3%;}
#fullpage .pgroup .cbox .ibox ul li.li5:first-child,
#fullpage .pgroup .cbox .ibox ul li.li5:nth-child(2){width:48.5%;}
#fullpage .pgroup .cbox .ibox ul li.li5:first-child,
#fullpage .pgroup .cbox .ibox ul li.li5:nth-child(3){margin-left:0;}
#fullpage .pgroup .cbox .ibox ul li .thumb {display:block;position:relative;text-align:center;width:100%;margin:0 auto;overflow:hidden;background-repeat:no-repeat !important;background-size:contain !important;background-position:center !important;}
#fullpage .pgroup .cbox .ibox ul li .thumb img{display:block;width:100%;border:none;}
#fullpage .pgroup .cbox .ibox ul li .thumb div{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
#fullpage .pgroup .cbox .ibox ul li .thumb div p{width:100%;display:block;margin:0;padding:15px 0;}
#fullpage .pgroup .cbox .ibox ul li .thumb div p a{background:none;display:inline-block;padding:6px 15px 4px;font:300 15px/30px Roboto, Arial;color:#fff;text-transform:uppercase;letter-spacing:8px;border:#c25d3f 1px solid;transition:top ease 1s;}
#fullpage .pgroup .cbox .ibox ul li .thumb div a:hover{background:url("/images/global/button_hvr.png");}
/* END SELECTION 2 */

/* START SELECTION 3 */
#fullpage .wgroup{position:absolute;top:80px;bottom:0;left:0;right:0;padding:0 0 65px;display:flex;align-items:center;}
#fullpage .wgroup .cbox{display:block;width:100%;}
#fullpage .wgroup .cbox .head{position:relative;display:block;margin:0 0 45px;padding:5px 0 25px;font:300 30px/35px Roboto, Arial;color:#f95235;text-transform:uppercase;letter-spacing:5px;}
#fullpage .wgroup .cbox .head:before{position:absolute;bottom:0;left:50%;width:50px;height:2px;background:#f95235;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#fullpage .wgroup .cbox .ibox{width:100%;height:auto;margin:0 auto;}

#sliderh{width:100%;max-height:600px;margin:0;padding:0;
  	-webkit-user-select: none;
  	-moz-user-select: none;  
  	user-select: none;
  	overflow:hidden;
	}
#sliderh1{width:100%;max-height:600px;margin:0;padding:0;
  	-webkit-user-select: none;
  	-moz-user-select: none;  
  	user-select: none;
  	overflow:hidden;
	}
#sliderh2{display:none;width:100%;margin:0;padding:0;
  	-webkit-user-select: none;
  	-moz-user-select: none;  
  	user-select: none;
  	overflow:hidden;
	}
	
#fullpage .wgroup .cbox .ibox .wcon{position:relative;width:100%;height:100%;overflow:hidden;}
#fullpage .wgroup .cbox .ibox .wcon .rscon{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox{width:900px;margin:0 auto;padding:0;}
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox h2{margin:0;padding:5px 0;font:300 50px/60px Roboto, Arial;color:#fff;}
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox h3{margin:0;padding:5px 0;font:300 30px/40px Roboto, Arial;color:#fff;}
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox p,
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox div{padding:5px 0;font:300 16px/25px Roboto, Arial;color:#fff;}
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox p span,
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox div span{font:400 16px/25px Roboto, Arial;color:#fff;}
#fullpage .wgroup .cbox .ibox .wcon .rscon .rsbox hr{width:50px;margin:25px auto;border:#fff 1px solid;}
/* END SELECTION 3 */

/* START SELECTION 4 */
#fullpage .vgroup{position:absolute;top:80px;bottom:0;left:0;right:0;display:flex;align-items:center;}
#fullpage .vgroup .img{position:absolute;bottom:0;left:0;z-index:1;width:50%;}
#fullpage .vgroup .img img{display:block;border:none;}
#fullpage .vgroup .cbox{position:absolute;top:100px;left:0;right:0;z-index:2;}
#fullpage .vgroup .cbox .ibox{display:block;width:1000px;margin:0 auto;}
#fullpage .vgroup .cbox .ibox .inbox{float:right;width:265px;background:#fff;padding:35px 45px;}
#fullpage .vgroup .cbox .ibox .inbox .thumb{display:block;text-align:center;}
#fullpage .vgroup .cbox .ibox .inbox .thumb img{display:inline-block;border:none;}
#fullpage .vgroup .cbox .ibox .inbox div{font:300 20px/40px Roboto, Arial;color:#444;text-transform:uppercase;letter-spacing:2px;}
#fullpage .vgroup .cbox .ibox .inbox p{width:100%;display:block;margin:0;padding:15px 0 0;text-align:center;}
#fullpage .vgroup .cbox .ibox .inbox p a{background:none;display:inline-block;padding:5px 15px;font:300 15px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;border:#ef4123 1px solid;transition:top ease 1s;}
#fullpage .vgroup .cbox .ibox .inbox a:hover{background:url("/images/global/button_hvr.png");color:#fff;}
/* END SELECTION 4 */

/* START SELECTION 3 */
#fullpage .dgroup{position:absolute;top:80px;bottom:53px;left:0;right:0;display:flex;align-items:center;}
#fullpage .dgroup .cbox{display:block;width:100%;text-align:center;}
#fullpage .dgroup .cbox .ibox{width:1200px;margin:0 auto;}
#fullpage .dgroup .cbox .head{position:relative;display:block;margin:0 0 65px;padding:5px 0 25px;font:300 40px/50px Roboto, Arial;color:#fff;text-transform:uppercase;letter-spacing:5px;}
#fullpage .dgroup .cbox .head:before{position:absolute;bottom:0;left:50%;width:50px;height:2px;background:#fff;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#fullpage .dgroup .cbox .ibox ul{display:inline-block;width:auto;padding:0;margin:0;list-style:none;}
#fullpage .dgroup .cbox .ibox ul li{position:relative;display:inline-block;vertical-align:top;width:auto;padding:0 35px;margin:0;list-style:none;}
#fullpage .dgroup .cbox .ibox ul li a{position:relative;display:block;transition:top ease 1s;}
#fullpage .dgroup .cbox .ibox ul li a img{display:block;max-height:180px;border:none;}
#fullpage .dgroup .cbox .ibox ul li a div{display:block;padding:15px 0 0;font:300 18px/25px Roboto, Arial;color:#fff;}
/* END SELECTION 3 */

/* START SELECTION FOOT */
#fullpage .cfoot{position:absolute;}
#fullpage .cfoot{position:absolute;bottom:0;left:0;right:0;border-top:rgba(255,255,255,1) 1px solid;}
#fullpage .cfoot .ibox{width:1200px;display:flex;margin:0 auto;padding:20px 0;}
#fullpage .cfoot .ibox .left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
	font:300 13px/20px Roboto, serif;color:#fff;white-space:nowrap;
	}
#fullpage .cfoot .ibox .right{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	}
#fullpage .cfoot .ibox .right ul{display:inline-block;padding:0;margin:0;list-style:none}
#fullpage .cfoot .ibox .right ul li{display:inline-block;margin:0;padding:0 0 0 15px;font:300 13px/20px Roboto, serif;color:#fff;}
#fullpage .cfoot .ibox .right ul li a{font:300 13px/20px Roboto, serif;color:#fff;}
#fullpage .cfoot .ibox .right ul li a:hover{color:#ee3137;}

/* END SELECTION FOOT */

.scroll-icon {position:absolute;left:50%;bottom:10px;padding:0 10px;z-index:15;
  	-webkit-transform: translateX(-50%);
  	    -ms-transform: translateX(-50%);
  	        transform: translateX(-50%);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	}
.scroll-icon:hover{bottom:20px;}
.scroll-icon img{display:block;width:100%;}

/* SLIDENAV STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    table-layout:fixed;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: hidden;
    position: relative;
}
.fp-scroller{
    overflow: hidden;
}
.iScrollIndicator{
    border: 0 !important;
}
.fp-notransition {
    -webkit-transition: none !important;
    transition: none !important;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translate3d(0,-50%,0);
}
#fp-nav.fp-right {
    right:25px;
}
#fp-nav.fp-left {
    left:25px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    left: 0 !important;
    right: 0;
    margin: 0 auto !important;
}
.fp-slidesNav.fp-bottom {
    bottom:63px;
}
.fp-slidesNav.fp-top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav ul li,
.fp-slidesNav ul li {
    display: block;
    width:16px;
    height:16px;
    margin:5px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span,
#fp-nav ul li:hover a.active span,
.fp-slidesNav ul li:hover a.active span{
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
	width: 16px;
    height: 16px;
    background:url('/images/global/scroll_dots.png') 0 -20px;
    margin:0;
    border: 0;
    left:0;
    top:0;
	cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#fp-nav ul li:hover a span,
.fp-slidesNav ul li:hover a span{}
#fp-nav ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav ul li .fp-tooltip.fp-right {
    right: 20px;
}
#fp-nav ul li .fp-tooltip.fp-left {
    left: 20px;
}
.fp-auto-height.fp-section,
.fp-auto-height .fp-slide,
.fp-auto-height .fp-tableCell{
    height: auto !important;
}

.fp-responsive .fp-auto-height-responsive.fp-section,
.fp-responsive .fp-auto-height-responsive .fp-slide,
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
    height: auto !important;
}

/*Only display content to screen readers*/
.fp-sr-only{
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

#fp-nav ul li a.active span, 
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
	width: 16px;
    height: 16px;
    background:url('/images/global/scroll_dots.png') 0 0;
}
/* END HOME */

/* START CONTENT */
#content{background:#fff;padding:0;}

#content div.navi{text-align:center;}
#content div.navi ul{width:auto;margin:0 auto;padding:10px 0;list-style:none;}
#content div.navi ul li{display:inline-block;vertical-align:top;margin:0;padding:5px 0;list-style:none;font:300 15px/20px Roboto, Arial;color:#666;}
#content div.navi ul li a{font:300 15px/20px Roboto, Arial;color:#666;text-decoration:none;}
#content div.navi ul li a:hover{color:#222;}
#content div.navi ul li:after {
    content: '';
    font-family: FontAwesome;
    visibility: visible;
    padding: 0 10px;
    display: inline-block;
}
#content div.navi ul li:last-child:after{visibility:hidden;}
		
#otherul{padding:0;margin:0;list-style:none;}
#otherul li{background:url("/images/global/arrow-rv1.png") no-repeat left;background-position: 5px 9px;padding:0 0 10px 15px}
#otherul li a{font:400 14px/18px Roboto, Arial;color:#222;text-decoration:none}
#otherul li a:hover{color:#d4232b}

#content .conbox{width:1200px;margin:0 auto;padding:15px 0;}
#content .conbox .left{width:55%;display:inline-block;vertical-align:top;padding:0 8% 0 0;}
#content .conbox .right{width:45%;display:inline-block;vertical-align:top;}
#content .conbox .right div.head{position:relative;margin:0 0 25px;padding:0 0 5px;font:400 16px/30px Roboto, Arial;color:#222;text-transform:uppercase;border-bottom: #d6d6d6 1px solid;}
#content .conbox .right div.head:before {
    content: '';
    display: block;
    background: #dc0021;
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 30%;
    height: 1px;
    z-index: 1;
}
	
/* START PRO LIST
#content .pro{width:100%;padding:35px 0;margin:0;list-style:none;}
#content .pro li{position:relative;width:20%;display:inline-block;vertical-align:top;margin:0;padding:0;border:#d3d3d3 1px solid;border-top:none;
    box-shadow: 0 0 1px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.3s;
    transition-property: box-shadow, transform;
    vertical-align: middle;
	overflow:hidden;
	}
#content .pro .thumb{display:block;position:relative;text-align:center;width:100%;margin:0 auto;overflow:hidden;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;}
#content .pro .thumb img{display:block;width:100%;border:none;}
#content .pro .info{position:absolute;bottom:0;left:0;right:0;padding:20px 20px;z-index:1;
    background: -moz-linear-gradient(top, transparent 0, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, transparent 0, rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.75) 100%);
	}
#content .pro .info h2{margin:0;padding:0;font:400 16px/20px Roboto, Arial;color:#fff;}
#content .pro .info h2 a{display:block;font:400 16px/20px Roboto, Arial;color:#fff;}
#content .pro .info h2 a:hover{color:#7d161e;}
#content .pro .info span{position:absolute;top:20px;right:20px;font:300 16px/20px Roboto, Arial;color:#fff;}

#content .pro li:hover{box-shadow: 0 10px 15px -10px rgba(0, 0, 0, 0.5);}

END PRO LIST */

/* START PHÂN PHỐI */
#content .dlbox{width:96%;margin:0 auto;display:block;}

#content .dlbox .head{display:block;width:100%;padding:25px 0;text-align:center;}
#content .dlbox .head h1{position:relative;display:inline-block;margin:0;padding:0 0 5px;font:600 30px/40px Roboto, sans-serif;color:#25A94C;text-transform:uppercase;}
#content .dlbox .head h1:before{position:absolute;display:block;left:20%;right:20%;bottom:0;height:2px;background:#FF9900;content:'';z-index:0;}
#content .dlbox .head h1 span{color:#f8941d;}

#content .dlbox .daily{display:flex;padding:15px 0 35px;}
#content .dlbox .daily .dleft{width:30%;display:inline-block;vertical-align:top;padding:0;background:#F3F3F3;border:#E1E1E1 1px solid;}
#content .dlbox .daily .dleft .dse{padding:10px 0 15px;}
#content .dlbox .daily .dleft .dse ul{width:100%;padding:0;margin:0;list-style-type:none; }
#content .dlbox .daily .dleft .dse ul li{display:block;width:100%;padding:6px 20px;margin:0;}
#content .dlbox .daily .dleft .dse ul li:first-child{padding-bottom:0;}
#content .dlbox .daily .dleft .dse ul li span{display:block;padding:0 3px;font:600 20px/30px Roboto, Arial;color:#565656;text-transform:uppercase;}
#content .dlbox .daily .dleft .dse ul li select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
	display:inline-block;vertical-align:top;
	width:100%;
    -webkit-appearance: none;
    border:#E5E5E5 1px solid;
    outline: 0;
    margin: 0;
    padding:8px 15px;;
	font:400 14px/20px Roboto, Arial;
	color:#565656;
}

#content .dlbox .daily .dleft .list{height:450px;background:#fff;padding:0;overflow-y:scroll;}
#content .dlbox .daily .dleft .list::-webkit-scrollbar {width: 6px; height: 6px; background: #f9f9f9;}
#content .dlbox .daily .dleft .list::-webkit-scrollbar-thumb {width: 6px; background-color: #c1c1c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#content .dlbox .daily .dleft .list::-webkit-scrollbar-track {padding: 6px;}
#content .dlbox .daily .dleft .list ul{width:100%;padding:0;margin:0;list-style-type:none; }
#content .dlbox .daily .dleft .list ul li{display:block;width:100%;padding:10px 20px;margin:0;background:#fff;border-bottom:#e8e8e8 1px solid;cursor:pointer;
    -webkit-transition: color 180ms linear 20ms,background 180ms linear 20ms;
    -moz-transition: color 180ms linear 20ms,background 180ms linear 20ms;
    -ms-transition: color 180ms linear 20ms,background 180ms linear 20ms;
    -o-transition: color 180ms linear 20ms,background 180ms linear 20ms;
    transition: color 180ms linear 20ms,background 180ms linear 20ms;
}
#content .dlbox .daily .dleft .list ul li h2{display:block;font:450 14px/20px Roboto, sans-serif;color:#222;}
#content .dlbox .daily .dleft .list ul li div{position:relative;margin:0;padding:5px 0 0 16px;font:400 12px/20px Roboto, sans-serif;color:#565656;}
#content .dlbox .daily .dleft .list ul li div::before{position:absolute;left:0;top:8px;font:normal normal normal 13px/1 FontAwesome;color:#f33d2e;}
#content .dlbox .daily .dleft .list ul li div.add::before{content:"\f041";}
#content .dlbox .daily .dleft .list ul li div.phone::before{content:"\f095";}
#content .dlbox .daily .dleft .list ul li:hover{background:#e8e8e8}

#content .dlbox .daily .dright{width:70%;display:inline-block;vertical-align:top;padding:0;background:#F3F3F3;}
#content .dlbox .daily .dright .dmap{display:block;width:100%;margin:0;padding:0;height:100%;}
#content .dlbox .daily .dright .dmap iframe{display:block;width:100%;height:100%;border:none}
/* END PHÂN PHỐI */

/* START BOX GENERAL */
#content .topgen{width:100%;padding:35px 0;margin:0;text-align:center;}
#content .topgen div{width:100%;padding:0;margin:0;font:400 30px/30px Roboto, sans-serif;color:#222;text-transform:uppercase;}

#content .genform{display:flex;width:100%;margin:0;padding:0 0 35px;;}
#content .genform .genleft{background:#eceaea;width:50%;display:inline-block;vertical-align:top;margin:0;padding:15px 45px 35px;}

#content .genform .genright{width:50%;display:inline-block;vertical-align:top;padding:0 0 0 35px;}
#content .genform .genright .genbox{display:block;width:100%;padding:0;}

#content .genform .genright .genbox .note{display:block;width:100%;padding:3px 3px 10px;font:400 14px/22px Arial, sans-serif;color:#222;}

#content .genform .genright .genbox ul{width:100%;margin:0 auto;padding:0;list-style:none;}
#content .genform .genright .genbox ul li{width:49%;display:inline-block;vertical-align:top;margin:0 0 0 2%;padding:5px 0;list-style:none;}
#content .genform .genright .genbox ul li:nth-child(odd){margin-left:0;}
#content .genform .genright .genbox ul li.full{width:100%;margin-left:0;padding-bottom:0;}
#content .genform .genright .genbox ul li:last-child{width:100%;margin-left:0;text-align:right;}
#content .genform .genright .genbox ul li span{display:block;padding:5px 0 0 5px;font:400 12px Arial, sans-serif;color:#f00;}
#content .genform .genright .genbox ul li a{font:400 14px/22px Arial, sans-serif;text-decoration:none}
#content .genform .genright .genbox ul li a:hover{color:#f00;}
#content .genform .genright .genbox ul li input[type="text"],
#content .genform .genright .genbox ul li textarea {
	display:inline-block;
	vertical-align:middle;
	width:100%;
    -webkit-appearance: none;
    background:#eceaea;
    border:#eceaea 1px solid;
    outline: 0;
    margin: 0;
    padding:8px 15px;
	font:400 14px/20px Arial;
	color:#222;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#content .genform .genright .genbox ul li input[type="text"]::-moz-placeholder,
#content .genform .genright .genbox ul li textarea::-moz-placeholder{font-size:14px;color:#666;opacity: 1;}
#content .genform .genright .genbox ul li input[type="text"]::-webkit-input-placeholder,
#content .genform .genright .genbox ul li textarea::-webkit-input-placeholder{font-size:14px;color:#666;}
#content .genform .genright .genbox ul li input[type="text"]:-ms-input-placeholder,
#content .genform .genright .genbox ul li textarea:-ms-input-placeholder{font-size:14px;color:#666;}
#content .genform .genright .genbox ul li input[type="text"]:-moz-placeholder,
#content .genform .genright .genbox ul li textarea:-moz-placeholder{font-size:14px;color:#666;}
#content .genform .genright .genbox ul li input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	margin:5px 0 0;
	padding:8px 25px;
	font: 400 14px/20px Arial, sans-serif;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	outline:none;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#content .genform .genright .genbox ul li select:hover,
#content .genform .genright .genbox ul li input[type="text"]:hover,
#content .genform .genright .genbox ul li textarea:hover,
#content .genform .genright .genbox ul li input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#content .genform .genright .genbox ul li input[type="button"]:hover {background:#f00;border:#f00 1px solid;}

#content .genmap{display:block;width:100%;margin:0;padding:0 0 35px;}
#content .genmap iframe{display:block;width:100%;height:450px;}

/* START BOX NEWS */
#content .nbox{background:#f0f0f0;}
#content .nbox .ibox{display:flex;width:1200px;margin:0 auto;padding:35px 0;}
#content .nbox .ibox .left{float:left;width:32%;margin:0;padding:0 0 0 45px;overflow:hidden;}
#content .nbox .ibox .boxmnu{background:#fff;margin:0 0 35px;padding:0;border:#ecf2f4 1px solid;}
#content .nbox .ibox .boxmnu div{display:block;width:100%;margin:0;padding:35px 45px 20px;font:400 17px/25px Roboto, Arial;color:#444;text-transform:uppercase;text-align:center;}
#content .nbox .ibox .boxmnu ul{display:block;width:100%;padding:0 45px 30px 45px;margin:0;list-style:none}
#content .nbox .ibox .boxmnu ul li{display:block;width:100%;margin:0;padding:10px 0;font:300 15px/20px Roboto, Arial;color:#444;list-style-type:none;border-top:1px solid #eaeaea;}
#content .nbox .ibox .boxmnu ul li:first-child{}
#content .nbox .ibox .boxmnu ul li a{color:#444}
#content .nbox .ibox .boxmnu ul li a:hover{color:#a57a50;}

#content .nbox .ibox .right{float:right;width:68%;background:#fff;margin:0 0 35px;padding:45px 55px;border:#ecf2f4 1px solid;}
#content .nbox .ibox .list{}
#content .nbox .ibox .list ul{width:100%;padding:0;margin:0;list-style:none}
#content .nbox .ibox .list ul li{width:100%;padding:0 0 35px;margin:0 0 35px;border-bottom:#dbdbdb 1px solid;}
#content .nbox .ibox .list ul li:last-child{margin:0;}
#content .nbox .ibox .list ul li .thumb{position:relative;display:block;background-size:cover !important;background-position:50% 50% !important;}
#content .nbox .ibox .list ul li .thumb img{display:block;width:100%;border:none;}
#content .nbox .ibox .list ul li .thumb .play{position:absolute;top:0;bottom:0;left:0;right:0;
    display: flex;
    align-items: center;
	text-align:center;
	}
#content .nbox .ibox .list ul li .thumb .play div{width:auto;margin:0 auto}
#content .nbox .ibox .list ul li .thumb .play img{width:auto;height:50px;display:block;border:none;}
#content .nbox .ibox .list ul li .info{position:relative;width:100%;padding:0 0 25px;}
#content .nbox .ibox .list ul li .info div{position:relative;width:100%;padding:0 0 15px;font:300 16px/25px Roboto;color:#444;text-transform:uppercase;text-align:center;}
#content .nbox .ibox .list ul li .info h2{margin:0;padding:0;font:300 30px/38px Roboto, Arial;color:#444;}
#content .nbox .ibox .list ul li .info h2 a{color:#444}
#content .nbox .ibox .list ul li .info h2 a:hover{color:#a57a50;}
#content .nbox .ibox .list ul li .desc{margin:15px 0 0;padding:0;font:300 16px/25px Roboto;color:#444;
    max-height:100px;
    overflow: hidden;
    -webkit-line-clamp:4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    text-overflow: ellipsis;
	}

/* CHI TIET TIN */
#content .nbox .ibox .necon{display:block;width:100%;overflow:hidden;font:300 17px/28px Roboto, Arial;color:#666;}
#content .nbox .ibox .necon .info{position:relative;width:100%;padding:0 0 25px;}
#content .nbox .ibox .necon .info p{position:relative;width:100%;padding:0 0 15px;font:300 18px/30px Roboto;color:#a57a50;text-transform:uppercase;text-align:center;}
#content .nbox .ibox .necon .info h1{margin:0;padding:0;font:300 35px/40px Roboto, Arial;color:#444;}

#content div.neoth{display:block;margin:0;padding:0;}
#content div.neoth .head{margin:0;padding:0;}
#content div.neoth .head span{display:inline-block;margin:0;padding:15px 0 12px;font:200 28px/40px Roboto, Arial;color:#a57a50;text-transform:uppercase;}
#content div.neoth .con{padding:0 3px;}

#content div.neoth .con ul{display:block;margin:0;padding:0;list-style:none;}
#content div.neoth .con ul li{display:block;margin:0;padding:5px 0;list-style:none;}
#content div.neoth .con ul li a{display:block;font:300 17px/28px Roboto, Arial;color:#444;}
#content div.neoth .con ul li a:first-letter{text-transform:uppercase;}
#content div.neoth .con ul li a i{font-size:13px;padding-right:8px;}
#content div.neoth .con ul li a:hover{color:#a57a50;}
/* END BOX NEWS */

/* START BOX GENERAL */
#content .formgen {
    font: 400 14px/22px Roboto, Arial;
    color: #222;
    margin: 25px 0;
    background: #eee;
    padding: 30px 5%;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
	}
#content .maingen{background:#fff;width:100%;margin:0;padding:15px 25px;
	border:#ecf2f4 1 px solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
	}
	
#content .maingen1 {width:1200px;margin:0 auto;padding:25px 0;}

#content .gbox{display:block;width:900px;margin:0 auto;padding:25px 0 35px;font:300 17px/28px Roboto, Arial;color:#666;text-align:justify;}

#content .subbox{display:block;width:900px;margin:0 auto;padding:0 0 55px;font:300 17px/28px Roboto, Arial;color:#666;text-align:center;}
#content .subbox ul{display:block;margin:0;padding:0;list-style:none;}
#content .subbox ul li{position:relative;width:50%;display:inline-block;margin:0;padding:0 10%;list-style:none;}
#content .subbox ul li:nth-child(odd):before{position:absolute;top:5%;bottom:5%;right:0;width:1px;content:"";background:#ccc;}
#content .subbox ul li .thumb{display:block;}
#content .subbox ul li .thumb img{display:inline-block;max-width:180px;border:none;}
#content .subbox ul li .info{display:block;padding:15px 0;}
#content .subbox ul li .info h1{font:300 26px/34px Roboto, Arial;padding:10px 0;}
#content .subbox ul li .info h2{font:300 24px/32px Roboto, Arial;padding:10px 0;}
#content .subbox ul li .info h3{font:300 22px/30px Roboto, Arial;padding:10px 0;}
#content .subbox ul li .info h4{font:300 20px/28px Roboto, Arial;padding:10px 0;}
#content .subbox ul li .info p,
#content .subbox ul li .info div{padding:6px 0;}
#content .subbox ul li .info a{color:#f95235;text-decoration:none}
#content .subbox ul li .info a:hover{color:#f95235;text-decoration:underline}
#content .subbox ul li .info hr{width:50px;margin:15px auto;border:#f95235 1px solid;}

#content .subbox ul li .more{display:block;margin:0;padding:0;}
#content .subbox ul li .more a{background:none;display:inline-block;padding:6px 15px 4px;font:300 15px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;letter-spacing:5px;border:#ef4123 1px solid;transition:top ease 1s;}
#content .subbox ul li .more a:hover{background:url("/images/global/button_hvr.png");color:#fff;}

#content .fullbg{padding:0 0 35px;}

#content .fullbg{padding:0 0 35px;}
#content .fullbg .ibox{width:100%;background:url('/images/global/aboutBg.jpg') repeat;margin:0;padding:35px 0;}
#content .fullbg .ibox .inbox{display:block;width:900px;margin:0 auto;padding:25px 0 35px;font:300 17px/28px Roboto, Arial;color:#fff;}
#content .fullbg .ibox .inbox h2{margin:0;padding:5px 0;font:300 30px/40px Roboto, Arial;}
#content .fullbg .ibox .inbox h3{margin:0;padding:5px 0;font:300 25px/35px Roboto, Arial;}
#content .fullbg .ibox .inbox p,
#content .fullbg .ibox .inbox div{padding:5px 0;}
#content .fullbg .ibox .inbox span{}
#content .fullbg .ibox .inbox hr{width:50px;margin:15px auto;border:#fff 1px solid;}

#content .boxgen{}
#content .boxgen h1{font:400 26px/34px Roboto, Arial;padding:10px 0;}
#content .boxgen h2{font:400 24px/32px Roboto, Arial;padding:10px 0;}
#content .boxgen h3{font:400 22px/30px Roboto, Arial;padding:10px 0;}
#content .boxgen h4{font:400 20px/28px Roboto, Arial;padding:10px 0;}
#content .boxgen h5{font:400 18px/28px Roboto, Arial;padding:10px 0;}
#content .boxgen p,
#content .boxgen div{padding:6px 0;}
#content .boxgen a{color:#f95235;text-decoration:none}
#content .boxgen a:hover{color:#f95235;text-decoration:underline}
#content .boxgen hr{width:50px;margin:10px auto;border:#f95235 1px solid;}
#content .boxgen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .boxgen table{max-width:100%;}
#content .boxgen td{padding:3px 5px;}
#content .boxgen .bang {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .boxgen .bang0 {margin:10px;border-collapse: collapse;}
#content .boxgen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .boxgen .bangn {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bangn td{padding:0px;border:#ababab 0px solid;}

#content .boxgen .bang2 {margin:10px 0;border-collapse: collapse;}
#content .boxgen .bang2 td{padding:5px 10px;border:#ccc 1px solid;}

#content .boxgen .bang2n {margin:0;border-collapse: collapse;}
#content .boxgen .bang2n td{padding:10px 0;border:#ababab 0px solid;}

#content .boxgen .bang2n5 {margin:0;border-collapse: collapse;}
#content .boxgen .bang2n5 td{width:50%;padding:10px 0;border:#ababab 0px solid;}
#content .boxgen .bang2n5 td:nth-child(odd){padding-right:20px;}
#content .boxgen .bang2n5 td:nth-child(even){padding-left:20px;}

#content .boxgen .bang3n3 {margin:0;border-collapse: collapse;}
#content .boxgen .bang3n3 td{width:33.33333%;padding:10px;border:#ababab 0px solid;}

#content .boxgen .bang4n {margin:0;border-collapse: collapse;}
#content .boxgen .bang4n td{width:25%;padding:10px 15px;border:#ababab 0px solid;}

#content .boxgen ul{margin:5px 0;padding:0 0 0 3px;list-style-type:square;}
#content .boxgen ul li{list-style-type:square;margin:0 0 0 15px;padding:0;
	background:none;
	border:none;
	display:list-item;
	}

#content .boxgen ol{margin:5px 0;padding:0;list-style-type:square;}
#content .boxgen ol li{list-style-type:square;margin:0 0 0 18px;padding:0;}

#content .boxgen .link{margin:0;padding:0;text-align:center;}
#content .boxgen .link ul{width:100%;margin:0;padding:0;list-style-type:none;}
#content .boxgen .link ul li{width:33%;display:inline-block;vertical-align:top;list-style-type:none;margin:0;padding:5px;background:none;border:none;overflow:auto;}
#content .boxgen .link ul li a{width:100%;background:none;display:inline-block;padding:5px;font:300 15px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;border:#ef4123 1px solid;transition:top ease 1s;}
#content .boxgen .link ul li a:hover{background:url("/images/global/button_hvr.png");color:#fff;text-decoration:none;}
	
#content .boxgen .youtube{padding:15px 0;}
#content .boxgen .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxgen .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .boxgen .video{padding:10px 0;}
#content .boxgen .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .boxgen .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .boxgen .vien1{background:#f1f1f1;margin:15px 0;border:#e5e4e4 1px solid;}

#content .share{overflow:hidden;padding:15px 0;text-align:left}
/* END BOX GENERAL */

/* START THU VIEN ANH */
#content .gabox{display:block;width:900px;margin:0 auto;padding:25px 0 35px;font:300 17px/28px Roboto, Arial;color:#666;}
#content .gabox .intro{padding:0 0 25px;font:300 16px/25px Roboto, Arial;color:#666;}
#content .gabox .ibox{}
#content .gabox .ibox .wcon{position:relative;width:100%;height:100%;overflow:hidden;}

#content .gabox .ibox ul{display:block;margin:0;padding:0;list-style:none;}
#content .gabox .ibox ul li{position:relative;width:25%;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;border-right:rgba(255,255,255,1) 1px solid;transition: border-color ease .5s;overflow:hidden;cursor:pointer;}
#content .gabox .ibox ul li .thumb{position:relative;display:block;transition:all ease .5s;
	background-size:100% 100% !important;
    background-position:50% 50% !important;
	}
#content .gabox .ibox ul li .thumb img{display:block;width:100%;border:none;}
#content .gabox .ibox ul li .thumb .info{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;display:flex;padding:10px 20px;align-items:center;border:rgba(204,204,204,0) 1px solid;transition:all ease .5s;}
#content .gabox .ibox ul li .thumb .info:before{position:absolute;top:0;bottom:0;left:0;right:0;border:rgba(255,255,255,0) 8px solid;content:'';transition:all ease .5s;}
#content .gabox .ibox ul li .thumb .info div{display:block;width:100%;text-align:center;}
#content .gabox .ibox ul li .thumb .info div h2{position:relative;display:block;margin:0 0 25px;padding:15px 0;font:300 25px/35px Roboto, Arial;color:#fff;text-transform:uppercase;}
#content .gabox .ibox ul li .thumb .info div h2:before{position:absolute;bottom:0;left:50%;width:50px;height:3px;background:#ef4123;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#content .gabox .ibox ul li .thumb .info div p{display:block;height:0;padding:0;font:300 16px/25px Roboto, Arial;color:#fff;transition:all ease .5s;overflow:hidden;}

#content .gabox .ibox ul li .thumb .info div div{display:block;padding:25px 0 0;}
#content .gabox .ibox ul li .thumb .info div div a{position:relative;background:none;display:inline-block;min-width:135px;padding:6px 15px 4px;font:300 15px/25px Roboto, Arial;color:#fff;text-transform:uppercase;border:#fff 1px solid;transition:top ease 1s;}
#content .gabox .ibox ul li .thumb .info div div a:hover{background:url("/images/global/button_hvr.png");color:#fff;}

#content .gabox .ibox ul li:hover .thumb{background-size:110% 110% !important;}
#content .gabox .ibox ul li:hover .thumb .info{background:rgba(0,0,0,.65);border:rgba(204,204,204,1) 1px solid;}
#content .gabox .ibox ul li:hover .thumb .info:before{border:rgba(255,255,255,1) 8px solid;}
#content .gabox .ibox ul li:hover .thumb .info div p{height:75px;}

#content .gabox .gamn{padding:35px 0 0;}
#content .gabox .gamn ul{display:block;margin:0;padding:0;list-style:none;}
#content .gabox .gamn ul li{position:relative;width:25%;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .gabox .gamn ul li a{position:relative;display:block;padding:10px 25px;font:300 15px/25px Roboto, Arial;color:#666;text-transform:uppercase;text-align:center;border-top:rgba(204,204,204,1) 1px solid;border-bottom:rgba(204,204,204,1) 1px solid;}
#content .gabox .gamn ul li a span{position:absolute;display:block;background:url("/images/global/gallery_switch_icon.png");width:16px;height:15px;left:50%;bottom:-7px;z-index:1;
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#content .gabox .gamn ul li a.active,
#content .gabox .gamn ul li a:hover{color:#f95235;}

#content .gabox .gamn ul li a.active span,
#content .gabox .gamn ul li a:hover span{background:url("/images/global/gallery_switch_icon_active.png");}
/* START THU VIEN ANH */

/* START HOI DAP */
#content .hdbox{display:block;width:900px;margin:0 auto;padding:25px 0 35px;font:300 17px/28px Roboto, Arial;color:#666;}
#content .hdbox .intro{padding:0 0 15px;}
#content .hdbox .ibox{}
#content .hdbox .ibox ul{display:block;margin:0;padding:0;list-style:none;}
#content .hdbox .ibox ul li{position:relative;width:100%;display:inline-block;vertical-align:top;margin:10px 0;padding:5px 20px;list-style:none;
	background:#eee;
	border-left:#f15931 3px solid;
	transition: border-color ease .5s;
	overflow:hidden;
	}
#content .hdbox .ibox ul li .hoi{position:relative;display:block;margin:0;padding:0;}
#content .hdbox .ibox ul li .hoi h2{position:relative;display:block;margin:0;padding:5px 25px 5px 0;font:400 17px/25px Roboto, Arial;color:#444;cursor:pointer;
	background:url("/images/global/faq_arrow_down.png") no-repeat;
	background-position: right 13px;
	transition: all ease .5s;
	}
#content .hdbox .ibox ul li .dap{position:relative;display:none;margin:0;padding:5px 0;font:300 15px/25px Roboto, Arial;color:#444;transition:all ease .5s;overflow:hidden;}

#content .hdbox .ibox ul li.hdac .hoi h2{background:url("/images/global/faq_arrow_up.png") no-repeat;background-position:right 13px;}
#content .hdbox .ibox ul li.hdac .dap{display:block;}
/* END HOI DAP */

/* START TAI LIEU */
#content .tabox{display:block;width:900px;margin:0 auto;padding:35px 0;}
#content .tabox .ibox{}
#content .tabox .ibox ul{display:block;margin:0;padding:0;list-style:none;}
#content .tabox .ibox ul li{position:relative;width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .tabox .ibox ul li h2{position:relative;display:block;margin:0 0 35px;padding:15px 0;font:300 30px/40px Roboto, Arial;color:#ef4123;text-transform:uppercase;text-align:center;}
#content .tabox .ibox ul li h2:before{position:absolute;bottom:0;left:50%;width:50px;height:3px;background:#ef4123;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#content .tabox .ibox ul li .info{}
#content .tabox .ibox ul li .info ul{display:block;margin:0;padding:0;list-style:none;}
#content .tabox .ibox ul li .info ul li{position:relative;width:48%;display:inline-block;vertical-align:top;margin:0 0 0 4%;padding:5px 0;list-style:none;}
#content .tabox .ibox ul li .info ul li:nth-child(odd){margin-left:0;}
#content .tabox .ibox ul li .info ul li a{display:block;padding:5px 0 5px 32px;font:300 16px/25px Roboto, Arial;color:#666;text-transform:uppercase;letter-spacing:1px;
	background:url("/images/global/ico-redpdf.png") no-repeat;
	background-size:19px 22px;
	background-position:0 5px;
	}
#content .tabox .ibox ul li .info ul li a:hover{color:#ef4123;}
/* END TAI LIEU */

/* START BOX LY DO */
#content .lydo{position:relative;display:block;width:100%;}
#content .lydo .head{position:relative;display:block;margin:0 0 45px;padding:25px 2%;font:300 30px/35px Roboto, Arial;color:#f95235;text-transform:uppercase;letter-spacing:5px;text-align:center}
#content .lydo .head:before{position:absolute;bottom:0;left:50%;width:50px;height:2px;background:#f95235;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#content .lydo .ibox{width:100%;height:auto;margin:0 auto;padding:0 0 65px;}

#sliderh{width:100%;max-height:600px;margin:0;padding:0;
  	-webkit-user-select: none;
  	-moz-user-select: none;  
  	user-select: none;
  	overflow:hidden;
	}
#content .lydo .ibox .wcon{position:relative;width:100%;height:100%;overflow:hidden;}
#content .lydo .ibox .wcon .rscon{position:absolute;top:0;bottom:0;left:0;right:0;display:flex;align-items:center;}
#content .lydo .ibox .wcon .rscon .rsbox{width:900px;margin:0 auto;padding:0;}
#content .lydo .ibox .wcon .rscon .rsbox h2{margin:0;padding:5px 0;font:300 50px/60px Roboto, Arial;color:#fff;}
#content .lydo .ibox .wcon .rscon .rsbox h3{margin:0;padding:5px 0;font:300 30px/40px Roboto, Arial;color:#fff;}
#content .lydo .ibox .wcon .rscon .rsbox p,
#content .lydo .ibox .wcon .rscon .rsbox div{padding:5px 0;font:300 16px/25px Roboto, Arial;color:#fff;}
#content .lydo .ibox .wcon .rscon .rsbox p span,
#content .lydo .ibox .wcon .rscon .rsbox div span{font:400 16px/25px Roboto, Arial;color:#fff;}
#content .lydo .ibox .wcon .rscon .rsbox hr{width:50px;margin:25px auto;border:#fff 1px solid;}
/* END BOX LY DO */

/* START SAN PHAM GROUP */
#content .spbox{display:block;width:100%;margin:0 auto;padding:35px 0;}
#content .spbox .intro{width:1024px;margin:0 auto;padding:0;font:300 16px/25px Roboto, Arial;color:#666;}
#content .spbox .bottom{width:1024px;margin:25px auto;padding:0;font:300 16px/22px Roboto, Arial;color:#666;text-align:justify;}
#content .spbox .ibox{}
#content .spbox .ibox ul{display:block;margin:0;padding:0;list-style:none;}
#content .spbox .ibox ul li{position:relative;width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .spbox .ibox ul li .info{float:left;width:50%;display:inline-block;vertical-align:top;position:relative;overflow:hidden;padding:25px 5% 25px 8%;font:300 17px/28px Roboto, Arial;color:#444;}
#content .spbox .ibox ul li .info .head{display:block;width:100%;margin:0;padding:15px 0;font:300 28px/38px Roboto, Arial;color:#444;text-transform:uppercase;}
#content .spbox .ibox ul li .info .more{width:100%;display:block;margin:0;padding:25px 0 10px;}
#content .spbox .ibox ul li .info .more a{background:none;display:inline-block;padding:6px 15px 4px;font:300 15px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;letter-spacing:3px;border:#ef4123 1px solid;transition:top ease 1s;}
#content .spbox .ibox ul li .info .more a:hover{background:url("/images/global/button_hvr.png");color:#fff;}

#content .spbox .ibox ul li .thumb{float:right;width:50%;display:inline-block;vertical-align:top;position:relative;overflow:hidden;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;}
#content .spbox .ibox ul li .thumb img{display:block;width:100%;border:none;}

#content .spbox .ibox ul li:nth-child(even) .info{float:right;padding:25px 8% 25px 5%;}
#content .spbox .ibox ul li:nth-child(even) .thumb{float:left;}
/* END SAN PHAM GROUP */

/* START SAN PHAM LIST */
#content .depbox{display:block;width:100%;margin:0 auto;padding:25px 0;}
#content .depbox .ibox{width:800px;margin:0 auto;}
#content .depbox .ibox .depinfo{padding:15px 0;font:300 16px/25px Roboto, Arial;color:#444;text-align:justify;}

#content .depbox .ibox .dephead{padding:15px 0 0;font:300 16px/22px Roboto, Arial;color:#444;text-align:justify;}

#content .depbox .ibox .depgal{padding:0 0 15px;}
#content .depbox .ibox .depgal .wcon{
    width: 100%;
    height: 100%;
    position: relative;
}
#sligal{width:100%;margin:0;padding:0;
  	-webkit-user-select: none;
  	-moz-user-select: none;  
  	user-select: none;
  	overflow:hidden;
	}
	
#content .depbox .ibox .dephd{padding:0 0 15px;}
#content .depbox .ibox .dephd ul{display:block;margin:0;padding:0;list-style:none;}
#content .depbox .ibox .dephd ul li{position:relative;width:100%;display:inline-block;vertical-align:top;margin:0;padding:5px 3px;list-style:none;
	border-bottom:#ccc 1px solid;
	transition: border-color ease .5s;
	overflow:hidden;
	}
#content .depbox .ibox .dephd ul li .hoi{position:relative;display:block;margin:0;padding:0;}
#content .depbox .ibox .dephd ul li .hoi h2{position:relative;display:block;margin:0;padding:5px 0;font:400 16px/25px Roboto, Arial;color:#444;cursor:pointer;
	background:url("/images/global/accordion_plus.png") no-repeat;
	background-position: right 13px;
	transition: all ease .5s;
	}
#content .depbox .ibox .dephd ul li .dap{position:relative;display:none;margin:0;padding:5px 0;font:300 15px/25px Roboto, Arial;color:#444;transition:all ease .5s;overflow:hidden;}
#content .depbox .ibox .dephd ul li .dap .thumb{width:20%;display:inline-block;vertical-align:top;position:relative;overflow:hidden;background-repeat:no-repeat !important;background-size:cover !important;background-position:center !important;}
#content .depbox .ibox .dephd ul li .dap .thumb img{display:block;width:100%;border:none;}
#content .depbox .ibox .dephd ul li .dap .info{width:80%;display:inline-block;vertical-align:top;position:relative;overflow:hidden;padding:0 0 0 25px;{font:300 16px/25px Roboto, Arial;color:#444;}}
#content .depbox .ibox .dephd ul li .dap .info h1{font:300 18px/25px Roboto, Arial;padding:5px 0;color:#f95235;}
#content .depbox .ibox .dephd ul li .dap .info h2{font:300 18px/25px Roboto, Arial;padding:5px 0;color:#f95235;}
#content .depbox .ibox .dephd ul li .dap .info h3{font:300 18px/25px Roboto, Arial;padding:5px 0;color:#f95235;}
#content .depbox .ibox .dephd ul li .dap .info h4{font:300 18px/25px Roboto, Arial;padding:5px 0;color:#f95235;}
#content .depbox .ibox .dephd ul li .dap .info h5{font:300 18px/25px Roboto, Arial;padding:5px 0;color:#f95235;}
#content .depbox .ibox .dephd ul li .dap .info p,
#content .depbox .ibox .dephd ul li .dap .info div{padding:5px 0;}
#content .depbox .ibox .dephd ul li .dap .info a{color:#f95235;text-decoration:none}
#content .depbox .ibox .dephd ul li .dap .info a:hover{color:#f95235;text-decoration:underline}
#content .depbox .ibox .dephd ul li .dap .info hr{width:50px;margin:15px auto;border:#f95235 1px solid;}
#content .depbox .ibox .dephd ul li .dap .info img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .depbox .ibox .dephd ul li .dap .info table{max-width:100%;}
#content .depbox .ibox .dephd ul li .dap .info td{padding:3px 5px;}
#content .depbox .ibox .dephd ul li .dap .info .bang {margin:10px 0;border-collapse: collapse;}
#content .depbox .ibox .dephd ul li .dap .info .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .depbox .ibox .dephd ul li .dap .info .bang0 {margin:10px;border-collapse: collapse;}
#content .depbox .ibox .dephd ul li .dap .info .bang0 td{padding:0;border:#ababab 0px solid;}
#content .depbox .ibox .dephd ul li .dap .info ul{margin:5px 0;padding:0;list-style-type:square;}
#content .depbox .ibox .dephd ul li .dap .info ul li{list-style-type:square;margin:0 0 0 18px;padding:0;
	background:none;
	border-left:none;
	overflow:auto;
	}
#content .depbox .ibox .dephd ul li .dap .info ol{margin:5px 0;padding:0;list-style-type:square;}
#content .depbox .ibox .dephd ul li .dap .info ol li{list-style-type:square;margin:0 0 0 18px;padding:0;}

#content .depbox .ibox .dephd ul li.hdac .hoi h2{background:url("/images/global/accordion_minus.png") no-repeat;background-position:right 13px;}
#content .depbox .ibox .dephd ul li.hdac .dap{display:block;}

/* END SAN PHAM LIST */

/* START COLLECTION GROUP */
#content .cobox{display:block;width:100%;margin:0 auto;padding:35px 0;}
#content .cobox .ibox{width:1024px;margin:0 auto;}
#content .cobox .debox{width:1024px;margin:0 auto;}
#content .cobox .intro{width:1024px;margin:0 auto;padding:0;font:300 16px/22px Roboto, Arial;color:#666;}

#content .cobox .ibox ul{display:block;margin:0;padding:0;list-style:none;}
#content .cobox .ibox ul li{position:relative;width:100%;display:inline-block;vertical-align:top;margin:0;padding:0;list-style:none;}
#content .cobox .ibox ul li h2{display:block;width:100%;margin:0;padding:25px 0;font:300 22px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;}
#content .cobox .ibox ul li h2 a{color:#ef4123;}
#content .cobox .ibox ul li h2 a:hover{color:#ef4123;}
#content .cobox .ibox ul li ul{display:block;margin:0;padding:0;list-style:none;}
#content .cobox .ibox ul li ul li{background:#ededed;position:relative;width:15.66666%;display:inline-block;vertical-align:top;margin:0 0 12px 1.2%;padding:0;list-style:none;}
#content .cobox .ibox ul li ul li:first-child,
#content .cobox .ibox ul li ul li:nth-child(7),
#content .cobox .ibox ul li ul li:nth-child(13),
#content .cobox .ibox ul li ul li:nth-child(19),
#content .cobox .ibox ul li ul li:nth-child(25),
#content .cobox .ibox ul li ul li:nth-child(31),
#content .cobox .ibox ul li ul li:nth-child(37),
#content .cobox .ibox ul li ul li:nth-child(43),
#content .cobox .ibox ul li ul li:nth-child(49),
#content .cobox .ibox ul li ul li:nth-child(55),
#content .cobox .ibox ul li ul li:nth-child(61),
#content .cobox .ibox ul li ul li:nth-child(67),
#content .cobox .ibox ul li ul li:nth-child(73),
#content .cobox .ibox ul li ul li:nth-child(79),
#content .cobox .ibox ul li ul li:nth-child(85),
#content .cobox .ibox ul li ul li:nth-child(91),
#content .cobox .ibox ul li ul li:nth-child(97),
#content .cobox .ibox ul li ul li:nth-child(103),
#content .cobox .ibox ul li ul li:nth-child(109),
#content .cobox .ibox ul li ul li:nth-child(115),
#content .cobox .ibox ul li ul li:nth-child(121),
#content .cobox .ibox ul li ul li:nth-child(127){margin-left:0;}

#content .cobox .ibox ul li ul li .flip-container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-o-perspective:1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d; 			
	}
.flip-container:hover .back,
.flip-container.hover .back {
	-webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
	}
.flip-container:hover .front,
.flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
	}
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	}
.front,
.back {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height:100%;
	display:flex;
	align-items: center;
	background:#fcba62;
	}
.front {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	background-position: center center;
	z-index: 2;
	font:300 18px/28px Roboto, Arial;
	color:#fff;
	text-transform:uppercase;
	padding:10px 15px;
	}
.back {
	-webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(-180deg);
	font:300 14px/22px Roboto, Arial;
	color:#222;
	padding:10px 15px;
	}
.front p,
.back p{width:100%;display:block;text-align:center;}

.back a{width:100%;display:block;text-align:center;font:300 15px/28px Roboto, Arial;color:#551a8b;}
.back a:hover{color:#f00;}
		
#content .cobox .ibox ul li ul li .thumb{position:relative;display:block;background-size:cover !important;background-position:50% 50% !important;}
#content .cobox .ibox ul li ul li .thumb img{display:block;width:100%;border:none;}
#content .cobox .ibox ul li ul li .info{position:relative;width:100%;padding:15px 15px;}
#content .cobox .ibox ul li ul li .info h4{height:40px;overflow:hidden;margin:0;padding:0;font:400 14px/20px Roboto, Arial;color:#222;}
#content .cobox .ibox ul li ul li .info h4 a{color:#222}
#content .cobox .ibox ul li ul li .info h4 a:hover{color:#a57a50;}
#content .cobox .ibox ul li ul li .info p{margin:0;padding:10px 0 0;font:300 14px/20px Roboto;color:#222;}
#content .cobox .ibox ul li ul li .info p span.pri{color:#ef4123;}
#content .cobox .ibox ul li ul li .info p span.tt{color:#ef4123;}

.text-center{text-align:left;padding:130px 0 0;}
.abc .read-more{background:none;display:inline-block;padding:6px 15px 4px;font:300 15px/30px Roboto, Arial;color:#ef4123;text-transform:uppercase;letter-spacing:3px;border:#ef4123 1px solid;transition:top ease 1s;}
.abc .read-more:hover{background:url("/images/global/button_hvr.png");color:#fff;}
.btn{}
.floatBox{position:relative;float:left;height:120px;overflow:hidden;display:block;}	

#content .cobox .debox .detop{background:#fff;padding:0 0 15px;}
#content .cobox .debox .detop .left{float:right;width:30%;}
#content .cobox .debox .detop .left .head{display:block;width:100%;margin:0;padding:5px 0 15px;font:300 28px/38px Roboto, Arial;color:#444;text-transform:uppercase;}
#content .cobox .debox .detop .left .imbox{display:block;width:100%;margin:0;padding:0 0 15px;}
#content .cobox .debox .detop .left .imbox ul{width:auto;display:inline-block;vertical-align:top;padding:0;margin:0;list-style:none}
#content .cobox .debox .detop .left .imbox ul li{width:auto;display:inline-block;vertical-align:top;margin:0;padding:5px;}
#content .cobox .debox .detop .left .imbox ul li .thumb{position:relative;display:block;border:#ccc 1px solid;padding:5px;cursor:pointer;}
#content .cobox .debox .detop .left .imbox ul li .thumb img{display:block;width:auto;height:40px;border:none;}

#content .cobox .debox .detop .left .price{margin:0;padding:0 0 15px;font:300 17px/20px Roboto;color:#222;}
#content .cobox .debox .detop .left .price span.pri{color:#ef4123;}
#content .cobox .debox .detop .left .price span.tt{color:#666;text-decoration:line-through;}

#content .cobox .debox .detop .left .info{display:block;width:100%;margin:0;padding:5px;font:300 15px/22px Roboto, Arial;color:#444;border-top:#ccc 1px solid;border-bottom:#ccc 1px solid;}

#content .cobox .debox .detop .right{float:left;width:66%;}
#content .cobox .debox .detop .right .thumb{position:relative;display:block;background-size:cover !important;background-position:50% 50% !important;}
#content .cobox .debox .detop .right .thumb img{display:block;width:100%;border:none;}
#content .cobox .debox .detop .right .disclaimer{padding:15px 0 0;font:300 13px/18px Roboto, Arial;color:#444;}
#content .cobox .debox .detop .right .disclaimer span{font-weight:400;}

#content .depro{background: url('/images/global/tabbing_bg.png');padding:65px 0;}
#content .depro .ibox{width:1024px;margin:0 auto;}
#content .depro .head{position:relative;display:block;margin:0 0 45px;padding:0 0 25px;font:300 30px/35px Roboto, Arial;color:#f95235;text-transform:uppercase;letter-spacing:5px;text-align:center}
#content .depro .head:before{position:absolute;bottom:0;left:50%;width:50px;height:2px;background:#f95235;content:'';
	-webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
	}
#content .depro .ibox .progen{font:300 16px/25px Roboto;color:#222;}
#content .depro .ibox .progen h1{font:400 26px/34px Roboto, Arial;padding:15px 0;}
#content .depro .ibox .progen h2{font:400 24px/32px Roboto, Arial;padding:15px 0;}
#content .depro .ibox .progen h3{font:400 22px/30px Roboto, Arial;padding:10px 0;}
#content .depro .ibox .progen h4{font:400 20px/28px Roboto, Arial;padding:10px 0;}
#content .depro .ibox .progen p,
#content .depro .ibox .progen div{padding:6px 0;}
#content .depro .ibox .progen a{color:#f95235;text-decoration:none}
#content .depro .ibox .progen a:hover{color:#f95235;text-decoration:underline}
#content .depro .ibox .progen hr{width:50px;margin:15px auto;border:#f95235 1px solid;}
#content .depro .ibox .progen img{display:inline-block;margin:5px 0;max-width:100%;height:auto !important;border:none}
#content .depro .ibox .progen table{max-width:100%;}
#content .depro .ibox .progen td{padding:3px 5px;}
#content .depro .ibox .progen .bang {margin:10px 0;border-collapse: collapse;}
#content .depro .ibox .progen .bang td{padding:3px 5px;border:#ababab 1px solid;}
#content .depro .ibox .progen .bang0 {margin:10;border-collapse: collapse;}
#content .depro .ibox .progen .bang0 td{padding:0;border:#ababab 0px solid;}

#content .depro .ibox .progen ul,
#content .depro .ibox .progen ol{width:100%;margin:5px 0;padding:0;display:inline-block;vertical-align:top;list-style-type:none;}
#content .depro .ibox .progen ul li,
#content .depro .ibox .progen ol li{width:48%;margin:0 0 0 3.5%;padding:5px 0;display:inline-block;vertical-align:top;list-style-type:none;border-bottom:#ccc 1px solid;}
#content .depro .ibox .progen ul li:nth-child(odd),
#content .depro .ibox .progen ol li:nth-child(odd){margin-left:0;}

#content .depro .ibox .progen .youtube{padding:15px 0;}
#content .depro .ibox .progen .youtube .ytbox{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .depro .ibox .progen .youtube .ytbox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

#content .depro .ibox .progen .video{padding:10px 0;}
#content .depro .ibox .progen .video p{position:relative;width:100%;height:0;padding-bottom:56.25%;margin:0;}
#content .depro .ibox .progen .video p iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

/* END COLLECTION GROUP */

.overlay:hover {opacity: 1;}
.overlay {
    background-color: rgba(0,0,0, 0.35);
	display:flex;
    position: absolute;
	z-index:2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    align-items:center;
    opacity: 0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.overlay div{display:block;width:100%;}
.overlay div p{display:block;width:100%;margin:0;padding:0 0 5px;font:400 20px/30px Roboto, Arial;color:#fff;text-transform:uppercase}
.overlay div span{display:block;width:100%;text-align:center;}
.overlay div span span{background:#ee1c25;display:inline-block;width:auto;padding:5px 15px;font:400 13px/20px Roboto, Arial;color:#fff;}

.overlay:before, .overlay:after {
    z-index: 3;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
}

.overlay:before {
    z-index: 3;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}

.overlay:after {
    z-index: 3;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.overlay:hover::before, .overlay:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

#sitemap {margin:0;padding:0 0 0 30px;list-style:none;}
#sitemap li{margin:0;padding:3px 0;list-style:none;}
#sitemap li a{font:300 17px/22px Roboto, Arial;text-decoration:none;color:#444;}
#sitemap li a:hover{text-decoration:underline}

#sitemap li ul {margin:0;padding: 0 0 0 30px}
#sitemap li ul li{margin:0;padding:3px 0;}
#sitemap li ul li a{font:300 16px/22px Roboto, Arial;text-decoration:none;color:#444;}
#sitemap li ul li a:hover{text-decoration:underline}

#sitemap li ul li ul {margin:0;padding: 0 0 0 30px}
#sitemap li ul li ul li{margin:0;padding:3px 0;}
#sitemap li ul li ul li a{font:300 16px/22px Roboto, Arial;text-decoration:none;color:#444;}
#sitemap li ul li ul li a:hover{text-decoration:underline}

#doitac{display:block;background:#fff;padding:25px 0;border-top:#d5d4d4 1px dashed;}
#doitac .box{width:1200px;margin:0 auto;}

/* START FOOTER */
#footer{display:block;}
#footer .ibox{width:1200px;display:flex;margin:0 auto;padding:35px 0;}
#footer .ibox .left{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: auto;
	font:300 13px/20px Roboto, serif;color:#fff;white-space:nowrap;
	}
#footer .ibox .right{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
	}
#footer .ibox .right ul{display:inline-block;padding:0;margin:0;list-style:none}
#footer .ibox .right ul li{display:inline-block;margin:0;padding:0 0 0 15px;font:300 13px/20px Roboto, serif;color:#fff;}
#footer .ibox .right ul li a{font:300 13px/20px Roboto, serif;color:#fff;}
#footer .ibox .right ul li a:hover{color:#ee3137;}
/* END FOOTER */

#navigation h1{font-size:20px;font-weight:400;height:30px;margin-bottom:10px}
#pnavigation h1{font:600 18px Roboto, Arial;margin:10px 0 10px 0;text-transform: uppercase;color: #A94B97;}
#comming {width:100%;padding-top:50px;padding-bottom:50px;font:600 normal 13px Roboto, Arial;color:#454545;text-align:center;}
#page-result{margin:0;font:600 18px Roboto, Arial;color:#3b5998;}

#mainintro, #mainintro p, #mainintro h1, #mainintro h2{text-align:justify;line-height:18px}
#imgintro {width:710px;height:260px;border:none;outline:none}

#herrormsg {width:100%;padding:20px 0 0;font:400 12px/12px Verdana;color:#fff;text-align:center;}
.herrormsg-title {width:100%;padding:20px 0 0;font:400 12px/12px Roboto, Arial;color:#fff;text-align:center;}

#errormsg {width:100%;padding-top:50px;padding-bottom:50px;font:400 14px/22px Roboto, Arial;color:#454545;text-align:center;}
#errormsg p{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;text-align:center;}
#errormsg p.xacminh{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;}
#errormsg p.xacminh a{font:400 14px/22px Roboto, Arial;color:#00759c;}
#errormsg p.xacminh a:hover{color:#ff0000;}
#errormsg span{font:700 14px/22px Roboto, Arial;color:#454545;}
.errormsg-title {width:100%;padding:30px 0 10px;font:700 15px/22px Roboto, Arial;color:#444;text-align:center;text-transform:uppercase}
.errormsg-error{margin:0;padding:5px 0;font:700 15px/22px Roboto, Arial;color:#222;text-align:left;}
.errormsg-message{margin:0;padding:5px 0 30px;font:400 14px/22px Roboto, Arial;color:#ff0000;text-align:left;}

#bookmsg {width:100%;font:400 14px/22px Roboto, Arial;color:#454545;
    margin: 0 0 25px 0;
	padding:25px;
	text-align:center;
	overflow:hidden;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	}
#bookmsg h2{margin:0;padding:5px 0;font:400 18px/22px Roboto, Arial;color:#b70017;}
#bookmsg p{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;}
#bookmsg p a{font:400 14px/22px Roboto, Arial;color:#007ff0;}
#bookmsg p a:hover{text-decoration:none}
#bookmsg p span{color:#58b712;}
#bookmsg div{margin:0;padding:5px 0;font:400 14px/22px Roboto, Arial;color:#454545;}
#bookmsg div span{display:inline-block;background:#58b712;padding:10px 25px;font:400 18px/22px Roboto, Arial;color:#fff;}

#mainlink {padding:0 0 35px;text-align:center;}
#mainlink a {
	cursor: pointer;
	font:400 15px/22px Arial;
	color: #222;
    margin: 0px 3px;
    padding: 5px 0;
	display:inline-block;
	min-width:32px;
    text-align: center;
	text-decoration:none;
    background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	overflow:hidden;
}
#mainlink a:hover{color:#fff;background-color:#f44336;text-decoration: none;}
#mainlink a.active {
	cursor: pointer;
	font:700 15px/22px Arial;
	color: #fff;
    margin: 0px 3px;
    padding: 5px 0;
	display:inline-block;
	min-width:32px;
    text-align: center;
	text-decoration:none;
    background-color: #f44336;
}
#mainlink a.active:hover{text-decoration:none;}

/* START BOX ENQUIRE */
.fade{
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
    opacity: 0.5 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
#reg1 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto, Arial;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg2 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto, Arial;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg3 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto, Arial;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg4 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto, Arial;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
#reg5 {
    background: #fff;
    position:absolute;
    left: 50px;
    bottom: 50px;
    z-index: 999999;
	font:400 14px/18px Roboto, Arial;
    color: #222;
    height: auto;
    width: 50%;
    padding: 15px 20px;
    border-radius: 4px;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    bottom: inherit !important;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}
.regclose{
    position: absolute;
    font-size: 20px;
    right: 20px;
    top: 15px;
    opacity: 1;
    cursor: pointer;
}
.regheading{
    font:500 18px/20px Roboto, Arial;
	border-bottom: 1px solid #f5f5f5;
	margin-bottom: 12px;
    padding: 0 0 10px;
}
#regbody form{}
#regbody ul{width:100%;padding:5px 0;margin:0;list-style:none;}
#regbody ul li{display:inline-block;width:33.33333%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:500 14px/20px Roboto, Arial;color:#222;}
#regbody ul li.li50{display:inline-block;width:50%;margin:0;padding:5px 1%;list-style:none;vertical-align:top;font:500 14px/20px Roboto, Arial;color:#222;}
#regbody ul li.textarea{width:100%;}
#regbody ul li:last-child{width:100%;padding-top:0;text-align:center;}

#regbody ul li p{margin:0;padding:0 3px 5px;font:500 14px/20px Roboto, Arial;color:#222;}
#regbody ul li p span {color: #ff0000;}
#regbody ul li div{margin:0;padding:0;font:400 14px/20px Roboto, Arial;color:#222;}
#regbody ul li i{display:block;opacity:.5;padding:5px 5px 8px;font:400 italic 12px/12px Roboto, Arial;color:#fff;}
#regbody ul li i{
    display: block;
    vertical-align: top;
    padding: 5px 0 0 3px;
    font: 400 12px/12px Roboto, Arial;
    color: #f00;
}

#regbody ul li #ketqua,
#regbody ul li #kqlai{
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    border: #ccc 1px solid;
    margin: 10px 0;
    padding:0;
	font:400 14px/20px Roboto, Arial;
    color: #555;
}
#regbody ul li #ketqua ul,
#regbody ul li #kqlai ul{width:100%;padding:10px 0;margin:0;list-style:none;}
#regbody ul li #ketqua ul li,
#regbody ul li #kqlai ul li{display:inline-block;width:50%;margin:0;padding:5px 5%;list-style:none;vertical-align:top;font:400 14px/20px Roboto, Arial;color:#222;text-align:left;}
#regbody ul li #ketqua ul li:nth-child(even),
#regbody ul li #kqlai ul li:nth-child(even) {text-align:right}
#regbody ul li #ketqua ul li span,
#regbody ul li #kqlai ul li span {font:500 14px/20px Roboto, Arial;}
#regbody ul li #ketqua ul li b,
#regbody ul li #kqlai ul li b {font:500 14px/20px Roboto, Arial;color:#f00;}

#regbody ul li #ketqua ul li:last-child,
#regbody ul li #kqlai ul li:last-child {display:inline-block;width:100%;margin:0;padding:10px 5% 5px;list-style:none;vertical-align:top;font:400 14px/20px Roboto, Arial;color:#222;}
	
#regbody select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
    color: #555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#regbody input[type="text"], #regbody input[type="password"], #regbody input[type="file"], #regbody textarea {
	display:inline-block;
	width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
	color:#555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;

}

::placeholder {font-size:14px;color:#d4d4d4;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#d4d4d4;}
::-ms-input-placeholder {font-size:14px;color:#d4d4d4;}

#regbody input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
	color:#555;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#regbody input[type="button"] {
	display:inline-block;
	width:auto;
	background:#f00;
	border:#f00 1px solid;
	margin:0;
	padding:6px 25px;
	font: 400 14px/20px Roboto, Arial;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#regbody select:hover, #regbody input[type="text"]:hover, .regbody input[type="password"]:hover, #regbody textarea:hover, #regbody input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#regbody input[type="button"]:hover {background:#f00;border:#f00 1px solid;}
/* END BOX ENQUIRE */

/* START FORM MEM BOX */
#hmap {}
#hmap .gmap {
	width:100%;
	height:280px;
	margin: 10px 0 0 0;
	overflow:hidden;
}
#hmap .gmap .fmap {
	width:100%;
	height:380px;
	padding:0;
	background:transparent;
	border-radius:0px;
}
#hmap .gmap .fmap button{height:30px !important;width:30px !important;}
#hmap .gmap .fmap div{font-size:14px !important}
#hmap .mapTitle{font:500 12px/18px Roboto, Arial;color:#222}

#form{}
#form .formhead{
	width:100%;
	border-bottom:#d3d3d3 1px solid;
	padding: 0 0 10px 0;
	margin: 0 0 15px 0;
	}
#form .formhead p{font: 400 13px/18px Verdana;padding:3px 0;color:#222;}
#form .formhead span{font: 400 italic 13px Verdana;color:#ff0000;}
	
#form .formdetail{width:50%;margin:0 auto;padding: 3px 0 10px 0;font:400 14px/22px Roboto, Arial;}
#form .formdetail p{font: 400 14px/18px Verdana;padding:3px 0;}
#form .formdetail span{font: 400 14px Roboto, Arial;color:#f00}
	
#form .formbox {width:100%;margin:0 auto;color:#222;}
.formbox90 {width:80% !important;}

.form3030{padding:3px 0 !important}
.form3030 span{display:block;padding:5px 0 0 5px;font:400 12px Roboto, Arial;color:#f00;}

#form .formbox div.head{width:100%;padding:9px 0 12px;font: bold 14px/16px Verdana;}
#form .formbox .formleft{float:left;width:30%;padding:9px 0;font:400 14px/22px Roboto, Arial;color:#333;}
#form .formbox .formleft span{color:#ff0000}
#form .formbox .formright{float:right;width:70%;padding:3px 0;font:400 14px/22px Roboto, Arial;color:#333;}

.flwidth{width:40% !important}
.frwidth{width:60% !important}
.tren9{padding-top:9px !important;}
.duoi9{padding-top:9px !important;}

#form .formbox .formright span{display:block;padding:5px 0 0 5px;font:400 12px Roboto, Arial;color:#f00;}
#form .formbox .formright a{font:400 14px/22px Roboto, Arial;text-decoration:none}
#form .formbox .formright a:hover{color:#f00;}

#form .formbox select {
    background: rgba(255,255,255,1) url('/images/global/down-green.png') no-repeat right;
    display: inline-block;
    width: 100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
    color: #555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox input[type="text"], #form .formbox input[type="password"], #form .formbox input[type="file"], #form .formbox textarea {
	display:inline-block;
	vertical-align:middle;
	width:100%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    -webkit-appearance: none;
    background-color: rgba(255,255,255,1);
    border: #ccc 1px solid;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
	color:#555;
	
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;

}

::placeholder {font-size:14px;color:#666;opacity: 1;}
:-ms-input-placeholder {font-size:14px;color:#666;}
::-ms-input-placeholder {font-size:14px;color:#666;}

#form .formbox input[type="radio"] {
	display:inline-block;
    outline: 0;
    margin: 0;
    padding: 5px 10px;
	font:400 15px/22px Roboto, Arial;
	color:#555;

	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}
#form .formbox input[type="button"] {
	display:inline-block;
	width:auto;
	background:#00a2e9;
	border:#00a2e9 1px solid;
	margin:5px 0 0;
	padding:6px 25px;
	font: 400 13px/20px Roboto, Arial;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition:all 150ms linear 10ms;
	-moz-transition:all 150ms linear 10ms;
	-ms-transition:all 150ms linear 10ms;
	-o-transition:all 150ms linear 10ms;
	transition:all 150ms linear 10ms;
}

#form .formbox select:hover, #form .formbox input[type="text"]:hover, .formbox input[type="password"]:hover, #form .formbox textarea:hover, #form .formbox input[type="radio"]:hover {
    -webkit-box-shadow: #0066ff 0 0 5px 0;
    -moz-box-shadow: #0066ff 0 0 5px 0;
    box-shadow: #0066ff 0 0 5px 0;
}
#form .formbox input[type="button"]:hover {background:#f00;border:#f00 1px solid;}

.fsize0{width:45px !important}
.fsize01{width:85px !important}
.fsize1{width:150px !important}
.fsize2{width:200px !important}
.fsize3{width:250px !important}

/* END FORM BOX */

/* START MANG XH TOP */
a.vs-social-link-top{width:30px;display:inline-block;vertical-align:top;text-align:center;margin:0 2px;}
a.vs-social-link-top i{font-size:20px !important;color:#222;padding:5px 0 !important;display:block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}

a.vs-social-link-ban{width:auto;display:inline-block;vertical-align:top;text-align:center;margin:0 0 0 15px;}
a.vs-social-link-ban i{font-size:18px !important;color:#fff;padding:5px 0 !important;display:block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	}
a.vs-social-link-ban:hover i{color:#7d161e;}
/* END MANG XH TOP */

/* START MANG XH BOT */
a.vs-social-link{width:30px;display: inline-block;vertical-align:top;margin:0;}
a.vs-social-link i {
	font-size:18px !important;
	color:#535353;
	margin:0;
	padding:6px 0 !important;
	display: block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a.vs-social-link:hover i{color:#981b1e;}
/* END MANG XH BOT */

#top {
    position: fixed;
    bottom:100px;
    right:15px;
    background:rgba(239,65,35,0.8);
    font:300 15px/40px Roboto;
	text-transform:uppercase;
	text-align:center;
	color:#fff;
	text-decoration: none;
    padding:0;
	width:40px;
	height:40px;
    display: none;
    z-index: 9999;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	border-radius:50%;
	overflow:hidden;
}
#top img{display:block;width:32px;border:none;}
#top:hover{color:#fff;}

#chat {
    position: fixed;
    bottom:80px;
	width:40px;
    height: auto;
    z-index: 9999;
    left: 10px;
}
#chat .zalo{
    display:block;
	background:url("/images/global/icon-zalo.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .face{
    display:block;
	background:url("/images/global/icon-facebook.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .fb{
    display:block;
	background:url("/images/global/icon-fb.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .youtube{
    display:block;
	background:url("/images/global/icon-youtube.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
#chat .call{
    display:block;
	background:url("/images/global/icon-call.png");
	background-size:40px 40px;
	width:40px;
	height:40px;
	margin:0 0 5px;
	}
	
.fone {
    color: #ff0;
    font:450 18px/30px Roboto;
    padding:0 15px 0 50px;
    margin:3px 0;
}
.fone:hover{color:#fff;}
.fix_tel {position:fixed;bottom:30px;left:10px;z-index:998;}
.fix_tel a {text-decoration: none; display:block;}
.tel {display:none;background:#ed4227;width:auto;position:relative;overflow:hidden;border-radius:40px;border:solid 1px #ed4227;}
.ring-alo-phone {
    background-color: transparent;
    cursor: pointer;
    height: 80px;
    position: absolute;
    transition: visibility 0.5s ease 0s;
    visibility: hidden;
    width: 80px;
    z-index: 200000 !important;
}
.ring-alo-phone.ring-alo-show {
    visibility: visible;
}
.ring-alo-phone.ring-alo-hover, .ring-alo-phone:hover {
    opacity: 1;
}
.ring-alo-ph-circle {
    animation: 1.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim;
    background-color: transparent;
    border: 2px solid rgba(237,66,39,0.4);
    border-radius: 100%;
    height: 70px;
    left: 10px;
    opacity: 0.1;
    position: absolute;
    top: 12px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 70px;
}
.ring-alo-phone.ring-alo-active .ring-alo-ph-circle {
    animation: 1.1s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-static .ring-alo-ph-circle {
    animation: 2.2s ease-in-out 0s normal none infinite running ring-alo-circle-anim !important;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone:hover .ring-alo-ph-circle {
    border-color: #ed4227;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle {
    border-color: #ed4227;
    opacity: 0.5;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle {
    border-color: #ed4227;
    opacity: 0.5;
}
.ring-alo-ph-circle-fill {
    animation: 2.3s ease-in-out 0s normal none infinite running ring-alo-circle-fill-anim;
    background-color: #ed4227;
    border: 2px solid transparent;
    border-radius: 100%;
    height: 30px;
    left: 30px;
    opacity: 0.1;
    position: absolute;
    top: 33px;
    transform-origin: 50% 50% 0;
    transition: all 0.5s ease 0s;
    width: 30px;
}
.ring-alo-phone.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone:hover .ring-alo-ph-circle-fill {
    background-color: rgba(237,66,39,0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-circle-fill, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-circle-fill {
    background-color: rgba(237,66,39,0.5);
    opacity: 0.75 !important;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-circle-fill {
    background-color: rgba(237,66,39,0.5);
    opacity: 0.75 !important;
}

.ring-alo-ph-img-circle {
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
    border: 0px solid transparent;
    border-radius: 100%;
    height: 40px;
    left: 25px;
    opacity: 1;
    position: absolute;
    top: 25px;
    transform-origin: 50% 50% 0;
    width: 40px;
}

.ring-alo-phone.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone:hover .ring-alo-ph-img-circle {
    background-color: #ed4227;
}
.ring-alo-phone.ring-alo-green.ring-alo-hover .ring-alo-ph-img-circle, .ring-alo-phone.ring-alo-green:hover .ring-alo-ph-img-circle {
    background-color: #ed4227;
}
.ring-alo-phone.ring-alo-green .ring-alo-ph-img-circle {
    background-color: #ed4227;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.55);
}
@keyframes ring-alo-circle-anim {
	0% {
	    opacity: 0.1;
	    transform: rotate(0deg) scale(0.5) skew(1deg);
	}
	30% {
	    opacity: 0.5;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	100% {
	    opacity: 0.6;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}

@keyframes ring-alo-circle-img-anim {
	0% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	10% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	20% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	30% {
	    transform: rotate(-25deg) scale(1) skew(1deg);
	}
	40% {
	    transform: rotate(25deg) scale(1) skew(1deg);
	}
	50% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
}
@keyframes ring-alo-circle-fill-anim {
	0% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
	50% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(1) skew(1deg);
	}
	100% {
	    opacity: 0.2;
	    transform: rotate(0deg) scale(0.7) skew(1deg);
	}
}
	.ring-alo-ph-img-circle a img {
	    padding: 2px 0 0 2px;
	    width: 38px;
	    position: relative;
	    top: -1px;
	}

/*MAGIC ZOOM*/
.MagicZoom,.MagicZoom:hover{outline:0!important;margin:auto;display:block !important;}
.MagicZoom img{border:0!important;outline:0!important;margin:0!important;padding:0!important}
.MagicZoomHint{color:#444;font-size:8pt;font-family:sans-serif;line-height:24px;min-height:24px;text-align:left;text-decoration:none;margin:0;padding:2px 2px 2px 20px !important}
.MagicZoomExternalTitle{display:none}
.MagicZoomBigImageCont{background:#fff;border:1px solid #999}
.MagicZoomBigImageCont *{display:inline}
.MagicZoomBigImageCont img{max-width:none!important;max-height:none!important;height:auto!important;width:auto!important}
.MagicZoomHeader{background:#666;color:#fff;font-size:10pt!important;line-height:normal!important;text-align:center!important}
.MagicZoomPup{background:#fff;border:1px solid #aaa;cursor:move}
.MagicZoomLoading{background:#fff;border:1px solid #ccc;color:#444;font-family:sans-serif;font-size:8pt;line-height:1.5em;text-align:left;text-decoration:none;margin:0;padding:4px 4px 4px 24px !important}
.MagicBoxShadow{-moz-box-shadow:3px 3px 4px #888888;-webkit-box-shadow:3px 3px 4px #888888;box-shadow:3px 3px 4px #888888;border-collapse:separate;filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888') !important;-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#888888')" !important;}
.MagicBoxGlow{-moz-box-shadow:0px 0px 4px 4px #888888;-webkit-box-shadow:0px 0px 4px 4px #888888;box-shadow:0px 0px 4px 4px #888888;border-collapse:separate;filter:progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888') !important;-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Strength=4, Color='#888888')" !important;}

/*Fancybox*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top;}
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020;}
.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.fancybox-opened{z-index:8030;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner{position:relative;}
.fancybox-inner{overflow:hidden;}
.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch;}
.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap;}
.fancybox-image, .fancybox-iframe{display:block;width:100%;height:100%;}
.fancybox-image{max-width:100%;max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/images/global/fancybox_sprite.png');}
#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060;}
#fancybox-loading div{width:44px;height:44px;background:url('/images/global/fancybox_loading.gif') center center no-repeat;}
.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040;}
.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/images/global/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040;}
.fancybox-prev{left:0;}
.fancybox-next{right:0;}
.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden;}
.fancybox-prev span{left:10px;background-position:0 -36px;}
.fancybox-next span{right:10px;background-position:0 -72px;}
.fancybox-nav:hover span{visibility:visible;}
.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible !important;}
.fancybox-lock{overflow:hidden !important;width:auto;}
.fancybox-lock body{overflow:hidden !important;}
.fancybox-lock-test{overflow-y:hidden !important;}
.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('/images/global/fancybox_overlay.png');}
.fancybox-overlay-fixed{position:fixed;bottom:0;right:0;}
.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll;}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050;}
.fancybox-opened .fancybox-title{visibility:visible;}
.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center;}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap;}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff;}
.fancybox-title-inside-wrap{padding-top:10px;}
.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('/images/global/fancybox_sprite@2x.png');background-size:44px 152px;}
 #fancybox-loading div{background-image:url('/images/global/fancybox_loading@2x.gif');background-size:24px 24px;}
}
#fancybox-buttons{position:fixed;left:0;width:100%;z-index:8050;}
#fancybox-buttons.top{top:10px;}
#fancybox-buttons.bottom{bottom:10px;}
#fancybox-buttons ul{display:block;width:166px;height:30px;margin:0 auto;padding:0;list-style:none;border:1px solid #111;border-radius:3px;-webkit-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);-moz-box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.05);background:rgb(50,50,50);background:-moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));background:-webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);background:-o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);background:-ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);background:linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );}
#fancybox-buttons ul li{float:left;margin:0;padding:0;}
#fancybox-buttons a{display:block;width:30px;height:30px;text-indent:-9999px;background-color:transparent;background-image:url('/images/global/fancybox_buttons.png');background-repeat:no-repeat;outline:none;opacity:0.8;}
#fancybox-buttons a:hover{opacity:1;}
#fancybox-buttons a.btnPrev{background-position:5px 0;}
#fancybox-buttons a.btnNext{background-position:-33px 0;border-right:1px solid #3e3e3e;}
#fancybox-buttons a.btnPlay{background-position:0 -30px;}
#fancybox-buttons a.btnPlayOn{background-position:-30px -30px;}
#fancybox-buttons a.btnToggle{background-position:3px -60px;border-left:1px solid #111;border-right:1px solid #3e3e3e;width:35px}
#fancybox-buttons a.btnToggleOn{background-position:-27px -60px;}
#fancybox-buttons a.btnClose{border-left:1px solid #111;width:35px;background-position:-56px 0px;}
#fancybox-buttons a.btnDisabled{opacity:0.4;cursor:default;}
/*Fancybox*/
	
@media (max-width:1280px){

	#fullpage .pgroup .cbox .ibox,
	#fullpage .dgroup .cbox .ibox,
	#fullpage .cfoot .ibox,
	#footer .ibox,
	#content .conbox{width:96%;}
}

@media (max-width:1024px){

	#fullpage .vgroup .cbox .ibox,
	#content .depbox .ibox,
	#content .cobox .ibox,
	#content .cobox .intro,
	#content .spbox .bottom,
	#content .cobox .debox,
	#content .depro .ibox,
	#content .gbox,
	#content .subbox,
	#content .gabox,
	#content .tabox,
	#content .nbox .ibox,
	#content .hdbox{width:96%;}
	
}

@media (max-width:900px){

	#content .lydo .ibox .wcon .rscon .rsbox,
	#content .fullbg .ibox .inbox{width:96%;}

}

@media (max-width:768px){

	#sliderh1{display:none}
	#sliderh2{display:block}
	#content .lydo .ibox .wcon .rscon .rsbox h2{margin:0;padding:3px 0;font:300 20px/25px Roboto, Arial;color:#fff;}
	#content .lydo .ibox .wcon .rscon .rsbox h3{margin:0;padding:3px 0;font:300 18px/25px Roboto, Arial;color:#fff;}
	#content .lydo .ibox .wcon .rscon .rsbox h3{margin:0;padding:3px 0;font:300 16px/25px Roboto, Arial;color:#fff;}
	#content .lydo .ibox .wcon .rscon .rsbox p,
	#content .lydo .ibox .wcon .rscon .rsbox div{padding:3px 0;font:300 14px/20px Roboto, Arial;color:#fff;}
	#content .lydo .ibox .wcon .rscon .rsbox p span,
	#content .lydo .ibox .wcon .rscon .rsbox div span{font:400 14px/20px Roboto, Arial;color:#fff;}
	#content .lydo .ibox .wcon .rscon .rsbox hr{width:50px;margin:15px auto;border:#fff 1px solid;}
		
	#fullpage .cfoot .ibox{display:block;}
	#fullpage .cfoot .ibox .left,
	#fullpage .cfoot .ibox .right{display:block;width:100%;text-align:center;}
	.scroll-icon{bottom:95px;}

	#footer .ibox{display:block;}
	#footer .ibox .left,
	#footer .ibox .right{display:block;width:100%;text-align:center;}
	
	#content .boxgen .bang3n3 td{width:50%;display:inline-block;vertical-align:top;}
	#content .boxgen .bang2n5 td{width:100% !important;display:inline-block !important;vertical-align:top;padding:10px 0 !important;}
	#content .boxgen .link ul li{width:auto;}
	#content .boxgen .link ul li a{padding:5px 15px;}

	#content .gabox .gamn{overflow-x:scroll;padding:35px 0 15px;}
	#content .gabox .gamn ul{width:800px}

}

@media (max-width:640px){

	header .header-top{height:100px;}
	header .header-top .mnu1{top:45px;left:5px;}
	header .header-top .mnu1 strong{display:none;}
	header .promnu > div{width:400vw;height:400vw;}
	header .promnu > div > div > ul > li{padding:5px 5px;display:inline-block;vertical-align:top;width:50%;}
	header .promnu > div > div > ul > li > a{padding:5px 0;}
	header .promnu > div > div > ul > li > a figcaption span{padding:6px 5px 4px;font:300 14px/25px Roboto, Arial;}
	header .open-menu1 .mnu1 i{display:none;}
	header .open-menu1 .mnu1 i:first-child{display:flex;}

	header .header-top .logo{top:5px;}
	header .header-top .mnu2{top:50px;}
	header .header-top .flag{padding:61px 12px 0 0;}

	#fullpage .vgroup .cbox .ibox .inbox{padding:15px 25px;}
	#fullpage .vgroup .cbox .ibox .inbox div{font:300 18px/30px Roboto, Arial;}

	#content .spbox .ibox ul li .info{width:100%;padding:25px 2%;}
	#content .spbox .ibox ul li .thumb{width:100%;}
	
	#content .cobox .ibox ul li ul li{width:49%;margin:0 0 12px 2%;}
	#content .cobox .ibox ul li ul li:nth-child(odd){width:49%;margin:0 0 12px;}
	#content .cobox .ibox ul li ul li:nth-child(even){width:49%;margin:0 0 12px 2%;}

	#content .cobox .debox .detop .left{width:100%;padding:0 0 15px;}
	#content .cobox .debox .detop .right{width:100%;}
	
	#content .depro .ibox .progen ul li,
	#content .depro .ibox .progen ol li{width:47.5%;margin:0 0 0 4%;}

	#content .tabox .ibox ul li .info ul li{width:100%;margin:0;padding:5px 0;}
	
	#content .dlbox .daily{display:block;padding:15px 0 35px;}
	#content .dlbox .daily .dleft{width:100%;}
	#content .dlbox .daily .dleft .list{height:auto;max-height:270px;}
	#content .dlbox .daily .dright{width:100%;padding:1px;}
	#content .dlbox .daily .dright .dmap iframe{min-height:400px}

	#content .genform{display:block;padding:0 0 15px;}
	#content .genform .genleft{width:100%;}
	#content .genform .genright{width:100%;padding:25px 0 0;}

	#content .nbox .ibox{display:block;}
	#content .nbox .ibox .left{display:none;}
	#content .nbox .ibox .right{width:100%;padding:10px 15px;}

}

@media (max-width:580px){

	#fullpage .pgroup .cbox .ibox ul li.li5{width:49%;margin:0 0 10px;}
	#fullpage .pgroup .cbox .ibox ul li.li5:nth-child(odd){width:49%;margin:0 0 10px;}
	#fullpage .pgroup .cbox .ibox ul li.li5:nth-child(even){width:49%;margin:0 0 10px 2%;}
	#fullpage .pgroup .cbox .ibox ul li.li5:last-child{}

	#fullpage .vgroup .cbox{top:50px;}
	#fullpage .vgroup .img{width:70%;}
	
	#fullpage .dgroup .cbox .head{font:300 35px/45px Roboto, Arial;}
	#fullpage .dgroup .cbox .ibox ul li{width:50%;padding:0 35px;}
	#fullpage .dgroup .cbox .ibox ul li:last-child{display:none}

	#content .subbox ul li{width:100%;padding:15px 10px;}
	#content .subbox ul li:nth-child(odd):before{display:none}

	#content .gabox .ibox ul li{width:50%;}
	
}

@media (max-width:480px){

	#content .boxgen h1{font:400 20px/28px Roboto, Arial;padding:6px 0;}
	#content .boxgen h2{font:400 19px/28px Roboto, Arial;padding:6px 0;}
	#content .boxgen h3{font:400 18px/25px Roboto, Arial;padding:6px 0;}
	#content .boxgen h4{font:400 17px/25px Roboto, Arial;padding:6px 0;}
	#content .boxgen h5{font:400 16px/25px Roboto, Arial;padding:6px 0;}

	#content .genform .genleft{padding:15px 25px;}
	
	#content .spbox .bottom,
	#content .cobox .intro{font:300 15px/22px Roboto, Arial;}
	
}

@media (max-width:420px){

	#content .depro .ibox .progen ul li,
	#content .depro .ibox .progen ol li{width:47%;margin:0 0 0 4%;}
		
}

@media (max-width:400px){

	#content .depro .ibox .progen ul li,
	#content .depro .ibox .progen ol li{width:100%;margin:0;}
		
}