html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
  caption, tbody, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {text-decoration:none; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; 
-o-transition:all 0.5s ease; transition:all 0.5s ease; color:#333;}
a:focus {outline:none;}

:focus { outline: none; }
html, body {font-family: 'Lato', sans-serif; backgorund:#fff;}

#maincontainer {width:100%; float:left;}

/* ==================== INDEX PAGE ==================== */

/* HEADER */

.header {width:100%; float:left; height:100vh; display:flex; align-items:center; 
background:url("../images/main_bg.jpg") no-repeat center top; background-size:cover;}

.header .hd_bottom {width:100%; float:left;}
.header .hd_bottom .inner {width:100%; float:left;}

.header .hd_bottom .inner .content {display:block; text-align:center;}
.header .hd_bottom .inner .content h1 {display:none; color:#fff; font-size:36px; letter-spacing:0.5px; line-height:50px; padding:0 0 25px; font-weight:700;}
.header .hd_bottom .inner .content h1 b {font-family: 'Bebas Neue', cursive; font-size:70px; color:#E4CA5E;}
.header .hd_bottom .inner .content h1 small {display:block; font-family: 'Lato', sans-serif; font-size:17px; line-height:normal; letter-spacing:0.5px;}
.header .hd_bottom .inner .content span {display:inline-block; color:#fff; font-size:20px; font-weight:300; letter-spacing:0; padding:2px 0; margin:0; background:url("../images/calendar.png") no-repeat left 4px;}

.header .hd_bottom .inner .content .logo {display:block; padding:0 0 30px; text-align:center;}
.header .hd_bottom .inner .content .logo img {max-width:400px; display:inline-block;}

.header .hd_bottom .inner .content a.register {display:inline-block; background:#E4CA5E; color:#000; 
font-family: 'Bebas Neue', cursive; line-height:52px; padding:0 30px; margin:15px 0 10px; border-radius:3px; 
font-size:26px; letter-spacing:1px;}
.header .hd_bottom .inner .content a.register:hover {background:#000; color:#fff;}

.header .hd_bottom .inner .content strong {display:inline-block; background:#BE020A; font-weight:700; 
text-transform:uppercase; font-size:17px; letter-spacing:0.25px;  padding:5px 15px; color:#fff; margin:0 0 15px; line-height:28px;}

/* BODYCONTAINER START */

.bodycontainer {width:100%; float:left; padding:50px 0; background:url("../images/star_bg.jpg") repeat left top;}
.bodycontainer h2 {display:block; color:#441e59; font-size:28px; text-transform:uppercase; 
letter-spacing:0.5px; font-weight:700; padding:5px 0 20px;}

.bodycontainer.intro .left_blk .content p {text-align:center; font-size:20px; line-height:36px; letter-spacing:0; font-weight:700;}

.bodycontainer ul {display:block; padding:0 0 0 15px; list-style:square;}
.bodycontainer ul li {padding:5px 0; font-size:14px; line-height:22px; letter-spacing:0.25px;}
.bodycontainer ul li ul {list-style:circle; padding-top:10px;}
.bodycontainer ul li ul li {padding:2px 0;}
.bodycontainer ul li ul li b {font-weight:700;}

.bodycontainer .left_blk {display:block;}

.bodycontainer .left_blk .content {display:block;}
.bodycontainer .left_blk .content p {display:block; font-size:14px; line-height:22px; 
letter-spacing:0.25px; color:#111; font-weight:400; padding:0 0 15px;}
.bodycontainer .left_blk .content p b {font-weight:700; color:#2A7DBE;}

.bodycontainer .left_blk .content p.first {text-align:center; font-size:20px; line-height:36px; 
letter-spacing:0; font-weight:700; padding:0;}

.bodycontainer .left_blk .content p.nogap {padding:0;}

.bodycontainer .left_blk .content.box {border-left:5px solid #441e59; background:#f5f6f7; 
padding:25px 30px; margin:0 0 50px;}

.bodycontainer .left_blk .content a.register {display:inline-block; background:#441e59; color:#fff; 
font-family: 'Bebas Neue', cursive; line-height:52px; padding:0 30px; margin:0 0 10px; border-radius:3px; 
font-size:26px; letter-spacing:1px;}
.bodycontainer .left_blk .content a.register:hover {background:#E4CA5E; color:#000;}

.bodycontainer .left_blk .content span.date {display:inline-block; color:#333; font-size:16px; 
font-weight:300;}

.bodycontainer.value {background:#441e59;}
.bodycontainer.value h2 {text-align:center; color:#fff;}
.bodycontainer.value h2 b {color:#E4CA5E; font-family: 'Bebas Neue', cursive; font-size:48px;}
.bodycontainer.value .left_blk .content p {text-align:center; font-size:20px; line-height:32px; font-weight:700; color:#fff;}
.bodycontainer.value .left_blk .content.box {background:none; border:none; padding:0;}
.bodycontainer.value .left_blk .content.box ul {padding:0 0 25px;}
.bodycontainer.value .left_blk .content.box ul li {color:#fff; font-size:17px; font-weight:700; padding:5px 0;}
.bodycontainer.value .left_blk .content.box ul li ul li {font-weight:400; font-size:15px; padding:2px 0;}
.bodycontainer.value .left_blk .content.box ul li a {color:#E4CA5E; font-weight:900;}

/* BODYCONTAINER END */


/* ========== BOI CSS START HERE ========== */ 

.bio_blk {display:block; overflow:hidden; border-bottom:2px solid #ddd; padding:30px 0;}

.bio_blk .pic {width:250px; float:left;}
.bio_blk .pic img {width:100%; border-radius:5px;}

.bio_blk .info {display:block; padding:0 0 0 280px;}
.bio_blk .info h3 {display:block; color:#af8c34; font-size:20px; letter-spacing:0.5px; padding:0 0 10px; font-weight:700; text-transform:uppercase;}
.bio_blk .info small {display:block; color:#2c383b; font-size:15px; font-weight:700; letter-spacing: 0.25px; padding:0 0 5px; line-height:20px;}
.bio_blk .info p {display:block; font-size:16px; color:#333; line-height:24px; padding:20px 0 0;}
.bio_blk .info p a {font-weight:700; color:#441e59;}

.bio_blk:last-child {border:none;}

/* ========== BOI CSS START HERE ========== */ 



/* FOOTER START */

.footer {width:100%; float:left; background:#E4CA5E; padding:30px 0; text-align:center;} 
.footer h2 {display:block; color:#000; font-size:28px; text-transform:uppercase; 
letter-spacing:0.5px; font-weight:700; padding:5px 0 20px;}
.footer p {text-align:center; display:block; color:#000; font-weight:300; font-size:14px; letter-spacing:0.5px;}
.footer p a {color:#000; font-weight:700;}

.footer strong.name {display:block; border-bottom:1px solid rgba(0,0,0,0.2); padding:0 0 20px; margin:0 0 20px;}
.footer strong.name span {display:block; font-size:18px; font-weight:bold; padding:0 0 5px;}
.footer strong.name a {display:inline-block; color:#441e59; font-size:15px; font-weight:700;}

.footer .social_icons {display:block; text-align:center; padding:10px 0 0;}
.footer .social_icons a {display:inline-block!important; color:#E4CA5E!important; width:36px; height:36px; text-align:center; line-height:36px; font-size:20px; 
margin:0 5px; background:#000; border-radius:50%; font-weight:normal!important;}

/* FOOTER END */


.stars_container {width:100%; float:left; padding:50px 0; background:#faf9ea;}
.stars_container h2 {display:block; color:#000; font-size:28px; text-transform:uppercase; text-align:center;
letter-spacing:0.5px; font-weight:700; padding:5px 0 30px;}
.stars_container h2 b {color:#441e59; font-family: 'Bebas Neue', cursive; font-size:48px;}

.stars_container .col4 {margin:0 1%;}

.stars_container .star_blk {display:block; border-radius:5px; padding:15px; box-sizing:border-box; box-shadow: 0 1px 15px 1px rgba(52,40,104,.1);
background:#fff; position:relative; overflow:hidden; margin: 0 0 40px;}

.stars_container .star_blk .pic {display:block;}
.stars_container .star_blk .pic img {width:100%; border-radius:5px;}

.stars_container .star_blk .info {display:block; padding:10px 0 5px;}
.stars_container .star_blk .info h3 {display:block; color:#af8c34; font-size:20px; letter-spacing:0.5px; padding:0 0 5px; font-weight:700; text-transform:uppercase;}
.stars_container .star_blk .info small {display:block; color:#2c383b; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing: 0.25px; 
line-height:17px;}

.stars_container .star_blk .overlay {width:100%; height:100%; position:absolute; left:0; top:0; padding:70px 20px 0; box-sizing:border-box;
background:linear-gradient(to bottom, rgba(44, 56, 59, 0.9) 0%, rgba(175, 140, 52, 0.9) 100%); display:none;}
.stars_container .star_blk .overlay h3 {display:block; color:#fff; font-size:20px; letter-spacing:0.5px; padding:0 0 15px; font-weight:700; text-transform:uppercase;}
.stars_container .star_blk .overlay p {display:block; color:#fff; font-size:14px; letter-spacing: 0.25px; padding:0 0 30px; line-height:18px;}
.stars_container .star_blk .overlay .socail_icons {display:block;}
.stars_container .star_blk .overlay .socail_icons a {display:inline-block; color:#fff; width:50px; height:50px; text-align:center; line-height:48px;
font-size:20px; margin-right:5px; border:2px solid #ffffff; border-radius:50%;}
.stars_container .star_blk .overlay .socail_icons a:hover {background:#E4CA5E; border-color:#E4CA5E; color:#000;}

.btn_blk {display:block; text-align:center; margin:0;}
.btn_blk a {display:inline-block; background:#E4CA5E; color:#000; line-height:50px; padding:0 50px; font-size:18px; text-transform:uppercase; 
font-weight:bold; border-radius:5px; letter-spacing:0.5px;}
.btn_blk a:hover {background:#441e59; color:#fff;}

.booklet_blk {width:50px; position:fixed; right:0; top:50%; z-index:10; margin:-174px 0 0;}
.booklet_blk a {background:url(../images/booket.png) no-repeat left top; width:50px; height:378px; display:inline-block;}