/* General Settings
####################################################################################*/
body {
	font-family:'Gotham Narrow Medium';
}

.btn {
	position: relative;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	letter-spacing: -0.01em;
	border-radius: 50px;
	border: none;
	padding: 9px 30px 8px 30px;
	-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0);
	-moz-box-shadow: inset 0 0 100px rgba(0,0,0,0);
	box-shadow: inset 0 0 100px rgba(0,0,0,0);
}
.btn.btn-sm { padding: 5px 20px 4px 20px; }
.btn.btn-success { background-color: #5ab138; }

.btn:hover {
	-webkit-box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
	box-shadow: inset 0 0 100px rgba(0,0,0,0.2);
}

.btn-white {
	color: #e6393a;
	border-color: #FFF;
	background-color: #FFF;
}

.border,
.border-top,
.border-right,
.border-left,
.border-bottom { border-color: #f0f0f0 !important; }
.border-dark { border-color: #ddd !important; }

.modal-evreka button.close,
.modal-evreka button.close:hover {
	position: absolute;
	right: 5px;
	top: 5px;
	display: inline-block;
	width: 24px;
	height: 24px;
	color: #FFF;
	text-shadow: none;
	background-color: #000;
	border-radius: 50%;
	opacity: 1;
}

/* Header
####################################################################################*/
header {
	padding: 15px 0 20px 0;
	border-bottom: 1px solid #f6f6f6;
}
header .logo {
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none;
	white-space: nowrap;
	
}
header .logo span { 
	display: inline-block;
	vertical-align: bottom;
	border-left: 1px solid #acacac;
	font-size: 16px;
	color: #5e5e5e;
	line-height: 16px;
	letter-spacing: -0.03em;
	padding-left: 10px;
	margin-left: 10px;
}
header ul {
	display: table;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 0;
}
header ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
header ul li + li { border-left: 1px solid #d7d7d7; }
header ul li a {
	position: relative;
	display: block;
	font-size: 15px;
	color: #5e5e5e;
	letter-spacing: -0.01em;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
header ul li a:before {
	content: '';
	position: absolute;
	left: 18px;
	right: 18px;
	bottom: 0;
	border-bottom: 1px solid transparent;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
header ul li:hover a,
header ul li.active a {
	color: #e5314d;
	text-decoration: none;
}
header ul li:hover a:before,
header ul li.active a:before { border-bottom-color: #e5314d; }

header .box {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
}
header .box span {
	position: absolute;
	left: -7px;
	top: -5px;
	width: 14px;
	height: 14px;
	font-size: 11px;
	text-align: center;
	color: #FFF;
	line-height: 14px;
	background-color: #e5314d;
	border-radius: 50%;
}

header .user-info {
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
	color: #5e5e5e;
	line-height: 16px;
	text-align: left;
	margin: 0 35px 5px 0;
}
header .user-info .score {
	display: block;
	color: #e5314d;
}

/* Hamburger Menu
####################################################################################*/
.hamburger-menu {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	padding: 13px 8px;
	margin-bottom: 5px;
	background-color: #abaaaa;
	border-radius: 50%;
}
.hamburger-menu span {
	position: relative;
	display: block;
	height: 2px;
	background-color: #FFF;
}
.hamburger-menu span:after,
.hamburger-menu span:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -4px;
	width: 100%;
	height: 2px;
	background-color: #FFF;
}
.hamburger-menu span:after {
	top: auto;
	bottom: -4px;
}

/* Footer
####################################################################################*/
footer { padding: 30px 0; }
footer .phone {
	background: url('../images/icon-tel.png') no-repeat center left;
	font-size: 18px;
	color: #e5314d;
	padding: 6px 0 6px 33px;
}
footer .copyright {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #8b8b8b;
	letter-spacing: 0.02em;
}
footer ul {
	display: inline-block;
	vertical-align: middle;
	font-size: 0;
	margin-bottom: 0;
	padding: 0;
}
footer ul li {
	display: inline-block;
	vertical-align: middle;
}
footer ul li + li { border-left: 1px solid #8b8b8b; }
footer ul li a {
	display: block;
	font-size: 12px;
	color: #8b8b8b;
	line-height: 16px;
	letter-spacing: 0.02em;
	text-decoration: none;
	padding: 0 5px;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
footer ul li:hover a,
footer ul li.active a { color: #e5314d; }

.social-media {
	white-space: nowrap;
	font-size: 0;
}
.social-media span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	color: #8b8b8b;
	line-height: 14px;
	padding-right: 12px;
}
.social-media a {
	display: inline-block;
	vertical-align: middle;
	width: 26px;
	height: 26px;
	border-radius: 50%;
}
.social-media a + a { margin-left: 5px; }
.social-media .icon-instagram { background: url('../images/icon-instagram.png') no-repeat top center; }
.social-media .icon-instagram:hover { background-position: bottom center; }
.social-media .icon-facebook { background: url('../images/icon-facebook.png') no-repeat top center; }
.social-media .icon-facebook:hover { background-position: bottom center; }
.social-media .icon-twitter { background: url('../images/icon-twitter.png') no-repeat top center; }
.social-media .icon-twitter:hover { background-position: bottom center; }
.social-media .icon-youtube { background: url('../images/icon-youtube.png') no-repeat top center; }
.social-media .icon-youtube:hover { background-position: bottom center; }

/* Login Form
############################################################################### */
.login-form {
	height: 100vh;
	margin-bottom: -66px;
	background: #e6393a;
	text-align: center;
	color: #FFF;
}
.login-form h1 {
	font-family:'Gotham Narrow Light';
	letter-spacing: -0.04em;
	font-size: 52px;
	line-height: 42px;
	color: #FFF;
	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;
	transform: rotate(45deg);
}
.login-close span:after {
	transform: rotate(-45deg);
}

/* 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; }

/* Avatar
############################################################################### */
.avatar .items {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 2px 0 15px 0;
}
.avatar .items .item {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.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;
}
.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;
}
.avatar .items .item input[type='radio']:checked + span { border-color: #e84647; }

/* Program List
############################################################################### */
.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;
}

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

/* Home Slider
####################################################################################*/
#homeSlider .owl-item a { display: block; }
#homeSlider .owl-item a .mobile { display: none; }
#homeSlider .owl-dots {
	text-align: center;
	font-size: 0;
	padding-top: 22px;
}
#homeSlider .owl-dots .owl-dot {
	display: inline-block;
	vertical-align: middle;
	width: 12px;
	height: 12px;
	background-color: #ddd;
	border-radius: 50%;
	-webkt-transition: all .3s ease;
	-webkit-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: #e5314d; }

/* Cuurent Score
############################################################################### */
#scoreSlide .item {
	text-align: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#scoreSlide [class*='-score'] {
	background-color: #31c122;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: -0.03em;
	color: #FFF;
	padding: 7px 0 6px 0;
}
#scoreSlide .current-score { background-color: #31c122; }
#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');
}

/* 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'; }

/* Culture Link
############################################################################### */
.culture-link {
	position: relative;
	display: block;
	height: 120px;
	background: #12b5ba url('../media/bilgi_evleri_banner.jpg') no-repeat center;
	background-size: cover;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;c
}
.culture-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;
}

/* BreadCrumb
####################################################################################*/
.breadcrumb {
	background-color: transparent;
	padding: 0;
}
.breadcrumb .breadcrumb-item {
	font-family:'Gotham Narrow Book';
	font-size: 12px;
	color: #333;
	letter-spacing: 0.05em;
}
.breadcrumb .breadcrumb-item a { color: #333; }
.breadcrumb .breadcrumb-item.active { color: #d64a44; }
.breadcrumb .breadcrumb-item + .breadcrumb-item::before { content: '|' }

/* Typography
####################################################################################*/
h1 {
	font-family:'Gotham Narrow Medium';
	font-size: 35px;
	color: #333;
}
p, li {
	font-family:'Gotham Narrow Book';
	font-size: 15px;
	color: #333;
}
strong {
	font-family:'Gotham Narrow Medium';
}

.text-light { color: #757575 !important; }

/* Most Winner
####################################################################################*/
.most-winner {
	text-align: center;
	color: #e6393a;
	letter-spacing: -0.04em;
	line-height: 18px;
}
.most-winner [class*='col-'] { margin: 18px 0; }
.most-winner .rank {
	display: block;
	padding-bottom: 14px;
	font-family:'Gotham Narrow Bold';
}
.most-winner .image {
	position: relative;
	padding-bottom: 14px;
}
.most-winner .image small {
	position: absolute;
	left: 50%;
	bottom: 14px;
	margin-left: 17px;
}
.most-winner span.user-name {
	display: block;
	font-size: 14px;
}
.most-winner strong {
	display: block;
	font-size: 16px;
	margin-top: -1px;
}

/* 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;
	margin-bottom: 4px;
	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: #e6393a;
	color: #FFF;
}

/* Left Menu
####################################################################################*/
.left-menu {
	display: block;
	padding: 0;
	margin: 0;
}
.left-menu li {
	display: block;
	border-radius: 50px;
	overflow: hidden;
}
.left-menu li + li { margin-top: 15px; }
.left-menu li a {
	display: block;
	padding: 10px 14px 8px 14px;
	font-size: 14px;
	font-family:'Gotham Narrow Book';
	color: #333;
	text-decoration: none;
	background-color: #e6e6e6;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.left-menu li.active a,
.left-menu li:hover a {
	background-color: #e6393a;
	color: #FFF;
}
.left-menu li a i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin: 4px;
	overflow: hidden;
}
.left-menu li a i img {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.left-menu li.active a i img,
.left-menu li:hover a i img { top: -22px; }

/* Title Icon
####################################################################################*/
.title-icon {
	font-size: 20px;
	color: #e6393a;
	letter-spacing: -0.02em;
	margin-bottom: 20px;
}
.title-icon i {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	width: 22px;
	height: 22px;
	margin-bottom: 4px;
	overflow: hidden;
}
.title-icon i img {
	position: absolute;
	left: 0;
	top: -44px;
	width: 100%;
}

/* Avatar
####################################################################################*/
.avatar { margin: 18px 0; }
.avatar .items {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 2px 0 15px 0;
}
.avatar .items .item {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.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;
}
.avatar .items .item input[type='radio'] + span {
	display: inline-block;
	vertical-align: middle;
	width: 64px;
	height: 64px;
	padding: 3px;
	border: 1px dashed transparent;
	border-radius: 50%;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	overflow: hidden;
}
.avatar .items .item:hover input[type='radio'] + span,
.avatar .items .item input[type='radio']:checked + span { border-color: #e84647; }

/* Form
############################################################################### */
.form-group span {
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	letter-spacing: -0.01em;
	color: #ababab;
	padding-bottom: 4px;
}
.form-group .form-control {
	font-family:'Gotham Narrow Light';
	font-size: 16px;
	height: 46px;
	padding: 12px 14px 11px 14px;
}
.form-group textarea.form-control { height: auto; }
.form-group strong { color: #333; }

.form-group .edit { position: relative; }
.form-group .edit .form-control { padding-right: 47px; }
.form-group .edit .form-control + .icon-edit {
	position: absolute;
	right: 14px;
	top: 14px;
	width: 17px;
	height: 18px;
	background: url('../images/icon-edit.png') no-repeat center;
}

/* 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;
	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;
	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 }

/* Program List
############################################################################### */
.program-list {
	font-size: 0;
	padding: 10px 0;
}
.program-list label {
	display: inline-block;
	vertical-align: middle;
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	line-height: 18px;
	margin-right: 30px;
	padding: 4px 0;
}

/* Contract
############################################################################### */
.contract {
	display: block;
	position: relative;
	padding-left: 23px;
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #787878;
	margin-bottom: 20px;
}
.contract strong { font-family:'Gotham Narrow Medium'; }
.contract input {
	position: absolute;
	left: 0;
	top: 3px;
}
.contract a {
	color: #13bbc5;
	text-decoration: none;
}

/* My Activity
############################################################################### */
.my-activity {
	font-family:'Gotham Narrow Light';
	font-size: 14px;
	color: #ababab;
	line-height: 20px;
	letter-spacing: -0.01em;
}
.my-activity span { display: block; }
.my-activity p { color: #333; }
.my-activity strong {
	font-family:'Gotham Narrow Bold';
	font-size: 22px;
}

/* Product
############################################################################### */
.product {
	text-align: center;
	margin-bottom: 30px;
}
.product .image {
	position: relative;
	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%);
	transform: translate(-50%, -50%);
}
.product .image .link {
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%
		-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.product .product-info span {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 12px;
	color: #d52440;
}
.product .product-info small {
	display: block;
	font-family:'Gotham Narrow Black';
	font-size: 16px;
	color: #555555;
	line-height: 14px;
	letter-spacing: -0.02em;
	padding-bottom: 10px;
}

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

/* Products
############################################################################### */
.products {
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 17px;
	margin-bottom: 30px;
}
.products .image {
	position: relative;
	padding-top: 87px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.products .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: calc(100% - 15px);
	max-height: calc(100% - 15px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.products span,
.products label {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #ababab;
	letter-spacing: -0.01em;
	padding-top: 7px;
}
.products label {
	color: #333;
	margin: 0;
	padding: 0 0 7px 0;
}
.products label + span { border-top: 1px solid #ededed; }
.products .deserve,
.products .score { color: #31c122 }
.products .score { font-family:'Gotham Narrow Bold'; }

/* My Draw
############################################################################### */
.draw-box {
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 20px;
}
.draw-box .image {
	position: relative;
	padding-top: 87px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.draw-box .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: calc(100% - 15px);
	max-height: calc(100% - 15px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.draw-box hr { border-color: #d7d7d7; }
.draw-box span {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #ababab;
	letter-spacing: -0.01em;
}
.draw-box p {
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	color: #333;
	letter-spacing: -0.01em;
	margin-bottom: 0;
}

/* Product Box
############################################################################### */
.product-box {
	display: table;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #d7d7d7;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 0;
	margin-bottom: 20px;
}
.product-box .column {
	display: table-cell;
	vertical-align: middle;
	padding: 0 11px;
}
.product-box .image {
	position: relative;
	padding-top: 87px;
	width: 80px;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.product-box .image img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: calc(100% - 15px);
	max-height: calc(100% - 15px);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.product-box span {
	display: block;
	font-family:'Gotham Narrow Book';
	font-size: 14px;
	letter-spacing: -0.04em;
	color: #333;
}
.product-box p {
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #333;
	margin: 0;
}
.product-box strong {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 18px;
	letter-spacing: -0.02em;
	color: #e6393a;
}
.product-box a {
	display: inline-block;
	font-family:'Gotham Narrow Book';
	font-size: 13px;
	letter-spacing: -0.02em;
	color: #e74848;
	padding-right: 25px;
	background: url('../images/icon-close-red.png') no-repeat center right;
	background-size: 13px;
}
.product-box .piece {
	position: relative;
	padding: 0 32px;
}
.product-box .piece .form-control { text-align: center; }
.product-box .piece .reduce,
.product-box .piece .increas {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 22px;
	height: 22px;
	font-size: 32px;
	color: #000;
	line-height: 38px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
}
.product-box .piece .increas {
	left: auto;
	right: 0;
}

/* Select Address
############################################################################### */
.select-address {
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
}
.select-address label {
	display: block;
	margin-bottom: 0;
	letter-spacing: -0.02em;
	overflow: hidden;
}
.select-address label input[type='radio'] {
	position: absolute;
	left: -10000px;
}
.select-address label input[type='radio'] + .content {
	position: relative;
	display: block;
	background-color: #ebebeb;
	padding: 15px 20px;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	transition: all .3s ease;
}
.select-address label input[type='radio'] + .content:before {
	content: '';
	position: absolute;
	right: 10px;
	top: 10px;
}
.select-address label input[type='radio']:checked + .content { background-color: transparent; }
.select-address label input[type='radio']:checked + .content:before { content: url('../images/icon-tick.png'); }

.select-address label span {
	display: block;
	font-family:'Gotham Narrow Bold';
	font-size: 15px;
	color: #333;
}
.select-address label small {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-size: 14px;
	color: #7f7f7f;
}
.select-address label strong {
	display: block;
	font-family:'Gotham Narrow Medium';
	font-weight: normal;
	color: #333;
}

/* Modal / SMS
############################################################################### */
#modalSMS .modal-body { padding: 50px 20px 30px 20px; }
#modalSMS h4 {
	font-family:'Gotham Narrow Bold';
	font-size: 32px;
	letter-spacing: -0.02em;
	color: #333;
	padding-bottom: 21px;
	margin-bottom: 0;
}
#modalSMS .form-control {
	font-family:'Gotham Narrow Medium';
	font-size: 40px;
	text-align: center;
	margin: 0 auto 20px auto;
	max-width: calc(100% - 60px);
}
#modalSMS .btn {
	font-size: 15px;
	padding: 12px 30px 11px 30px;
}
#modalSMS p {
	font-family:'Gotham Narrow Medium';
	font-size: 16px;
	color: #333;
	margin: 0 auto;
	max-width: calc(100% - 30px);
}

/* Modal / Success
############################################################################### */
#modalSuccess .modal-body { padding: 50px 20px 30px 20px; }
#modalSuccess h4,
#modalSuccess h6 {
	font-family:'Gotham Narrow Bold';
	font-size: 30px;
	color: #2fb60b;
	letter-spacing: -0.03em;
	margin-bottom: 0;
}
#modalSuccess h6 {
	font-size: 20px;
	line-height: 22px;
	margin-bottom: 0;
	padding: 3px 0 22px 0;
}
#modalSuccess p {
	font-family:'Gotham Narrow Medium';
	font-size: 16px;
	line-height: 21px;
	color: #333;
	letter-spacing: -0.03em;
}
#modalSuccess p a {
	color: #333;
	text-decoration: underline;
}

/* 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 }

/* 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: #e6393a;
	color: #FFF;
}

/* 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: #e6393a;
	margin-bottom: 10px;
	padding: 10px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.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;
}

/* Border Content
############################################################################### */
.border-content {
	border: 1px solid #f0f0f0;
	padding: 1rem;
	border-radius: 5px;
}

/* 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);
	max-height: 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;
}*/

/* My Draw
############################################################################### */
.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: 100% 3px 3px 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;
}

/* Box
############################################################################### */
.product-boxed {
	position: relative;
	border: 1px solid #d7d7d7;
	padding: 10px;
	margin-bottom: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.product-boxed .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 0;
}
.product-boxed img {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.product-boxed .text {
	display: block;
	font-family:'Gotham Narrow Medium';
}
.product-boxed .text small {
	display: block;
	font-size: 14px;
	line-height: 16px;
	color: #333;
}
.product-boxed .text span {
	display: block;
	font-size: 18px;
	line-height: 20px;
	letter-spacing: -0.02em;
	color: #e6393a;
}
.product-boxed .unit { white-space: nowrap; }
.product-boxed .unit .form-control {
	display: inline-block;
	vertical-align: middle;
}
.product-boxed .unit .count-plus,
.product-boxed .unit .count-minus {
	display: inline-block;
	vertical-align: middle;
	width: 38px;
	text-align: center;
	font-size: 32px;
	color: #000;
	line-height: 38px;
	text-decoration: none;
	margin-left: 5px;
}
.product-boxed .unit a img { margin-top: -5px; }
.product-boxed .unit input {
	max-width: 140px;
	text-align: center;
}

.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 .message {
	display: block;
	font-size: 14px;
	color: #e6393a;
	line-height: 18px;
	letter-spacing: -0.02em;
	padding: 12px 0;
}

/* 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: #e6393a;
	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; }

/* Modal
############################################################################### */
.modal-evreka {
	text-align: center;
	color: #FFF;
}
.modal-evreka .modal-content {
	position: relative;
	border: none;
	padding: 0;
}
.modal-evreka .modal-content .modal-body {
	position: initial;
	padding: 30px;
}
.modal-evreka h4 {
	font-family:'Gotham Narrow Bold';
	font-size: 30px;
	letter-spacing: -0.03em;
	margin: 0;
}
.modal-evreka h6 {
	font-family:'Gotham Narrow Medium';
	font-size: 20px;
	letter-spacing: -0.01em;
	margin: 0 0 2px 0;
}
.modal-evreka p {
	font-family:'Gotham Narrow Book';
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.01em;
	color: #FFF;
	margin: 0;
}
.modal-evreka .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;
}

/* Toasts
####################################################################################*/
.toast-container {
	position: fixed;
	z-index: 9999;
	top: 10px;
	right: 10px;
	min-width: 240px;
}
.toast button.close { opacity: 1; }
.toast.error .toast-body { background-color: #e5314d; }
.toast.error .toast-body * { color: #FFF; }
.toast.warning .toast-body { background-color: #f5c002; }

/* Category Group
####################################################################################*/
.categoryGroup {
    margin: 0;
    padding: 18px;
    max-height: 500px;
    overflow: auto;
    list-style-type: none;
    border: 1px solid #d7d7d7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.categoryGroup li a {
    position: relative;
    display: block;
    font-size: 13px;
    color: #53555a;
    letter-spacing: 0.02em;
    line-height: 35px;
}

.categoryGroup li a:hover {
    text-decoration: none;
    color: #e14242;
}

.categoryGroup li a i {
    position: absolute;
    right: 0;
    font-style: normal;
}


/* Product Detail Tab
####################################################################################*/
.detailTab .nav-tabs { border: 0; }
.detailTab .nav-tabs .nav-item a {
    padding: 3px 18px 2px;
    color: #333333;
    font-size: 14px;
    letter-spacing: -0.02em;
    border: 1px solid #efefef;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    -o-border-radius: 14px;
    border-radius: 14px;
}
.detailTab .nav-tabs .nav-item+.nav-item { margin-left: 20px; }
.detailTab .nav-tabs .nav-item a.active,
.detailTab .nav-tabs .nav-item a:hover {
    background: #e0475f;
    color: #fff;
    border-color: #e0475f;
}
.detailTab .tab-content {
    text-align: left;
    font-size: 13px;
    color: #333;
    padding: 22px 0;
    margin-bottom: 31px;
}
.detailTab .tab-content .tabTitle {
    font-size: 18px;
    margin-bottom: 12px;
}

/* Filter Menu
####################################################################################*/
#filterMenu.collapsing,
#filterMenu.show {
	position: fixed;
	z-index: 20;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	padding: 20px 15px 15px 15px;
}
#filterMenu .close {
	position: absolute;
	right: 20px;
	top: 15px;
}