@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Cairo');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
/* Version 1.2 */
html,body{
	height: 100%;
}
body{
	padding: 0px;
	margin: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	background-color: #eeeeee;
	/* text-align: right; */
	/*
	direction: rtl;
    unicode-bidi: bidi-override;
	*/
}
.h30{
	display: block;
	height: 30px;
	line-height: 0px;
}
.h60{
	display: block;
	height: 60px;
	line-height: 0px;
}
.h100{
	display: block;
	height: 100px;
	line-height: 0px;
}
.arFix{
	text-align: right;
	font-family: 'Cairo', sans-serif;
}
.btnBlue{
	padding: 20px;
	background-color: #113a48;
	color: white;
	font-weight: bold;
	margin-top: 30px;
	display: inline-block;
}
.btnBlue:hover{
	background-color: black;
}
.showMobile{
	display: none;
}
#regPopup{
	position: fixed;
    bottom: 0px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    width: 100%;
    background-color: #113a48;
    border-top: 1px solid black;
    z-index: 99;
    -webkit-transition:all 500ms;
    transition:500ms;
}
#regPopup #closeMobReg{
	display: block;
	text-align: center;
	color: white;
	/*background-color: #71b545;*/
	top: 10px;
	right: 10px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	font-size: 16px;
	vertical-align: middle;
	position: absolute;
	cursor: pointer;
}
#regPopup a{
	padding: 10px;
	background-color: #71b545;
	color: white;
}
.anchorOffset{
	position: absolute;
	margin-top: -205px;
	content: " ";
}
.anchorOffsetMob{
	position: absolute;
	margin-top: -77px;
	content: " ";
}
.arabic{
	font-family: 'Cairo', sans-serif;
}
.header .splash .right a.arabic{
	display: inline-block;
    border: 1px solid;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 28px;
}
.header .splash .right a.arabic:hover{
	color: white;
    background-color: #113a48;
}
.heading, h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat', sans-serif;
}
.table{
	display: table;
	width: 100%;
	height: 100%;
	/* vertical-align: middle; */
	margin: 0px;
}
.table .cell{
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
}
.inlineBlockFix{
	line-height: 0px;
	font-size: 0px;
}
.container{
	/* margin-top: 100px; */
	/* margin-bottom: 100px; */
}
/* colors */
.colorRoyal{
	color: #113a48 !important;
}
.colorLightBlue{
	color: #2684c6 !important;
}
.colorGreen{
	color:#71b545 !important;
}
.colorYellow{
	color:#ccd533 !important;
}
.colorGray{
	color:#666666 !important;
}
.colorWhite{
	color:#fff;
}
.bgcolorRoyal{
	background-color: #113a48 !important;
}
.bgcolorLightBlue{
	background-color: #2684c6 !important;
}
.bgcolorGreen{
	background-color:#71b545 !important;
}
.bgcolorYellow{
	background-color:#ccd533 !important;
}
.bgcolorGray{
	background-color:#666666 !important;
}
.bgcolorWhite{
	background-color:#fff;
}
.bgGray{
	background-image: url(../img/bg/gray.jpg);
	background-size: cover;
}
.bgPoly{
	background-image: url(../img/bg/poly-bg.jpg);
	background-size: cover;
}
.bgFigures{
	background-image: url(../img/bg/figures.jpg);
	background-size: cover;	
}
.bgBluePoly{
	background-image: url(../img/bg/blue-poly.jpg);
	background-size: cover;	
}

/* Misc */
.centered{
	text-align: center;
}
.alignLeft{
	text-align: left;
}
.alignRight{
	text-align: right;
}
.marginBottom30{
	margin-bottom: 30px;
}
.marginBottom60{
	margin-bottom: 60px;
}
.marginBottom100{
	margin-bottom: 100px;
}
.marginTop30{
	margin-top: 30px;
}
.marginTop60{
	margin-top: 60px;
}
.marginTop100{
	margin-top: 100px;
}
.marginFix{
	overflow: hidden;
}
.paddingBottom30{
	padding-bottom: 30px;
}
.paddingBottom60{
	padding-bottom: 60px;
}
.paddingBottom100{
	padding-bottom: 100px;
}
.paddingTop30{
	padding-top: 30px;
}
.paddingTop60{
	padding-top: 60px;
}
.paddingTop100{
	padding-top: 100px;
}
.container1200{
	display: block;
	position: relative;
	width: 1140px;
	margin: 0px auto;
	/* background-color: antiquewhite; */
}
.justify{
	text-align: justify;
}
.justice{
	display: inline-block;
	position: relative;
    width: 100%;
    height: 0px;
}
/* HEAD */
.header{
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 99;
}
.header a{
	text-decoration: none;
}
.header .topBar{
	width: 100%;
	background: #113a48;
	height: 10px;
}
.header .splash{
	display: block;
	position: relative;
	/*overflow: hidden;*/
	background-color: white;
}
.header .splash>.container{
	height: 150px;
}
.header .splash .table{
	height: 150px;
} 
.header .splash .logo{
	width:210px;
}
.header .splash .mid{
	/* height: 150px; */
	line-height: 15px;
}
.header .splash .mid .line1{
	font-size: 18px;
	font-weight: bold;
}
.header .splash .mid .line2{
	font-size: 15px;
	font-weight: 300;
	line-height: 35px;
}
.header .splash .mid .line3{
	font-size: 18px;
	font-weight: bold;
}
.header .splash .right{text-align: right;}
.header .splash .right a{
	text-decoration: none;
	color: #666;
}
.header .splash .right img{
	width: 23px;
	padding-bottom: 4px;
}
.header .navLineAfter::after{
	content:"";
	display: block;
	position:absolute;
	height:1px;
	background-color:rgba(255,255,255,0.1);
	width:100%;
	bottom:0px;
}
.header .navigation div{
	display: inline-block;
	vertical-align: top;
}
.header .navigation div:hover{
	
}
.header .navigation div a{
	color:white;
	text-decoration: none;
	text-transform: uppercase;
	padding: 12px 15px;
	font-size: 15px;
	height: 45px;
	line-height: 45px;
	-webkit-transition:all 300ms;
	transition:all 300ms;
}
.header .navigation div a:hover{
	background-color: #000;
}
.header .navigation{
	display: block;
	position: relative;
	height: 45px;
	/* overflow: hidden; */
	background-color: #113a48;
}

.header .navigation .drop{
	
}
.header .navigation .drop:after{
	content: ".";
}
.header .navigation .drop:hover .sub{
	
}
.header .register{
	background-color: #71b545;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	-webkit-transition: all 300ms;
	transition:all 300ms;
	color: white !important;
}
.header .register:hover {
    text-decoration: none;
    background-color: #113a48;
}
.topSpacer{
	display: block;
	position: relative;
	height: 205px;
}
.header .navigation .dropdown{

}
.header .navigation .dropdown:hover{
	background-color: black;
}
.header .navigation .dropdown .dropdown-content{
	display: none;
}
.header .navigation .dropdown .dropdown-content a{
	display: block;
	min-width: 300px;
	line-height: initial;
}
.header .navigation .dropdown:hover .dropdown-content{
	display: block;
	position: absolute;
	background-color: #113a48;
	z-index: 10;
}

/* HOME PAGE */

/* indexBanner*/
.indexBanner{

}
.indexBanner .container, .indexBanner .row{
	height: 100%;
}
.indexBanner{
	background-image: url(../img/slider/slider1.jpg);
	background-size: cover;
}
.indexBanner .title{
	display: inline-block;
	position: relative;
	background-color: #113a48;
	color: white;
	font-size: 50px;
	font-weight: bold;
	padding: 0px 15px;
}
.indexBanner .title > span{
	display: block;
	position: absolute;
	top: 75px;
	right: 0px;
	background-color: black;
	padding: 0px 10px;
	font-size: 20px;
}
.indexBanner .counter{
	display: inline-block;
	height: 80px;
	width: 80px;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	margin-right: 10px;
}
.indexBanner .counter .number{
	font-size: 37px;
	font-weight: 600;
	line-height: 41px;
	padding-top: 11px;
}
.indexBanner .counter .text{
	font-size: 14px;
}
.indexBanner #countDown{
	margin-top: 50px;
	color: white;
}
.indexBanner .register{
	background-color: #71b545;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	-webkit-transition: all 300ms;
	transition:all 300ms;
}
.hrh{
	height: 500px;
	text-align: center;
	color: 	white;
}
.hrh .line1{
	margin-bottom: 60px;
	background-color: #71b545;
	display: inline-block;
	padding: 20px;
	font-weight: bold;
}
.banner1 .item1 .register:hover {
    text-decoration: none;
    background-color: #113a48;
}
.hrh h2{
	font-family: 'Playfair Display', serif;
}

/* Banner OWL */
.banner1{

}
.banner1 .owl-dots {
    position: absolute;
    /* background-color: rgba(255,255,255,0.5); */
    bottom: 20px;
    right: 20px;
}
.banner1 .owl-dot{
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    background-color: #113a48;
    border-radius: 10px;
    border: 3px solid #000;
}
.banner1 .owl-dot.active {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 3px solid #000;
}
.banner1 .item1{
	background-image: url(../img/slider/slider1.jpg);
	background-size: cover;
	height: 742px;
}
.banner1 .item1 .title{
	display: inline-block;
	position: relative;
	background-color: #113a48;
	color: white;
	font-size: 50px;
	font-weight: bold;
	padding: 0px 15px;
}
.banner1 .item1 .title > span{
	display: block;
	position: absolute;
	top: 75px;
	right: 0px;
	background-color: black;
	padding: 0px 10px;
	font-size: 20px;
}
.banner1 .item1 .counter{
	display: inline-block;
	height: 80px;
	width: 80px;
	background-color: rgba(0,0,0,0.7);
	text-align: center;
	margin-right: 10px;
}
.banner1 .item1 .counter .number{
	font-size: 37px;
	font-weight: 600;
	line-height: 41px;
	padding-top: 11px;
}
.banner1 .item1 .counter .text{
	font-size: 14px;
}
.banner1 .item1 #countDown{
	margin-top: 50px;
	color: white;
}
.banner1 .item1 .register{
	background-color: #71b545;
	padding: 10px 20px;
	font-size: 14px;
	font-weight: bold;
	color: white;
	-webkit-transition: all 300ms;
	transition:all 300ms;
}
.banner1 .item1 .register:hover {
    text-decoration: none;
    background-color: #113a48;
}
.banner2{
	display: none !important;
}
.titles{
	display: inline-block;
	position: relative;
	height: 110px;
	width: 350px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}
.titles .green{
	display: block;
	position: absolute;
	height: 100px;
	background-color: #71b545;
	width: 25px;
}
.titles .blue{
	display: block;
	position: absolute;
	left: 25px;
	height: 100px;
	width: 345px;
	background-color: #113a48;
}
.titles .blue .content{
	color: white;
	line-height: initial;
	font-size: initial;
	font-family: 'Open Sans', sans-serif;
	margin-top: 21px;
	margin-left: 15px;
}
.titles .blue .content h3{
	font-family: 'Open Sans', sans-serif;
	font-size: 22px;
	line-height: 31px;
	margin: 0px;
	font-weight: bold;
}
.titles .blue .content span{
	font-size: 16px;
	font-weight: 300;
}
.titles .triangle{
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 10px;
	height: 10px;
	background-image: url(../img/icons/green-triangle.png);
}
.homequote{
	display: block;
	position: relative;
}
.quote-left{
	display: inline-block;
	float: left;
}
.quote-right{
	display: inline-block;
	float: right;
}
.quote-center{
	display: block;
	font-size: 29px;
	position: relative;
	margin: 0px auto;
	width: 963px;
}
/* Home - About */
#about .vision2030{
	float:left;
	padding-right: 30px;
}
/* SFE Figures */
.sfeFigures{

}
.sfeFigures .head{
	margin: 0px 50px;
}
.sfeFigures img{

}
.sfeFigures h3{
	display: inline-block;
	margin-left: 50px;
}
.sfeFigures hr{
	background-color: white;
}
.sfeFigures .body{
	margin: 0px 50px;
}
.sfeFigures .body .figures{
	display: inline-block;
	width: 178px;
	/* border: 1px solid #fff; */
}
.feed-container{
	border: 1px solid #ddd;
	text-align: center;
	background-color: white;
	height: 500px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.social-title{
	font-size: 18px;
	text-align: center;
	/* margin-bottom: 20px; */
	font-weight: bold;
}
.social-link{
	text-align: center;
	font-size: 12px;
	width: 100%;
	display: block;
	margin-bottom: 30px;
	color: #999;
}
@media (max-width: 1575px) { 
	.sfeFigures .body .figures{
		width: initial;
	}
}
.sfeFigures .body .figures .number{
	font-size: 42px;
	text-align: center;
}
.sfeFigures .body .figures .text{
	color: white;	
	text-align: center;
}
/*SAUDI MARKET*/
.saudiMarket{

}
.saudiMarket .sm{
	display: block;
	position: relative;
	vertical-align: top;
}
.saudiMarket .sm .title{
	display: block;
	position: relative;
	/* font-size: 0px; */
	width: 100%;
	height: 77px;
	overflow: hidden;
}
.saudiMarket .sm .title .triangle{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	line-height: 0px;
	font-size: 0px;
}
.saudiMarket .sm .title .greenBar{
	display: block;
	position: absolute;
	top: 0px;
	left: 9px;
	width: 10px;
	height: 100%;
	background-color: #71b545;
}
.saudiMarket .sm .title .blueBar{
	font-size: initial;
	display: block;
	position: absolute;
	left: 19px;
	background-color: #113a48;
	height: 100%;
	vertical-align: top;
	width: 100%;
}

.saudiMarket .sm .title .text{
	color: white;
	margin-top: 14px;
	margin-left: 14px;
}
.saudiMarket .sm .title .text h3{
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.saudiMarket .sm .title .text span{
	font-size: 16px;
}
.saudiMarket .sm > .vline{
	display: inline-block;
	width: 14px;
	height: 190px;
	background-color: #ccc;
	margin-left: 9px;
	margin-top: 20px;
	margin-bottom: 20px;
}.saudiMarket .sm > .text{
	display: inline-block;
	width: 303px;
	/* border: 1px solid; */
	font-size: 16px;
	vertical-align: inherit;
	margin-top: 20px;
}
/* LaunchPad */

.launchpad{
	display: inline-block;
	width: 264px;
	height: 100px;
	text-decoration: none;
	color:white;
	vertical-align: top;
	font-size: 0px;
	overflow: hidden;
	-webkit-box-shadow: 5px 5px 21px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 21px 0px rgba(0,0,0,0.25);
	box-shadow: 5px 5px 21px 0px rgba(0,0,0,0.25);
}
.launchpad:hover{
	color:white;
}
.launchpad .left{
	display: inline-block;
	position: relative;
	background-color: #113a48;
	width: 20px;
	height: 100px;
	vertical-align: top;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.launchpad .right{
	display: inline-block;
	position: relative;
	background-color: #71b545;
	width: calc(100% - 20px);
	/* margin-left: 20px; */
	height: 100px;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.launchpad .right .text{
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	text-align: center;
	font-size: initial;
	line-height: initial;
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.launchpad:hover .left{
	background-color: #71b545;
}
.launchpad:hover .right{
	background-color: #333;
}
.launchpad:hover .right .text{
	
}
.Lp1{
	width: 345px;
}
/*SAUDI FRANCHISE MARKET*/
.saudiFranchiseMarket{

}
.saudiFranchiseMarket .sm{
	display: block;
	position: relative;
	vertical-align: top;
	}
.saudiFranchiseMarket .sm .title{
	display: block;
	position: relative;
	width: 100%;
	height: 77px;
	vertical-align: top;
	font-size: 0px;
	overflow: hidden;
	line-height: 0px;
}
.saudiFranchiseMarket .sm .title .triangle{
	display: inline-block;
	height: 100%;
	vertical-align: top;
}
.saudiFranchiseMarket .sm .title .greenBar{
	display: inline-block;
	height: 100%;
	width: 10px;
	background-color: #71b545;
}
.saudiFranchiseMarket .sm .title .blueBar{
	display: block;
	position: absolute;
	top: 0px;
	left: 19px;
	width: 100%;
	height: 100%;
	vertical-align: top;
	background-color: #113a48;
}
.saudiFranchiseMarket .sm .title .text{
	color: white;
	margin-top: 15px;
	margin-left: 18px;
}
.saudiFranchiseMarket .sm .title .text h3{
	font-size: 20px;
	line-height: initial;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}
.saudiFranchiseMarket .sm .title .text span{
	font-size: 16px;
	line-height: initial;
}
.saudiFranchiseMarket .sm > .vline{
	display: inline-block;
	width: 14px;
	height: 100px;
	background-color: rgba(0,0,0,0.5);
	margin-left: 9px;
	margin-top: 20px;
}
.saudiFranchiseMarket .sm > .text{
	display: inline-block;
	width: 310px;
	/* border: 1px solid; */
	font-size: 16px;
	vertical-align: inherit;
	margin-left: 10px;
	margin-top: 20px;
	color: white;
}
/* Why Exhibit*/
.whyExhibit{

}
.whyExhibit .row{
	text-align: center;
}
.whyExhibit img{
	margin-bottom: 30px;
}
.whyExhibit h3{
	text-align: center;
	font-size: 22px;
	font-weight: bold;
}
.whyExhibit p{
	margin-top: 30px;
	text-align: left;
}

/* exhibitorCategory */
.exhibitorCategory{
	display: block;
	position: relative;
}
.exhibitorCategory .list{
	display: inline-block;
	position: relative;
	background-image: url(../img/icons/list.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 545px;
	margin-bottom: 10px;
}
.exhibitorCategory .list .number{
	display: inline-block;
	position: relative;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: bold;
	width: 63px;
	/* background-color: black; */
	text-align: center;
	line-height: 80px;
}
.exhibitorCategory .list .text{
	display: inline-block;
	position: relative;
	line-height: 80px;
	margin-left: 15px;
}
.exhibitorCategory .justify{
	text-align: justify;
}
/* Facts & Figures*/
.factsnfigures{
	background-color: #333;
}
.factsnfigures img{
	margin-top: 30px;
	margin-bottom: 30px;
}
.factsnfigures .button{
	display: inline-block;
	position: relative;
	margin: 0px auto;
	margin-top: 30px;
	height: 110px;
	width: 625px;
	color: white;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.factsnfigures .button .left{
	display: block;
	position: absolute;
	height: 100px;
	background-color: white;
	width: 25px;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.factsnfigures .button .right{
	display: block;
	position: absolute;
	left: 25px;
	height: 100px;
	width: 600px;
	background-color: #71b545;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 100px;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.factsnfigures .button .triangle{
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 10px;
    height: 10px;
    background-image: url(../img/icons/gray-triangle.png);
}
.factsnfigures .button:hover{

}
.factsnfigures .button:hover .right{
	background-color: #113a48;
}
.factsnfigures .title{
	font-size: 40px;
	color: white;
	font-weight: bold;
	letter-spacing: 2px;
}
.factsnfigures .feedback{
	font-size: 20px;
	color: white;
	margin-bottom: 10px;
}
.factsnfigures .percContainer{
	width: 100%;
	height: 50px;
	background-color: #eee;
}
.factsnfigures .percContainer .perc{
	height: 100%;
}
/* Testimonials*/
#test-slider .item .testimonials{
	width: 95%;
	margin: 0px auto;
	/* height: 200px; */
	/* background-color: antiquewhite; */
}
.testimonials img{
	opacity: 0;
}
#testimonials{
	/* background-color:#FFF; */
}
#test-slider .owl-height{
	height: initial !important;
}
#test-container{
	display: block;
}
#test-next{
	display:block;
	position:absolute;
	right:0px;
	top: 70px;
	cursor: pointer;
}
#test-prev{
	display:block;
	position:absolute;
	left:0px;
	top: 70px;
	cursor: pointer;
}
.test-photo{
	display: block;
	position: relative;
	border: 5px solid #113a48;
	margin: 0px auto;
	width: 140px;
	/* height: 122px; */
	overflow: visible;
}
.test-name{
	color: #113a48;
	font-size: 24px;
	padding-top: 20px;
}
.test-statement{
	display: block;
	width: 80%;
	margin: 0px auto;
}
.test-statement .test-by{
	
display: inline-block;
	
text-align: left;
	
margin-top: 30px;
	
padding-top: 10px;
	
border-top: 5px solid #ccc;
}
.test-statement .test-by .name{
	
font-size: 25px;
}
.test-statement .test-by .position{
	
}
.test-statement .test-by .company{
	
color: #999;
}
.test-quoteR{
	display: inline-block;
}
.test-quoteR img{
	width: 50px !important;
}
.test-quoteL{
	display: inline-block;
	float: right;
}
.test-quoteL img{
	width: 50px !important;
}
#test-slider .owl-dots {
    display: block;
    margin: 0px auto;
    width: initial;
    text-align: center;
}
#test-slider .owl-dot{
    display: inline-block;
    margin-right: 5px;
    height: 20px;
    width: 20px;
    background-color: #113a48;
    border-radius: 10px;
    border: 3px solid #000;
}
#test-slider .owl-dot.active {
    height: 20px;
    width: 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 3px solid #000;
}

#test2-next{
	position: absolute;
	right: 0px;
	top: 124px;
}
#test2-container{

}
#test2-slider{

}
#test2-slider .item{
	text-align: center;
}
#test2-prev{
	position: absolute;
	left: 0px;
	top: 124px;
}
.ytp-pause-overlay{
	display: none !important;
}
/* whyVisit*/
.whyVisit{
	background-image: url(../img/bg/visit.jpg);
	background-size: cover;
}
.whyVisit .title1{
	font-size: 30px;
}
.whyVisit .title2{
	display: block;	
	font-weight: bold;	
	letter-spacing: 4px;	
	padding-bottom: 60px;
}
.whyVisit img{
	margin: 30px 0px;
}
.whyVisit p{
	
}
.whyVisit .button{
	display: inline-block;
	position: relative;
	margin: 0px auto;
	margin-top: 60px;
	height: 110px;
	width: 625px;
	color: white;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.whyVisit .button .left{
	display: block;
	position: absolute;
	height: 100px;
	background-color: #71b545;
	width: 25px;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.whyVisit .button .right{
	display: block;
	position: absolute;
	left: 25px;
	height: 100px;
	width: 600px;
	background-color: #113a48;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 100px;
	-webkit-transition:all 300ms;
	transition: all 300ms;
}
.whyVisit .button .triangle{
    display: block;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 10px;
    height: 10px;
    background-image: url(../img/icons/green-triangle.png);
}
.whyVisit .button:hover .left{
	background-color: #ccc;
}
.whyVisit .button:hover .right{
	background-color: #000;
}

/* visitorProfile */
.visitorProfile{
	display: block;
	position: relative;
	background-image: url(../img/bg/visitorprofile.jpg);
	background-size: cover;
}
.visitorProfile .list{
	display: inline-block;
	position: relative;
	background-image: url(../img/icons/list.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 545px;
	margin-bottom: 10px;
}
.visitorProfile .list .number{
	display: inline-block;
	position: relative;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-size: 30px;
	font-weight: bold;
	width: 63px;
	/* background-color: black; */
	text-align: center;
	line-height: 80px;
}
.visitorProfile .list .text{
	display: inline-block;
	position: relative;
	line-height: 80px;
	margin-left: 15px;
}
.visitorProfile .justify{
	text-align: justify;
}

/* Visitor Feedback */

.visitorFeedback{

}
.visitorFeedback .figures{
	text-align: center;
}
.visitorFeedback .figures .perc{
	font-size: 60px;
	font-weight: bold;
	line-height: 60px;
}
.visitorFeedback .figures .smalltext{
	display: block;
}
.visitorFeedback .figures .left{
	display: inline-block;
	color: #71b545;
	margin-right: 60px;
}
.visitorFeedback .figures .mid{
	display: inline-block;
}
.visitorFeedback .figures .right{
	display: inline-block;
	color: #113a48;
	margin-left: 60px;
}
.visitorFeedback .starRating{
	text-align: center;
	margin-bottom: 30px;
}
.visitorFeedback .starRating .rating{

}
.visitorFeedback .starRating .perc{
	font-size: 40px;
	font-weight: 600;
}
.visitorFeedback .starRating .desc{

}
.visitorFeedback .stat{
	text-align: center;
	display: inline-block;
	background-color: #113a48;
	padding: 20px;
	height: 157px;
	overflow: hidden;
	line-height: initial;
}
.visitorFeedback .stat .desc{
	color: white;
	font-size: initial;
	letter-spacing: 15px;
	margin-left: 16px;
}
.visitorFeedback .stat .num{
 	font-size: 60px;
 	font-weight: bold;
 	font-family: 'Montserrat', sans-serif;
 	color: #71b545;
 	margin-top: 11px;
 }
.visitorFeedback .stat2{text-align: center;
	display: inline-block;
	height: 157px;
	background-color: #71b545;
	overflow: hidden;
	line-height: initial;
	font-size: initial;
}
.visitorFeedback .stat2 .desc1{
	font-weight: bold;
	margin-top: 14px;
}
.visitorFeedback .stat2 .num{
	font-size: 60px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	color: white;
	line-height: 60px;
	width: 100px;
}


/*footer*/ 

.footer{
	background-color: #113a48;
	color: white;
}
.footer a{
	color: white;
}
.footer a:hover{
	color:white;
}
.footer h3{

}
.footer img{
	margin-right: 20px;
}
.footer p{
	line-height: 35px;
}
.footer .by{
/* line-height: 20px; */
/* font-size: 12px; */
}
.footer .by img{
	margin-right: 0px;
	vertical-align: baseline;
}
/* REGISTRATION PAGE */
#registration .interest{
	display: inline-block;
	border: 1px solid #113a48;
	color: #113a48;
	width: auto;
	padding: 10px;
	cursor: pointer;
	/* font-weight: bold; */
	transition: all 300ms;
	-webkit-transition: all 300ms;
	margin-bottom: 10px;
}
#registration .interest:hover, .interest-active{
	background-color: #71b545 !important;
	color: white !important;
	border-color: rgba(0,0,0,0) !important;
}
#registration input[type=text], #registration input[type=number], select{
	padding: 5px;
	font-size: 14px;
	width: 100%;
	margin-bottom: 10px;
}
#registration .review {
	background-color: #113a48;
	/* height: 395px; */
	color: white;
	overflow: auto;
	position: relative;
	padding: 20px;
	font-family: 'Montserrat', sans-serif;
	font-size: 14px;
}
#registration .review .rev-wrap{
	text-align: right;
}
#registration .review .rev-interest{
	display: inline-block;
	text-align: right;
	background-color: #71b545;
	color: white;
	padding: 10px;
	font-size: 12px;
}
#registration .review #rev-fullname, #registration .review #rev-comp{
	color: #71b545;
	font-size: 22px;
}
#registration .review #rev-job{

}
#registration .review #rev-mob{
	margin-top: 20px;
}
#registration .review #rev-email{
	margin-bottom: 20px;
}
#registration .review #rev-web{
	
}
#registration .review #rev-compact{
	
}
#registration .review #rev-city{
	display: inline-block;
	margin-top: 20px;
}
#registration .review #rev-country{
	display: inline-block;
	margin-bottom: 20px;
}
#registration .review .disclaimer{
	margin-bottom: 20px;
}
#registration .review .disclaimer img{
	margin-right: 10px;
}
#registration #submit, #registration #completion{
	width: 100%;
	height: 50px;
	background-color: #71b545;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	transition: all 200ms;
	-webkit-transition: all 200ms;
	cursor: pointer;
}
#registration #completion{
	display: none;
	cursor: default;
}
#registration #submit:hover{
	background-color: #86c142 !important;
}
#registration .notice{
	color: maroon;
}

/* Hide Mobile*/
.header .mob-header{
	display: none;
	padding-top: 10px;
	background-color: white;
}
.header .mob-header{
	display: none;
	padding-top: 10px;
	background-color: white;
}
.header .mob-header .mobRegister{
	font-size: 13px;
	text-transform: uppercase;
	color: white;
	background-color: #71b545;
	line-height: 17px;
	padding: 7px;
	display: inline-block;
	text-align: center;
	overflow: hidden;
	float: left;
}
.header #mob-burger{
	display: inline-block;
	height: 50px;
	width: 50px;
	cursor: pointer;
	/* background-color: #ccc; */
}
.header #mob-burger .bar{
	display: block;
	height: 5px;
	width: 80%;
	background-color:#113a48;
	margin: 0px auto;
	margin-top: 7px;
}
#mob-menu{
	display: none;
	position: fixed;
	height: 100%;
	width: 250px;
	background-color: #71b545;
	right: -300px;
	top: 0px;
	z-index: 99;
	padding: 20px;
	transition: all 300ms;
	-webkit-transition: all 300ms;
}
#close-menu{
	display: inline-block;
	text-align: right;
	color: white;
	padding: 10px;
	font-size: 30px;
	font-family: 'Montserrat', sans-serif;
}
#mob-menu .mob-link{
	font-family: 'Montserrat', sans-serif;
}
#mob-menu .mob-link a{
	color: white;
	display: block;
	padding: 10px;
}
#mob-menu .mob-link a:hover{
	background-color: rgba(0,0,0,0.5);
}
#mob-menu .mobRegBtn{
	background-color: #113a48;
	margin:0px auto;
	margin-top: 20px;
	text-align: center;
}
#mob-menu .mobRegBtn a{
	
}
.ticket-mob{
	display: none;
}
div{
	/* border:1px solid red; */
}
.footer .social-media{
	font-size: 36px;
}
.footer .social-media a:hover{
	color: #71b545;
}
.sponsors{
	/*background-color: rgba(255,255,255,0.3);*/
	background-color: white;
	/* padding: 40px 0px; */
	/* line-height: 130px; */
}
.sponsors h2, .sponsors h4{
	margin-top: 30px;
}
.sponsors h6{
	/* height: 60px; */
}
.sponsors img{
	margin: 30px 0px;
	vertical-align: middle;
}
/*
.sponsors .col-md-12 img{
	max-width: 200px;
}
.sponsors .col-md-6 img{
	max-width: 180px;
}
.sponsors .col-md-4 img{
	max-width: 150px;
}
.sponsors .col-md-3 img{
	max-width: 120px;
}
*/
/* About - Venue */
.venueOpening h2{
	margin-bottom: 60px;
}
.venueOpening td{
	vertical-align: top;
	/* min-height: 20px; */
}
.venueOpening .heading{
	font-weight: bold;
	color: #113a48;
}
.venueOpening .colon{
	width: 40px;
	text-align: center;
}
.venueOpening .gap{
	height: 20px;
}

/* Speakers */
.speakers{
	text-align: justify;
}
.speakers .speaker{
	display: inline-block;
	width: 300px;
	height: 450px;
	padding: 20px;
	background-color: rgba(0,0,0,0.1);
	vertical-align: top;
	margin-bottom: 60px;
}
.speakers .name{
	margin-top: 20px;
}
.speakers .desc{	
	font-size: 12px;
	margin-top: 20px;	
	margin-bottom: 0px;
}

.workshop-speakers{

}
.workshop-speakers .speaker{
	padding: 30px;
	background-color: #ccc;
	margin-top: 30px;
}
.workshop-speakers .speaker .left{
	display: inline-block;
	float: right;
}
.workshop-speakers .speaker .left img{

}
.workshop-speakers .speaker .right{
	margin-right: 230px;
}
.workshop-speakers .speaker .right h3{
	font-family: 'Cairo', sans-serif;
}
.workshop-speakers .speaker .right p{

}
.workshop-speakers .speaker .floatFix{
	clear: both;
}
/* Contact Page */
.contact{

}
.contact tr{
}
.contact td{
	padding: 0px 20px 20px 0px;
	text-align: left;
	/* border:1px solid black; */
}
.contact .form input, .contact .form textarea{
	padding: 10px;
	border:none;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
	border: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 30px;
}
.contact .form{
	padding:50px;
	border: 1px solid rgba(0,0,0,0.1);
}
.contact .form p{
	margin-bottom: 30px;
}
.contact .form textarea{
	height: 150px;
}
.contact .form button{
	background-color: #113a48;
	color: white;
	padding: 20px;
	width: 100%;
	border: none;
}
.contact .form button:active, .contact .form button:focus{
	outline: none;
}
.contact .error, .contact .success{
	display: none;
	padding: 20px;
	width: 100%;
}
.contact .error{
	background-color: #900;
	color: white;
	margin-top: 10px;
}
.contact .success{
	background-color: #090;
	color: white;
	margin-top: 10px;
}
/*
Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap

/* Extra large devices (large desktops, 1200px and up) */
@media(max-width:1199px) { 
	.header .splash .mid .line2 {
    	font-size: 14px;
 	}
	.titles {
	    width: 300px;
	}
	.titles .blue {
	    width: 270px;
	}
	.launchpad {
	    width: 430px;
	    margin-bottom: 30px;
	}
	.Lp1{
		width: 295px;
	}
	.sfeFigures .body .figures{
		width: initial;
	}
	.sfeFigures .body .figures .number {
    	font-size: 32px;
	}
	.sfeFigures .body .figures .text {
		font-size: 14px;
	}
	.exhibitorCategory .list, .visitorProfile .list{
    	display: inline-block;
    	height: 98px;
    	width: 545px;
    	margin-bottom: 10px;
    	text-align: left;
  	}
 	.exhibitorCategory .justify, .visitorProfile .justify{
		text-align: center;
	}
	.saudiMarket .sm > .vline{
		height: 190px;
	}
	.saudiMarket .sm > .text{
		width: 240px;
		font-size: 16px;
	}
	.saudiFranchiseMarket .sm .title .text h3{
		font-size: 20px;
	}
	.saudiFranchiseMarket .sm .title .text span{
		font-size: 16px;
	}
	.saudiFranchiseMarket .sm > .vline{
		display: inline-block;
		width: 14px;
		height: 100px;
	}
	.saudiFranchiseMarket .sm > .text{
		display: inline-block;
		width: 249px;
		font-size: 16px;
	}
}
/* Large devices (desktops, 992px and up) */
@media(max-width:992px) { 
	.header .splash{
		display: none;
	}
	.topSpacer{
		height: 84px;
		background-color: white;
	}
	.header .mob-header{
		display: block;
	}
	#mob-menu{
		display: block;
		right: -300px;
	}
	.indexBanner .title{
		font-size: 40px;
	}
	.indexBanner .title > span{
		top: 59px;
		font-size: 20px;
	}
	#about .vision2030{
		display: block;
		text-align: center;
		float:none;
		padding-right: 0px;
		margin: 0px auto;
		padding-bottom: 30px;
	}
	.titles {
	    width: 100%;
	}
	.titles .blue {
	    width: 100%;
	}
	.launchpad {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.ticket{
		display: none;
	}
	.ticket-mob{
		display: block;
	}
	.sfeFigures .body .figures{
		width: 20%;
		margin-bottom: 15px;
		margin-top: 15px;
	}
	.sfeFigures .body .figures .number {
    	font-size: 30px;
 	}
	.sfeFigures .body .figures .text {
		font-size: 15px;
	}
	.sfeFigures h3 {
    	display: block;
    	text-align: center;
    	margin-left: 0px;
    	margin-top: 20px;
 	}
 	.sfeFigures .head {
 	   margin: 0px 50px;
 	   text-align: center;
	}
	.saudiMarket .sm > .vline{
		height: 77px;
	}.saudiMarket .sm > .text{
		width: 630px;
		font-size: 16px;
	}
	.saudiMap{
		width: 50% !important;
		margin: 0px auto;
	}
	.saudiFranchiseMarket .sm > .vline{
		display: inline-block;
		width: 14px;
		height: 47px;
	}
	.saudiFranchiseMarket .sm > .text{
		display: inline-block;
		width: 640px;
		font-size: 16px;
		margin-bottom: 60px;
	}
}
/* Medium devices (tablets, 768px and up) */
@media(max-width:768px) { 
	.indexBanner .title{
		font-size: 30px;
	}
	.indexBanner .title > span{
		top: 45px;
		font-size: 20px;
	}
	.indexBanner .counter {
	    display: inline-block;
	    height: 60px;
	    width: 60px;
	}
	.indexBanner .counter .number{
		font-size: 27px;
		font-weight: 600;
		line-height: 37px;
		padding-top: 0px;
	}
	.indexBanner .counter .text{
		font-size: 12px;
	}
	.factsnfigures img {
    	width: 100%;
	}
	.factsnfigures .button {
		display: none;
	}
	.visitorFeedback .figures .left, .visitorFeedback .figures .mid, .visitorFeedback .figures .right {
	    display: block;
	    margin: 0px auto;
	    margin-bottom:20px;
	}
	.visitorFeedback .pie{
		width: 150px;
	}
	.factsnfigures .title{
		font-size: 30px;
	}
	.factsnfigures .feedback{
		font-size: 16px;
	}
	.saudiMarket .sm > .vline{
		height: 100px;
	}.saudiMarket .sm > .text{
		width: 446px;
		font-size: 16px;
	}	
	.saudiFranchiseMarket .sm > .vline{
		display: none;
		width: 14px;
		height: 47px;
	}
	.saudiFranchiseMarket .sm > .text{
		display: inline-block;
		width: 100%;
		font-size: 16px;
		margin-bottom: 60px;
	}
	.whyVisit .button{
		display: block;
		position: relative;
		margin: 0px auto;
		margin-top: 60px;
		height: 110px;
		width: 100%;
		color: white;
		line-height: 0px;
		font-size: 0px;
		overflow: hidden;
		-webkit-transition:all 300ms;
		transition: all 300ms;
	}
	.whyVisit .button .left{
		display: block;
		position: absolute;
		height: 100px;
		background-color: #71b545;
		width: 25px;
		-webkit-transition:all 300ms;
		transition: all 300ms;
	}
	.whyVisit .button .right{
		display: block;
		position: relative;
		left: 25px;
		height: 100px;
		width: 100%;
		background-color: #113a48;
		font-family: 'Montserrat', sans-serif;
		font-size: 25px;
		font-weight: bold;
		line-height: 100px;
		-webkit-transition:all 300ms;
		transition: all 300ms;
	}
	.whyVisit .button .triangle{
	    display: block;
	    position: absolute;
	    left: 0px;
	    bottom: 0px;
	    width: 10px;
	    height: 10px;
	    background-image: url(../img/icons/green-triangle.png);
	}
}
/* Small devices (landscape phones, 576px and up) */
@media(max-width:576px) {
	.showMobile{
		display: initial;
	}
	.banner1{
		display: none !important;
	}
	.banner2{
		display: block !important;
	}
	.indexBanner .title{
		display: block;
		font-size: 25px;
	}
	.indexBanner .title > span{
		display: initial;
		position: initial;
		top: initial;
		font-size: 25px;
		background-color: initial;
	}
	.indexBanner #countDown {
	    margin-top: 30px;
	    color: white;
	}
	.sfeFigures .body .figures{
		width: 40%;
		margin-bottom:15px;
		margin-top:15px;
	}
	.exhibitorCategory .list, .visitorProfile .list{
    	display: inline-block;
    	height: 60px;
    	width: 100%;
    	margin-bottom: 10px;
    	text-align: left;
    	font-size: 11px;
    	background-image: url(../img/icons/list-mob.png);
    	vertical-align: top;
   }
   .exhibitorCategory .list .number, .visitorProfile .list .number {
	    font-size: 18px;
	    font-weight: bold;
	    width: 40px;
	    text-align: center;
	    line-height: 24px;
	    vertical-align: middle;
	}
	.exhibitorCategory .list .text, .visitorProfile .list .text {
	    display: inline-block;
	    position: relative;
	    line-height: 24px;
	    margin-left: 6px;
	    padding-top: 13px;
	}
	.visitorFeedback .stat {
	    padding: 10px;
	}
	.visitorFeedback .stat2 {
	    text-align: center;
	    display: inline-block;
	    height: 157px;
	    background-color: #71b545;
	    overflow: hidden;
	    line-height: initial;
	    font-size: initial;
	}
	.hidden-small{
		display: none;
	}
	.saudiMarket .sm > .vline{
		display: none;
		float: left;
		height: 100px;
	}.saudiMarket .sm > .text{
		width: 100%;
		font-size: 16px;
		padding-left: 29px;
		margin-bottom: 30px;
	}
	.whyExhibit img{
		width: 100px;
	}
	.whyExhibit p{
		margin-bottom: 60px;
	}
	.contact .form{
		padding: 50px 0px 0px 0px;
		border: none;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.workshop-speakers .speaker .left{
		display: block;
		float: none;
		text-align: center;
	}
	.workshop-speakers .speaker .right {
    	margin-right: 0px;
    	margin-top: 30px;
	}
}