@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&family=Gentium+Book+Basic:ital@1&family=Lato:wght@300&family=Passion+One:wght@400;900&display=swap');
/*
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: #D8958F;
    background: #fff url(../images/bg-input-focus.png) repeat-x 0 0
}
div.button{background-position:0 -7450px;height:40px;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 -213px;line-height:40px;height:45px;text-align:left}
div.selector span{background-position:right 0;height:45px;line-height:43px}
div.selector:active,div.selector.active{background-position:-483px -42px}
div.selector:active span,div.selector.active span{background-position:right -42px}
div.selector.focus,div.selector.hover,div.selector:hover{background-position:-483px -298px}
div.selector.focus span,div.selector.hover span,div.selector:hover span{background-position:right -84px}
div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover{background-position:-483px -341px}
div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span{background-position:right -128px}
div.selector.disabled{background-position:-483px -213px}
div.selector.disabled span{background-position:right -167x}
div.checker{width:23px;height:43px}
div.checker input{width:23px;height:23px}
div.checker span{background-position:0 -429px;height:23px;width:23px}
div.checker:active span,div.checker.active span{background-position:-23px -429px}
div.checker.focus span,div.checker:hover span{background-position:-46px -429px}
div.checker.focus:active span,div.checker:active:hover span,div.checker.active:hover span,div.checker.focus.active span{background-position:-69px -429px}
div.checker span.checked{background-position:-115px -429px}
div.checker:active span.checked,div.checker.active span.checked{background-position:-138px -429px}
div.checker.focus span.checked,div.checker:hover span.checked{background-position:-161px -429px}
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 -429px}
div.checker.disabled span,div.checker.disabled:active span,div.checker.disabled.active span{background-position:-184px -428px}
div.checker.disabled span.checked,div.checker.disabled:active span.checked,div.checker.disabled.active span.checked{background-position:-207px -428px}
div.radio{width:24px;height:30px}
div.radio input{width:24px;height:30px}
div.radio span{height:30px;width:24px;background-position:0 -460px}
div.radio:active span,div.radio.active span{background-position:-23px -460px}
div.radio.focus span,div.radio:hover span{background-position:-46px -460px}
div.radio.focus:active span,div.radio:active:hover span,div.radio.active:hover span,div.radio.active.focus span{background-position:-69px -460px}
div.radio span.checked{background-position:-92px -460px}
div.radio:active span.checked,div.radio.active span.checked{background-position:-115px -460px460px}
div.radio.focus span.checked,div.radio:hover span.checked{background-position:-138px -456px}
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 -460px}
div.radio.disabled span,div.radio.disabled:active span,div.radio.disabled.active span{background-position:-184px -460px}
div.radio.disabled span.checked,div.radio.disabled:active span.checked,div.radio.disabled.active span.checked{background-position:-207px -460px}
div.uploader{background-position:0 -490px;height:36px; }
div.uploader span.action{background-position:right -660px;height:36px;line-height:36px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
div.uploader span.filename{height:36px;margin:4px 0 4px 4px;line-height:36px;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 -575px;}
div.uploader.focus span.action,div.uploader.hover span.action,div.uploader:hover span.action{background-position:right -703px; }
div.uploader.active span.action,div.uploader:active span.action{background-position:right -746px}
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 -788px; }
div.uploader.disabled{background-position:0 -532px}
div.uploader.disabled span.action{background-position:right -617px; }
div.button{background-position:0 -835px }
div.button span{background-position:right -1006px; 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 -877px}
div.button.focus span,div.button:focus span,div.button:hover span,div.button.hover span{background-position:right -1048px}
div.button.active,div.button:active{background-position:0 -919px}
div.button.active span,div.button:active span{background-position:right -1090px;color:#555}
div.button.disabled,div.button:disabled{background-position:0 -963px}
div.button.disabled span,div.button:disabled span{background-position:right -1133px;color:#666;cursor:default}
div.button{height:37px}
div.button span{margin-left:13px;height:29px;padding-top:10px;font-weight:700;font-size:14px;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 select{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:250px}
div.uploader span.action{width:100px;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:125px;border-right:solid 1px #567c91;}
div.uploader input{width:250px}
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:37px;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{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-weight:700;text-align:center;text-decoration:none;margin-right:5px}
.ui-tabs .ui-tabs-nav li a{color:#000;margin-right:2px; border-bottom: none ; padding: 7px;}
.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 #2d426c}
.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{position:relative}
.oneByOne1{top:0;margin:0;width:100%;height:600px;position:relative;overflow:hidden}
#bannerSlider .oneByOne_left{left:0;}
#bannerSlider .oneByOne_right{right:0}
#bannerSlider .oneByOne_item{position:absolute;width:100%;height:600px;overflow:hidden}
#bannerSlider .oneByOne_item img.bigImage{position:absolute;bottom:0;}
#bannerSlider .oneByOne_item span.slidebutton_left a:hover{color:#fff}





#bannerSlider{

    letter-spacing: 3px;
}

.button-add {
  font-size: 15px;
  font-weight: 700;  
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  color: #E1D98E !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
  background-color: #0E578B;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 0 18px;
}



.button-add:hover {
  color: #fff !important;
  background-color: #246396 ;
}




#bannerSlider .oneByOne_item span.slideh2{
    font-family: 'Passion One', cursive;
	font-size: 48px;
    font-weight: 500;
    color: #CB640A;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

	line-height: 50px;
	position:relative;
	float:left;
	margin:70px 12px 0 420px;
	padding:8px;


	}
	
#bannerSlider .oneByOne_item span.slideh3{

	font-size: 30px;
    font-weight: 500;
    color: #278C09;
   text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;

	line-height: 40px;
	position:relative;
	float:left;
	margin:0 12px 0 420px;
	padding:8px;

	}
	
	
#bannerSlider .oneByOne_item span.slideparagraph{
    font-family: 'Gentium Book Basic', serif;
	font-size: 35px;
    font-weight: 700;
    color: #fff;
   text-shadow:
       2px 2px 0  #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
    line-height: 40px;
	position:relative;
	float:left;
	margin:1px 12px 0 420px;
	padding:8px;

	}
	
#bannerSlider .oneByOne_item span.slideh2_left{
    font-family: 'Passion One', cursive;
	font-size: 48px;
    font-weight: 500;
    color: #CB640A;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	line-height: 50px;
	display:block;
	position:relative;
	margin:70px 12px 0 32px;
	padding:8px;
	}
	
#bannerSlider .oneByOne_item span.slideh3_left{

	font-size: 30px;
    font-weight: 500;
    color: #278C09;
   text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
	line-height: 40px;
	position:relative;
	display:block;
	margin:0 12px 0 32px;
	padding:8px;
	}
	
	
#bannerSlider .oneByOne_item span.slideparagraph_left{
    font-family: 'Gentium Book Basic', serif;
	font-size: 35px;
    font-weight: 700;
    color: #fff;
   text-shadow:
       2px 2px 0  #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
	line-height: 40px;
	position:relative;
	display:block;
	margin:1px 570px 0 32px;
	padding:8px;
	}
	
	
	
#bannerSlider .oneByOne_item span.slidebutton a{
	font-size: 20px;
	line-height:50px;
	position:relative;
	float:left;
	margin:18px 12px 0 430px;
	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:50px;
	position:relative;
	float:left;
	margin:18px 430px 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}


.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)}



/*
    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);
}


/*** tbox ***/
.tbox{position:absolute;display:none;padding:10px;z-index:999}
.tinner{padding:15px;-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}
.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}




/*** 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 p {
	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;
}

.FrontinvestList .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
	padding: 10px 0px 0px 10px;
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #FEDEE3;
	margin-bottom: 15px;
}
.FrontinvestList .ui-tabs .ui-tabs-nav li {
	float: left;
	padding-right: 5px;
	border-top: 1px solid #FEDEE3;
	border-left: 1px solid #FEDEE3;
	border-right: 1px solid #FEDEE3;
	background: #fff url(../images/egtab2-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;
}
.FrontinvestList .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 #CC3C60;
}
.FrontinvestList .ui-tabs .ui-tabs-nav li a {
	color: #00537B;
	margin-right: 2px;
}
.CPlanList .ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
	padding: 10px 0px 0px 10px;
	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 #CDB541;
	border-left: 1px solid #CDB541;
	border-right: 1px solid #CDB541;
	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 #CDB541;
}


.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;
}

.preloader{
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: table;
	background: #fff;
	z-index: 9999;
}

.preloder-wrap{
	display: table-cell;
	vertical-align: middle;
}

.preloder-inner {
	width: 200px;
	height: 100px;
	margin: 0 auto;
}

.ball {
	width: 10px;
	height: 10px;
	margin: 10px auto;
	border-radius: 50px;
}
  
.ball:nth-child(1) {
	background: #ff005d;
	-webkit-animation: right 1s infinite ease-in-out;
	-moz-animation: right 1s infinite ease-in-out;
	animation: right 1s infinite ease-in-out;    
}

.ball:nth-child(2) {
	background: #35ff99;
	-webkit-animation: left 1.1s infinite ease-in-out;
	-moz-animation: left 1.1s infinite ease-in-out;
	animation: left 1.1s infinite ease-in-out;
}

.ball:nth-child(3) {
	background: #008597;
	-webkit-animation: right 1.05s infinite ease-in-out;
	-moz-animation: right 1.05s infinite ease-in-out;
	animation: right 1.05s infinite ease-in-out;
}

.ball:nth-child(4) {
	background: #ffcc00;
	-webkit-animation: left 1.15s infinite ease-in-out;
	-moz-animation: left 1.15s infinite ease-in-out;
	animation: left 1.15s infinite ease-in-out;
 }

.ball:nth-child(5) {
	background: #2d3443;  
	-webkit-animation: right 1.1s infinite ease-in-out;
	-moz-animation: right 1.1s infinite ease-in-out;
	animation: right 1.1s infinite ease-in-out;
}

.ball:nth-child(6) {
	background: #ff7c35;  
	-webkit-animation: left 1.05s infinite ease-in-out;
	-moz-animation: left 1.05s infinite ease-in-out;
	animation: left 1.05s infinite ease-in-out;
}

.ball:nth-child(7) {
	background: #4d407c;  
	-webkit-animation: right 1s infinite ease-in-out;
	-moz-animation: right 1s infinite ease-in-out;
	animation: right 1s infinite ease-in-out;
}


@-webkit-keyframes right {
	0%   { -webkit-transform: translate(-15px);   }
	50%  { -webkit-transform: translate(15px);    }
	100% { -webkit-transform: translate(-15px);   }
}

@-webkit-keyframes left {
	0%   { -webkit-transform: translate(15px);    }
	50%  { -webkit-transform: translate(-15px);   }
	100% { -webkit-transform: translate(15px);    }
}

@-moz-keyframes right {
	0%   { -moz-transform: translate(-15px);   }
	50%  { -moz-transform: translate(15px);    }
	100% { -moz-transform: translate(-15px);   }
}

@-moz-keyframes left {
	0%   { -moz-transform: translate(15px);    }
	50%  { -moz-transform: translate(-15px);   }
	100% { -moz-transform: translate(15px);    }
}

@keyframes right {
	0%   { transform: translate(-15px);  }
	50%  { transform: translate(15px);   }
	100% { transform: translate(-15px);  }
}

@keyframes left {
	0%   { transform: translate(15px);   }
	50%  { transform: translate(-15px);  }
	100% { transform: translate(15px);   }
}


.vertical-middle{
	width: 100%;
	height: 100%;
	display: table;
}

.vertical-middle div{
	display: table-cell;
	vertical-align: middle;
}





/*
 You probably do not need to edit this at all.

 Add some SmartMenus required styles not covered in Bootstrap 3's default CSS.
 These are theme independent and should work with any Bootstrap 3 theme mod.
*/
/* sub menus arrows on desktop */
.navbar-nav:not(.sm-collapsible) ul .caret {

	right: 0;
	margin-top: 6px;
	margin-right: 15px;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px dashed;
	
}
.navbar-nav:not(.sm-collapsible) ul a.has-submenu {
	padding-right: 30px;
}
/* make sub menu arrows look like +/- buttons in collapsible mode */
.navbar-nav.sm-collapsible .caret, .navbar-nav.sm-collapsible ul .caret {
	position: absolute;
	right: 0;
	top: 6px;
	margin: -3px 15px 0 0;
	padding: 0;
	width: 32px;
	height: 26px;
	line-height: 24px;
	text-align: center;
	border-width: 1px;
 	border-style: solid;

	
}
.navbar-nav.sm-collapsible .caret:before {
	content: '+';
	font-family: monospace;
	font-weight: bold;
	color: #FFF;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '-';
}
.navbar-nav.sm-collapsible a.has-submenu {
	padding-right: 50px;
}
/* revert to Bootstrap's default carets in collapsible mode when the "data-sm-skip-collapsible-behavior" attribute is set to the ul.navbar-nav */
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret, .navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] ul .caret {
	position: static;
	margin: 0 0 0 2px;
	padding: 0;
	width: 0;
	height: 0;
	border-top: 4px dashed;
	border-right: 4px solid transparent;
	border-bottom: 0;
	border-left: 4px solid transparent;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] .caret:before {
	content: '' !important;
}
.navbar-nav.sm-collapsible[data-sm-skip-collapsible-behavior] a.has-submenu {
	padding-right: 15px;
}
/* scrolling arrows for tall menus */
.navbar-nav span.scroll-up, .navbar-nav span.scroll-down {
	position: absolute;
	display: none;
	visibility: hidden;
	height: 20px;
	overflow: hidden;
	text-align: center;
}
.navbar-nav span.scroll-up-arrow, .navbar-nav span.scroll-down-arrow {
	position: absolute;
	top: -2px;
	left: 50%;
	margin-left: -8px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-top: 7px dashed transparent;
	border-right: 7px dashed transparent;
	border-bottom: 7px solid;
	border-left: 7px dashed transparent;
}
.navbar-nav span.scroll-down-arrow {
	top: 6px;
	border-top: 7px solid;
	border-right: 7px dashed transparent;
	border-bottom: 7px dashed transparent;
	border-left: 7px dashed transparent;
}
/* add more indentation for 2+ level sub in collapsible mode - Bootstrap normally supports just 1 level sub menus */
.navbar-nav.sm-collapsible ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul .dropdown-menu .dropdown-header {
	padding-left: 35px;
}
.navbar-nav.sm-collapsible ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul .dropdown-menu .dropdown-header {
	padding-left: 45px;
}
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 55px;
}
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu > li > a,
.navbar-nav.sm-collapsible ul ul ul ul .dropdown-menu .dropdown-header {
	padding-left: 65px;
}
/* fix SmartMenus sub menus auto width (subMenusMinWidth and subMenusMaxWidth options) */
.navbar-nav .dropdown-menu > li > a {
	white-space: normal;
}
.navbar-nav ul.sm-nowrap > li > a {
	white-space: nowrap;
}
.navbar-nav.sm-collapsible ul.sm-nowrap > li > a {
	white-space: normal;
}
/* fix .navbar-right subs alignment */
.navbar-right ul.dropdown-menu {
	left: 0;
	right: auto;
	position: absolute;
}




.auto-dropdown{
	display: none;
}
	
	

/* egtabs
================================================== */
ul.egtabs {
    padding: 10px 0px 0px 10px;
    height: 40px;
    line-height: 16px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}
ul.egtabs li {
    float: left;
    display: inline-block;
    padding-right: 5px;
    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 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin-right: 5px;
}
ul.egtabs li a {
    color: #000000;
    margin-right: 2px;
}
ul.egtabs li.active {
    background: #fff url(../images/egtab-active.png) repeat-x !important;
    padding-bottom: 5px;
    border-top: 3px solid  #3F444E;
}
div.egtabs {
	padding: 10px 0px 0px 10px;
	height: 30px;
	line-height: 16px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 15px;
}
div.egtabs a {
	float: left;
	display: inline-block;
	padding-right: 5px;
	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 15px;
	float: left;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-right: 5px;
	color: #000000;
	margin-right: 2px;
}
div.egtabs a.active, div.egtabs a.selected {
	background: #fff url(../images/egtab-active.png) repeat-x !important;
	padding-bottom: 7px;
}


























