/*
Theme Name: Lovefit
Theme URI: http://www.ansonika.com/lovefit/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

[Table of contents]

1. SITE STRUCTURE and TYPOGRAPHY
- 1.1 Typography
- 1.2 Buttons
- 1.3 Structure

2. CONTENT
- 2.1 Home all versions
- 2.2 Workout page
- 2.3 Model
- 2.4 Explore page
- 2.5 Cart section
- 2.6 Faq page
- 2.7 Gallery page
- 2.8 Contact page
- 2.9 Login/Register modals
- 3.0 Trainer profile page
- 3.1 About
- 3.2 Contacts

3. COMMON
3.1 Preloader
3.2 Spacing
3.3 Containers
3.4 Ribbons
3.5 Tabs
3.6 Parallax bg
3.7 Input form style
3.8 Scroll top button
3.9 Plans price style
3.10 Search modal
3.11 Input Switcher
3.12 Pagination
3.13 Carousel

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

/*-------- Allert for old browsers IE8 and below --------*/

.chromeframe {
	background: #DBDBE2;
	color: #000000;
	padding: 0.2em;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	z-index: 9999;
	width: 100%;
}

.chromeframe a {
	color: #ed1c24;
}

/*-------- 1.1 Typography --------*/


/* This is for Montserrat font for firefox */
@font-face {
	font-family: "Montserrat";
	font-style: normal;
	font-weight: 700;
	src: url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;700&display=swap');
	unicode-range: U+02BC, U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200B-200D, U+20A8, U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB;
}


html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.models-item-img, .banner-item-img {
	width:100% ;
	display: inline-block;
}

body {
    overflow-x: hidden!important;
	background: #0C0D0D;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Montserrat", Arial, sans-serif;
	color: #BBC4C7;
	-webkit-font-smoothing: antialiased;
	font-weight: 500;
	/* max-width: 1920px; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-font-smoothing: antialiased;
	color: #BBC4C7;
	font-weight: 700;
}


.main_title a:hover{
	color:#F1383F;
}


h1.main_title_in {
	border-bottom: 1px solid #16171E;
	text-align: center;
	padding: 15px 15px 30px 15px;
	margin: 0;
}

/*-- para subtitulo  -*/
.title { padding: 40px 0 0 0; font-weight: 700; }


.main_title .likesLbl:before , .main_title .favsLbl:before {
    font-family: "fontello";
    font-style: normal;
    font-size: 20px;
    top: 0;
    position: relative;
    margin-right: 3px;
}


.main_title .favsLbl,
.main_title .likesLbl  {
    color: #AF272B;
    padding-left: 6px;    font-weight: 500;
    font-size: 14px;
    padding: 4px 4px 2px 6px;
    float: none;
    /* border: 2px solid #AF272B;
    border-radius: 20px;  */
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.main_title.favsLbl:hover,
.main_title.likesLbl:hover {
	background-color: #AF272B!important;
	color: #fff!important;
}


.main_title  h2 {
    font-size: 13px;
    line-height: 14px;
}

.main_title  h3 {
	margin-bottom: 5px;
	margin-top: 0;
	font-size: 28px;
    text-transform: uppercase;
}



.profile .main_title h3 {
	text-align: center;
}

h1.main_title,
h2.main_title {
	text-align: left;
	/* margin: 0px 0 33px 0;  */
	padding: 0;
	font-size: 28px;
	font-weight: 700;
		color: #06060B;
	/* text-transform: uppercase;  */

}
#welcome h2.main_title {
    /*color: #4ACDFF; */
    text-transform: uppercase;
    background-image: linear-gradient( -225deg, #000000 0%, #00d43b 29%, #00ffc8 67%, #fff800 100%  );
    background-size: auto auto;
    background-clip: border-box;
    background-size: 200% auto;
    color: #000000;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
}
@keyframes textclip {
  to {
    background-position: 200% center;
  }
}
#welcome h2.main_title:after {
text-shadow: 1px 1px black;
}


h1.main_title span,
h2.main_title span {
	display: block;
	color: #000000;
	font-size: 24px;
	text-transform: none;
}

h1.main_title em,
h2.main_title em {
	display: block;
	width: 40px;
	height: 4px;
	background-color: #16171E;
	margin: auto;
	-webkit-border-radius: 5 px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

img.homeTitleIcon {
    height: 50px;
    margin-bottom: 5px;
    padding-right: 10px;
}



h3.main_title {
	text-align: center;
	margin: 0 0 45px 0;
	padding: 0;
	font-size: 36px;
	color: #AF272B;
	text-transform: uppercase;
}

h3.main_title span {
	display: block;
	color: #999;
	font-size: 18px;
	text-transform: none;    font-weight: 500;
}
.parallax-window #subheader h1 {
	display: inline-block;
	margin: 0;
	padding: 15px 20px;
	font-size: 32px;
	color: #000000;
}

.promo_full_wp div h3 {
	font-size: 48px;
	text-transform: uppercase;
	font-weight: 300;
	color: #000000;
	margin-bottom: 30px;
}

.promo_full_wp div h3 span {
	color: #000000;
	display: block;
	text-transform: none;
	font-size: 24px;
}

/** Layes slider typography **/
h3.slide_typo {
	white-space: nowrap;
	color: #fff !important;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 52px;
	line-height: 1.1;    font-weight: 700;
	/* text-align: center; */
	text-shadow: 2px 2px 7px rgba(0, 0, 0, 0.45);
}

.slide_typo_2 {
	color: #000000;
	font-size: 22px;
	white-space: nowrap;
	font-weight: 500;
}

p {
	margin-bottom: 20px;
}

.strong, strong {
	font-weight: 500;
}

p.lead.styled {
	text-align: center;
	font-size: 18px;
	padding: 0 10%;
	margin-bottom: 45px;
}

/*General links color*/
a {
	color: #9797A6;
	text-decoration: none;
	-webkit-transition: right 0.2s ease;
	transition: all 0.2s ease;
	outline: none;
}

a:hover,
a:focus {
	color: #C81A21;
	text-decoration: none;
	outline: none;
}


/* #copy a:hover, a:focus, footer a:hover, a:focus {  	color: #ccc;  }  */



/*---------------- authentication -------------------*/
div#authenticationLeftPanel {
	padding: 100px 0; 
	height: 100vh;
	background: #e8f0fe;
}

img#authenticationFormLogo {
	width: 350px;
}

div#authenticationFormLogoWrapper {
	margin: 15px auto 0; 
	  position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
      max-width: 600px;
      text-align: center;
		
}

div#authenticationFormFieldsWrapper {
	padding: 10px 25px;
	text-align: initial;
}

div#authenticationFormPanel {
	height: 100vh;
}

img#authenticationLeftLogo {
    max-height: 350px;
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
}


.redColor {color: #C81A21;}


/*-------- 1.2 Buttons --------*/

.btn_full_price {
	padding: 10px 5px !important;
	display: inline-block !important;
}
.btn_full_price_on {
	background: #F1383F!important;
}



.btn_price {
	font-size: 22px;
	line-height: 24px;
	text-shadow: 1px 1px 0px #888, 1px 2px 0px #444, 2px 3px 0px rgba(0, 0, 0, 0.4);
}
.btn_subPrice {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
    line-height: 14px;
    text-transform: capitalize;

}

.btn_PriceM {    font-size: 12px;
    font-weight: 500;
}



/*-------- nuevo set de buy Test --------*/

a.buyOption.btn_full,
.buyOption.btn_full {

	background: #AF272B;

}
a.buyOption.btn_full:hover,
.buyOption.btn_full:hover {

	background: #F1383F;

}


a#nextButton.btn_full, #nextButton.btn_full, a#submitBuy.btn_full, #submitBuy.btn_full {
    background: #AF272B;
}


a#nextButton.btn_full:hover, #nextButton.btn_full:hover, a#submitBuy.btn_full:hover, #submitBuy.btn_full:hover {
    background: #F1383F;
}


a#nextButton.btn_full:focus,  #nextButton.btn_full:focus, a#submitBuy.btn_full:focus,  #submitBuy.btn_full:focus {
    background-color: #F1383F!important;
}

#nextButton h1 .material-symbol  {
    font-size: unset;
}






/*-------- nuevo boton de no_member --------*/


.btn_full_price {
	padding: 10px 5px !important;
	display: inline-block !important;
}
.btn_price {
	font-size: 24px;
	line-height: 22px;
	text-shadow: 1px 1px 0px #888, 1px 2px 0px #444, 2px 3px 0px rgba(0, 0, 0, 0.4);
}

a.btn_full,
.btn_full {
	border: none;
	border-radius: 2px;
	font-family: inherit;
	font-size: inherit;
	color: #000000;
	width: 100%;
    background: #AF272B;
	cursor: pointer;
	padding: 12px 20px;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-transform: uppercase;
	display: block;
	text-align: center;    font-weight: 700;
	margin-bottom: 5px;
}



.SR a.btn_full, .SR .btn_full {

	background: #db5e2a;
}




.SR a.btn_full:hover, .SR .btn_full:hover {

}







.buttonSquare i, .buttonRounded i {
    color: white;
    font-size: 32px;
    margin: 0 7px;
    left: 3px;
    z-index: 20;
    position: relative;
}




.buttonRounded {
width: 100%;    border-radius: 10px;
display: inline-block;    -webkit-box-sizing: content-box;    -moz-box-sizing: content-box;    box-sizing: content-box;    position: relative;    cursor: pointer;    margin: 0px 0 20px 0;    padding: 25px 0px 25px 0px;    border: none;      color: rgba(255,255,255,0.9);    text-transform: capitalize;    -o-text-overflow: clip;    text-overflow: clip;   background: #438BF7;    background: #FDA103; text-shadow: 0 0 0 rgba(239,245,247,1);    transition: all 0.2s;
}

.buttonRounded:active, .buttonRounded:focus {
    top: 0;
    background: #8e9292;
    -webkit-transform-origin: 50% 100% 0;
    -moz-transform-origin: 50% 100% 0;
    -o-transform-origin: 50% 100% 0;
    -ms-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}


.buttonRounded::before {
    display: inline-block;
    border-radius: 10px 0 0 10px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    width: 63px;
    height: 100%;
    position: absolute;
    content: "";
    cursor: pointer;
    top: 0;
    left: 0;
    border: none;
    color: rgba(0,0,0,0.90);
    -o-text-overflow: clip;
    text-overflow: clip;
    background: #AF272B;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    -webkit-background-size: 48px auto;
    background-size: 48px auto;
    transition: all 0.2s;
}

.buttonSquare span, .buttonRounded span {
    position: absolute;
    left: 78px;
    top: 14px;

    text-transform: uppercase;
}


.btnPrice2 {
    font-size: 30px;    font-weight: 700;
    text-shadow: 1px 1px rgb(0 0 0 / 31%);
    line-height: 1.3;


}

.btnPrice3 {
	font-size: 12px;
    text-shadow: none;
    text-transform: none;
}
/*-------- nuevo boton de no_member --------*/










a.btn_full:hover, .btn_full:hover {
    background: #AF272B;
}
ul#scene_info a {

    width: 100%;
}
ul#scene_info li {

    vertical-align: middle;
}
ul#scene_info a
{
	background-color:#F1383F;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#BBC4C7;
	font-size:17px;
	padding:11px 11px;
	text-decoration:none;
	text-shadow:0px 1px 0px #E9CCAB;
	margin:3px;
     min-width: 15em;
    width: auto;
}
ul#scene_info a:hover
{
	background-color:#404042;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#000000;
	font-size:17px;
	padding:11px 11px;
	text-decoration:none; margin:3px;
	text-shadow:0px 1px 0px #2f6627;
}
ul#scene_info em {

	font-size:10px;

}

a.btn_outline,
.btn_outline {
	border: 2px solid #E9CCAB;
	font-family: inherit;
	font-size: inherit;
	color: #E9CCAB;
	width: 100%;
	cursor: pointer;
	padding: 8px 20px;
	display: inline-block;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	display: block;
	text-align: center;    font-weight: 700;
	text-transform: none;
}

a.btn_outline:hover,
.btn_outline:hover {
	background: #F1383F;
	color: #000000;
}

a.btn_1,
.btn_1 {
	border: none;
	border-radius: 3px;
	font-family: inherit;
	font-size: inherit;
	color: #FFFFFF;
	background: #AF272B;
	cursor: pointer;
	padding: 7px 15px;
	display: inline-block;
	outline: none;
	font-size: 16px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;    font-weight: 500;
}

a.btn_more:hover,
.btn_more:hover  {
	background: #F1383F;
}


a.btn_1:hover,
.btn_1:hover {
	background: #F1383F;
}

a.btn_1_outline,
.btn_1_outline {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: #AF272B;
	border: 2px solid #AF272B;
	cursor: pointer;
	padding: 7px 15px;
	display: inline-block;
	outline: none;
	font-size: 13px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;    font-weight: 500;
}

a.btn_1_outline:hover,
.btn_1_outline:hover {
	background: #E9CCAB;
	border: 2px solid #E9CCAB;
	color: #000000;
}


a.btn_12,
.btn_12 {
background: #f5f5f5;
    color: #999999;
    padding: 0px 5px 0 5px;
    width: 100%;
    border: 0;
    border-radius: 0;
    line-height: 1;
    height: 34px;
    margin: 0;
    font-size: 14px;
}








a.btn_slider,
.btn_slider, a.btn_more,
.btn_more {
	border: none;
	border-radius: 3px;	
	font-family: inherit;
	font-size: inherit;
	color: #FFFFFF;
	background: #AF272B;
	cursor: pointer;
	padding: 8px 20px;
	display: inline-block;
	outline: none;
	font-size: 16px;
	-webkit-transition: background 0.3s !important;
	-moz-transition: background 0.3s !important;
	transition: background 0.3s !important;
	font-weight: 500;
}

a.btn_slider:hover,
.btn_slider:hover {
	background: #F1383F;
    color: #000000;
}



a.btn_1.white,
.btn_1.white {
	background: #AF272B;
	color: #000000;
}

a.btn_1.white:hover,
.btn_1.white a:hover,
.btn_1.white:hover {
	background: #404042;
	color: #AF272B !important;
}

/*-------- 1.3 Structure --------*/

/* Header */

header {
	padding: 5px 10px;
	width: 100%;
	position: fixed;
	top: 0;
	background: linear-gradient(0deg, rgba(217,221,224,1) 
		0%, rgba(255,255,255,1) 100%);
	z-index: 999;
	max-width: 1920px; margin: 0 auto;
}


#avatar {
	width: 100%;
	border-radius: 50%;
	object-fit: cover;
}


.siteHeaderWrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;

	#logo { width: 200px; }
	#logoIcon { height: 71px; }

	ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		li {
			float: left;
			display: block;
			text-align: center;
			text-decoration: none;
			padding: 14px 16px;
		}
	}

	.icon-header {
		.material-symbol {
			font-size: 40px;
			vertical-align: middle;
		}
	}

	#balance {
		display: inline-block;
        /*- border: 2px solid gray;  -*/
        border-radius: 3px;
        padding: 5px 7px;
        background-color: #AF272B;
        color: #FFFFFF;
	}
	#balance span.material-symbol {
		padding-left: 2px;
	}
	#avatar {
		max-width: 35px;
	}
}

.userMenuHeight {
	min-height: 600px;
}

#userMenu {
	position: fixed;
	inset: 80px 10px 10px auto;
	z-index: 99;
	width: 360px;
	background-color: white;
	border-radius: 4px;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .25);
	padding: 5px;

	#avatar {
		max-width: 50px;
	}

	#userMenuInternalWrapper {
		min-height: 100%;
		padding: 0 0 178px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: max-content;
		grid-column-gap: 5px;
		grid-row-gap: 5px;
		position: relative;

		.userMenuCompleateRow {
			grid-column: 1/3;
		}
		.userMenuCompleateRow b {
		margin-right: 5px;
		}
		.userMenuCompleateRow a {
		padding: 0 10px;
	}
		.creatorMenu {
			grid-template-columns: 50px calc(100% - 150px) 80px !important;
		}


		#userMenuDetail {
			display: grid;
			grid-template-columns: calc(100% - 90px) 80px;
			grid-column-gap: 10px;
			align-items: center;
			padding: 10px 0;

			#userMenuDetailData span {
				display: block;
				line-height: 18px;
			}
			#userMenuDetailData a { font-size: small; }
			#userMenuDetailBalance { text-align: right; }
		}

		.userMenuOption {
			border: 0;
			width: 100%;
			height: 44px;
			display: grid;
			grid-template-columns: 20px auto;
			grid-column-gap: 10px;
			align-items: center;
			padding: 0 15px;
			overflow: visible;
			background-color:  #EFF2F4;
			text-align: left;
			cursor: pointer;
			border-radius: 2px;
			/*-- box-shadow: 0 1px 4px rgba(0, 0, 0, .25);	 -*/
		}

		.userMenuOption:hover { color: #C81A21; }

		#privacy a {
			display: block;
			line-height: 20px;
			font-size: small;
		}
	}
}




/* Footer */

footer {
    background-color:#222125;
    padding: 40px 0 60PX 0;
}

footer h4 {
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
	margin-top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	padding-bottom: 10px;    font-weight: 500;
}


#copy a, footer a {
	color: #BBC4C7;
}

#copy a:hover, footer a:hover, footer a:focus  {
	color: #FFFFFF;
	padding-left: 5px;
}

.footer_pic {
	margin-top: -130px;
}

#copy {
	text-align: center;
	font-size: 13px;
	background-color: #06060B;
	padding: 15px;
	color: #DBDBE2;
	color: rgba(255, 255, 255, 0.6)
}

#copy > div:first-child {
	vertical-align: middle;
	display: inline;
	line-height: 46px;
}

div.centerWrapper { margin: 0 auto; display: inline-block; }
img#rtaLogo { width: 70px; }
div#rtaLogoWrapper, div#rtaText { float: left; }


#search_container, #newsletter_container {
	background-color: #0C0D0D;
}

#search_container h3, #newsletter_container h3 {
	font-size: 26px;
	margin: 0 0 20px 0;
}

input.form-control#email_search, input.form-control#email_newsletter {
	margin-bottom: 0;
	background-color: #000000;
	border: none;
	border: 2px solid #16171E;
	height: 49px;
	font-size: 15px;
	padding-left: 20px;
	width: 380px;
	margin-top: -4px;
	margin-right: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

input.form-control#search:focus, input.form-control#email_newsletter:focus {
	border-color: none;
	outline: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #444;
}

#submit-search.btn_1, #submitNewsletter.btn_1 {
	padding: 14px 35px;
}

#footerSocial { float: right; }

#footerSocial ul {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 0;
}

#footerSocial ul li {
	display: inline-block;
	margin: 0 5px 10px 0;
}

#footerSocial ul li a {
	color: #DBDBE2;
	text-align: center;
	line-height: 35px;
	display: block;
	font-size: 16px;
	width: 35px;
	height: 35px;
	padding: 0;
	background-color: #AF272B;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

#footerSocial ul li a:hover {
	color: #F2F2F2!important;
	background: #F1383F;
}

#footerLogoWrapper { float: left; }

#footerLogoWrapper img { height: 35px; }

#footerLinks ul {
	display: inline-block;
	margin: 0; padding: 0;
}

#footerLinks ul li {
	display: inline-block;
	margin: 0 25px 10px 0;
}



/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/

/*-------- 2.1 Home all versions --------*/
.header-video {
	position: relative;
	overflow: hidden;
	background: #000000;
}

#hero_video {
	position: relative;
	background-size: cover;
	color: #000000;
	width: 100%;
	font-size: 16px;
	display: table;
	height: 100%;
	z-index: 99;
	text-align: center;
}

#hero_video > div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 0 10%;
}

#sub_content h1 {
	margin: 0 0 0 0 0;
	font-size: 60px;
	font-weight: 300;
	color: #000000;
}

#sub_content p {
	font-size: 24px;
	margin: 0;
	padding: 0;
}

video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.55;
}

iframe {
	height: 100%;
	width: 100%;
}

video {
	width: 100%;
}

.teaser-video {
	width: 100%;
	height: auto;
}

.header-video--media {
	width: 100%;
	height: auto;
}

#count {
	background-color: rgba(0, 0, 0, 0.25);
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 15px 0;
	color: #000000;
	font-size: 18px;
	z-index: 99;
	border-top: 1px solid rgba(255, 255, 255, 0.15)
}

#count ul {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

#count ul li {
	display: inline-block;
	text-align: center;
	margin: 0 10px;
	padding-left: 20px;
	background: url(../img/dots_vert.png) center left no-repeat;
}

#count ul li:first-child {
	margin-left: 0;
	padding-left: 0;
	background: none;
}

#count ul li:last-child {
	margin-right: 0;
}

#count .number {
	width: 60px;
	display: inline-block;
	margin-right: 5px;    font-weight: 500;
	text-align: right;
	font-size: 24px;
}

#welcome {
    background-image: url(../img/bg_welcome2.jpg);
    background-repeat: no-repeat;
    background-position: CENTER 0%;
    background-size: cover;
    padding: 60px 0;
    color: #454648;
	}

#feat { background: #cff3ff; } 

.box_feat {
	text-align: center;
	margin-bottom: 20px;
	padding-top: 100px;
}

.box-feat {
	text-align: center;
}

.box_feat#icon_1 {
	background: url(../img/icon_1.svg) no-repeat center top;
}

.box_feat#icon_2 {
	background: url(../img/icon_2.svg) no-repeat center top;
}

.box_feat#icon_3 {
	background: url(../img/icon_3.svg) no-repeat center top;
}

#filter_buttons {
	text-align: center;
	margin-bottom: 30px;
}

#filter_buttons button {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #16171E;
	border: 0;
	font-weight: 500;
	padding: 5px 10px;
	min-width: 90px;
	margin: 20px 5px 10px 5px;
	outline: none;
	    text-transform: uppercase;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#filter_buttons button:hover {
	background-color: #AF272B;
	color: #000000;
}

#filter_buttons button.active {
	background-color: #E9CCAB;
	color: #000000;
}





#comm_buttons {
	text-align: center;  font-size: 12px;
}

#comm_buttons button {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background-color: #000000;
	border: 0;
	font-weight: 500;
	padding: 5px 10px;
	min-width: 90px;
	margin: 20px 5px 10px 5px;
	outline: none;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: 2px solid #AF272B;
}

#comm_buttons button:hover {
	background-color: #AF272B;
	color: #000000;
}

#comm_buttons button.active {
	background-color: #E9CCAB;
	color: #000000;
}





.ico4K { cursor: auto; position: absolute; left: 64%; top: 2%; width: 35%; }

.scene_container {
	background-color: #DBDBE2;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	margin: 0;
	margin-bottom: 30px;
	position: relative;
    padding: 0;
}

.scene_container figure {
	position: relative;
	overflow: hidden;
}

.scene_container .scene_title {
	padding: 5px;
	position: relative;
	font-size: 18px;
    font-weight: 500;
	line-height: 1.4em;
	}


.scene_container .scene_title h4 {
	margin: 5px 0;
	font-size: 12px;    font-weight: 500;
}

.scene_container .scene_title .wrapperDownStashIcons { float: right; }
.scene_container .scene_title .wrapperSceneTitle { max-width: calc(100% - 65px); float: left; }

.scene_container figure a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.scene_container figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.short_info {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../img/shadow_box.png) repeat-x left bottom;
	width: 100%;
	padding: 12px 10px 12px 10px;
	color: #000000;
	font-size: 13px;    font-weight: 500;
}

.type {
	text-align: center;
	position: absolute;
	top: -15px;
	left: 0;
	width: 100%;
}

.type span {
	display: inline-block;
	background-color: #E9CCAB;
	color: #000000;
	text-align: center;
	padding: 3px 15px;
	text-transform: uppercase;
	font-weight: 500;
}


.category {


    border-radius: 30px;
    text-align: left;

    margin: 10px;
	 }

.category span {

    font-weight: 500;
    margin-right: 10px;
}

.categoryScenes {

	    color: #AF272B;
	width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.categoryNmbr {
	    color: #999;
	font-size: 11px;
}


.dateLbl, .likesLbl, .favsLbl, .views {
	font-weight: 500;
	font-size: 12px;
	cursor: pointer;
}

.dateLbl {
	float: left; color: #C81A21; cursor:default;
}

.dateLbl sup {
	font-size: 11px;
	position: relative;
	top: -5px;
}

.likesLbl {
	float: right;
	color: #F1383F;padding-left:6px
}
.favsLbl , .views {
	float: right;
	color: #F1383F; padding-left:6px
}
.views:before {
	font-family: "fontello";
	font-style: normal;
  content: "\e839";
	font-size: 14px;
	top: 0;
	position: relative;
	margin-right: 3px;
}

.favsLbl:before {
	font-family: "fontello";
	font-style: normal;
  content: "\ea97";
	font-size: 14px;
	top: 0;
	position: relative;
	margin-right: 3px;
}


.favsLbl.off:before {
  content: "\ea96";
}

.likesLbl.off:before {
  content: "\e842";
}


.likesLbl:before {
	font-family: "fontello";
	font-style: normal;
	content: '\e844';
	font-size: 14px;
	top: 0;
	position: relative;
	margin-right: 3px;
}

a#view_all {
	background: #404042;
	color: #AF272B;
	display: table;
	width: 100%;
	height: 330px;    font-weight: 500;
	font-size: 16px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
}

a#view_all:hover {
	background: #AF272B;
	color: #000000;
}

a#view_all span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

a#view_all span i {
	font-size: 38px;
	display: block;
	margin-bottom: 5px;
}

.promo_full {
	height: auto;
	background: url(../img/promo_bg.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
}

.promo_full6066 {
	height: auto;
	background: url(../img/6066.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	position: relative;
}

.promo_full_wp {
	display: table;
	width: 100%;
	height: auto;
}

.promo_full_wp > div {
	display: table-cell;
	padding: 5% 0;
	vertical-align: middle;
	text-align: center;
	color: #000000;
	font-size: 16px;
	box-sizing: content-box;
}

#testimonials {
	background: #AF272B url(../img/bg_subscribe.png) no-repeat left top;
	color: #000000;
}

#testimonials h3 {
	font-size: 36px;    font-weight: 700;
	color: #000000;
	margin-top: 0;
	padding-top: 0;
}

#compatib {
	background: url(../img/android_apple.svg) no-repeat 0 0;
	padding-left: 75px;
	height: 29px;
	box-sizing: content-box;
	padding-top: 7px;
	margin-bottom: 20px;
}

.box_overlay {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 25px 25px 25px 225px;
	color: #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position: relative;
	font-size: 14px;
	text-align: left;
}

.pic {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 190px;
	height: 80px;
}

.pic h4 {
	position: absolute;
	left: 95px;
	top: 18px;
	color: #000000;
	font-size: 14px;    font-weight: 500;
}

.pic h4 small {
	display: block;
	color: #000000;
	margin-top: 3px;
}

.pic figure {
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.pic figure img {
	width: 80px;
	height: auto;
	border: 5px solid rgba(0, 0, 0, 0.2);
}

.comment {
	border-left: 1px solid rgba(255, 255, 255, 0.5);
	padding-left: 25px;
	font-family: 'Kalam', cursive;
	font-size: 22px;
}

/*-------- 2.2 Workout page --------*/
#nav_in {
	background-color: #16171E;
	padding: 12px 0;
}

#nav_in ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav_in ul li {
	display: inline;
	margin-right: 5px;
}

ul#scene_info {
	background-color: #AF272B;
	margin: 0;
	padding: 10px;
	list-style: none;
	color: #000000;
}

ul#scene_info li {
	display: inline-block;
	margin-right: 10px;
}

ul#scene_info li:last-child {
	float: right;
	margin-right: 0;
}





ul#scene_info2 {
	background-color: #000000;
	margin: 0;
	padding: 10px;
	list-style: none;
	color: #000000;
}

ul#scene_info2 li {
	display: inline-block;
	margin-right: 10px;
}

ul#scene_info2 li:last-child {
	float: right;
	margin-right: 0;
}


.workoutlist {
	margin-bottom: 20px;
	border-bottom: 1px solid#16171E;
	padding-bottom: 20px;
}

.workoutlist h4 {
	margin-top: 20px;
}

.workoutlist h4 a {
	color: #AF272B;
}

.workoutlist h4 a:hover {
	color: #E9CCAB;
}

.workoutlist.last {
	margin-bottom: 0;
	border-bottom: none;
	padding-bottom: 20px;
}

.workoutlist figure {
	position: relative;
	background-color: #000000;
	z-index: 2;
	width: 100%;
	height: 100%;
}

.workoutlist figure i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	margin-top: -16px;
	z-index: 5;
	color: #000000;
	font-size: 32px;
	line-height: 1;
}

.workoutlist figure a img {
	opacity: 0.8;
}

.workoutlist figure a img:hover {
	opacity: 0.6;
}

.workoutlist figure span {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	padding: 3px 8px 0 8px;    font-weight: 500;
	font-size: 12px;
	color: #000000;
	background-color: rgba(0, 0, 0, 0.7);
}

.workoutlist figure em {
	position: absolute;
	bottom: 0;
	right: 5px;
	font-style: normal;
}

.workoutlist figure em:before {
	font-family: "fontello";
	content: "\ebcf";
	color: #6F9;
}

#price_in {
	font-weight: 300;
	font-size: 32px;
	position: absolute;
	left: 0;
	top: 20px;
	background-color: #AF272B;
	color: #000000;
	padding: 10px 20px 3px 20px;
	line-height: 1;
}

#price_in sup {
	font-size: 16px;
}

#price_in .orginal_price {
	font-size: 18px;
	text-decoration: line-through;
}

#features {
	margin-top: 75px;
}

#features.version-2 {
	margin-top: 0;
}

#features a {
	color: #444;
	border-bottom: 1px dotted #999;
}

#features ul {
	list-style: none;
	margin: 20px 0 20px 5px;
	padding: 0;
}

#features ul li {
	margin-bottom: 10px;
	position: relative;
	padding-left: 30px;
}

#features ul li i {
	margin-right: 5px;
	font-size: 18px;
	position: absolute;
	top: 1px;
	left: 0;
}

#trainer_col {
	padding: 10px 20px 20px 20px;
}

#trainer_col h4 {
	text-transform: uppercase;
	font-size: 13px;    font-weight: 500;
	color: #999;
	margin-top: 0;
	padding-top: 0;
}

#trainer_col h5.media-heading {
	font-weight: 500;
	font-size: 17px;
}

iframe {
	border: 0;
}

/*Calculator*/
form#calculator .form-control {
	color: #000000;
	font-weight: 500;
}

form#calculator label {
	color: #000000;
	font-weight: 500;
}

form#calculator .form-control::-moz-placeholder {
	color: #000000;
	font-weight: 500;
	opacity: 1;
}

form#calculator .form-control:-ms-input-placeholder {
	color: #000000;
	font-weight: 500;
}

form#calculator .form-control::-webkit-input-placeholder {
	color: #000000;
	font-weight: 500;
}

#btn-close-modal {
	text-align: right;
	font-size: 38px;
	padding: 10px 15px;
	cursor: pointer;
	color: #000000;
	opacity: 0.5;
}

#btn-close-modal:hover {
	opacity: 1;
}

#warning, #ageRestriction  {
	background-color: #282828de;
	display: block; padding-right: 17px;
}

.warning {
	color: #BBC4C7;
    background: url(/img/warning-bckg.jpg) #454444 no-repeat left top;
    padding: 10px 0 0 0;
    border: 5px #cedcf8 solid;
    border-radius: 10px;
}


.modal-content-2 h4 {
	text-align: center;
	color: #000000;
	font-size: 32px;
	margin: 0 0 45px 0;
}

.result h3 {
	margin-bottom: 0;
	font-size: 16px;    font-weight: 500;
	color: #000000;
}


.result {
	background-color: #6fc78c;
	color: #000000;
	text-align: center;
	font-size: 60px;    font-weight: 700;
	padding: 10px 20px 15px 20px;
	margin-bottom: 30px;
	font-family: "Helvetica Neue", Arial;
}

.box_style_3 {
	border: 1px solid #666666;

	text-align: center;
	min-height: 220px;
	position: relative;
	margin-bottom: 15px;
	background-color: #e9edf5;
}

.box_style_3 h4 {
	position: absolute;
	bottom: 15px;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.box_style_3 #count_calories {
	font-size: 38px;
	margin-top: 70px;
	line-height: 1;
}

.calculate_link {
	font-size: 14px;
	margin-top: 5px;    font-weight: 500;
}

/*-------- 2.3 Model --------*/

.scene_title a:hover , .model_title a:hover {
	color:#F1383F;
}




@media (max-width: 767px) {
  .extra-small-padding {
    padding-bottom: 10px;
  }
}


.submitSaveContinueWrapper a.continue,
.submitSocialMediaLinksWrapper a.continue {
	background: #AF272B;
}

.submitSaveContinueWrapper a.continue:hover,
.submitSaveContinueWrapper a.continue:focus,
.submitSocialMediaLinksWrapper a.continue:hover,
.submitSocialMediaLinksWrapper a.continue:focus {
	background: #F1383F;
}

a.disableLink, a.disableLink:hover, a.disableLink:focus {
	background: lightgray !important;
	cursor: default;
}

#profileImageCurrent img {
    border-radius: 50%; }

.eachProfileImage {
    margin-bottom: 20px;
}


.eachMenu {
	background-color: #DBDBE2;
    color: #9797A6;
	padding: 10px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

.eachMenu:hover {
    color: #AF272B;
}


.activeMenu, #mobileActive {
	background-color: #000000;
	color: #AF272B;
	font-weight: 700;
}


.activeMenu:hover, #mobileActive:hover, .activeMenu:focus {
	color: #F1383F;
}

a#supplementMenu {
    color: #AF272B;
}

.eachSection {
	background-color: #000000;
	padding: 15px;
	border-radius: 4px;
	min-height: 400px;
}


.eachObsFieldData {
	background-color: lightgray;
}


.timeZoneWrapper, .downLimitWrapper, .oneClickWrapper, .oneClickAvailabilityWrapper, .emailVerificationWrapper, .logoutWrapper {
	padding: 6px 0; border-bottom: 1px solid black;
}

.timeZoneWrapper {
	border-top: 1px solid #AF272B;
}


.timeZoneWrapper span:nth-child(1){
  display: inline-block; margin: auto 10px auto 0;
}

.timeZoneWrapper span:nth-child(2){
  flex: 1;
}

.downLimitWrapper span:nth-child(1){
  display: inline-block; margin: auto 10px auto 0;
}

.downLimitWrapper span:nth-child(2){
  flex: 1;
}

.oneClickAvailabilityWrapper span:nth-child(1){
  display: inline-block; margin: auto 10px auto 0;
}

.emailVerificationWrapper a {
	margin-left: 10px;
	padding-top: 2px;
    padding-bottom: 2px;
}

#emailSettings {
	padding: 6px 0;
}

.emailSettingsBorder {
	border-bottom: 1px solid black;
}

#popoverOneClick { cursor: pointer; }

.logoutWrapper a {
	width: 100%;
	text-align: center;
}

.logoutWrapper div:nth-child(1){
  line-height: 38px;
}

.iconFieldWrapper { display: flex; }
.iconFieldWrapper i { display: inline-block; }
.iconFieldWrapper input { flex: 1; }

#customerMail {
	border: 0;
	min-width: 245px;
	width: 50%;
}

/*-- Creator Live Streaming related styles  >> TO <<  --*/




.model_container {
	background-color: #404042;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
	margin: 0;
	margin-bottom: 30px;
	position: relative;
    padding: 0;
}

.model_container figure {
	position: relative;
	overflow: hidden;
}

.model_container .model_title {
	padding: 5px;
	position: relative;
	font-size: 18px;
    font-weight: 500;
}

.model_container .model_title h4 {
	margin: 5px 0;
	font-size: 12px;    font-weight: 500;
}

.model_container figure a:hover img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.model_container figure img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}








.models-item-img {
	position: relative;
}

.models-item-img .models-item-detail {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.80);
	text-align: center;
	color: #000000;
	display: -webkit-flex;
	display: flex;  /* verificar */
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.5s ease-in-out 0s;
	-moz-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
}

.models-item:hover .models-item-detail {
	opacity: 1;
	visibility: visible;
}

.models-item-img .models-item-detail .models-item-detail-inner {
	margin: auto;
	padding: 25px;
}

.models-item-detail-inner h4 {
	color: #000000;
	text-transform: uppercase;
	font-weight: 500;
}

.models-item-detail-inner .social {
	margin: 0 0px 25px 0px;
	padding: 0px;
}

.models-item-detail-inner .social li {
	list-style: none;
	display: inline-block;
	margin: 0px 5px;
}

.models-item-detail-inner .social li a {
	color: #fff!important;
}

.models-item-detail-inner .social li a:hover {
	color: #AF272B;
}

.models-item-info {
	padding-top: 15px;
	text-align: center;
}

.models-item-info h4 {
	margin-bottom: 0px;
	text-transform: uppercase;
}

/*-------- 2.4 Explore page  --------*/
#filters_col {
	background-color: #000000;
	padding: 20px 20px 20px 20px;
	border: 1px solid #16171E;
	margin-bottom: 25px;
}

#filters_col label {
	color: #555;
	font-weight: normal;
	font-size: 12px;
}

a#filters_col_bt {
	display: block;
	color: #E9CCAB;
	position: relative;
	font-size: 16px;    font-weight: 500;
}

a#filters_col_bt:before {
	font-family: "ElegantIcons";
	content: "\66";
	font-size: 26px;
	position: absolute;
	right: 0;
	top: 0;
	line-height: 1;
}

.filter_type h6 {
	border-top: 0px solid #DBDBE2;
	margin: 15px 0;
	font-weight: 500;
	padding: 15px 0 0 0;
	font-size: 13px;
	text-transform: uppercase;
	color: #222125;
}

.filter_type ul {
	list-style: none;
	padding: 0;
	margin: 0 0 15px 0;
}

.filter_type ul li {
	margin-bottom: 10px;
}

.filter_type ul li:last-child {
	margin-bottom: 0;
}

.irs-from,
.irs-to,
.irs-single {
	font-size: 11px !important;
	background: #AF272B !important;
	font-weight: 500;
}

.irs-from:after,
.irs-to:after,
.irs-single:after {
	border-top-color: #AF272B !important;
}


/*-------- 2.5 Cart section --------*/
#subheader_cart {
	background-color: #F1383F ;
	height: 320px;
	width: 100%;
	display: table;
	color: #000000;
}

#subheader_cart #content {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.bs-wizard {
	width: 90%;
	margin: 50px auto 0;
}

.bs-wizard > .bs-wizard-step {
	padding: 0;
	position: relative;
}

.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
	font-size: 14px;    font-weight: 500;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot {
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
	top: 36px;
	left: 50%;
	margin-top: -5px;
	margin-left: -25px;
	border-radius: 50%;
	border: 2px solid #000000;
	background-color: #F1383F ;
}

.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
	content: '\4e';
	font-family: 'ElegantIcons';
	border-radius: 50px;
	position: absolute;
	top: 5px;
	left: 10px;
	font-size: 26px;
	color: #000000;
}

.bs-wizard > .bs-wizard-step > .progress {
	position: relative;
	border-radius: 0px;
	height: 2px;
	box-shadow: none;
	margin: 34px 0;
}

.bs-wizard > .bs-wizard-step > .progress > .progress-bar {
	width: 0px;
	box-shadow: none;
	background: #404042;
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
	width: 100%;
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
	width: 50%;
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
	width: 0%;
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
	width: 100%;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
	background-color: #F1383F ;
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
	opacity: 0;
}

.bs-wizard > .bs-wizard-step:first-child > .progress {
	left: 50%;
	width: 50%;
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
	width: 50%;
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
	pointer-events: none;
}

.table.cart-list th,
.table.options_cart th {
	background-color: #000000;
	text-transform: uppercase;    font-weight: 700;
}

.table.cart-list td {
	vertical-align: middle;
}

.table.options_cart td {
	vertical-align: middle;
}

.table.cart-list td strong {
	font-weight: 500;
}

.options i {
	font-size: 22px;
}

.thumb_cart {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
	width: 80px;
	height: 80px;
	margin-right: 10px;
	float: left;
}

.thumb_cart img {
	width: 80px;
	height: auto;
}

.item_cart {
	display: inline-block;
	margin-top: 32px;    font-weight: 500;
}

#total_cart {
	font-size: 24px;    font-weight: 700;
	margin-bottom: 10px;
}

.form_title {
	position: relative;
	padding-left: 55px;
	margin-bottom: 10px;
}

.form_title h3 strong {
	background-color: #06060B;
	text-align: center;
	width: 40px;
	height: 40px;
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: #000000;
	font-size: 18px;
	font-weight: 700;
	line-height: 42px;
	text-align: center;
	position: absolute;
	left: 0;
	top: -5px;
}

.form_title h3 {
	margin: 0;
	padding: 0;
}

.form_title p {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
}

.cards {
	margin-top: 28px;
}

#confirm {
	text-align: center;
	margin-bottom: 25px;
}

#confirm i {
	font-size: 140px;
	color: #F1383F ;
	display: inline-block;
}

.table td.total_confirm {
	font-weight: 500;
	font-size: 18px;
	background-color: #AF272B;
	color: #000000;
}

.box_style_5 {
	border: 1px solid #666666;
	background-color: #000000;
}

/*-------- 2.6 Faq page --------*/
ul#cat_nav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul#cat_nav li {
	border-bottom: 1px solid #16171E;
}

ul#cat_nav li a {
	position: relative;
	color: #555;
}

ul#cat_nav li a span {
	font-size: 11px;
	color: #999;
}

ul#cat_nav li a:after {
	font-family: "fontello";
	content: "\e89b";
	position: absolute;
	right: 15px;
	top: 15px;
}

ul#cat_nav li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

ul#cat_nav li a {
	display: block;
	padding: 15px 10px;
}

ul#cat_nav li a:hover,
ul#cat_nav li a.active {
	background: #AF272B;
	color: #000000;
}

.panel {
    background-color: #D9DDE0;
    padding: 15px;
    /*-  border: 1px solid #A8A8B7;  -*/
    border-radius: 4px;
}

.panel-title a {
    display: block;
    color: #BBC4C7;
}

.panel-default > .panel-heading {
    background-color: #D9DDE0;
    padding: 10px;
    border-bottom: 1px solid #A8A8B7 ;
}

.panel-heading {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.panel-group .panel {
	border-radius: 0;
}

.panel-body {
	padding: 10px;
	line-height: 1.6 !important;
}

.panel-title a .indicator {
	color: #AF272B ;
}

.panel-title a:hover .indicator {
	color: #F1383F;
}

.input-group-addon {
	padding: 4px 12px;
}

.white-background {
	background-color: #fff !important;
}


i.icon_minus_alt2:before,
i.icon_plus_alt2:before  {
	line-height: 0.5em;
}

a.changeIconOnCollapse[aria-expanded=true] .iconCollapsed {
	display: none;
}
a.changeIconOnCollapse[aria-expanded=false] .iconExpanded {
	display: none;
}

.autoScrollMarginTop {
	scroll-margin-top: 150px;
}

i.icon-info-circled { color: #3098CA; }

/*-------- 2.7 Gallery page --------*/
.img_wrapper {
	background-color: #000000;
	margin: 0;
	margin-bottom: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
}

.img_container a:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
	opacity: 1;
}

.img_container img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-moz-transition: all 0.4s;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
	opacity: 0.8;
}

.img_container {
	position: relative;
	overflow: hidden;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 0;
}

/*-------- 2.8 Contact page --------*/
ul.contacts_info {
	list-style: none;
	padding: 0;
	margin: 15px 0 0 0;
}

ul.contacts_info li {
	margin-bottom: 15px;
}

ul.contacts_info li:last-child {
	margin-bottom: 0;
}

#map_contact {
	width: 100%;
	height: 500px;
}

/*-------- 2.9 Login/Register modals-------*/
.form-control.form-white {
	color: #222125;
	font-size: 16px;
	height: 48px;
	position: relative;
	border-radius: 0;
	padding: 15px 20px 15px 10px;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	box-shadow: 0;
	border-bottom: 2px solid #AF272B;
    background: #DBDBE2;
}

.form-control.form-white::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #000000;
}

.form-control.form-white:-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 4 to 18 */
	color: #000000;
}

.form-control.form-white::-moz-placeholder {
	opacity: 1;
	/* Mozilla Firefox 19+ */
	color: #000000;
}

.form-control.form-white:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #000000;
}

.form-control.form-white:focus {
	background: rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.login_icon {
	color: #000000;
	font-size: 80px;
	opacity: 0.5;
}

.modal-backdrop {
	z-index: 999999;
}

.modal {
	padding: 0 25px !important;
	z-index: 9999999;
}

.modal-dialog {
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}

.modal-popup {
	position: relative;
	padding: 45px 30px;
	text-align: center;
	background: #0C0D0D;
	color: #BBC4C7;
	border-radius: 0px;
	border: none;
}

.modal-popup a {
   /*-  color: #BBC4C7;  -*/
}

.modal-popup a.close-link {
	font-size: 22px;
	position: absolute;
	top: 20px;
	right: 30px;
	color: #9797A6;
}

.modal-popup a.close-link:hover { color: #C81A21 }

.modal-popup a {     color: #a57881;  }
.modal-popup a:hover {     color: #C81A21;  }

.popup-form {
	width: 90%;
	max-width: 410px;
	margin: 30px auto;
}

.popup-form .form-control {
	margin: 20px 0;
}

s.checkbox-holder {
	white-space: nowrap;
}

.checkbox {
	position: relative;
	display: block;
}

.checkbox {
	position: relative;
}

.checkbox label:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	cursor: pointer;
	border: 2px solid white;
	background: transparent;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}

.checkbox input[type=checkbox]:focus + label:before {
	background: rgba(255, 255, 255, 0.2);
}


.checkbox input[type=radio]:focus + label:before {
	background: rgba(255, 255, 255, 0.2);
}



.checkbox label:after {
	content: '';
	position: absolute;
	top: 6px;
	left: 6px;
	width: 8px;
	height: 8px;
	opacity: 0;
	background: #404042;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.checkbox input[type=checkbox] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}


.checkbox input[type=radio] {
	opacity: 0;
	position: absolute;
	width: 0;
	height: 0;
}


.checkbox input[type=checkbox]:checked + label:after {
	opacity: 1;
}

.checkbox input[type=radio]:checked + label:after {
	opacity: 1;
}



.checkbox-holder span {
	position: relative;
	display: inline-block;
	margin: 0 0 0 10px;
	white-space: normal;
	color: #000000;
}

.btn.btn-submit {
	width: 100%;
	margin-top: 30px;
	color: #AF272B;
	padding: 10px;
	background: #404042;
	outline: none;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-size: 16px;
}

.btn.btn-submit:focus {
	outline: none;
}

.btn.btn-submit:hover {
	color: #000000;
	background: #E9CCAB;
}

/*-------- 3.0 Trainer profile page --------*/
.profile ul {
	text-transform: none;
	font-size: 14px;
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}
.profile ul li {
	border-bottom: 1px solid #e5e5e5;
	padding: 10px 0;
}

/* .profile ul li:last-child {
	border-bottom: none;
}  */

ul.social_model {
	list-style: none;
	padding: 0;
	margin: 5px 0 15px 0;
	font-size: 16px;
	text-align: center;
}

ul.social_model li {
	display: inline-block;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
	width: 40px;
	height: 40px;
	padding: 0;
	margin: 0 5px;
	line-height: 36px;
	text-align: center;
	border: 2px solid #AF272B;
	font-size: 23px;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}


ul.social_model > li:hover {
	background-color: #AF272B!important;

}


ul.social_model > li a:hover {

	color: #fff!important;
}




.indent_title_in {
	position: relative;
	padding-left: 65px;
	margin-bottom: 20px;
}

.indent_title_in i {
	font-size: 40px;
	position: absolute;
	left: 0;
	color: #AF272B;
	top: 0;
}

.indent_title_in  h3 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 26px;
}

.indent_title_in p {
	color: #777;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 14px;
}

.wrapper_indent {
	padding-left: 65px;
}

ul.list_3 {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.list_3 li {
	margin-bottom: 0;
	position: relative;
	padding-left: 20px;
}

ul.list_3 li:before {
	font-family: "fontello";
	content: "\ea3e";
	position: absolute;
	left: 0;
	top: 0;
}

#trainer_courses thead tr th {
	font-weight: 500 !important;
}

/*============================================================================================*/
/* 3.  COMMON */
/*============================================================================================*/

/*-------- 3.1 Preloader --------*/
#preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	bottom: 0;
	background-color: #000000;
	z-index: 999999;
}

[data-loader="circle-side"] {
	position: absolute;
	width: 50px;
	height: 50px;
	top: 50%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
	-webkit-animation: circle infinite .95s linear;
	-moz-animation: circle infinite .95s linear;
	-o-animation: circle infinite .95s linear;
	animation: circle infinite .95s linear;
	border: 2px solid #AF272B;
	border-top-color: rgba(0, 0, 0, .2);
	border-right-color: rgba(0, 0, 0, .2);
	border-bottom-color: rgba(0, 0, 0, .2);
	border-radius: 100%;
}

@-webkit-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-moz-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-o-keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes circle {
	0% {
		-webkit-transform: rotate(0);
		-ms-transform: rotate(0);
		-o-transform: rotate(0);
		transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		-ms-transform: rotate(360deg);
		-o-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/*-------- 3.2 Spacing --------*/
.add_bottom_15 {
	margin-bottom: 15px;
}

.add_bottom_30 {
	margin-bottom: 30px;
}

.add_bottom_45 {
	margin-bottom: 45px;
}

.add_bottom_60 {
	margin-bottom: 60px;
}

.add_bottom_75 {
	margin-bottom: 75px;
}

.add_top_20 {
	padding-top: 20px;
}

.add_top_40 {
	padding-top: 40px;
}

.add_top_60 {
	padding-top: 60px;
}

.margin_60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.container_styled_1.margin_60 {
	padding-top: 100px;
}


.margin_60_35 {
	padding-top: 60px;
	padding-bottom: 35px;
}.margin_80 {
	padding-top: 80px;
	padding-bottom: 80px;
}


.margin_80_35 {
	padding-top: 80px;
	padding-bottom: 35px;
}

.margin_100_35 {
	padding-top: 100px;
	padding-bottom: 35px;
}

.margin_30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin_top_40 {
    margin-top: 40px;
}

.nomargin_top {
	margin-top: 0;
}

.nopadding {
	margin: 0 !important;
	padding: 0 !important;
}

.nomargin {
	margin: 0 !important;
}

/*-------- 3.3 Containers --------*/
.container_styled_1 {
	/* background: #DBDBE2; */
}

.box_style_1 {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
	background-color: #000000;
}

.box_style_2 {
	/* background-color: #DBDBE2; */
	padding: 20px;
	position: relative;
	margin-bottom: 25px;
	min-height: 155px;

}

.box_style_2 hr {
	margin: 10px -25px 20px -25px;
	border: 0;
	border-top: 2px solid #DBDBE2;
}

.box_style_4 {
	padding: 20px;
	position: relative;
	text-align: center;
	border: 1px solid #DBDBE2;
}

.box_style_4:after,
.box_style_4:before {
	content: "";
	position: absolute;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	bottom: 100%;
	left: 50%;
	margin-left: -10px;
}

.box_style_4:before {
	border-bottom: 10px solid #DBDBE2;
	margin-bottom: 0;
}

.box_style_4:after {
	/* border-bottom: 10px solid #666666;  */
	margin-bottom: -1px;
	z-index: 1;
}

.box_style_4 i {
	font-size: 52px;
	margin-top: 10px;
	display: inline-block;
}

.box_style_4 a.phone {
	font-size: 26px;
	display: block;
	/* margin-bottom: 20px; */
}

.box_style_6 {
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
	background-color: #404042;
	padding: 30px 30px 15px 30px;
}

/*-------- 3.4 Ribbons --------*/
.ribbonSR span {
    font-size: 12px; 
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    line-height: 25px;
    transform: rotate( -45deg);
    -webkit-transform: rotate( -45deg); 
    width: 160px;
    display: block;
    background: #FDA103;
    box-shadow: 0 3px 10px -5px rgb(0 0 0);
    text-shadow: 1px 1px 2px rgb(0 0 0 / 25%);
    position: absolute;
    top: 30px;
    left: -40px;
	background: linear-gradient(#FDA103 0%, #F1383F 100%);
}

.ribbonSR {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 100px;
    height: 100px;
    text-align: right;
}

.ribbonSR span::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #C81A21;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #C81A21;
}

.ribbonSR span::after {
    content: "";
    position: absolute;
    right: 8px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid transparent;
    border-right: 3px solid #C81A21;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #C81A21;
}



.SR {
    background-color: #d24f31!important;
    padding: 10px;
    margin-bottom: 20px;
	color: white;
}

.SR .dateLbl {
    color: black;
}


.ribbon {
	position: absolute;
	left: -5px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}

.ribbon span {
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	text-transform: uppercase;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #FDA103;
	box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
	position: absolute;
	top: 19px;
	left: -21px;
}

.ribbon span::before {
	content: "";
	position: absolute;
	left: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid #FDA103 ;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #FDA103 ;
}

.ribbon span::after {
	content: "";
	position: absolute;
	right: 0px;
	top: 100%;
	z-index: -1;
	border-left: 3px solid transparent;
	border-right: 3px solid #FDA103 ;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #FDA103 ;
}


.ribbon.modelNewDaddy span, .ribbon.sceneNewDaddy span {
	background: #F1383F;
}

.ribbon.modelNewDaddy span::before, .ribbon.sceneNewDaddy span::before {
	border-left: 3px solid #F1383F;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #F1383F;
}

.ribbon.modelNewDaddy span::after, .ribbon.sceneNewDaddy span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #F1383F;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #F1383F;
}


.ribbon.modelBigCock span, .ribbon.sceneBareback span {
	background: #FDA103;
}

.ribbon.modelBigCock span::before, .ribbon.sceneBareback span::before {
	border-left: 3px solid #FDA103;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #FDA103;
}

.ribbon.modelBigCock span::after, .ribbon.sceneBareback span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #FDA103;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #FDA103;
}



.ribbon.modelHotDaddy span, .ribbon.sceneNewRelease span {
	background: #F1383F;
}

.ribbon.modelHotDaddy span::before, .ribbon.sceneNewRelease span::before {
	border-left: 3px solid #D64A2C;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #D64A2C;
}

.ribbon.modelHotDaddy span::after, .ribbon.sceneNewRelease span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #D64A2C;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #D64A2C;
}



.ribbon.modelHotFucker span, .ribbon.sceneTwoDaddies  span {
	background: #FDA103;
}

.ribbon.modelHotFucker span::before, .ribbon.sceneTwoDaddies  span::before {
	border-left: 3px solid #F1383F;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #F1383F;
}

.ribbon.modelHotFucker span::after, .ribbon.sceneTwoDaddies span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #F1383F;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #F1383F;
}




/*-- .ribbon.top span {
	background: linear-gradient(#FDA103 0%, #F1383F 100%);
}

.ribbon.top span::before {
	border-left: 3px solid #F1383F;
	border-right: 3px solid transparent;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #F1383F;
}

.ribbon.top span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #F1383F;
	border-bottom: 3px solid transparent;
	border-top: 3px solid #F1383F;
}  ---*/

/*-------- 3.5 Tabs --------*/
.tab-content {
	padding: 30px;
	background-color: #C4CCD4;
	border-top: none;
	margin-bottom: 25px;
	min-height: 50vh;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/*-------- 3.6 Parallax bg --------*/
.parallax_window_in {
	height: 420px;
	position: relative;
	display: table;
	width: 100%;
    MARGIN-TOP: 50PX;
}

#sub_content_in {
	display: table-cell;
	padding: 45px 15% 0 15%;
	vertical-align: middle;
	text-align: center;
	background: #F1383F17;
}

#sub_content_in h1 {
	color: #000000;    font-weight: 700;
	text-transform: uppercase;
	font-size: 42px;
	margin-bottom: 0;
}

#sub_content_in p {
	color: #000000;
	font-size: 24px;
	font-weight: 300;
}

/*-------- 3.7 Input form style --------*/
.loader {
	margin-left: 5px;
	position: absolute;
}

form#subscribe-plan .loader {
	float: left;
	margin-top: -38px;
	margin-left: 10px;
	color: #000000;
}

form#subscribe-plan .error_message {
	padding: 10px 0;
	margin-bottom: 0;
}

.error_message {
	color: #F33;    font-weight: 700;
	margin-bottom: 4px;
}

label {    font-weight: 700;
}

.form-control {
	border-radius: 4px;
	border: 1px solid #DBDBE2;
	padding-left: 5px; 
	/*font-size: 16px!important;*/
	box-shadow: none;
	/*color: #222125;*/
 	/*border-bottom: 2px solid #AF272B;*/
    background: #000000;
}

.form-control:focus {
	border-color: #AF272B;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.form-control::-moz-placeholder {
	color: #b6b6b6;
	font-weight: 500;
	opacity: 1;
}

.form-control:-ms-input-placeholder {
	color: #b6b6b6;
	font-weight: 500;
}

.form-control::-webkit-input-placeholder {
	color: #b6b6b6;
	font-weight: 500;
}

.form-group {
	margin-bottom: 25px;
}

/* Drop down select */
.styled-select select {
	background: #f5f5f5;
    color: #999999;
    padding: 0px 5px 0 5px;

	width: 100%;
	border: 0;
	border-radius: 0;
	line-height: 1;
	height: 34px;
	margin: 0;
	font-weight: 300;
	-moz-appearance: window;
	-webkit-appearance: none;
	cursor: pointer;
	box-shadow: none;
}

.styled-select {
	width: 100%;
	overflow: hidden;
	line-height: 1;
	height: 34px;
	background: url(../img/arrow_down.svg) no-repeat right center;
	border: none;
	border-bottom: 2px solid #16171E;
	margin-bottom: 15px;
}

.styled-select select::-ms-expand {
	display: none;
}

.styled-select select:focus {
	outline: none;
}

.step {
	border-left: 1px solid #DBDBE2;
	margin: 0 0 10px 20px;
	padding: 20px 0 0px 15px;
}

/*-------- 3.8 Scroll top button --------*/
#toTop {
	width: 40px;
	height: 40px;
	background-color: rgba(0, 0, 0, 0.6);
	text-align: center;
	padding: 10px;
	line-height: 20px;
	position: fixed;
	bottom: 8px;
	right: 10px;
	cursor: pointer;
	display: none;
	color: #000000;
	font-size: 20px;
	z-index: 10;
}

#toTop:before {
	font-style: normal;
	font-weight: normal;
	font-family: "fontello";
	content: "\e899";
}

/*-------- 3.9 Plans price style --------*/
.plans {
	margin: 0px auto 50px;
	zoom: 1;
}

.plans:before,
.plans:after {
	content: '';
	display: table;
}

.plans:after {
	clear: both;
}

.plan {
	margin: 10px 0;
	padding: 20px;
	text-align: center;
	background: #DBDBE2;
	/* background-clip: padding-box;  */
	border: solid #DBDBE2;
	border-width: 1px 0 1px 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.col-md-4.plan:first-child {
	margin-right: -30px;
	margin-left: 30px;
}

.plan:last-child {
	border-width: 1px;
}

.plan-title {
	position: relative;
	margin: -20px -10px 20px;
	padding: 20px;
	line-height: 1;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: bold;
	border-bottom: 1px dotted #ccc;
}

.plan-title:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px;
}

.plan-price {
	margin: 0 auto 20px;
	width: 110px;
	height: 110px;
	line-height: 110px;
	font-size: 30px;    font-weight: 500;
	color: white;
	background: #444;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	display: inline-block;
	text-align: center;
}

.plan-price > span {
	font-size: 12px;
	font-weight: normal;
	color: rgba(255, 255, 255, 0.9);
}

.plan-features {
	margin-bottom: 20px;
	line-height: 2;
	font-size: 12px;
	text-align: center;
}

ul.plan-features {
	padding: 0;
	margin: 0 0 30px 0;
}

.plan-features li {
	list-style: none;
}

.plan-tall {
	margin: 0;
	background: #404042;
	border-width: 1px;
	border-radius: 2px;
	margin-right: -30px;
	position: relative;
	z-index: 100;
	border: solid #AF272B;
	position: relative;
}

.ribbon-2 {
	width: 99px;
	height: 97px;
	position: absolute;
	left: -7px;
	top: -7px;
	display: block;
	background: url(../img/ribbon.png) no-repeat 0 0;
	z-index: 101;
}

.plan-tall > .plan-title {
	font-size: 18px;
}

.plan-tall > .plan-price {
	margin: 0 auto 20px;
	height: 130px;
	width: 130px;
	line-height: 130px;
	font-size: 30px;    font-weight: 500;
	color: white;
	background: #AF272B;
	border-radius: 130px;
	-webkit-border-radius: 130px;
	-moz-border-radius: 130px;
	display: inline-block;
	text-align: center;
}

.plan-tall > .plan-features {
	font-size: 14px;
}

.plan-tall > .plan-button {
	padding: 0 16px;
	line-height: 32px;
}

.plan-tall + .plan {
	border-left: 0;
}

.question_box h3 {
	font-size: 16px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.question_box, .check_box {
	padding-left: 35px;
    margin-left: 10px;
    position: relative;
    margin-bottom: 30px;
}

.check_btn_off, .check_btn {
	position: relative;
	margin-bottom: 30px;
	padding: 5px;
	padding-left: 30px;
}

.check_btn_noIcon {
	position: relative;
	margin-bottom: 30px;
	padding: 0 5px 5px;

}
.question_box:before {
	content: "\74";
	font-family: 'ElegantIcons';
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	text-decoration: inherit;
	position: absolute;
	color: #ccc;
	top: -5px;
	left: 0;
}

.check_btn_off:before {
	content: "\V";
	font-family: 'ElegantIcons';
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	text-decoration: inherit;
	position: absolute;
	color: #ccc;
	top: -5px;
	left: 0;
}

.check_btn:before {
	content: "\Z";
	font-family: 'ElegantIcons';
	font-style: normal;
	font-weight: bolder;
	font-size: 30px;
	text-decoration: inherit;
	position: absolute;
	color: #ccc;
	top: -5px;
	left: 0;
}

.check_box:before {
    content: "\52";
    font-family: 'ElegantIcons';
    font-style: normal;
    font-weight: bolder;
    font-size: 27px;
    text-decoration: inherit;
    position: absolute;
    color: #AF272B;
    top: -8px;
    left: 0;
}



/*-------- 3.10 Search modal --------*/
.search-overlay-menu {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	/*- background-color: rgba(0, 0, 0, 0.9); -*/
	background-color: rgb(0 14 56 / 92%);
	
	-webkit-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-moz-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-ms-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	-o-transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	transition: transform 0.3s ease 0s, opacity 0.3s ease 0s, visibility 0s ease 0.3s;
	opacity: 0;
	visibility: hidden;
	z-index: 999999;
	text-align: center;
}

.search-overlay-menu.open {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-ms-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
	transition: opacity 0.3s ease 0s, transform 0.3s ease 0s;
}

.search-overlay-menu form {
	height: 70px;
	position: absolute;
	top: 50%;
	left: 0;
	margin: -35px auto 0;
	width: 60%;
	left: 20%;
	transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	-webkit-transform: translateY(20px);
	transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	-webkit-transition: all 0.3s ease-in-out 0s;
}

.search-overlay-menu.open form {
	transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	-webkit-transform: translateY(0px);
}

.search-overlay-menu input[type="search"] {
	height: 100%;
	width: 100%;
	color: #000000;
	background: transparent;
	border-top: 0px solid transparent;
	border-bottom: 2px solid #999 !important;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-size: 36px;
	font-weight: 300;
	outline: none;
	padding: 10px 0 10px 0;
}

.search-overlay-menu form button {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	border: medium none;
	font-size: 3rem;
	position: absolute;
	right: 0;
	top: 15px;
	color: #c6c6c6;
	outline: none;
}

.search-overlay-menu .search-overlay-close {
	position: absolute;
	top: 5px;
	right: 20px;
	opacity: 1;
	font-size: 40px;
	color: #000000;
}

.search-overlay-menu .search-overlay-close:hover {
	color: #AF272B;
	cursor: pointer;
}

/*-------- 3.11 Input Switcher --------*/
.switchery {
    background-color: #D9DDE0!important;
	border: 1px solid #AF272B !important;
	border-radius: 20px;
	cursor: pointer;
	display: inline-block;
	height: 30px;
	position: relative;
	vertical-align: middle;
	width: 50px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	box-sizing: content-box;
	background-clip: content-box;
	float: right;
	
	/* box-shadow: #F1383F  0px 0px 0px 11px inset!important;  */
    transition: border 0.4s ease 0s, box-shadow 0.4s ease 0s, background-color 1.2s ease 0s;
	
}

.switchery > small {
	background: #000000;
	border-radius: 100%;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	height: 30px;
	position: absolute;
	top: 0;
	width: 30px;
}

/* Switchery sizes. */
.switchery-small {
	border-radius: 20px;
	height: 20px;
	width: 33px;
}

.switchery-small > small {
	height: 20px;
	width: 20px;
}

.switchery-large {
	border-radius: 40px;
	height: 40px;
	width: 66px;
}

.switchery-large > small {
	height: 40px;
	width: 40px;
}

/*-------- 3.12 Pagination --------*/
.pagination > li > a,
.pagination > li > span {
	color: #AF272B;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
	color: #E9CCAB;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #999;
	border-color: #999;
}

/*-------- 3.13 Carousel --------*/
.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.owl-height {
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel {
	display: none;
	width: 100%;
	-webkit-tap-highlight-color: transparent;
	/* position relative and z-index fix webkit rendering fonts issue */

	position: relative;
	z-index: 1;
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel .owl-stage-outer {
	position: relative;
	/* overflow: hidden; */
	/* fix for flashing background */

	-webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
	display: block;
	width: 100%;
	-webkit-transform-style: preserve-3d;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
	display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.row.equal.owl-xHidden {	overflow-x: hidden; }
.owl-carousel.owl-loading {
	opacity: 0;
	display: block;
}

.owl-carousel.owl-hidden {
	opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
	display: none;
}

.owl-carousel.owl-drag .owl-item {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.owl-carousel.owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000000;
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url("owl.video.play.png") no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	-webkit-transition: scale 100ms ease;
	-moz-transition: scale 100ms ease;
	-ms-transition: scale 100ms ease;
	-o-transition: scale 100ms ease;
	transition: scale 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
	-webkit-transition: scale(1.3, 1.3);
	-moz-transition: scale(1.3, 1.3);
	-ms-transition: scale(1.3, 1.3);
	-o-transition: scale(1.3, 1.3);
	transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	-webkit-transition: opacity 400ms ease;
	-moz-transition: opacity 400ms ease;
	-ms-transition: opacity 400ms ease;
	-o-transition: opacity 400ms ease;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
	height: 100%;
	width: 100%;
}

.owl-theme .owl-nav {
	-webkit-tap-highlight-color: transparent;
	position: absolute;
	top: 50%;
	width: 100%;
	margin-top: -50px;
}

.owl-theme .owl-nav .owl-prev {
	position: absolute;
	left: 2%;
	width: 50px;
	height: 50px;
}

.owl-theme .owl-nav .owl-next {
	position: absolute;
	right: 2%;
	width: 50px;
	height: 50px;
}

.owl-theme .owl-nav [class*='owl-'] {
	color: #000000;
	font-size: 36px;
	margin: 5px;
	background: rgba(0, 0, 0, 0.5);
	display: inline-block;
	cursor: pointer;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	font-style: normal;
	font-weight: normal;
	font-family: "fontello";
	text-align: center;
	line-height: 48px;
}

.owl-theme .owl-nav .owl-prev:before {
	content: "\e89a";
	left: -2px;
	position: relative;
}

.owl-theme .owl-nav .owl-next:before {
	content: "\e89b";
	right: -2px;
	position: relative;
}

.owl-theme .owl-nav [class*='owl-']:hover {
	background: rgba(0, 0, 0, 0.8);
}

.owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
}

.owl-theme .owl-nav.disabled + .owl-dots {
	margin-top: 10px;
}

.owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	margin-top: 20px;
}

.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #DBDBE2;
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: opacity 200ms ease;
	-moz-transition: opacity 200ms ease;
	-ms-transition: opacity 200ms ease;
	-o-transition: opacity 200ms ease;
	transition: opacity 200ms ease;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #AF272B;
}

.owl-item {
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0) scale(1.0, 1.0);
}

.models-item-img img {
    display: block;
    max-width: 100%;
    height: auto;
}


.skew {
	/*-  transform: skew(-10deg);  -*/ 
}