@font-face {
    font-family: 'noto_sansbold';
    src: url('fonts/notosans-bold-webfont.woff2') format('woff2'),
         url('fonts/notosans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noto_sansregular';
    src: url('fonts/notosans-regular-webfont.woff2') format('woff2'),
         url('fonts/notosans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noto_serifbold';
    src: url('fonts/notoserif-bold-webfont.woff2') format('woff2'),
         url('fonts/notoserif-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'noto_serifregular';
    src: url('fonts/notoserif-regular-webfont.woff2') format('woff2'),
         url('fonts/notoserif-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* --- RESET --- */
body,h1,h2,h3,h4,h5,h6,img,a,p,dl,dt,dd,input,textarea,select,ul,li button,area,map{margin: 0; padding: 0; list-style: none; text-decoration: none; outline: none; border: none;}

html,body{
	height:100%;
	min-height:100%;
	}

body {
	overflow-x:hidden;
	font-size:14px;
	font-weight:normal;
}

/*fonts*/

.notoSansReg{
    font-family: 'noto_sansregular',Arial,sans-serif;
	font-weight: normal;
}
.notoSansBold{
    font-family: 'noto_sansbold',Arial,sans-serif;
	font-weight: normal;
}
.notoSerifReg{
    font-family: 'noto_serifregular',Arial,sans-serif;
	font-weight: normal;
}
.notoSerifBold{
    font-family: 'noto_serifbold',Arial,sans-serif;
	font-weight: normal;
}


/*predefined classes*/
	
.transition{
	-webkit-transition: all 0.2s ease-in-out;/* Safari 3.2+, Chrome */
	-moz-transition: all 0.2s ease-in-out;/* Firefox 4-15 */
	-o-transition: all 0.2s ease-in-out;/* Opera 10.5-12.00 */
	transition: all 0.2s ease-in-out;/* Firefox 16+, Opera 12.50+ */	
	}
	
.centre-left{
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	position:relative;
	}
	
.centre-top{
	top:50%;
    -webkit-transform: translate(0%,-50%);
    -moz-transform: translate(0%,-50%);
    -o-transform: translate(0%,-50%);
    -ms-transform:translate(0%,-50%);       
    transform:translate(0%,-50%);
	position:relative;
	}
	
.centre-left-top{
	top:50%;
	left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);   
    transform:translate(-50%,-50%);
	position:relative;
	}
	
.width-100,.tag-default{
	float:left;
	width:100%;
	position:relative;
	font-weight:normal;
	}


.absolute{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}
	
.left{
	float:left;
	}
	
.right{
	float:right;
	}
	
.clear{
	clear:both;
	}

.height100{
	height:100%;
	}
	
.cursor{
	cursor:pointer;
	}
	
.center{
	text-align:center;
	}
	
.upper{
	text-transform:uppercase;
	}
	
.justify{
	text-align:justify;
	}

.normalText{
	text-transform: none;
}

.cubic{
	-webkit-transition: all 600ms cubic-bezier(.42,0,.58,1);
   -moz-transition: all 600ms cubic-bezier(.42,0,.58,1);
     -o-transition: all 600ms cubic-bezier(.42,0,.58,1);
        transition: all 600ms cubic-bezier(.42,0,.58,1); /* easeInOutCubic */

-webkit-transition-timing-function: cubic-bezier(.42,0,.58,1);
   -moz-transition-timing-function: cubic-bezier(.42,0,.58,1);
     -o-transition-timing-function: cubic-bezier(.42,0,.58,1);
        transition-timing-function: cubic-bezier(.42,0,.58,1); /* easeInOutCubic */
}

.cubic2{
	-webkit-transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -moz-transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
     -o-transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 1.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* easeInOutCubic */
}
	

	
/*predefined classes*/	
		
/*custom*/	
.wrapper{
	width:100%;
	position:relative;
	float:left;
	overflow:hidden;
	background-color: #2f2f2e;
	min-height:100%;
	}




.safearea{
	width:980px;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	position:relative;
	float:left;
	}

.content{
	width: 1072px;
}

.logo{
	height: 145px;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url(../images/logo.png);
	background-color: #212121;
}

.banner{
	background-image: url(../images/banner.jpg);
	background-size: cover;
	background-position: center;
	height: 525px;
	z-index: 9;
}
.bannerContent{
	background-image: url(../images/bannerText.jpg);
	width: 306px;
	height: 249px;
}

.eventDate {
    position: absolute;
    bottom: -75px;
    color: #1e1e1c;
    font-size: 22px;
    line-height: 26px;
    padding-top: 25px;
    background-color: #fff;
    width: 628px;
    height: 75px;
}

.videoSection{
	background-image: url(../images/bgs2.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 100px;
	padding-bottom: 75px;
	z-index: 8;
}

.videoSection h3{
	color: #212121;
	font-size: 35px;
}
.videoSection h4{
	color: #30302f;
	font-size: 22px;
	padding-bottom: 30px;
}
.videoSection h4::before{
	position: absolute;
	bottom: 0px;
	left:50%;
    -webkit-transform: translate(-50%,0%);
    -moz-transform: translate(-50%,0%);
    -o-transform: translate(-50%,0%);
    -ms-transform: translate(-50%,0%);             
    transform:translate(-50%,0%);
	height: 1px;
	background-color: #a71c20;
	width: 60px;
	content: "";
}

.videoSection a{
	margin-top: 25px;
	margin-bottom: 15px;
	color: #fff;
	background-color: #a71c20;
	width: 306px;
	line-height: 56px;
	font-size: 22px;
	border: 3px solid #fff;
}
.videoSection a:hover{
	background-color: #fff;
	color: #a71c20;
	border-color: #a71c20;
}

.videoSection h5{
	color: #595857;
	font-size: 18px;
	font-style: italic;
}
.videoSection h6{
	color: #595857;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	line-height: 18px;
}

.videoHolder{
	margin-top: 35px;
	width: 625px;
}

.afterVid{
	margin-top: 30px;
	color: #444343;
	font-size: 18px;
	font-style: italic;
	line-height: 22px;
}
.nextToVid {
    position: absolute;
    color: #595857;
    font-size: 17px;
    font-style: italic;
    left: -140px;
    line-height: 20px;
}

.nextToVid::before {
    position: absolute;
    bottom: 7px;
    right: -5px;
    height: 1px;
    background-color: #a71c20;
    width: 38px;
    content: "";
}
.inthePresence {
    font-style: italic;
    font-size: 20px;
    color: #444343;
    background-image: url(../images/7san.png);
    width: 190px;
    background-position: top center;
    padding-top: 45px;
    background-repeat: no-repeat;
    line-height: 20px;
    position: absolute;
    bottom: -84px;
}
.presenceWrapper{
	background-color: #fff;
	padding-top: 75px;
	padding-bottom: 30px;
}

.presenceContainer>div:last-child{
	margin-right: 0px;
}

.presenceDiv {
    margin-right: 33px;
    width: 169px;
    padding-top: 200px;
    background-image: url(../images/imgs.jpg);
    background-position: 0px 0px;
    background-repeat: no-repeat;
    background-size: auto 188px;
}
.presenceContainer>div:nth-child(1){
	background-position: 0px 0px;
}
.presenceContainer>div:nth-child(2){
	background-position: -196px 0px;
}
.presenceContainer>div:nth-child(3){
	background-position: -391px 0px;
}
.presenceContainer>div:nth-child(4){
	background-position: -586px 0px;
}

.presenceContainer>div:nth-child(5){
	background-position: -782px 0px;
	margin-right: 0px;
}

.presenceDiv h3{
	color: #363638;
	font-style: italic;
	font-size: 16px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.presenceDiv h3::before {
    position: absolute;
    bottom: 0px;
    left:0px;
    height: 1px;
    background-color: #dc9c62;
    width: 27px;
    content: "";
}
.presenceDiv article{
	color: #616163;
	font-size: 15px;
	line-height: 18px;
}

.seperator{
	background-image: url(../images/between.jpg);
	height: 152px;
	z-index: 7;
}

.seperator span{
	font-size: 28px;
	color: #30302f;
	line-height: 33px;
}
.cigarIMG {
    background-image: url(../images/7premium.jpg);
    width: 616px;
    height: 119px;
    position: absolute;
    bottom: -89px;
}
.cigarIMG h3{
	color: #dc9c62;
	font-size: 30px;
	line-height: 30px;
}
.cigarIMG h4{
	font-size: 16px;
	color: #dc9c62;
}
.eventDetails{
	background-image: url(../images/bgs3.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 28px;
	height: 586px;
	z-index: 5;
}
.eventContainer{
	background-color: #fff;
	width: 785px;
	padding-top: 105px;
	padding-bottom: 50px;
}

.eventContainer article{
	font-size: 21px;
	color: #30302f;
	line-height: 21px;
}
.eventContainer article span.boldSerif{
    font-family: 'noto_serifbold',Arial,sans-serif;
}
.eventContainer article span.italicSerif{
	font-style: italic;
	font-size: 17px;
	color: #545453;
    font-family: 'noto_sansregular';
}

.gallerySection{
	background-color: #212121;
	padding-top: 110px;
	padding-bottom: 135px;
	z-index: 4;
}

.galleryWrapper{
	width: 785px;
	overflow: hidden;
}
.galleryImgs{
	position: relative;
}
.galleryImgs li{
	width: 785px;
	background-size: cover;
	background-position: center;
	height: 532px;
}
.galleryBull{
	position: absolute;
	bottom: 12px;
}

.galleryBull li{
	background-image: url(../images/bull.png);
	width: 13px;
	height: 13px;
	cursor: pointer;
	background-position: -23px 0px;
	margin-right: 10px;
}
.galleryBull>li:last-child{
	margin-right: 0px;
}

.galleryBull li.activeBull{
	background-position: 0px 0px;
}

.kempinskiBanner {
    background-image: url(../images/kempinski.jpg);
    width: 785px;
    height: 142px;
    position: absolute;
    bottom: -61px;
}

.sponsors{
	padding-top: 125px;
	padding-bottom: 65px;
	background-color: #fff;
}

.sponsorsIMG{
	background-image: url(../images/sponsor.png);
	height: 237px;
	background-position: center;
	background-repeat: no-repeat;
}

footer{
	background-color: #dc9c62;
}

.footerRow2Center{
	font-size: 11px;
	color: #2f2f2e;
	padding-top: 8px;
	padding-bottom: 8px;
}

.by{
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid #b98658;
}
.specialTxt{
	width: 183px !important;
}
.handWriting {
    background-image: url(../images/handWriting.png);
    width: 69px;
    height: 302px;
    position: absolute;
    right: 20px;
    bottom: -213px;
}

@media screen and (max-width:1000px){
	.safearea,.content{
		width:760px
	}
	.videoHolder{
		width: 450px;
	}
	.videoHolder iframe{
		height: 200px;
	}
	
	.presenceContainer{
		width: 574px;
		left:50%;
		-webkit-transform: translate(-50%,0%);
		-moz-transform: translate(-50%,0%);
		-o-transform: translate(-50%,0%);
		-ms-transform: translate(-50%,0%);             
		transform:translate(-50%,0%);
	}
	.presenceContainer>div{
		margin-bottom: 20px;
	}
	.presenceContainer>div:nth-child(3){
		margin-right: 0px;
	}
	.presenceContainer>div:nth-child(4){
		clear: both;
		margin-left: 109px;
	}
	.presenceContainer>div:nth-child(5){
		margin-bottom: 0px;
	}
	.eventContainer,.galleryImgs li,.galleryWrapper{
		width: 616px;
	}
	.kempinskiBanner {
		width: 616px;
		height: 111px;
		bottom: -52px;
		background-size: cover;
	}
	.sponsorsIMG{
		background-size: contain;
	}
}


@media screen and (max-width:760px){
	.safearea,.content{
		width:100%;
	}
	.videoSection{
		background-image: url(../images/sect2bg.jpg);
		padding-top: 65px;
	}
	.eventDate {
		bottom: -46px;
		font-size: 16px;
		line-height: 21px;
		padding-top: 12px;
		width: 425px;
		height: 56px;
	}
	.videoSection h3 {
		font-size: 26px;
	}
	.videoSection h4 {
		font-size: 16px;
	}
	.videoSection a{
		line-height: 37px;
		font-size: 17px;
		width: 245px;
	}
	.videoSection h5,.videoSection h6{
		font-size: 15px;
	}
	.videoHolder {
		width: 400px;
	}
	.videoHolder iframe {
    height: 250px;
}
	.nextToVid{
		display: none;
	}
	.afterVid {
		font-size: 14px;
		line-height: 17px;
	}
	.inthePresence{
		font-size: 18px;
	}
	.presenceContainer{
		width: 320px;
	}
	.presenceDiv {
		margin-left: 7px;
		width: 146px;
		margin-right: 7px;
		background-size: auto 180px;
		padding-top: 190px;
	}
	.presenceContainer>div:nth-child(2){
		clear: both;
	}
	.presenceContainer>div:nth-child(3){
		margin-right: 7px;
		float: right;
	}
	.presenceContainer>div:nth-child(4){
		margin-left: 7px;
		background-position: -573px 0px;
	}
	.presenceContainer>div:nth-child(5) {
		margin-bottom: 0px;
		float: right;
		margin-right: 7px;
		background-position: -755px 0px;
	}
	.presenceContainer>div:nth-child(1) {
		margin-left: 93px;
	}
	.presenceDiv article{
		font-size: 13px;
		line-height: 17px;
	}
	.presenceDiv h3 {
		font-size: 14px;
	}
	.presenceWrapper{
		padding-top: 45px;
	}
	.seperator span {
		font-size: 18px;
		line-height: 24px;
	}
	.seperator {
		height: 115px;
	}
	.cigarIMG {
		width: 425px;
		height: 84px;
		bottom: -63px;
		background-size: cover;
	}
	.cigarIMG h4 {
		font-size: 12px;
	}
	.cigarIMG h3 {
		font-size: 23px;
		line-height: 25px;
	}
	.eventContainer, .galleryImgs li, .galleryWrapper{
		width: 425px;
	}
	.eventContainer{
		padding-top: 45px;
	}
	.eventContainer article {
		font-size: 18px;
		line-height: 20px;
	}
.eventContainer article span.italicSerif {
    font-size: 15px;
    margin-top: 5px;
    float: left;
    clear: both;
    line-height: 18px;
    width: 100%;
}
	.eventDetails{
		height: 520px;
	}
	.gallerySection {
		padding-top: 70px;
		padding-bottom: 183px;
	}
	.galleryImgs li{
		height: 287px;
	}
	.kempinskiBanner{
		background-image: url(../images/kempinski-mob.png);
		width: 425px;
		height: 196px;
		bottom: -53px;
	}
	.sponsorsIMG {
		background-image: url(../images/sponsor-mob.png);
		height: 438px;
	}
	.sponsors {
		padding-top: 100px;
	}
	.by{
		float: left;
		clear: both;
		border-left: none;
	}
	.copy{
		float: left;
	}
	.banner{
		height: 370px;
		background-image: url(../images/bannerMob.jpg);
	}
.tosplit {
    width: 237px !important;
    margin-left: 96px;
    float: left;
}
	
.eventContainer article .clear {
    float: left;
    width: 100%;
    margin-bottom: 18px;
}
	.specialTxt{
	width: 160px !important;
}
.bannerContent {
    width: 170px;
    height: 160px;
    background-size: cover;
    background-position: center;
}
	.handWriting{
		display: none;
	}
}