/*** SLIDE *****/
.wrapp-inner{ position:relative; z-index:1;} 
#cp-bg-slide { display: block; height: 100%; left: 0; overflow: hidden; position: fixed; top: 0; width: 100%; z-index: 0;} 
#cp-bg-slide img{ max-width:none!important;} 
#cp-bg-bar{ display:none;} 
#cp-bg-slide .loading{ height: 32px; width:32px; left: 50%; margin-left: -16px; margin-top: -16px; position: absolute; top: 50%; background: url(../images/loading.gif) no-repeat;} 
.slideimg { width: 100%; background:#111; height: 100%; left: 0; position: absolute; top: 0;     display: none; text-align:center; overflow:hidden;}  

/** Over image **/
.bgd-over-image{ position: absolute; width: 100%; height: 100%; pointer-events:none;}  

/*** Caption & Description **/
#cp-caption{ background: none; margin: 0 auto; position: relative; display:none; /*	width: 980px;*/ z-index:1; }
#cp-caption-inner{ position: fixed; z-index: 5; text-align:left; /*	bottom: 150px; width: 980px;*/  } 
.cp-title{ color: #fff; padding: 0 15px; background: #a4080c; margin-bottom: 8px; display: inline-block; -webkit-font-smoothing: antialiased; font-weight: normal; font-size: 28px; line-height: 38px; text-transform: uppercase;} 
.cp-title a{ font-size: 28px; color: #fff; line-height: 38px; text-decoration: none; text-transform: uppercase; background:none; } 
.cp-desc-block{ display: block; line-height: 36px; }
.cp-desc{ display: inline; background: url(../images/bgd-desc.png) repeat top left; padding: 6px 15px; 
   color: #fff; font-size: 18px; font-weight: normal; } 
   
/*** Bar ****/
#cp-bg-bar{ position: fixed; bottom:0; left:0; width: 100%; text-align: center; z-index: 99;} 
#progress-background{ background:#222222; bottom: 0; left: 0; height: 5px; position: absolute; width: 100%; z-index: 101; overflow:hidden;} 
#progress-bar{ background:#A2080C; height: 5px; position: relative; width: 100%; left:-100%;}  

/*** Button **/
.progress-button { background: #222222; display: block; padding: 5px 3px; float:left; position: relative;} 
.cp-slide-btn{ background-color: #9e080c; background-position: center center; background-repeat:no-repeat; width: 27px; height: 27px; display: block; position: static; float: left; margin: 0 2px; z-index: 100;} 
.cp-slide-btn:hover { opacity: 0.5!important; filter: alpha(opacity=50)!important; }
.thumbimages{ position:relative; background:#FFFFFF; }  
.cp-video-btn {	 background-position: center center; background-repeat:no-repeat;	 display: block;	 z-index: 120; cursor:pointer;	} 
.cp-video-btn:hover { opacity:0.8; background:transparent; background-image: url("../images/btn_playg_46x46 hover.png"); background-position: center center; background-repeat:no-repeat;} 
a#cp-back{ background-image: url("../images/back.png");} 
a#cp-next{ background-image: url("../images/next.png");} 
a#cp-play{ background-image: url("../images/play.png");} 
a#cp-pause{ background-image: url("../images/pause.png");} 
a.cp-video-btn{	background-image: url("../images/btn_playg_46x46.png");  	} 
a.cp-video-btn16{ background-image: url("../images/btn_play_16x16.png"); } 
.cp-video-btn16:hover{ background:transparent; background-image: url("../images/btn_play_16x16.png");  	} 
a#cp-pause, a#cp-play{ width: 27px; left: 45px;} 
a#cp-next{ left: 78px;}  

/* Style for thumbs navigation*/ 
#cp-bg-navigation{ position:absolute; bottom:5px; display:none;} 
#thumbimgs{ float:left; position:relative; overflow:hidden;} 
#thumbimgs-inner{ position:absolute; width:200px;}  
#thumbimgs .thumbimg img{ margin:0; padding:0; border:none;} 
#thumbimgs .thumbimg{ float:left; border:2px solid #fff;  margin:0px 2px; cursor:pointer;} 
#thumbimgs .active{ border:2px solid #e0b125; } 
.nav-btn{ margin:0px 2px; float:left; display:block; width:11px; height:17px; } 
#nav-back{ background-image: url("../images/back.png");}  
#nav-next{ clear:right; background-image: url("../images/next.png");} 
.fr-video iframe{ position:absolute; top:0; left:0; width:100%; height:100%;} 
#ytplayer {	 height: 12px;    width: 100%;}  
.play-rel { position:absolute; bottom:0px; left:0px; width:41px; height:35px; background:#000 url(../images/play-pause-btn.gif) -1px -2px no-repeat; cursor:pointer;} 
.btn-playing{ background:#000 url(../images/play-pause-btn.gif) -1px -42px no-repeat;} 
.btn-buffering{ background:#000 url(../images/loading_black.gif) center center no-repeat;} 
.btn-paused{ background:#000 url(../images/play-pause-btn.gif) -1px -2px no-repeat;} 
.seekbarscroll { position:absolute; bottom:0px; left:40px; width: 94%; height:5px; background:#FF2800 url(../images/seekbar-bg.gif)  no-repeat; background-size:100% 60px; border-top:15px solid #000; border-bottom:15px solid #000; } 
.mute-btn { position:absolute; bottom:0px; right:0px; width:41px; height:35px; background:#000 url(../images/mute-btn.gif) 0px 0px no-repeat; cursor:pointer;} 
.spaceimage{ margin-bottom:30px;} 
.spacebarimage{ margin-bottom:35px;} 
#cp-bg-bar .button-justify{ width:100%; background:none; margin:0; text-align:center; padding:0; height:0px;} 
#cp-bg-bar .button-justify .cp-slide-btn{ display:inline-block; background-image:url("../images/justify-bg.png")!important; background-color:transparent!important; width:37px; height:37px; opacity:0.5; filter: alpha(opacity=50); position:absolute;} 
#cp-bg-bar .button-justify .cp-slide-btn:hover{ opacity:100; filter: alpha(opacity=100);} 
.button-justify #cp-back{ background-position:bottom left; left:40px; } 
.button-justify #cp-next{ background-position:top left; right:40px; left:auto;} 
.button-justify #cp-pause{ left:50%; margin-left:-18px; background-position:top right;} 
.button-justify #cp-play{ left:50%; margin-left:-18px; background-position:bottom right;} 


/*====== Style =====*/ 
.cp-title, .small-title{
	text-transform:uppercase;
	background:none;
	padding:0 0 4px 0;
	font-size:18px;
	font-weight:300;
	position:relative;
	font-family:"Roboto";
	margin:0;
	color:#565656;
}
.cp-title:after, .small-title:after{
/*	content:'';*/
	position:absolute;
	left:0;
	bottom:0;
	width:100px;
	border-bottom:2px solid #ababab;
}
.border_bg{
	width:100px;
	border-bottom:2px solid #ababab;
}
.cp-desc{
	background:none;
	color:#565656 !important;
	padding:0;
	margin:0;
}
.big-title{
	padding-top:22px;
	padding-bottom:11px;
	font-size:32px;
	font-weight:bold;
	text-transform:uppercase;
}
.main_desc { font-weight:300; line-height:24px; padding:6px 0; }
.sub-title{
	text-transform:uppercase;
	font-family:"Roboto";
	font-weight:300;
	font-size:24px;
}


.cp-title,.small-title, .border_bg, .big-title,  .main_desc, .iconLink, .sub-title, .ss-buttons{ transform: translateX(400px); opacity:0; } 
#cp-bullet{ padding:0px 10px 10px 10px; padding-bottom: 2%; }
#cp-bullet span{ display:inline-block; width: 11px; height: 11px; margin: 0 3px; background:url(../images/bullet.png) left bottom; background: #b9b9b9; border: 2px solid #b9b9b9; border-radius: 50%; cursor:pointer; text-indent:9999px; }
#cp-bullet span.active,#cp-bullet span:hover{ background-position:top left;	 }
#cp-bullet span.active { background: #39c5de; border: 2px solid #39c5de; } #cp-hide-content {   position: fixed;   top: 0;   right: 0;   display: block;   padding: 10px 20px;   background: #A4080C;   color: #ffffff;   z-index: 9999;}  
.cp-desc { background: none!important; padding:0; font-size:18px;  }
#cp-caption{ width: 80%; top:15%; overflow:hidden;  }
#cp-caption-inner { position:relative!important; color:#565656; font-family:"Roboto"; }
#cp-caption-inner .L { float: left; width: 50%;   }
#cp-caption-inner .C { width: 50%; margin: 0 auto; }
#cp-caption-inner .R { float: right; width: 50%;   }
.big-title, .sub-title, .small-title, .ss-buttons a { font-family: 'Kanit'; }
.big-title, .sub-title { color: #ff7200;  }
.ss-buttons a { border: 2px solid #39c5de; color: #39c5de; }
.ss-buttons a:after { background: #39c5de; }


.iconLink{ margin-top:45px; }
.iconLink a + a {  margin-left: 20px; }
.iconLink a{ border-radius:5px; border:2px solid #fff; width:80px; height:80px; display:inline-block; text-align:center; position:relative; float:left; transition: background 0.3s ease 0s; }
.iconLink a:hover{ border-color: #39c5de;
animation-name: iconBackgroundHover; animation-duration: 0.2s; animation-timing-function: linear; animation-iteration-count: 1;
-webkit-animation-name: iconBackgroundHover; -webkit-animation-duration: 0.2s; -webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
-o-animation-name: iconBackgroundHover; -o-animation-duration: 0.2s; -o-animation-timing-function: linear; -o-animation-iteration-count: 1; }
.iconLink a span{ position:absolute; line-height:34px; padding:6px 5px; border-radius:3px; bottom:93px; transition: opacity 0.75s ease;  left:-5px; line-height:22px; color:#fff; font-size:16px; text-transform:uppercase; right:-5px; margin-left:auto; margin-right:auto; background:#494949; opacity:0; filter: alpha(opacity = 0); }
.iconLink a:hover span{ opacity:1; filter: alpha(opacity = 100); }
.iconLink a span:before{ background:url("../../../images/arrow-tipp.png") no-repeat scroll center bottom transparent; content:''; width:100%; position:absolute; bottom:-7px; height:7px; left:0; }
.iconLink a.moreDepartment{ text-align:center; animation: none !important; background: #fff !important; border-color: #fff !important; color: #d0cfcf; font-size: 32px; line-height: 80px; text-align: center; }
.iconLink a.moreDepartment:hover { background: #39c5de !important; border-color: #39c5de !important; color: #fff; }
.iconLink a.iconLink-1 { background: url("../../../images/bg-iconLink-1.png") no-repeat scroll center center transparent; }
.iconLink a.iconLink-2 { background: url("../../../images/bg-iconLink-2.png") no-repeat scroll center center transparent; }
.iconLink a.iconLink-3 { background: url("../../../images/bg-iconLink-3.png") no-repeat scroll center center transparent; }
.iconLink a.iconLink-4 { background: url("../../../images/bg-iconLink-4.png") no-repeat scroll center center transparent; }
.iconLink a.iconLink-1:hover { background: url("../../../images/bg-iconLink-1-hover.png") no-repeat scroll center center #39c5de; }
.iconLink a.iconLink-2:hover { background: url("../../../images/bg-iconLink-2-hover.png") no-repeat scroll center center #39c5de; }
.iconLink a.iconLink-3:hover { background: url("../../../images/bg-iconLink-3-hover.png") no-repeat scroll center center #39c5de; }
.iconLink a.iconLink-4:hover { background: url("../../../images/bg-iconLink-4-hover.png") no-repeat scroll center center #39c5de; }

.ss-buttons{ padding-top:25px;  }
.ss-buttons a{ height:48px; line-height:44px; padding:0 20px; display:inline-block; text-decoration:none; font-size:18px; text-transform:uppercase; position:relative;  }
.ss-buttons a:after{ position:absolute; transition: all 0.3s ease 0s; width:100%; height:0; content:''; z-index:-1; top:0; left:0;  }
.ss-buttons a:hover:after{ height:100%;  }
.ss-buttons a:hover{ color:#fff;  }

.hidenPageheading .page-heading{
	display:none;
}


.background_slideshow{
	overflow:hidden;
}

.btanimate .cp-title,.btanimate .small-title{
	animation: 0.45s ease 0s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 0s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 0s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 0s normal forwards 1 descBgMoveLeft;
}
.btanimate .border_bg{
	animation: 0.45s ease 0.5s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 0.5s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 0.5s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 0.5s normal forwards 1 descBgMoveLeft;
}
.btanimate .big-title /*, .btanimate .main_desc,.btanimate .iconLink,.btanimate .sub-title, .btanimate .ss-buttons */{
	animation: 0.45s ease 1s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 1s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 1s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 1s normal forwards 1 descBgMoveLeft;
}
.btanimate .big-title + .sub-title{
	animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
}
.btanimate .main_desc.noSubtitle{
	animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 1.5s normal forwards 1 descBgMoveLeft;
}
.btanimate .main_desc.hasSubtitle{
	animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
}

.btanimate .iconLink{
	animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 2s normal forwards 1 descBgMoveLeft;
}
.btanimate .ss-buttons{
	animation: 0.45s ease 2.5s normal forwards 1 descBgMoveLeft;
	-o-animation: 0.45s ease 2.5s normal forwards 1 descBgMoveLeft;
	-ms-animation: 0.45s ease 2.55s normal forwards 1 descBgMoveLeft;
	-webkit-animation: 0.45s ease 2.55s normal forwards 1 descBgMoveLeft;
}