@charset "utf-8";
.White{color:#FFFFFF;}
.Orange{color:#EC9921;}
.Black{color:#333333;}
html { scroll-behavior: smooth;}
body {
font-family: 'Prompt', sans-serif;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-weight:300;
  background-repeat:repeat;
  background-attachment:fixed;
}
.fontThai{font-family: 'Prompt', sans-serif;}
.fontEng{font-family: 'Prompt', sans-serif;}
a {text-decoration: none; outline:none;}
a:hover,a:focus {text-decoration: none; outline:none;}
a:focus{ text-decoration: none; outline:none;}
::-webkit-scrollbar{
  width: 13px;
  height: 8px;
  z-index:99999;
 opacity:0;
 cursor:pointer;
}
::-webkit-scrollbar:hover{
  width: 13px;
  height: 8px;
  z-index:99999;
opacity:1;
 cursor:pointer;
}
::-webkit-scrollbar-track {
    background-color:#E9E9E9;
    border-radius: 1px;
}
::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #999999;
 border-radius: 10px;
}

::selection{
  background-color:#EC9921;
  color:#fff;
}

-webkit-::selection{
    background-color:#EC9921;
    color:#fff;
}

::-moz-selection{
    background-color:#EC9921;
    color:#fff;
}

/*****************SIDE  MENU**************************/
.pushbar.opened{
display: block;
}

html.pushbar_locked{
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
}
.pushbar_locked .pushbar_main_content.pushbar_blur{
	filter:blur(5px);
}
.pushbar{
	z-index: 1000;
	position: fixed;
	will-change: transform;
	overflow-y: auto;
	transition:transform 0.5s ease;
	will-change: transform;
	background:#fff;
}
.pushbar_overlay{
	z-index: -999;
	position: fixed;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	top: 0;
	left: 0;
    will-change: opacity;
    transition:opacity 0.5s ease;
    opacity:0;
    will-change: opacity;
	background: #3c3442;
}
html.pushbar_locked .pushbar_overlay{
	opacity:0.8;
	z-index: 999;
    transition:opacity 0.5s ease;
}
.pushbar.from_left{
	top: 0;
	left: 0;
	width: 256px;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	transform: translateZ(0) translateX(-100%);
}

.pushbar.from_right{
	top: 0;
	right: 0;
	width: 256px;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	transform: translateZ(0) translateX(100%);
}
.pushbar.from_top{
	top: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-height: 150px;
	transform: translateZ(0) translateY(-100%);
}
.pushbar.from_bottom{
	bottom: 0;
	left: 0;
	width: 100%;
	max-width: 100%;
	min-height: 150px;
	transform: translateZ(0) translateY(100%);
}

.pushbar.opened{
   transform: translateX(0px) translateY(0px);
}
.push_left{
	margin-left: 6px;
}
.push_right{
	margin-right: 0px;
	margin-top:-20px;
}

.close{
    width: 20px;
    height: 21px;
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    cursor:pointer;
}
.close:before, .close:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 21px;
    width: 3px;
    background-color: #FFFFFF;
	opacity: 1.0;
}
.close:before {
  	transform: rotate(45deg);
}
.close:after {
  	transform: rotate(-45deg);
}
a.button.getBtn{
	margin-top: 16px;
	background-color:#fff;
	color:#4039ff;
	border-color: #fff;
}
.pushbar{
	padding:20px 0px 0px 0px;
	background-color:#FFFFFF;

}
.small{
	font-size: 14px;
	font-weight: 400;
}
.menu li{
    list-style: none;
    padding: 15px 20px;
    display: block;
    margin: 0px;
    color: rgba(255, 255, 255, 0.65);
}
@media (min-width: 320px) {
	.menu li{
    	list-style: none;
    	padding: 0px 0px;
    	display: block;
    	margin: 0px;
    	color: rgba(255, 255, 255, 0.65);
	}
}
@media (min-width: 375px) {}
@media (min-width: 768px) {
	.menu li{
    list-style: none;
    padding: 15px 20px;
    display: block;
    margin: 0px;
    color: rgba(255, 255, 255, 0.65);
}
}

/*****************SIDE  MENU**************************/
/*****************TOP MENU**************************/
.classOurCustomerPC{display:none;}
.classOurCustomerPhone{display:block;}
.clssLogoweb{cursor:pointer; height:44px; margin-top:0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;}
.clssLogoweb2{cursor:pointer; height:44px; margin-top:0px; box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset; border-radius:5px;}
.clssPaddingLang{padding:25px 0px 0px 0px;}
@media (min-width: 320px) {
	.classOurCustomerPC{display:none;}
	.classOurCustomerPhone{display:block;}
	.clssLogoweb{cursor:pointer; height:35px; margin-top:0px; border-radius:5px;}
}
@media (min-width: 768px) {
	.classOurCustomerPC{display:none;}
	.classOurCustomerPhone{display:block;}
}
@media (min-width: 812px) {
	.classOurCustomerPC{display:none; }
	.classOurCustomerPhone{display:block;}
}
@media (min-width: 1000px) {
	.classOurCustomerPC{display:inline-block;}
	.classOurCustomerPhone{display:none;}
	.clssLogoweb{cursor:pointer; width:140px; height:auto; margin-top:-40px;}
	.clssPaddingLang{padding:16px 0px 0px 0px;}
}
@media (min-width: 1200px) {
	.classOurCustomerPC{display:inline-block;}
	.classOurCustomerPhone{display:none;}
	.clssLogoweb{cursor:pointer; width:140px; height:auto; margin-top:-40px;}
	.clssPaddingLang{padding:16px 0px 0px 0px;}
}
@media (min-width: 1300px) {
	.clssLogoweb{cursor:pointer; width:163px; height:auto; margin-top:-45px;}
	.clssPaddingLang{padding:25px 0px 0px 0px;}
}
@media (min-width: 1400px) {
	.clssLogoweb{cursor:pointer; width:163px; height:auto; margin-top:-45px;}
	.clssPaddingLang{padding:25px 0px 0px 0px;}
}
@media (min-width: 1600px) {
	.clssLogoweb{cursor:pointer; width:163px; height:auto; margin-top:-45px;}
	.clssPaddingLang{padding:25px 0px 0px 0px;}
}
@media (min-width: 1900px) {
	.clssLogoweb{cursor:pointer; width:163px; height:auto; margin-top:-45px;}
	.clssPaddingLang{padding:25px 0px 0px 0px;}
}

.clssMainmenuSpace{margin-left:40px;}
.clssMainmenuTop{
	 font-family: 'Prompt';
	 font-display: swap;
	   -webkit-font-smoothing: antialiased;
	display:inline-block;
	padding:7px 0px 3px 0px;
	border-bottom:0px #e05e00 solid;
	font-size:18px;
	letter-spacing:0px;
	font-weight:500;
	color:#000000;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
}
.clssMainmenuTop:hover{
	 font-family: 'Prompt';
	 	 font-display: swap;
		   -webkit-font-smoothing: antialiased;
	display:inline-block;
	padding:7px 0px 3px 0px;
	border-bottom:0px #EC9921 solid;
	font-size:18px;
	letter-spacing:0px;
	font-weight: 500;
	color:#FFFFFF;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
}
.clssMainmenuTopActive{
	 font-family: 'Prompt';
	   -webkit-font-smoothing: antialiased;
	 	 font-display: swap;
	display:inline-block;
	padding:7px 0px 3px 0px;
	border-bottom:1px #FFFFFF solid;
	font-size:18px;
	letter-spacing:0px;
	font-weight: 500;
	color:#FFFFFF;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
}
.clssSubmenuTop{
	 font-family: 'Prompt';
	 	 font-display: swap;
		   -webkit-font-smoothing: antialiased;
	font-size:16px;
	letter-spacing:0px;
	color:#FFF; 
	text-align:left; 
		padding:10px 20px 5px 10px; 
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	cursor:pointer;
	border-radius:0px;
	border-bottom:1px #333  solid;
	font-weight: 300;
}
.clssSubmenuTop:hover{
	 font-family: 'Prompt';
	font-size:19px;
		letter-spacing:0px;
	color:#EC9921; 
	text-align:left; 
	padding:10px 20px 5px 10px; 
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	cursor:pointer;
	border-radius:0px;
	border-bottom:1px #333  solid;
	font-weight: 300;
	background-color:#000000;
}
.clssSubmenuActive{
	 font-family: 'Prompt';
	font-size:19px;
	letter-spacing:0px;
	color:#EC9921; 
	text-align:left; 
	padding:10px 20px 5px 10px; 
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	cursor:pointer;
	border-radius:0px;
	border-bottom:1px #333  solid;
	font-weight: 300;
	background-color:#000;
}
.classMenuLogin{font-size:15px; font-family: "Prompt"; font-weight:300;}
@media (min-width: 960px) {
	.clssMainmenuSpace{margin-left:20px;}
	.clssMainmenuTop{font-size:14px; padding:11px 0px 3px 0px;}
	.clssMainmenuTop:hover{font-size:14px;padding:11px 0px 3px 0px;}
	.clssMainmenuTopActive{font-size:14px;padding:11px 0px 3px 0px;}
	.clssSubmenuTop{font-size:14px;}
	.clssSubmenuTop:hover{font-size:14px;}
	.clssSubmenuActive{font-size:14px;}
}
@media (min-width: 1200px) {
	.clssMainmenuSpace{margin-left:20px;}
	.clssMainmenuTop{font-size:17px; padding:11px 0px 3px 0px;}
	.clssMainmenuTop:hover{font-size:17px;padding:11px 0px 3px 0px;}
	.clssMainmenuTopActive{font-size:17px;padding:11px 0px 3px 0px;}
	.clssSubmenuTop{font-size:16px;}
	.clssSubmenuTop:hover{font-size:16px;}
	.clssSubmenuActive{font-size:16px;}
}
@media (min-width: 1300px) {
		.clssMainmenuSpace{margin-left:25px;}
		.clssMainmenuTop{font-size:18px; padding:11px 0px 3px 0px;}
		.clssMainmenuTop:hover{font-size:18px;padding:11px 0px 3px 0px;}
		.clssMainmenuTopActive{font-size:18px;padding:11px 0px 3px 0px;}
		.clssSubmenuTop{font-size:16px;}
		.clssSubmenuTop:hover{font-size:16px;}
		.clssSubmenuActive{font-size:16px;}
}
@media (min-width: 1400px) {
		.clssMainmenuSpace{margin-left:35px;}
		.clssMainmenuTop{font-size:20px; padding:13px 0px 3px 0px;}
		.clssMainmenuTop:hover{font-size:20px;padding:13px 0px 3px 0px;}
		.clssMainmenuTopActive{font-size:20px;padding:13px 0px 3px 0px;}
		.clssSubmenuTop{font-size:18px;}
		.clssSubmenuTop:hover{font-size:18px;}
		.clssSubmenuActive{font-size:18px;}
}
@media (min-width: 1600px) {
		.clssMainmenuSpace{margin-left:25px;}
		.clssMainmenuTop{font-size:18px; padding:11px 0px 3px 0px;}
		.clssMainmenuTop:hover{font-size:18px;padding:11px 0px 3px 0px;}
		.clssMainmenuTopActive{font-size:18px;padding:11px 0px 3px 0px;}
		.clssSubmenuTop{font-size:16px;}
		.clssSubmenuTop:hover{font-size:16px;}
		.clssSubmenuActive{font-size:16px;}
}
@media (min-width: 1900px) {}
/*****************TOP MENU**************************/
/***************** MENU MOBILE ********************/
.clssMobileMenu{
	font-family: "Prompt";
	font-size:17px;
	color:#000; 
	letter-spacing:0px;
	border-bottom:1px #CCC  solid;
	width:100%;
	padding:13px 0px 13px 20px; 
	text-align:left;
	font-weight: 300;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.clssMobileMenu:hover{
		font-family: "Prompt";
		font-size:17px;
		color:#FFFFFF; 
		letter-spacing:0px;
		border-bottom:1px #CCC  solid;
		width:100%;
		padding:13px 0px 13px 20px; 
		text-align:left;
		font-weight: 300;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		background-color:#000000;
}
.clssMobileMenuActive{
	font-family: "Prompt";
	font-size:17px;
	color:#FFFFFF; 
	letter-spacing:0px;
	border-bottom:1px #CCC  solid;
	width:100%;
	padding:13px 0px 13px 20px; 
	text-align:left;
	font-weight: 300;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background-color:#000000;
}
.clssMobileSubMenu{
	font-family: "Prompt";
	font-size:14px;
	color:#FFF; 
	letter-spacing:0px;
	border-bottom:1px #CCC  solid;
	width:100%;
	padding:13px 0px 13px 10px; 
	text-align:left;
	font-weight: 300;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
}
.clssMobileSubMenu:hover{
		font-family: "Prompt";
		font-size:14px;
		color:#EC9921; 
		letter-spacing:0px;
		border-bottom:1px #a1ceeb  solid;
		width:100%;
		padding:13px 0px 13px 10px; 
		text-align:left;
		font-weight: 300;
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
		background-color:#000000;
}
.clssMobileSubMenuActive{
	font-family: "Prompt";
	font-size:14px;
	color:#EC9921; 
	letter-spacing:0px;
	border-bottom:1px #80bfe8  solid;
	width:100%;
	padding:13px 0px 13px 10px; 
	text-align:left;
	font-weight: 300;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	transition: 0.3s;
	background-color:#000000;
}

/***************** MENU MOBILE ********************/
.classMainmenu{
	margin-left:2px;
	font-size:18px; 
	color:#000000; 	
	display:inline-block;
	border-radius:20px;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
	padding:5px 15px 5px 15px;
}
.classMainmenu:hover{
	margin-left:2px;
	font-size:18px; 
	color:#000000;
	background-color:#FFFFFF;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
	padding:5px 15px 5px 15px;
	display:inline-block;
	border-radius:20px;
}
.classMainmenuActive{
		margin-left:2px;
		font-size:19px; 
		color:#000000;
		background-color:#FFFFFF;
		display:inline-block;
		border-radius:20px;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		transition: 0.4s;
		cursor:pointer;
		padding:5px 15px 5px 15px;
}
.clssSubmenu{
	font-size:15px; 
	color:#000; 
	text-align:left; 
	padding:10px 0px 10px 10px; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
	border-radius:20px;
}
.clssSubmenu:hover{
	font-size:15px; 
	background-color:#FFFFFF; 
	color:#000000; 
	text-align:left; 
	padding:10px 0px 10px 12px; 
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
	border-radius:20px;
}
.clssSubmenuActiveT{
font-size:15px; 
	background-color:#FFFFFF; 
	color:#000000; 
	text-align:left; 
	padding:10px 0px 10px 15px; 
	border-bottom:1px #eaeaea solid;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
		border-radius:20px;
}
.clssLangMEnu{
		font-size:14px; 
	color:#000; 
	text-align:left; 
	padding:10px 0px 10px 10px; 
	border-bottom:1px #eaeaea solid;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	transition: 0.4s;
	cursor:pointer;
}
/**********MENU SCHOLL********/

/**********MENU SCHOLL********/



.topnav { overflow: hidden;text-align:right;display:inline-block;}
.topnav a {float: left;display: inline-block;text-align: center;text-decoration: none; padding-left:5px;}
.topnav .icon {display: none;}
.dropdownT1 {float: left;overflow: hidden;position:inherit !important;}
.dropdownT1 .dropbtn {
  border: none;
  outline: none;
  background-color: inherit;
  font-family: inherit;
  margin-top:-1px;
}
.dropdown-content {
  display: none;
  position: absolute;
  min-width: 150px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  padding:5px 5px 5px 5px;
}
.dropdown-content a {
  float: none;
  color: black;
  padding: 0px 0px;
  text-decoration: none;
  display: block;
  text-align: left;
}
.topnav a:hover, .dropdownT1:hover .dropbtn {color: #000;}
.dropdown-content a:hover {color: black;}
.dropdownT1:hover .dropdown-content {display: block;}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdownT1 .dropbtn { display: block; }
  .topnav a.icon { float: right;display: block;}
}
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 100%;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdownT1 {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdownT1 .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}
/*****************MENU**************************/
/*CLSS SLIDE*/

/*CLSS SLIDE*/
/*
Back to top button 
*/
@media (min-width: 320px) {
  #back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 105px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#111111;
}}
@media (min-width: 760px) {#back-top span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 150px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#111111;
}}
#back-top {
	bottom: -95px;
	right:20px;
	position:fixed;
	
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */

#back-top a:hover span {
	color:#C00;
	/*background-color:#95e039;*/ 
}


/*
Back to top button 
*/
#back-top2 {
	bottom: 100px;
	right:20px;
	position:fixed;
	
}
#back-top2 a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top2 a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top2 span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 7px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#00AC00;
}
#back-top2 a:hover span {
	color:#C00;
	/*background-color:#95e039;*/
}

/*
Back to top button 
*/
#back-top3 {
	bottom: 150px;
	right:20px;
	position:fixed;
	
}
#back-top3 a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top3 a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top3 span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 7px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#4E71A8;}
#back-top3 a:hover span {
	color:#C00;
	/*background-color:#95e039;*/
}

/*
Back to top button 
*/
#back-top4 {
	bottom: 250px;
	right:20px;
	position:fixed;
	
}
#back-top4 a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top4 a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top4 span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 7px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#4286F7;
}
#back-top4 a:hover span {
	color:#C00;
	/*background-color:#95e039;*/
}


/*
Back to top button 
*/
#back-top6 {
	bottom: 200px;
	right:20px;
	position:fixed;	
}
#back-top6 a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top6 a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top6 span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 7px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#F7A000;
}
#back-top6 a:hover span {
	color:#C00;
	/*background-color:#95e039;*/
}


/*
Back to top button 
*/
#back-top7 {
	bottom: 250px;
	right:20px;
	position:fixed;	
}
#back-top7 a {
	width: 50px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top7 a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top7 span {
	width: 40px;
	height: 40px;
	display: block;
	margin-left:15px;
	margin-bottom: 7px;
	font-size:60px;
	color:#F00;
	/* rounded corners */
	-webkit-border-radius: 50px 50px 50px 50px;
	-moz-border-radius: 50px 50px 50px 50px;
	border-radius: 50px 50px 50px 50px;
	/* background color transition */
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	transition: 0.7s;
	background-color:#4BA847;
}
#back-top7 a:hover span {
	color:#C00;
}
@media (min-width: 300px) {
		#back-top { bottom: -40px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed;}
}
@media (min-width: 600px) {
		#back-top { bottom: -50px; right:20px; position:fixed;}
		#back-top2{ bottom: 90px; right:20px; position:fixed;}
		#back-top3 { bottom: 131px; right:20px; position:fixed;}
		#back-top4 { bottom: 172px; right:20px; position:fixed;}
		#back-top6 { bottom: 214px; right:20px; position:fixed;}
}
@media (min-width: 700px) {
		#back-top { bottom: -84px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed;}
}
@media (min-width: 800px) {
		#back-top { bottom: -30px; right:20px; position:fixed;}
		#back-top2 { bottom: 155px; right:20px; position:fixed;}
		#back-top3 { bottom: 197px; right:20px; position:fixed;}
		#back-top4 { bottom: 239px; right:20px; position:fixed;}
		#back-top6 { bottom: 281px; right:20px; position:fixed;}
}
@media (min-width: 1000px) {
		#back-top { bottom: -84px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed}
}
@media (min-width: 1200px) {
		#back-top { bottom: -84px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed}
}
@media (min-width: 1300px) {
		#back-top { bottom: -84px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed}
}
@media (min-width: 1400px) {
		#back-top { bottom: -84px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed}
}
@media (min-width: 1600px) {
			#back-top { bottom: -84px; right:20px; position:fixed;}
		#back-top2 { bottom: 110px; right:20px; position:fixed;}
		#back-top3 { bottom: 160px; right:20px; position:fixed;}
		#back-top4 { bottom: 210px; right:20px; position:fixed;}
		#back-top6 { bottom: 260px; right:20px; position:fixed}
}
@media (min-width: 1900px) {
		#back-top { bottom: -95px; right:20px; position:fixed;}
		#back-top2 { bottom: 100px; right:20px; position:fixed;}
		#back-top3 { bottom: 150px; right:20px; position:fixed;}
		#back-top4 { bottom: 200px; right:20px; position:fixed;}
		#back-top6 { bottom: 250px; right:20px; position:fixed;}
}
/*****************FOOTER**************************/
.clssFootterPC{display:none;}
.clssFootterMobile{display:block;}
.clssLogoFooterPanel{
	font-family: 'emmaliregularThin';
	display:block;
	text-align:center;
	padding-bottom:20px;
}
.clssLogoFooterPanel-image{height:35px;}
.clssLinkPanel{font-family: 'emmaliregularThin'; display:block; padding-left:5px; text-align:center;}
.clssLinkPanel-Link{font-family: 'emmaliregularThin';  font-size:16px; font-weight:600; color:#FFF; text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased; color:#FFF;}
.clssCopyright{font-family: 'emmaliregularThin';text-align:center; padding-top:14px; border-top:1px #FFF solid; color:#FFF; font-size:16px; font-weight:600; }
.clssFooterLiinkColor{color:#FFF;}
.clssFooterLiinkColor:hover{color:#FFF;}
.clssGGIcon{
		display:inline-block;  
		border:2px #FFF solid; 
		color:#FFF; 
		font-size:20px; 
		border-radius:320px; 
		padding:10px 7px 10px 7px; 
		cursor:pointer; 	
		-webkit-transition: 0.5s;
		-moz-transition: 0.5s;
		transition: 0.5s;
	}
.clssGGIcon:hover{
	display:inline-block;
	background-color:#FFF; 	  
	border:2px #FFF solid; 
	color:#0077CC; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 7px 10px 7px; 
	cursor:pointer; 
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssFBIcon{
	display:inline-block;  
	border:2px #FFF solid; 
	color:#FFF; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 13px 10px 13px; 
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssFBIcon:hover{
	display:inline-block;  
	border:2px #FFF solid; 
	background-color:#FFF;
	color:#0077CC; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 13px 10px 13px; 
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssIGIcon{
	display:inline-block;  
	border:2px #FFF solid; 
	color:#FFF; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 11px 10px 11px; 
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssIGIcon:hover{
	display:inline-block;  
	border:2px #FFF solid; 
	background-color:#FFF;
	color:#0077CC; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 11px 10px 11px; 
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssYTIcon{
	display:inline-block;  
	border:2px #FFF solid; 
	color:#FFF; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 8px 10px 8px; 
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssYTIcon:hover{
	display:inline-block;  
	border:2px #FFF solid; 
	background-color:#FFF;
	color:#0077CC; 
	font-size:20px; 
	border-radius:320px; 
	padding:10px 8px 10px 8px; 
	cursor:pointer;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.clssPaddingIcon{padding-top:15px; display:inline-block; margin-left:15px;}
@media (min-width: 320px) {
	.clssFootterPC{display:block;}
	.clssFootterMobile{display:none;}
		.clssLinkPanel{display:inline-block; padding-left:0px;  padding-top:20px;}
		.clssLogoFooterPanel-image{height:55px;}
}
@media (min-width: 700px) {
	.clssFootterPC{display:block;}
	.clssFootterMobile{display:none;}
	.clssLogoFooterPanel-image{height:55px; margin-top:10px;}
}
@media (min-width: 760px) {
	.clssFootterPC{display:block;}
	.clssFootterMobile{display:none;}
	.clssLogoFooterPanel-image{height:50px; margin-top:10px;}
	.clssLogoFooterPanel{display:inline-block; padding-bottom:0px;}
	.clssLinkPanel{display:inline-block; padding-left:30px;  padding-top:10px;}
	.clssLinkPanel-Link{display:inline-block; font-size:16px; }
	.clssCopyright{display:inline-block; }
	.clssGGIcon{	font-size:13px;  padding:10px 8px 10px 8px; }
	.clssGGIcon:hover{font-size:13px; padding:10px 8px 10px 8px; }
	.clssFBIcon{font-size:13px;  padding:10px 12px 10px 12px; }
	.clssFBIcon:hover{font-size:13px;  padding:10px 12px 10px 12px;}
	.clssIGIcon{font-size:13px;  padding:9px 10px 10px 10px;}
	.clssIGIcon:hover{font-size:13px;  padding:10px 10px 10px 10px;}
	.clssYTIcon{font-size:13px;  padding:10px 9px 10px 9px;}
	.clssYTIcon:hover{font-size:13px; padding:10px 9px 10px 9px;}
	.clssPaddingIcon{padding-top:15px; display:inline-block; margin-left:8px;}
}
@media (min-width: 900px) {
	.clssFootterPC{display:block;}
	.clssFootterMobile{display:none;}
		.clssLogoFooterPanel-image{height:45px;}
		.clssLogoFooterPanel{display:inline-block; padding-bottom:0px;}
		.clssLinkPanel{display:inline-block; padding-left:30px;  padding-top:10px;}
		.clssLinkPanel-Link{display:inline-block; font-size:16px; }
		.clssCopyright{display:inline-block; }
		.clssGGIcon{	font-size:17px;  padding:10px 8px 10px 8px; }
		.clssGGIcon:hover{font-size:17px; padding:10px 8px 10px 8px; }
		.clssFBIcon{font-size:17px;  padding:10px 13px 10px 13px; }
		.clssFBIcon:hover{font-size:17px;  padding:10px 13px 10px 13px;}
		.clssIGIcon{font-size:18px;  padding:9px 11px 10px 11px;}
		.clssIGIcon:hover{font-size:18px;  padding:9px 11px 10px 11px;}
		.clssYTIcon{font-size:17px;  padding:10px 9px 10px 9px;}
		.clssYTIcon:hover{font-size:17px; padding:10px 9px 10px 9px;}
		.clssPaddingIcon{padding-top:15px; display:inline-block; margin-left:15px;}
}
@media (min-width: 1200px) {
		.clssLogoFooterPanel-image{height:63px; margin-top:0px;}
		.clssLogoFooterPanel{display:inline-block; padding-bottom:0px;}
		.clssLinkPanel{display:inline-block; padding-left:30px;  padding-top:10px;}
		.clssLinkPanel-Link{display:inline-block; font-size:18px; }
		.clssCopyright{display:inline-block; }
		.clssGGIcon{	font-size:20px;  padding:10px 8px 10px 8px; }
		.clssGGIcon:hover{font-size:20px; padding:10px 8px 10px 8px; }
		.clssFBIcon{font-size:20px;  padding:10px 14px 10px 14px; }
		.clssFBIcon:hover{font-size:20px;  padding:10px 14px 10px 14px;}
		.clssIGIcon{font-size:20px;  padding:10px 11px 10px 11px;}
		.clssIGIcon:hover{font-size:20px;  padding:10px 11px 10px 11px;}
		.clssYTIcon{font-size:20px;  padding:10px 9px 10px 9px;}
		.clssYTIcon:hover{font-size:20px; padding:10px 9px 10px 9px;}
} 
@media (min-width: 1300px) {
	.clssGGIcon{	padding:10px 8px 10px 8px; }
	.clssGGIcon:hover{	padding:10px 8px 10px 8px; }
	.clssFBIcon{	padding:10px 14px 10px 14px; }
	.clssFBIcon:hover{padding:10px 14px 10px 14px;}
	.clssIGIcon{padding:10px 11px 10px 11px;}
	.clssIGIcon:hover{padding:10px 11px 10px 11px;}
	.clssYTIcon{padding:10px 9px 10px 9px;}
	.clssYTIcon:hover{padding:10px 9px 10px 9px;}
}
@media (min-width: 1400px) {}
@media (min-width: 1600px) {}
@media (min-width: 1900px) {}
/***************** CONTENT ******************/
.clssAlignLeft{ text-align:left;}
.clssAlignRight{ text-align:right;}
.clssAlignCenter{ text-align:center;}
.clssContentTitle{font-family: 'DtacB';font-size:50px;color:#19aaF8;padding-top:120px;}
.clssContentSubTitle{font-family: 'DtacR';font-size:24px;color:#333;font-weight:300;padding-top:19px;}
.clssContentDetail{}
@media (min-width:320px){
.clssContentTitle{font-size:35px;padding-top:60px;}
.clssContentSubTitle{font-size:18px;font-weight:600;padding-top:19px;}
}
@media (min-width:760px){
.clssContentTitle{font-size:45px;padding-top:80px;}
.clssContentSubTitle{font-size:20px;font-weight:600;padding-top:19px;}
}
@media (min-width:960px){
.clssContentTitle{font-size:45px;padding-top:80px;}
.clssContentSubTitle{font-size:20px;font-weight:600;padding-top:19px;}
}
@media (min-width:1024px){
.clssContentTitle{font-size:45px;padding-top:80px;}
.clssContentSubTitle{font-size:20px;font-weight:600;padding-top:19px;}
}
@media (min-width:1300px){
.clssContentTitle{font-size:45px;padding-top:110px;}
.clssContentSubTitle{font-size:20px;font-weight:600;padding-top:19px;}
}
@media (min-width:1600px){
.clssContentTitle{font-size:55px;padding-top:120px;}
.clssContentSubTitle{font-size:24px;font-weight:300;padding-top:19px;}
}

/***************** CONTENT ******************/
/******** SLIDE *****/
.clssMaginSlide{margin-top:50px;}
@media (min-width: 320px) {.clssMaginSlide{margin-top:-13px;}}
@media (min-width: 760px) {.clssMaginSlide{margin-top:-15px;}}
@media (min-width: 900px) {.clssMaginSlide{margin-top:35px;}}
@media (min-width: 1200px) {.clssMaginSlide{margin-top:35px;}}
@media (min-width: 1300px) {.clssMaginSlide{margin-top:50px;}}
@media (min-width: 1400px) {.clssMaginSlide{margin-top:50px;}}
@media (min-width: 1600px) {.clssMaginSlide{margin-top:50px;}}
@media (min-width: 1900px) {.clssMaginSlide{margin-top:50px;}}





/******** SLIDE *****/

/**********CSS Parallax ?  ***************************/
.clssParallaxSmall{padding:0px 0px 0px 0px; width:100%; display:inline-block;}
.clssParallaxLage{padding:0px 0px 0px 0px; width:100%; display:none;}
@media (min-width:320px){
.clssParallaxSmall{padding:40px 0px 0px 0px; width:100%; display:inline-block;}
.clssParallaxLage{padding:0px 0px 0px 0px; width:100%; display:none;}
}
@media (min-width:760px){
.clssParallaxSmall{padding:0px 0px 0px 0px; width:100%; display:none;}
.clssParallaxLage{padding:40px 0px 0px 0px; width:100%; display:inline-block;}
}
/**********CSS Parallax ?  ***************************/


/*****************FANCYBOX**************************/
.fancybox-custom .fancybox-skin {
	box-shadow: 0 0 50px #222;
}
/*****************FANCYBOX**************************/
/*****************FOOTER**************************/

.animated-button2 {
  background: linear-gradient(-30deg, #3d240b 50%, #2b1a08 50%);
  padding: 20px 20px;
  margin: 0px;
  display: block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7e6d4;
  font-size: 19px;
  letter-spacing: 0.1px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
	color:#ffffff;
}
.animated-button2:hover{
  background: linear-gradient(-30deg, #3d240b 50%, #2b1a08 50%);
  padding: 20px 20px;
  margin: 0px;
  display: block;
  -webkit-transform: translate(0%, 0%);
          transform: translate(0%, 0%);
  overflow: hidden;
  color: #f7e6d4;
  font-size: 19px;
  letter-spacing: 0.1px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -webkit-box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.5);
	color:#ffffff;
}

.animated-button2::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #ad9985;
  opacity: 0;
  -webkit-transition: .2s opacity ease-in-out;
  transition: .2s opacity ease-in-out;
}

.animated-button2:hover::before {
  opacity: 0.1;
}

.animated-button2 span {
  position: absolute;
}

.animated-button2 span:nth-child(1) {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to left, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateTop linear infinite;
          animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.animated-button2 span:nth-child(2) {
  top: 0px;
  right: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to top, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateRight linear -1s infinite;
          animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.animated-button2 span:nth-child(3) {
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to right, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateBottom linear infinite;
          animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

.animated-button2 span:nth-child(4) {
  top: 0px;
  left: 0px;
  height: 100%;
  width: 2px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#d98026));
  background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #d98026);
  -webkit-animation: 2s animateLeft linear -1s infinite;
          animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.clssContactButton{background-color:#EC9921;cursor:pointer;  border:2px #FFF solid; border-radius:10px; color:#FFF; display:inline-block; font-size:18px;  padding:15px 30px; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.clssContactButton:hover{background-color:#FF6600; cursor:pointer;  border:2px #FFF solid; border-radius:10px; color:#FFF; display:inline-block; font-size:18px;  padding:15px 30px;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;}
.clssMaginButton{margin-left:35px;}
@media (min-width:0px){
		.clssContactButton{font-size:18px;  padding:15px 30px; margin-top:30px; display:block;}
		.clssContactButton:hover{font-size:18px;  padding:15px 30px; display:block;}
		.clssMaginButton{margin-left:0px;}
}
@media (min-width:320px){}
@media (min-width:768px){
		.clssContactButton{font-size:15px;  padding:15px 20px; margin-top:30px; display:inline-block;}
		.clssContactButton:hover{font-size:15px;  padding:15px 20px; display:inline-block;}
		.clssMaginButton{margin-left:10px;}
}
@media (min-width:690px){
		.clssContactButton{font-size:18px;  padding:15px 30px; margin-top:30px; display:inline-block;}
		.clssContactButton:hover{font-size:18px;  padding:15px 30px; display:inline-block;}
		.clssMaginButton{margin-left:10px;}
}

@media (min-width:1024px){}
@media (min-width:1240px){}
@media (min-width:1280px){}
@media (min-width:1360px){}
@media (min-width:1400px){}
@media (min-width:1600px){}
@media (min-width:1900px){}

.LangActive{color:#FFF !important;}
.LangLink{color:#999 !important;}
.LangLink:hover{color:#FFF !important;}
.LangActive2{color:#FFF !important;}
.LangLink2{color:#000 !important;}
.LangLink2:hover{color:#FFF !important;}

.fade-in-image {
  animation: fadeIn 1.5s;
  -webkit-animation: fadeIn 1.5s;
  -moz-animation: fadeIn 1.5s;
  -o-animation: fadeIn 1.5s;
  -ms-animation: fadeIn 1.5s;
}
@keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}