header.topic-page{
    height:80px;
    min-height:80px; 
}

header.topic-page form{
    display: inline-block;
    float: left;
    width: 40%;
    max-width:400px;
    margin-top:19px;
    margin-left:10%;   
}


header.topic-page form input[type=search], header.topic-page form button{
	height:40px;   
}

header.event-paper{
	background:url(../images/event-paper-header.png) no-repeat top center;
	min-height:384px;
	background-size:cover;
}


header.event-paper h1{
	font-size:50px;
}

header.event-paper .header-heading{
	font-size:50px;
}


.secondary-nav{
	background:#02a9e8;
	min-height:60px;
	border:none;
	border-radius:0px;
	margin-bottom:0px;
	margin-top:-1px;
}

.secondary-nav .nav{
	margin-top:0px;
}

.secondary-nav .nav li{
	padding:0px;
}

.secondary-nav .nav li a{
	padding:20px 44px;
	color:#fff;
	font-size:16px;
	font-family:Roboto;
	font-weight:300;
	border-left:solid 1px #0091c7;
}


.secondary-nav .nav li:last-child a{
	border-right:solid 1px #0091c7;
}

.secondary-nav .nav li a:hover, .secondary-nav .nav li a:focus, .secondary-nav .nav li.active a , .secondary-nav .nav li.active a:hover, .secondary-nav .nav li.active a:focus {
	background:#0091c7;
	color:#fff;
}




/* Sticky menu & sidebar */

.sticky-menu nav{
	width:100%;
	z-index:48;
}

.sticky-sidebar .event-sidebar{
	width:255px;
	min-height:2200px;
	
}


.breadcrumb{
	background:none;
	margin-top:30px;
}

.breadcrumb li a{
	color:#22b3ef !important;
	font-size:14px;
	cursor:pointer !important;
}

.breadcrumb li:last-child a{
	color:#999999 !important;
}

article.event-paper{

}

.article-container{
	padding:0px 30px;
	border:solid 1px #e1e1e1;
}

article.event-paper h5{
	color:#02a9e8;
	font-size:15px;
	font-family:Hind;
	font-weight:400;
	line-height:26px;
}

.download-link{
	border-left:solid 1px #e1e1e1;
	border-right:solid 1px #e1e1e1;
	padding:13px 30px;
}

.download-link a{
	color:#e63a11;
}

.download-link img{
	margin-right:10px;
}

article.event-paper h3{
	font-size:20px;
	color:#333333;
	font-family:Hind;
	font-weight:500;
}

article.event-paper strong{
	font-size:20px;
	color:#333333;
	font-family:Hind;
	font-weight:500;
}

article.event-paper p{
	color:#798086;
	font-size:14px;
	margin-bottom:20px;
	line-height:23px;
	word-wrap: break-word;
}


.download-full{
	background:url(../images/doc-bg.png) no-repeat top center;
	height:238px;
	display:block;
	text-align:center;
	color:#fff;
	font-size:22px;
	font-weight:500;
	padding-top:35px;
	margin:30px 0px;
}

.download-full img{
	display:block;
	margin:auto;
	margin-bottom:15px;
}

.download-full a.btn{
	margin:auto;
	display:table;
	margin-top:15px;
	font-size:16px;
	font-family:Hind;
}

.related-essay{
	background:#fafafa;
	border:solid 1px #e1e1e1;
	padding:10px 30px 0px;
	margin-bottom:30px;
}

.related-essay a{
	color:#02a9e8;
	font-size:17px;
	font-weight:500;
	margin-top:15px;
	display:table;
}

.related-essay p{
	color:#798086;
	font-size:14px;
	border-bottom:solid 1px #dcdedf;
	padding-bottom:20px;
}

.related-essay p:last-child{
	border:none;
}

.related-essay ul {
	padding-left:0px;
	margin-top:7px;
}

.related-essay ul li{
	display:inline-block;
	color:#798086;
	font-size:14px;
}

.related-essay ul li:after{
	content:'.';
	margin-left:7px;
	margin-right:7px;
}

.related-essay ul li:last-child:after{
	display:none;
}

article.event-paper  p a{
	color:#29b0ea;
}

.btn-full{
	display:table;
	margin:auto;
	margin-bottom:50px;
	margin-top:30px;
}

.custom-order{
	background:#1c2026;
	display:block;
	padding:60px 50px;
	text-align:center;
	margin-top:40px;
	margin-bottom:50px;
}

.custom-order p{
	color:rgba(255,255,255,0.5);
	font-size:16px;
}

.custom-order .btn-inverse{
	font-size:16px;
	color:#29b0ea;
	border:solid 1px #29b0ea;
	border-radius:100px;
	display:table;
	margin:auto;
	font-weight:500;
	font-family:Roboto;
	padding:13px 60px;
	margin-top:25px;
	margin-bottom:15px;
	text-decoration:none;
}

.custom-order .btn-inverse:hover{
	color:#1c2026;
	background:#29b0ea;
}

.custom-order a{
	color:rgba(255,255,255,0.5);
	font-size:14px;
	text-decoration:underline;
}

.event-sidebar{
	
}

.event-sidebar .detail{
	background:#fafafa;
	border:solid 1px #e1e1e1;
	color:#798086;
	font-size:14px;
	padding:15px 20px;
	margin-bottom:15px;
}

.event-sidebar .detail.mCustomScrollbar{
	padding-right:10px;
}

.event-sidebar .btn-danger{
	margin-bottom:25px;
	padding: 12px;
    width: 100%;
	font-size:16px;
	font-weight:500;
	font-family:Roboto;
}


.detail.highlighted{
	color:#29b0ea;
	background:#f4fbfe;
	border:solid 1px #29b0ea;
	box-shadow: 0px 0px 6px 3px #f4fbfe;
}

.pin-point{
	background:url(../images/pin-point.png) no-repeat top center;
	width:29px;
	height:25px;
	color:#fff;
	font-size:12px;
	display:inline-table;
	position:relative;
	padding-left:10px;
	line-height:28px;
	margin-left:6px;
	cursor:pointer;
}


.pin-point.pin-right{
	background:url(../images/pin-point-right.png) no-repeat top center;
	padding-left:6px;
	margin-right:6px;
}

.highlight{
	color:#02a9e8;
	font-weight:500;
	text-decoration:underline;
}


.detail-modal{
	background:#fafafa;
	border:solid 1px #e1e1e1;
	color:#798086;
	font-size:14px;
	padding:15px 15px;
	margin-bottom:15px;
	border:solid 1px #29b0ea;
	box-shadow: 0px 0px 3px 1px #f4fbfe;
	position:absolute;
	width:80%;
	z-index:46;

}

.detail-modal:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    border-bottom: 10px solid #fafafa;
    position: absolute;
	top:-10px;
	left:40%;
	display:block;
	z-index:47;

}

.detail-modal:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    border-bottom: 10px solid #29b0ea;
    position: absolute;
	top:-11px;
	left:40%;
	display:block;
	z-index:46;
}

#a1-mobile{
	margin-top:-25px;
}

#a2-mobile:before, #a2-mobile:after{
	left:125px;
}

#a4-mobile:before, #a4-mobile:after{
	left:105px;
}

#a5-mobile{
	margin-top:40px;
}

#a5-mobile:before, #a5-mobile:after{
	left:10px;
}

#a6-mobile{
	margin-top:-35px;
}

#a1-mobile, #a2-mobile, #a3-mobile, #a4-mobile, #a5-mobile, #a6-mobile, #a7-mobile, #a8-mobile, #a9-mobile, #a10-mobile, #a11-mobile, #a12-mobile, #a13-mobile, #a14-mobile, #a15-mobile, #a16-mobile, #a17-mobile, #a18-mobile, #a19-mobile, #a20-mobile{
	display:none;
}


.sticky-input:before{
	width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    content: '';
    border-bottom: 10px solid #29b0ea;
    position: absolute;
	top:-10px;
	right:18px;
	display:block;
	z-index:46;

}

.sticky-input input[type=search]{
	border:none;
	background:#fff;
	height:35px;
	width:200px;
	padding:0px 10px;
	outline:none;
	float:left;
	display:inline-block;
}

.sticky-input input[type=submit]{
	width:37px;
	height:35px;
	background:url(../images/search-icon.png) no-repeat #0091c7;
	background-size:20px;
	border:none;
	outline:none;
	display:inline-block;
	background-position: 8px 8px;
    float: right;
}

.search-more{
	width:378px;
	margin:auto;
	margin-top:15px;
}

.search-more:after{
	content:'';
	display:block;
	clear:both;
}

.search-more input[type=search]{
	border:solid 1px #29b0ea;
	background:none;
	height:50px;
	width:308px;
	padding:0px 10px;
	outline:none;
	display:inline-block;
	color:#29b0ea;
	font-weight: 500;
    font-family: Roboto;
	border-radius:50px 0px 0px 50px;
	font-size:16px;
	float:left;
	border-right:none;
}

.search-more input[type=submit]{
	width:70px;
	height:50px;
	background:url(../images/search-icon.png) no-repeat #29b0ea;
	background-size:20px;
	border:none;
	outline:none;
	display:inline-block;
	background-position: center 15px;
    float: right;
	border-radius:0px 50px 50px 0px;
}

.search-more input[type=submit]:hover{
	background-color:#0091c7;
}



.search-more ::-webkit-input-placeholder {
	color:#29b0ea;
}

.search-more :-moz-placeholder { /* Firefox 18- */
	color:#29b0ea;
}

.search-more ::-moz-placeholder {  /* Firefox 19+ */
	color:#29b0ea;
}

.search-more :-ms-input-placeholder {  
	color:#29b0ea;
}



@media (min-width:1200px){
	.event-sidebar{
		width:255px;
	}

}


/*@media (min-width:992px){
	.a2-position{
		/*top:-210px !important;*-/
		top:-180px !important;
	}
	
	.a3-position{
		/*top:-360px !important;*-/
		top:-350px !important;
	}

	.a6-position{
		top:-766px !important;
	} */
	
	@media (min-width:992px){
	.a2-position{
		top:-180px !important;
	}
	
	.a3-position{
		top:-350px !important;
	}

	.a4-position{
		top:-530px !important;
	}

	.a5-position{
		top:-700px !important;
	}

	.a6-position{
		top:-880px !important;
	}

	.a7-position{
		top:-1050px !important;
	}

	.a8-position{
		top:-1230px !important;
	}

	.a9-position{
		top:-1405px !important;
	}

	.a10-position{
		top:-1580px !important;
	}


	.a11-position{
		top:-1750px !important;
	}

	.a12-position{
		top:-1930px !important;
	}

	.a13-position{
		top:-2100px !important;
	}

	.a14-position{
		top:-2280px !important;
	}

	.a15-position{
		top:-2450px !important;
	}

	.a16-position{
		top:-2630px !important;
	}

	.a17-position{
		top:-2800px !important;
	}

	.a18-position{
		top:-2980px !important;
	}

	.a19-position{
		top:-3150px !important;
	}

	.a20-position{
		top:-3330px !important;
	}
	
#a1-mobile, #a2-mobile, #a3-mobile, #a4-mobile, #a5-mobile, #a6-mobile, #a7-mobile, #a8-mobile, #a9-mobile, #a10-mobile, #a11-mobile, #a12-mobile, #a13-mobile, #a14-mobile, #a15-mobile, #a16-mobile, #a17-mobile, #a18-mobile, #a19-mobile, #a20-mobile{
	display:none !important;
}


.search-iconx img{
	width:20px;	
}

.sticky-menu .secondary-nav .nav li a{
	padding:20px 40px;
}

.secondary-nav .nav li:nth-last-child(2) a{
	border-right:solid 1px #0091c7;
}

.sticky-menu .secondary-nav .nav li:last-child {
	display:inline-block !important;
	position:absolute;
	right:-51px;
}

.sticky-menu .secondary-nav .nav li:last-child a{
	padding:19px 15px;
}

.secondary-nav .nav{
	position:relative;
}

#secondaryNavbar{
	position:relative;
}

.sticky-input{
	position:absolute;
	right:71px;
	background:#02a9e8;
	margin-top:70px;
	padding:5px;
}




.sticky-menu .sticky-input.visible-search{
	display:block !important;
}




}

@media (min-width:992px) and (max-width:1270px){
	header.topic-page form{
    	width:26%;
        margin-left:0px;   
    }
	
	.secondary-nav .nav li a{
		padding:20px 31px;
	}
	
	.sticky-sidebar .event-sidebar{
		width:205px;
		min-height:2000px;
	}

}

@media (min-width:992px) and (max-width:1199px){
	.sticky-menu .secondary-nav .nav li a {
		padding: 20px 31px;
	}

	.sticky-input{
		right:-5px;
	}

}



@media (min-width:768px) and (max-width:991px){
    .navbar-nav{
     	margin-top:-4px;   
    }
    
    header.topic-page form{
        position: absolute;
        right: 0;
        width:500px;
        margin-left: 0px;
        top: 27px;   
    }
    
    header.topic-page{
    	height:100px;   
    }
	
	.secondary-nav .nav li a{
		padding:20px 18px;
	}
	
	.sticky-sidebar .event-sidebar{
		width:100%;
		position:relative !important;
		min-height:auto;
	}
	

	

.search-iconx img{
	width:20px;	
}

.sticky-menu .secondary-nav .nav li a{
	padding:20px 14px;
}

.secondary-nav .nav li:nth-last-child(2) a{
	border-right:solid 1px #0091c7;
}

.sticky-menu .secondary-nav .nav li:last-child {
	display:inline-block !important;
	position:absolute;
	right:-51px;
}

.sticky-menu .secondary-nav .nav li:last-child a{
	padding:19px 15px;
}

.secondary-nav .nav{
	position:relative;
}

#secondaryNavbar{
	position:relative;
}

.sticky-input{
	position:absolute;
	right:12px;
	background:#02a9e8;
	margin-top:70px;
	padding:5px;
}




.sticky-menu .sticky-input.visible-search{
	display:block !important;
}

	
	
	
}



@media (max-width:767px){

     
     header.topic-page{
     	height:145px;   
     }
     
     header.topic-page form{
     	width:100%;
        margin-left:0px;   
     }
	 
	 .container.event-container{
		 padding-left:0px;
		 padding-right:0px;
	 }
	 
	 .article-container{
		 padding:0px 15px;
	 }
	 
	 .download-link{
		 padding:13px 15px;
		 font-size:12px;
	 }
	 
	 article h1{
		 font-size:23px;
		 margin-top:10px;
	 }
	 
	 .download-full{
		 font-size:16px;
	 }
	 
	 .related-essay{
		 padding:10px 15px 0px;
	 }
	 
	 .btn-full{
		padding: 13px 0px;
		width: 100%;
	 }
	 
	 article.event-paper  p a{
		 word-wrap:break-word;
	 }
	 
	 .custom-order{
		 padding:30px 15px;
	 }
	 
	 .custom-order .btn-inverse{
		 font-size:13px;
		 padding:13px 0px;
		 width:100%;
	 }
	 
	 .event-sidebar .detail{
		 padding:15px;
	 }
	 
	 .breadcrumb li a{
		 font-size:12px;
	 }
	 
	 .breadcrumb{
		 margin-top:10px;
	 }
	 
	 .secondary-nav .navbar-toggle{
		 border-color:#fff;
		 margin-top:13px;
	 }
	 
	 .secondary-nav.navbar-default .navbar-toggle .icon-bar{
		 background-color:#fff;
	 }
	 
	 header.event-paper h1{
		 font-size: 24px;
		 margin-top: -20px;
	 }
	 
	 header.event-paper{
		 min-height:140px;
		 height:140px;
	 }
	 
	 header.event-paper p{
		 margin-top:-5px;
	 }
	 
	 .secondary-nav .nav li a{
		 padding:10px 20px;
		 font-size:14px;
		 border-right:none !important;
	 }
	 
	 .secondary-nav .nav{
		 margin-right:-15px;
	 }
	 
	 .secondary-nav.navbar-default .navbar-toggle:focus, .secondary-nav.navbar-default .navbar-toggle:hover{
		 background-color:#0e4f6b;
		 border-color:#0e4f6b;
	 }
	 
	.sticky-sidebar .event-sidebar{
		width:100%;
		position:relative !important;
		min-height:auto;
	}
	
	.sticky-menu .navbar>.container .navbar-brand{
		display:block !important;
		margin-left:15px;
		margin-top:-7px;
	}
	
	.sticky-menu .sticky-input{
		display:block !important;
	}
	
	.sticky-input{
		width:241px;
		margin-top: 13px;
		margin-left: 11px;
	}
	
	.sticky-input:before, #sticky-input{
		display:none !important;
	}
	
	.sticky-input input[type=search]{
		border-radius: 5px 0px 0px 5px;
	}

	.sticky-input input[type=submit]{
		border-radius: 0px 5px 5px 0px;
		width:41px;
	}
	
	.search-more{
		width:100%;
	}

	.search-more input[type=search]{
		width:75%;
	}

	.search-more input[type=submit]{
		width:25%;
	}
}



