html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, a, abbr, acronym, address, big, small, cite, ins, del, em, img, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, figure, form, fieldset, legend, label, input, select, textarea, table, caption, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; }
ul li, ol li { list-style: none; }
html,button,input,select,textarea { color: #454545; font-family: 'Jost', Arial, Helvetica, sans-serif; }
body { background-color: #050505; font-family: 'Jost', Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.4; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
img { vertical-align: middle; }
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: none; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; }
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

#container { font-size: 12px; min-width: 1030px; }
.wrapper { margin: 0 auto; padding: 0 30px; width: 960px; }
a { color: #ff8c00; text-decoration: none; }
a:hover { color: #333; -webkit-transition: color 0.15s ease-in; -moz-transition: color 0.15s ease-in; -o-transition: color 0.15s ease-in; transition: color 0.15s ease-in; }
a:hover span { color: #333 !important; }

.linear { 
	display: inline-block; line-height: 0; margin-right: 3px; 
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear; }

/* align */
.a-center { text-align: center !important; }
.a-left { text-align: left !important; }
.a-right { text-align: right !important; }

/* float */
.f-left { float: left !important; margin-right: 10px; }
.f-right { float: right !important; margin-left: 10px; }

/*@font-face {font-family:"Prisma";src:url("Prisma.eot?") format("eot"),url("../font/Prisma.woff") format("woff"),url("../font/Prisma.ttf") format("truetype"),url("../font/Prisma.svg#Prisma") format("svg");font-weight:normal;font-style:normal;}*/
@font-face {font-family:"ChunkFive";src:url("../font/Chunkfive.eot?") format("eot"),url("../font/Chunkfive.woff") format("woff"),url("../font/Chunkfive.ttf") format("truetype"),url("../font/Chunkfive.svg#ChunkFive") format("svg");font-weight:normal;font-style:normal;}

@font-face {
    font-family: 'Jost';
    src: url('../font/jost-regular.woff2') format('woff2'),
        url('../font/jost-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Jost';
    src: url('../font/jost-bold.woff2') format('woff2'),
        url('../font/jost-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.btn-1 { background: #afafaf;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FmYWZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBzdG9wLWNvbG9yPSIjZDVkNWQ1IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDUlIiBzdG9wLWNvbG9yPSIjZWFlYWVhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #afafaf 0%, #d5d5d5 7%, #eaeaea 45%, #ffffff 48%, #e0e0e0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afafaf), color-stop(7%,#d5d5d5), color-stop(45%,#eaeaea), color-stop(48%,#ffffff), color-stop(100%,#e0e0e0));
	background: -webkit-linear-gradient(top,  #afafaf 0%,#d5d5d5 7%,#eaeaea 45%,#ffffff 48%,#e0e0e0 100%);
	background: -o-linear-gradient(top,  #afafaf 0%,#d5d5d5 7%,#eaeaea 45%,#ffffff 48%,#e0e0e0 100%);
	background: -ms-linear-gradient(top,  #afafaf 0%,#d5d5d5 7%,#eaeaea 45%,#ffffff 48%,#e0e0e0 100%);
	background: linear-gradient(to bottom,  #afafaf 0%,#d5d5d5 7%,#eaeaea 45%,#ffffff 48%,#e0e0e0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#e0e0e0',GradientType=0 );
	border: none; border-radius: 3px; color: #797979 !important; cursor: pointer; float: left; font-size: 13px; height: 20px; line-height: 20px; padding: 0 10px; text-transform: uppercase; }
.btn-1:hover, .btn-active { background: #3cd3ff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI0NiUiIHN0b3AtY29sb3I9IiMzY2QzZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI0OSUiIHN0b3AtY29sb3I9IiM3M2UwZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #3cd3ff 46%, #73e0ff 49%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(46%,#3cd3ff), color-stop(49%,#73e0ff));
	background: -webkit-linear-gradient(top,  #3cd3ff 46%,#73e0ff 49%);
	background: -o-linear-gradient(top,  #3cd3ff 46%,#73e0ff 49%);
	background: -ms-linear-gradient(top,  #3cd3ff 46%,#73e0ff 49%);
	background: linear-gradient(to bottom,  #3cd3ff 46%,#73e0ff 49%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3cd3ff', endColorstr='#73e0ff',GradientType=0 );
	border-radius: 3px; color: #4d4d4d !important; }

.btn-2 {  
	background: #ff9c00;
	background: -moz-linear-gradient(top,  #ff9c00 0%, #f17229 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9c00), color-stop(100%,#f17229));
	background: -webkit-linear-gradient(top,  #ff9c00 0%,#f17229 100%);
	background: -o-linear-gradient(top,  #ff9c00 0%,#f17229 100%);
	background: -ms-linear-gradient(top,  #ff9c00 0%,#f17229 100%);
	background: linear-gradient(to bottom,  #ff9c00 0%,#f17229 100%);
	-pie-background: linear-gradient(#ff9c00 0%,#f17229 100%); border: #f28b50 solid 1px; border-radius: 3px; color: #fff !important; float: left; font-size: 10px; font-weight: 700; height: 23px; line-height: 23px; text-align: center; text-transform: uppercase; width: 90px; }
.btn-2:hover {   
	background: #fdb350;
	background: -moz-linear-gradient(top,  #fdb350 0%, #f17229 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdb350), color-stop(100%,#f17229));
	background: -webkit-linear-gradient(top,  #fdb350 0%,#f17229 100%);
	background: -o-linear-gradient(top,  #fdb350 0%,#f17229 100%);
	background: -ms-linear-gradient(top,  #fdb350 0%,#f17229 100%);
	background: linear-gradient(to bottom,  #fdb350 0%,#f17229 100%);
	-pie-background: linear-gradient(#fdb350 0%,#f17229 100%); }
	
.btn-3 { background: #0cb1e0;
    background-color: #0cb1e0 !important;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiMwY2IxZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1NCUiIHN0b3AtY29sb3I9IiMxNmEyY2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #0cb1e0 51%, #16a2ca 54%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,#0cb1e0), color-stop(54%,#16a2ca));
	background: -webkit-linear-gradient(top,  #0cb1e0 51%,#16a2ca 54%);
	background: -o-linear-gradient(top,  #0cb1e0 51%,#16a2ca 54%);
	background: -ms-linear-gradient(top,  #0cb1e0 51%,#16a2ca 54%);
	background: linear-gradient(to bottom,  #0cb1e0 51%,#16a2ca 54%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb1e0', endColorstr='#16a2ca',GradientType=0 );
	border: none; border-radius: 5px; color: #fff !important; font-size: 13px; height: 26px; line-height: 26px; padding: 0 15px; text-shadow: #1284a5 1px 1px 1px; }
.btn-3:hover { background: #0cb1e0; }

.btn-duty .linear { background: url(../img/bg-ico.png) no-repeat left -16px; height: 20px; margin-bottom: -6px; margin-top: 4px; width: 22px; }
.btn-duty:hover .linear { background-position: left -36px; }
.btn-view { margin-right: 0 !important; }
.btn-view .linear { background: url(../img/bg-ico.png) no-repeat left -63px; height: 20px; margin-bottom: -7px; margin-top: 5px; width: 22px; }
.btn-view:hover .linear { background-position: left -82px; }

.title-1 { color: #464646; font-size: 17px; font-weight: 400; }

/* header */
header { /*height: 300px;*/ position: relative; }
header .wrapper { position: relative; }
header .logo { position: absolute; }
header .logo a { background: url(../img/singapore-media-academy-logo.png) no-repeat left top; display: block; height: 195px; position: absolute; left: 10px; top: 65px; text-indent: -1984em; width: 285px; z-index: 20; }
header .panel { color: #bcbcbc; font-size: 11px; height: 38px; position: relative; z-index: 10; }
header .panel .panel-wrap { background: #2f2f2f; box-shadow: #333 0px 2px 2px; height: 22px; padding: 8px 45px 5px 5px; position: relative; z-index: 10; }
header .panel .tweet { background: url(../img/bg-ico.png) no-repeat left 2px; float: left; padding: 0 0 3px 35px; }
header .panel .tweet-content { background: #454444; border-radius: 3px; padding: 3px 10px; position: relative; }
header .panel .tweet-content:before { border-width: 4px 8px 4px 0; border-color: transparent #454444 transparent transparent; border-style: solid; content: ""; height: 0; position: absolute; left: -8px; top: 5px; width: 0; }
header .panel .tweet .time-posted { color: #8ec6d3; }
header .panel .tweet a { color: #27c9f8; }
header .panel .tweet a:hover { color: #0396c0; }
header .panel .login { float: right; margin-left: 5px; }
header .panel .logout { float: right; margin-left: 5px; }
header .panel .search { border: #5a5a5a solid 1px; border-radius: 3px; float: right; padding: 0 3px; }
header .panel .search input { background: none; border: none; color: #7d7d7d; float: right; height: 18px; line-height: 18px; width: 130px; }
header .panel .search .btn-search { background: url(../img/bg-ico.png) no-repeat left -22px; height: 18px; text-indent: -1984em; width: 15px; }
header .banner { background: #000; /*height: 300px;*/ overflow: hidden; /*position: absolute; left: 0;*/ text-align: center; /*top: 0;*/ width: 100%; }
header .banner .wrapper { height: 120px; padding: 0; position: relative; }
header .banner .content { position: absolute; left: 290px; bottom: 0px; width: 400px; height: 140px; text-align: left; }
header .banner img { min-height: 300px; }
header .banner h3 { font-size: 47px; font-weight: 100; margin: 0; white-space: nowrap; }
header .banner h4 { font-size: 28px; font-weight: 7000; line-height: 1.1; margin: 12px 0 10px 0; text-transform: capitalize; padding-right: 30px; }
header .banner p { font-size: 14px; }
header .banner .content a { background: url(../img/bg-ico.png) no-repeat right -248px; color: #db4d00; font-weight: bold; position: relative; padding-right: 13px; text-transform: uppercase; }
header .banner .content a:hover { color: #b84201; }
header .btn-panel, header .btn-hide { background: url(../img/bg-ico.png) no-repeat -40px -40px; cursor: pointer; height: 38px; position: absolute; right: 30px; text-indent: -1984em; width: 33px; z-index: 30; }
header .btn-panel { display: none; }
header .btn-hide { background-position: 0px -40px; }

.login-form { background: #73e0ff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzczZTBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzY2QzZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #73e0ff 0%, #3cd3ff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#73e0ff), color-stop(100%,#3cd3ff));
	background: -webkit-linear-gradient(top,  #73e0ff 0%,#3cd3ff 100%);
	background: -o-linear-gradient(top,  #73e0ff 0%,#3cd3ff 100%);
	background: -ms-linear-gradient(top,  #73e0ff 0%,#3cd3ff 100%);
	background: linear-gradient(to bottom,  #73e0ff 0%,#3cd3ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73e0ff', endColorstr='#3cd3ff',GradientType=0 );
	box-shadow: #333 0px 0px 10px; border-radius: 0px 0px 5px 5px; color: #2f6b7d; display: none; font-size: 12px; padding: 15px 20px; position: absolute; right: 75px; top: 38px; z-index: 9; width: 172px; }
.login-form label { display: block; }
.login-form .text { border: #efefef solid 1px; border-radius: 3px; box-shadow: #53d0f4 0px 0px 1px, #cbd7da 0px 0px 4px inset; margin-bottom: 13px; padding: 5px; width: 160px; }
.login-form .forgot-pass { color: #464f51; font-size: 10px; text-transform: uppercase; }
.login-form .forgot-pass:hover { color: #fff; }
.login-form .register { color: #c46500; text-shadow: #72dfff 1px 1px 0px; text-transform: uppercase; }
.login-form .register:hover { color: #fff; text-shadow: none; }
.login-form .btn-login { background: #fdab00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYWIwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYjZmMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #fdab00 0%, #fb6f00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdab00), color-stop(100%,#fb6f00));
	background: -webkit-linear-gradient(top,  #fdab00 0%,#fb6f00 100%);
	background: -o-linear-gradient(top,  #fdab00 0%,#fb6f00 100%);
	background: -ms-linear-gradient(top,  #fdab00 0%,#fb6f00 100%);
	background: linear-gradient(to bottom,  #fdab00 0%,#fb6f00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdab00', endColorstr='#fb6f00',GradientType=0 );
	border: solid 1px; border-color: #a8e4eb #80daf5 #99dceb #89dff9; border-radius: 3px; box-shadow: #3ba6c5 0px 1px 2px; color: #4c3f2d; font-size: 15px; height: 32px; line-height: 32px; margin-bottom: 10px; padding: 0 15px; text-shadow: #ffc47a 1px 1px 0px; }
.login-form .btn-login:hover { background: #fc9500; }
.login-form .note, .login-form .errorMessage { margin-top: -10px; margin-bottom: 10px;  color: #C46500; }
.menu { background: #262626; height: 40px; font-weight: bold; line-height: 40px; }
.menu ul li { border-right: #4a4a4a solid 1px; float: left; font-weight: 400; }
.menu ul li.first { border-left: #4a4a4a solid 1px; }
.menu ul li a { color: #fff; display: block; font-size: 11px; padding: 0 5px; position: relative; text-align: center; text-transform: uppercase; }
.menu ul li a:hover, .menu ul li.active a { background: #ff7e00;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmN2UwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjYjQ3MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ff7e00 0%, #cb4700 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff7e00), color-stop(100%,#cb4700));
	background: -webkit-linear-gradient(top,  #ff7e00 0%,#cb4700 100%);
	background: -o-linear-gradient(top,  #ff7e00 0%,#cb4700 100%);
	background: -ms-linear-gradient(top,  #ff7e00 0%,#cb4700 100%);
	background: linear-gradient(to bottom,  #ff7e00 0%,#cb4700 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7e00', endColorstr='#cb4700',GradientType=0 );
 }
.menu ul li.active a:before { border-style: solid; border-width: 8px 8px 0px 8px; border-color: #cb4700 transparent transparent transparent; content: ""; height: 0; position: absolute; left: 50%; bottom: -8px; margin-left: -5px; width: 0;}
.menu ul li a .linear { background: url(../img/bg-ico.png) no-repeat; height: 20px; margin-bottom: -3px; margin-right: 5px; width: 20px; }
.menu ul li a.ico-1 .linear { background-position: -160px -96px; }
.menu ul li a.ico-1:hover .linear, .menu ul li.active a.ico-1 .linear { background-position: -160px -123px; }
.menu ul li a.ico-2 .linear { background-position: -180px -96px; }
.menu ul li a.ico-2:hover .linear, .menu ul li.active a.ico-2 .linear { background-position: -180px -123px; }
.menu ul li a.ico-3 .linear { background-position: -200px -96px; }
.menu ul li a.ico-3:hover .linear, .menu ul li.active a.ico-3 .linear { background-position: -200px -123px; }
.menu ul li a.ico-4 .linear { background-position: -40px -96px; }
.menu ul li a.ico-4:hover .linear, .menu ul li.active a.ico-4 .linear { background-position: -40px -123px; }
.menu ul li a.ico-5 .linear { background-position: -60px -96px; }
.menu ul li a.ico-5:hover .linear, .menu ul li.active a.ico-5 .linear { background-position: -60px -123px; }
.menu ul li a.ico-6 .linear { background-position: -80px -96px; }
.menu ul li a.ico-6:hover .linear, .menu ul li.active a.ico-6 .linear { background-position: -80px -123px; }
.menu ul li a.ico-7 .linear { background-position: -220px -96px; width: 25px; }
.menu ul li a.ico-7:hover .linear, .menu ul li.active a.ico-7 .linear { background-position: -220px -123px; }

footer { background: #050505; color: #5a5a5a; font-size: 11px; padding: 10px 0 5px; }
footer a { color: #5a5a5a; }
footer a:hover { color: #c7630d; }
footer .link { padding-bottom: 3px; }
footer .link li { border-left: #5a5a5a solid 1px; float: left; line-height: 1; padding: 0 5px; }
footer .link li.first { border-left: none; padding-left: 0; }
footer .link li.active a { color: #c7630d; }
footer .col-1 { float: left; margin-right: 5px; }
footer .col-2 { float: left; padding-top: 3px; width: 370px; }
footer .col-3 { float: right; margin-left: 10px; text-align: right; width: 200px; }
footer .col-4 { float: right; }

#nav-socical li { float: left; margin-right: 3px; }
#nav-socical li a { background: url(../img/bg-ico.png) no-repeat; display: block; height: 36px; text-indent: -1984em; width: 34px; }
#nav-socical li.facebook a { background-position: -120px -40px; }
#nav-socical li.tweet a { background-position: -154px -40px; }
#nav-socical li.youtube a { background-position: -188px -40px; }
#nav-socical li.linkedin a { background-position: -222px -40px; }
#nav-socical li.instagram a { background-position: -260px -40px; height: 35px; width: 35px;}

/* main */
.main { background-color: #fff; min-height: 340px; padding: 30px 0; }

/* aside */
aside { color: #767676; float: left; font-size: 13px; width: 280px; }
aside h3 { color: #636363; font-size: 17px; margin: 0 0 5px; text-transform: uppercase; }
aside .intro { padding-bottom: 15px; }
aside .intro p { margin-top: 10px; }
aside .contact-info { border-top: #bbb dotted 1px; letter-spacing: -0.07em; line-height: 1.2; margin-top: 15px; padding: 15px 0 15px 5px; }
aside .contact-info .icon{ background: url(../img/bg-ico.png) no-repeat left -164px; width: 70px; height: 70px; margin-right: 5px; float:left;}
aside .contact-info .title { color: #00a9d5; font-weight: 400; font-size: 20px; text-transform: uppercase; }
aside .contact-info a { color: #656565; text-decoration: underline; }
aside .contact-info a:hover { text-decoration: none; }
aside .nav li { padding-bottom: 1px; }
aside .nav li a { color: #9b9b9b; display: block; font-size: 15px; font-weight: 700; letter-spacing: -0.02em; padding-left: 27px; position: relative; }
aside .nav li a:hover { color: #02ccde; }
aside .nav li a:before { background: url(../img/bg-ico.png) no-repeat -100px -93px; content: ""; height: 27px; position: absolute; left: 0; top: 0; width: 27px; }
aside .nav li.active a:before, aside .nav li a:hover:before { background-position: -100px -120px; }
aside .nav li.active a, aside .nav li a:hover { background-color: #02ccde;	color: #0f0f0f !important; }
aside .nav li span { display: block; padding: 3px 3px 3px 5px; }
aside .nav li.active span, aside .nav li a:hover span { background: #fff; }
aside .archives-list { padding-bottom: 25px; }
aside .archives-list li { background: url(../img/ico-arrow-1.png) no-repeat left 4px; margin-bottom: 3px; padding-left: 15px; }
aside .archives-list li a { color: #636363; }
aside .archives-list li a:hover { color: #e76400; }

.social-media { padding: 5px 0 30px; }
.social-media li { float: left; margin-right: 5px; }
.social-media li a { background: url(../img/bg-ico.png) no-repeat; display: block; height: 32px; text-indent: -1984em; width: 32px; }
.social-media li.facebook a { background-position: 0 -280px; }
.social-media li.tweet a { background-position: -34px  -280px; }
.social-media li.youtube a { background-position: -68px -280px; }
.social-media li.blog a { background-position: -102px -280px; }
.social-media li.rss a { background-position: -136px -280px; }
.social-media li.instagram a { background-position: -170px -280px; }

/* mainconntent */
.maincontent { float: right; width: 650px; }
.maincontent .box-group { overflow: hidden; }
.maincontent .box-group ul { padding-left: 15px; width: 680px; }
.maincontent .box-group ul li { background: url(../img/bg-shadow-box.png) no-repeat center bottom; float: left; margin-right: 20px; padding-bottom: 15px; width: 300px; }
.maincontent .box-group a { border: #d3d3d3 solid 6px; height: 313px; display: block; position: relative; width: 288px; }
.maincontent .box-group .content { color: #fff !important; position: absolute; left:0; top: 0; padding: 100px 20px 10px 20px; text-shadow: #333 1px 1px 0px; width: 248px; }
.maincontent .box-group .content span { display: block; margin-top: 10px; }
.maincontent .box-group .title { color: #fff; display: block; font-size: 39px; line-height: 1; text-align: center; text-transform: uppercase; text-shadow: none; }
.maincontent .box-group .title span { display: block; font-size: 30px; }
.maincontent .box-group .text { left: 0; padding: 10px; position: absolute; top: 0; width: 268px; z-index: 2; }
.maincontent .box-group a:hover { border-color: #d459d2; }
.maincontent .box-group .click { color: #ffbb28; text-decoration: underline; }

.maincontent .talent-group ul { padding-left: 0; }
.maincontent .talent-group ul li { background-image: url(../img/bg-shadow.png); margin-right: 10px; width: 209px; }
.maincontent .talent-group a, .maincontent .talent-group .view { height: 300px; width: 197px; }
.maincontent .talent-group .view .mask { height: 280px; width: 177px; }
.maincontent .talent-group .text { top: 10px; width: 177px; }
/*.maincontent .talent-group .title { font-size: 35px; }*/
  
.maincontent .talent-group .title { font-size: 31px; font-weight: 700;}
.maincontent .talent-group .content { padding-top: 80px; text-align: center; width: 155px; }

.view { display: block; height: 313px; overflow: hidden; position: relative; width: 288px; }
.view img {
   display: block;
   position: relative;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view .mask { color: #a8a8a8; font-size: 14px; height: 293px; padding: 10px; position: absolute; left: 0; text-align: justify; top: 0; white-space: normal; width: 268px; 
   opacity: 0;
   background: url(../img/bg-trans-0.png) repeat-x left top;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out; }
.view .content {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear; text-align: left; }
.view:hover img {
	-webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1); }
.view:hover .mask {
   opacity: 1;
}
.view:hover .content {
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}


.view-eighth { border: #c2d6e7 solid 6px; height: 140px; width: 288px; }
.view-eighth:hover { border-color: #fff; }
.view-eighth .mask {
   background: url(../img/bg-trans-5-hover.png) no-repeat left top; color: #fff; font-size: 12px; height: 120px; padding: 20px 10px 0 138px; text-align: right; width: 140px;
   -webkit-transform: translateX(-300px);
   -moz-transform: translateX(-300px);
   -o-transform: translateX(-300px);
   -ms-transform: translateX(-300px);
   transform: translateX(-300px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out;
}
.view-eighth h2 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.1s;
   -moz-transition: all 0.2s ease-in-out 0.1s;
   -o-transition: all 0.2s ease-in-out 0.1s;
   -ms-transition: all 0.2s ease-in-out 0.1s;
   transition: all 0.2s ease-in-out 0.1s;
}
.view-eighth p {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.2s;
   -moz-transition: all 0.2s ease-in-out 0.2s;
   -o-transition: all 0.2s ease-in-out 0.2s;
   -ms-transition: all 0.2s ease-in-out 0.2s;
   transition: all 0.2s ease-in-out 0.2s; margin-bottom: 10px; height: 72px; line-height: 1.2; overflow: hidden;
}
.view-eighth a.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out 0.3s;
   -moz-transition: all 0.2s ease-in-out 0.3s;
   -o-transition: all 0.2s ease-in-out 0.3s;
   -ms-transition: all 0.2s ease-in-out 0.3s;
   transition: all 0.2s ease-in-out 0.3s; font-weight: bold; text-transform: uppercase; color: #fff;
}
.view-eighth:hover .mask {
  -webkit-transform: translateX(0px);
   -moz-transform: translateX(0px);
   -o-transform: translateX(0px);
   -ms-transform: translateX(0px);
   transform: translateX(0px);
}
.view-eighth:hover h2 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-eighth:hover p {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
.view-eighth:hover a.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0s;
   -moz-transition-delay: 0s;
   -o-transition-delay: 0s;
   -ms-transition-delay: 0s;
   transition-delay: 0s;
}
.view-eighth:hover a.info:hover { color: #27b6da; }
@keyframes bounceY {
    0% { transform: translateY(-205px);}
    40% { transform: translateY(-100px);}
    65% { transform: translateY(-52px);}
    82% { transform: translateY(-25px);}
    92% { transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { transform: translateY(0px);}
}
@-moz-keyframes bounceY {
    0% { -moz-transform: translateY(-205px);}
    40% { -moz-transform: translateY(-100px);}
    65% { -moz-transform: translateY(-52px);}
    82% { -moz-transform: translateY(-25px);}
    92% { -moz-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -moz-transform: translateY(0px);}
}
@-webkit-keyframes bounceY {
    0% { -webkit-transform: translateY(-205px);}
    40% { -webkit-transform: translateY(-100px);}
    65% { -webkit-transform: translateY(-52px);}
    82% { -webkit-transform: translateY(-25px);}
    92% { -webkit-transform: translateY(-12px);}
    55%, 75%, 87%, 97%, 100% { -webkit-transform: translateY(0px);}
}	

.mainbg { background: #fff; padding: 10px 20px; }

.tempt .maincontent { width: 620px; }
.tempt aside { width: 302px; }
		
.tempt-1 aside .nav li a span { border-left: #fff solid 1px; color: #7f7f7f; }
.tempt-1 aside .nav li a:before { background-position: -127px -122px; }
.tempt-1 aside .nav li.active a:before, .tempt-1 aside .nav li a:hover:before { background-position: -126px -93px; }
.tempt-1 aside .nav li.active a, .tempt-1 aside .nav li a:hover { background-color: #e76400; }		
.tempt-1 aside .nav li.active a span, .tempt-1 aside .nav li a:hover span { background: #e76400;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3NjQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZDk1MDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #e76400 0%, #fd9500 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e76400), color-stop(100%,#fd9500));
background: -webkit-linear-gradient(left,  #e76400 0%,#fd9500 100%);
background: -o-linear-gradient(left,  #e76400 0%,#fd9500 100%);
background: -ms-linear-gradient(left,  #e76400 0%,#fd9500 100%);
background: linear-gradient(to right,  #e76400 0%,#fd9500 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e76400', endColorstr='#fd9500',GradientType=1 );
color: #fff; }	
.tempt-1 aside .nav ul ul { display: none; margin-left: 23px; padding: 10px 0 15px; }  
.tempt-1 aside .nav li.active ul { display: block; }  
.tempt-1 aside .nav li.active ul li a { background: none; color: #7F7F7F !important; }  
.tempt-1 aside .nav li.active ul li a:before, .tempt-1 aside .nav li ul li a:hover:before { background-position: -126px -124px;}
.tempt-1 aside .nav li ul li a:hover { color: #DB5800 !important;}
.tempt-1 aside .nav li ul li.active a { color: #DB5800 !important;}
.tempt-1 aside .nav li.active ul li ul { display: none; } 
.tempt-1 aside .nav li.active ul li.active ul { display: block; } 
.tempt-1 aside .nav li.active ul li ul li a {color: #7F7F7F !important; }  
.tempt-1 aside .nav li.active ul li ul li a:hover {color: #DB5800 !important; }  
.tempt-1 aside .nav li.active ul li ul li.active a {color: #DB5800 !important; }  

.tempt-1 aside ul .album_list { padding-top: 5px; }
.tempt-1 aside ul .album_list li { background: url(../img/ico-arrow-1.png) no-repeat 6px 4px; margin-bottom: 3px; padding-left: 0px; margin-left: 20px}
.tempt-1 aside ul .album_list li.active a { color: #e76400 !important; background: transparent;}
.tempt-1 aside ul .album_list li a { color: #636363; font-size: 13px;}
.tempt-1 aside ul .album_list li a:hover { color: #e76400 !important; background: transparent;}
.tempt-1 aside ul .album_list li a:before{background: transparent;}
.tempt-1 aside ul .album_list li.active a:before, aside ul .album_list li a:hover:before { color: #e76400; background: transparent; }


/* kids page */
.tempt-2 { background-color: #1b1b1b; }
.tempt-2 .main { background: #75e5ed;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc1ZTVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMmE5ZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #75e5ed 0%, #02a9db 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#75e5ed), color-stop(100%,#02a9db));
	background: -webkit-linear-gradient(top,  #75e5ed 0%,#02a9db 100%);
	background: -o-linear-gradient(top,  #75e5ed 0%,#02a9db 100%);
	background: -ms-linear-gradient(top,  #75e5ed 0%,#02a9db 100%);
	background: linear-gradient(to bottom,  #75e5ed 0%,#02a9db 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#75e5ed', endColorstr='#02a9db',GradientType=0 ); }
.tempt-2 .maincontent { width: 650px; }
.tempt-2 footer { background-color: #1b1b1b; }
.tempt-2 aside { color: #fff; width: 280px; }
.tempt-2 aside .contact-info { border-top-color: #68cce9; }
.tempt-2 aside .nav li a { color: #2b474f; }
.tempt-2 aside .nav li a:before { background-position: -100px -123px; }
.tempt-2 aside .nav li.active a, .tempt-2 aside .nav li a:hover { background: #262626; }
.tempt-2 aside .nav li.active a:before, .tempt-2 aside .nav li a:hover:before { background-position: -126px -93px; }
.tempt-2 aside .nav ul ul { display: none; margin-left: 23px; padding: 10px 0 15px; }
.tempt-2 aside .nav li.active ul { display: block; }
.tempt-2 aside .nav li.active li a { background: none; color: #315762 !important; font-size: 14px; }
.tempt-2 aside .nav li.active li a:hover { color: #fff !important; }
.tempt-2 aside .nav li.active li a:before { background-position: -248px -97px; }
.tempt-2 aside .nav li.active li.active a { color: #fff !important; }
.tempt-2 aside .nav li.active li.active a:before, .tempt-2 aside .nav li.active li a:hover:before { background-position: -248px -125px; }
.tempt-2 aside .nav li.active li.active li.active a:before { background-position: -248px -125px; }
.tempt-2 aside .nav li.active li.active li a:hover { color: #fff !important; }
.tempt-2 aside .nav li.active li ul{display: none;}
.tempt-2 aside .nav li.active li.active ul{display: block;}
.tempt-2 aside .nav li.active li.active li a {color: #315762 !important}
.tempt-2 aside .nav li.active li.active li.active a {color: #FFFFFF !important}
.tempt-2 aside .contact-info a { color: #fff; }
.tempt-2 .view-eighth { border: #fbfefe solid 6px; }
.tempt-2 .view-eighth .mask { color: #000; }
.tempt-2 .view-eighth a.info { color: #000; }
.tempt-2 .view-eighth:hover a.info:hover { color: #fff; }
.tempt-2 .view-eighth:hover .title { background: none; }
.tempt-2 aside .contact-info .title { color: #fff; }
.tempt-2 .jcarousel .title a { color: #0f0f0f; }
.tempt-2 .jcarousel .title a:hover { color: #fff !important; }

/* adults page */
.tempt-3 { background-color: #101010; }
.tempt-3 footer { background-color: #101010; }
.tempt-3 .main { background: #012957;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxMjk1NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzBlMzhhMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTI5NTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #012957 0%, #0e38a3 39%, #012957 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#012957), color-stop(39%,#0e38a3), color-stop(100%,#012957));
	background: -webkit-linear-gradient(top,  #012957 0%,#0e38a3 39%,#012957 100%);
	background: -o-linear-gradient(top,  #012957 0%,#0e38a3 39%,#012957 100%);
	background: -ms-linear-gradient(top,  #012957 0%,#0e38a3 39%,#012957 100%);
	background: linear-gradient(to bottom,  #012957 0%,#0e38a3 39%,#012957 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#012957', endColorstr='#012957',GradientType=0 ); }
.tempt-3 aside .contact-info a { color: #fff; }
.tempt-3 aside .nav li a { color: #5a8bff; }
.tempt-3 aside .nav li a:before { background-position: -126px -93px; }
.tempt-3 aside .nav li a:hover { color: #000; }
.tempt-3 aside .nav li.active a { background: #fff; }
.tempt-3 aside .nav li.active a, .tempt-3 aside .nav li a:hover { background-color: #074ce8; }
.tempt-3 aside .nav ul ul { display: none; margin-left: 23px; padding: 10px 0 15px; }
.tempt-3 aside .nav li.active ul ul { display: none;}
.tempt-3 aside .nav li.active li.active ul { display: block;}
.tempt-3 aside .nav li.active ul { display: block; }
.tempt-3 aside .nav li.active li.active li a { color: #5A8BFF !important; }
.tempt-3 aside .nav li.active li.active li.active a, .tempt-3 aside .nav li.active li.active li a:hover { color: #fff !important; }
/*.tempt-3 aside .nav li.active li a { background: none; color: #315762 !important; font-size: 14px; }*/
.tempt-3 aside .nav li.active li a { background: none; color: #5A8BFF !important; font-size: 14px; }
.tempt-3 aside .nav li.active li a:hover { color: #fff !important; }
/*.tempt-3 aside .nav li.active li a:before { background-position: -248px -97px; }*/
.tempt-3 aside .nav li.active li a:before { background-position: -248px -125px; }
.tempt-3 aside .nav li.active li.active a { color: #fff !important; }
.tempt-3 aside .nav li.active li.active a:before, .tempt-2 aside .nav li.active li a:hover:before { background-position: -248px -125px; }

.tempt-3 .view-eighth:hover .title, .tempt-3 .view-eighth:hover .title a { background: none; color: #0c46c8; }

.tempt-4 aside { width: 200px; }
.tempt-4 .maincontent { width: 735px; }

.tempt-5 .main { background: #0069ad;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNjlhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwYTdkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDVmOWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #0069ad 0%, #00a7de 39%, #005f9d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0069ad), color-stop(39%,#00a7de), color-stop(100%,#005f9d));
background: -webkit-linear-gradient(top,  #0069ad 0%,#00a7de 39%,#005f9d 100%);
background: -o-linear-gradient(top,  #0069ad 0%,#00a7de 39%,#005f9d 100%);
background: -ms-linear-gradient(top,  #0069ad 0%,#00a7de 39%,#005f9d 100%);
background: linear-gradient(to bottom,  #0069ad 0%,#00a7de 39%,#005f9d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0069ad', endColorstr='#005f9d',GradientType=0 ); }
.tempt-5 aside .nav li a { color: #212121; }
.tempt-5 aside .nav li a:before { background-position: -126px -93px; }
.tempt-5 aside .nav li.active a, .tempt-5 aside .nav li a:hover { background-color: #262626; color: #212121 !important; }
.tempt-5 aside .nav ul ul { display: none; margin-left: 23px; padding: 10px 0 15px; }
.tempt-5 aside .nav li.active ul { display: block; }
.tempt-5 aside .nav li.active li a { background: none; color: #315762 !important; font-size: 14px; }
.tempt-5 aside .nav li.active li a:hover:before { color: #fff !important; background-position: -248px -125px;}
.tempt-5 aside .nav li.active li a:before { background-position: -248px -97px; }
.tempt-5 aside .nav li.active li.active a:before { background-position: -248px -125px; }
.tempt-5 aside .nav li.active li.active li.active a:before { background-position: -248px -125px; }
.tempt-5 aside .nav li.active li.active a { color: #fff !important; }
.tempt-5 aside .nav li.active li.active a:hover:before, .tempt-2 aside .nav li.active li a:hover:before { background-position: -248px -125px; }
.tempt-5 aside .nav li.active li.active li a:hover:before, .tempt-2 aside .nav li.active li.active li a:hover:before { background-position: -248px -125px; }
.tempt-5 aside .nav li.active li.active li a:before, .tempt-2 aside .nav li.active li.active li a:before { background-position: -248px -97px; }
.tempt-5 aside .nav li.active a:hover{color: #fff !important;}
.tempt-5 aside .nav li.active li.active a:hover{color: #fff !important;}
.tempt-5 aside .contact-info { border-top-color: #027bb0; color: #fff; }
.tempt-5 aside .contact-info .title { color: #00cbff; }
.tempt-5 aside .contact-info a { color: #fff; }
.tempt-5 aside .nav li.active li ul { display: none; }
.tempt-5 aside .nav li.active li.active ul { display: block; }
.tempt-5 aside .nav li.active li.active li a { color:#315762 !important }
.tempt-5 aside .nav li.active li.active li.active a { color:#fff !important }

.tempt-6 .main { background: #003997;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzk5NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM5JSIgc3RvcC1jb2xvcj0iIzAwNzFkNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDM1OGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #003997 0%, #0071d4 39%, #00358c 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#003997), color-stop(39%,#0071d4), color-stop(100%,#00358c));
background: -webkit-linear-gradient(top,  #003997 0%,#0071d4 39%,#00358c 100%);
background: -o-linear-gradient(top,  #003997 0%,#0071d4 39%,#00358c 100%);
background: -ms-linear-gradient(top,  #003997 0%,#0071d4 39%,#00358c 100%);
background: linear-gradient(to bottom,  #003997 0%,#0071d4 39%,#00358c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003997', endColorstr='#00358c',GradientType=0 ); }
.tempt-6 .maincontent { width: 620px; }
.tempt-6 aside { color: #fff; width: 302px; }
.tempt-6 aside a { color: #fff; }
.tempt-6 aside .nav ul ul {display: none; margin-left: 23px; padding: 10px 0 15px;}
.tempt-6 aside .nav li.active ul ul { display: none;}
.tempt-6 aside .nav li.active li.active ul { display: block;}
.tempt-6 aside .nav li.active ul { display: block;}
.tempt-6 aside .nav ul li { text-transform: uppercase; }
.tempt-6 aside .nav ul li ul li { text-transform: none; }
.tempt-6 aside .nav li a { color: #76bcff; }
.tempt-6 aside .nav li a:before { background-position: -126px -93px; }
.tempt-6 aside .nav li.active a, .tempt-6 aside .nav li a:hover { background-color: #0b84ed; color: #212121 !important; }
.tempt-6 aside .nav li.active li.active a, .tempt-6 aside .nav li.active li a:hover { color: #fff !important; }
.tempt-6 aside .nav li.active li.active li a{color: #212121 !important}
.tempt-6 aside .nav li.active li.active li.active a, .tempt-6 aside .nav li.active li.active li a:hover{color: #fff !important}
.tempt-6 aside .nav li.active li.active li a{ color: #76bcff; }
.tempt-6 .grid-2 li a { border-color: #7bc2ff; }
.tempt-6 aside .nav li.active li a { background: none repeat scroll 0 0 transparent; font-size: 14px;}

.breadcrumb { color: #777; font-size: 11px; padding-bottom: 10px; text-transform: uppercase; }
.breadcrumb a { color: #777; }
.breadcrumb a:hover { color: #000; }
.breadcrumb span { color: #db5800; }

.pager { font-size: 11px; line-height: 1; padding: 10px 0; text-transform: uppercase; }
.pager a { color: #262626; }
.pager a:hover { color: #f27d00; }
.pager ul { float: right; }
.pager ul li { float: left; margin-right: 5px; }
.pager ul li a { background: #f0f0f0; border: #c7c7c7 solid 1px; float: left; padding: 2px 4px; }

/*.pager ul li.active a { background: #414141; border-color: #414141; color: #fff; }*/
.pager ul li.active a ,.pager ul li.selected a{ background: #414141; border-color: #414141; color: #fff; }

.pager ul li.prev a, .pager ul li.previous a , .pager ul li.next a { background: none; border-color: transparent; position: relative; }
.pager ul li.next a { padding-right: 8px; }
.pager ul li.next a:before { border-style: solid; border-color: transparent transparent transparent #f27d00; border-width: 3px 0 3px 4px; content: ""; height: 0; width: 0; position: absolute; right: 0; top: 4px; }
.pager ul li.prev a { padding-left: 8px; }
.pager ul li.prev a:before { border-style: solid; border-color: transparent #f27d00 transparent transparent; border-width: 3px 4px 3px 0; content: ""; height: 0; width: 0; position: absolute; left: 0; top: 5px; }
.pager ul li.previous a { padding-left: 8px; }
.pager ul li.previous a:before { border-style: solid; border-color: transparent #f27d00 transparent transparent; border-width: 3px 4px 3px 0; content: ""; height: 0; width: 0; position: absolute; left: 0; top: 4px; }

.title-page, .title-page-2 { color: #262626; font-size: 29px; font-weight: 700; }
.title-page-2 { color: #fb7900; }

.grid { height: 330px; margin-right: -30px; overflow: hidden; width: 650px; }

.grid-2 li { float: left; height: 152px; width: 300px; }
.grid-2 li a { border: #262626 solid 6px; color: #fff; display: block; height: 140px; position: relative; width: 288px; }
.grid-2 li a:hover img { opacity: .8; }
.grid-2 li .text { font-family: 'Rockwell', Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; position: absolute; left: 10px; line-height: 1.2; text-shadow: #333 1px 1px 0px; top: 10px; }
.grid-2 li .text span { display: block; font-size: 25px; }

.blog-list { border-bottom: #e2e2e2 solid 1px; color: #515151; font-size: 13px; }
.blog-list .item { border-top: #e2e2e2 solid 1px; padding: 30px 15px; }
.blog-list .date { color: #9f9f9f; font-size: 11px; margin-bottom: 15px; }
.blog-list .date span { margin: 0 5px; }
.blog-list .date a { color: #eb8c27; }
.blog-list .date a:hover { color: #d36f02; }
.blog-list .image { border: #cbcbcb solid 1px; float: left; height: 232px; line-height: 228px; margin-top: 3px; text-align: center; width: 220px; }
.blog-list .description { margin-left: 240px; }
.blog-list h2 { font-size: 24px; line-height: 1; padding-bottom: 7px; text-transform: capitalize; }
.blog-list h2 a { color: #fb7900; }
.blog-list h2 a:hover { color: #333; }
.blog-list .read-more { font-size: 11px; font-weight: bold; padding: 15px 0; }
.blog-list .read-more a { color: #25aae1; position: relative; padding-left: 10px; text-transform: uppercase; }
.blog-list .read-more a:before { border-style: solid; border-color: transparent transparent transparent #25aae1; border-width: 4px 0 4px 5px; content: ""; height: 0; width: 0; position: absolute; left: 0; top: 3px; }
.blog-list .read-more a:hover { color: #0485bb; }

.accordion { padding: 20px 0; }
.accordion .title { padding-bottom: 8px; }
.accordion .title a { color: #4d4d4d; display: block; font-size: 14px; position: relative; padding-left: 12px; }
.accordion .title a:hover, .accordion .active a { color: #ef6d00; text-decoration: underline; }
.accordion .title a:before { border-style: solid; border-color: transparent transparent transparent #ef6d00; border-width: 4px 0 4px 5px; content: ""; height: 0; width: 0; position: absolute; left: 0; top: 6px; }
.accordion .active a:before { border-color: #ef6d00 transparent transparent transparent; border-width: 5px 4px 0 4px; left: -1px; top: 8px; }
.accordion .document { display: none; padding: 0 10px 10px; }

.contact-wrapper { color: #636363; display: table; padding: 10px 0; }
.contact-wrapper .col-1 { border-right: #dbdbdb solid 1px; display: table-cell; padding-right: 20px; width: 240px; vertical-align: top; }
.contact-wrapper .col-2 { border-right: #dbdbdb solid 1px; display: table-cell; padding: 0 20px; width: 295px; vertical-align: top; }
.contact-wrapper .col-3 { display: table-cell; padding-left: 20px; width: 300px; vertical-align: top; }
.contact-wrapper h2 { color: #4e4e4e; font-size: 16px; font-weight: 400; line-height: 1.1; margin: 0; text-transform: capitalize; }
.contact-wrapper h3 { font-size: 14px; font-weight: 400; line-height: 1.1; margin: 20px 0 5px; text-transform: capitalize; }
.contact-wrapper h4 { color: #f87700; font-size: 13px; font-weight: 400; margin-top: 10px; }
.contact-wrapper .first { margin-top: 0; }
.contact-wrapper .note { color: #f87700; font-style: italic; }

.contact-form .lb { display: block; font-size: 13px; margin: 10px 0 5px; }
.contact-form .lb .require { color: #f87700; font-size: 1.1em; }
.contact-form .check-list { padding: 10px 0; }
.contact-form .text { border: #d6d6d6 solid 1px; padding: 3px 5px; width: 280px; }
.contact-form textarea { height: 70px; }

.step-list { background: #f1f1f1; margin-top: 10px; }
.step-list li { border-right: #fff solid 1px; color: #999; float: left; font-size: 16px; line-height: 1; padding: 8px 0px; text-align: center; }
.step-list li.passed { background: #19a0ed; color: #fff; font-weight: bold; }
.step-list li.last { border-right: none; }

.form-type { font-size: 13px; }
.form-type h2 { color: #FB7900; font-size: 18px; margin-top: 10px; }
.form-type h3 { border-bottom: #ccc dotted 1px; color: #FB7900; font-size: 15px; margin-bottom: 10px; padding: 15px 0 5px; }
.form-type p { margin-bottom: 10px; }
.form-type .in-row { padding: 5px 0; }
.form-type .group { float: left; width: 495px; }
.form-type .group .space { margin-top: 10px; }
.form-type .col-1 { float: left; width: 48%; }
.form-type .col-2 { float: right; width: 46%; }
.form-type .lb { float: left; margin-right: 5px; width: 110px; }
.form-type .lb .require { color: #f87700; font-size: 1.1em; }
.form-type .lb em { color: #666; display: block; font-style: normal; font-size: .8em; }
.form-type .text { border: #b9b9b9 solid 1px; float: left; margin-left: 2px; padding: 3px 5px; width: 151px; }
.form-type .check-list { float: left; padding-top: 3px; }
.form-type .check-list li, .form-type .check-list .radio, .form-type .check-list .checker, .form-type .check-list label { display: inline-block; vertical-align: top; }
.form-type .check-list li input { float: none; }
.form-type .check-list label { margin-right: 10px; }
.form-type .check-list label em { display: block; font-size: .9em; font-style: normal; }
.form-type .w-1 { width: 480px !important; }
.form-type .w-2 { width: 165px !important; }
.form-type .w-3 { width: 200px !important; }
.form-type .w-4 { width: 250px !important; }
.form-type .w-5 { width: 260px !important; }
.form-type .w-6 { width: 123px !important; }
.form-type .w-7 { width: 330px !important; }
.form-type .w-8 { width: 241px !important; }
.form-type .w-9 { width: 383px !important; }
.form-type .w-10 { width: 210px !important; }
.form-type .w-11 { width: 385px !important; }
.form-type .w-12 { width: 100px !important; }
.form-type .no-space { margin: 0 !important; }
.form-type .space-1 { margin-top: 10px !important; }
.form-type .space-2 { padding-left: 20px !important; }
.form-type .space-3 { margin-right: 4px !important; }
.form-type .output { padding: 30px 0 15px; }
.form-type .output .btn-3 { font-size: 16px; padding: 5px 15px; }
.form-type .note { color: #c00; font-size: .9em; font-style: italic; font-weight: bold; padding-top: 20px; }
.form-type .note p { margin: 0; }
.form-type .btn-2 { margin-top: 10px; }

/*.form-type { font-size: 13px; }
.form-type h2 { color: #FB7900; font-size: 18px; margin-top: 10px; }
.form-type h3 { border-bottom: #ccc dotted 1px; color: #FB7900; font-size: 15px; margin-bottom: 10px; padding: 15px 0 5px; }
.form-type p { margin-bottom: 10px; }
.form-type .in-row { padding: 5px 0; }
.form-type .group { float: left; width: 495px; }
.form-type .group .space { margin-top: 10px; }
.form-type .col-1 { float: left; width: 48%; }
.form-type .col-2 { float: right; width: 48%; }
.form-type .lb { float: left; margin-right: 5px; width: 110px; }
.form-type .lb .require { color: #f87700; font-size: 1.1em; }
.form-type .lb em { color: #666; display: block; font-style: normal; font-size: .8em; }
.form-type .text { border: #b9b9b9 solid 1px; border-radius: 5px; display: inline-block; margin-left: 2px; margin-right: 5px; padding: 3px 5px; width: 150px; }
.form-type .check-list { float: left; padding-top: 3px; }
.form-type .check-list li, .form-type .check-list .radio, .form-type .check-list .checker, .form-type .check-list label { display: inline-block; vertical-align: top; }
.form-type .check-list label { margin-right: 10px; }
.form-type .check-list label em { display: block; font-size: .9em; font-style: normal; }
.form-type .w-1 { width: 350px !important; }
.form-type .w-2 { width: 165px !important; }
.form-type .w-3 { width: 200px !important; }
.form-type .w-4 { width: 250px !important; }
.form-type .w-5 { width: 260px !important; }
.form-type .w-6 { width: 123px !important; }
.form-type .no-space { margin: 0 !important; }
.form-type .output { padding: 30px 0 15px; }
.form-type .output .btn-3 { font-size: 16px; padding: 5px 15px; }*/
.form-type .errorMessage { color: #F87700; font-style: italic; margin-left: 115px; font-size: 11px;}
.form-type .check-list .errorMessage { color: #F87700; font-style: italic; margin-left: 0px;}

.tb-sum { margin: 10px 0; width: 100%; }
.tb-sum th { background: #ff9838; color: #fff; padding: 5px; text-align: left; vertical-align: top; }
.tb-sum td { border-bottom: #ccc dotted 1px; padding: 5px; vertical-align: top; }
.tb-sum tfoot td { border-bottom: none; color: #333; font-weight: bold; text-align: right; }
.tb-sum .text, .tb-sum .text-2 { border: #ccc solid 1px; padding: 3px; width: 95px; }
.tb-sum .text-2 { width: 140px; }

.map { border: 1px solid #e3e3e3; height: 220px; width: 300px; }


.gallery-grid { overflow: hidden; padding: 5px 0; }
.gallery-grid ul { width: 750px; }
.gallery-grid li { border: #dcdcdc solid 2px; float: left; height: 148px; line-height: 146px; margin-bottom: 15px; margin-right: 15px; text-align: center; width: 230px; }
.gallery-grid li a:hover img { opacity: .8; }

.step-list { background: #f1f1f1; margin-top: 10px; }
.step-list li { border-right: #fff solid 1px; color: #999; float: left; font-size: 16px; line-height: 1; padding: 8px 0px; text-align: center; }
.step-list li.passed { background: #19a0ed; color: #fff; font-weight: bold; }
.step-list li.last { border-right: none; }



.calendar { border: #abd9e3 solid 1px; box-shadow: #b5b5b5 0px 5px 10px; margin: 10px 0 20px; }
.calendar .month { background: #16a1bf; color: #fff; padding: 15px; }
.calendar h2 { font-size: 18px; font-weight: 700; line-height: 1.2; margin: 0 30px; padding: 0; text-align: center; text-transform: uppercase; }
.calendar .month a { background: no-repeat left top; float: left; height: 21px; position: relative; text-indent: -1984em; width: 21px; }
.calendar .month a:hover { background: #ccc; }
.calendar .month .prev { background-image: url(../img/bg-prev.png); }
.calendar .month .next { background-image: url(../img/bg-next.png); float: right; }
.calendar th { background: #4ec0d9; border-left: #4bb7cf solid 1px; color: #fff; font-size: 12px; padding: 2px 5px; text-transform: uppercase; }
.calendar td { border-left: #ececec solid 1px; border-top: #ececec solid 1px; padding: 5px; width: 80px;  vertical-align: top;}
.calendar .first { border-left: none; }
.calendar td .date { color: #797979; text-align: right; }
.calendar td .content { min-height: 60px; }
.calendar ul { list-style: none; margin: 0 0 0 5px; padding: 0; }
.calendar ul li { background: url(../img/ico-square.png) no-repeat left 4px; font-size: 11px; line-height: 1.3; margin-top: 5px; padding-left: 10px; }
.calendar ul li a { color: #e16c00; }
.calendar ul li a:hover { text-decoration: underline; }

.jcarousel { width: 680px; }
.jcarousel li { float: left; height: 152px; width: 660px; }
.jcarousel .item { float: left; height: 152px; margin-bottom: 20px; margin-right: 20px; overflow: hidden; position: relative; }
/*.jcarousel li a { color: #0f0f0f; display: block; height: 140px; position: absolute; left: 0; top: 0; z-index: 10; width: 288px; }
.jcarousel li a:hover .content { display: block; }*/
.jcarousel .title { background: url(../img/bg-trans-5.png) no-repeat left top; color: #0f0f0f; font-size: 13px; font-weight: 700; height: 70px; line-height: 1.2; overflow: hidden; padding: 15px 65px 55px 10px; position: absolute; left: 0; text-transform: uppercase; top: 0; width: 114px; z-index: 10; }
.jcarousel .title a { color: #393939; }
.jcarousel .title a:hover { color: #0c46c8; }
.jcarousel .item-1 .title { background-image: url(../img/bg-trans-1.png); width: 130px; }
.jcarousel .item-2 .title { background-image: url(../img/bg-trans-2.png); width: 130px; }
.jcarousel .item-3 .title { background-image: url(../img/bg-trans-3.png); width: 130px; }
.jcarousel .item-4 .title { background-image: url(../img/bg-trans-4.png); width: 130px; }
.jcarousel .content { color: #000; font-size: 12px; height: 95px; line-height: 1.2; position: absolute; text-align: right; top: 20px; right: 10px; width: 140px; }
/*.jcarousel .item-1 .view-eighth:hover { border-color: #fd7eab; }*/
.jcarousel .item-1 .view-eighth .mask { /*background: rgba(255, 99, 154, 0.7);*/ background-image: url(../img/bg-trans-1-hover.png); }
/*.jcarousel .item-2 .view-eighth:hover { border-color: #c8ff44; }*/
.jcarousel .item-2 .view-eighth .mask { /*background: rgba(200, 255, 68, 0.7);*/ background-image: url(../img/bg-trans-2-hover.png); }
/*.jcarousel .item-3 .view-eighth:hover { border-color: #5afac3; }*/
.jcarousel .item-3 .view-eighth .mask { /*background: rgba(90, 250, 195, 0.7);*/ background-image: url(../img/bg-trans-3-hover.png); }
/*.jcarousel .item-4 .view-eighth:hover { border-color: #ea4ffc; }*/
.jcarousel .item-4 .view-eighth .mask { /*background: rgba(234, 79, 252, 0.7);*/ background-image: url(../img/bg-trans-4-hover.png); }



/* document */
.document { font-size: 14px; padding: 10px 0; }
.document h1{ color: #fb7900; font-size: 29px; font-weight: 700; margin: 0;}
.document h2{ color: #fb7900;font-size:1.3em; font-weight: normal; margin:1.4em 0 0;}
.document h3{ color: #fb7900;font-size:1.1em; margin:1em 0 0;}
.document h4{ color: #fb7900;font-size:1em;margin-top: 15px; padding-top: 15px;}
.document h5{ color: #fb7900;font-size:.83em;margin:1.67em 0 0;}
.document h6{ color: #F17229;font-size:1.3em;margin:0 0 20px;}
.document p, .document pre{ margin: 0 0 15px; }
.document hr { background: none; border-bottom: #ddd dotted 1px; color: #fff; font-size: 0; line-height: 0; text-indent: -1984em; height: 10px; }
.document ul { margin: 5px 0 10px; padding-left: 10px; }
.document ul li { margin-bottom: 3px; padding-left: 10px; position: relative; }
.document ul li:before { border-style: solid; border-width: 3px 0 3px 4px; border-color: transparent transparent transparent #f28140; content: ""; display: block; height: 0; position: absolute; top: 5px; left: 0px; width: 0; }
.document ol { margin-bottom: 10px; margin-left: 30px; }
.document ol li { list-style: decimal; }
.document dd{margin:0 0 0 40px}
.document blockquote{margin:1em 40px}
.document sup { color: #F17229; font-size: .9em; position: relative; top: -3px; }
.document table { border-collapse: separate; border: #cbcbcb solid 1px; border-bottom: none; border-left: none; margin: 20px 0; }
.document table th, .document table td { border-bottom: #cbcbcb solid 1px; border-left: #cbcbcb solid 1px; padding: 5px 20px; }
.document table a { color: #f57e1d; }
.document table a:hover { color: #da6403; }
.document .btn-3 { display: inline-block; font-size: 14px; font-weight: bold; height: auto; line-height: 1.2; margin-top: 20px; padding: 10px 10px; text-transform: capitalize; }

.popup { display: none; padding: 0; width: 600px; }
.popup h1 { border-bottom: #ccc dotted 1px; margin-bottom: 20px; padding-bottom: 5px; }

.lt-ie9 .view .mask { display: none; }
.lt-ie9 .view:hover .mask { display: block; }
.lt-ie9 .jcarousel li .content { display: none; }

.hot-news { list-style: none; margin: 0; padding: 0 0 10px; }
.hot-news li { border-top: #ccc dotted 1px; float: left; padding: 10px 0; width: 100%; }
.hot-news li.first { border-top: none; padding-top: 0; }
.hot-news li .image { border: #ccc solid 1px; float: left; height: 74px; line-height: 70px; text-align: center; width: 70px; }
.hot-news li .image img { max-width: 100%; }
.hot-news li .description { float: right; width: 195px; }
.hot-news li .description .name { font-weight: bold; margin-bottom: 5px; }
.hot-news li .description a { color: #FB7900; }
.hot-news li .description a:hover { text-decoration: underline; }



/*DEV ADD MORE*/

/* comments */
.blog-comment { border: 1px solid #CCCCCC; padding: 10px 10px 0px 10px; margin-bottom: 10px;}
.blog-comment .name {font-size: 13px; font-weight: bold; color: #F87700;}
.blog-comment .date { display: inline-block;float:right; }
.blog-comment .content { border-top: 1px solid #DDDDDD; margin: 10px 0px; padding: 10px 0px;}
.add-blog-comment label {font-weight: bold; display:block;}
.add-blog-comment textarea {border: 1px solid #CCCCCC; padding: 5px; display:block; width: 722px; height: 70px;}
.add-blog-comment .submit{margin-top: 5px;}
.add-blog-comment .note { color: #F87700; font-style: italic; }
.flash-success { color: #F87700; font-style: italic; }

/* register form*/
.register-form label {  display: block; font-size: 13px; margin: 10px 0 5px; }
.register-form .text-5 { border: 1px solid #D6D6D6; padding: 3px 5px; width: 280px; }
.register-form .text-2 { border: 1px solid #D6D6D6; padding: 3px 5px; width: 200px; }
.register-form select{ border: 1px solid #D6D6D6; padding: 3px 5px; width: 280px; }
.register-form .errorMessage, .register-form .ajaxValidateError { color: #F87700; font-style: italic; }

.my-fancybox-content{padding-top: 20px;display: none; min-width: 500px; min-height: 300px;}

/*sitemap*/
.sitemap {}
.sitemap li a{font-weight: bold; text-transform: uppercase;}
.sitemap li ul a{font-weight: normal;text-transform: none;}
.sitemap a{color: #636363;}
.sitemap a:hover{color: #E76400;}

.support-docs .MultiFile-wrap, .support-docs .btn-help { float: left; margin-right: 6px }
.support-docs .upload-field { color: #FB7900; border: 1px dotted #FB7900; width: 200px }

/* homepage fix */
.maincontent.training .box-group a { overflow: hidden }
.maincontent.training .box-group .content { padding: 70px 10px 10px; width: 168px; }
.maincontent.training .box-group .title { font-size: 20px; }
.maincontent.training .box-group .title span { font-size: 20px; }
.maincontent.training .box-group .text { width: 178px; font-weight: 700; }
.training .view { height: auto; width: auto }
.training .view .mask { width: 168px; }

/* higher learning */
.menu ul li a.ico-hg .linear { background-image: url("../img/icon-hg.png") }
.menu ul li a.ico-hg:hover .linear, .menu ul li.active a.ico-hg .linear { background-position: 0 -20px }
.maincontent .talent-group .higher-learning .title { color: #fff }

.HIGHER-LEARNING li:nth-child(2) {  display:none; }
.HIGHER-LEARNING li:nth-child(3) {  display:none; }