html {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	color: #808080;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	background-color: #292929;
}

* {
	outline: none;
	box-sizing: border-box;
}

img {
	max-width: 100%;
	max-height: 100%;
}

a {
	text-decoration: none;
	color: #ff3737;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

table td {
	padding: 10px;
}

p {
	margin-top: 0;
}

.sec {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
}

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

.container {
	display: inline-block;
	width: 945px;
	text-align: left;
	margin: 0 auto;
}


/*.animation {
	opacity: 0;
}

.animated {
	opacity: 1;
}*/

.row {
	display: block;
	float: left;
	width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}



/* TOP MENU */

.topbar .container {
	position: relative;
	/*height: 105px;
	line-height: 105px;*/
	/*padding-left: 35px;
	padding-right: 35px;*/
        padding-left: 10px;
	padding-right: 10px;
	padding-top: 30px;
	background-color: #222222;
	text-align: center;
}

.topmenu {
	display: inline-block;
	/*float: right;*/
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: -5px;
}

.topmenu > li {
	position: relative;
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.topmenu > li:last-child {
	margin-right: 0;
}

.topmenu > li > a {
	display: block;
	float: left;
	height: 80px;
	line-height: 80px;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
	text-transform: uppercase;
}

.topmenu > li.current > a,
.topmenu > li > a:hover {
	background-color: #2c2c2c;
}

.lvl1-tablet {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    background: none;
    width: 100%;
    height: 78px;
    z-index: 200;
}

.hasSubMenu {
    display: inline-block;
    float: right;
    height: 80px;
    line-height: 80px;
    /*padding-right: 10px !important;*/
    padding-right: 0px !important;
    cursor: pointer;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.hasSubMenu .fa {
    color: #fff;
}

.hasSubMenu .fa-angle-down {
    font-size: 20px;
}



.topmenu > li:hover .hasSubMenu .fa {
    color: #ed2f3a;
}

.submenu-lvl-2 {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 100%;
        left: 0;
	display: inline-block;
	background-color: #222;
	border-top: 1px solid #454545;
	text-align: left;
	line-height: normal;
        opacity: 0;
        visibility: hidden;
	z-index: 100;
        transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
}


.submenu-lvl-2 li {
	display: inline-block;
	float: none;
	border-bottom: 1px solid #454545;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

.submenu-lvl-2 li:last-child {
	border-bottom: 0;
}

.submenu-lvl-2 li a {
	font-size: 16px;
}

.submenu-lvl-2 li:hover {
	background-color: #ea2d38
}

.submenu-lvl-2 a {
	display: block;
	width: 240px;
	height: 45px;
	line-height: 45px;
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
	font-size: 17px;
}

.topmenu > li:hover .submenu-lvl-2 {
    opacity: 1;
    visibility: visible;
}


/*.topmenu > li:hover > a + .submenu-lvl-2 {
	display: block;
}*/

.logo-box {
	display: inline-block;
}

.topbar .logo-box {
	display: inline-block;
	width: 100%;
}

.logo {
	display: block;
	float: left;
	width: 100%;
}

.logo img {
	vertical-align: middle;
}

.login-holder {
	position: absolute;
	display: inline-block;
	bottom: -17px;
	right: -1px;
	width: 110px;
	height: 35px;
	line-height: 35px;
	background: url(../img/red-box.png)no-repeat top left;
	text-align: center;
	text-transform: uppercase;
}

.login {
	margin-left: 15px;
	color: #fff;
}

.login:hover {
	text-decoration: underline;
}


/* SLIDER */
.sec-slider {
	margin-top: 20px;
}

.slider-box {
	position: relative;
	display: block;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.slider-item {
	display: inline-block;
}

.slider-box .bx-prev,
.slider-box .bx-next {
	position: absolute;
    top: 50%;
    margin-top: -34px;
    display: inline-block;
    width: 38px;
    height: 67px;
    font-size: 0;
    opacity: 0;
    color: transparent;
    transition: all 0.2s ease;
}

.slider-box .bx-prev {
	background: url(../img/arrow_left.png) no-repeat center center;
    left: 0px;
}

.slider-box .bx-next {
	background: url(../img/arrow_right.png) no-repeat center center;
    right: 0px;
}

.slider-box:hover .bx-prev {
	opacity: 1;
	left: 10px;
}

.slider-box:hover .bx-next{
	opacity: 1;
	right: 10px;
}

.slider-box .bx-pager {
	position: relative;
}

.bx-pager-item a {
	display: none;
}

/* INDEX MAIN LINKS */
.main-link-box {
	position: relative;
	display: -webkit-flex;
	display: flex;
        -webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	padding: 20px;
	/*margin-top: -290px;*/
	margin-left: -7px;
	margin-bottom: -20px;
	background: url(../img/line.png)no-repeat top center;
	background-size: 70% auto;
	z-index: 45;
}

.main-link {
	display: inline-block;
	float: left;
	width: 32%;
	/*height: 265px;*/
	/*height: 300px;*/
	padding: 10px 45px;
	margin-right: 2%;
        margin-bottom: 40px;
	background: url(../img/main-link-grad.png)no-repeat top left;
	background-size: 100% 100%;
	color: #fff;
	text-align: center;
	overflow: hidden;
}

.main-link:nth-child(3n+3) {
	margin-right: 0;
}

.main-link .shape2 {
	margin-left: 35px;
}

.main-link-title {
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 40px;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

.main-link:hover .main-link-title {
	color: #000;
}

.main-link-info {
	display: block;
	float: left;
	width: 100%;
	font-weight: 300;
}

/* INFO */
.sec.index-info {
	position: relative;
	/*background: #dfdfdf url(../img/sec-grad.png)no-repeat top center;*/
        background-color: #dfdfdf;
	background-size: auto 100%;
	padding-bottom: 90px;
	z-index: 44;
}

.sec.index-info .container {
	text-align: center;
}

.info-titles {
	display: block;
	float: left;
	width: 100%;
	margin-top: 70px;
	font-size: 50px;
	line-height: 60px;
}

.black-title {
	display: inline-block;
	font-weight: 300;
	color: #222222;
}

.red-title {
	display: inline-block;
	font-weight: 700;
	color: #ed2f3a;
}

.info-text {
	display: block;
	float: left;
	width: 100%;
	margin-top: 70px;
	color: #808080;
}

/* ACTIVITIES  */
.sec.activities {
	margin-top: 47px;
}

.activities-title {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	font-size: 50px;
	color: #222;
	text-align: center;
}

.activities-small-title {
	display: block;
	float: left;
	width: 100%;
	margin-top: 25px;
	color: #747474;
	text-align: center;
}

.activities-list {
	display: block;
	float: left;
	width: 100%;
	margin-top: 40px;
}

.activity-item {
	display: inline-block;
	width: 220px;
	height: 430px;
	margin-right: 15px;
    margin-bottom: 40px;
	vertical-align: top;
	text-align: left;
	border: 1px solid #e6e6e6;
	overflow: hidden;
}

.activity-item:nth-child(4n+4) {
	margin-right: 0;
}

.activity-img-box {
	position: relative;
    display: block;
    float: left;
    width: 100%;
    height: 210px;
    overflow: hidden;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.activity-img {
	position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    text-align: center;

}

.activity-img:hover {
	opacity: .7;
}

.activity-img img {
   /* top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);*/

    max-height: none;
    vertical-align: middle;
}

.activity-desc {
	display: block;
	float: left;
	width: 100%;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 30px;
	border-top: 0;
}

.activity-title {
	display: block;
	float: left;
	width: 100%;
	margin-top: 30px;
	font-size: 20px;
	color: #222;
	font-weight: 700;
}

.activity-title:hover {
	text-decoration: underline;
}

.activity-info {
	display: block;
	float: left;
	width: 100%;
	margin-top: 30px;
	color: #747474;
	/*font-weight: 300;*/
}

.read-more {
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
	/*font-weight: 300;*/
}

.read-more:hover {
	text-decoration: underline;
}

/* NEWSLETTER */
.newslleter-sec {
	margin-top: 65px;
	padding-top: 50px;
	padding-bottom: 27px;
	background: url(../img/newslleter-grad.png)no-repeat top left;
	background-size: 100% 100%;
}

.newslleter-box {
	display: block;
	float: left;
	width: 100%;
}

.newslleter-box form {
	display: block;
	float: left;
	width: 100%;
}

.newslleter-box label {
	display: inline-block;
	float: left;
	width: 250px;
	line-height: 50px;
	font-size: 57px;
	font-weight: 700;
	color: #fff;
	margin-right: 35px;
	margin-bottom: 15px;
}

.newslleter-box .input-data {
	display: inline-block;
	float: left;
	width: 420px;
	height: 50px;
	margin-right: 18px;
	margin-bottom: 15px;
	padding-left: 20px;
	background-color: #fff;
	border: 1px solid #c2141e;
	color: #222;
	 transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.newslleter-box .input-data:focus {
	box-shadow: 0 0 5px #232323;
	border-color: #232323;
}

.btn-sign {
	display: inline-block;
	float: left;
	width: 215px;
	height: 50px;
	line-height: 50px;
	border: none;
	border: 1px solid #c2141e;
	background-color: #232323;
	font-size: 20px;
	font-weight: 300;
	color: #fff;
}

.btn-sign:hover {
	background-color: #454545;
}

/* SOCIAL */
.social-sec {
	padding-top: 30px;
	padding-bottom: 25px;
	background-color: #232323;
}


.social-links-box {
	display: inline-block;
	float: right;
	margin-top: 5px;
}

.social-link {
	display: inline-block;
	float: left;
	margin-right: 10px;
}

.social-link img {
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
}

.social-link:hover img {
	transform: rotateY(360deg);
	-webkit-transform: rotateY(360deg);
}

.social-link:last-child {
	margin-right: 0;
}

/* FOOTER */
/*.holder {
	position: absolute !important;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background-color: #292929;
}*/


.footer {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: #292929;
	border-top: 1px solid #454545;
}

.footer-box {
	display: table;
	width: 100%;
}

.footer-item {
	display: table-cell;
	min-height: 100px;
	vertical-align: top;
	background: url(../img/footer-line.png)no-repeat top left;
	padding-left: 40px;
	padding-right: 40px;
	font-size: 16px;
	font-weight: 300;
	color: #939393;
}

.footer-item.copyright {
	vertical-align: bottom;
	font-size: 14px;
}

.footer-item:first-child {
	background: none;
	padding-left: 0;
}

.footer-item:last-child {
	padding-right: 0;
}


.footer-item-title {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	color: #ea2d38;
	text-transform: uppercase;
}

/* CONTENT */
.content-sec,
.content_sec {
	padding-top: 40px;
	padding-bottom: 60px;
}

.inner-title  {
	display: block;
	float: left;
	width: 100%;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	font-size: 30px;
	font-weight: 400;
	color: #ea2d38;
	text-transform: uppercase;
	line-height: 35px;
}

/* MAP */
.map-box {
	display: block;
	float: left;
	width: 100%;
	height: 400px;
	margin-top: 40px;
	border: 3px solid #ea2d38;
	border-radius: 5px;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, .5);
}

.map-box iframe {
	display: block;
	float: left;
	width: 100%;
	height: 100%;
}

/* INFO PAGE */
.info-banner {
	display: block;
	float: left;
	width: 100%;
	/*height: 600px;
	margin-bottom: 20px;*/
	text-align: center;
}

.info-banner img {
	vertical-align: middle;
}

.table_box {
    display: inline-block;
    float: left;
    width: 100%;
    overflow: auto;
}





/* LOGIN AND REGISTER */

.left-col {
    display: inline-block;
    float: left;
    width: 40%;
    margin-right: 5%;
}

.right-col {
    display: inline-block;
    float: left;
    width: 55%;
}

/*.sec-login {
	padding-bottom: 40px;
}*/

/*.sec-registration {
	padding-top: 0;
}*/

#profile_form {
    display: inline-block;
    float: left;
    width: 65%;
}

#profile_form .btn-rotate-img,
#profile_form .btn-del-img {
    display: inline-block;
    height: 40px;
    margin-right: 20px;
    padding: 10px;
    border:none;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    background-color: #CA0106;
    border-radius: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    cursor: pointer;
}

#profile_form .btn-rotate-img .fa,
#profile_form .btn-del-img .fa {
    margin-right: 5px;
}

#profile_form .img-box {
    display: inline-block;
    float: left;
    width: 200px;
    height: 200px;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4); 
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}

#profile_form select {
    background: #fff url(../img/arrow-select.png) no-repeat right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

select::-ms-expand {
    display: none; /* for IE*/
}

.login-box,
.register-box {
	display: block;
	float: left;
	width: 100%;
}

.register-box {
    margin-bottom: 30px;
}

.inner-text {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}


.input-row {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.input-row label {
	display: block;
	width: 100%;
	font-size: 16px;
}

.input-text {
	display: block;
	width: 100%;
	height: 40px;
	background-color: #fff;
	padding-left: 10px;
	padding-right: 20px;
	border: 1px solid #c1c1c1;
	color: #000;
	font-size: 14px;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}

.disable .input-text {
	background-color: #dcdcdc !important;
}

.cells_box {
    display: block;
    float: left;
    width: 100%;
}

.cells_box .cell {
    display: inline-block;
    width: 47%;
    margin-right: 2%;
    vertical-align: middle;
    font-size: 16px;
}

.input-text.w50,
label.w50 {
    display: inline-block;
    float: left;
    width: 48%;
    margin-right: 2%;
}

.input-text.w50:last-child {
    margin-right: 0;
    width: 50%;
}

.input-text.hidden {
	display: none;
}

.input-text.visible{
	display: inline-block;
}


.input-text:focus {
	border-color: #454545;
}

.select-multiple {
    height: 120px;
    padding-left: 5px;
}

.checkbox-under-age {
	display: block;
	float: left;
	width: 100%;
}

.input-text.w20 {
	display: inline-block;
	float: left;
	width: 20%;
	margin-right: 2%;
	background: #fff url(../img/arrow-select.png) no-repeat right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

select::-ms-expand {
    display: none; /* for IE*/
}

.input-text.w20:last-child {
	margin-right: 0;
}

label.w20 {
    display: inline-block;
    float: left;
    width: 20%;
    margin-right: 2%;
}

.input-text.no-backgr {
    background: none !important;
    background-color: #fff;
    cursor: auto;
}

.disable .input-text.no-backgr {
	background-color: #dcdcdc !important;
}

.ch-box {
	display: none;
}

.ch-box + .checkbox-label {
	display: inline-block;
	min-height: 14px;
	padding-left: 25px;
	background: url(../img/checkbox.png) no-repeat 0 3px;
	cursor: pointer;
}

.ch-box:checked + .checkbox-label {
	background: url(../img/checkbox-checked.png) no-repeat 0 3px;
}

.red-btn {
	display: inline-block;
	float: left;
	height: 40px;
	line-height: 40px;
	margin-right: 15px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #CA0106;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	border: none;
	border-bottom: 3px solid rgba(0,0,0, .2);
    border-radius: 3px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
}

.red-btn:hover {
	background-color: #454545;
}
.forget-pass,
.reg-note  {
	display: inline-block;
	float: left;
	margin-top: 5px;
	font-size: 16px;
	color: #ea2d38;
	text-decoration: underline;
}

.forget-pass {
    margin-right: 15px;
}

.forget-pass:last-child {
    margin-right: 0;
}

.forget-pass:hover {
	text-decoration: none;
}

.reg-note {
	text-decoration: none;
}

.asterisk {
	display: inline-block;
	width: 20px;
	color: #ea2d38;
}

#profile_name .inner-title {
    margin-bottom: 40px;
    font-weight: 700;
}



/* TIMEPLAN */
.calendar {
	display: block;
	float: left;
	width: 100%;
	margin-top: 30px;
}

.calendar-legend {
	display: block;
	float: left;
	width: 100%;
	font-size: 16px;

}

.calendar-legend ul {
	display: inline-block;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}

.calendar-legend ul li {
	display: inline-block;
	float: left;
	margin-right: 20px;
}

.calendar-legend ul li:last-child {
	margin-right: 0;
}

.calendar-legend  .fa {
	margin-right: 5px;
	font-size: 26px;
}

.color-1 .fa {
	color: #773ea2;
}

.color-2 .fa {
	color: #1ab39f;
}

.color-3 .fa {
	color: #ea2d38;
}

.salon-name {
	display: block;
	float: left;
	width: 100%;
	padding: 5px 10px;
	background-color: #bd8626;
	font-size: 16px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}

.timeplan-table{
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.timeplan-table .column {
	display: inline-block;
	float: left;
	/*width: 175px;*/
	width: 122px;
	margin-right: 15px;
}

.timeplan-table .column:last-child {
	margin-right: 0;
}
/*.timeplan-table .column:nth-child(4n+4) {
	margin-right: 0;
}*/

.weekday {
	display: block;
	float: left;
	width: 100%;
	/*font-size: 16px;*/
	font-size: 14px;
	color: #fff;
	text-transform: uppercase;
	background-color: #9a2121;
	text-align: center;
	font-weight: 700;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.timeplan-table .cell {
	position: relative;
	display: block;
	float: left;
	width: 100%;
	height: 160px;
	margin-bottom: 15px;
    padding: 5px 10px;
    /*font-size: 16px;*/
    font-size: 14px;
    line-height: 26px;
    color: #000;
    background-color: #cce5df;
}

.timeplan-table.teacher-name {
	color: #008bcc;
}

.timeplan-table .teacher-name:hover {
	text-decoration: underline;
}

.calendar-course-name {
	display: block;
	float: left;
	width: 100%;
}

.btn-add-course {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 15px;
    font-size: 15px;
	letter-spacing: -0.8px;
    background-color: #ccc;
    /*box-shadow: 0px 0px 10px rgba(0, 0 ,0, .7);*/
}

.btn-add-course:hover {
	text-decoration: underline;
}

.btn-color-1 {
	background-color: #773ea2;
}

.btn-color-2 {
	background-color: #1ab39f;
}

.btn-color-3 {
	background-color: #ea2d38;
}


/* TEACHERS */
.teacher-box {
	display: block;
	float: left;
	width: 100%;
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #c1c1c1;
}

.teacher-box:last-child {
	border-bottom: 0;
}

.teacher-box .inner-title {
	font-size: 22px;
}

.teacher-img-box {
	display: inline-block;
	float: left;
	width: 15%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.teacher-text-box {
	display: inline-block;
	float: left;
	width: 78%;

}

.teach-training {
	margin-bottom: 20px;
	font-size: 18px;
}

/* COURSES SECTION */
.courses-list {
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.course-item {
	display: inline-block;
	width: 48%;
	height: 170px;
	margin-bottom: 40px;
	padding: 10px;
	margin-right: 2%;
	vertical-align: top; 
	border: 1px solid #c1c1c1; 
}

.course-item:nth-child(2n+2) {
	margin-right: 0;
}

.course-item-img-box {
    display: block;
    float: left;
    max-width: 50%;
    height: 100%;
    margin-right: 4%;
    padding-right: 10px;
    border-right: 1px solid #c1c1c1;
    overflow: hidden;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.course-img {
	display: inline-block;
	width: 100%;
	height: 100%;
}


.course-img img {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	max-height: none;
}

.course-img:hover img {
	opacity: .8;
}

.course-item-info {
	position: relative;
	display: block;
	float: left;
	width: 46%;
	height: 100%;
	overflow: hidden;
}

.course-name {
	display: block;
	float: left;
	width: 100%;
	font-size: 20px;
	color: #232323;
}

.course-name:hover {
	text-decoration: underline;
}

.btn-read-more {
	position: absolute;
	display: inline-block;
	float: left;
	bottom: 0;
	left: 0;
	padding: 5px 10px;
	background-color: #ea2d38;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .5)inset
}

.btn-read-more:hover {
	text-decoration: underline;
}

.btn-read-more .fa {
	margin-left: 10px;

}

/* COURSE */
.left-part {
	display: block;
	float: left;
	width: 40%;
	margin-right: 4%;
	margin-bottom: 20px;
}

.right-part {
	display: block;
	float: left;
	width: 56%;
}

.bottom-part {
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

/* CART */
.cart-step {
	display: block;
	float: left;
	width: 100%;
	height: 70px;
	margin-top: 70px;
	margin-bottom: 20px;
	padding-top: 25px;
	font-size: 20px;
	background: url(../img/newslleter-grad.png)no-repeat top left;
    color: #fff;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, .6)
}

.step {
	display: inline-block;
	float: left;
	width: 40px;
	height: 70px;
	padding-top: 25px;
	margin-top: -25px;
	margin-right: 10px;
	text-align: center;
	background-color: #232323;
}

.first {
	margin-top: 20px;
}

.cart-table {
	display: block;
	float: left;
	width: 100%;
	overflow-x: auto;
}

.cart-table th,
.cart-table td {
	padding: 10px;
	border: 1px solid #c1c1c1; 
}

.cart-table th {
	text-align: center;
	background-color: #f6f5f5;
	font-size: 16px;
	color: #000;
	font-weight: 700;
}

td.cart-prod {
	width: 640px;
}

td.remove {
	text-align: center;
}

.btn-remove-course {
	font-size: 20px;
	color: #232323;
}

.btn-remove-course:hover {
	color: #eb2824;
	text-shadow: none;
}

.cart-table-size .input-text, 
.cart-table-qty .input-text {
    width: 90px;
    height: 35px;
    padding-left: 20px;
    color: #808080;
    background: #fff url(../img/arrow-select.png) no-repeat center right;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

.cart-total-row td {
	background-color: #f6f5f5;
	font-size: 16px;
	color: #232323;
	font-weight: 700;
}

.cart-note {
	display: block;
    float: left;
    width: 100%;
    margin-top: 20px;
}

.condition-box form {
	display: inline-block;
}

#show-popup {
	display: inline-block;
	margin-right: 20px;
	background-color: #bd8626;
	font-size: 16px;
	color: #000;
	padding: 5px 10px;
	vertical-align: middle;
}

#show-popup:hover {
	text-decoration: underline;
}

#overlay {
	position: fixed; 
	display: none;
	left: 0; 
	top: 0;
	width: 100%;
	height: 100%; 
	background-color: #000;
	opacity: .8;
	z-index: 55;
}

#popup-info {
	position: fixed;
	display: none;
	left: 50%; 
	top: 50%; 
	-ms-transform: translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	padding: 10px;
	width: 50%;
	max-height: 80%;
	background-color: #fff;
	border-radius: 5px;
	border: 3px solid #bd8626;
	overflow-y: auto;
	z-index: 60;
	color: #000;
}

.close-hold {
	display: inline-block;
	width: 100%;

}

#close-popup {
	position: relative; 
	display: block;
	float: right;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 4px;
	background-color: #bd8626;
	color: #fff;
	cursor: pointer;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

#close-popup:hover {
	background-color: #ea2d38;
}


.popup-desc {
	display: block;
	float: left;
	width: 100%;
	margin-top: 10px;
	color: #000;
	font-size: 16px;
}

/* CART PAYMENT */
.cart-payment-box {
	display: block;
	float: left;
	width: 100%;
}

.cart-choose-payment {
	display: inline-block;
	float: left;
	width: 180px;
	height: 180px;
	padding: 20px;
	margin-bottom: 40px;
	margin-right: 30px;
	vertical-align: top;
	text-align: center;
	border: 1px solid #c1c1c1;;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	cursor: pointer;
}

.cart-choose-payment:hover,
.cart-choose-payment:checked {
	border: 1px solid #000;
}

.cart-payment-photo {
	display: inline-block;
	width: 100%;
	height: 55px;
}

.cart-choose-payment .radio {
	display: none;
}

.cart-choose-payment .radio + .radio-label {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-bottom: 20px;
	background: url(../img/checkbox.png)  no-repeat top left;
}

.cart-choose-payment .radio:checked + .radio-label{
	background: url(../img/checkbox-checked.png)  no-repeat top left;
}

.payment-title {
	display: block;
	font-size: 16px;
	font-weight: 700;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

.cart-choose-payment:hover .payment-title,
.cart-choose-payment .radio:checked + .radio-label + .payment-title{
	color: #000;
}

.cart-choose-payment .radio:checked + .radio-label + .payment-title {
	text-decoration: underline;
}

form.complete-order {
	display: block;
	float: left;
	width: 100%;
}

.btn-complete-order {
	display: block;
	float: left;
	height: 70px;
	line-height: 70px;
	width: 50%;
	/*margin-top: 40px;*/
	border: none;
	border-radius: 5px;
	background-color: #1ab39f;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .5) inset;
}

.btn-complete-order:hover {
	background-color: #454545;
}

/* LOGGED USER */
.logged-user {
    line-height: 50px;
}

.logged-user .container {
	padding-right: 20px;
	margin-top: 15px;
	box-shadow: 0px 5px 5px -5px rgba(238, 49, 60, .5);
}

.logged-user-row {
	display: inline-block;
	float: right;
	text-align: center;
}

.logged-user-row a:hover {
	text-decoration: underline;
}

.user-row-item {
	display: inline-block;
	line-height: 14px;
	padding-right: 20px;
	padding-left: 20px;
	border-right: 1px solid rgba(34, 34, 34, .5);
}

.user-row-item:last-child {
	border-right: none;
	padding-right: 0;
}

a.user-row-item {
	color: #ea2d38;
}

/* GALLERY */
.gallery-box {
	display: block;
	float: left;
	width: 100%;
}

.gallery-item {
	display: inline-block;
	width: 31%;
	margin-right: 2%;
	margin-bottom: 40px;
	border: 1px solid #d0dfe4;
	overflow: hidden;
}

.gallery-item:nth-child(3n+3) {
	margin-right: 0;
}

.gallery-item a {
	position: relative;
	display: inline-block;
	float: left;
	width: 100%;
	overflow: hidden;
}

.gallery-item-title  {
	display: block;
	float: left;
	width: 100%;
	padding: 12px 20px;
	font-size: 34px;
	line-height: 40px;
	font-weight: 700;
	color: #fff;
	text-align: center;
	background-color: #ee313c;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .5);
}

.gallery-item-title:hover {
	color: #000;
}

.gallery-item img {
	margin-bottom: -8px;
}

.gallery-item-overlay {
	position: absolute;
	display: none;
	left: 0; 
	top: 0;
	width: 100%;
	height: 100%; 
	background-color: rgba(0, 0, 0, .4);
}

.gallery-item a:hover .gallery-item-overlay {
	display: block;
}

.gallery-item a:hover + .gallery-item-title {
	color: #000;
}

.gallery-item.fancy {
	width: 22%;
	overflow: hidden;
    margin-bottom: 40px; 
}

.gallery-item.fancy:nth-child(3n+3) {
	margin-right: 2%;
}

.gallery-item.fancy:nth-child(4n+4) {
	margin-right: 0;
}

.gallery-item.fancy a {
	padding-bottom: 70%;
}

.gallery-item.fancy img {
	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	margin: auto;
  	width: 100%;
  	max-height: none;
  	height: 100%;
	transition: all 0.2s ease-out;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
}	

.fancy a span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(238, 49, 60, .3) url(../img/i_zoom.png) no-repeat center center;
	background-size: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	z-index: 20;
}

.fancy a:hover span {
	opacity: 1;
	background-size: 50px;
}

/* BIRTHDAY BOX */
.birthday-calendar-box {
	display: block;
	float: left;
	width: 100%;
}

.birthday-calendar-left {
	display: inline-block;
	float: left;
	width: 40%;
	margin-right: 4%;
	margin-bottom: 20px;
}

.birthday-calendar-right {
	display: inline-block;
	float: left;
	width: 56%;
}

.birthday-calendar-holder {
	display: block;
	float: left;
	width: 100%;
	margin-top: 40px;
}

.birthday-calendar-holder .calendar-legend {
	margin-bottom: 20px;
}

.birthday-calendar-item {
	display: inline-block;
	float: left;
	width: 30%;
	margin-right: 5%;
	margin-bottom: 40px;
}

.birthday-calendar-item:last-child {
	margin-right: 0;
}

.birthday-calendar-item .month {
	display: block;
	float: left;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
	font-size: 20px;
	color: #ee313c;
}

.month-weekday-row {
	display: block;
	float: left;
	width: 100%;
}



.month-weekday,
.week,
.day {
	display: inline-block;
	float: left;
	width: 11%;
	margin: 0 3px 3px 0;
	font-size: 16px;
	text-align: center;
	color: #232323;
}



.week,
.day {
	background-color: #cce5df;
	border: 1px solid #c1c1c1;
}

.day {
	color: #939598;
}


.day:nth-child(8n+8),
.month-weekday:nth-child(8n+8){
	margin-right: 0;
}

.day.color-1 {
	color: #fff;
	background-color: #773ea2;
}

.day.color-3 {
	color: #fff;
	background-color: #eb2824;
}

.day.color-1 a,
.day.color-3 a {
	color: #fff;
}

.day.color-1 a:hover {
	text-decoration: underline;
}

.week-nav {
	display: block;
	float: left;
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
}

.prev-month .fa {
	padding-right: 10px;
}

.next-month .fa {
	padding-left: 10px;
}

.next-month {
	float: right;
}

.prev-month:hover,
.next-month:hover {
	color: #000;
	text-shadow: none;
}

/* BIRTHDAY PROD */
.birth-prod-sec .inner-title {
	margin-bottom: 10px;
}

.birth-prod-sec .small-inner-title {
	margin-bottom: 15px;
}

.birth-prod-sec .birthday-calendar-holder {
	margin-top: 20px;
}

.buy-course-table {
	display: inline-block;
	float: left;
    width: 260px;
    margin-bottom: 20px;
    color: #000;
}

.buy-course-table.fright {
	float: right;
}

.buy-course-table th {
	padding: 5px 20px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    background-color: #ea2d38; 
}

.buy-course-table td {
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	text-align: center;
}

.buy-course-table td:first-child {
	border-left: 1px solid #c1c1c1;
}

.buy-course-table td:last-child {
	border-right: 1px solid #c1c1c1;
}

.buy-course-table .labels td {
    background-color: #d3d3d3;
    padding: 0px 20px;
}

.buy-course-table .btn {
	display: inline-block;
	float: right; 
	width: 70px; 
	text-align:center;
	font-size: 14px; 
	color: #fff;
}

.buy-course-table .btn.color-1 {
	background-color: #773ea2;
}

.btn-disabled { 
	background-color :#ea2d38 !important;
	cursor: default;
}

.buy-course-table .btn:hover {
	background-color: #454545;;
}

/* BIRTHDAY INFO */
.profile-name {
	padding-left: 20px;
	padding-top: 5px;
	padding-bottom: 3px;
    margin-bottom: 15px;
    color: #fff;
    background-color: #ea2d38;
    text-transform: uppercase;
}

.birthdays-buy {
	display: inline-block;
	float: left;
	width: 100%;
}

.birthdays-buy td {
	padding: 5px;
}

.birthdays-buy .input-text {
	height: 30px;
}

.birthdays-buy select.input-text {
	background: #fff url(../img/arrow-select.png) no-repeat right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}

.birthdays-buy .input-text.guestcount {
	margin-bottom: 10px;
}

.birthdays-buy .checkbox-label {
	margin-right: 10px;
}

.birthdays-buy textarea.input-text {
	height: 80px;
	width: 100%;
	resize: none;
}

.birthdays-buy #show-popup {
	padding: 0;
	text-decoration: underline;
	background-color: transparent !important;
	color: #676760;
	cursor: pointer;
}

.birthdays-buy #show-popup:hover {
	text-decoration: none;
}

.error-mesage {
	display: inline-block;
	width: 100%;
	padding: 2px 10px; 
	color: #ff0000; 
	margin: 0 2px 10px;
	border: 1px solid #ff0000;
	background-color: #F7E5E1; 
	font-weight: 700;

}

.error-mesage span {
	color:#000;

}

/* DANCESTYLE */
.choise-group {
	margin-bottom: 0
}

.choise-group label {
	display: inline-block;
	width: auto;
	margin-right: 5px;
	vertical-align: middle;
	color: #ea2d38;
	font-size: 18px;

}

.choise-group .input-text {
	float: none;
}

/* ACCORDEON */
.accordeon-item {
	display: block;
	float: left;
	width: 100%;
}

.accordeon-content {
	display: block;
	float: left;
	width: 100%;
}

.accordeon-title,
.title-4 {
	display: block;
	float: left;
	width: 100%;
    min-height: 30px;
    padding-left: 10px;
    margin: 0;
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 16px;
    background-color: #292929;
    color: #fff;
    font-weight: 400;
    transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    cursor: pointer
}

.accordeon-title .fa {
	padding-left: 10px;
}

.accordeon-title .fa-arrow-up {
	display: none;
}

.accordeon-title.active .fa-arrow-up {
	display: inline-block;
}

.accordeon-title.active .fa-arrow-down {
	display: none;
}

/* MY ACCOUNT */
.upload-box {
	border: 1px solid #c1c1c1;
	height: 95px;
	line-height: 95px;
        overflow: hidden;
}

.upload-img-box {
	display: inline-block;
	float: left;
	width: 95px;
        height: 95px;
	text-align: center;
	border-right: 1px solid #c1c1c1;
        overflow: hidden;
}

.upload-img-box img {
	vertical-align: middle;
}

.upload-right {
	display: inline-block;
	float: left;
	padding-left: 30px;
        width: 68%;
}

/* MY COURSES */
.my-courses-table {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: 60px;
	border-bottom: 1px solid #c1c1c1;
	overflow-x: auto;
}

.my-courses-table th {
	font-size: 16px;
	font-weight: 700;

}

.my-courses-table th,
.my-courses-table td {
	padding: 15px;
}

.my-courses-table th:first-child,
.my-courses-table td:first-child {
	padding-left: 0;
}

.my-courses-table a {
	text-decoration: underline;
}

.my-courses-table a:hover {
	text-decoration: none;
}

/* PRODUCT LIST */
.categories-box {
	display: inline-block;
	float: left;
	width: 100%;
}

.category {
	display: inline-block;
    width: 19%;
    vertical-align: top;
    margin-right: 8px;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #c1c1c1;
    font-size: 16px;
    color: #ea2d38;
}

.category:hover,
.category.current {
	color: #fff;
	background-color: #ea2d38;
	border: 1px solid #ea2d38;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .5)inset;
}

.category:nth-child(5n+5) {
	margin-right: 0;
}


.prod-list {
	display: block;
	float: left;
	width: 100%;
	margin-top: 40px;
}

.prod-item {
	display: inline-block;
	width: 23%;
	vertical-align: top;
	margin-bottom: 40px;
	margin-right: 2%;
}

.prod-item:nth-child(4n+4)  {
	margin-right: 0;
}

.prod-item-img-box {
	position: relative;
    display: table-cell;
    width: 1%;
    height: 190px;
    padding: 10px;
    vertical-align: middle;
    border: 1px solid #c1c1c1;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.prod-item-img-box:hover {
	 border: 1px solid #ea2d38;
}

.prod-img {
	position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    text-align: center;
    transition: all 0.15s ease-out;
    -webkit-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
}

.prod-img img {
	width: 100%;
	max-height: none;
	vertical-align: middle;
}

.prod-img:hover  {
	opacity: .8;
}


.prod-name {
	display: inline-block;
	float: left;
	width: 100%;
	margin-top: 10px;
	font-size: 22px;
	line-height: 25px;
	color: #ea2d38;
}

.prod-name:hover {
	text-decoration: underline;
}

.prod-price {
	display: inline-block;
    float: left;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #232323;
}

.prod-short-info {
	display: inline-block;
	float: left;
    width: 100%;
    height: 60px;
    margin-top: 10px;
    font-weight: 300;
    overflow: hidden;

}

/* PRODUCT PAGE */
.prod-left-col {
	display: inline-block;
	float: left;
	width: 29%;
	margin-right: 4%;
}

.main-thumb {
    display: inline-block;
    float: left;
    width: 100%;
    border: 1px solid #d2d2d2;
    background-color: #fafafa;
}

.main-thumb a {
	position: relative;
    display: inline-block;
    float: left;
    width: 100%;
    padding-bottom: 115%;
   	overflow: hidden;
}

.main-thumb a img {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.thumbs-box {
    display: inline-block;
    float: left;
    width: 100%;
    margin-top: 15px;
}

.thumbs-box .thumb {
    position: relative;
    display: inline-block;
    float: left;
    width: 22%;
    margin-right: 4%;
    margin-bottom: 10px;
    border: 1px solid #d2d2d2;
    overflow: hidden;
}

.thumbs-box .thumb:nth-child(4n+4) {
	margin-right: 0;
}

.thumbs-box .thumb a {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-bottom: 100%;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.thumbs-box a img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}


.prod-left-col .fancybox-thumb span {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(238, 49, 60, .3) url(../img/i_zoom.png) no-repeat center center;
	background-size: 100%;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all 0.15s ease-out;
	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
}

.prod-left-col .fancybox-thumb:hover span {
	opacity: 1;
	background-size: 50px;
}

.prod-right-col {
	display: inline-block;
	float: left;
	width: 67%;
}

.prod-info {
	display: inline-block;
	float: left;
	width: 100%;
}

.prod-make-order {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c1c1c1;
	overflow-x: auto;
}

.prod-make-order:last-child {
	border-bottom: none;
}

.prod-make-order label {
	margin-right: 10px;
}

.prod-make-order .input-text {
	display: inline-block;
	width: 80px;
	height: 30px;
	padding-left: 20px;
	padding-right: 20px;
	color: #808080;
	background: #fff;
}

.prod-make-order table .prod-name-td {
	width: 215px;
}
.prod-make-order .btn-sub {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding-left: 15px;
	padding-right: 15px;
	border: none;
	background-color: #CA0106;
	font-size: 16px;
	color: #fff;
	text-align: center;
}

.btn-sub:hover {
	background-color: #454545;
}

/*.prod-options {
	display: inline-block;
	float: left;
	width: 100%;
	margin-top: 20px;
}

.prod-option-item {
	display: inline-block;
	float: left;
	width: 103px;
	margin-right: 3%;
	margin-bottom: 10px;
}

.option-name {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 15px;
	font-size: 16px;
}

.prod-option-item .input-text {
	width: 100%;
	height: 35px;
	padding-left: 20px;
	padding-right: 20px;
	color: #808080;
	background: #fff url(../img/arrow-select.png) no-repeat right;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}*/


.prod-right-col .btn-add-cart {
	display: inline-block;
	float: left;
	margin-top: 25px;
    padding: 15px 60px;
    font-size: 20px;
    font-weight: 400;
    background-color: #CA0106; 
    color: #fff;
    text-transform: uppercase;
}

.prod-right-col .btn-add-cart:hover {
	background-color: #454545;
}


.mobile-menu-btn {
	display: none;

}


.error {
	border: 1px solid #ff0000;
}



/* RESPONSIVE */
@media (max-width: 1366px) and (min-width: 1024px) {
   /*.lvl1-tablet {
        display: block;
    }*/
}

@media (max-width: 1024px) {

	.container {
		width: 100%;
		padding-left: 2%;
		padding-right: 2%;
	}

	.activity-desc {
		padding-left: 10px;
		padding-right: 10px;
	}

	.timeplan-table .column {
		width: 12.5%;
		margin-right: 2%;
	}

	.timeplan-table .column:nth-child(5n+5) {
		/*margin-right: 0;*/
		margin-right: 2%;
	}
	
	.timeplan-table .cell {
		line-height: 18px;
	}

	.course-item {
		width: 48%;
	}

	.course-item:nth-child(2n+2) {
		margin-right: 0;
	}

	.btn-sign {
		width: 195px;
	}


	.activity-item {
		width: 23%;
		margin-right: 2%;
	}

	.main-link-box {
		margin-left: 0;
	}

	/*.lvl1-tablet {
        display: block;
    }*/

    .prod-item {
		width: 31%;
	}

	.prod-item:nth-child(3n+3) {
		margin-right: 0;
	}

	.prod-item:nth-child(4n+4) {
		margin-right: 2%;
	}

	.category {
		margin-right: 2%;
	}
}

@media (max-width: 960px){
	/*.holder {
		position: relative !important;
	}*/
}









@media (max-width: 800px) {

	.topbar .container {
		height: 105px;
		line-height: 105px;
		padding-left: 2%;
		padding-right: 2%;
		padding-top: 0;
		text-align: left;
	}

	.logo-box {
		width: auto;
	}

	.topmenu {
		display: none;
	}

	.mobile-menu-btn {
		position: absolute;
		display: inline-block;
		right: 2%;
		top: 30px;
		width: 40px;
		height: 40px;
		line-height: 38px;
		background-color: #ee313c;
		border: 2px solid #222;
		/*box-shadow: 0px 0px 0px 1px #fff inset;*/
		font-size: 18px;
		text-align: center;
		color: #222;
		z-index: 50;
	}

	.mobile-menu-btn.fixed {
		position: fixed;
	}

	.mobile-menu-btn:hover {
		color: #fff;
	}

	.main-link {
		padding: 10px;
	}

	.content-sec,
	.content_sec {
		padding-bottom: 40px;
	}

	/*.sec-registration {
		padding-top: 0;
	}*/

	.birthday-calendar-item {
		width: 32%;
		margin-right: 2%;
	}

	/*.timeplan-table .column {
		width: 32%;
		margin-bottom: 20px;
	}

	.timeplan-table .column:nth-child(3n+3) {
		margin-right: 0;
	}*/

	.timeplan-table .column {
		width: 23%;
		margin-bottom: 20px;
	}
	
	.gallery-item-title {
		font-size: 22px;
	}

	.login-box,
	.register-box {
		width: 100%;
	}

	.newslleter-box label {
		width: 100%;
	}

	.footer-item {
		padding-left: 20px;
		padding-right: 20px;
	}

	.activity-item {
		width: 48%;
		margin-right: 2%;
	}

	.activity-item:nth-child(2n+2) {
		margin-right: 0;
	}

	 .input-text.w20,
      label.w20{
        width: 31%;
    }

    .choise-group .input-text.w20 {
    	width: auto;
    }

    .prod-right-col .btn-add-cart {
		padding: 10px 52px;
	}
        
        

}


@media (max-width: 667px) {
	.birthday-calendar-left {
		width: 100%;
	}

	.birthday-calendar-right {
		width: 100%;
	}

	.birthday-calendar-item {
		width: 49%;
	}

	.birthday-calendar-item:nth-child(2n+2) {
		margin-right: 0;
	}

	#popup-info {
		width: 80%;
	}

	.left-part,
	.right-part {
		width: 100%;
	}

	.left-part.content-box {
		width: 40%;
	}

	.right-part.content-box {
		width: 56%;
	}

	.newslleter-box .input-data {
		width: 100%;
	}

	.footer-item {
		display: inline-block;
		vertical-align: top;
		margin-bottom: 50px;
		width: 49%;
	}

	.footer-item:nth-child(3) {
		background: none;
		padding-left: 0;
	}

	 #profile_form {
        width: 100%;
    }

    .left-col,
    .right-col {
         width: 100%;
    }

    .right-col {
    	margin-top: 40px;
    }

    .category {
		width: 48%;
	}

	.category:nth-child(2n+2) {
		margin-right: 0;
	}

	.prod-make-order .btn-sub {
		margin-top: 20px;
	}
          

}

@media (max-width: 600px) {
	.sec.index-info {
		background: none;
		background-color: #dfdfdf;
	}

	.main-link-box{
		margin-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}

	.main-link {
		width: 100%;
		margin-bottom: 40px;
		margin-right: 0;
	}

	.social-sec .logo-box {
		width: 100%;
	}

	.social-links-box {
		margin-top: 0;
	}

	.footer {
		padding-top: 40px;
		padding-bottom: 0;
	}

	.gallery-item-title {
		font-size: 19px;
	}
	

}








@media (max-width: 480px) {
	.btn-complete-order {
		width: 100%;
	}

	.course-item {
		width: 100%;
		margin-right: 0;
	}

	.prod-item {
		width: 47%;
	}

	.prod-item:nth-child(2n+2) {
		margin-right: 0;
	}

	.prod-item:nth-child(3n+3) {
		margin-right: 2%;
	}

	.timeplan-table .column {
		width: 49%;
	}

	.timeplan-table .column:nth-child(2n+2) {
		margin-right: 0;
	}

	.timeplan-table .column:last-child {
		width: 100%;
		margin-right: 0;
	}

	.timeplan-table .column:last-child .cell {
		width: 49%;
		margin-right: 2%;
	}

	.timeplan-table .column:last-child .cell:nth-child(2n+1) {
		margin-right: 0;
	}
	
	.timeplan-table .cell {
		line-height: 26px;
	}
}





@media (max-width: 414px) {
	.logged-user-row {
		display: table;
		width: 100%;
		padding-top: 18px;
	}

	.user-row-item {
		display: table-cell;
		padding-left: 10px;
		padding-right: 10px;
	}

	.birthday-calendar-item {
		width: 100%;
		margin-right: 0;
	}

	.cart-choose-payment {
		width: 49%;
		margin-right: 2%;
	}

	.cart-choose-payment:nth-child(2n+2) {
		margin-right: 0;
	}

	.left-part.content-box,
	.right-part.content-box {
		width: 100%;
	}

	/*.timeplan-table .column {
		width: 49%;
	}

	.timeplan-table .column:nth-child(2n+2) {
		margin-right: 0;
	}

	.timeplan-table .column:last-child {
		width: 100%;
		margin-right: 0;
	}

	.timeplan-table .column:last-child .cell {
		width: 49%;
		margin-right: 2%;
	}

	.timeplan-table .column:last-child .cell:nth-child(2n+1) {
		margin-right: 0;
	}*/

	/*.timeplan-table .column:nth-child(3n+3) {
		margin-right: 2%;
	}*/

	.gallery-item {
		width: 100%;
	}

	.gallery-item-title {
		font-size: 28px;
	}

	.teacher-img-box,
	.teacher-text-box {
		width: 100%;
	}

	.activity-item {
		width: 100%;
		margin-right: 0;
	}

}


@media (max-width: 384px) {
	.logo-box {
		width: 80% !important;
	}

	.logged-user-row {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.cart-table th, 
	.cart-table td {
		padding: 4px;
	}

	.footer-item {
		width: 100%;
		background: no-repeat;
		padding-right: 2%;
		padding-left: 2%;
		text-align: center;
		min-height: 1px;
	}

	.prod-item {
		width: 100%;
		margin-right: 0;
	}
}

@media (max-width: 320px) {
	

	.cart-choose-payment {
		width: 150px;
	}

	.prod-option-item {
		width: 95px;
	}

	.prod-right-col .btn-add-cart {
		padding: 10px 45px;
	}
	
	
}

 /* The alert message box */
.alert {
    padding: 20px;
    background-color: #f44336; /* Red */
    color: white;
    margin-bottom: 15px;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

.btn {
  -webkit-border-radius: 3;
  -moz-border-radius: 3;
  border-radius: 3px;
  color: #ffffff;
  background: #210d10;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  
}

.btn:hover {
  background: #474243;
  text-decoration: none;
}