/******************************************************************************/
/*       <link href="css/styles.css" type="text/css" rel="stylesheet" />      */
/******************************************************************************/
/*                   styles for bikramyoga.ru               2012-2014         */
/******************************************************************************/ 
@import url("reset.css");


HTML, BODY, #basic{
	height: 100%;
}


#basis{
}
.wrapper
{
	width: 1000px;
	margin: auto;
}

#header{
	height: 125px;	/* height of header */
}

#contents
{
}
#leftpanel{
	width: 200px;	/* width of left column */
	background: red;
	float: left;
}
#centerpanel{
	width: 200px;	/* width of center column */
	float: left;
	background: #330066;
}
#rightpanel{
	width: 200px;	/* width of right column */
	float: right;
}

#footer{
}




/*** standard classes ***********************************************************************************************/
.clear{
	clear: both;
	display: block;
}






/*** follow sections can edit *****************************************************************************/
BODY
{
	background: #f5f2ed;
	behavior: url("js/csshover.htc");
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	line-height: 125%;
	color: #736d67;
}
.front
{
	background: #f5f2ed url(../images/slide-0-bg.jpg) repeat-x 0 125px;
}
A,
A:visited
{
	text-decoration: none;
	color: #332f2a;
	outline: none;
}
A:hover
{
	text-decoration: underline;
	color: #7e1b16;
}
#content-area A,
#content-area A:visited
{
	color: #8c302d;
}
STRONG, B { font-weight: bold; }
EM, I { font-style: italic; }
P { margin: 0 0 15px 0; line-height: 165%; }




TBODY
{
	border: none;
}


#main
{
	background-repeat: repeat-x;
	background-position: 0 125px;
}

/*** header **************************************************************/
#header
{
	background: url(../images/hdr-bg.png) repeat-x 0 0;
	position: relative;
	-webkit-box-shadow: #aaa 0px 2px 2px;
	-moz-box-shadow: #aaa 0px 2px 2px;
	box-shadow: #aaa 0px 2px 2px;

}
.front #header
{
	height: 486px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

#header .wrapper
{
	position: relative;
}
#sitelogo
{
	position: absolute;
	top: 17px;
	left: 0;
	z-index: 900;
}

/*** lang switcher ***/
.block-locale { margin: 0 0 0 250px; z-index: 1000; position: relative; }
.block-locale h2 { display: none; }
.block-locale ul { float: left; padding-right: 10px; overflow: hidden; border-right: 1px solid #af5f2f; }
.block-locale ul li { float: left; width: 21px; height: 21px; text-indent: -9999px; outline: none; margin: 8px 5px 0 0; }
.block-locale ul li a { opacity: 1; display: block; width: 21px; height: 21px; background: url(../images/lang-switcher.png) no-repeat 0 0; }
.block-locale ul li a:hover { opacity: .9; }
.block-locale ul li.en a { background-position: -25px 0; }
.block-locale ul li.ru a { background-position: 0 -21px; }
.block-locale ul li.en.active a { background-position: -25px -21px; }
.block-locale ul li.ru.active a { background-position: 0 0; }

/*** top-section ***************/
#top-section
{
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
}
#top-section #top-section-social
{
	float: right;
	overflow: hidden;
	padding: 8px 0 0 10px;
	background: url(../images/top-divider.png) no-repeat 0 0;
	height: 25px;
}
#top-section #top-section-social A,
#top-section #top-section-social A:visited
{
	display: block;
	width: 21px;
	height: 21px;
	float: left;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
	background: url(../images/social-icons-2.png) no-repeat;
	margin-left: 5px;
}
/*** fb ***/
#top-section #top-section-social A.fb, #top-section #top-section-social A:visited.fb { background-position: 0 0;}
#top-section #top-section-social A:hover.fb { background-position: 0 -21px;}
/*** tw ***/
#top-section #top-section-social A.tw, #top-section #top-section-social A:visited.tw { background-position: -25px 0;}
#top-section #top-section-social A:hover.tw { background-position: -25px -21px;}
/*** vk ***/
#top-section #top-section-social A.vk, #top-section #top-section-social A:visited.vk { background-position: -50px 0;}
#top-section #top-section-social A:hover.vk { background-position: -50px -21px;}
/*** instagram ***/
#top-section #top-section-social A.instagram, #top-section #top-section-social A:visited.instagram { background-position: -75px 0;}
#top-section #top-section-social A:hover.instagram { background-position: -75px -21px;}



/*** top-section-studios *******/
.top-section-studios
{
	display: block;
	float: right;
	color: #fff;
	height: 25px;
	padding: 8px 0 0 0;
	margin-right: 15px;
}
#top-section-studios2
{
	background: url(../images/top-divider.png) no-repeat 0 0;
}
.top-section-studios .studio-name,
.top-section-studios .studio-phone,
.top-section-studios .studio-address
{
	float: left;
	margin-left: 15px;
	text-shadow: #6a3014 1px 1px 0px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 2px;
	cursor: default;
}
.top-section-studios .studio-name
{
	color: #c7987e;
	display: none;
}
.top-section-studios .studio-phone
{
	padding-left: 24px;
	background: url(../images/icon-phone.png) no-repeat 0 2px;
	cursor: pointer;
}
.top-section-studios .studio-address
{
	padding-left: 20px;
	background: url(../images/icon-marker.png) no-repeat 0 0;
	cursor: pointer;
}
.top-section-studios A,
.top-section-studios A:visited
{
	float: left;
	display: block;
	color: #fff;
}
.top-section-studios A:hover,
.top-section-studios A:hover SPAN
{
	color: #fff;
	text-decoration: underline;
}


/*** primary *******************/
#primary
{
	position: absolute;
	top: 59px;
	right: 0;
	z-index: 999;
}
#primary H2 { display: none; }
#primary .nice-menu
{
}
#primary .nice-menu
{
}
#primary .nice-menu LI
{
	float: left;
	font-size: 150%;
	font-family: 'MyriadProItalic', Arial, Helvetica, sans-serif;
	line-height: 130%;
	padding-left: 10px;
	padding-right: 10px;
	border: none;
	background: none;
	border: 1px solid transparent;
	border-bottom: none;
}
#primary .nice-menu LI A,
#primary .nice-menu LI A:visited
{
	color: #7e100f;
	float: left;
	padding: 10px;
}
#primary .nice-menu LI A:hover
{
	color: #332f2a;
	text-decoration: none;
}

#primary .nice-menu-down LI.menuparent
{
	background: none;
}
#primary .nice-menu-down LI:hover.menuparent
{
	background: #fff;
	border-color: #f0eae0;
	/*
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
	*/
}
#primary .nice-menu-down LI.menuparent UL
{
	background: #fff;
	top: 37px;
	left: -1px;
	border: none;
	border: 1px solid #f0eae0;
	border-top: none;
	padding: 5px 0;
	/*
	-webkit-box-shadow: #666 0px 2px 2px;
	-moz-box-shadow: #666 0px 2px 2px;
	box-shadow: #666 0px 2px 2px;
	*/
}
#primary .nice-menu-down LI.menuparent UL LI
{
	font-size: 72%;
	line-height: 120%;
	font-family: Arial, Helvetica, sans-serif;
	border: none;
	float: none;
	width: auto;
	padding: 0;
}
#primary .nice-menu-down LI.menuparent UL LI A,
#primary .nice-menu-down LI.menuparent UL LI A:visited
{
	color: #333;
	display: block;
	float: none;
	padding: 7px 20px;
}
#primary .nice-menu-down LI.menuparent UL LI A:hover
{
	color: #333;
	background: #faac31;
}

#primary .nice-menu-down LI.menu-287 { width: 135px; }
#primary .nice-menu-down LI.menu-287 UL { width: 155px; }

#primary .nice-menu-down LI.menu-281 { width: 130px; }
#primary .nice-menu-down LI.menu-281 UL { width: 150px; }

#primary .nice-menu-down LI.menu-314 { width: 155px; }
#primary .nice-menu-down LI.menu-314 UL { width: 175px; }

#primary .nice-menu-down LI.menu-946, #primary .nice-menu-down LI.menu-892 { width: 170px; }
#primary .nice-menu-down LI.menu-946 UL, #primary .nice-menu-down LI.menu-892 UL { width: 190px; }

/*** en ***/
#primary .nice-menu-down LI.menu-1132 { width: 160px; }
#primary .nice-menu-down LI.menu-1132 UL { width: 180px; }

#primary .nice-menu-down LI.menu-1143 UL { width: 160px; }
#primary .nice-menu-down LI.menu-1161 UL { width: 160px; }

#primary .nice-menu-down LI.menu-1164 { width: 160px; }
#primary .nice-menu-down LI.menu-1164 UL { width: 180px; }



#primary .nice-menu-down LI.menuparent UL LI.menuparent A,
#primary .nice-menu-down LI.menuparent UL LI.menuparent A:visited
{
	background: url(../images/menu-arrow.png) no-repeat 92% 9px;
}
#primary .nice-menu-down LI.menuparent UL LI.menuparent A:hover
{
	color: #333;
	background: #faac31 url(../images/menu-arrow.png) no-repeat 92% 9px;
}


/*** 3rd level ***********/
#primary .nice-menu-down LI.menuparent UL LI.menuparent UL
{
	width: 175px;
	position: absolute;
	top: 0px;
	left: 150px;
	border: 1px solid #f0eae0;
	padding: 0px;
}
#primary .nice-menu-down LI.menu-287 UL LI.menuparent UL { left: 155px; }
#primary .nice-menu-down LI.menu-281 UL LI.menuparent UL { left: 145px; }
#primary .nice-menu-down LI.menu-314 UL LI.menuparent UL { left: 175px; }
#primary .nice-menu-down LI.menu-956 UL LI.menuparent UL { left: 190px; }

#primary .nice-menu-down LI.menuparent UL LI.menuparent UL LI
{
	font-size: 100%;
}
#primary .nice-menu-down LI.menuparent UL LI.menuparent LI A,
#primary .nice-menu-down LI.menuparent UL LI.menuparent LI A:visited,
#primary .nice-menu-down LI.menuparent UL LI.menuparent LI A:hover
{
	background-image: none;
}







/*** promo ***************************************************************/
#promo-bg
{
	position: absolute;
	top: 125px;
	left: 0px;
	width: 100%;
	height: 352px;
}
#promo
{
	width: 1000px;
	height: 361px;
	position: absolute;
	overflow: hidden;
	top: 125px;
	left: 0;
}
#promo #home-slider
{
	float: left;
	width: 680px;
	height: 352px;
	overflow: hidden;
}
#home-slider .slide-txt
{
	position: absolute;
	top: 50px;
	right: 40px;
	width: 300px;
	height: 300px;
	overflow: hidden;
}
#home-slider .slide-title
{
	color: #7e1b16;
	font-size: 315%;
	line-height: 100%;
	font-family: 'MyriadProItalic', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	text-align: right;
}
#home-slider .slide-caption
{
	color: #333;
	font-size: 117%;
	line-height: 120%;
	margin-bottom: 10px;
	text-align: right;
}
#home-slider .slide-text
{
	color: #676767;
	font-style: italic;
	margin-bottom: 20px;
	text-align: right;
}
A.btn-details-big,
A:visited.btn-details-big
{
	text-indent: -9999px;
	background: url(../images/btn-details-big.png) no-repeat 0 0;
	text-transform: uppercase;
	outline: none;
	display: block;
	width: 113px;
	height: 35px;
	float: right;
	margin-top: 135px;
	margin-right: 170px;
}
.i18n-en A.btn-details-big, .i18n-en A:visited.btn-details-big { background-image: url(../images/btn-details-big-en.png); }

A:hover.btn-details-big
{
	background-position: 0 -35px;
}


A.btn4slide4
{
	margin-top: 262px;
	margin-right: 150px;
}
A.btn-promo-go2facebook,
A:visited.btn-promo-go2facebook
{
	float: right;
	display: block;
	background: none;
	width: 83px;
	height: 84px;
	margin-top: 37px;
	margin-right: 0px;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
}
A.btn-promo4joseph, A:visited.btn-promo4joseph,
A.btn-promo4india, A:visited.btn-promo4india,
A.btn-promo-changeyourlife, A:visited.btn-promo-changeyourlife,
A.btn-promo-indonesia, A:visited.btn-promo-indonesia
{
	margin-top: 252px;
	margin-right: 180px;
}


#content-area A.btn,
#content-area A:visited.btn
{
	background: #861f1f;
	display: inline-block;
	line-height: 30px;
	padding: 0 15px;
	color: #fff;
	font-size: 13px;
	text-decoration: none;

	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
#content-area A:hover.btn
{
	background: #b6403c;
	color: #fff;
	text-decoration: none;
}

#content-area blockquote { padding: 10px 15px 0; margin-bottom: 20px; background: #f2f2f2; border: 1px solid #ccc; font-size: 14px; color: #a72c31; border-left: 6px solid #a72c31; }


/*** contents ************************************************************/
#contents
{
	padding: 20px 0;
}
#contents .wrapper
{
	overflow: hidden;
}



/*** welcome ***/
#block-block-2, #block-block-12
{
	margin-bottom: 20px;
	overflow: hidden;
}
.welcome
{
	width: 300px;
	float: left;
}
.welcome H1
{
	margin: 10px 0;
	font-weight: normal;
	color: #332f2a;
}
.welcome H1 BIG
{
	font-family: 'MyriadProSemiboldItalic', Arial, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 90%;
	display: block;
	margin-top: -5px;
}
.welcome H1 SMALL
{
	font-family: 'MyriadProItalic', Arial, Helvetica, sans-serif;
	font-size: 48%;
	line-height: 80%;
	display: block;
	padding-left: 20px;
}
.welcome .welcome-txt
{
	font-style: italic;
}
.i18n-en .welcome H1 SMALL { padding-left: 35px; }

/*** videos-section ***/
.videos-section
{
	width: 624px;
	height: 66px;
	overflow: hidden;
	float: right;
	padding: 14px 20px;
	border: 1px solid #cfc4b3;	
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #f7f3ed;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f7f3ed), to(#e6dac7));
	background: -webkit-linear-gradient(#f7f3ed, #e6dac7);
	background: -moz-linear-gradient(#f7f3ed, #e6dac7);
	background: -ms-linear-gradient(#f7f3ed, #e6dac7);
	background: -o-linear-gradient(#f7f3ed, #e6dac7);
	background: linear-gradient(#f7f3ed, #e6dac7);
	-pie-background: linear-gradient(#f7f3ed, #e6dac7);
}
.videos-section A.video-thumb,
.videos-section A:visited.video-thumb
{
	height: 66px;
	overflow: hidden;
	float: left;
	position: relative;
}
.videos-section A:hover.video-thumb
{
	text-decoration: none;
}
.videos-section A.video-thumb IMG,
.videos-section A:visited.video-thumb IMG
{
	background: #fff;
	padding: 2px;
	border: 1px solid #ddd9d4;
	float: left;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.videos-section A:hover.video-thumb IMG
{
	border-color: #ba8681;
}
.videos-section A.video-thumb .video-title
{
	float: left;
	margin-left: 10px;
}
.videos-section A.video-thumb .video-title SMALL
{
	font-family: 'MyriadProItalic', Arial, Helvetica, sans-serif;
	font-size: 115%;
	line-height: 100%;
	display: block;
}
.videos-section A.video-thumb .video-title BIG
{
	font-family: 'MyriadProSemiboldItalic', Arial, Helvetica, sans-serif;
	font-size: 185%;
	line-height: 90%;
	display: block;
}
.videos-section A.video-thumb .btn,
.videos-section A:visited.video-thumb .btn
{
	position: absolute;
	top: 40px;
	left: 110px;
	width: 107px;
	height: 26px;
	overflow: hidden;
	display: block;
	background: url(../images/btn-watch.png) no-repeat 0 0;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
}
.i18n-en .videos-section A.video-thumb .btn, .i18n-en .videos-section A:visited.video-thumb .btn { background-image: url(../images/btn-watch-en.png); }

.videos-section A:hover.video-thumb .btn
{
	background-position: 0 -26px;
}


.videos-section A.last,
.videos-section A:visited.last
{
	float: right;
}


/*** cta *****************************************/
.cta-boxes
{
	margin-bottom: 20px;
	clear: both;
	background: #fff;
	padding: 1px;
	overflow: hidden;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.cta
{
	width: 310px;
	height: 108px;
	float: left;
	padding: 17px 0 0 22px;
	color: #fff;
}
.cta H3
{
	color: #332f2a;
	font-family: 'MyriadProSemiboldItalic', Arial, Helvetica, sans-serif;
	font-size: 190%;
	line-height: 100%;
	font-weight: normal;
	margin: 0 0 5px;
	text-shadow: #8d2521 1px 1px 0;
	color: #fff;
}
.cta .cta-txt
{
	font-style: italic;
	margin-bottom: 7px;
}
.cta-1 { background: url(../images/cta-1-new.png) no-repeat 0 0; }
.cta-2 { background: url(../images/cta-2.png) no-repeat 0 0; border-left: 1px solid #fff; border-right: 1px solid #fff; }
.cta-3 { background: url(../images/subscribe-bg.png) no-repeat 0 0; }

.cta-1 .cta-txt { text-shadow: #8d2521 1px 1px 0; }
.cta-2 H3, .cta-2 .cta-txt { text-shadow: #c16230 1px 1px 0; }
.cta-3 H3, .cta-3 .cta-txt { text-shadow: #8c4719 1px 1px 0; }

.cta-1 h3 { line-height: 19px; font-size: 20px; margin-bottom: 10px; }

.cta-3
{
	position: relative;
}
.cta-3 P.descr,
.cta-3 LABEL,
.cta-3 #webform-component-_
{
	display: none;
}
.cta-3 FORM
{
	position: absolute;
	top: 68px;
	left: 22px;
}
.cta-3 FORM .form-item
{
	margin: 0;
}
.cta-3 FORM .form-text
{
	background: transparent url(../images/input-bg.png) repeat-x 0 0;
	width: 150px;
	height: 17px;
	padding: 7px 40px 7px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #a15724;

	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}
.cta-3 FORM .hint
{
	font-style: italic;
	color: #999;
}
.cta-3 FORM .form-submit
{
	background: transparent url(../images/btn-submit.png) no-repeat 0 0;
	width: 112px;
	height: 33px;
	display: block;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
	border: none;
	position: absolute;
	top: 0;
	left: 170px;
	cursor: pointer;
}
.i18n-en .cta-3 FORM .form-submit { background-image: url(../images/btn-submit-en.png); }
.cta-3 FORM .form-submit:hover
{
	background-position: 0 -33px;
}




/*** btn-details **************/
A.btn-details,
A:visited.btn-details
{
	background: url(../images/btn-details.png) no-repeat 0 0;
	width: 107px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	text-transform: uppercase;
	outline: none;
}
.i18n-en A.btn-details, .i18n-en A:visited.btn-details { background-image: url(../images/btn-details-en.png); }

A.btn-details-2,
A:visited.btn-details-2
{
	background: url(../images/btn-details-2.png) no-repeat 0 0;
}
.i18n-en A.btn-details-2, .i18n-en A:visited.btn-details-2 { background-image: url(../images/btn-details-2-en.png); }

A:hover.btn-details,
A:hover.btn-details-2
{
	background-position: 0 -27px;
}

.cta-1 a.btn-details { background-image: url(../images/btn-contact-us.png); width: 151px; }
.i18n-en .cta-1 a.btn-details, .i18n-en .cta-1 a:visited.btn-details { background-image: url(../images/btn-contact-us-en.png); }


/*** footer **************************************************************/
#footer .wrapper
{
	border-top: 1px solid #cfcac5;
	overflow: hidden;
	color: #958f88;
	font-size: 90%;
	padding: 10px 0;
}
H2#copyright
{
	text-transform: uppercase;
	font-size: 90%;
	padding-top: 5px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #958f88;
}
#ftr-nav,
#block-block-7
{
	width: 450px;
	float: left;
}
#ftr-nav A,
#ftr-nav A:visited
{
	color: #787068;
}
#ftr-nav A:hover
{
	color: #4e4b46;
	text-decoration: underline;
}
#block-block-6,
#block-block-16
{
	float: right;
	width: 500px;
	text-align: right;
	padding-top: 5px;
	margin-bottom: 20px;
}
#block-block-6 .social,
#block-block-16 .social
{
	float: right;
}
#footer .social-instagram { padding: 0 10px; text-indent: -9999px; outline: none; text-align: left; background: url(../images/ico-instagram.png) no-repeat center 0; width: 20px; height: 20px; }
#footer .social-instagram a { display: block; width: 20px; height: 20px; }



/*** SEO text ************/
#block-block-9,
#block-block-18
{
	margin: 0 0 20px;
	padding: 20px;
	background: #fff;
	clear: both;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#block-block-9 A,
#block-block-9 A:visited,
#block-block-9 STRONG,
#block-block-18 A,
#block-block-18 A:visited,
#block-block-18 STRONG
{
	font-weight: bold;
	color: #787068;
	text-decoration: underline;
}
#block-block-9 A:hover,
#block-block-18 A:hover
{
	color: #4e4b46;
}


#facebook-slider-block{
  position: fixed;
  top:125px;
  right:-500px;
  z-index:1000;
}
/*
#facebook-slider-block:hover{
  transition: all 1.0s ease;
  transform: translateX(-500px);
}
*/
#facebook-slider-link{
  position:absolute;
  left:0px;
  top:50%;
  margin-top:-33px;
  border-radius: 5px 0 0 5px;
  border:1px solid #CFC4B3;
  background:#fff;
}
#facebook-slider-link img{
  vertical-align:middle;
}
#facebook-slider-block .fb-like-box{
  background: #fff;
}


body.page-30-day-challenge .slideshow-wrapper, body.page-30-day-challenge #slideshow { width: 500px !important; height: 330px !important; overflow: hidden;  }
body.page-30-day-challenge .slideshow-wrapper img { display: none; width: 500px !important; display: block; max-width: 100%; width: 100%;}
body.page-30-day-challenge .nivo-slice { background-size: 500px auto !important; background-color: #fff; }