/*
Theme Name: Celesq
Theme URI: http://www.celesq.com/
Author: WASP Mobile
Author URI: http://www.waspmobile.com/
Description: Feature-packed theme with a solid design and a friendly interface. Designed by <a href="http://www.waspmobile.com/">WASP Mobile</a>.
Version: 2.0
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: Celesq

Use it to make something cool, have fun, and share what you've learned with others.
*/
/* fonts
font-family: 'Montserrat', sans-serif;
*/


* { padding:0; margin:0; box-sizing:border-box; }
html, body { width:100%!important; height:100%!important; }
body {
	margin:0;
	background:#fafafa;
	font-family: 'Barlow', sans-serif;
	box-sizing:border-box;
	font-size:14px;
	color:#121212;
	font-weight:300;
	overflow-x:hidden;
}
body.members-area {
	background: #f0f0f8;
}

a {
	text-decoration:none;
	-webkit-transition: color 300ms, background-color 300ms;
	-moz-transition: color 300ms, background-color 300ms;
	-o-transition:  color 300ms, background-color 300ms;
	transition:  color 300ms, background-color 300ms;
}
a:hover {
	text-decoration:none;
}

.sticky {
	position: -webkit-sticky;
    position: sticky;
    top: 0;
}

p {
	font-weight: 400;
	font-size: 17px;
	margin:0 0 30px 0;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 300;
    color: #000;
    font-size: 16px;
}

input:focus, button:focus, select:focus, textarea:focus {
	outline: none;
}
input {
	border-radius: 10px;
}
input[type=submit] {
	border-radius: 30px;
	padding: 12px 30px 15px 30px;
	color: #fff;
    border:0px solid #f04b23;
    background:#f26400;
    box-shadow: 0px 0px 10px #ccc;
}
.form-control {
    height: auto;
    padding: 10px 12px;
    font-size: 14px;
    border-radius: 0px;
    border:1px solid #999;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


.mt-1 {
	margin-top: 10px!important;
}
.mt-2 {
	margin-top: 20px!important;
}
.mt-3 {
	height: 30px!important;
}


.button-group {
	padding: 20px 0 0 0;
}


.intro-txt {
	padding: 20px 0;
	text-align: center;
}



header {
	border-bottom: 1px solid #f2f2f2;
}


/* TOP BAR */
.topBar {
	padding:5px 0;
	background:#fff;
	border-bottom: 1px solid #f2f2f2;
}
.topBar ul {
	margin:0;
}
.topBar ul li {
	margin:0;
	display: inline-block;
}
.topBar ul li a {
	color: #91a7c0;
	padding: 5px 10px;
	display: block;
	font-size: 13px;
	border-right: 1px solid #f2f2f2;
}
.topBar ul li a:hover {
	color: #f04b23;
}
.topBar ul li.no-border a {
	border-right: 0px solid #f2f2f2;
}

/* NAVBAR */
.navbar-default {
    background-color: #fff;
    border-color: #fff;
}
@media (min-width: 768px){
	.navbar {
	    border-radius: 0px;
	}
}
.navbar {
    min-height: auto;
    margin-bottom: 0px;
    padding: 5px 0;
}

.navbar-brand {
    float: left;
    height: auto;
    padding: 0px;
    margin:0!important;
}


.navbar-nav {
    margin: 3px -15px 0 -15px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-transform:capitalize;
}
.navbar-default .navbar-nav>li:last-child>a {
    color: #fff;
    border:0px solid #f04b23;
    background:#f26400;
    border-radius: 25px;
    box-shadow: 0px 0px 10px #ccc;
}
.nav>li>a {
    padding: 12px 20px;
}
.nav>li:last-child>a {
    padding: 12px 25px;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    color: #f04b23;
    background-color: #fff;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #f04b23;
    background-color: #fff;
}

.navbar-default .navbar-nav>li.dropdown>a {
    color: #000;
    border:0px solid #f04b23;
    background:#fff;
    border-radius: 0px;
    box-shadow: none;
}


/* DROPDOWN */
.dropdown-menu {
    padding: 0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a {
    padding: 10px 20px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #555;
    background-color: #fff;
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: #f04b23;
}
.navbar-nav>li>.dropdown-menu {
    margin-top: 10px;
}
.dropdown-menu .divider {
    margin: 0;
}


.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }

li.dropdown a {
	cursor: pointer;
}


/* BTN */
.btn-orange {
	border-radius: 30px;
	padding: 12px 30px 15px 30px;
	color: #fff;
    border:0px solid #f04b23;
    background:#f26400;
    box-shadow: 0px 0px 10px #ccc;
}
.btn-green {
	border-radius: 30px;
	padding: 12px 30px 15px 30px;
	color: #fff;
    border:0px solid #5cb85c;
    background:#5cb85c;
    box-shadow: none;
}
.btn-default {
	border-radius: 30px;
	padding: 10px 25px;
}
.btn-more {
	background-image: url(/images/right-arrow.svg);
	background-repeat: no-repeat;
	background-position: right 15px center;
  	background-size: 15%;
  	padding-right: 55px;
}



/* BANNER */
.banner {
	height: auto;
	background: #566994;
	background-size: cover;
}

.bannerTxt {
	color: #fff;
	border:0px solid blue;
	padding: 20px 0;
}
.bannerTxt h3 {
	margin:0 0 10px 0;
	font-size: 16px;
	font-weight: 300;
	letter-spacing: 5px;
	text-transform: uppercase;
}
.bannerTxt h2 {
	margin:0 0 30px 0;
	font-size: 24px;
	font-weight: 500;
	line-height: 30px;
}
.bannerTxt h4 {
	margin:0 0 10px 0;
	font-size: 18px;
	font-weight: 300;
	text-transform:capitalize;
}
.bannerTxt h4 span {
	font-weight: 500;
}
.bannerTxt p {
	margin:0px 0 20px 0;
	font-size: 16px;
	font-weight: 300;
}

.banner .banPre {
	padding: 20px 0 0 0;
	border:0px solid blue;
}
.banner .banPre img {
	width: 250px;
	height: 250px;
}
.banner .banPre h3 {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
	text-align: center;
}
.banner .banPre h3 span {
	display: block;
	font-size: 20px;
	padding: 5px 0;
}


.orderBanner {
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	border-radius: 25px;
	box-shadow: 5px 5px 15px rgba(0,0,0,0.3);
}
.orderBanner span {
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	padding: 10px 15px;
	background: #f26400;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	border:none;
	float: left;
}
.orderBanner a {
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	padding: 10px 15px;
	background: #dd5c01;
	color: #fff;
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	border:none;
	float: left;
}
.orderBanner a:hover {
	background: #b14a01;
}




/* KEY POINTS */
.keyBox {
	border:0px solid blue;
	margin:60px 0;
}
.keyBox .col-xs-12 {
	padding: 0;
}
.keyPoints {
	margin:0 0 25px 0;
	text-align: center;
	padding: 20px 35px;
	background: #fff;
	border-radius: 15px;
	border:1px solid #f7f7f7;
}
.keyPoints h2 {
	color: #000;
	margin:0 0 10px 0;
	font-size: 16px;
	font-weight: 400;
}
.keyPoints h2 span {
	font-size: 40px;
	display: block;
}
.keyPoints svg {
	width: 80px;
	height: auto;
	margin-bottom: 20px;
	margin-top: 20px;
	fill: #f04b23;
	background: #fff;
	padding: 15px;
	border-radius: 50%;
}
.keyPoints.first {
	margin:30px 0 25px 0;
}
.keyPoints.blue {
	background: #eaf3fe;
}
.keyPoints.orange {
	background: #fff3ea;
}
.keyPoints.green {
	background: #eafef6;
}
.keyPoints.pink {
	background: #ffebe7;
}
.keyPoints:hover {
	background: #fff;
	box-shadow: 5px 5px 15px #f2f2f2;
}


/* WELCOME BOX */
.welcomeBox {
	border:0px solid blue;
}
.welcomeBox h1 {
	font-size: 46px;
	margin:0 0 30px 0;
	font-weight: 300;
}



/* PAGE HEAD */
.pageHead {
	border:0px solid blue;
	padding: 50px 0;
	background: url(/images/page-header-bkg.jpg) top center no-repeat;
	background-size: cover;
	text-align: center;
}
.pageHead h1 {
	margin:0 0 10px 0;
	font-size: 36px;
	color: #fff;
	text-transform:capitalize;
	text-shadow: 5px 5px 10px #4a5b82;
}


/* BREADCRUMB */
.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 0px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.breadcrumb a {
    color: #fff;
}
.breadcrumb a:hover {
    color: #f04b23;
}


/* CARD BOX */
.cardBox {
	border:1px solid #f2f2f2;
	padding: 30px 30px 20px 30px;
	background: #fff;
	box-shadow: 5px 5px 20px #ededed;
	border-radius: 15px;
}

.cardImg{
	 width:100%; height:250px;
}
.presenterImg {
	 width:100%;
}
.presenterImg img {
	 width:auto; height:150px;
}
.cardInner {
	padding: 20px;
}
.cardInner h2 {
	font-size: 22px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 10px 0;
	display: block;
	height: 50px;
}
.cardInner h2 a {
	color: #000;
}
.cardInner h3 {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 15px 0;
	display: block;
}
.cardInner p {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 15px 0;
	display: block;
	height: 65px;
}


h2.heading {
	font-size: 16px;
	margin:0 0 30px 0;
	padding-bottom: 15px;
	border-bottom: 1px solid #f04b23;
}


.searchProgBox input {
	width: 70%;
	float: left;
}
.searchProgBox button {
	float: left;
	width: 30%;
	background: #f04b23;
	color: #fff;
	padding: 10px 0 10px 0;
	border:1px solid #f04b23;
}
.searchProgBox button svg {
	fill:#fff;
	width: 25px;
	margin:0;
}

/* PROGRAM BOX */
.programBox {
	border:0px solid #f2f2f2;
	padding: 0px;
	background: #fff;
	box-shadow: 5px 5px 20px #ededed;
	margin:0 0 30px 0;
	border-radius: 10px;
	overflow: hidden;
}
.programBox:hover {
	box-shadow: 5px 5px 20px #999;
}
.programBox .progImg {
	width: 130px;
	height: auto;
	border:0px solid red;
	float: left;
	margin:0 15px 15px 0;
}
.programBox .progImg img {
	width: 130px;
	height: 90px;
	margin:0 0 10px 0;
}
.programBox .progInn {
	padding: 20px;
	background: #fff;
	/*box-shadow: 5px 5px 20px #ededed;*/
	position: relative;
}
.programBox h2 {
	font-size: 22px;
	margin:0 0 5px 0;
	font-weight: 400;
	color: #000;
	height: 50px;
	overflow:hidden;
}
.programBox h2 a {
	color: #000;
}
.programBox p {
	font-size: 12px;
	margin:0 0 20px 0;
	font-weight: 400;
	color: #666;
}
.programBox h5 {
	font-size: 12px;
	margin:0;
	font-weight: 400;
	color: #666;
	padding: 10px;
	display: inline-block;
	border:1px solid #fff;
}
.programBox span.nolink {
	font-size: 12px;
	padding: 8px 12px;
	color: #000;
	font-weight: 400;
	background: #f2f2f2;
	display: inline-block;
	margin:0 5px 5px 0;
}
.programBox span a {
	font-size: 12px;
	padding: 8px 12px;
	color: #000;
	font-weight: 400;
	background: #f2f2f2;
	display: inline-block;
	margin:0 0 5px 0;
}
.programBox span a:hover {
	color: #fff;
	background: #f04b23;
}
.programBox .progImgBox {
	color: #fff;
	border:0px solid blue;
	padding: 15px 0;
}
.programBox .progImgBox ul {
	margin:0;
}
.programBox .progImgBox ul li {
	margin:0;
	padding: 0 10px 0 0;
	list-style: none;
	display: inline-block;
	width: 33.33%;
}
.programBox .progFoot {
	padding: 10px;
	background:#566994;
}
.programBox .progFoot h2 {
	font-size: 22px;
	margin:0;
	font-weight: 400;
	color: #fff;
	padding: 10px;
	display: inline-block;
	height: auto;
}
.programBox .progFoot .btn-orange {
	box-shadow: none;
	margin:0;
}


/* PAGINATION BOX */
.paginationBox {
	padding: 50px 0;
	text-align: center;
	border:0px solid blue;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    background-color: #f04b23;
    border-color: #f04b23;
}

.simple-pagination ul {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
  text-align: center;
}
.simple-pagination li {
  display: inline-block;
  margin-right: 5px;
}
.simple-pagination li a,
.simple-pagination li span {
  color: #666;
  font-weight: bold;
  padding: 8px 20px;
  text-decoration: none;
  border: 1px solid #EEE;
  background-color: #FFF;
  box-shadow: 0px 0px 10px 0px #EEE;
  border-radius: 3px;
  display: block;
}

.simple-pagination .current {
  color: #FFF;
  background-color: #FF7182;
  border-color: #FF7182;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
  background: #e04e60;
}



/* PRESENTER BOX */
.presenterBox {
	border:0px solid blue;
	border-radius: 15px;
	overflow:hidden;
	cursor: pointer;
	margin: 0 0 30px 0;
	transition: background-color 300s ease;
}
.presenterBox .presenterDet {
	background: #f1f6fb;
	padding: 20px;
	text-align: center;
	transition: background-color 0.5s ease;
}
.presenterBox .presenterDet h2 {
	font-size: 16px;
	margin:0 0 10px 0;
}
.presenterBox .presenterDet p {
	font-size: 11px;
	margin:0;
}
.presenterBox:hover {
	box-shadow: 5px 5px 15px #ccc;
}
.presenterBox:hover .presenterDet {
	background: #f26400;
}
.presenterBox a h2, .presenterBox a p {
	color: #000;
}
.presenterBox:hover a h2, .presenterBox:hover a p {
	color: #fff;
}

/* LOGIN BOX */
.loginBox {
	border-radius: 15px;
	max-width: 500px;
	margin:0 auto;
	padding: 40px;
	background: #fff;
	box-shadow: 5px 5px 20px #ededed;
}
.loginBox:hover {
	box-shadow: 5px 5px 30px #ccc;
}
.loginBox h2 {
	font-size: 24px;
	margin:0 0 35px 0;
	font-weight: 400;
	color: #000;
}
.loginBox label {
	display: block;
	margin:0 0 30px 0;
}
.loginBox input[type=text], .loginBox input[type=password] {
	width: 100%;
	border:1px solid #ededed;
	border-width: 0 0 1px 0;
	margin:0 0 20px 0;
	padding: 14px;
	font-size: 18px;
	-webkit-transition: 0.5s;
  transition: 0.5s;
}
.loginBox input[type=text]:focus, .loginBox input[type=password]:focus {
	border-color: red;
	border-width: 0 0 1px 0;
	outline: none;
}
.loginBox input[type=text].username {
	background: url(/images/user.svg) 12px center;
  	background-size: 5%;
  	background-repeat: no-repeat;
  	padding-left: 50px;
}
.loginBox input[type=password].password {
	background: url(/images/password.svg) 12px center;
  	background-size: 5%;
  	background-repeat: no-repeat;
  	padding-left: 50px;
}
.loginBox input[type=password].email {
	background: url(/images/email.svg) 12px center;
  	background-size: 5%;
  	background-repeat: no-repeat;
  	padding-left: 50px;
}

/*
.loginBox input[type=password].password {
	background: url(/images/password.svg) 12px center;
  	background-size: 5%;
  	background-repeat: no-repeat;
  	padding-left: 50px;
}
*/

.loginBox input[type=submit] {
	width: auto;
	color: #fff;
	font-weight: 400;
	border:0px solid #ededed;
	margin:0 0 20px 0;
	padding: 12px 25px;
	font-size: 16px;
	background: #f26400;
}
.loginBox input[type=submit]:hover {
	color: #fff;
	background: #566994;
}
.loginBox input[type=submit].grey {
	width: auto;
	color: #666;
	font-weight: 400;
	border:0px solid #ededed;
	margin:0 0 20px 0;
	padding: 12px 25px;
	font-size: 16px;
	background: #ededed;
}
.loginBox input[type=submit].grey:hover {
	background: #ddd;
}
.loginBox a {
	display: block;
	border:0px solid blue;
	margin:20px 0 0 0;
	text-align: right;
	font-size: 16px;
	font-weight: 400;
	color: #f26400;
}




/* BTN BOX */
.btnBox {
	padding: 40px 0;
	text-align: center;
	border: 0px solid blue;
}



/* NEWSLETTER BOX */
.newsletterBox {
	border-radius: 10px;
	padding: 25px;
	background: #f26400;
	margin:-80px 0 50px 0;
}
.newsletterBox svg {
	float: left;
	fill: #fff;
	width: 80px;
	margin: 0 30px 0 0;
}
.newsletterBox h2 {
	font-weight: 400;
	font-size: 30px;
	color: #fff;
	margin: 10px 0 5px 0;
	display: block;
	text-transform: capitalize;
}
.newsletterBox p {
	font-size: 16px;
	color: rgba(255,255,255,0.7);
	margin: 0px;
	display: block;
}
.newsletterBox .newsletterForm {
	padding: 13px 20px;
	background: #fff;
	border-radius: 45px;
}
.newsletterBox .newsletterForm  input {
	width: 65%;
	font-size: 18px;
	border:1px solid #fff;
	padding: 10px 15px;
	background: transparent;
	float: left;
}
.newsletterBox .newsletterForm input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #8799c4;
  opacity: 1; /* Firefox */
}
.newsletterBox .newsletterForm input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #8799c4;
}
.newsletterBox .newsletterForm input::-ms-input-placeholder { /* Microsoft Edge */
  color: #8799c4;
}
.newsletterBox .newsletterForm button {
	float: left;
	width: 35%;
	font-size: 18px;
	font-weight: 400;
	background: #f04b23;
	color: #fff;
	border:0px solid #566994;
	padding: 12px 25px;
	border-radius: 25px;
}

/* BOXES */
.whiteBox {
	padding: 50px 0;
	background: #fff;
}
.greyBox {
	padding: 50px 0;
	background: #fafafa;
}
.adminBox {
	background: #f0f0f8;
	padding: 50px 0;
}



/* SECTION HEAD */
.sectionhead {
	border: 0px solid blue;
	margin:0 0 30px 0;
}
.sectionhead h2 {
	font-size: 32px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin:0px 0 10px 0;
	display: block;
}
.sectionhead h2 span {
	font-size: 16px;
	color: #f04b23;
	font-weight: 300;
	text-transform:uppercase;
	margin: 0 0 10px 0;
	display: block;
}
.sectionhead p {
	font-size: 17px;
	line-height: 23px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin:0px 0 10px 0;
	display: block;
}



/* SECTION HEAD */
.pagehead {
	border: 0px solid blue;
	margin:0 0 20px 0;
}
.pagehead h2 {
	font-size: 32px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin:0px 0 0px 0;
	display: block;
}
.pagehead h2 span {
	font-size: 16px;
	color: #f04b23;
	font-weight: 300;
	text-transform:uppercase;
	margin: 0 0 10px 0;
	display: block;
}



/* TESTIMONIALS BOX */
.testiBox {
	border: 1px solid #ededed;
	border-radius:15px;
	overflow: hidden;
	padding: 25px;
}
.testiBox:hover {
	box-shadow: 4px 4px 10px #f2f2f2;
}
.testiBox img {
	width: 50px!important;
	height: 50px;
	margin: 0 0 10px 0;
}
.testiBox h2 {
	font-size: 18px;
	color: #000);
	font-weight: 400;
	text-transform:capitalize;
	margin:0 0 20px 0;
	display: block;
}
.testiBox p {
	color: #999;
	font-weight: 400;
	text-align: left;
	margin: 0 0 30px 0;
}
.testiBox h3 {
	font-size: 14px;
	color: #000;
	font-weight: 600;
	text-align: left;
	margin: 0 0 5px 0;
}
.testiBox h4 {
	font-size: 14px;
	color: #999;
	text-align: left;
	margin: 0 0 5px 0;
}
/* STARS */
.stars {
	display: block;
	padding:5px 0 10px 0;
}
.stars i {
	color: #ffba44;
}


/* CARD BOX */
.card {
	background: #fff;
	border:0px solid blue;
	box-shadow: 5px 5px 15px #ededed;
	border-radius: 20px;
	overflow:hidden;
	margin: 0 0 30px 0;
}
.cardInner {
	padding: 20px;
}
.cardInner h2 {
	font-size: 22px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 20px 0;
	display: block;
}
.cardInner h2 a {
	color: #000;
}
.cardInner h3 {
	font-size: 16px;
	color: #000;
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 15px 0;
	display: block;
}
.cardInner p {
	font-size: 14px;
	color: #999;
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 15px 0;
	display: block;
}


/* PRESENTERS DETAILS */
.presenterPicDetail {
	border:1px solid #f2f2f2;
}
.presenterPicDetail img {
	margin:20px auto;
}
.emailInfo {
  background: #566994;
  border:0px solid blue;
}
.emailInfo h2 {
  font-size: 16px;
  color: #fff;
  padding: 20px;
  margin:0;
  display: block;
  float: left;
  width: 80%;
  height: 60px;
}
.emailInfo a {
  font-size: 16px;
  color: #fff;
  padding: 15px;
  margin:0;
  display: block;
  float: left;
  width: 20%;
  background: #4a5b82;
  height: 60px;
  text-align: center;
}
.emailInfo a svg {
  fill:#fff;
}


/* SIDEBAR */
.sidebarNav {
	background: #f9f9f9;
	border-radius: 15px;
}
.sidebarNav ul {
	margin: 0 0 30px 0;
	border:0px solid red;
	padding: 15px 25px;
}
.sidebarNav li {
	margin: 0;
	list-style: none;
}
.sidebarNav li a {
	font-size: 16px;
	color: #121212;
	padding: 15px;
	display: block;
	border-radius: 10px;
	margin-bottom: 10px;
}
.sidebarNav li a:hover {
	color: #fff;
	background: #f26400;
	box-shadow: 5px 5px 15px #ccc;
}
.sidebarNav li.active a {
	color: #fff;
	background: #f26400;
	box-shadow: 5px 5px 15px #ccc;
}


/* Members Program Box */
.membersProgramBox {
	border:1px solid #ccc;
	margin:25px 0;
	border-radius: 5px;
	overflow: hidden;
	display: flex;
	box-shadow: 5px 5px 5px #f2f2f2;
}
.membersProgramBox h3 {
	color: #999;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	margin:0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.membersProgramBox h4 {
	color: #fff;
	font-weight: 400;
	font-size: 22px;
	margin:0 0 15px 0;
}
.membersProgramBox h4 svg {
	fill: #fff;
	width: 24px;
	height: 24px;
}

.membersProgramBox .left {
	border:0px solid blue;
	float: left;
	width: 50%;
	padding: 15px;
	background: #fff;
}
.membersProgramBox .left h2 {
	font-size: 22px;
	margin:0 0 10px 0;
}
.membersProgramBox .left p {
	font-size: 14px;
	margin:0 0 20px 0;
}
.membersProgramBox span.nolink {
	font-size: 12px;
	padding: 8px 12px;
	color: #000;
	font-weight: 400;
	background: #f2f2f2;
	display: inline-block;
	margin:0 5px 5px 0;
}
.membersProgramBox .left ul {
	margin: 0 0 20px 0;
}
.membersProgramBox .left ul li {
	margin: 0;
	list-style: none;
	display: inline-block;
	font-size: 12px;
	padding: 8px 12px;
	color: #000;
	font-weight: 400;
	background: #f2f2f2;
	display: inline-block;
	margin:0 5px 5px 0;
}
.membersProgramBox .left ul li a {
	margin: 0 5px 0 0;
	border-radius: 5px;
	list-style: none;
	padding: 5px 10px;
	background: #f2f2f2;
	color: #000;
	display: block;
}
.membersProgramBox .left ul li a:hover {
	background: #f26400;
	color: #fff;
}
.membersProgramBox .middle {
	border:0px solid blue;
	float: left;
	width: 25%;
	padding: 15px;
	background: #f9f9f9;
}
.membersProgramBox .right {
	border:0px solid blue;
	float: left;
	width: 25%;
	padding: 15px;
	background: #566994;
}

.presenterBoxMembers {
	border:0px solid blue;
	text-align: center;
}
.presenterBoxMembers img {
	margin-bottom: 10px;
	width: 100%;
	height: 100px;
}
.presenterBoxMembers h2 {
	font-size: 10px;
	color: #f26400;
	margin: 0 0 5px 0;
	display: block;
}
.presenterBoxMembers p {
	font-size: 10px;
	color: #999;
	margin: 0 0 5px 0;
	display: block;
}

/* LISTEN BOX */
.listenBox {
  background: #f26400;
  border:0px solid blue;
  margin: 0 0 10px 0;
}
.listenBox h2 {
	font-size: 16px;
	color: #fff;
	padding: 10px;
	margin:0;
	display: block;
	float: left;
	width: 70%;
	height: 40px;
}
.listenBox a {
	font-size: 16px;
	color: #fff;
	padding: 9px;
	margin:0;
	display: block;
	float: left;
	width: 30%;
	background: #fff;
	height: 40px;
	text-align: center;
}
.listenBox a svg {
	fill:#f26400;
	height: 22px;
	width: 22px;
}




/* PROGRAM DETAILS */
.status {
	margin: 0 0 10px 0;
    color: #fff;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 500;
    display: block;
    border: 0px solid blue;
    position: relative;
}
.status.pending span {
	padding: 6px 12px;
	background: #2196F3;
	display: inline-block;
	border-radius: 4px;
}
.status.deleted span {
	padding: 6px 12px;
	background: #f44336;
	display: inline-block;
	border-radius: 4px;
}
.status.completed span {
	padding: 6px 12px;
	background: #4CAF50;
	display: inline-block;
	border-radius: 4px;
}


.statusFloat {
	margin: 0 0 10px 0;
    color: #fff;
    letter-spacing: 1px;
    font-size: 11px;
    font-weight: 500;
    display: block;
    border: 0px solid blue;
    position: relative;
}
.statusFloat.pending span {
	padding: 6px 12px;
	background: #2196F3;
	display: inline-block;
	border-radius: 4px;
}
.statusFloat.deleted span {
	padding: 6px 12px;
	background: #f44336;
	display: inline-block;
	border-radius: 4px;
}
.statusFloat.completed span {
	padding: 6px 12px;
	background: #4CAF50;
	display: inline-block;
	border-radius: 4px;
}


.flatpickr-calendar.open {
    z-index: 9999;
}


/* ENTRY BOX */
.entryBox {
	border:0px solid blue;
}
.entryBox .img-responsive {
	margin-bottom:20px;
}
.entryBox h2 {
	margin: 0 0 20px 0;
}
.dateBox {
	border:0px solid blue;
	margin:0 0 20px 0;
}


/* WEBCASTS */
h2.headingSidebar {
	font-size: 16px;
	margin:0 0 20px 0;
	border-bottom: 1px solid #f2f2f2;
	padding-bottom: 10px;
}
.webcastsBox {
	margin:0 0 15px 0;
	padding: 15px;
	border:1px solid #f2f2f2;
}
.webcastsBox h2 {
	font-size: 18px;
	margin:0 0 10px 0;
}
.webcastsBox p {
	font-size: 12px;
	margin:0 0 0px 0;
}


/* OWL CAROUSEL */
.owl-carousel .owl-item img {
	width: 225px;
	height: 225px;
}

.owl-carousel {
  position: relative;
}
.owl-nav {
  border:0px solid yellow;
  position: absolute;
  top: 40%;
  width: 100%;
}
.owl-nav .owl-prev {
	color: #fff!important;
	font-size: 46px!important;
	line-height: 46px!important;
	margin-left: -30px!important;
}
.owl-nav .owl-next {
	color: #fff!important;
	font-size: 46px!important;
	line-height: 46px!important;
	right: 0!important;
	position: absolute;
	margin-right: -30px!important;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}
.owl-dots {
	width: 100%;
	text-align: center;
	margin:0 0 10px 0;
}
.owl-carousel button.owl-dot {
	padding: 6px!important;
	border-radius: 50%;
	background: #fff;
	margin: 0 4px;
	opacity: 0.2;
}
.owl-carousel button.owl-dot.active {
	opacity: 0.6;
}



/* FOOTER */
footer {
	background: #566994;
	padding: 30px 0;
}
footer h2 {
	font-size: 22px;
	color: rgba(255,255,255,0.4);
	font-weight: 400;
	text-transform:capitalize;
	margin: 0 0 20px 0;
	display: block;
}
footer p {
	font-size: 15px;
	line-height: 25px;
	font-weight: 300;
	color: rgba(255,255,255,0.8);
	margin: 0;
}
footer ul {
	margin: 0 0 30px 0;
}
footer li {
	margin: 0;
	list-style: none;
}
footer li a {
	font-size: 16px;
	color: rgba(255,255,255,1);
	padding: 7px 0;
	display: block;
}
footer li a:hover {
	color: #f04b23;
}


footer .copyright {
	padding: 20px 0;
	border-top: 1px solid #67789f;
	text-align: center;
	color: rgba(255,255,255,0.3);
}
footer .copyright p {
	color: rgba(255,255,255,0.3);
	margin:0;
}




/* AFFIRMATION COMPLETED */
.thank-you {
  position: relative;
  z-index: 1;
}

.thank-you__icon {
  width: 80px;
  height: 80px;
  fill: #84c469;
}

.thank-you__icon-group {
  transform-origin: 50% 50%;
  animation: thank-you-icon .5s var(--ease-out);

  > *:last-child {
    transform-origin: 50% 50%;
    stroke-dashoffset: 55;
    stroke-dasharray: 55;
    animation: thank-you-icon-check .5s var(--ease-out) forwards;
  }
}

@keyframes thank-you-icon {
  from {
    transform: scale(0.5);
    opacity: 0;
  }
  to {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes thank-you-icon-check {
  from {
    stroke-dashoffset: 55;
  }
  to {
    stroke-dashoffset: 0;
  }
}



@media (min-width: 768px) {
	.modal-dialog {
	    margin: 120px auto;
	}
}
h5.modal-title {
	float: left;
}
.modal-header .close {
    margin-top: -10px;
}
.close {
    font-size: 30px;
}

/* RESPONSIVE STYLES */
@media only screen and (max-width: 800px) {

p {
    font-size: 13px;
    margin: 0 0 10px 0;
    text-align: justify;
}

input[type=submit] {
	font-size: 14px;
    border-radius: 30px;
    padding: 10px 20px 10px 20px;
}


.btn-orange {
    border-radius: 30px;
    padding: 10px 20px 10px 20px;
}
.btn-more {
    padding-right: 45px;
}
.btn-default {
    border-radius: 20px;
    padding: 6px 15px;
}

.topBar { display: none; }

.whiteBox, .greyBox {
    padding: 25px 0;
}


/* BANNER */
.bannerTxt h2 {
    margin: 0 0 10px 0;
    font-size: 24px;
}
.bannerTxt p {
    margin: 0px 0 10px 0;
    font-size: 13px;
}
.orderBanner span {
    padding: 15px 20px;
    font-size: 12px;
}
.orderBanner a {
    padding: 15px 20px;
    font-size: 12px;
}
.bannerTxt {
    padding: 30px 0;
}
.banner .banPre {
    display: none;
}
.welcomeBox h1 {
    font-size: 26px;
    margin: 0 0 10px 0;
}
.sectionhead h2 {
    font-size: 26px;
}
.cardInner h2 {
    font-size: 20px;
    margin: 0 0 10px 0;
}
.card {
    margin:0 0 10px 0;
}
.sectionhead .text-right { display: none; }
.testiBox {
    padding: 15px;
}

/* CARD BOX */
.cardBox {
    padding: 20px 20px 20px 20px;
}


/* NEWSLETTER */
.newsletterBox svg {
    width: 50px;
    margin: 0 10px 0 0;
}
.newsletterBox h2 {
    font-size: 20px;
}
.newsletterBox {
    border-radius: 10px;
    padding: 15px;
    margin: 0;
}
.newsletterBox p {
    font-size: 14px;
    clear: both;
    margin:0 0 20px 0;
}
.newsletterBox .newsletterForm {
    padding: 5px;
    border-radius: 5px;
}
.newsletterBox .newsletterForm input {
    width: 65%;
    font-size: 13px;
    padding: 10px;
}
.newsletterBox .newsletterForm button {
    width: 35%;
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
}

/* LOGIN BOX */
.loginBox {
    border-radius: 15px;
    width: 95%;
    margin: 0 auto;
    padding: 15px;
}
.loginBox h2 {
    font-size: 18px;
    margin: 0 0 15px 0;
}
.loginBox input[type=submit] {
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.loginBox input[type=submit].grey {
    width: 100%;
    text-align: center;
    font-size: 14px;
}
.loginBox a {
    margin: 20px 0;
    text-align: center;
    font-size: 14px;
}
.loginBox input[type=text], .loginBox input[type=password] {
    font-size: 14px;
}
.loginBox input[type=text].username {
  	padding-left: 40px;
}
.loginBox input[type=password].password {
  	padding-left: 40px;
}
.loginBox input[type=password].email {
  	padding-left: 40px;
}


/* NAVBAR */
.navbar-default .navbar-nav>li:last-child>a {
    color: #000;
    background: #fff;
    border-radius: 0;
    box-shadow: none;
}
.nav>li:last-child>a {
    padding: 12px 20px;
}


/* ADMIN */
.adminBox {
    padding: 25px 0;
}
.sidebarNav {
	display: none;
    border-radius: 5px;
}
.sidebarNav ul {
    margin: 0 0 10px 0;
    padding: 15px 10px;
}
.sidebarNav li a {
    font-size: 14px;
    padding: 10px;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}


/* MEMBERS PROGRAM BOX */
.membersProgramBox {
    overflow: hidden;
    display: block;
}
.membersProgramBox .left, .membersProgramBox .middle, .membersProgramBox .right {
    float: none;
    width: 100%;
}




/* FOOTER */
footer {
    padding: 25px 0;
    margin-top: 0px;
}
footer h2 {
    margin: 20px 0;
}

.presenterBox .presenterDet p {
	text-align: center;
}
.presenterBox .presenterDet h2 {
    font-size: 20px;
}
.sticky {
    position: relative;
}
.sectionhead {
    margin: 0 0 10px 0;
}
.emailInfo {
    margin: 0 0 20px 0;
}


}

/*---court room---*/
.ptb-15{
    padding: 15px 0px!important;
}
.pr-20{
    padding-right: 20px;
}
/* .p-0{
    padding: 10px!important;
}
.m-0{
    margin: 10px!important;
} */
.court-room {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.court-room div.court-left {
    width: 30%;
    text-align: center;
}

.court-room div.court-left img {
    max-width: 100%;
}

.court-room div.court-right {
    width: 70%;
}

.court-room div.court-right h2 {
    font-size: 36px;
    margin: 0 0 30px 0;
    font-weight: 300;
}

@media screen and (max-width: 480px) {
    .court-room {
        flex-direction: column;
    }

    .court-room div.court-left,
    .court-room div.court-right {
        width: 100%;
    }

    .court-room div.court-right h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .court-room div.court-left img {
        max-width: 80%;
    }
}