﻿@charset "utf-8";

body, html { 
	margin: 0; 
	padding: 0; 
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
/*	background-color: #0092c7;*/
}

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	border: none;
}

h1 {
	font-size: 40px;
	color: #0092c7;
	margin-top: 0px;
	font-weight: lighter;
	font-family: "Segoe UI Light", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", 		Verdana, sans-serif;	
}

h2 {
	font-size: 28px;
	color: #0092c7;
	margin-top: 0px;
	font-weight: normal;
	font-family: "Segoe UI Light", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", 		Verdana, sans-serif;	
}

h3 {
	font-size: 18px;
	margin-top: 0px;
	font-weight: normal;
	font-family: "Segoe UI Light", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", 		Verdana, sans-serif;	
	color: #1F1F1F;
}

h4 {
	font-size: 14px;
	color: #575757;	
	font-weight: normal;	
    font-family: "Segoe UI Light", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
}

p {
	font-size: 16px;
	color: #575757;
	font-family: "Segoe UI Light", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; 
}

a {
	text-decoration: none;
	color: #f8ad29;
}

a:hover {
	text-decoration: underline;
	color: #0092C7;
}

ul {
	margin-left: 10px;
	padding: 0;
}

#headerNavHolder {
	width: 100%;
	height: auto;
	overflow: auto;
	background: #212121;
	padding: 6px 0;
	position: fixed;
	top: 0;
	float: left;
	z-index: 999;
}

#headerNavInner {
	width: 90%;
	max-width: 1300px;	
	margin: 0 auto;
}

#headerNavIcon {
	float: left;
	width: 30px;
	height: 30px;
	margin-right: 30px;

}

#navItemHolder {
	margin-left: 60px;
	
}

.headerNavItem {
	float: left;
	padding-right: 40px;
/*	width: 130px; */
	margin-top: 6px;
	color: #797979;
	cursor: pointer;
}

.headerNavItem a{
	color: #797979;
	cursor: pointer;
}


.headerNavItem a:hover {
	color: #f9ae25;
}

#headerHolder {
	width: 100%;
	height: auto;
	overflow: auto;
	padding: 48px 0 7% 0;
}

#headerInner {
	width: 80%;
	max-width: 1000px;
	min-width: 240px;
	margin: auto;
}

#headerLogo {
	float: left;
	margin-right: 30px;
}

#headerTitle {
	background: rgba(255, 255, 255, .8);
	float: left;
	margin: 20px 0;
	padding: 1% 2%;
	font-size: 28px;
	line-height: 34px;
	font-weight: lighter;
	min-height: 110px;
	max-width: 450px;
	color: #0092C7; 
}

.fixedBg {
	max-height: 100%;
	max-width: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
}

.fixedBg.bg1 {
  background-image: url("../images/bg1.jpg");
}

.fixedBg.bg2 {
  background-image: url("../images/bg2.jpg");
}



#bodyHolder {
	width: 100%;
	background-color: #ffffff;
}

#mainBody {
	width: 80%;
	max-width: 1000px;	
	height: auto;
	overflow: auto;
	margin: auto;	
	padding: 0;
	background: #ffffff;
}

.rowHolder {
	width: 100%;
	height: auto;
	padding: 48px 0 0 0;
	overflow: auto;
	margin: 48px auto;
}

.grey {
	background-color: #E7E7E7;
	
}

.rowInner {
	max-width: 80%;
	max-width: 1000px;		
	margin: auto;
	overflow: auto;	
	padding: 0;
	text-align:center;
	color: #ffffff;
}


.bodyLeft, .bodyRight{
	width: 40%;
	min-width: 150px;	
	float: left;
	padding: 5%;
	text-align:justify;	
}

.subColumn {
	width: 40%;
	min-width: 120px;
	float: left;
	padding: 0 5%;
	text-align:left;
	color: 	#4C4C4C;
}

.subColumn li {
	font-weight: bold;
}

.center {
	margin: 0 auto;
	float: none;
	padding: 0;
	width: 0px;
	min-width: 80%;
	max-width: 90%;
}

.mktngBodyLeft, .mktngBodyRight{
	width: 40%;
	min-width: 150px;	
	float: left;
	padding: 0 5%;
	text-align:left;
}

.mktngBodyLeft strong, .mktngBodyRight strong {
	color: #0092c7;
	font-size: 26px;
	font-weight: normal;
	text-align: left;
}

.mktngInner {
	background-color: #E7E7E7;
	width: 100%;
	float: left;
	height: auto;
}


.trainingBG {
	background: url(../images/trainingBG.png) no-repeat center top; 
	background-size: 100% auto;
}

.productBG {
	background: url(../images/productBG.png) no-repeat center top; 
	background-size: 100% auto;
}


.homepageImage {
	max-width: 400px;
}

.homepageSessionLink {
	margin: 0px;
	float: right;
	text-align: right;
	color: #0092c7;
	font-weight: bold;
	text-decoration: none;
}

.homepageSessionLink:hover {
	color: #f9ae25;
}

#footerHolder {
	width: 100%;
	height: 100%;
	background: #0092c7;
	padding: 24px 0;
}

#footerInner {
	max-width: 532px;
	margin: auto;
	padding: 0 10px;
	text-align:center;
	color: #ffffff;
}

#footerLogo{
	max-width: 219px;
	height: auto;
	margin: auto;
}

.dayTitle {
	width: 95%;
	padding-left: 5%;
	float: left;
}

.dayTitle h1 {
	padding-bottom: 0px;
	margin: 0px;	
}

.sessionPanel {
	width: 100%;
	height: auto;
	float: left;
	font-size: 14px;
	padding: 5px;
	margin-bottom: 5%;
	background-image: url(../images/sesPanelBg.png);
	background-size: 100%;
	-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.15);
	-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.15);
	box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.15);
}

.sessionPanelTextHolder {
	width: 59%;
	float: left;
	margin-left: 2%;
	text-align: left;
}

.sessionPanelIconHolder {
	width: 39%;
	float: right;
}

.sessionPanel strong {
	color: #0092c7;
	font-size: 16px;
	font-weight: normal;
}

.mp4Btn {
	width: 42px;
	margin-left: 2%;
	float: right;
	background: url(../images/mp4a.png) no-repeat;
	background-size: 100% 100%;	
}

.mp4Btn:hover{
	background: url(../images/mp4h.png) no-repeat;
}

.mp3Btn {
	width: 42px;
	margin-left: 2%;
	float: right;
	background: url(../images/mp3a.png) no-repeat;
	background-size: 100% 100%;	
}

.mp3Btn:hover{
	background: url(../images/mp3h.png) no-repeat;
}

.pdfBtn {
	width: 42px;
	margin-left: 2%;
	float: right;
	background: url(../images/pdfa.png) no-repeat;
	background-size: 100% 100%;	
}

.pdfBtn:hover{
	background: url(../images/pdfh.png) no-repeat;
}

.returnToTop {
	width: 100px;
	font-size: 12px;
	text-align:right;
	color: #4C4C4C;
	margin-right: 5%;
	float: right;
}

.returnToTop img {
	max-height: 16px;
	max-width: 9px;
}

#videoHolder {
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background: #000000 url(../images/videoPlayerBG.png) no-repeat center top;
	background-attachment: fixed;	
	background-size: 100% auto;
	opacity: 0;
	transition:opacity 0.5s linear;
	visibility: hidden;
	text-align: center;
}

#videoFrame {
	position: relative;
}

#videoFrame iframe {
	position: absolute;
	top: 0;
	left: 7.1%;
	width: 100%;
	height: 100%;
}


#playerHeader {
	width: 95%;
	padding: .5% 5%;
	display: inline-block;
}

#closeVideoBtn {
	float: right;
	color: #ffffff;
	cursor: pointer;
	margin-right: 5%;
}

#playerHeaderLogo {
	max-width: 2552px;
	max-height: 20px;
	float: left;
}

#videoFrame{
	padding: 0px;
	margin: 0 10%;
}

#sessionDescr {
	width: 70%;
	margin: 0 auto;
	padding: .25% 0;
	color: #CFCFCF;
	background-color: #212121;
}


.sponsorTitleBar {
	width: 96%;
	background-color: #217DA4;
	padding: 1% 2%;
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 2%;	
}

.mainSponsorLogo {
	max-width: 180px;
	margin-right: 45%;
}

.sponsorLogo {
	max-width: 180px;
	display: inline-block;
	line-height: 100px;
	margin: 0 3%;
}

.sponsorDoubleColumn {
	width: 90%;
	padding: 0 5%;
	text-align:center;	
	float: left;
}

.sponsorDoubleColumn a {
	color: #0092c7;
}

.sponsorDoubleColumn a:hover {
	color: #F9AE25;
}

.galleryboddy {
	width: 100%;
	padding: 0;
    z-index: -1;
}
#hostLogo {
	max-width: 300px;
	margin: 0 auto;
}

.mktngBar {
	width: 96%;
	padding: 1.5% 2%;
	float: left;
	background-color: #f9ae25;
	color: #ffffff;
	font-weight:bold;
	font-size: 16px;
}

.productLogoHolder {
	max-width: 200px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 4px 13px 0px rgba(0,0,0,0.75);
	position: relative;
	border-radius: 10%;
	z-index: 2;
}

.productLogoHolder img{
	display: block;
}

.prodDescrPanel {
	width: 92%;
	height: 100%;
	background-color: #E7E7E7;
	color: #4C4C4C;
	padding: 4%;
}

.prodDescrPanel a {
	color: #0092c7;
}

.prodDescrPanel a:hover {
	color: #f9ae25;
}
.prodDescrPanel p {
	margin: 0;
}

.prodDescrPanel strong {
	color: #0092c7;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
}

.productScreenImg {
	float: right;
	margin-top: 10%;	
	margin-right: -13%;
	margin-left: 2%;
	margin-bottom: 2%;		
	max-width: 200px;
}

.productScreenImgLeft {
	float: left;
	margin-top: 10%;
	margin-left: -13%;
	margin-right: 2%;
	margin-bottom: 2%;	
	max-width: 200px;
}
.productBodySpan {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
}
.trainingIMG {
	width: 40%;
	max-width: 320px;
	min-width: 150px;
	margin: 0 auto;
	padding: 0;
}

.contactDoubleColumn {
	width: 90%;
	padding: 0 5%;
	float: left;
}

#contactLogo {
	max-width: 500px;
}

.contactDoubleColumn p {
	font-size: 18px;
}

.contactDoubleColumn strong {
	font-size: 24px;
}

.contactDoubleColumn a, .subColumn a, .bodyRight a, .bodyLeft a {
	color: #0092c7;
}

.contactDoubleColumn a:hover, .subColumn a:hover, .bodyRight a:hover, .bodyLeft a:hover  {
	color: #F9AE25;
}

#contactBG {
	float: left;
	height: 100%;
	width: 100%;
	background: url(../images/contactBG.png) no-repeat;
	background-position: right 50%;
	background-size: 60% auto;
}

#footerCK {
	max-width: 50%;
	min-width: 180px;
	float: left;
	text-align:center;
}

#footerAvePoint {
	max-width: 50%;
	min-width: 180px;	
	float: right;
	text-align:center;	
}

#footerCK Img, footerAvePoint Img {
	max-width: 180px;
}

#copyrightNotice {
	width: 100%;
	float: left;
	text-align:center;
	
}

.textHeader {
	float: left;
	width: 70%;
	padding: 0;
	text-align: justify;
}

.doubleColumn {
	float: left; 
	width: 70%; 
	padding: 0; 
	text-align: justify;
}

.singleColumn {
	float: left; 
	width: 28%; 
	padding: 0 1%x; 
	text-align: justify;
}

.textList {
	float: left; 
	width: 35%; 
	padding: 0; 
	text-align: justify;
}

.overlay {
	background: rgba(255, 255, 255, .8);
	padding: 6px 14px;
	max-width: 96%;
	overflow: auto;
}

.largeList ul {
     list-style-image: url('../images/tick.png');
 } 
 
.largeList li {
	font-size: 40px;
	color: #0092c7;
	margin: 20px 0;
	font-weight: lighter;
	font-family: "Segoe UI Light", Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", 		Verdana, sans-serif;	
}



.subButton {
	width: 20%;
	max-width: 312px; 
	padding: 0 10px;
	line-height: 40px;
	margin: 0 1%; 
	background-color: #0092C7; 
	color: #ffffff; 
	float: left;
	cursor: pointer;
	transition: all 0.2s ease;
	text-shadow: 0 2px 2px #7B7B7B;	
}

.subButton:hover {
	background-color: #F8AD29; 

}

.subButton p {
	font-size: 16px;
	text-align:center;
	color: #ffffff; 	
	
}

.pInfoPanel {
	width: 95%;
	float: left;
	height: auto;
	border: #0092C7;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	margin: 15px 0;
	padding: 2%;
	
}

.homePanel{
	max-width: 276px;
	margin: 0 auto;
	padding: 18px;
	transition: all 0.2s ease;
	background-color: #F1F1F1;
	font-size: 16px;
	overflow: auto;
}

.install ul {
	padding: 5px;
	list-style-type: square;	
	color: #000000;
}