/* General Class
############################################################################### */

body {
	font-family:'Gotham Narrow Book';
	font-size: 16px;
	padding-bottom: 120px;
}

.bg-danger { background-color: #e6393a !important; }
.bg-light { background-color: #f7f7f7 !important; }

.text-danger { color: #e6393a !important; }
.text-success { color: #58b751 !important; }

.form-control {
	height: 46px;
	border-color: #DDD;
	font-family:'Gotham Narrow Book';
	font-size: 16px;
	color: #8a8a8a;
}

.btn {
	display: block;
	font-family:'Gotham Narrow Light';
	font-size: 15px;
	color: #FFF;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	padding: 12px 21px 10px 21px;
}
.btn.btn-sm { padding: 7px 21px 5px 21px; }
.btn-success {
	border-color: #31c122;
	background-color: #31c122;
}
.btn-white {
	color: #e6393a;
	border-color: #FFF;
	background-color: #FFF;
}
.btn.btn-primary {
	border-color: #1467a0;
	background-color: #1467a0;
}

h6.title {
	font-family:'Gotham Narrow Bold';
	font-size: 17px;
	color: #333;
	letter-spacing: -0.02em;
}

p {
	font-family:'Gotham Narrow Medium';
	font-size: 15px;
	letter-spacing: -0.02em;
}

/* Landing Page
############################################################################### */
.landingPage {
	height: 100vh;
	margin-bottom: -66px;
	background: #e6393a url('../images/landingPage.jpg') no-repeat center;
	background-size: cover;
}

/* Header
############################################################################### */
header { padding: 18px 0; }
header .logo {
	display: inline-block;
	vertical-align: middle;
}
header .logo span {
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	max-width: 110px;
	font-family:'Gotham Narrow Medium';
	font-size: 14.24px;
	color: #5e5e5e;
	line-height: 14px;
	letter-spacing: -0.03em;
	border-left: 1px solid #c9c9c9;
	padding-left: 10px;
	margin-left: 10px;
}
header .logo span:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	border-left: 1px solid #ebebeb;
}

/* Footer
############################################################################### */
footer {
	position: fixed;
	z-index: 90;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 13px 0;
	background-color: #FFF;
}
footer .footer-menu {
	display: table;
	table-layout: fixed;
	width: 100%;
}
footer .item {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 11px;
	color: #7f7f7f;
	letter-spacing: 0.01em;
}
footer .item:hover,
footer .item:active,
footer .item:focus,
footer .item.active { color: #ed5050; }
footer .item i {
	position: relative;
	display: block;
	height: 21px;
	margin-bottom: 3px;
	background-repeat: no-repeat;
	background-position: center;
}
footer .item i.icon-home { background-image: url('../images/icon-menu-home.png') }
footer .item.active i.icon-home,
footer .item:hover i.icon-home,
footer .item:active i.icon-home,
footer .item:focus i.icon-home { background-image: url('../images/icon-menu-home-active.png') }
footer .item i.icon-gifts { background-image: url('../images/icon-menu-gifts.png') }
footer .item.active i.icon-gifts,
footer .item:hover i.icon-gifts,
footer .item:active i.icon-gifts,
footer .item:focus i.icon-gifts { background-image: url('../images/icon-menu-gifts-active.png') }
footer .item i.icon-profile { background-image: url('../images/icon-menu-profile.png') }
footer .item.active i.icon-profile,
footer .item:hover i.icon-profile,
footer .item:active i.icon-profile,
footer .item:focus i.icon-profile { background-image: url('../images/icon-menu-profile-active.png') }
footer .item i.icon-activity { background-image: url('../images/icon-menu-activity.png') }
footer .item.active i.icon-activity,
footer .item:hover i.icon-activity,
footer .item:active i.icon-activity,
footer .item:focus i.icon-activity { background-image: url('../images/icon-menu-activity-active.png') }
footer .item i.icon-box { background-image: url('../images/icon-menu-box.png') }
footer .item.active i.icon-box,
footer .item:hover i.icon-box,
footer .item:active i.icon-box,
footer .item:focus i.icon-box { background-image: url('../images/icon-menu-box-active.png') }

footer .item i small {
	position: absolute;
	content: '';
	left: 16px;
	top: 0;
	width: 17px;
	height: 17px;
	color: #FFF;
	text-align: center;
	line-height: 18px;
	font-style: normal;
	background-color: #ec3d3d;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* Cuurent Score
############################################################################### */
#scoreSlide .item {
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#scoreSlide [class*='-score'] {
	background-color: #1391c6;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.03em;
	color: #FFF;
	padding: 7px 0 6px 0;
}
#scoreSlide .current-score { background-color: #1391c6; }
#scoreSlide .total-score { background-color: #969696; }
#scoreSlide [class*='-score'] strong {
	display: inline-block;
	vertical-align: middle;
	font-family:'Gotham Narrow Bold';
	font-size: 41px;
	line-height: 41px;
	padding-left: 18px;
}

#scoreSlide button:focus { outline: none;  }
#scoreSlide .owl-prev,
#scoreSlide .owl-next {
	position: absolute;
	left: 10px;
	top: 50%;
	width: 19px;
	height: 19px;
	margin-top: -10px;
	background: url('../images/icon-rounded-arrow-left.png') no-repeat center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}

#scoreSlide .owl-next {
	left: auto;
	right: 10px;
	background-image: url('../images/icon-rounded-arrow-right.png');
}

/* Home Slider
############################################################################### */
#homeSlider .owl-item .item {
	display: block;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
#homeSlider .owl-dots {
	text-align: center;
	padding-top: 2px;
}
#homeSlider .owl-dots .owl-dot {
	display: inline-block;
	vertical-align: middle;
	width: 10px;
	height: 10px;
	background-color: #bebebe;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
#homeSlider .owl-dots .owl-dot + .owl-dot { margin-left: 5px; }
#homeSlider .owl-dots .owl-dot.active { background-color: #1391c6; }

/* Highest
############################################################################### */
.highest {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.highest .user {
	display: table-cell;
	vertical-align: top;
	text-align: center;
}
.highest .user img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.highest .user .name {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	line-height: 14px;
	color: #292929;
	letter-spacing: -0.03em;
	padding-top: 6px;
}
.highest .user .score {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 15px;
	line-height: 15px;
	color: #c54255;
	padding-top: 4px;
}
.highest .user .score strong { font-family:'Gotham Narrow Black'; }

/* Home Link
############################################################################### */
.reservation-link {
	position: relative;
	display: block;
	height: 84px;
	background: #12b5ba url('../images/bg-reservation-link.png') no-repeat center;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.reservation-link span {
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	font-size: 20px;
	color: #0145c0;
	letter-spacing: -0.02em;
	white-space: nowrap;
}
.spor-link {
	position: relative;
	display: block;
	height: 84px;
	background: #12b5ba url('../images/bg-spor-link.png') no-repeat center;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.spor-link span {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #FFF;
	letter-spacing: -0.02em;
	white-space: nowrap;
}

/* Info
############################################################################### */
.info {
	position: relative;
	text-align: center;
	padding: 8px 0 4px 0;
	padding: 8px 20px 4px 20px;
}
.info p,
.info a {
	font-family:'Gotham Narrow Medium';
	font-size: 13px;
	line-height: 13px;
	color: #333;
	letter-spacing: 0.01em;
	margin: 0;
}
.info a { text-decoration: underline; }
.info.info-warning { background-color: #fab716; }
.info.info-warning .close { color: #fab716; }
.info.info-success {
	background-color: #31c122;
	color: #FFF;
}
.info.info-success * { color: #FFF; }
.info.info-success .close {
	background-color: #FFF;
	color: #31c122;
}
.info .close {
	position: absolute;
	right: 9px;
	top: 8px;
	width: 14px;
	height: 14px;
	font-size: 10px;
	text-decoration: none;
	background-color: #333;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: 1;
}

.info.fixed {
	position: fixed;
	left: 15px;
	right: 15px;
}
.info.fixed.fixed-bottom { bottom: 70px; }

/* Filter
############################################################################### */
.filter {
	background-color: #686868;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #FFF;
	white-space: nowrap;
	letter-spacing: -0.02em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10px;
}
.filter .date {
	color: #FFF;
	padding-right: 30px;
	background: url('../images/icon-list.png') no-repeat center right;
}
.filter .score a {
	display: inline-block;
	vertical-align: middle;
	width: 19px;
	height: 19px;
	margin-left: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	overflow: hidden;
}
.filter .score a.up { background: url('../images/icon-rounded-arrow-up.png'); }
.filter .score a.down { background: url('../images/icon-rounded-arrow-down.png'); }

.filter-result .item {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #7f7f7f;
	padding: 4px 9px 4px 9px;
	margin-bottom: 15px;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.filter-result .item .score {
	position: absolute;
	right: -1px;
	top: -1px;
	background-color: #0e71aa;
	font-size: 14px;
	color: #FFF;
	padding: 5px 8px 2px 8px;
}
.filter-result .item .score strong { font-family:'Gotham Narrow Bold'; }
.filter-result .item > strong {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 17px;
	letter-spacing: -0.02em;
	padding-bottom: 2px;
}
.filter-result .item .name,
.filter-result .item .date,
.filter-result .item .location{
	display: block;
	font-family:'Gotham Narrow Medium';
}
.filter-result .item .date { color: #e6393a; }

/* Product
############################################################################### */
.product { text-align: center; }
.product + .product { margin-top: 35px; }
.product .image {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	padding-top: 100%;
}
.product .image .remove {
	display: block;
	position: absolute;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	font-family:'Gotham Narrow Medium';
	font-size: 12px;
	color: #e6393a;
	text-align: right;
	background-color: #FFF;
	padding: 4px 5px;
}
.product .image .remove i {
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	line-height: 0;
	margin: -2px 0 0 2px;
}
.product .image .remove + img { margin-top: 15px; }
.product .image > img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.product .image .amount {
	position: absolute;
	z-index: 5;
	left: 10px;
	top: 10px;
	background-color: #e0475f;
	font-size: 11px;
	color: #FFF;
	letter-spacing: -0.02em;
	padding: 5px 15px 3px 15px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
}
.product .image .like {
	position: absolute;
	right: 15px;
	top: 10px;
	width: 28px;
	height: 28px;
	background: url('../images/icon-unlike.png') no-repeat center;
}
.product .image .liked,
.product .image .like.active,
.product .image .like:hover { background-image: url('../images/icon-like.png') }
.product .product-info span {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #333;
	padding-top: 10px;
}
.product .product-info strong {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-weight: normal;
	font-size: 18px;
	color: #e6393a;
	line-height: 15px;
	letter-spacing: -0.02em;
	padding-bottom: 10px;
}
.product .product-info small {
	display: block;
	font-family:'Gotham Narrow Black';
	font-size: 14px;
	color: #d52440;
	line-height: 15px;
	letter-spacing: -0.02em;
	padding-bottom: 10px;
}
.product .message {
	display: block;
	font-size: 14px;
	color: #e6393a;
	line-height: 18px;
	letter-spacing: -0.02em;
	padding: 12px 0;
}

/* Box
############################################################################### */
.box {
	position: relative;
	border: 1px solid #d7d7d7;
	padding: 10px;
	margin-bottom: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box .remove {
	position: absolute;
	right: 5px;
	top: 3px;
	font-family:'Gotham Narrow Medium';
	font-size: 12px;
	color: #333;
	padding-right: 18px;
	background: url('../images/icon-close.png') no-repeat center right;
}
.box .box-info {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.box .box-info * {
	display: table-cell;
	vertical-align: middle;
}
.box .box-info .image { width: 109px; }
.box .box-info .image img {
	max-height: 109px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.box .box-info .text {
	font-family:'Gotham Narrow Medium';
	padding: 16px;
}
.box .box-info .text small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #333;
}
.box .box-info .text span {
	display: block;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #e6393a;
}

.address-box {
	position: relative;
	border: 1px solid #d7d7d7;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.address-box .address {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #7f7f7f;
	letter-spacing: -0.02em;
	padding-right: 38px;
}
.address-box .checkbox {
	position: absolute;
	right: 9px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Custom Checkbox
############################################################################### */
.checkbox {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	line-height: 0;
	text-align: center;
	border: 1px solid #ccc;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.checkbox input[type='checkbox'],
.checkbox input[type='checkbox']:checked {
	position: absolute;
	top: -100px;
	left: -100px;
}
.checkbox input[type='checkbox']:checked + span {
	display: inline-block;
	vertical-align: middle;
	background: transparent url('../images/icon-tick.png') no-repeat center;
	width: 10px;
	height: 8px;
	margin-top: 6px;
}

.checkbox.checkbox-white input[type='checkbox']:checked + span{ background-image: url('../images/icon-tick-white.png'); }

/* Custom Radio
############################################################################### */
.custom-radio {
	display: inline-block;
	vertical-align: middle;
	margin: 0;
}
.custom-radio + .custom-radio { margin-left: 30px; }
.custom-radio input[type='radio'] {
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.custom-radio span {
	position: relative;
	display: block;
	font-size: 15px;
}
.custom-radio span:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin: -3px 8px 0 0;
	border: 2px solid #DDD;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.custom-radio input[type='radio']:checked + span:after {
	content: '';
	display: block;
	position: absolute;
	width: 10px;
	height: 10px;
	left: 4px;
	top: 5px;
	background-color: #DDD;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.custom-radio.man input[type='radio'] + span { color: #3db2de }
.custom-radio.man input[type='radio'] + span:before,
.custom-radio.man input[type='radio']:checked + span:before { border-color: #3db2de }
.custom-radio.man input[type='radio']:checked + span:after { background-color: #3db2de }
.custom-radio.woman input[type='radio'] + span { color: #e93295 }
.custom-radio.woman input[type='radio'] + span:before,
.custom-radio.woman input[type='radio']:checked + span:before { border-color: #e93295 }
.custom-radio.woman input[type='radio']:checked + span:after { background-color: #e93295 }

/* SMS
############################################################################### */
.sms {
	text-align: center;
	padding: 23px 30px;
}
.sms p {
	font-family:'Gotham Narrow Medium';
	font-size: 24px;
	color: #333;
	padding: 75px 10px 0 10px;
	background: url('../images/icon-sms.png') no-repeat center top;
}
.sms input {
	font-family:'Gotham Narrow Medium';
	font-size: 40px;
	color: #333;
	text-align: center;
	height: 66px;
}

/* Confirmation
############################################################################### */
.confirmation {
	text-align: center;
	letter-spacing: -0.03em;
	padding-top: 90px;
	background: url('../images/icon-tick-big.png') no-repeat center top;
}
.confirmation h4 {
	font-family:'Gotham Narrow Bold';
	font-size: 30px;
	color: #2fb60b;
	margin: 0;
}
.confirmation h6 {
	font-family:'Gotham Narrow Bold';
	font-size: 20px;
	color: #2fb60b;
	line-height: 22px;
	margin: 0;
	padding: 3px 0 22px 0;
}
.confirmation p {
	font-family:'Gotham Narrow Medium';
	font-size: 16px;
	line-height: 21px;
	color: #333;
}
.confirmation p a {
	color: #333;
	text-decoration: underline;
}

/* Form
############################################################################### */
.form-container h1 {
	font-family:'Gotham Narrow Book';
	font-size: 22px;
	color: #e6393a;
	letter-spacing: -0.03em;
	margin: 0 0 2px 0;
}
.form-container p {
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	color: #e6393a;
	letter-spacing: -0.01em;
}
.form-container span {
	display: block;
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	color: #333;
	letter-spacing: -0.01em;
	margin-bottom: 5px;
}
.form-container span strong {
	font-family:'Gotham Narrow Bold';
	font-size: 16px;
}
.form-container .custom-radio span { margin: 0; }
.form-container .avatar .items {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 2px 0 15px 0;
}
.form-container .avatar .items .item {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.form-container .avatar .items .item input[type='radio'] {
	position: absolute;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
.form-container .avatar .items .item input[type='radio'] + span {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 64px;
	padding: 3px;
	border: 1px dashed transparent;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden;
}
.form-container .avatar .items .item input[type='radio']:checked + span { border-color: #e84647; }
.form-container .program-list {
	font-size: 0;
	padding: 10px 0;
}
.form-container .program-list label {
	display: inline-block;
	vertical-align: middle;
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
	min-width: 33%;
	padding: 4px 0;
}
.form-container .contract {
	display: block;
	position: relative;
	padding-left: 23px;
	font-size: 13px;
	line-height: 21px;
	color: #767676;
	margin-bottom: 20px;
}
.form-container .contract input {
	position: absolute;
	left: 0;
	top: 3px;
}
.form-container .contract a {
	color: #13bbc5;
	text-decoration: none;
}
.form-container .contract .title {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #787878;
}

.form-container .form-control:disabled,
.form-container .form-control[readonly] {
	background-color: #FFF;
	cursor: no-drop;
}
.form-container .edit { position: relative; }
.form-container .edit .form-control { padding-right: 47px; }
.form-container .form-control:disabled + .icon-edit,
.form-container .form-control[readonly] + .icon-edit {
	position: absolute;
	right: 15px;
	top: 15px;
	width: 17px;
	height: 18px;
	background: url('../images/icon-edit.png') no-repeat center;
}

.group-select .form-group:first-child select { border-right: 0; }
.group-select .form-group select { border-radius: 0; }

/* Modal
############################################################################### */
.modal {
	text-align: center;
	color: #FFF;
}
.modal .modal-content {
	position: relative;
	border: none;
	padding: 0;
}
.modal .modal-content .modal-body {
	position: initial;
	padding: 30px;
}
.modal h4 {
	font-family:'Gotham Narrow Bold';
	font-size: 30px;
	letter-spacing: -0.03em;
	margin: 0;
}
.modal h6 {
	font-family:'Gotham Narrow Medium';
	font-size: 20px;
	letter-spacing: -0.01em;
	margin: 0 0 2px 0;
}
.modal p {
	font-family:'Gotham Narrow Book';
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.01em;
	margin: 0;
}
.modal .close {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 17px;
	height: 17px;
	font-size: 18px;
	opacity: 1;
	background-color: #FFF;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.modal-success .close { color: #2fb60b; }
.modal-success .modal-content { background-color: #2fb60b; }
.modal-danger .close { color: #e9545c; }
.modal-danger .modal-content { background-color: #e9545c; }

#modal-address {
	font-size: 15px;
	text-align: left;
	color: #757575;
}

/* Profile
############################################################################### */
.profile-user {
	text-align: center;
	margin-bottom: 16px;
}
.profile-user img {
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-bottom: 13px;
}
.profile-user .user-info {
	font-family:'Gotham Narrow Book';
	font-size: 16px;
	color: #8a8a8a;
	line-height: 20px;
	letter-spacing: -0.03em;
}
.profile-user .user-info strong {
	display: block;
	font-family:'Gotham Narrow Bold';
}

.profile-links a {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	height: 161px;
	text-align: center;
	background-color: #146c91;
	margin-bottom: 10px;
	padding: 10px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.profile-links a:hover,
.profile-links a:active { background-color: #1391c6; }
.profile-links .row {
	margin-right: -5px;
	margin-left: -5px;
}
.profile-links .col-6 {
	padding-right: 5px;
	padding-left: 5px;
}
.profile-links a i {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	height: 60px;
}
.profile-links a i img { max-height: 60px; }
.profile-links a span {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 15px;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
}

/* Sub Title
############################################################################### */
.sub-title {
	padding: 7px 10px 6px 10px;
	background-color: #1467a0;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.sub-title h4 {
	font-family:'Gotham Narrow Book';
	font-size: 16px;
	color: #FFF;
	margin: 0;
}

.sub-title-block {
	position: relative;
	background-color: #1391c6;
}
.sub-title-block h4 {
	font-family:'Gotham Narrow Bold';
	font-size: 17px;
	color: #FFF;
	letter-spacing: -0.02em;
	padding: 18px 15px 16px 15px;
	margin-bottom: 0;
}
.sub-title-block span {
	padding-right: 11px;
	font-size: 0;
}
.sub-title-block span a {
	display: inline-block;
	vertical-align: middle;
}
.sub-title-block span a + a { margin-left: 9px; }

/* Collapse
############################################################################### */
#evreka-collapse .card { padding: 10px 16px; }
#evreka-collapse .card + .card { margin-top: 15px; }
#evreka-collapse .card-header {
	position: relative;
	padding: 0;
	margin: 0;
	border-bottom: none;
	background-color: transparent;
}
#evreka-collapse .card-header a { text-decoration: none; }
#evreka-collapse .card-header a:after {
	content: '';
	display: block;
	position: absolute;
	right: -4px;
	top: 2px;
	width: 15px;
	height: 15px;
	background: #FFF url('../images/icon-rounded-arrow-down-red.png') no-repeat center;
}
#evreka-collapse .card-header a[aria-expanded='true']:after { background-image: url('../images/icon-rounded-arrow-up-red.png') }
#evreka-collapse .card-header a .image {
	position: relative;
	padding-top: 87px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#evreka-collapse .card-header a .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: calc(100% - 15px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#evreka-collapse .card:first-of-type,
#evreka-collapse .card:not(:first-of-type):not(:last-of-type) {
	border-bottom: 1px solid rgba(0,0,0,.125);
	border-bottom-right-radius: .25rem;
	border-bottom-left-radius: .25rem;
}
#evreka-collapse .card:last-of-type {
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem;
}
#evreka-collapse .card-body { padding: 0; }
#evreka-collapse span,
#evreka-collapse label {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #ababab;
	letter-spacing: -0.01em;
	padding-top: 7px;
}
#evreka-collapse label {
	color: #333;
	margin: 0;
	padding: 0 0 7px 0;
}
#evreka-collapse .card-body,
#evreka-collapse label + span { border-top: 1px solid #ededed; }
#evreka-collapse .deserve,
#evreka-collapse .score { color: #31c122 }
#evreka-collapse .score { font-family:'Gotham Narrow Bold'; }
/*#evreka-collapse .card-header a[aria-expanded='true'] .score { display: none; }
#evreka-collapse .card-header a[aria-expanded='false'] .score {
position: absolute;
right: 20%;
top: 50%;
margin-top: -10px;
font-family:'Gotham Narrow Bold';
color: #ed5050;
}*/

/* Culture Cart
############################################################################### */
.culture-cart {
	position: relative;
	font-size: 0;
}
.culture-cart img { width: 100%; }
.culture-cart span {
	display: block;
	position: absolute;
	right: 8%;
	bottom: 5.5%;
	font-family:'Gotham Narrow Bold';
	font-size: 5vw;
	color: #FFF;
	line-height: 20px;
	letter-spacing: 0.01em;
}

/* My Culture Cart
############################################################################### */
.my-cart {
	text-align: center;
	padding-top: 5px;
}
.my-cart h6 {
	font-family:'Gotham Narrow Book';
	font-size: 18px;
	color: #333;
	letter-spacing: -0.01em;
}
.my-cart p {
	font-family:'Gotham Narrow Book';
	font-size: 15px;
	color: #757575;
	line-height: 19px;
	letter-spacing: -0.02em;
	margin-bottom: 15px;
}

/* Tab
############################################################################### */
.nav .nav-item + .nav-item { margin-left: 10px; }
.nav .nav-item .nav-link {
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #535353 !important;
	letter-spacing: -0.02em;
	text-align: center;
	background-color: #e9e8e8;
	padding: 4px 5px 2px 5px;
	border-radius: 15px;
	min-width: 127px;
}
.nav .nav-item .nav-link.text-success.active {
	background-color: #31c122;
	color: #FFF !important;
}
.nav .nav-item .nav-link.text-danger.active {
	background-color: #e0475f;
	color: #FFF !important;
}

/* Badge Cancel
############################################################################### */
.badge.badge-cancel {
	background-color: transparent;
	border: 1px solid #ed1c24;
	font-size: 12px;
	color: #f64e47;
	letter-spacing: -0.02em;
	padding: 2px 14px;
}
.badge.badge-cancel:hover,
.badge.badge-cancel:active {
	background-color: #ed1c24;
	color: #FFF;
}

/* Login Form
############################################################################### */
.login-form {
	height: 100vh;
	margin-bottom: -66px;
	background: #146390;
	text-align: center;
	color: #FFF;
}
.login-form h1 {
	font-family:'Gotham Narrow Light';
	letter-spacing: -0.04em;
	font-size: 52px;
	line-height: 42px;
	margin: 0;
	padding: 54px 0 25px 0;
}
.login-form h1 span {
	display: block;
	font-size: 36.66px;
}
.login-form label,
.login-form .forgot-password {
	font-family:'Gotham Narrow Book';
	font-size: 14.12px;
	color: #FFF;
	text-decoration: none;
}
.login-form .btn { font-size: 18px; }

.login-close {
	position: fixed;
	right: 30px;
	top: 30px;
	display: block;
}
.login-close span {
	position: relative;
	display: block;
	width: 40px;
	height: 40px;
}
.login-close span:before,
.login-close span:after {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	height: 2px;
	width: 100%;
	background-color: #FFF;
	-webkittransform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.login-close span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* Login Form
############################################################################### */

.my-draw .draw-box {
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.my-draw .draw-box .draw-header {
	padding: 10px 10px 8px 10px;
	border-bottom: 1px solid #d7d7d7;
}
.my-draw .draw-box .draw-header .image {
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 3px;
}
.my-draw .draw-box .draw-footer {
	padding: 8px 10px 6px 10px;
}
.my-draw .draw-box span {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #ababab;
	letter-spacing: -0.01em;
}
.my-draw .draw-box p {
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #333;
	letter-spacing: -0.01em;
	margin-bottom: 0;
}

/* User Profile
####################################################################################*/
.user-info img {
	float: left;
	margin-right: 15px;
}
.user-info > span {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #e25a54;
	white-space: nowrap;
	padding-top: 6px;
}
.user-info > span .name {
	display: block;
	font-size: 18px;
	color: #757575;
	margin-bottom: -3px;
}
.user-score { font-size: 0; }
.user-score [class*='score-'] {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
}
.user-score [class*='score-'] + [class*='score-'] { margin-left: 30px; }
.user-score [class*='score-'] strong {
	display: block;
	width: 170px;
	font-family:'Gotham Narrow Bold';
	font-size: 26px;
	text-align: center;
	letter-spacing: -0.02em;
	padding: 8px 30px;
	border-radius: 50px;
}
.user-score .score-active { color: #31c122 }
.user-score .score-active strong {
	background-color: #31c122;
	color: #FFF;
}
.user-score .score-total { color: #e6393a }
.user-score .score-total strong {
	background-color: #1391c6;
	color: #FFF;
}
/* User Profile
####################################################################################*/
.user-score [class*='score-'] {
	position: relative;
	display: block;
	border-radius: 5px 0 0 5px;
}
.user-score [class*='score-'] span {
	position: absolute;
	width: 50%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: right;
	padding-right: 0;
}
.user-score [class*='score-'] strong {
	width: 50%;
	margin-left: auto;
	font-family: 'Gotham Narrow Bold';
	font-size: 41px;
	line-height: 41px;
	text-align: left;
	padding-left: 18px;
}
.user-score .score-active {
	background-color: #31c122;
	color: #FFF;
}
.user-score .score-total {
	background-color: #1391c6;
	color: #FFF;
}
/* Scrore Slider & Notification
####################################################################################*/
#scoreSlide {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 55px);
}
.notification {
	float: right;
	display: block;
	vertical-align: middle;
	line-height: 0;
	background-color: #186092;
	padding-left: 3px;
	margin-left: -3px;
	border-radius: 0 5px 5px 0;
}
.notification > a {
	position: relative;
	display: block;
	width: 55px;
	height: 57px;
}
.notification > a.dropdown-toggle::after { display: none; }
.notification > a img {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 26px;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.notification > a small {
	display: block;
	position: absolute;
	z-index: 10;
	left: 9px;
	top: 13px;
	width: 14px;
	height: 14px;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	line-height: 14px;
	letter-spacing: -0.03em;
	background-color: #e0475f;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.notification .dropdown-menu {
	width: calc(100vw - 30px);
	transform: none !important;
	right: 0 !important;
	left: auto !important;
	top: 100% !important;
	margin: -3px 0 0 0;
	border: none;
	background-color: #186092;
	border-radius: 0;
	-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;
}
.notification .dropdown-menu > a {
	position: relative;
	display: block;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #FFF;
	width: auto;
	height: auto;
	padding: 17px 14px;
}
.notification .dropdown-menu > * + * { border-top: 1px solid #1a5279; }
.notification .dropdown-menu .title {
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	line-height: 24px;
	font-weight: bold;
	color: #FFF;
	letter-spacing: -0.01em;
	padding: 14px;
}
.notification .dropdown-menu .title a {
	display: inline-block;
	width: 17px;
	height: 17px;
}
.notification .dropdown-menu .title a img { width: 17px; }

/* Address
############################################################################### */
.address-group {
	padding: 15px 20px;
	font-family:'Gotham Narrow Book';
	font-size: 15px;
	color: #757575;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.address-group a {
	display: inline-block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	letter-spacing: -0.02em;
	color: #e6393a;
	text-align: center;
	text-decoration: underline;
	padding: 5px 0;
	margin-top: 10px;
}
.address-group a + a { margin-left: 30px; }

/* Choose Appointment
############################################################################### */
.choose-appointment {
	background-color: #1391c6;
	height: calc(100vh - 72px);
	margin-bottom: -120px;
	padding-bottom: 66px;
	text-align: center;
	color: #FFF;
}
.choose-appointment h1,
.choose-appointment h2 {
	font-family:'Gotham Narrow Bold';
	font-size: 24px;
	letter-spacing: -0.01em;
	line-height: 26px;
	margin-bottom: 0;
}
.choose-appointment span { display: block; }
.choose-appointment h2 {
	font-family:'Gotham Narrow Book';
	margin: 16px 0 33px 0;
}
.choose-appointment .choose-link + .choose-link { margin-top: 37px; }
.choose-appointment .choose-link a {
	display: inline-block;
}
.choose-appointment .choose-link a span {
	display: inline-block;
	position: relative;
	width: 148px;
	height: 148px;
	background-color: #FFF;
	border-radius: 50%;
}
.choose-appointment .choose-link a span img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.choose-appointment .choose-link a strong {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 16px;
	letter-spacing: -0.01em;
	color: #FFF;
}

/* Link List
############################################################################### */
.list-link {
	display: block;
	margin: 0;
	padding: 0;
}
.list-link li {
	display: block;
}
.list-link li + li { margin-top: 14px; }
.list-link li a {
	position: relative;
	display: block;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	padding: 9px 44px 9px 14px;;
}
.list-link li a:before,
.list-link li a:after {
	content: '';
	position: absolute;
	right: 17px;
	top: 50%;
	width: 12px;
	height: 2px;
	margin-top: -4px;
	background-color: #1391c6;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.list-link li a:after {
	margin-top: 4px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.list-link li a strong,
.branch-info strong {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 17px;
	letter-spacing: -0.02em;
	color: #1391c6;
}
.list-link li a span,
.list-link li a small,
.branch-info span,
.branch-info small {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #7f7f7f;
	line-height: 18px;
	letter-spacing: -0.02em;
	padding: 5px 0 4px 0;
}
.list-link li a strong + span,
.branch-info strong + span { padding: 0; }
.list-link li a small,
.branch-info small { color: #1391c6; }

/* List Group
############################################################################### */
.list-group {
	display: block;
	margin: 0;
	padding: 0;
}
.list-group li {
	display: block;
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	font-family:'Gotham Narrow Medium';
	letter-spacing: -0.02em;
}
.list-group li + li { margin-top: 18px; }
.list-group li .header {
	display: block;
	padding: 10px 12px 16px 12px;
}
.list-group li .header .title {
	position: relative;
	display: block;
	font-size: 15px;
	color: #1391c6;
	padding-bottom: 2px;
}
.list-group li .header .title small {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 13px;
}
.list-group li .header .instructor {
	display: block;
	font-size: 15px;
	color: #7f7f7f;
	padding-bottom: 5px;
}
.list-group li .header .quota {
	font-size: 13px;
	color: #ffffff;
	background-color: #848282;
	padding: 5px 14px 4px 14px;
	border-radius: 50px;
}
.list-group li .footer {
	display: block;
	padding: 9px 12px;
	border-top: 1px solid #d7d7d7;
}
.list-group li .footer table {
	font-size: 14px;
	color: #7f7f7f;
}
.list-group li .footer .btn {
	font-size: 12px;
	padding: 3px 15px 1px 15px;
	border-radius: 15px;
}

/* Choose Date
############################################################################### */
.choose-date {
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
	border-radius: 5px;
	margin-bottom: 18px;
	padding: 8px;
}
.choose-date input {
	display: block;
	font-size: 15px;
	color: #e0475f;
	letter-spacing: -0.02em;
	padding: 11px 12px;
	border: none;
	background-color: transparent;
	outline: none;
}
.choose-date span {
	background-color: #e0475f;
	border-radius: 50px;
	font-size: 13px;
	color: #FFF;
	letter-spacing: -0.02em;
	padding: 12px 23px 11px 22px;
}
.choose-date span img { margin: -3px 10px 0 0; }

.dd-w .dd-fadein {
	left: 50% !important;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transform: translateX(-50%);
}

/* Persons
############################################################################### */
.persons {
	text-align: center;
	padding-top: 22px;
}
.persons strong,
.persons small {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 20px;
	color: #1391c6;
	letter-spacing: -0.02em;
}
.persons small {
	font-size: 15px;
	color: #e0475f;
}
.persons .counters {
	font-size: 0;
	margin: 18px 0 13px 0;
}
.persons .counters .number {
	display: inline-block;
	vertical-align: middle;
	width: 180px;
	height: 180px;
	background-color: #f7f7f7;
	border: 1px solid #dedede;
	font-size: 73px;
	font-family:'Gotham Narrow Medium';
	letter-spacing: -0.02em;
	color: #58bd35;
	line-height: 180px;
	border-radius: 50%;
	margin: 0 14px;
}
.persons .counters .minus,
.persons .counters .plus {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	background-color: #58bd35;
	width: 48px;
	height: 48px;
	border-radius: 50%;
}
.persons .counters .minus img,
.persons .counters .plus img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.persons .info {
	letter-spacing: -0.02em;
	margin-bottom: 17px;
}
.persons .info .date {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 15px;
	color: #848282;
}
.persons .info .per-person {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 18px;
	color: #e0475f;
}
.persons .info .total-amount strong {
	display: block;
	font-size: 16px;
	color: #e0475f;
	padding-bottom: 2px;
}
.persons .info .total-amount span {
	display: inline-block;
	font-family:'Gotham Narrow Bold';
	font-size: 34px;
	line-height: 34px;
	color: #FFF;
	background-color: #e0475f;
	padding: 5px 14px 4px 14px;
}

/* Order Summary
############################################################################### */
.order-summary h6 {
	font-family:'Gotham Narrow Bold';
	font-size: 20px;
	color: #1391c6;
}
.order-summary .box {
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
}

/* Months
############################################################################### */
.months a {
	display: inline-block;
	vertical-align: middle;
	background-color: #cdcdcd;
	width: 47px;
	height: 47px;
	font-family:'Gotham Narrow Medium';
	font-size: 15.33px;
	line-height: 47px;
	color: #585858;
	text-align: center;
	border-radius: 50%;
}
.months a + a { margin-left: 10px; }
.months a.active {
	color: #FFF;
	background-color: #1467a0;
}
.months-list {
	display: block;
	padding: 0;
	margin: 0;
}
.months-list li {
	display: block;
	padding: 0;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #535353;
	padding: 8px 10px 7px 10px;
	border-radius: 3px;
}
.months-list li:nth-child(2n - 1) {
	background-color: #f7f7f7;
	border: 1px solid #d7d7d7;
}
.months-list li small {
	display: inline-block;
	vertical-align: middle;
	min-width: 20px;
	font-size: 14px;
}