@charset "UTF-8";

/*
Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
*/
div.selector,div.selector span,div.checker span,div.radio span,div.uploader,div.uploader span.action,div.button,div.button span{background-image:url(../images/sprite.png);background-repeat:no-repeat;-webkit-font-smoothing:antialiased}
.selector,.radio,.checker,.uploader,.button,.selector *,.radio *,.checker *,.uploader *,.button *{margin:0;padding:0}
input.text,input.email,input.password,textarea.uniform{padding:2px;color:#777;background:#fff url(../images/bg-input-focus.png) repeat-x 0 0;background:#fff url(../images/bg-input.png) repeat-x 0 0;border-top:solid 1px #aaa;border-left:solid 1px #aaa;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:0}
input.text:focus,input.email:focus,input.password:focus,textarea.uniform:focus{-webkit-box-shadow:0 0 4px rgba(0,0,0,0.3);-moz-box-shadow:0 0 4px rgba(0,0,0,0.3);box-shadow:0 0 4px rgba(0,0,0,0.3);border-color:#39F;background:#fff url(../images/bg-input-focus.png) repeat-x 0 0}
div.button{background-position:0 -7450px;height:32px;cursor:pointer;position:relative}
div.button a,div.button button,div.button input{display:none}
div.button.active{background-position:0 -782px}
div.button.active span{background-position:right -654px;cursor:default}
div.button.hover,div.button.focus{background-position:0 -814px}
div.button.hover span,div.button.focus span{background-position:right -686px}
div.button.disabled,div.button.disabled.active{background-position:0 -846px}
div.button.disabled span,div.button.disabled.active span{background-position:right -18px;cursor:default}
div.selector{background-position:-483px -160px;line-height:32px;height:32px;text-align:left}
div.selector span{background-position:right 0;height:32px;line-height:32px}
div.selector:active,div.selector.active{background-position:-483px -192px}
div.selector:active span,div.selector.active span{background-position:right -32px}
div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -224px}
div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -64px}
div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{background-position:-483px -256px}
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{background-position:right -96px}
div.selector.disabled{background-position:-483px -288px}
div.selector.disabled span{background-position:right -128px}
div.checker{width:23px;height:23px}
div.checker input{width:23px;height:23px}
div.checker span{background-position:0 -320px;height:23px;width:23px}
div.checker:active span,div.checker.active span{background-position:-23px -320px}
div.checker.focus span,div.checker:hover span{background-position:-46px -320px}
div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-69px -320px}
div.checker span.checked{background-position:-115px -320px}
div.checker:active span.checked,div.checker.active span.checked{background-position:-138px -320px}
div.checker.focus span.checked,div.checker:hover span.checked{background-position:-161px -320px}
div.checker.focus:active span.checked,div.checker:hover:active span.checked,div.checker.active:hover span.checked,div.checker.active.focus span.checked{background-position:-184px -320px}
div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-184px -320px}
div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-207px -320px}
div.radio{width:23px;height:23px}
div.radio input{width:23px;height:23px}
div.radio span{height:23px;width:23px;background-position:0 -343px}
div.radio:active span,div.radio.active span{background-position:-23px -343px}
div.radio.focus span,div.radio:hover span{background-position:-46px -343px}
div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-69px -343px}
div.radio span.checked{background-position:-92px -343px}
div.radio:active span.checked,div.radio.active span.checked{background-position:-115px -343px}
div.radio.focus span.checked,div.radio:hover span.checked{background-position:-138px -343px}
div.radio.focus:active span.checked,div.radio:hover:active span.checked,div.radio.focus.active span.checked,div.radio.active:hover span.checked{background-position:-161px -343px}
div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-184px -343px}
div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-207px -343px}
div.uploader{background-position:0 -366px;height:32px; }
div.uploader span.action{background-position:right -494px;height:24px;line-height:24px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
div.uploader span.filename{height:24px;margin:4px 0 4px 4px;line-height:24px;box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
div.uploader.focus,div.uploader.hover,div.uploader:hover{background-position:0 -430px;}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -526px; }
div.uploader.active span.action,div.uploader:active span.action{background-position:right -558px}
div.uploader.focus.active span.action,div.uploader:focus.active span.action,div.uploader.focus:active span.action,div.uploader:focus:active span.action{background-position:right -590px; }
div.uploader.disabled{background-position:0 -398px}
div.uploader.disabled span.action{background-position:right -462px; }
div.button{background-position:0 -624px }
div.button span{background-position:right -752px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
div.button.focus,div.button:focus,div.button:hover,div.button.hover{background-position:0 -656px}
div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span{background-position:right -784px}
div.button.active,div.button:active{background-position:0 -687px}
div.button.active span,div.button:active span{background-position:right -815px;color:#555}
div.button.disabled,div.button:disabled{background-position:0 -720px}
div.button.disabled span,div.button:disabled span{background-position:right -848px;color:#666;cursor:default}
div.button{height:28px}
div.button span{margin-left:13px;height:20px;padding-top:8px;font-weight:700;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding-left:2px;padding-right:15px;color:#1c4257;text-shadow:rgba(255,255,255,0.5) 0 1px 0}
div.selector{font-size:12px}
div.selector select{font-family:"Helvetica Neue",Arial,Helvetica,sans-serif;font-size:1em;border:solid 1px #fff}
div.selector span{padding:0 25px 0 2px;cursor:pointer}
div.selector span{color:#666;text-shadow:0 1px 0 #fff}
div.selector.disabled span{color:#bbb}
div.checker{margin-right:5px}
div.radio{margin-right:3px}
div.uploader{width:190px}
div.uploader span.action{width:83px;text-align:center;text-shadow:rgba(255,255,255,0.5) 0 1px 0;background-color:#fff;color:#1c4257}
div.uploader span.filename{color:#777;width:82px;border-right:solid 1px #567c91;font-size:90%;font-size:11px}
div.uploader input{width:190px}
div.uploader.disabled span.action{color:#aaa}
div.uploader.disabled span.filename{border-color:#ddd;color:#aaa}
.selector,.checker,div.button,.radio,.uploader{display:-moz-inline-box;display:inline-block;vertical-align:middle;zoom:1;*display:inline}
.selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus{outline:0}
div.button a,div.button button,div.button input{position:absolute}
div.button{cursor:pointer;position:relative}
div.button span{display:-moz-inline-box;display:inline-block;line-height:1;text-align:center}
div.selector{position:relative;padding-left:10px;overflow:hidden}
div.selector span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
div.selector select{opacity:0;filter:alpha(opacity=0);-moz-opacity:0;border:none;background:none;position:absolute;height:24px;top:4px;left:0;width:100%}
div.selector option{padding:5px}
div.checker{position:relative}
div.checker span{display:-moz-inline-box;display:inline-block;text-align:center}
div.checker input{opacity:0;filter:alpha(opacity:0);display:inline-block;background:none}
div.radio{position:relative}
div.radio span{display:-moz-inline-box;display:inline-block;text-align:center}
div.radio input{opacity:0;filter:alpha(opacity:0);text-align:center;display:inline-block;background:none}
div.uploader{position:relative;overflow:hidden;cursor:default}
div.uploader span.action{float:left;display:inline;padding:4px 0;overflow:hidden;cursor:pointer}
div.uploader span.filename{padding:0 10px;float:left;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}
div.uploader input{opacity:0;filter:alpha(opacity:0);position:absolute;top:0;right:0;bottom:0;float:right;height:25px;border:none;cursor:default}

/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop{display:none;text-decoration:none;position:fixed;bottom:10px;right:10px;overflow:hidden;width:51px;height:51px;border:none;text-indent:100%;background:url(../images/ui.totop.png) no-repeat left top}
#toTopHover{background:url(../images/ui.totop.png) no-repeat left -51px;width:51px;height:51px;display:block;overflow:hidden;float:left;opacity:0;-moz-opacity:0;filter:alpha(opacity=0)}
#toTop:active,#toTop:focus{outline:none}


/*! jQuery UI - v1.10.2 - 2013-03-29
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.tabs.css
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */

.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{min-height:0}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-resizable{position:relative}
.ui-resizable-handle{position:absolute;font-size:.1px;display:block}
.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}
.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}
.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}
.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}
.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}
.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}
.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}
.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}
.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}
.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}
.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}
.ui-accordion .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-noicons{padding-left:.7em}
.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}
.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}
.ui-tabs{position:relative;padding:.2em}
.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0;padding:0px 0 0 10px;height:30px;line-height:16px;border-bottom:1px solid #ddd;margin-bottom:15px}
.ui-tabs .ui-tabs-nav li{float:left;border-top:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd;background:#fff url(../images/egtab-inactive.png) repeat-x;padding:7px 15px 6px;float:left;font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;text-align:center;text-decoration:none;margin-right:5px}
.ui-tabs .ui-tabs-nav li a{color:#000;margin-right:2px}
.ui-tabs .ui-tabs-nav li.ui-tabs-active{background:#fff url(../images/egtab-active.png) repeat-x!important;padding-bottom:6px;border-top:3px solid #5C8FCD}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}
.ui-tabs .ui-tabs-nav li a,/* first selector in group seems obsolete,but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ 
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}
.ui-tabs .ui-tabs-panel{display:block;border-width:0;background:none;}

/*** oneByOne ***/
#bannerSlider .oneByOne_item span.slideh2{
	
	font-family: "Roboto", sans-serif;
	font-size: 40px;
	line-height: 50px;

	position:relative;
	float:left;
	margin:80px 12px 0 400px;
	padding:8px;
	color:#fff;
	text-shadow:2px 2px 2px #222;

	}
	
#bannerSlider .oneByOne_item span.slideh3{
	font-size: 30px;
	line-height: 40px;
	
	position:relative;
	float:left;
	margin:0 12px 0 400px;
	padding:8px;
	color:#fff;
	text-shadow:2px 2px 2px #222;
	}
	
	
#bannerSlider .oneByOne_item span.slideparagraph{
	font-size: 20px;
	line-height:30px;
	
	position:relative;
	float:left;
	margin:1px 12px 0 400px;
	padding:8px;
	color:#fff;
	text-shadow:2px 2px 2px #222;
	}
	
#bannerSlider .oneByOne_item span.slideh2_left{
	font-family: "Roboto", sans-serif;
	font-size: 40px;
	line-height: 50px;
	
	display:block;
	position:relative;
	margin:80px 12px 0 32px;
	padding:8px;
	color:#fff;
	text-shadow:2px 2px 2px #222;
	}
	
#bannerSlider .oneByOne_item span.slideh3_left{
	font-size: 30px;
	line-height: 40px;
	
	position:relative;
	display:block;
	margin:0 12px 0 32px;
	padding:8px;
	color:#fff;
	text-shadow:2px 2px 2px #222;
	}
	
	
#bannerSlider .oneByOne_item span.slideparagraph_left{
	font-size: 20px;
	line-height:30px;
	
	position:relative;
	display:block;
	margin:1px 570px 0 32px;
	padding:8px;
	color:#fff;
	text-shadow:2px 2px 2px #222;
	}
	
	
	
#bannerSlider .oneByOne_item span.slidebutton a{
	font-size: 20px;
	line-height:30px;
	
	position:relative;
	float:left;
	margin:18px 12px 0 400px;
	display:inline-block;
	vertical-align:top;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.1);
	padding:0 18px;
	}
	
#bannerSlider .oneByOne_item span.slidebutton a:hover{color:#fff}

#bannerSlider .oneByOne_item span.slidebutton_left a{
	font-size: 20px;
	line-height:30px;
	
	position:relative;
	float:left;
	margin:18px 400px 0 40px;
	display:inline-block;
	vertical-align:top;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.1);padding:0 18px
	}
	
	
.buttonArea{float:left;left:50%;position:relative;top:100%;margin-top:-32px}
.buttonCon{float:left;left:-50%;position:relative}
.buttonCon .theButton{display:block;color:#B22222;width:20px;height:22px;text-indent:-9999px;border:0;margin-right:3px;float:left}
.buttonArea a.active{background-position:0 -22px}
.arrowButton{cursor:pointer}
.arrowButton .prevArrow{background:url(images/prev.png) no-repeat;width:40px;height:80px;position:absolute;top:170px;left:12px}
.arrowButton .nextArrow{background:url(images/next.png) no-repeat;width:40px;height:80px;position:absolute;top:170px;right:12px}
.animate0{-webkit-animation-duration:.6s;-webkit-animation-delay:0;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:0;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:0;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:0;animation-timing-function:ease;animation-fill-mode:both}
.animate1{-webkit-animation-duration:.6s;-webkit-animation-delay:.2s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.2s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.2s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.2s;animation-timing-function:ease;animation-fill-mode:both}
.animate2{-webkit-animation-duration:.6s;-webkit-animation-delay:.4s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.4s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.4s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.4s;animation-timing-function:ease;animation-fill-mode:both}
.animate3{-webkit-animation-duration:.6s;-webkit-animation-delay:.6s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.6s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.6s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.6s;animation-timing-function:ease;animation-fill-mode:both}
.animate4{-webkit-animation-duration:.6s;-webkit-animation-delay:.8s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:.8s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:.8s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:.8s;animation-timing-function:ease;animation-fill-mode:both}
.animate5{-webkit-animation-duration:.6s;-webkit-animation-delay:1s;-webkit-animation-timing-function:ease;-webkit-animation-fill-mode:both;-moz-animation-duration:.6s;-moz-animation-delay:1s;-moz-animation-timing-function:ease;-moz-animation-fill-mode:both;-ms-animation-duration:.6s;-ms-animation-delay:1s;-ms-animation-timing-function:ease;-ms-animation-fill-mode:both;animation-duration:.6s;animation-delay:1s;animation-timing-function:ease;animation-fill-mode:both}
#bannerSlider{position:relative}

.oneByOne1{top:0;margin:0;width:100%;height:400px;position:relative;overflow:hidden}
#bannerSlider .oneByOne_item{
	position:absolute;
	width:100%;
	height:400px;
	overflow:hidden
}

	

#bannerSlider .oneByOne_left{left:0;}
#bannerSlider .oneByOne_right{right:0}
#bannerSlider .oneByOne_item img.bigImage{position:absolute;top:0;}
#bannerSlider .oneByOne_item span.slidebutton_left a:hover{color:#fff}
.oneByOne_item img{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slideh2{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slideh3{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slideparagraph{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slidebutton{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slidebutton a{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slideh2_left{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slideh3_left{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slideparagraph_left{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slidebutton_left{-webkit-transform:translate3d(0,0,0)}
.oneByOne_item span.slidebutton_left a{-webkit-transform:translate3d(0,0,0)}
.button-add{
	font:bold 14px/40px 'Open Sans',Arial,Helvetica,sans-serif;
	display:inline-block;
	vertical-align:top;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,.1);
	background-color: #09C;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:0 18px
	}
.button-add:hover{
	background-color: #3CF
	}

/*** tbox ***/
.tbox{position:absolute;display:none;padding:10px;z-index:999}
.tinner{padding:10px;-moz-border-radius:5px;border-radius:5px;background:#fff url(../images/preload.gif) no-repeat 50% 50%;
border-right:1px solid #333;border-bottom:1px solid #333;
}
.tcontent iframe{
	width:100%;padding-bottom: 20px;
	}
.tmask{
	position:absolute;display:none;top:0;left:0;height:100%;width:100%;background:#000;z-index:800}
.tclose{
	position:absolute;top:0;right:0;width:30px;height:30px;cursor:pointer;background:url(../images/close.png) no-repeat}
.tclose:hover{background-position:0 -30px}

/* ---------->>> jtip <<<---------------------------------------------------------------*/
#JT_arrow_left{background-image:url(../images/arrow_left.gif);background-repeat:no-repeat;background-position:left top;position:absolute;z-index:101;left:-9px;height:23px;width:8px;top:2px}
#JT_arrow_right{background-image:url(../images/arrow_right.gif);background-repeat:no-repeat;background-position:left top;position:absolute;z-index:101;height:23px;width:8px;top:2px}
#JT{position:absolute;z-index:100;border:1px solid #ccc;background-color:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
#JT_copy{padding:10px;color:#333}
.JT_loader{background-image:url(../images/loader.gif);background-repeat:no-repeat;background-position:center center;width:100%;height:12px}
#JT_close_left{background-color: #DFEBFD;color:#666;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:2px;font-weight:700}
#JT_close_right{background-color:#DFEBFD;text-align:left;padding-left:8px;padding-bottom:5px;padding-top:2px;font-weight:700}
#JT_copy p{margin:3px 0}
#JT_copy img{padding:1px;border:1px solid #CCC}
.jTip{cursor:pointer}



/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(images/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(images/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(images/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(images/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(images/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(images/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxLoadingOverlay{background:#fff url(images/loading.gif) no-repeat 5px 5px;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}



/*** sf-menu ***/

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin: 0;
	padding: 0;
	list-style: none;
}
.sf-menu li {
	position: relative;
}
.sf-menu ul {
	position: absolute;
	display: none;
	top: 100%;
	left: 0;
	z-index: 99;
}
.sf-menu > li {
	float: left;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
	display: block;
}
.sf-menu a {
	display: block;
	position: relative;
}
.sf-menu ul ul {
	top: 0;
	left: 100%;
}
/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position: absolute;
	display: block;
	right: .75em;
	top: .9em;
	width: 10px;
	height: 10px;
	text-indent: -999em;
	overflow: hidden;
	background: url(../images/arrows-ffffff.png) no-repeat 0 -100px;
}
li:hover > a .sf-sub-indicator, li.sfHover > a .sf-sub-indicator {
	background-position: -10px -100px;
}
/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
	background-position: 0 0;
}
.sf-menu ul li:hover > a .sf-sub-indicator, .sf-menu ul li.sfHover > a .sf-sub-indicator {
	background-position: -10px 0;
}
/* adding sf-vertical class in addition to sf-menu creates a vertical menu */
/* eg. <ul class="sf-menu sf-vertical"> ... */
.sf-vertical {
	width: 100%;
}
.sf-vertical ul {
	left: 70%;
	top: 0;
}
.sf-vertical li {
	width: 100%;
}
/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator {
	background-position: 0 0;
}
.sf-vertical li:hover > a .sf-sub-indicator, .sf-vertical li.sfHover > a .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}





/*** Misc***/
.frontC {
	margin-top: 10px;
}
.frontC .c1 {
	height: 208px;
}
.frontC .c2 {
	height: 208px;
}
.frontC .c3 {
	height: 208px;
}
.frontC .c4 {

	height: 208px;
	margin: 0;
}
.frontC p {
	font-size: 12px;
	line-height: 17px;
	color: #5e5e5e;
	text-align: justify;
	padding-top: 10px;
}
.frontC h3 {
	font-size: 16px;
	line-height: 20px;
	color: #4A718A;
	height: 80px;
}
.frontC .ch1 {
	padding: 0 0 0 85px;
	background: url(../images/ch1.jpg) no-repeat 0px;
}
.frontC .ch2 {
	padding: 0 0 0 85px;
	background: url(../images/ch2.jpg) no-repeat 0px;
}
.frontC .ch3 {
	padding: 0 0 0 85px;
	background: url(../images/ch3.jpg) no-repeat 0px;
}
.frontC .ch4 {
	padding: 0 0 0 85px;
	background: url(../images/ch4.jpg) no-repeat 0px;
}



.CPlanList .ui-tabs .ui-tabs-nav {
	margin: 0;
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #CDB541;
	margin-bottom: 15px;
}
.CPlanList .ui-tabs .ui-tabs-nav li {
	float: left;
	padding-right: 5px;
	border-top: 1px solid #09F;
	border-left: 1px solid #09F;
	border-right: 1px solid #09F;
	background: #fff url(../images/egtab3-inactive.png) repeat-x;
	padding: 7px 15px 6px 15px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
}
.CPlanList .ui-tabs .ui-tabs-nav li.ui-tabs-active {
	background: #fff url(../images/egtab-active.png) repeat-x !important;
	padding-bottom: 5px;
	border-top: 3px solid #09F;
}




.tickercontainer .mask {
	position: relative;
	overflow: hidden;
}
ul.newsticker {
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.newsticker li {
	float: left;
	margin: 0;
	padding-right: 15px;
}


/*** jslider ***/
.jslider .jslider-bg i,.jslider .jslider-pointer{background:url(../images/jslider.png) no-repeat 0 0}
.jslider{display:block;width:100%;height:1em;position:relative;top:.6em;font-family:Arial,sans-serif}
.jslider table{width:100%;border-collapse:collapse;border:0}
.jslider td,.jslider th{padding:0;vertical-align:top;text-align:left;border:0}
.jslider table,.jslider table tr,.jslider table tr td{width:100%;vertical-align:top}
.jslider .jslider-bg{position:relative}
.jslider .jslider-bg i{height:5px;position:absolute;font-size:0;top:0}
.jslider .jslider-bg .l{width:10%;background-position:0 0;left:0}
.jslider .jslider-bg .f{width:80%;left:10%;background-repeat:repeat-x;background-position:0 -20px}
.jslider .jslider-bg .r{width:10%;left:90%;background-position:right 0}
.jslider .jslider-bg .v{position:absolute;width:60%;left:20%;top:0;height:5px;background-repeat:repeat-x;background-position:0 -40px}
.jslider .jslider-pointer{width:13px;height:15px;background-position:0 -60px;position:absolute;left:20%;top:-4px;margin-left:-6px;cursor:pointer;cursor:hand}
.jslider .jslider-pointer-hover{background-position:-20px -60px}
.jslider .jslider-pointer-to{left:80%}
.jslider .jslider-label{font-size:9px;line-height:12px;color:#000;opacity:.4;white-space:nowrap;padding:0 2px;position:absolute;top:-18px;left:0}
.jslider .jslider-label-to{left:auto;right:0}
.jslider .jslider-value{font-size:9px;white-space:nowrap;padding:1px 2px 0;position:absolute;top:-19px;left:20%;background:#fff;line-height:12px;-moz-border-radius:2px;-webkit-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.jslider .jslider-value-to{left:80%}
.jslider .jslider-label small,.jslider .jslider-value small{position:relative;top:-.4em}
.jslider .jslider-scale{position:relative;top:9px}
.jslider .jslider-scale span{position:absolute;height:5px;border-left:1px solid #999;font-size:0}
.jslider .jslider-scale ins{font-size:9px;text-decoration:none;position:absolute;left:0;top:5px;color:#999}
.jslider-single .jslider-pointer-to,.jslider-single .jslider-value-to,.jslider-single .jslider-bg .v,.jslider-limitless .jslider-label{display:none}
div#headerWrapper{
 height:100%;   
}
.frontpageHeader-custom img{
 height:100%;   
}
}
}
div#logoWrapper {
    background: transparent !important;
    position: fixed !important;
    z-index: 99999999999999 !important;
}
#logoWrapper{
     position: fixed !important;
     z-index:999999 !important;
   background:rgb(255 255 255 / 0.3) !important;
}
.navbar-nav.navbar-right li a{
color:white !important;
}
#topStats, #headerWrapper{
    display:block !important;
}
#mainLogo img{
    width:200px !important;
}
@media (max-width: 767px){
    p, span{
        font-size:larger !important;
    }
#mainLogo img, .logo-img{
    width:150px !important;
}
    #logoWrapper{
        position:unset !important;
    }
    .navbar-nav.navbar-right li a{
color:black !important;
}
    
}

.container{
/*padding:unset !important;
*/
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{

}
.a-content.padding-right.col-sm-12 strong{
    font-size:36px;
    font-family:Arial;
}
#topWrapper{
    z-index:9999999999999999999 !important;
    
}
#topmenuWrapper{
    background:black !important;
}
.frontpageHeader-custom{
    background:unset;
}

.container{
width:100% !important;
margin:unset !important;
padding:unset !important;
}
p,h1,h2,h3,h4,h5,h6{
    
}
.contentContainer .content{
    padding:unset !important;
}
#footerWrapper{
    border-color:unset !important;
/*    background:unset !important;
background-color:#c49734 !important;
display:none;*/
background:black;
}
img.img-responsive{
    text-align:center !important;
    margin:auto !important;
}
.row{
    margin:unset !important;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video{
    line-height:initial;
}
.a-content.padding-right.col-sm-12{
    padding:unset;
}
@media (max-width: 500px){
    .tickercontainer{
   /*    position: relative;
    top: -10px;
    left: 27px;*/
    }
    #egLocalTime{
    font-size:11px !important;
}
}
@media (max-width: 700px){
.parent_div{
  display:flex;
          flex-flow: column;   
}
.order1{
    order:1;
}
.order2{
   order:2; 
}
#video_container{
      display:flex;
          flex-flow: column;   
}
#video_container img {
    display: none;
}
#frame_container{
   position: unset !important;
    right: unset !important;
    margin-top: unset !important;
    order:2;
}
#frame_container2{
   position: unset !important;
    right: unset !important;
    margin-top: unset !important;
    order:2;
}
#hh{
    height:300px !important;
width:100% !important;
transform:unset !important;
position: unset !important; 
   left: unset !important; 
  top: unset !important; 
   margin-left: unset !important;
}
#hhh{
    height:300px !important;
width:100% !important;
transform:unset !important;
position: unset !important; 
   left: unset !important; 
  top: unset !important; 
   margin-left: unset !important;
}
}
#frame_container{
    position: absolute;
    right: 7%;
    margin-top: 16%;
}
#frame_container2 {
    /* position: absolute; */
    /* left: 7%; */
    /* margin-top: 10%; */
    left: 50%;
    transform: translate(-50%, 33%);
    position: absolute;
}
#frame_container iframe{

}
#video_container{

      width: 100%;

}
#mainLogo{
    margin-left:20px;
}
@media (min-width: 768px){
    
    .navbar-right{
        margin-right:20px;
    }

}
  @media (min-width: 1200px){
    #hh{
  width: 48rem !important;
    height: 27rem !important;
  }
     #hhh{
  width: 43rem !important;
    height: 24rem !important;
  }
  }
#topmenuWrapper .changeLanguage{
    position:absolute;
    top: 142px;
    right: 20px;
}
.nav-link{
    font-size:18px;
}
#copyrightWrapper .socialicons ul.icons{
    margin-right:20% !important;
}.pageTitle{
    display:none !important;
    
}
  .order1 {
    margin: 0px !important;
  padding:0px !important;
  
}
    .order2 {
    margin: 0px !important;
  padding:0px !important;
    
}
  .oder1 img{
  width:100% !important;
  }
  .order2 img{
  width:100% !important;
  }
  .col-md-6.order1 div {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .col-md-6.order2 div {
    padding-left: 10px;
    padding-right: 10px; 
  }
  @media (max-width: 767px){
  
  #hh{
  width: 100% !important;
  height: calc((100vw*9) /16) !important;
}
  #hhh{
  width: 100% !important;
  height: calc((100vw*9) /16) !important;
}
  } 
#logoWrapper{    
   background-position: top !important;
    background-image: url(https://teambuildclub.com/images/trans_banner.png) !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    height:auto !important;
    top:0px !important;
    background-color: unset !important;
   /* background-size: cover !important;
      background-position: bottom !important;*/
}              
 .topContainer{
 /*
 display:none !important;  */  
 }
 body{
     background:black !important;
 }
 .contentContainer .content{
     background:black !important;
     color:white !important;
 }
 .a-content.padding-right.col-sm-12 span{
     color:white;
 }
 #copyrightWrapper{
    /* background:black; */
 }
 .contentContainer{
     background-color:black !important;
 }
.a-content.padding-right.col-sm-10{
     width:100% !important;
     padding:0px !important;
 }
 @media (min-width: 768px){
     #contentWrapper{
  /*margin-top:76px !important;  */ 
     
 }
 }
 p span{
     padding:2px;
 }
 .tpara{margin-top:-128px !important;}
 #ar_a{
      line-height:72px !important;
  }
  
    .tpara{
      margin-top: -77px !important;
    margin-bottom: 20px;
  }
  .dpara{
      margin-bottom:77px;
  }
  div#pmob{
      margin-top:6%;
      margin-bottom:27px;
  }
  .rup{
      margin-top:60px;
  }
  .rdown{
      margin-bottom:60px;
  }
  #wjus{
      margin-bottom:27px;
  }
  @media (max-width: 868px){
      .aga{
              font-size: 22px !important;
    line-height: 29px !important;
    width: 100% !important;

      }
      .aga span{
          font-size:22px !important;
      }
      div#vg {
    max-width: 100%;
    overflow-x: scroll;
}
p#ar_a {
    padding-right: 4px !important;
    padding-left: 4px !important;
}
#htit span{
    font-size:36px !important;
}
.only_mob{
    display:block !important;
}
.a-content.padding-right.col-sm-12 span {
    color: white;
    font-size: 22px !important;
    line-height:29px;
}
      .tpara{
          margin-top:-27px !important;
          
      }
        .dpara{
      margin-bottom:38px;
  }
   div#pmob{
       padding-left:3% !important;
       padding-right:3% !important;
   }
      button.navbar-toggle{
          top:-29px;
      }
      #logoWrapper{ 
      background-position: left !important;
    background-image: url(https://teambuildclub.com/images/trans_banner.png) !important;
    background-repeat: no-repeat !important;
    /*background-size: cover !important; */
	background-size: 155% 100% !important;
    height: 58px !important;
    top: 0px !important;
    background-color: unset !important;
  }
  #ar_a{
      line-height:unset !important;
  }
  #contentWrapper{
      margin-top:0px !important;
  }
  #wjus{
    padding-left:3% !important;
    padding-right:3% !important;
}
#topmenuWrapper .changeLanguage{
    top:82px !important;
    right:7px !important;
	
}
  }
  .changeLanguage{
	 /* display:none !important;*/
  }
  @media (min-width: 1600px){
            #logoWrapper{ 
      background-position: bottom !important;
    background-size: cover !important;

  }
      
      
  }
p font{color:#e7b764 !important;}
  #logoWrapper{ 
/*   margin-top:25px;   */
  }
  table.tablist td{
      color:black;
  }
.rh div.button span{
   background: black;
    border: solid;
    border-color: #e7b764 !important;
    border-radius: 4px;
    padding: 5px;
    border-width: 1px;
    color: #e7b764 !important;
	font-size:medium !important;

	
}
.rh div.button{
	background:black;
	margin-top:2px; 
}
#tcont li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active{
	border-top:3px solid #a17f1a !important;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a{
	cursor:pointer !important;
}
#tcont a:focus{
	outline:none !important;
}
ul#tcont{
	border-bottom:unset !important;
}
#tcont li.ui-state-default.ui-corner-top{
	background:#a17f1a !important;
	border:unset !important;
	border-radius:3px !important;
	box-shadow:2px 2px 2px 2px #a17f1a29 !important;
}
#tcont li.ui-state-default.ui-corner-top a{
	color:White !important;
}
#script_1,#script_2,#script_3,#script_4,#script_5,#script_6,#script_7{
background: lightgrey;
    border-radius: 4px;
    max-width: 487px;
	padding:10px;
	color:black;
}
#mashta{
background:url(https://teambuildclub.com/themes/mhd7/images/icons/download.png) 0 5px no-repeat !important;
}
div#topWrapper{
	display:none !important;

}
#vsz .button{
border:solid !important;
border-width:1px !important;
border-radius:4px !important;
}
#vsz .button, #vsz .button span{
    background: transparent !important;
    color: #e7b764 !important;

    border-color: #e7b764 !important;
	    font-weight: normal;
    vertical-align: middle; 
    margin: auto;
    line-height: 10px;
    text-align: center;
	font-size:medium;
	
}
#vsz .button{
background:black !important;

}
	#vsz .button:hover, #vsz .button span:hover{
	    background: #e7b764 !important;
    color: white !important;
	}
	 @media (min-width: 900px){
		 .vr_{
			 margin-top:-5rem;

		 }
		 
	 }
	 #nin{
		     text-align: center;
    position: absolute;
    z-index: 99999;
    top: 31px;
    left: 50%;
    transform: translate(-50% , 0%);
    position: absolute;
	width:-webkit-fill-available;
	 }
	 .zla{
		 
		 transform:translate(-50%, 42%) !important;
		 
	 }
	 	 @media (max-width: 900px){
			#nin{
				position:unset !important;
				transform:unset !important;
    width: -webkit-fill-available;
    margin: 17px;
			} 
			 
		 }