/**!
 * Description: Page Specific CSS File
 * Page ID: 420
 * Page URL: Rebacca Walser
 * Date: 31th May, 2018
 */

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,700,800,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,400i,700');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,400i');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
@font-face{
	font-family: 'LucidaGrande';
	src: url('../fonts/LucidaGrande.ttf');
}
@font-face{
	font-family: 'LucidaGrandeBold';
	src: url('../fonts/LucidaGrandeBold.ttf');
}
@font-face{
	font-family: 'Helvetica-Normal';
	src: url('../fonts/Helvetica-Normal.ttf');
}

p{
	font-family: 'Helvetica Light';
}
.font-hn{
	font-family: 'Helvetica-Normal';
}
.font-lcg{
	font-family: 'LucidaGrande';
}
.font-osl{
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
}
.font-osr{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
}
.font-rb{
	font-family: 'Roboto', sans-serif;
	font-weight: 700
}
.font-montlight{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
}
.font-montbold{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.font-hb{
	font-family: 'Helvetica-Bold';
}
.font-hl{
	font-family: 'Helvetica Light';
}

#primary-menu-content>li>a{padding:0;}
#primary-menu-content>li+li{margin-left:0;}
#primary-menu-content>li{padding:5px 20px;}
#primary-menu-content>li:hover{background: #fff;}
.rebecca-title{
	letter-spacing: 6px;
}
.social-menu-wrap{
    text-align: right;
}
.social-menu-wrap a > i {
    font-size: 20px;
    color: #fff;
    height: 30px;
   	width: 30px;
    text-align: center;
}
#primary-menu-content>li:hover a {
    color: #013048 !important;
}
.banner-sub-title {
    max-width: 950px;
    display: table;
    margin: auto;
}
#resource-sec{
	min-height: 750px;
}
.schedule-banner-txt{
	margin-bottom: 25px
}
.schedule-banner-txt p{
	font-family: 'Roboto', sans-serif;
	font-weight: 700
}
.btn-schedule a{
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	max-width: 300px;
    width: 100%;
    box-shadow: none;
    color: #020303 !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-size: 0.9rem !important;
    padding: 12px 0 11px !important;
}
.btn-schedule a:hover{
	background-color: #000 !important;
	color: #fff !important;
	border: 0 !important;
}
.banner-text-img{
    color: #404040;
}
.mobile-logo{ display: none; }

/* === Speaking Topic sec ====== */
.banenr-text-img{
	/* background-position: top !important  */
}
.spk-block{
	display: flex;
	background: #d7d7d7;
    padding: 16px;
}
span.number-ttl {
    padding-right: 30px;
    margin-right: 15px;
    margin-bottom: 0;
    color: #404040;
    font-family: 'LucidaGrandeBold';
    position: relative;
    font-size: 1.2rem;
    letter-spacing: 1px;

}
span.number-ttl:after{
	content: "";
	height: 4px;
    width: 54px;
    background-color: #fff;
    position: absolute;
    top: 30px;
    left: 0;

}
span.spk-ttl {
    color: #013048;
    font-family: 'LucidaGrande';
    font-size: 1.3rem;
    line-height: 1.2;
}
.img-speaker-mob{
	display: none
}
.desk-none{
	display: none;
}

/* === Speaking Topic sec ====== */

.princ-text h4{
	color: #000000;
	margin-top: 15px;
	font-size: 1.4rem;
}
.gray-text{
	color: #c8c9c7
}
.desk-book-image{
	position: absolute;
    z-index: 99;
}
.mobile-book-image{
	display: none

}


@media screen and ( max-width: 1253px) {
	#resource-sec{
		background-position: 75% 50% !important;
	    padding-top: 320px !important;
    	padding-bottom: 250px !important;
    	min-height: 530px;

	}
}
@media screen and (max-width: 1200px) and (min-width: 991px){
	span.spk-ttl {
	    font-size: 1rem;
	}
}
@media screen and ( max-width: 1024px) {
	#resource-sec{
		background-position: center 50%;
		padding-top: 210px !important;
    	padding-bottom: 204px !important;

	}
}
@media screen and (max-width: 991px){
	.desktop-menu {
	    display: none;
	}
	.social-menu-wrap {
	    text-align: center;
	}
	
	.img-speaker-mob{
		display: block
	}
	#banenr-text-img{
		background-image: none !important;
	}
	.banner-text-img{ padding-right: 10px !important }
	.full-in-mobile{width:100%;}
}
@media screen and (max-width: 991px) and (min-width: 768px){
	#resource-sec {
	    background-position: right !important;
	    padding-top: 100px !important;
	    padding-bottom: 184px !important;
	    min-height: 450px !important;
	}
	.spk-block {
	    display: block;
	    background: #d7d7d7;
	    padding: 16px;
	}
	span.spk-ttl {
	    font-size: 1rem;
	    line-height: 1.2;
	    margin-top: 14px;
	    display: block;
	}
}
@media screen and (max-width: 767px){
	#resource-sec{
		background-image: none !important;
	}
	.mobile-logo{ display: block; margin-top: 20px; }
	#resource-sec {
	    background-position: right !important;
	    padding-top: 60px !important;
	    padding-bottom: 54px !important;
	        min-height: 370px;
	}
	.mob-none{
		display: none !important
	}
	.mob-block{
		display: block !important;
	}
	.desk-book-image{
		position: absolute;
	    z-index: 99;
	    display: none
	    
	}
	.mobile-book-image{
		display: block

	}
}