/*
-- color-corporative-1: #9400FF
-- color-corporative-2: #FFCC00
-- color-corporative-3: #FFA600
*/

body { font-size: 16px; }
h2 {font-size: 2em; font-weight: 300; line-height: 30px; margin: 0 0 12px 0; }

.bs-callout {clear: both;position: relative;overflow: hidden; background: #f2eef3; margin: 30px 0; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.bs-callout-1 { clear: both;position: relative;overflow: hidden; background: #702d8c; color:#fff; margin: 30px 0; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
.bs-callout-2 { clear: both;position: relative;overflow: hidden; background: #ebdaf2; color:#fff; margin: 30px 0; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
.bs-callout-3 { clear: both;position: relative;overflow: hidden; background: #EAA824;  margin: 30px 0; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }
.bs-callout-4 { clear: both;position: relative;overflow: hidden; background: #eed7a8;  margin: 30px 0; padding: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;  }

.divider { margin: 25px 0; }

.all-padding-0 { padding:0;}
.all-margin-0 { margin:0;}

.all-padding-10{ padding:10px;  }
.all-padding-20{ padding:20px;  }
.all-padding-30{ padding:30px;  }
.all-padding-40{ padding:40px;  }
.all-padding-100{ padding:100px;  }

.padding-l-r-10{ padding-left:10px; padding-right:10px; }
.margin-l-r-10{ margin-left:10px; margin-right:10px; }
.margin-l-r-30{ margin-left:30px; margin-right:30px; }

.top-padding-0 { padding-top:0;  }
.bottom-padding-0 { padding-bottom:0;  }

.top-padding-10{ padding-top:10px;  }
.top-padding-20{ padding-top:20px;  }
.top-padding-30{ padding-top:30px;  }

.top-margin-0  { margin-top:0;  }
.top-margin-10 { margin-top:10px;  }
.top-margin-20 { margin-top:20px;  }
.top-margin-30 { margin-top:30px;  }

.bottom-margin-10 { margin-bottom:10px;  }
.bottom-margin-20 { margin-bottom:20px;  }
.bottom-margin-30 { margin-bottom:30px;  }
.bottom-margin-40 { margin-bottom:40px;  }

.all-padding-lr-0{ padding-right: 0;  padding-left:0; }
.all-margin-lr-0{ margin-right: 0;  margin-left:0; }

header#topNav nav ul.nav-main li.active > a, 
header#topNav nav ul.nav-main li.active > a:hover, 
header#topNav nav ul.nav-main li.active > a:focus, 
header#topNav nav ul.nav-main li.active i.icon-caret-down {
    color: #702d8c !important;
	background-color: #ffffff;
	text-shadow: #FFA600 2px 2px 2px;
	text-transform: uppercase;
	font-weight: bold;
}

header#topNav nav ul.nav-main li a:hover {color:  #9400FF !important;}
header#topNav nav ul.nav-main li a {background: none;font-style: normal;line-height: 20px;color: #702d8c;font-weight: 100;position: relative;font-size: 1.6em;text-transform: uppercase;}

header#topHead { position:fixed; }
header#topHead a { color: #999; font-size: 16px; padding-right: 0;}
header#topNav .nav > li:last-child > a, header#topNav .nav > li:last-child > a:hover { padding-right:0;}
header#topNav div.nav-main-collapse {margin-top:20px;}

.nav > li > a { padding-right: 40px; }

/*force height header#topHead if used*/
.fullscreenbanner{ margin-top: 30px; }

a.social.fa-youtube:hover { background: #d64937 !important;color: #fff !important;}
a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #702d8c; }

@media (max-width: 500px) {
	.btnlabel { display:none; }
	button > i.fa{ font-size:2em; }
	img#logoHeader  { max-height:60px;}
}

@media (max-width: 620px) {
	.tcaption-sl-scale-top { position:absolute; top:-150px; font-size:1.5em;}
	.tcaption-sl-scale-top2 { position:absolute; top:-130px; font-size:1.5em;}
	.txt-caption-sl-drop { }
	div.modal-body > div#wrapper { padding-top: 10px !important; }
	
	.btnlabel { display:none; }
	button > i.fa{ font-size:2em; }	

	#event-informationvid-A02_C02_B01-0, #A02-C02-P01-B02, 
	#event-form_contact-A02_C02_P02_B01-1-1 { margin-top:-40px; font-size:15px; padding: 8px 16px; }
	.intro-banner-vdo-play-btn > span.white { font-size:1.5em; }
}

@media (max-width: 990px) { 
	#header_shadow { display:none !important; background: transparent; top:0; height: 0;}
	.fullscreenbanner{ margin-top: 0; }
	header#topNav div.nav-main-collapse {margin: -18px -300px 0 -15px !important; }
	h4.modal-title { font-size:1.2em;}
	header#topNav nav ul.nav-main li a {color: #702d8c !important;}
	header#topNav .nav > li:last-child > a { padding-right:0;}
	header#topNav nav.nav-main ul, header#topNav nav.nav-main ul li {padding-top:15px; padding-bottom:15px; font-size:10px;}
	header#topNav nav.nav-main ul, header#topNav nav.nav-main ul lili:last-child {padding-top:15px; padding-bottom:0; font-size:10px;}
	
	.bs-callout .btn { margin:0px auto 0 auto; max-width:260px;}
	.btn-primary-small, .btn-primary-small:hover { padding:10px 20px;}
	div#wrapper { padding-top: 10px important! ; }
	#wrapper { padding-top: 10px important! ; }
	
	.btn-primary1-small, .btn-primary1-small:link, 
	.btn-primary1-small:visited, .btn-primary1-small:focus { padding: 11px 20px;}
	#event-list_article-A06_C01_B02-0-0 { margin-left:50%; margin-top:20%; }
	#event-information-A05_C03_P01_B01-2-5 { margin-left:40%;}
	#slide-zone-1-layer-1.scene-stand-title { margin-top:-10%;}
	#event-form_contact-A05_C03_P01_B02-2-5 { margin-top:-40%;}
	#slide-zone-1-layer-3 { margin-left:8%;}
	#slide-zone-3-layer-4  { margin-bottom:-3%;}
}

@media (max-width: 1006px) {
	header#topNav {height: 80px !important;}
	div#wrapper { padding-top: 10px important! ; }
	#wrapper{ padding-top: 10px important! ; }
	.intro-banner-vdo-play-btn > span.white { font-size:1.3em; }
} 

@media only screen and (max-width: 1006px) {
	#wrapper {	padding-top:10px !important; }
}

@media (max-width: 1200px) { 
	header#topNav nav ul.nav-pills > li > a, header#topNav nav ul.nav-pills > li > a:hover {  font-size: 1.6em;  padding-top: 0;  padding-bottom: 0; padding-right: 40px; }
	header#topNav .nav > li:last-child > a { padding-right:0;}
}

@media (min-width: 1700px) { #slide-zone-3-layer-4  { margin-bottom:-2%;}  #event-frm_signup-A01_C01_B02-0-0, #event-frm_login-A01_C01_B01-0-0 {margin-top: 20%;} }

.divider .fa { color: #bbb;  background: #FFF; height: 35px; line-height: 35px;  width: 40px; font-size: 20px;  top: -20px; left: 50%;  margin: 0 auto 0 -25px; }

.div-mediaplayer { width: 100% ; }
.img-rounded-1 { max-width:200px; float:left; margin:10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
img.img-rounded-1 { max-width:200px; float:left; margin:10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
img.img-responsive.img-rounded-1 { max-width:200px; float:left; margin:10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }


/*------ videos -----------*/
video::-webkit-media-controls {}
video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}
video::-internal-media-controls-download-button { display:none; }
video::-webkit-media-controls-enclosure { /*overflow:hidden;*/}
video::-webkit-media-controls-panel {/* width: calc(100% + 30px);*/}

/*--- home lock*/
.tp-caption.hlock img { min-width: 325px; min-height: 146px; }
.tp-caption.hlock{ white-space: normal; }
.tp-caption.hlock > .hlockadv, .hlockadv { 
	clear: both; position: relative; overflow: hidden; background: #f2eef3; margin: 10px 10px 0 0; padding: 20px;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}