/* <--------------------- Guides --------------------->
COLOR
Red : #d22525;
Light Gray: #d6d6d6;
Dark Gray : #555555;
<---------------------  ---------------------> */
*{
	font-family: "Century Gothic",CenturyGothic,AppleGothic,sans-serif;
	
}
html, body{
	touch-action: auto;
}
body{
	font-size: 0.9em;
}
header{
	background: #ffffff;
	width: auto;
	z-index: 999;
}
.wrapper{
	max-width: 960px;
	margin: auto;
	margin-top: 20px;
	overflow: hidden;
	min-width: 280px;
	clear: both;
	position: relative;
}
/* .wrapper p{
	color: #d22525;	
} */
hr{
	border: 0;
	border-top: 1px solid #c93535;
	margin: 15px 0;
}
a{
	text-decoration:none;
	color:#000;
}

.main-body{
	display: none;
}
.loading-animation{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-image: url(../images/loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	z-index: 99999;
	/* display: none; */
}

/* <--------------------- Global Elements ---------------------> */
.book-and-pay{
	position: absolute;
	z-index: 1;
}

.book-and-pay-btn, .book-and-checkout{
	z-index: 1;
	background: #ff0000;
	box-shadow: 1px 1px 2px #7f7f7f;
	border: 1px double #c93535;
	padding: 5px;
	color: #ffffff;
	position:relative;
	border-radius: 8px;
}

.book-and-checkout{
	padding: 10px;
	width: 150px;
}

.wl-bookall-btn{
	z-index: 1;
	background: #d22d25;
	box-shadow: 1px 1px 2px #7f7f7f;
	border: 1px double #c93535;
	border-radius: 5px;
	padding: 6px 12px;
	color: #ffffff;
	font-size: 1.1em;
	position:relative;
}

.wl-bookall-btn:hover{
	background: #b41811;
}

.book-and-pay-btn:hover, .book-and-checkout:hover{
	/* background: #d90e0e !important; */
	background: #000 !important;
	border-color: #000;
}

.add-to-cart-btn{
	position: relative;
	background: #333;
	border: 1px double #333;
	color: #fff;
	padding: 5px;
}
.add-to-cart-btn:hover{
	background: #fff !important;
	color: #333;
}
.add-to-cart-btn .icon-cart{
	color: #fff !important;
}
.add-to-cart-btn:hover .icon-cart{
	color: #333 !important;
}
.icon-bookmark{
	margin-right: 5px;
	color: #000000;
}

.ratings{
	color: #d22525;
	margin-top: 20px;
}
.reviews{
	color: #b4b4b4;
	clear: both;
	display: inline-block;
	text-align: center;
}
#rate-itemcontainer{
	text-align: center;
}

#ratings-event{
	font-size: 16px;
    font-weight: bold;
	padding: 0px 20px;
	margin-top: 20px;
}

/* <--------------------- Header ---------------------> */
.fixed-header{
	width: 100%;
	background:#ffffff;
	z-index:3;
	top:0;
}

.menu-icon{
	position: absolute;
	color: #d22525;
	cursor: pointer;
	top: 21px;
	left: 10px;
	z-index: 2;
	width: 30px;
	height: 28px;
	padding: 10px;
}

#logo{
	float:left;
	margin-left:50px;
}

#logo2{
	display: none;
}

#search{
	
	background-color: #ffffff;
	float: left;
	
	margin-top: 30px;
	margin-left: 50px;
	position: relative;
}

#search form{
	border: 1px solid #b4302e;
	border-radius: 5px;
}

#search button{
	padding: 4px 4px;
	border:none;
	background:transparent;
	outline: none;
}

#search input{
	padding: 8px;
	border: none;
	width: 500px;
	background: transparent;
	outline: none;
}

.icon-search{
	position: relative;
	right: 0px;
	top: 2px;
	font-size: 1.3em;
	color: #d22525;
}

#res-search{
	display:none;
	background-color: #ffffff;
	width: 500px;
	margin: auto;
	position:relative;
}

#res-search form{
	border: 1px solid #b4302e;
	border-radius: 5px;
	position:relative;
}

#res-search button{
	padding: 4px 4px;
	border:none;
	background:transparent;
	position:absolute;
	right:0;
}

#res-search input{
	padding: 8px;
	border: none;
	width: 90%;
	background: transparent;
	outline: none;
}

#res-search .icon-search{
	font-size: 1.3em;
	color: #d22525;
	top:4px;
}

/* Right side header container */
#sign_in{
	float: right;
	padding-top: 35px;
	margin-right: 50px;
}
#sign_in a, #faq-link{
	text-decoration: none;
	margin: 10px;
	color: #b4302e;
	font-weight: bold;
}
#sign_in a:hover, #faq-link:hover{
	color: #ff0000;
}

#faq-link{
	float: left;
	margin-top: 40px;
	margin-left: 20px;
	color: #000;
}
/* once customer logged in */
.logged-in{
	float: right;
	padding-top: 35px;
	margin-right: 60px;
	text-align: center;
	cursor: pointer;
	color: #d22525;
	position: relative;
}

.logged-in .icon-user{
	background: #d22525;
	color: #dedede;
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	line-height: 28px; 
	font-size: 1.5em;
}
.logged-in .icon-user:hover{
	background: #999;
}
.logged-in .arrow-down{
	clear:both;
	position: relative;
	right: -4px;
}
.icon-cart, .icon-heart, .icon-upload2, .icon-mail3{
	position: relative;
	color: #d22525 !important;
}
#icon-cart:hover, #icon-heart:hover, #icon-upload2:hover, #icon-mail3:hover{
	color:#999 !important;
}
.icon-cart[data-badge]:after, .icon-heart[data-badge]:after{
	content: attr(data-badge);
	position: absolute;
	top: -10px;
	right: -13px;
	font-size: .65em;
	font-family: century gothic;
	background: #777;
	color: #ffffff;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 18px;
	border-radius: 50%;
}
#icon-mail3{
	fill: #d22525;
	width: 25px;
}
#icon-mail3:hover{
	fill: #999;
}
#span-ord-qty[data-qty]:after{
	content: attr(data-qty)" item(s)";
}

.cart-empty{
	font-size: 24px;
	margin-bottom: 20px;
	text-align: center;
	min-height: 200px;
}

.profile-dropdown:before, .profile-dropdown:after {
	content: '';
	position: absolute;
	width: 0; 
	height: 0; 
}
.profile-dropdown:before{
	left: 23px;
	top: -10px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #d6d6d6;
}
.profile-dropdown:after{
	left: 24px;
	top: -9px;
	border-left: 9px solid transparent;
	border-right: 9px solid transparent;
	border-bottom: 9px solid #fff;
}
.profile-dropdown{
	display: none;
	background: #ffffff;
	position: absolute;
	box-shadow: 0px 0px 1px #999;
	margin: 0px;
	right: 0px;
	top: 75px;
	width: 130px;
	font-size: .9em;
	border: 1px solid #cfcbcb;
	z-index: 9999;
}
.profile-dropdown li{
	list-style: none;
	text-align: left;
}
.profile-dropdown li:hover a{
	background: #f2f2f2;
	color: #d22525;
}
.profile-dropdown ul{
	padding: 0px;
	margin: 0px;
}
.profile-dropdown a{
	text-decoration: none;
	color: #555555;
	padding-left: 7px;
	display: block;
	padding: 6px 10px;
}

.icon-cancel-circle{
	font-size: 1.5em;
}
.social-media-icons{
	float: right;
	margin-right: 60px;
	margin-top:15px;
	font-size: 1.2em;
}
.social-media-icons span{
	display: inline-block;
	margin-left: 10px;
}
.social-media-icons a{
	text-decoration: none;
	color: #ffffff;
}
.social-media-icons a:hover{
	color:#000;
}

/* <--------------------- Menu ---------------------> */
.h-menu{
	clear:both;
	background-color:#b01e1e;
	min-height: 2px;
}
.h-menu::after{
	content:'';
	clear:both;
	display:block;
}
.menu{
	margin: 0px;
	padding: 0px;
	margin-left:50px;
	float:left;
	width: calc(100% - 210px)
}

.menu a{
	text-decoration: none;
	color: #ffffff;
	padding: 15px;
	display: inline-block;
}

.menu li{
	float: left;
	position: relative;
	list-style: none;
	background: #b01e1e;
}
.menu > li:hover{
	background:#ca2424;
}
.menu li.active{
	background: #e4422d;
}
/* <-------- SubMenu --------> */

.submenu{
	display:none;
	position: absolute;
	background-color: #ffffff;
	box-shadow: 1px 1px 2px -1px #7f7f7f , -1px 1px 2px -1px #7f7f7f;
	left: 0px;
	width: 250px;
	padding: 0px;
	top: 100%;
	z-index: 1;
}

.submenu li a{
	color:#d22525;
	padding: 8px;
	display: block;
}

.submenu li{
	float: none;
	position: relative;
	list-style: none;
}
.menu li:hover .submenu{
	display: block;
}
.submenu li:hover{
	background: #efefef;
}
.arrow:before{
	content: '\3e';
	float: right;
	color: #d22525;
	font-weight: bold;
}
/* <----- Sub-SubMenu -----> */
.sub-submenu{
	display: none;
	position: absolute;
	background-color: #efefef;
	box-shadow: 1px 1px 2px #7f7f7f;
	width: 300px;
	left: 100%;
	top: 0px;
	padding: 0px;
}
.submenu li:hover .sub-submenu{
	display: block;
}
.sub-submenu li:hover{
	background: #e5e4e4;
}
/* <--------------------- Footer ---------------------> */
footer{
	clear: both;
	margin: auto;
	margin-top: 30px;
	padding: 15px;
	text-align: center;
	border-top: 1px solid #dedede;
}

/* <--------------------- Homepage: Cards Content ---------------------> */

.card_container{
	text-align:center;
}

#card_container_search{
	clear:both;
	margin-left: 30px;
	position: relative;
	text-align:center;
	display: none;

}

#p-search-result{
	font-size: 24px;
	margin: 11px;
}

#no-workshop{
	font-size: 24px;
	margin: 50px 0px 50px 0px;
}

.card, .card_placeholder, .blog-card{
	display: inline-block;
	margin: 1%;
	width: 47%;
	border: 1px solid #c93535;
	vertical-align:top;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	max-width: 465px;
	background: #fff;
	transition: 250ms box-shadow;
	border-radius: 8px;
	overflow: hidden;
}

.card_placeholder{
	display: none;
	overflow: hidden;
}

.loading-notif{
	width:auto;
	text-align:center;
	font-size:20px;
	margin-left: 30px;
}

@keyframes placeHolderShimmer{
	0%{
		background-position: -468px 0;
	}
	100%{
		background-position: 468px 0;
	}
}

.module_placeholder {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	height: 80px;
	margin: 10px;
	position: relative;

}

.background-masker{
	height: 5px;
	background: #fff;
	position: absolute;
	width: 300px;
}

.background-masker-rating{
	height: 5px;
	background: #fff;
	position: absolute;
	width: 315px;
}

#right-masker{
	height: 20px;
	background: #fff;
	position: absolute;
	top: 10px;
	left: 230px;
	width: 80px;
}

#right-masker2{
	height: 20px;
	background: #fff;
	position: absolute;
	top: 50px;
	left: 200px;
	width: 100px;
}

#rating-masker{
	height: 30px;
	background: #fff;
	position: absolute;
	top: 0px;
	left: 150px;
	width: 170px;
}

.background-masker.first{
	height: 15px;
}

.background-masker.second{
	top: 30px;
}

.background-masker.third{
	top: 50px;
}
.background-masker.fourth{
	top: 70px;
	height: 20px;
}

.background-masker-rating.first{
	height: 15px;
	top: 25px;
}

.module-call-to-action-placeholder{
	height: 298px;
	width: 96%;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	margin: 2%;
	position: relative;
	
}

.ratings_placeholder{
	height: 30px;
	width: 315px;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 800px 104px;
	margin: 15px 10px 17px 10px;
	position: relative;
}

.card:hover{
	box-shadow: 2px 2px 10px #676767 , -2px -2px 10px #676767;
}

.card:hover .rmv-frm-wl{
	display: block;
}

.module-date{
	background-color: #d22525;
	color: #ffffff;
	text-align: center;
	padding: 10px 5px;
	font-weight: 700;
}

.card .module-container{
	height: 100px;
	display: table;
	vertical-align: middle;
}

.module-container{
	width: 100%;
	margin-top: 0;
}

.module-title p, .res-module-title p{
	color: #222;
	margin: 5px 0px;
	padding:0px;
	font-size:1.5em;
}

.module-title .smallP, .res-module-title .smallP{
	font-size:1.1em !important;
}

.module-title .wsPrice{
	color: #d22525;
	font-size:1.3em;
	margin: 10px 0px;
	font-weight:bold;
}

.module-container h3{
	padding: 10px 0;
	font-size: .99em;
	line-height: normal;
	display: inline-block;
}

.module-container a{
	text-decoration: none;
	color: #000000;
}

.module-container a:hover{
	color: #d22525;
}

.module-call-to-action{
	position: relative;
}

.module-call-to-action img{
	width: 98%;
}

.module-call-to-action .book-and-pay{
	left: 0;
	bottom: 5%;
	width: 100%;
	text-align: center;
}

.module-call-to-action .book-and-pay button{
	padding: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: 10px;
	box-shadow: 1px 1px 2px #7f7f7f;
}

.view-details-btn{
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	display: inline-block;
}

.view-details-btn:hover, .upload-payment:hover{
	background: #999;
	color: #fff;
}

.gradient{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+50,0.7+100 */
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#b3ffffff',GradientType=0 ); /* IE6-9 */

	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

/* <------------- Sign In/ Log In -------------> */
.overlay{
	display: none;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,0.5);
	position: fixed;
	top: 0px;
	z-index: 3;
	left: 0;
	overflow: auto;
}

.modal{
	display: none;
	position: absolute;
	width: 350px;
	background: #ffffff;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	left: 50%;
	top: 50%;
	text-align: center;
	padding-top: 5px;
	border-radius: 5px;
}

.modal input[type="text"], .modal input[type="password"]{
	border-radius: 5px;
	width: 300px;
	margin: auto;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #ffffff;
	border: 1px solid #b4302e;
	padding: 12px 10px;
}

.signup-input{
	margin-bottom: 20px;
	position: relative;
}

.modal button{
	background: #d22525;
	box-shadow: 0px 2px 4px #999;
	border: 1px double #c93535;
	border-radius: 5px;
	padding: 12px 10px;
	color: #ffffff;
	width: 320px;
	font-size: 1.2em;
	margin-bottom: 10px;
}

.modal button:hover{
	background: #b01e1e;
}

.modal .connect-btn{
	background: #3b5997;
	border: 1px double #3b5997;
	border-radius: 3px;
	color: #ffffff;
	margin-bottom: 15px;
	font-size: 1em;
	padding: 18px;
	display: inline-block;
}

.modal .connect-btn:hover{
	background: #354f86;
	text-decoration: none;
}

.icon-cross{
	position:relative;
	float: right;
	right: 5px;
	top:5px;
	cursor: pointer;
}

.promo-code{
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
}

.sign-up, .sign-up-cont, .sign-up-cont1, .login, .forget-password, .account-matched, .tour-popup{
	display: none;
	padding-bottom: 10px;
}
.account-matched{
	text-align: left;
	padding: 0px 10px;
}
.accounts ul{
	list-style: none;
	padding: 0;
}
.accounts table{
	width: 100%;
}
.accounts td{
	padding: 3px;
}
.accounts td:last-child{
	text-align: right;
}
.accounts tr{
	border-top: 1px solid #ccc;
}
.accounts .account-name{
	font-weight: bold;
}
.accounts .account-mobile,
.accounts .account-email{
	font-size: 0.85em;
}
.accounts .account-name,
.accounts .account-mobile,
.accounts .account-email{
	line-height: 1.5;
}
.accounts .confirm-account{
	padding: 3px;
	width: 150px;
	font-size: 1em !important;
	background: #eee;
	border: 1px solid #ccc;
	color: #000;
	box-shadow: none;
}
.accounts .confirm-account:hover{
	background: #ccc;
}
.not-on-list{
	font-size: 1em !important;
	padding: 5px 10px !important;
	width: 180px !important;
	margin: auto;
	display: block;
}

.modal a{
	text-decoration: none;
	color: #c0392b;
	font-weight: bold;
}
.modal a:hover{
	text-decoration: underline;
}
.modal p{
	font-size: 12px;
}
.sign-up-cont p{
	font-size: 12px;
}

.checkbox{
	margin-bottom: 10px;
	margin-left: 15px;
	text-align: center;
}
.checkbox a{
	color: #c0392b;
	font-weight: bold;
}
.register{
	color: #c0392b;
	font-weight: bold;
}
.or{
	border-bottom: 1px solid #ccc;
	margin: 10px 15px 30px;
	height: 10px;
}
.or span{
	background: #fff;
	padding: 0px 10px;
}

#reset-pw{
	margin-top:20px;
}

/* <------------- Scroll Up, Help/ContactUs -------------> */
.help{
	padding: 5px;
	position: fixed;
	bottom: 90px;
	right: 30px;
	z-index: 3;
	height:auto;
	text-align: center;
}
.help .icon-ctrl{
	background: #d6d6d6;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: inline-block;
	text-align: center;
	line-height: 50px;
	font-size: 2em;
	color: #ffffff;
	cursor: pointer;
}

.help .icon-ctrl:hover{
	background: #dedede;
}

.help-btn{
	color: #ffffff;
	background: #d22525;
	box-shadow: 2px 2px 4px #7f7f7f;
	border: 1px double #c93535;
	border-radius: 4px;
	padding: 7px 25px;
	margin-top: 7px;
}
.help-btn:hover{
	background: #bd2121;
}
.contact-us{
	display: none;
	background: #ffffff;
	color: #454343;
	padding: 15px;
	box-shadow: 2px 2px 4px -1px #7f7f7f, -2px -2px 4px -1px #7f7f7f;
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 4 !important;
	border-radius: 8px;
}
.contact-us h4{
	text-align: center;
	font-weight: bold;
	margin: 0px;
}
.contact-us p{
	color: #454343;
	font-size: .9em;
	line-height: 25px;
}

#message{
	height: 150px;
}

.contact-us .form-field input[type="text"],
.contact-us .form-field textarea{
	padding:5px;
	width: 95%;
	border: 1px solid #b4302e;
	display: block;
}
.contact-us .form-field input[type="text"]{
	height: 30px;
}
.contact-us .form-field textarea{
	resize: none;
}

.contact-us-btn-container{
	margin-top: 10px;
	
}
.contact-us-btn-container button{
	width: 80px;
	padding: 7px;
	float: right;
	margin-left: 10px;
	border-radius: 4px;
	box-shadow: none;
	font-size: .9em;
	border: none;
}
.contact-us-btn-container .send{
	color: #ffffff;
	background: #d64541;
}

.contact-us-btn-container .send:hover{
	background: #b01e1e;
}

.contact-us-btn-container .cancel{
	background: #dedede;
}
.contact-us-btn-container .cancel:hover{
	background:#cbcbcb;
}
.contact-us .icon-cross{
	margin-right: 0px;	
}
/* <--------------------- Details Page ---------------------> */
.content-wrapper{
	max-width: 960px;
	margin: auto;
	margin-bottom: 15px;
	clear:both;
}

.content-wrapper h2{
	padding: 5px;
	font-size: 1.3em;
}
.cartf-title{
	color: #222 !important;
	text-align: left;
	margin-top: 10px;
	font-size:1.5em;
}
.content-title{
	background-color: #d22525;
	color: #fff;
	padding: 8px;
	font-size: 1.3em;
	margin-bottom: 15px;
}
.module-details{
	position: relative;
	padding: 15px;
}
.module-details img{max-width: 452px;}
.module-details h2{
	color: #d22525;
}

.content-title h2{
	padding-left: 15px;
}
.module-details .module-container{
	width: 50%;
	float: right;
	margin: 0px;
	overflow: auto;
}

.module-details .ratings{
	float: none;
	color: #d22525;
}

.details-right{
	margin-top:5px;
	margin-bottom:10px;
	float:left;
}

.cart-checkout-btn{
	overflow: auto;
}

.details-right button{
	margin-right: 10px;
	padding: 10px;
	min-width: 200px;
}

.details-right .book-and-pay{
	position:relative;
	float: left;
}

.wishlist{
	position: relative;
}
.wishlist-btn-2nd{
	position: relative;
	background: #333;
	border: 1px double #333;
	color: #fff;
	padding: 10px;
	box-shadow: 1px 1px 2px #7f7f7f;
}

.wishlist-btn-2nd .icon-cart{
	color: #fff !important;
}

.wishlist-btn-2nd:hover{
	background: #fff !important;
	color: #000;
}
.wishlist-btn-2nd:hover .icon-cart{
	color: #000 !important;
}

#coupon_code{
	padding: 5px;
	width: 50%;
	border-radius: 3px;
	border: 1px solid #999;
}
#apply_cc{
	background-color: #333;
	border-radius: 3px;
	color: #fff;
	border: 0;
	padding: 6px;
	min-width: 70px;
	display: inline-block;
	text-align: center;
}
#apply_cc:hover{
	background-color: #000;
}

.status{
	display: inline-block;
	padding: 5px;
	position: relative;
	font-weight: bold;
	color: #555;
	font-size: 0.9em;
}

.rw-overlay .status{
	float: none;
}
.added{
	color: #2b8422;
}

.social-media-share{
	margin-top: 15px;
}
.social-media-share .share-btn{
	display: inline-block;
	margin: 0;
    vertical-align: top;
	border:none;
	box-shadow: 1px 1px 2px #7f7f7f;
	border-radius: 5px;
	padding: 5px 10px;
	margin-right: 10px;
	color: #ffffff;
}
.social-media-share a, .social-media-share a:hover{
	color: #fff;
}
.module-fb-btn{
	background: #4b77be;
}
.module-fb-btn:hover{
	background: #698ec9;
}
.module-tw-btn{
	background: #00aced;
}
.module-tw-btn:hover{
	background: #19b5fe;
}
.module-desc{
	margin-top: 20px;
	border-top: 1px solid #eee;
}
.module-desc p{
	padding: 0px;
	margin-bottom: 10px;
	color: #000;
}

.add-to-cart-alert{
	display: none;
	width: 400px;
	min-height: 200px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #fff;
	padding: 10px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
			box-sizing: border-box;
	-webkit-transform: translate(-50%, -50%);
	   -moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}

.add-to-cart-alert img{
	width: 150px;
	float: left;
	margin-right: 10px;
}

.cart-alert-table{
	display: table;
	width: 100%;
}

.cart-alert-row{
	display: table-row;
}

.cart-alert-cell{
	display: table-cell;
	padding: 5px;
}

.cart-footer .cart-alert-cell{
	border-top: 1px solid #ccc;
}

.cart-alert-row.cart-footer .cart-alert-cell{
	padding: 10px 0px;
}

.add-to-cart-alert .price-cell{
	width: 150px;
	font-weight: bold;
	font-size: 1.3em;
}

.add-to-cart-alert a{
	color: #c93535;
	font-weight:bold;
}

.add-to-cart-alert a:hover{
	text-decoration:underline;
}

.add-to-cart-alert .book-and-checkout{
	color: #fff;
}
.add-to-cart-alert .book-and-checkout:hover{
	text-decoration: none;
}

.action-loading{
	display: none;
	width: 150px;
	height: 150px;
	background-color: #fff;
	background-image: url(../images/loader.gif);
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #c93535;
	border-radius: 5px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: width 500ms;
	-moz-transition: width 500ms;
	transition: width 500ms;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.update-accnt-notif{
	text-align:center;
	position:fixed;
	padding: 20px 0;
	bottom:0;
	width: 100%;
	background: rgba(29, 80, 25, 0.95);
	vertical-align: middle;
	z-index: 4;
	font-size: 1.2em;
	display:none;
	left: 0;
	color: #fff;
}
.cart-alert a{
	color: #fff;
	font-weight:bold;
}

.cart-alert p{
	color: #d5d5d5;
}

.proceed-link{
	background: #d22525;
	color: #fff !important;
	padding: 10px 20px;
	display: inline-block;
	font-size: 0.9em;
}

/* <-------- Related Workshops --------> */

.cart-alert{
	text-align:center;
	position:fixed;
	padding: 20px 0;
	bottom:0;
	width: 100%;
	background: rgba(255, 9, 0, .9);
	vertical-align: center;
	z-index: 4;
	font-size: 1.2em;
	display:none;
	left: 0;
}

.cart-alert a:hover{
	text-decoration:underline;
}

.related-workshop{
	margin-top: 20px;
}
.slider-nav{
	float: right;
	font-size: 1.2em;
	margin-top: -2px;
	margin-right: 5px;
}
.slider-nav .prev-rw,
.slider-nav .next-rw{
	cursor: pointer;
}

.slider-nav .prev-rw:before,
.slider-nav .next-rw:before{
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
	opacity: 0.8;
	transition: all 200ms;
}
.slider-nav .prev-rw:before{
	border-left: 4px solid #fff;
	border-bottom: 4px solid #fff;
}
.slider-nav .next-rw:before{
	border-right: 4px solid #fff;
	border-top: 4px solid #fff;
}
.slider-nav .prev-rw:hover:before,
.slider-nav .next-rw:hover:before{
	opacity: 1;
}
.slider-nav .prev-rw.slick-disabled:before,
.slider-nav .next-rw.slick-disabled:before{
	opacity: 0.3;
	cursor: default;
}

.rw-card{
	width: 24%;
	display: inline-block;
	vertical-align: top;
	margin: 10px 0.5%;
	outline: none;
}
.rw-card-label h4, .rw-card-label p{
	padding:0px;
	margin: 3px;
}
.rw-card-label a:hover{
	color: #d22525;
}
.rw-card-label p{
	font-weight: bold;
	color: #d22525;
}
.card-div{
	position: relative;
}
.card-div img{
	max-width: 460px;
	width: 100%;	
	border: 1px solid #cccccc;
	border-radius: 8px;
	box-shadow: 1px 1px 2px #7f7f7f;
}
/* <-------- Related Workshops: on Hover --------> */
.rw-overlay{
	display: none;
	position: absolute;
	top: 0px;
	left: 1px;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.7);
	z-index: 1;
	text-align: center;
}

.rw-overlay .book-and-pay{
	clear:both;
	left: 50%;
	top: 20%;
	max-width: 400px;
	display: block;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	transform:translateX(-50%);
}
.rw-overlay .book-and-pay-btn{
	padding: 10px;
	display: block;
}

.rw-overlay .wishlist{
	display: block;
	top: 60%;
	z-index:1;
}

.rw-overlay p{
	font-weight: bold;
	color:#d22525;
}
.rw-card:hover .rw-overlay{
	display: block;
}

/* <--------------------- Cart ---------------------> */
.cart-content{
	padding-left:60px;
}
.cart-container{
	margin-top: 140px;
	width:100%;
}

.cart-container .content-wrapper{
	padding-top: 40px;
}
.cart-title{
	font-size:1.3em;
	margin: 20px 0px;
	padding-left: 60px;
}


.order-summary{
	clear:both;
	display:inline-block;
	width: 25%;
	margin-left: 20px;
	
}
.order-summary p{
	padding: 3px;
	font-size: 1.2em;
}

.order-summary table{
	margin-top:5px;
	font-size: 1em;
	width: 100%;
	border-collapse: collapse;
}

.order-summary td{
	padding: 10px 0;
}

.order-summary tfoot tr{
	border-top: 2px solid #dedede;
	/* border-bottom: 1px solid #dedede; */
	
}
.order-summary .book-and-pay{
	width: 200px;
}
.order-summary .book-and-pay-btn .book-and-checkout{
	padding: 8px;
	width: 75%;
}
.order-summary .book-and-checkout{
	margin-top: 10px;
}

.back{
	color:#199cb7;
}
.back:hover{
	color: #05c1e8;
}

.wl{
	font-size:1.5em;
	display: inline-block;
}
.prfl{
	display: inline-block;
	margin-top: -10px;
}

.prfl-img{
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	margin-right: 10px;
	position: relative;
    top: 5px;
}

.prfl-img img{
	width: 30px;
	border-radius: 50%;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}


.wl-workshop-details-container{
	clear:both;
	background: #efefef;
	margin: 0px auto 20px auto;
	width: 780px;
	padding: 10px 0px;
	float:left;
	
}
.wl-workshop-details-container .icon-cross{
	position:relative;
	right: 8px;
	top:-3px;
	color:#999;
}
.wl-workshop-details-container .icon-cross:hover{
	color:#b01e1e;
}
.wl-workshop-details-container .wl-img, .short-details, .module-price{
	display:inline-block;
	vertical-align:top;
	padding: 5px;
	margin-right: 5px;
}

.short-details{
	width: 50%;
}

.module-price{
	width: 20%;
	text-align: right;
}

.wl-workshop-details-container .wl-img{
	margin-left: 3%;
}
.wl-img img{
	width: 200px;
}

.short-details h4{
	margin-bottom: 20px;
	margin-top: 0px;
}
.short-details a{
	text-decoration: none;
	color: #000;
}

.short-details a:hover{
	color:#d22525;
}
.slots-left {
	margin-top: 20px;
	color: #555;
}

/* not sure */
.wl-workshop-details-container .book-and-pay{
	position: relative;
	right: 0px;
	top: 0px;
	text-align: center;
}


.wl-workshop-details-container .book-and-pay p{
	margin: 15px 0px;
}


.st-label, .st-amt{
	display:inline-block;
	margin-right:40px;
	position:relative;
	left:50%;
}

.sub-total .book-and-pay{
	top:10px;
}
/* <--------------------- User Workshops Page ---------------------> */
.profile-info{
	/* padding: 10px 10px 0px 10px; */
	text-align: center;
	color: #555555;
	width: 100%;
	margin: auto;
}
.icon-user{
	background: #dedede;
	color: #555555;
	width: 60px;
	height: 60px;
	display: inline-block;
	border-radius: 50%;
	line-height: 50px;
	font-size: 3em;
	text-align: center;
}

#icon-user-sn{
	background: #dedede;
	color: #555555;
	width: 25px;
	height: 25px;
	display: inline-block;
	border-radius: 60%;
	line-height: 25px;
	font-size: 1.2em;	
}

.profile-info button{
	float: right;
	color: #ffffff;
	background: #d22525;
	border: none;
	border-radius: 5px;
	padding: 5px 15px;
	font-size: .9em;
	margin-right: 20px;
}
.profile-info a{
	text-decoration:none;
	color: #ffffff;
}
/* <-------- Workshops Attended --------> */
.workshop-title{
	color: #222 !important;
	text-align: center;
	margin-top: 10px;
	font-size:1.5em;
	
}
.workshop-attended-container {
	clear:both;
	position: relative;
	text-align:center;
}
.workshop-attended-container .card{
	width: 46%;
	margin: 8px;
	margin-bottom: 15px;
	position: relative;
	border-top: none;
	display:inline-block;
}

.card .module-container p{
	float: left;
	margin-top: 10px;
	margin-left: 16px;
	color: #959595;
}
.title-container{
	height: 106px;
	padding-bottom: 2px;
	display: table-cell;
    vertical-align: middle;
    width: 100%;
}
.title-container.centered{
	text-align:center;
}
.card .module-container p{
	margin-left:3px;
}
/* .card .module-container img{
	width:100%;
} */
.rate_it{
	color:#d22525 !important;
}

.rated{
	float: right;
	color: #d22525;
	margin: 10px 0px;
	margin-right: 5px;
}
.unrated{
	float: right;
	color: #d6d6d6;
	margin: 10px 0px;
	margin-right: 5px;
}
.module-header{
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 20px;
	font-size: 1.1em;
	color: #7a7a7a !important;
}
.attended-label{
	position: absolute;
    padding: 3px;
    width: 35%;
    text-align: left;
    top: 123px;
    left: -7px;
    text-align: center;
    z-index: 1;
}

.attended-label p::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -8px;
	left: 0px;
	z-index: -10;
	border: 4px solid;
	border-right: 3px solid;
	border-color: #242424 #242424 transparent transparent;    
}
.attended-label p{
	color: #fff;
	width: auto;
	font-weight: bold;
	margin: 5px;
}
/* <--------------------- User-account Page ---------------------> */
.edit-profile{
	padding: 0px 15px;
	width: auto;
	
}	
.edit-profile hr{
	border-top: 1px solid #dedede;
	margin: 15px 0px;
}
#square{
	width: 100px;
	height: 100px;
	background: #c4c4c4;
	border: 1px solid #c4c4c4;
	/* border-radius: 5px; */
}
.upload-img-container{
	width: 300px;
	position: relative;
	margin: 20px auto;
}
.upload-img-container input[type="file"]{
	display: none;
}

.upload-img-container button{
	position: absolute;
	top: 40px;
	left: 130px;
	background: #d22525;
	color: #ffffff;
	border: 1px solid #d22525; 
	padding: 8px 16px;
	border-radius: 3px;
}

.upload-img-container button:hover{
	background:#b01e1e;
}

.user-account{
	width: 65%;
	margin:auto;
	padding:10px;
}

.user-account form{
	width: 100%;
}

.user-account input,
.user-account select{
	margin-top: 10px;
	width: auto;
}

.user-account input[type="text"], .user-account input[type="password"], .user-account select{
	padding: 8px;
	border: 1px solid #959595;
	border-radius: 5px;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.user-account label[class="error"]{
	margin-left: 0px;
}

.tabs .ptab{
	display: inline-block;
	width: calc(33.3% - 42px);
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #ccc;
	padding: 20px;
	cursor: pointer;
	border-top: 2px solid #ccc;
}
.tabs .ptab:hover{
	background: #aaa;
}
.tabs .ptab.active{
	background: #fff;
}
.ptabcontent{
	display: none;
}
.ptabcontent
.frm-label{
	margin-top: 20px;
}

.save{
	width: 150px;
	font-size: 1.1em;
	border: 1px solid #d22525;
	background: #d22525;
	padding: 15px 24px;
	border-radius: 3px;
	color: #ffffff;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.save:hover{
	background: #b01e1e;
}
form.cmxform label.error{
	display: none;
}
label.error {
	margin-left: 20px;
	color: red;
	display: none;
	text-align: left;
	display: block;
}
/* <--------------------- Rating Form ---------------------> */

.module-reviews .workshop-title{
	font-size: 1.3em;
	margin-bottom:5px;
	color: #777;
}

.rating-form{
	border-top:1px solid #999;
	padding: 10px;
	margin: 15px auto;
	width: 70%;
	position:relative;
}
.reviewDesc{
	clear:both;
}
.asterisk{
	color:#d22525;
	font-size:1.3em;
	font-weight:bold;
}
.ratings-label{
	font-size:1em;
	margin: 5px 0px;
	color: #ccc;
}
.ratings-field{
	width: 100%;
	height: 30px;
	border: 1px solid #999;
	margin-bottom: 20px;
	border-radius:4px;
}

#reviewDesc-field{
	height: 120px;
}
.ratings-field textarea{
	height: 120px;
    min-height: 120px;
    resize: vertical;
	width: 100%;
	padding:5px;
	border-radius:4px;
	border:none;
}
.ratings-field input{
	width: 100%;
	border:none;
	height: 30px;
	padding:5px;
	border-radius:4px;
}

.submit-rating{
	background:#d22525;
	color:#ffffff;
	padding: 10px;
	border: none;
	margin: auto;
	min-width: 200px;
	display: block;
	margin-top: 30px;
	font-size: 1.2em;
}

.submit-rating:hover{
	background:#b01e1e;
}

.rate{
	max-width: 200px;
	margin: auto;
	margin-bottom:20px;
	text-align: center;
}

.rate > input {
    position:absolute;
   top:-9999px;
}
.rate > .star-rate{
    cursor: pointer;
    color: #ccc;
	padding: 0px 5px;
}
.rate > .star-rate:hover{
	color: #deb217;
}
.rate:hover > .star-rate:not(.checked),
.rate > .star-rate:not(.checked):hover{
    color: #f39e9e;
}
.rate > .star-rate:before {
    content: '★';
	font-size: 3em;
}

.rate > .star-rate.checked:hover ~ .star-rate:not(.checked),
.rate > .star-rate:not(.checked):hover ~ .star-rate:not(.checked) {
    color: #ccc;
}

.rate > input:checked + .star-rate:hover,
.rate > input:checked + .star-rate,
.rate > .star-rate.checked{
    color:#fbd758;
}

.rate-label{
	font-size: 1.2em;
	color: #d22525;
}

/* <--------------------- Check out ---------------------> */
.checkout-content{
	margin-top: 140px;
	width:100%;
}

.ck-title, .booking-info-title{
	font-size: 1.2em;
}

.checkout{
    margin: 20px 20px 0;
	clear: both;
	overflow: auto;
}

.checkout .ck-info,
.checkout .ck-payment{
	padding: 10px;
	box-sizing: border-box;
}

.checkout .ck-payment{
	border: 1px solid #ababab;
}

.checkout .ck-tbl{
	width: 100%;
}

.checkout .ck-tbl tr td,
.checkout .ck-tbl tr th{
	padding: 5px;
}

.checkout .ck-tbl td.price-cell{
	text-align: right;
}

.checkout .ck-tbl td.strikethrough{
	text-decoration: line-through;
	color: #999;
}

.checkout .ck-tbl tfoot{
	border-top: 1px solid #333;
}

.checkout .ck-tbl tfoot td{
	padding-top: 20px;
	font-weight: bold;
	font-size: 1.2em;
	color: #777;
}

.checkout td#subtotal{
	color: #d22525;
}

.ck-login, .booking-info{
	padding: 5px;
	max-width: 800px;
	box-sizing: border-box;
	margin: auto;
}
.pi-row{
	margin: 30px;
}
.pi-row .pi-field input[type="text"]{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 5px;
	border: 1px solid #999;
}

.pi-row .pi-field input[type="text"].error{
	border: 1px solid #f00;
}

.pi-field label.error{
	margin-left: 0;
}

.ck-login h4{
	color: #d22525;
}

.ck-login a{
	text-decoration: underline;
	color:#d22525;
	font-weight:bold;
}
.ck-login input[type="text"],
.ck-login input[type="password"]{
	border-radius: 5px;
	width: 300px;
	margin-left: 10px;
	margin-right: 10px;
	margin: auto;
	background-color: #ffffff;
	border: 1px solid #959595;
	padding: 10px 8px;
	
}
.ck-login button, .put-on-waitlist{
	background: #d22525;
	box-shadow: 2px 2px 4px #7f7f7f;
	border: 1px double #c93535;
	border-radius: 5px;
	padding: 10px 8px;
	color: #ffffff;
	width: 300px;
	font-size: 1em;
	margin-bottom: 10px;
}

.put-on-waitlist{
	width: 100%;
	max-width: 300px;
	margin: 0px auto 10px;
	padding: 20px 10px;
	display: block;
}

.ck-login .connect-btn{
	color: #ffffff;
	border: 1px double #3b5997;
	border-radius: 3px;
	background: #3b5997;
}

.ck-login-form, .ck-signup-form, .ck-sign-up-cont, .ck-sign-up-cont1, .ck-forget-pw{
	width: 300px;
	margin: 40px auto;
	vertical-align:top;
}
.ck-signup-form, .ck-sign-up-cont, .ck-sign-up-cont1, .ck-forget-pw{
	display:none;
}

.ck-login p{
	text-align:center;
}

.ck-login label{
	margin-left: 0;
}
.payment-content{
	width: 100%;
	margin-bottom: 20px;
	display:inline-block;
	vertical-align:top;
}

.payment-options{
	padding-bottom: 30px;
	margin-bottom: 30px;
	text-align:center;
}

#second_option{
	display: none;
}

#payment-options2{
	margin: 20px 0px 10px 0px;
	text-align:center;
}

.p-option{
	width: 120px;
	padding: 5px;
	border: 2px solid #ccc;
	display:inline-block;
	font-size:.8em;
	background: #ffffff;
	vertical-align: middle;
	min-height: 90px;
	margin: 3px;
	-webkit-transition: all 300ms;
	-moz-transition: all 300ms;
	transition: all 300ms;
	text-align:center;
}

.p-option:hover{
	background: #dedede !important;
}

.p-option.active{
	border: 2px solid #d22525;
	background: #dedede;
}

.p-option input[type="radio"]{
	margin-right:5px;
	display: inline-block;
	vertical-align: middle;
}
.p-option p{
	text-align:center;
	font-size:1.2em;
	margin:0;
	padding:0;
}

.p-option.active p{
	color:#bb1c22;
}
.p-option img.red-version{
	display: none;
}

.ck-payment img{
	width:50px;
	display: inline-block;
	vertical-align: middle;
}
.payment-content input[type="text"]{
	border-radius: 5px;
	width: 380px;
	margin: 5px 0px;
	background-color: #ffffff;
	border: .5px solid #999;
	padding: 12px 10px;
}

.payment-content .half-size{
	width: 188.5px;
}

.payment-content .workshop-title{
	text-align:left;
}

.po-note{
	padding: 10px 30px;
	background: #fbea94;
	display: none;
	margin-top: 10px;
}
.po-note img{
	width: 100%;
}

.po-note table th{
	text-align: left;
	width: 130px;
	vertical-align: top;
}
.po-note table td{
	vertical-align: top;
	padding-left: 5px;
}

.webfee-row{
	display: none;
}

.ck-container{
	text-align: right;
	clear: both;
	padding: 20px;
}

#upload-slip{
	padding: 20px;
	padding-left: 30px;
}


#successful-payment{
	padding:0;
	padding-bottom: 40px;
	/* vertical-align:top; */
	font-size: 14px !important;
	width: 75%;
	margin:auto;
	display: block;
}

#temp-reserve{
	padding: 20px;
	padding-left: 30px;
	font-size: 14px !important;
} 

#payment5 p{
	margin: 5px 0px;
}

#temp_res, #paid_cash, #paid_bankdep, #paid_ccp, #paid_courier, #paid_ptop{
	width: 100%;
	margin:auto;
	font-family: Century Gothic;
	
}

#temp_res p, #paid_cash p, #paid_bankdep p, #paid_ccp p, #paid_courier p, #paid_ptop p{
	padding: 5px 0px;
	text-align:justify;
}

.pay, .reserve, .continue, .continue-po, .reserve-po, .back-po, .back-pi, .back-btn, .continue-pi, .start-class-btn, .waitlist-btn{
	border-radius: 4px;
	width: 49%;
	background-color: #d22525;
	color: #ffffff;
	padding: 15px 8px;
	border:none;
	font-size: 1.2em;
	box-sizing: border-box;
}

.start-class-btn{
	background: #333;
	display: block;
	width: 95%;
	margin: 5px auto;
	font-size: 1em;
	max-width: 300px;
	padding: 10px;
	border-radius: 0;
}

.back-btn{
	display: inline-block;
	max-width: 300px;
}

.back-po, .back-pi{
	background: #222;
}
.back-po{
	display: none;
}

.back-po:hover, .back-pi:hover{
	background: #000;
}

.terms{
	font-size: .9em;
	margin-top: 20px;
}

.terms a{
	color:#d22525 !important;
	font-weight:bold;
	text-decoration:underline;	
}
.pay:hover, .reserve:hover, .continue-po:hover, .reserve-po:hover, .back-btn:hover, .put-on-waitlist:hover, .start-class-btn:hover{
	background-color: #DE2727;	
}

.start-class-btn:hover{
	background: #000;
}

.reserve-po.disabled, .continue-pi.disabled{
	background: #ccc;
	cursor: default !important;
}

.order-summary-sb{
	border:1px solid #999;
	padding:5px;
	display:inline-block;
	width: 49%;
	vertical-align:top;
	box-sizing: border-box;
}

.order-summary-sb a:hover{
	color: #d22525;
}

.order-summary-sb table{
	margin-top:5px;
	font-size: .9em;
	width: 100%;
	border-collapse: collapse;
}

.order-summary-sb th{
	padding:10px;
	background: #d22525;
	color: #ffffff;
	text-align:left;
}

.order-summary-sb td{
	padding:5px;
	vertical-align: middle;
}
.order-summary-sb .price-cell, .add-to-cart-alert .price-cell{
	text-align: right;
	min-width: 80px;
}
.order-summary-sb .price-cell:before, .ty-itemholder .price-cell:before, .add-to-cart-alert .price-cell:before, #upload-total .price:before, .price-cell:before{
	content: '\20B1';
	margin-right: 5px;
}

.order-summary-sb tfoot{
	border-top: 1px solid #999;
}

.order-summary-sb h4{
	margin: 10px 0;
}

.ck-hr{
	border-top:1px solid #999;
	margin-bottom:0px;
	padding:0px;
}
#ck_total_lbl{
	font-weight:bold;
	font-size:1.5em;
}
#ck_total_price, #ck_balance{
	color: #d22525;
	font-size:1.5em;
	font-weight:bold;
}

#ck-rel-workshops{
	display:none;
}

/* <--------------------- Terms & Conditions ---------------------> */
.terms-details{
	display:none;
	border: 1px solid #999;
	width:80%;
	margin: 30px auto;
	padding: 10px 20px;
	overflow:auto;
	height: 90%;
	background:#ffffff;
	text-align:justify;
	position:relative;
}

.terms-details .icon-cross{
	position:fixed;
	background: #dedede;
	padding:8px;
	right:auto;
	left: 85%;
	top: auto;
}

.terms-details .icon-cross:hover{
	background: #999;
}	

.terms-details p{
	padding: 10px 0;
}

.span-refcode{
	color: #d22525;
	font-weight: bold;
	font-size: 18px;
}

#area-desc-error, #r-title-error, #postedby-error{
	margin-left: 0px;
}

#star-empty, #star-full{
	position: absolute;
	top: 0;
	left: 0;
}

#star-parent{
	position: relative;
	height: 19px;
	width: 70px;
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

#star-full{
	z-index: 1;
	overflow: hidden;
	width: 0;
}

.ratings-num{
	display: inline-block;
	vertical-align: top;
}

.btm-font{
	line-height: normal;
}

#disabled-btn{
	background: #bdbdbd;
}

.lbl-paymethod{
	font-size: 14px;
}

.order-content{
	width: 820px;
	margin: auto;
}
.order-content-reminder{
	width: 650px;
	margin: auto;
}

.order-content ul li{
	list-style: none;
	margin: 15px 0px;
}

.order-content-reminder ul li{
	list-style: none;
	margin: 20px 0px;
}

.ord-list{
	list-style: none;
}

.order-container .wl-container{
    background: #efefef;
    margin: 0px auto 0px auto;
    padding: 10px 0px;
	display: none;
}

.order-container{
	display: none;
}

.order-container, .paymeth-head{
	background: #f0f0f0;
}

.order-container .ord-img, .short-details, .module-price, .wl-img{
	display:inline-block;
	vertical-align:top;
	padding: 5px;
	margin-right: 5px;
}

.order-container .ord-img{
	margin-left: 3%;
}

.ord-img img{
	width: 150px
}

.wl-img img{
	width: 120px;
}

.ord-header{
	background: #dcdcdc;
	width: 100%;
	color: #000;
	font-size: 12px;
	height: 75px;
	cursor: pointer;
	padding: 5px 0px;
	display: table;	
}
.ord-header-reminder{
	width: 100%;
	color: #000;
	font-size: 14px;
	height: 50px;
	cursor: pointer;
	padding: 5px 0px;
	margin-bottom: 5px;
}

.span-code{
	font-size: 14px;
}
.span-code-reminder{
	color: #e13434;
	font-size: 16px;
	font-weight: bold;
}

.ordhead-title{
	height: 50px;
	display: table-cell;
	vertical-align: middle;
}

.ordhead-title-reminder{
	height: 50px;
	float: left;
	vertical-align: middle;
}

.order-maincontainer{
	width: 100%;
	margin-top: 20px;
}

.image_preview{
	width: 300px;
	height: 400px;
	background-image: url("../images/image_preview.png");
	background-position: center;
    background-repeat: no-repeat;
	border: 2px solid #D32F2F;
	margin: auto;
}

#upload_button{
	text-align: center;
    width: 300px;
    padding: 15px 2px;
    cursor: pointer;
    background: #E65100;
    color: #fff;
    font-weight: bold;
	margin: auto;
	display: block;
}

.ord-header a:hover{
	color: #E65100;
}

#ordhead1 img{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

#ordhead1{
	text-align: center;
	width: 6%;
}

#ordhead2{
	width: 29%;
}

#ordhead3{
	width: 20%;
}

.paymeth-head{
	display: none;
	text-align: center;
	padding: 10px 0;
	color: #353535;
	
}

.paymeth-head span{
	text-transform: uppercase;
	font-weight: bold;
}

#verification{
	font-size: 16px;
	text-align: center;
	padding: 20px 50px;
	margin-bottom: 50px;
}

#verification a:hover{
	text-decoration: underline;
}

#wrong_email{
	margin-top: 30px;
	display: none;
}

#wrong_email label{
	font-weight: bold;
}

#new_email, #update_email_confirmation{
	padding: 8px;
	display: block;
	margin: 5px auto;
	border-radius: 5px;
	border: 1px solid #d22525;
	width: 100%;
}

#new_email{
	max-width: 400px;
	background-color: #ffffff;
	padding: 10px 8px;
}

#update_email_confirmation{
	max-width: 300px;
	color: #fff;
	background: #d22525;
}

#update_email_confirmation:hover{
	background: #bd2121;
}

#new_email-error{
	text-align: center;
	margin: 5px 0px 20px;
	font-size: 0.9em;
}

.upcoming-reminder{
    border: 1px solid #999;
    width: 50%;
    padding: 10px 20px;
    overflow: auto;
    height: 80%;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.order-reminder{
    border: 1px solid #999;
    width: 50%;
    padding: 10px 20px 30px 20px;
    overflow: auto;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	z-index: 2;
}


.upcoming-reminder{
	padding-bottom: 25px;
	padding-top: 25px;
	overflow-x: hidden;
	overflow-y: hidden;
	z-index: 1;
}

.order-reminder h1{
	color: #d22525;
}

.uploadslip-btn{
	background-color: #d22525;
	color: #fff;
	font-size: 16px;
	width:100%;
	height: 40px;
	border: 0;
	border-radius: 4px;
	box-shadow: 2px 2px 4px #7f7f7f;
}

.gotocart-btn{
	background-color: #d22525;
	color: #fff;
	font-size: 16px;
	width:40%;
	height: 40px;
	border: 0;
	border-radius: 4px;
	box-shadow: 2px 2px 4px #7f7f7f;
}

#got-it{
	text-decoration: underline;
	color: #d22525;
}

.cart-reminder{
	text-align: center;
    border: 1px solid #999;
    width: 40%;
    padding: 10px 20px;
    overflow: auto;
    height: 35%;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: none;
	z-index: 3;
}

.fblogin-fail, .upload-error{
	text-align: center;
    border: 1px solid #999;
    width: 100%;
    padding: 10px 20px;
    overflow: auto;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	display: none;
	z-index: 4;
}
.upload-error{
	width: 90%;
}

.ty-itemholder{
	background-color: #dcdcdc;
	width: 70%;
	margin-bottom: 10px
}

.ty-itemholder td{
	padding: 10px;
}
.ty-itemholder .price-cell{
	text-align: right;
	font-size: 1.2em;
	color: #d22525;
}

#no-order{
	font-size: 24px;
	color:#d22525;
}

.login-notif{
    border: 1px solid #999;
    width: 40%;
    padding: 10px 20px;
    overflow: auto;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	display: none;
	z-index: 3;
}
.login-notif h1{
	color: #d22d25;
}

#thanks-help{
	color: #d22525;
	font-size: 18px;
	display: none;
	height: 350px;
    line-height: 350px;
}

.wl-container{
  	display:inline-block;
	vertical-align:top;
	padding: 5px;
	margin-right: 5px;	
	font-size: 12px;
	padding-left: 20px;
	width: 90%;
}

.wl-container p{
	color: #000;
}

.wl-container .short-details{
	width: 40%;
}

.wishlist-img, .wishlist-img-red{
	width: 25px;
	cursor: pointer;
}

#wl-icon{
	padding: 0;
	width: 20px;
	float: left;
}

.wishlist-img[data-added*="yes"]:hover{
	cursor: default;
}

.rmv-frm-wl{
	color: #fff;
	display: none;
}

.remind-item{
	padding: 10px 0px;
	margin-bottom: 5px;
	background: #e0e0e0;
}

.remind-item:hover{
	box-shadow: .3px .3px 1px;
	background: #d4d4d4;
}

#notif-unpaid, #notif-wlother, #notif-cart{
	text-align: left;
}

#notif-wl .short-details{
	padding: 0;
	margin: 0;
}

#notif-wl input[type=checkbox]{
	margin-top: 40px;
}

#notif-wl h4{
	margin-bottom: 10px;
}

.notif-iconholder{
	display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

.notif-iconholder2{
	display: table-cell;
    vertical-align: top;
    padding-left: 20px;
}

#notif-content1, #notif-content2, #notif-content3, #notif-content{
	display: table-cell;
	padding-left: 20px;
    padding-right: 30px;
	vertical-align: middle;
	width: 70%;
}

#notif-content2{
	width: 90%;
}

#notif-wlbook{
	cursor: default !important;
	border: 1px solid #d22d25;
	color: #d22d25; 
	height: 35px;
	width: 100px;
	font-size: 12px;
    bottom: 0;
    right: 0;
    margin-right: 15px;
	transition-property: background;
    transition-duration: .2s;
    transition-timing-function: linear;
}

#notif-wlbtn-holder{
	text-align: right;
}

.btn-notif{
	border: 1px solid #d22d25;
	color: #d22d25; 
	height: 35px;
	width: 100px;
	font-size: 12px;
	transition-property: background;
    transition-duration: .2s;
    transition-timing-function: linear;
}

#notif-wlbook:not(:disabled):hover{
	cursor: pointer;
	box-shadow: 1px 1px 2px #000;
}

#notif-wlbook:disabled{
	border-color: #777;
	color: #777;
}

.btn-notif:hover, #notif-wlbook:not(:disabled):hover{
	cursor: pointer !important;
	background: #d22d25;
	color: #eee;
	border: 0px;
}

.notif-action{
	display: table-cell; 
	vertical-align: middle;
	width: 25%;
	color: #fff;
	text-align: center;
	margin-left: -5px;
}

.notif-action a{
	color: #d22d25;
	text-decoration: underline;
}

.notif-action a:hover{
	color: #e35851;
	text-decoration: none;
}

#btn-closenotif{
	width: 150px; 
	height: 40px; 
	background: #d22525; 
	color:#fff; 
	border-radius: 2px; 
	border:0px; 
	box-shadow: 1px 1px 5px #000;
}

#btn-closenotif:hover{
	background: #b41811; 
}

#addtowl-container{
	clear: both;
	margin-top: 20px;
	margin-left: 5px;
}
#addtowl-container a{
	color: #e2521a;
}

#addtowl-container a:hover{
	color: #000;
}

#add-to-wl{
	margin-top: 5px;
    font-size: 16px;
    float: left;
	margin-left: 10px;
}

.upload-slip-page{
	text-align: center;
}

#upload-total{
    font-weight: bold;
	font-size: 16px;
}

.upload-slip-row{
	max-width: 320px;
	margin: auto;
	padding: 10px 0;
}

.upload-totalspan{
	display: inline-block;
	min-width: 180px;
	text-align: left;
}

#upload-total .price{
	display: inline-block;
	min-width: 125px;
	text-align: right;
}

#verif{
	border: 1px solid #999;
    width: 30%;
    padding: 10px 20px;
    overflow: auto;
    height: 30%;
    background: #ffffff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	z-index: 3;
	text-align: center;
	display: table;
}

#verif div{
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

#verif h1{
	color: #d22d25;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 30px;
}

#verif p{
	color: #000;
	font-size: 16px;
}

.div-cardh3{
	width: 80%;
    display: table-cell;
    vertical-align: middle;
	text-align: center;
	min-height: 80px;
}

.div-cardwlicon{
	width: 20%;
    display: table-cell;
    vertical-align: middle;
	text-align: center;
}

.addtocart-div{
	position: absolute;
	right: 50px;
	left: 50px;
	width: 150px;
}

#total-label{
	width: 75%;
}

.portfolio-wrapper h3{
	padding: 15px;
}
/* 
.ratings-spanholder, #star-parent{
	vertical-align: top;
	display: inline-block;
} */

#links{
	list-style: none;
	padding: 0;
	margin-top: 80px;
}

#links li{
	display: inline-block;
	width: 25%;
	color: #d22d25;
}

#links a{
	color: #d22d25;
	text-decoration: underline;
}

#ord_stat{
	width: 30%;
	padding: 10px 5px 10px 0px;
}

#ord_stat a{
	text-decoration: underline;
	color: #2056b0;
}

#ord_stat a:hover{
	text-decoration: none;
	color: #2056b0;
}

#ordhead1 img{
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}

#ordhead1{
	text-align: center;
	width: 6%;
}

#ordhead2{
	width: 29%;
}

#ordhead3{
	width: 20%;
}

#logo2{
	display: none;
}

.paymeth-head{
	display: none;
	text-align: center;
	padding: 10px 0;
	color: #353535;
	
}

.paymeth-head span{
	text-transform: uppercase;
	font-weight: bold;
}

.myorder-paybtn{
	display: none;
	text-align: right;
    padding: 0px 20px 15px 0px;
	background: #f0f0f0;
}
.myorder-paybtn button{
	width: 20%;
	height: 30px;
	border-radius: 3px;
	background: #d22d25;
    color: #fff;
    border: 0;
}

.myorder-paybtn button:hover{
	background: #de4039;
}

.myorder-paybtn span{
	font-style: italic;
	color: #888;
}

.order-container .module-price{
	color: #000;
}


/* tooltipster */
.tooltipster-sidetip.tooltipster-top .tooltipster-box{
	background: #EF5350;
	border-color: #EF5350;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{
	border-top-color: #EF5350;
}

.upload-image-btn{
	position: absolute;
    top: 40px;
    left: 130px;
    background: #d22525;
    color: #ffffff;
    border: 1px solid #d22525;
    padding: 8px 16px;
    border-radius: 3px;
}

#prfl-img{
	width: 30px;
	height: 30px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	margin-right: 15px;
	position: relative;
    top: 5px;
}

#prfl-img img{
	width: 30px;
	border-radius: 50%;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

#prfl-img-2{
	width: 60px;
    height: 60px;
    display: inline-block;
    border-radius: 50%;
}

.wl-container input[type="checkbox"]{
	display: none;
}

input[type="checkbox"] + label:before{
	content: '';
	display: inline-block;
	padding: 3px;
	border: 1px solid #000;
	background: #fff;
	text-align: center;
	width: 8px;
	height: 8px;
	line-height: 10px;
	font-weight: bold;
	vertical-align: middle;
	margin-top: 35px;
}

input[type="checkbox"]:checked + label:before{
	content: "\2714";
	background: #e17f7a;
	border: 1px solid #d22d25;
	color: #fff;
	
}

.account-verification{
	background: #FFF59D;
	padding: 5px 4%;
	display: table;
	width: 92%;
}

.account-verification .icon-notification{
	font-size: 40px;
	color: #fa6b1f;
	width: 60px;
}

.account-verification .icon-notification,
.account-verification .verification-message,
.account-verification .verification-btn-container{
	display: table-cell;
	vertical-align: middle;
}

.account-verification h3{
	font-weight: bold;
	margin: 0;
}

.account-verification .verification-message{
	padding-left: 10px;
}

.account-verification .verification-line{
	margin: 10px 0;
	line-height: 30px;
}

.account-verification span.verification-email{
	font-weight: bold;
	margin-left: 3px;
}

.account-verification input.verification-email{
	padding: 5px;
	border: 1px solid #b4302e;
	border-radius: 4px;
}

.account-verification .change-email-verification,
.account-verification .cancel-email-verification{
	color: #c32a2a;
	font-weight: bold;
	margin-left: 10px;
}

.account-verification .change-email-verification:hover,
.account-verification .cancel-email-verification:hover{
	text-decoration: underline;
}

.verification-btn-container{
	text-align: right;
	width: 200px;
}

.confirmation-btn{
	min-width: 50px;
	display: inline-block;
	font-weight: bold;
	padding: 10px 30px;
	background: #F5F5F5;
	border: 1px solid #E0E0E0;
	border-radius: 4px;
}

.confirmation-btn:hover{
	background: #FFF;
}
.confirmation-btn.disabled{
	background: #E0E0E0;
	color: #999;
	cursor: default !important;
}

#verification_email-error{
	margin-left: 0;
}

.flash-message{
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 10px;
}
.flash-message.flash-error{
	background: #ff4c4c;
}
.flash-message.flash-success{
	background: #46bd49;
}
.flash-message a{
	text-decoration: underline;
	color: #fff;
}
.confirm-notif *[class^=icon]{
	font-size: 1.5em;
}

/* tooltipster */
.tooltipster-sidetip .tooltipster-box{
	background: #ef5350;
	border-color: #ef5350;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{
	border-bottom-color: #ef5350;
}

.loading-img{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 8px;
	box-shadow: 1px 1px 2px #7f7f7f
}

.faq-container{
	width: 95%;
	margin: auto;
}
.faq-container a{
	color: #b4302e;
	text-decoration: underline;
}
.faq-container a:hover{
	color: #ff0000;
}
.faq-container tr th,
.faq-container tr td{
	padding: 3px 2px;
	vertical-align: top;
}
.ui-accordion-header{
	background: #777;
	border-color: #000;
	outline: none;
}
.ui-accordion-header:hover{
	background: #555;
}
.ui-accordion-header.ui-state-active{
	background: #000;
}
.ui-accordion-content{
	border-color: #000;
	line-height: 1.5;
	font-size: 1.1em;
}

#about_photo{
	float: right;
	margin: 0px 0px 20px 20px;
	text-align: center;
}
#about_photo figcaption{
	font-size: 0.9em; 
	color:#999; padding:5px;
}
.search_clear{
	position: absolute;
	top: 10px;
	right: 30px;
	color: #999;
	font-size: 1.2em;
	display: none;
	cursor: pointer;
}

#cpword_container{
	display: none;
}
#delete_dialog{
	display: none;
}
.ui-dialog{
	outline: none;
	position: fixed;
}
.ui-dialog-titlebar{
	padding: 5px;
	color: #fff;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.ui-dialog-titlebar-close{
	float: right;
	background: transparent;
	border: 0;
	margin-top: 7px;
	margin-right: -10px;
}
.ui-dialog-content{
	border: 0;
}
.ui-dialog input[type=password]{
	width: 92%;
	box-sizing: border-box;
	padding: 8px;
	margin: 4% 4% 0;
}
.ui-dialog-content #continue_update{
	width: 92%;
	margin: 4% 4% 0;
}
.ui-dialog-buttonpane{
	border: 0;
	border-top: 1px solid #ea191e;
	text-align: center;
	padding: 10px 10px 0;
}
.ui-dialog-buttonpane button{
	padding: 10px;
	background: #eee;
	border: 1px solid transparent;
	margin: 0px 5px;
	min-width: 100px;
	border-radius: 0;
}
.ui-dialog-buttonpane button.primary{
	background: #ea191e;
	color: #fff;
}

.change_pass_container{
	display: none;
}
#cp_link{
	color: #6495ed;
}
#cp_link:hover{
	color: #00f;
	text-decoration: underline;
}

.card-btns{
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
}
.cards-btns td{
	position: relative;
	padding: 5px;
}
.card-btns button, .view-details-btn, .upload-payment, .waiting-stat{
	padding: 10px;
	font-size: 90%;
	box-shadow: none;
	min-width: 200px;
	/* height: 100%; */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 8px;
}
.waiting-stat{
	background: #6c757d;
	display: inline-block;
	color: #eee;
}
.upload-payment{
	display: inline-block;
}
.view-details-btn, .upload-payment{
	border: 1px solid #999;
}
.ratings{
	margin-right: 5px;
	margin-top: 3px;
	margin-bottom: 5px;
}
.signup-container{
	width: 90%;
	margin: auto;
}
.form-container{
	position: relative;
	overflow: hidden;
}
.signup-container form{
	margin-top: 30px;
	position: relative;
	display: none;
	left: 100%;
}
.signup-container #signup_account_setup{
	display: block;
	left: 0;
}
.signup-container .form-row{
	margin: 10px 0;
}
.signup-container .form-row.action-row{
	margin-top: 30px;
	text-align: right;
	padding-right: 5px;
}
.signup-container .form-label, .signup-container .form-field{
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}
.signup-container .form-label{
	width: 30%;
	font-weight: bold;
	padding: 8px 0;
}
.signup-container .form-field{
	width: 70%;
}
.signup-container .form-field label.error{
	margin-left: 0;
	margin-top: 5px;
	font-weight: bold;
}
.signup-container input, .signup-container select{
	padding: 8px;
	width: 99%;
	box-sizing: border-box;
	border: 1px solid #b2b2b2;
	outline: none;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #fff;
	transition: all 250ms;
}
.signup-container input.error, .signup-container input.error:focus,
.signup-container select.error, .signup-container select.error:focus{
	border-color: #ea191e;
}
.signup-container .name-field{
	width: 34%;
	margin-right: 2%;
}
.signup-container .date-field{
	width: 10%;
	margin-right: 1%;
}
.signup-container .gender{
	width: 33%;
}
.signup-container .name-field.last,
.signup-container .date-field.last{
	margin-right: 0;
}
.signup-container input:focus,
.signup-container select:focus{
	border-color: #000;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #000;
}
.signup-container input.error:focus,
.signup-container select.error:focus{
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #ea191e;
}
.signup-container .button{
	border: 1px solid #b2b2b2;
	padding: 8px;
	width: 100px;
	background: #ccc;
	transition: all 250ms;
	font-weight: bold;
	display: inline-block;
	outline: none;
	text-align: center;
	box-sizing: border-box;
}
.signup-container .button:hover{
	background: #e5e5e5;
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #b2b2b2;
}
.signup-container .button.submit{
	background: #ea191e;
	color: #fff;
	border-color: #ea191e;
}
.signup-container .button.submit:hover{
	box-shadow: 0px 0px 0px 2px #fff, 0px 0px 0px 3px #ea191e;
}
.step-header{
	margin-bottom: 30px;
	display: table;
	width: 100%;
}
.step-header .step{
	display: table-cell;
	width: 33%;
	vertical-align: top;
	counter-increment: step;
	background: #eee;
	box-sizing: border-box;
	padding: 10px;
	color: #999;
	line-height: 1.5;
	font-size: 1em;
	position: relative;
	border-right: 5px solid #fff;
	text-align: center;
}
.step-header .step:last-child{
	border: 0
}
.step-header .step.active{
	background: #d22525;
	color: #fff;
}
.step-header .step.completed{
	background: #5cb85c;
	color: #fff;
}
.step-header .step:before{
	content: "Step " counter(step) ":";
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}
.step-header .step.completed:before{
	content: "Step " counter(step) ":";
	display: block;
	font-weight: bold;
	font-size: 1.2em;
}
.introjs-tooltipbuttons{
	margin-top: 10px;
}
.introjs-skipbutton{
	float: left;
}
.help.introjs-fixParent {
    z-index: 9999999 !important;
}
.introjs-nextbutton{
	background: #d90e0e;
	border-color: #d90e0e;
	color: #fff;
	text-shadow: none;
}
.introjs-nextbutton:hover, .introjs-nextbutton:active{
	background: #ea191e;
	border-color: #ea191e;
}
.introjs-tooltipReferenceLayer, .introjs-helperLayer, .introjs-overlay{
	box-sizing: border-box !important;
}

.tag-editor.error{
	border-color: #f00;
	color: #f00;
}

/* Ellipsis */

.ellip {
	display: block;
	height: 100%;
}

.ellip-line {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.ellip,
.ellip-line {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

/* BLOG PAGE */
.blog{
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	flex-wrap: wrap;
}
.blog-card{
	/* min-height: 550px; */
	padding-bottom: 100px;
}
.blog-card:before{
	content: '';
	position: absolute;
	left: -3px;
	top: -3px;
	width: calc(100% + 6px);
	height: calc(100% + 6px);
	background: #c93535;
	z-index: -1;
	opacity: 0;
	transition: opacity 200ms;
}

.blog-card:hover:before{
	opacity: 1;
}

.blog-card .blog-photo img{
	width: 100%;
}

.blog-text{
	text-align: left;
	padding: 0 20px;
	line-height: 2;
	min-height: 110px;
}
.blog-rm{
	display: block;
	margin: 20px auto;
	background: #e4422d;
	border: 0;
	color: #fff;
	padding: 15px;
	width: 200px;
	outline: none;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.blog-rm:hover{
	background: #fb4e37;
}

.blog-container h1{
	font-size: 2.5em;
	color: #e4422d;
	text-align: center;
}

.blog-container a{
	color: #e4422d;
	text-decoration: underline;
}

.blog-container .social-media-share{
	margin-bottom: 20px;
	line-height: 30px;
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	font-weight: bold;
	text-align: center;
}
.blog-container .social-media-share .share-btn{
	box-shadow: none;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 0;
	text-align: center;
	line-height: 32px;
	text-decoration: none;
}
.blog-container .social-media-share .share-btn:first-child{
	margin-left: 10px;
}

.blog-img img{
	width: 100%;
	max-width: 945px;
}

.blog-content{
	line-height: 1.8;
	padding: 15px;
	font-size: 1.09em;
}
.blog-container .posted{
	text-align: center;
	color: #000;
	display: block;
	font-size: 0.4em;
	font-weight: normal;
	margin-top: 10px;
}
.blog-container .posted::before{
	content: 'Posted on: ';
	color: #ababab;
}

.p404 .wrapper{
	background-image: url(../images/404-page-bg.jpg);
	background-size: auto 800px;
	background-position: center bottom;
	min-height: 800px;
	max-width: 100%;
	margin: 0;
	text-align: center;
	color: #fff;
}
.p404 .wrapper ~ footer{
	margin-top: 0 !important;
}

.notification-reset{
	border: 1px solid #F0C020;
	background: #FFFFDD;
	padding: 10px;
	display: none;
	margin: 10px;
	font-size: 0.8em;
}

.reset-form{
	text-align: center;
}
.reset-form .reset-input{
	margin: 10px 5px;
}
.reset-form .reset-input input[type="password"]{
	padding: 10px;
	box-sizing: border-box;
	max-width: 300px;
	width: 100%;
}
.reset-input .button{
    background: #d22525;
    border: 1px double #c93535;
    padding: 12px 10px;
    color: #ffffff;
    width: 100%;
	max-width: 300px;
    font-size: 1.2em;
	margin-top: 10px;
}
.reset-input .error{
	text-align: center;
}

.screenshot{
	display: inline-block;
	background: #DE2727;
	padding: 5px 10px;
	color: white;
	cursor: pointer;
}

.class-content{
	padding: 20px;
	overflow: auto;
}
.class-content h1{
	text-align: center;
}
/* .vid-content #video_player{
	border: 1px solid #000;
} */
.vid-details{
	padding-left: 25px;
	position: relative;
}
#video_player iframe{
	display: block;
    height: 100%;
    width: 100%;
}
.vid-details > div{
	font-size: 0.85em;
}
.vid-details .download-note{
	margin-top: 10px;
	display: block;
}
.music{
	color: #777;
	margin-top: 10px;
	font-size: 70%;
}
.download-recipe{
	display: block;
	background: #d22525;
	max-width: 200px;
	text-align: center;
	color: #fff;
	padding: 15px;
	border-radius: 5px;
	margin-top: 20px;
}
.vid-playlist-container{
	background: #e5e5e5;
	padding: 20px;
	margin: 10px 20px;
	overflow: hidden;
}
.vid-playlist-container h2{
	margin-top: 0;
}
.vid-playlist{
	clear: both;
	margin-top: 20px;
}
.vid-playlist .pl-item{
	cursor: pointer;
	display: inline-block;
	outline: none;
	text-align: center;
	vertical-align: top;
	width: 175px;
}
.vid-playlist img{
	width: 150px;
	border: 2px solid #000;
}
.vid-playlist .pl-item.active img{
	border: 2px solid #d22525;
}
.vid-playlist .pl-item.active{
	color: #d22525;
}
#list_nav{
	float: right;
	font-size: 2.5em;
}
.prev-pl, .next-pl{
	float: left;
	transform-origin: center;
	cursor: pointer;
	font-weight: bold;
	outline: none;
}
.prev-pl:hover, .next-pl:hover{
	color: #d22525;
}
.prev-pl.slick-disabled, .next-pl.slick-disabled{
	color: #ccc;
	cursor: default;
}
.prev-pl{
	transform: rotate(-90deg);
	margin-right: -10px;
}
.next-pl{
	transform: rotate(90deg);
}
.prev-pl.slick-hidden,
.next-pl.slick-hidden{
	display: none !important;
}

.class-comment{
	margin-top: 50px;
	padding: 20px;
}
.class-comment h2{
	margin-bottom: 30px;
}
.comment-form{
	margin-top: 20px;
}
.comment-msg{
	resize: none;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #eee;
	outline: none;
	padding: 8px;
	width: 90%;
	min-width: 250px;
	height: 50px;
	box-sizing: border-box;
	background: #eee;
}
.comment-msg:focus{
	background: #fff;
	border: 1px solid #333;
}
.comment-btn{
	padding: 5px;
	border: 1px solid #333;
	vertical-align: middle;
	height: 50px;
	width: 10%;
	min-width: 50px;
	background: #333;
	color: #fff;
}
.comment-btn:hover{
	background: #000;
}
.comment-area{
	margin-top: 20px;
}
.comment{
	border-top: 1px solid #eee;
	padding: 10px;
}
.comment:first-child{
	border-top: 0;
}
.comment-prfl, .comment-info{
	display: table-cell;
	vertical-align: top;
	padding: 5px;
}
.comment-info{
	padding-left: 20px;
	width: 100%;
}
.comment-info .comment-user{
	font-weight: bold;
}
.comment-info .comment-txt{
	margin-top: 20px;
	margin-bottom: 20px;
	color: #333;
}
.reply-comment{
	margin-left: 20px;
	color: #000;
	cursor: pointer;
	font-weight: bold;
}
.reply-comment:hover{
	color: #d22525;
}
.sub_comment_form{
	margin-top: 20px;
}
.sub-comment.first-child{
	margin-top: 20px;
}

/* CUSTOM PLAYER */
:root {
  --plyr-color-main: #DE1010;
}
.plyr__poster{
	background-color: transparent;
	background-size: cover;
}