/* fonts */
@font-face {
    font-family: 'cabinregular';
    src: url('../fonts/cabin-regular-webfont.eot');
    src: url('../fonts/cabin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-regular-webfont.woff') format('woff'),
         url('../fonts/cabin-regular-webfont.ttf') format('truetype'),
         url('../fonts/cabin-regular-webfont.svg#cabinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'cabinbold';
    src: url('../fonts/cabin-bold-webfont.eot');
    src: url('../fonts/cabin-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cabin-bold-webfont.woff') format('woff'),
         url('../fonts/cabin-bold-webfont.ttf') format('truetype'),
         url('../fonts/cabin-bold-webfont.svg#cabinbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*================== MAIN LAYOUT ====================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align:top; }

body { overflow-x: hidden; font-family: 'cabinregular', sans-serif; line-height: 1.5; color: #333333; font-variant-ligatures: none;
    font-feature-settings: "liga" 0; }

a { font: inherit; text-decoration: none; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-weight:bold; cursor:pointer;}
a:hover { text-decoration: none; }

img { width: 100%; height: auto; }


/*====Headers font====*/
h1, .title1 { font-family: 'Exo', sans-serif; margin-bottom: 1.25rem;font-size: calc(1.375rem + 1.5vw);}
h2, .title2 { font-family: 'Exo', sans-serif; margin-bottom: 1.25rem; font-size: calc(1.25rem + .9vw);}
h3, .title3 { font-family: 'Exo', sans-serif; margin-bottom: 1.25rem; font-size: calc(1.125rem + .6vw); }
h4, .title4 { font-family: 'Exo', sans-serif; margin-bottom: 1rem; font-size: calc(1.1rem + .3vw);}

ol, ul { list-style: none; }

p:last-child { margin:0;}

.dashed {border-top: 1px dashed currentColor; background: none;}

[class*="wrapper"]:after { clear:both; content: ""; display: table;} 

	@media (max-width: 991px) {
		h1, .title1 { font-size: 2.5rem; }
	}


/*================== HEADER ========================*/
header .contacts { text-align:center;}
header .contacts .tel { font-size: 2rem; font-family: 'cabinbold', sans-serif; }
header .contacts .email { font-size: 1.6rem}
.navbar-brand { text-align: center; margin-right: 0;}
.navbar-brand img { width: auto;}
.navbar { padding: 0;}

/* Main menu styles */
.navbar-dark .navbar-nav { width: 100%;}
.navbar-dark .navbar-nav { transition: all 0.5s ease; }
.navbar-dark .navbar-nav .nav-link { color: #fff; font: 700 18px/50px 'cabinregular', sans-serif; padding: 0 0.5rem 0 0.5rem; }


.mm-slideout {z-index: auto !important;}

	@media (min-width: 768px) {
		header .contacts { text-align:right;}
		.navbar-expand-md {
    		-ms-flex-flow: row wrap;
    		flex-flow: row wrap;
    	}

    	.navbar-brand {padding-top: 1.125rem; padding-bottom: 1.125rem; text-align: left; }
	}

	@media (max-width: 767px) {
		.navbar-dark .navbar-toggler  a { font-size: 1.875rem; color: #fff}
		
		.mm-navbar {border-bottom: none !important}
		.mm-navbar__breadcrumbs>* {display: none !important;}
		.mm-listitem__text {font-size: 1.25rem;  }

		.mm-btn_close:after {
		    right: 15px !important;
		    font-family: "Font Awesome 5 Free";
		    color: #ffff;
		    border: 3px solid #fff !important;
		    border-radius: 50%;
		    width: 20px !important;
		    height: 20px !important;
		    line-height: 20px !important;
		    font-size: 1rem !important;
		    transform: none !important;
		    content: "\f00d" !important;
		}

		.mm-btn_close:before {opacity: 0;}
	}

.toggle-arrow-none::after{display: none;}

.promocode .alert { padding: 0; margin: 0;}
.promocode .form-control { background: rgba(255,255,255,0.7);}

#header-image .promocode {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#header-image .promocode .form-control-lg {font-size: 1.5rem;} 

	@media (min-width: 1200px) {
		#header-image .promocode .form-control-lg {font-size: 2rem;} 
	}

/*================== CONTENT =======================*/
#content { z-index: 9999}

#content .list ul  { list-style:square; margin: 0 0 2rem 1.25rem;}
#content .text-center .list ul  {list-style-position: inside; margin-left: 0;}
#content .list li  { margin: 0 0 10px 0;}

.list .inline { margin-right:-25px;}
.list .inline li { display: inline-block; padding-right: 25px; list-style:square; }
.list .inline li:before { content:"" ; display: list-item ; position: absolute; }

/* Wrapper */
#content .wrapper1 { padding: 3vw 0 4vw; }
#content .wrapper2 { margin-top: 1rem; }
#content .wrapper3 { padding: 2vw 0 2vw; }


	@media (min-width: 768px) {
		#content .wrapper2 { margin-top: -43px }
	}

	@media (min-width: 992px) {
		#content .wrapper2 { margin-top: -49px }
	}

	@media (min-width: 1400px) {
		#content .wrapper2 { margin-top: -50px }
	}


/* Module Box */
#content .module-box a { color: #fff; display: inline-block; }
#content .module-box .card:hover img{
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	opacity: 0.6;
}

#content .module-box .pricebox { margin-bottom: 1rem;}
#content .module-box .pricebox .price{ margin-left: 0.5rem; margin-right: 0.5rem;}

.price {margin-right: 3rem; margin-bottom: 0;}
.oldprice {text-decoration: line-through!important; opacity: .5!important; font-size: 80%; }

/* Table */
.table-responsive { border: none;}

/*================== FOOTER ========================*/
footer ul { padding: 20px 0; justify-content: space-between; display: flex; align-items: center; flex-wrap: wrap; }
footer li.author { font-size: 0.75rem;  }
footer li a { color:#fff;}
footer li a:hover {color: rgba(255,255,255,.75);}

	@media (max-width: 767px) {	
		footer ul { display: block; text-align: center;}
		footer li.author { margin-top: 15px; } 
	}


/*================== CONTACT FORM =========================*/
.form-control:focus, button:focus, select:focus, textarea:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none; 
  box-shadow: none; 
  border-color: #8b3888;
  color: #666666;
}

.form-control {color: #666666;}
textarea {resize: none;}

.col-form-label-sm {font-size: .75rem; line-height: 1.8;}

.success { width:100%; text-align:center; color:#fff; background-color:#f00; font-size:18px; line-height:1.2em; padding:10px; margin-bottom:10px; display:none }

.contact-form textarea { height:7.5rem; resize:none;}
.contact-form label { display:block; margin-bottom: 10px; }
.contact-form .error, .contact-form .empty { color:red; font-size:1rem; display:none; position: absolute; right: 0.625rem; top: 0.625rem }

.has-feedback { position: relative; }
.has-feedback .form-control { padding-right: calc(1.5em + .75rem); }
.has-feedback.left-feedback .form-control { padding-left: 1.5em; }
.has-feedback.mandatory:before { font-family: 'Font Awesome 5 Free'; content: "\f005"; color:red; position:absolute; left:0.3125rem; top:1rem; font-size: 0.625rem; font-weight: 900}

 /* Buttons */
.btn {border: none !important; font-weight: 700;}

.btn-light {background:#ccc; color: #333 !important;}
.btn-light:hover { color: #333; background-color: #b5b3b3;}

button:focus, .btn:focus {outline: none; box-shadow: none !important;}


/*================== WIDGETS ========================*/
/* Datepicker */
.datepicker.datepicker-dropdown {padding: 0}
.datepicker .datepicker-switch { width: 150px;}

.datepicker thead {color: #fff; background:#d21358; } 
.datepicker tbody {background: #fff; } 
.datepicker td {border-radius: 4px;}
.datepicker td, .datepicker th { text-align: center; width: 30px; border-radius: 0; padding:  5px; font-size: 12px;}
.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 30px;
    line-height: 30px;
    float: left;
    margin: 1%;
    cursor: pointer;
    border-radius: 4px;
}

.datepicker table tr td.new, .datepicker table tr td.old { color: #999;}
.datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td span.active, .datepicker table tr td span:active { background-color: #8b3888 !important; color: #fff; }
.datepicker .datepicker-switch:hover, .datepicker .next:hover, .datepicker .prev:hover {background: #b30a47; cursor: pointer;}
.datepicker tfoot tr th:hover, .datepicker table tr td.day.focused, .datepicker table tr td.day:hover, .datepicker table tr td span.focused, .datepicker table tr td span:hover { background: #eee; cursor: pointer;}

/* Cookies */
.cookiealert {border-radius: 4px; background: #fff; text-shadow: none; padding: 15px; color:#707070; box-shadow: 1px 1px 20px 0px #707070; width: auto; margin-top: 10px; margin-left: 10px; margin-right: 10px; text-align: left; font-size: 0.8125rem; position: fixed; bottom: 0;left: 0; z-index: 1000; transition: all 500ms ease-out; transform: translateY(100%); opacity: 0;  visibility: hidden; }
.cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; }

.cookiealert .acceptcookies {margin: -5px 10px; font-size: 0.8125rem; padding-left: 35px; padding-right: 35px;}

	@media (max-width: 768px) {
		.cookiealert .acceptcookies{ display: block; margin: 1em 0 0;}
	}

/* UItoTop styles */
#toTop { 
	display: none; 
	text-decoration: none; 
	position: fixed; 
	bottom: 80px; 
	right: 30px; 
	overflow: hidden; 
	border-radius: 50%; 
	width: 60px; 
	height: 60px; 
	font-size: 35px; 
	line-height: 60px; 
	text-align: center; 
	color: #fff; 
	z-index: 20;  
	-webkit-transition: color 0.5s ease; 
	transition: color 0.5s ease; 
	opacity: 1;
	-webkit-animation-name: hvr-bob-float, hvr-bob;
  	animation-name: hvr-bob-float, hvr-bob;
  	-webkit-animation-duration: .3s, 1.5s;
  	animation-duration: .3s, 1.5s;
  	-webkit-animation-delay: 0s, .3s;
 	animation-delay: 0s, .3s;
  	-webkit-animation-timing-function: ease-out, ease-in-out;
  	animation-timing-function: ease-out, ease-in-out;
  	-webkit-animation-iteration-count: 1, infinite;
  	animation-iteration-count: 1, infinite;
  	-webkit-animation-fill-mode: forwards;
  	animation-fill-mode: forwards;
  	-webkit-animation-direction: normal, alternate;
  	animation-direction: normal, alternate; 
  }

#toTop:hover { opacity: .5 }

	@media only screen and (max-width: 1199px) {
	#toTop { display: none !important; }
	}

/* Colors */
.text-dark { color: #333333 !important; }

/* Backgrounds */
.bg-dark { background: #333333!important; }
.bg-black { background: #000000!important; }
.bg-light-tint { background: rgba(255,255,255,.3); }