/*
 *
 * LÁZNĚ MŠENÉ
 * Author: Martin Winkler
 * url: http://www.portadesign.cz/
 *
 */

/************************************************************************************
RESET
*************************************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }

article, aside, figure, footer, header, hgroup, nav, section, img { display: block; }

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }

label, input[type=button], input[type=submit], button { cursor: pointer; overflow: visible; }

em, i { font-weight: inherit; }

/************************************************************************************
GENERAL
*************************************************************************************/

html { height: 100%; }

body {
	font-family: Roboto,Arial,sans-serif;
	font-size: 15px;
	line-height: 1.8em;
	color: #000;
	background: #a3353d url(../images/back_base.gif) repeat-x left top;
	margin: 0;
	padding: 0;
	min-height: 100%;
	overflow-x: hidden;
}

/* Box sizing */

*, *:after, *:before { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

/* Anchors */

a { color: #d9034b; text-decoration: underline; }
a:hover, a.active { color: #e30044; text-decoration: none; }

/* Heading */

h1, .h1 { font: 400 35px/1.3em G,Roboto,Arial,sans-serif; color: #000; margin: 0 0 30px 0; }
h2, .h2 { font: 400 30px/1.3em G,Roboto,Arial,sans-serif; color: #000; margin: 0 0 10px 0; }
h3, .h3 { font: 400 25px/1.3em G,Roboto,Arial,sans-serif; color: #000; margin: 0 0 10px 0; }
h4, .h4 { font: 400 20px/1.3em G,Roboto,Arial,sans-serif; color: #000; margin: 0 0 10px 0; }
h5, .h5 { font: 400 17px/1.3em G,Roboto,Arial,sans-serif; color: #000; margin: 0 0 10px 0; }
h6, .h6 { font: 400 14px/1.3em G,Roboto,Arial,sans-serif; color: #000; margin: 0 0 10px 0; }

/* Paragraphs */

p { margin: 0 0 20px 0; }
address { font-style: normal; }
cite { font-style: normal; }

/* Lists */

ul, ol { list-style: none;  margin: 0 0 20px 0; }
ul li { padding: 0 0 0 20px; background: url('../img/li.png') 5px 11px no-repeat; margin: 0 0 5px 0; }
ul.unstyled li { padding: 0; background: none; }

ul.contact-list { margin-bottom: 10px; }
ul.contact-list li { position: relative; padding-left: 35px; background: none; }
ul.contact-list li.mail:before { content: ''; width: 30px; height: 30px; position: absolute; left: -4px; top: 0; background: url('../img/sprite.png') -30px 0 no-repeat; }
ul.contact-list li.phone:before { content: ''; width: 30px; height: 30px; position: absolute; left: -4px; top: 0; background: url('../img/sprite.png') 0 0 no-repeat; }

ol { counter-reset: counter; margin-left: 0; *margin-left: 54px; }
ol li { margin: 0 0 10px 0; padding: 0 0 0 20px; *list-style-type: decimal; counter-increment: counter; position: relative; }
ol li:before { color: #2285c8; content: counter(counter)'. '; position: absolute; left: 0; top: 0; }

dl { margin: 0 0 20px 0; }
dt { font-weight: bold; }

/* Forms */

form { display: block; }
fieldset { border: none; }
label { font-weight: bold; }
input, select, button { vertical-align: top; }

/* Various */

sup,sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; }
sup { bottom: 1ex; }
sub { top: .5ex; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

p.small { font-size: 70%; }
p.big { font-size: 130%; }

img { max-width: 100%; height: auto; }
img.align-center { display: block; margin: 0 auto; }

p.align-center img { display: block; margin: 0 auto; }

.bold { font-weight: bold; }
.nowrap, .nobr { white-space: nowrap !important; }

/* Alignment */

.v-top { vertical-align: top; }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }

.l { float: left; }
.r { float: right; }
.a-l { text-align: left; }
.a-r { text-align: right; }
.a-c { text-align: center; }
.align-full { text-align: justify; }

/************************************************************************************
HEADER
*************************************************************************************/

.header { height: 122px; position: relative; background: #f6f0ed; }
.header .facebook { width: 150px; position: absolute; right: 490px; top: 13px; }
.logo { position: absolute; left: 45px; top: 15px; }

/* Main navigation */

.main-nav { margin: 0; position: absolute; right: 45px; top: 70px; }
.main-nav ul { margin: 0; }
.main-nav ul li { float: left; padding: 0; margin: 0 0 0 20px; background: none; }
.main-nav ul li a { font-size: 16px; text-decoration: none; display: block; color: #786153; }
.main-nav ul li a.active,
.main-nav ul li a:hover { color: #e30044; }

/* Breadcrumbs */

.rootline { padding: 0 45px 15px 45px; background: #f6f0ed; border-bottom: 1px solid #f0e8e4; }

/* Search */

.search-box { position: absolute; right: 250px; top: 10px; }
.search-box form { margin: 0; position: relative; }
.search-box form input.text { font-size: 14px; font-family: 'Arial'; margin-right: 7px; height: 40px; padding: 5px 35px 5px 10px; margin: 0; width: 230px; }
.search-box form input.defaultTextActive { color: #988B9E; }
.search-box form input.submit { width: 40px; height: 40px; background: url('../img/search_btn.png') 5px 5px no-repeat; border: none; text-indent: -80000px; position: absolute; right: 0; top: 0; }
.search-box form input.submit:hover { background-position: 5px -25px; }

/* Facebook */

.facebook { /*position: absolute; right: 550px; top: 14px;*/ }
.facebook .fb-link { display: none; font-size: 11px; padding: 3px 0 4px 30px; color: #285dab; margin-right: 30px; text-decoration: underline; float: left; background: url('../images/fb-link.png') 0 0 no-repeat; text-indent: -800000px; }

.footer .fb-link img { opacity: 0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.footer .fb-link img:hover { opacity: 1; }

/* Lng switch */

.lng-switch { position: absolute; width: 50px; top: 0; right: -50px; }
.lng-switch a { display: block; width: 40px; height: 37px; }
.lng-switch a:hover { border-bottom: none; }
.lng-switch a.czech { background: url('../images/flags.png') no-repeat 0 0; }
.lng-switch a.deutsch { background: url('../images/flags.png') no-repeat 0 -37px; }
.lng-switch a.english { background: url('../images/flags.png') no-repeat 0 -74px; }

/* Booking */

.booking { position: absolute; right: 45px; top: 10px; }
.booking a.btn { padding-left: 50px; }
.booking a.btn:before { content: ''; position: absolute; left: 12px; top: 4px; background: url('../img/sprite.png') -60px 0; width: 30px; height: 30px; }

/************************************************************************************
CONTENT
*************************************************************************************/

/* Container */

body > .container { position: relative; }
body > .container:before { content: ''; display: block; width: 236px; height: 1009px; position: absolute; left: -221px; top: 0; z-index: -1; background: url('../img/body-l.png') 0 0 no-repeat; }
body > .container:after { content: ''; display: block; width: 231px; height: 506px; position: absolute; right: -216px; top: 0; z-index: -1; background: url('../img/body-r.png') 0 0 no-repeat; }

/* Content */

.content { padding: 0; background: #f6f0ed; }

/* Block */

.block { padding: 30px 45px; }

.block.alpha { padding-top: 0; }
.block.omega { padding-bottom: 0; }

/* Section head */

.section-head { text-align: center; margin: 0 auto 30px 0; }
.section-head h2 { margin: 0; }
.section-head h3 { margin: 0; }

.intro { font-size: 17px; line-height: 1.5em; text-align: center; max-width: 800px; margin: 0 auto 50px auto; }
.intro ul li { background: none; /*display: flex; align-items: flex-start; text-align: center; justify-content: center;*/ }
.intro ul li:before { content: ''; display: inline-block; width: 4px; height: 4px; flex: 0 0 4px; background: #d9034b; margin-right: 10px; position: relative; top: -3px; }

/* Teaser */

.teaser { width: 100%; height: 450px; background: url('../img/teaser.jpg') center center no-repeat; text-align: center; position: relative; }
.teaser h1 { font-size: 50px; font-weight: 400; color: #d9034b; margin-bottom: 0; }
.teaser .subhead { font-size: 22px; margin-bottom: 0; color: #524235; }
.teaser .va-m { height: auto; display: inline-block; position: relative; top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); }

/* Offer */

.offer { margin: 0 0 40px 0; }
.offer .item-list { margin: 0 0 0 -20px; }
.offer .item { width: 20%; margin: 0; padding-left: 20px; text-align: center; }
.offer .item h3 { font-size: 18px; font-weight: 400; margin-bottom: 10px; color: #fff; max-width: 140px; }
.offer .item-inner { text-decoration: none; display: block; color: #fff; padding: 10px 15px; border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px; box-shadow: rgba(0,0,0,0.3) 0 0 4px 0; cursor: pointer; }
.offer .item .btn { font-size: 17px; width: 100%; padding: 12px 10px; background: #fff; box-shadow: rgba(0,0,0,0.3) 0 0 4px 0; }

.offer .item:nth-child(1) .item-inner { background: #d9034b; }
.offer .item:nth-child(2) .item-inner { background: #148e93; }
.offer .item:nth-child(3) .item-inner { background: #6e9d19; }
.offer .item:nth-child(4) .item-inner { background: #edc202; }
.offer .item:nth-child(5) .item-inner { background: #524235; }

.offer .item:nth-child(1) .btn { color: #d9034b; }
.offer .item:nth-child(2) .btn { color: #148e93; }
.offer .item:nth-child(3) .btn { color: #6e9d19; }
.offer .item:nth-child(4) .btn { color: #edc202; }
.offer .item:nth-child(5) .btn { color: #524235; }

.top-nav-box { background: #f6f0ed; }
.top-nav-box .offer { margin-bottom: 0; padding: 45px 45px 0 45px; }

.top-nav-box .subpage .offer { padding-top: 0; padding-bottom: 30px; }
.top-nav-box .subpage .offer h3 { margin-bottom: 0; }
.top-nav-box .subpage .offer .btn { display: none; }

/* Special offer */

.special-offer .item { margin-bottom: 20px; position: relative; }
.special-offer .item .img { position: absolute; left: 0; top: 0; width: 80px; height: 80px; background: #e3e3e3; }
.special-offer .item .text { font-size: 17px; padding-left: 100px; min-height: 80px; }
.special-offer .item .head { margin-bottom: 5px; }
.special-offer .item .more { display: none; }
.special-offer .more { padding-left: 100px; }

/* Products */

.products { margin: 50px 0 30px -30px; }
.products .item { padding-left: 30px; width: 50%; }
.products .item-inner { position: relative; margin: 0 0 25px; padding: 30px; background: #f6f0ed; border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px; }
.products .item .img { width: 120px; margin: 0 20px 0 0; position: absolute; left: 30px; top: 30px; }
.products .item .img a:hover { text-decoration: none; border: none; }
.products .item .text { padding-left: 150px; }
.products .item .text h3 { font-size: 22px; line-height: 1.3em; margin-top: 0; }

/* Terms */

.terms { padding-left: 20px; margin-left: 10px; position: relative; margin-bottom: 30px; }
.terms label { width: 100%; margin-top: 0; float: none; cursor: pointer; }
.terms label a { color: #e30044; text-decoration: underline; }
.terms input[type="checkbox"] { position: absolute; left: 0; top: 1px; margin: 0; width: auto; }

/* Services */

.services { margin: 0 0 50px 0; }
.services .item-list { margin: 0 0 0 -30px; }
.services .item { width: 33.33333%; margin: 0 0 30px 0; padding-left: 30px; }
.services .item h3 { font-size: 20px; font-weight: 400; margin-bottom: 10px; }
.services .item .img { margin: 0; }
.services .item-inner { display: block; text-decoration: none; color: inherit; border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px; box-shadow: rgba(0,0,0,0.3) 0 0 4px 0; overflow: hidden; }
.services .item .text { padding: 30px; background: #fff; }
.services .item .foot { text-align: right; }
.services .item .foot .price { font-family: G,Roboto,Arial,sans-serif; font-size: 20px; float: left; padding-top: 5px; color: #d9034b; margin: 0; }

.service-list { margin: 0 0 50px 0; }
.service-list .item-list { margin: 0; }
.service-list .item { margin: 0 0 30px 0; }
.service-list .item .img { position: absolute; right: 0; top: 0; width: 400px; }
.service-list .item h3 { font-size: 24px; font-weight: 400; margin-bottom: 10px; }
.service-list .item-inner { padding: 40px 440px 40px 40px; border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px; box-shadow: rgba(0,0,0,0.3) 0 0 4px 0; overflow: hidden; position: relative; }
.service-list .item .price { font-family: G,Roboto,Arial,sans-serif; font-size: 30px; float: left; padding-top: 5px; color: #d9034b; margin: 0; }
.service-list .item .price .label { font-size: 19px; color: #666; }

/* References */

.references { margin: 0 0 50px 0; }
.references .item-list { margin: 0 0 0 -20px; }
.references .item-inner { position: relative; }
.references .item { width: 100%; margin: 0; padding-left: 20px; }
.references .item h3 { font-size: 20px; font-weight: 400; margin-bottom: 10px; color: #d9034b; }
.references .item .img { position: absolute; left: 0; top: 0; width: 100px; height: 100px; overflow: hidden; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.references .item .text { font-style: italic; color: #666; padding-left: 130px; }

/* Partners */

.partners { margin: 0; }
.partners .item-list { margin: 0 0 -20px -40px; text-align: center; }
.partners .item-inner { position: relative; }
.partners .item { margin: 0 0 20px 0; padding-left: 40px; }
.partners .item img {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;

	opacity: 0.7;

	filter: gray;
	filter: grayscale(1);
	-webkit-filter: grayscale(1);
}
.partners .item img:hover {
	opacity: 1;

	filter: none;
 	-webkit-filter: grayscale(0);
}

/* Box */

.box { background: #fff; padding: 20px 20px 20px 20px; margin: 0 0 40px 0; border-radius: 0 20px 0 20px; -moz-border-radius: 0 20px 0 20px; -webkit-border-radius: 0 20px 0 20px; }
.box-hl { background: #d9034b; text-align: center; }
.box-hl h2 { color: #fff; }

.box.alt { background: #148e93; }
.box.alt h4 { color: #fff; }
.box.alt .btn { background: #; }

/* Gallery */

.gallery { margin-bottom: 40px; }
.gallery .item-list { margin-left: -10px; }
.gallery .item { width: 16.66666%; padding-left: 10px; margin-bottom: 10px; }

.gallery .item-list.set-1 .item { width: 100%; }
.gallery .item-list.set-2 .item { width: 50%; }
.gallery .item-list.set-3 .item { width: 33.33333%; }
.gallery .item-list.set-4 .item { width: 25%; }
.gallery .item-list.set-5 .item { width: 20%; }
.gallery .item-list.set-6 .item { width: 16.66666%; }

/* Sub navigation */

.sub-nav-wrap { margin: 0 0 40px 0; background: #d9034b; width: 100%; border-radius: 0 12px 0 12px; -moz-border-radius: 0 12px 0 12px; -webkit-border-radius: 0 12px 0 12px; overflow: hidden; }
.sub-nav { display: block; }
.sub-nav ul { margin: 0; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap; justify-content: flex-start; }
.sub-nav ul li { background: none; padding: 0; margin: 0; max-width: 16.66666%; flex: 0 0 16.66666%; }
.sub-nav ul li a { display: flex; align-items: center; justify-content: center; line-height: 1.3em; text-align: center; text-decoration: none; height: 100%; padding: 10px 15px; color: #fff; border-right: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); }
.sub-nav ul li a span { position: relative; top: 50%; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
.sub-nav ul li a.active, .sub-nav ul li a:hover { background: #bd0745; }

.hp .sub-nav ul li { margin: 0; max-width: 20%; flex: 0 0 20%; }

.sub-nav-wrap.hp ul li a { font-size: 18px; }

/*
.sub-nav-wrap.alt { margin: 0 0 40px 0; background: none; padding: 0; }
.sub-nav { display: block; }
.sub-nav ul { margin: 0; display: block; }
.sub-nav ul li { width: 25%; vertical-align: top; background: none; padding: 0; margin: 0; }
.sub-nav ul li a { text-align: left; color: #d9034b; display: block; line-height: 1.3em; text-decoration: underline; display: block; border: none; padding: 0; }
.sub-nav ul li a span { position: relative; top: 50%; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
*/
/* Rezervace */

.person-label { text-align: right; position: relative; top: 45px; }
.first-person { margin-right: 20px; }
.sec-person { margin-right: 30px; }

/* FAQ */

.faq .item-list { counter-reset: counter; }
.faq .item { margin-bottom: 20px; counter-increment: counter; position: relative; padding-left: 60px; }
.faq .item:before { content: counter(counter)'. '; font-size: 15px; position: absolute; left: 0; top: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background: #d9034b; color: #fff; border-radius: 50%; }
.faq .item h3 { font-size: 18px; font-weight: 600; line-height: 1.3em; margin-bottom: 10px; }

/* Gmap */

.gmap { width: 100%; height: 220px; }
.gmap img { max-width: inherit; }

.popup-contact { font-size: 15px; background: #fff; color: #000; width: 190px; height: 80px; padding: 10px; }
.popup-contact ul { margin: 0; }
.popup-contact ul li { padding: 0; background: none; }

/* Pager */

.pager { margin: 30px 0; text-align: center; position: relative; }
.pager li { display: inline-block; vertical-align: top; padding: 0; background: none; }
.pager li a { display: block; width: 36px; height: 36px; line-height: 36px; background: #e3e3e3; text-align: center; }
.pager li a.active { background: #4045bf; color: #fff; text-decoration: none; }
.pager .prev { position: absolute; left: 0; top: 0; }
.pager .next { position: absolute; right: 0; top: 0; }
.pager .counter { display: none; }

/* Cookie Notice */

.cookie-notice { font-size: 12px; position: fixed; z-index: 10000; top: 0; width: 100%; padding: 10px 15px; background: rgba(0,0,0,0.90); color: #CCC; text-align: center; }
.cookie-button { display: inline-block; padding: 2px 10px; margin-left: 25px; background: #d9034b; color: #fff; text-align: center; }
.cookie-button:hover { background: #c10645; color: #fff; }
.cookie-test { position: fixed; z-index: 10000; bottom: 0; width: 150px; padding: 25px 15px; background: rgba(50,50,50,0.95); color: #CCC; text-align: center;}

/*================================= Various Content =================================*/

.last { margin-bottom: 0 !important; }

/* Buttons */

.btn { font: 700 16px/20px Arial,sans-serif; padding: 10px 30px; background: #d9034b; color: #fff; display: inline-block; vertical-align: top; border: none; text-decoration: none; position: relative; border-radius: 0 8px 0 8px; -moz-border-radius: 0 8px 0 8px; -webkit-border-radius: 0 8px 0 8px; }
.btn:hover { background-color: #c10645; color: #fff; }

/* Vertical align */

.va-wrap { display: table; width: 100%; height: 100%; }
.va-m { display: table-cell; vertical-align: middle; height: 100%; }
.va-t { display: table-cell; vertical-align: top; height: 100%; }
.va-b { display: table-cell; vertical-align: bottom; height: 100%; }

/* Icons */

i.icon { width: 20px; height: 20px; display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; background: url('../img/sprite.png') 0 0 no-repeat; }
i.icon-mail { width: 30px; height: 30px; background-position: 0 0; }
i.icon-phone { width: 30px; height: 30px; background-position: -30px 0; }
i.icon-nl { width: 60px; height: 60px; background-position: 0 -30px; margin-right: 20px; top: -3px; }

/* Hidden content */

.sh-content { display: none; }

/* Smart e-mailing */

body .se-popup-button { max-width: 448px; font-weight: 600; left: 50% !important; text-align: center; transform: translate(-50%,0); -o-transform: translate(-50%,0); -ms-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); }
body .se-button { right: 300px !important; }
body .se-popup-button .se-button { background: #d9034b; }
body .se-popup-button .se-button:hover { background: #c10645; }

body .se-popup-button.se-open .se-container { box-shadow: 0 0 4px rgba(0,0,0,0.2); }
body #se-webform-1.se-webform { background: #fff; color: #000; }
body #se-webform-1.se-webform .se-body ul li { padding: 0; margin-bottom: 20px; }
body #se-webform-1.se-webform .se-body ul li label { font: normal 16px/24px Arial,sans-serif; color: #000; padding: 0; margin: 0 0 10px 0; display: block; }
body #se-webform-1.se-webform .se-body ul li input[type=text], body #se-webform-1.se-webform .se-body ul li input[type=number], body #se-webform-1.se-webform .se-body ul li input[type=date], body #se-webform-1.se-webform .se-webform .se-body ul li textarea, body #se-webform-1.se-webform .se-webform .se-body ul li select { font: normal 16px/24px Arial,sans-serif; color: #000; background: #fff; border: 1px solid #939698; padding: 8px 15px 6px 15px; width: 100%; box-shadow: none; border-radius: 0 !important; }
body #se-webform-1.se-webform .se-header h3 { font: 400 25px/1.3em G,Roboto,Arial,sans-serif; color: #000; }
body #se-webform-1.se-webform .se-submit button { font: 700 16px/20px Arial,sans-serif; padding: 10px 30px; background: #d9034b; color: #fff; display: inline-block; vertical-align: top; border: none; text-decoration: none; position: relative; border-radius: 0 8px 0 8px; -moz-border-radius: 0 8px 0 8px; -webkit-border-radius: 0 8px 0 8px; }
body #se-webform-1.se-webform .se-submit button:hover { background-color: #c10645; color: #fff; }
body #se-webform-1.se-webform .se-submit { padding-top: 0; }
body .se-license-agreement { border: none; line-height: 1.5em; }

/*================================= Columns =================================*/

.col2-set, .col3-set { letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.col { display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

.col2-set { margin: 0 0 0 -40px; }
.col2-set .col { width: 50%; padding: 0 0 0 40px; }

.col3-set { margin: 0 0 30px -20px; }
.col3-set .col { width: 33.33333%; padding: 0 0 0 20px; }

.col4-set { margin: 0 0 30px -20px; }
.col4-set .col { width: 25%; padding: 0 0 0 20px; }

.ib { font-family: Arial,sans-serif; letter-spacing: -0.31em; *letter-spacing: normal; *word-spacing: -0.43em; }
.ib > * { font-family: Roboto,Arial,sans-serif; display: inline-block; *display: inline; zoom: 1; vertical-align: top; letter-spacing: normal; word-spacing: normal; }

/************************************************************************************
FOOTER
*************************************************************************************/

.footer { background: #761a25; padding: 30px 45px 50px 45px; color: #fff; }
.footer .head { margin-bottom: 20px; }
.footer ul { margin: 0; }
.footer h3 { font-size: 18px; color: #fff; }
.footer a { color: #e8c5c9; }
.footer a:hover { color: #fff; }

.foot-nav { margin: 0 0 0 -20px; }
.foot-nav.alt { margin-left: -40px; }
.foot-nav ul { margin: 0; }
.foot-nav ul li { /*width: 50%;*/ padding-left: 20px; background: none; }

.porta { width: 69px; height: 15px; display: block; float: right; background: url('../img/porta.png') 0 0 no-repeat; text-indent: -80000px; }
.porta:hover { background-position: 0 -25px; }

/************************************************************************************
ENTRY
*************************************************************************************/

.entry { margin: 0; }
.entry h2 { margin: 40px 0 10px 0; }
.entry h3 { margin: 40px 0 10px 0; }

.price-list .price { white-space: nowrap; font-weight: 600; }
.price-list h3 { margin-top: 40px; }

/************************************************************************************
TABLES
*************************************************************************************/

table { width: 100%; margin: 0 0 40px 0; }
table th { font-family: Roboto,Arial,sans-serif; font-size: 16px; vertical-align: top; line-height: 1.3em; font-weight: 400; padding: 12px 10px; background: transparent !important; border-bottom: 3px solid #f0e8e4; color: #d9034b; text-align: left; }
table td { line-height: 1.5em; border: 1px solid #f0e8e4; padding: 10px 10px; }
table tr:nth-child(even) { background: #fbfbfb; }

table.final-info th,
table.final-info tr,
table.final-info td { font-family: inherit; font-size: inherit; color: inherit; border: none; background: none !important; border-bottom: 2px solid #f0e8e4; }
table.final-info th { width: 50%; }

.price-list table {  }
.price-list table td { border: 1px solid #b2b2b2; background: #fff; }
.price-list table td.price { width: 180px; }
.price-list table th { border: 1px solid #b2b2b2; border-bottom: 2px solid #b2b2b2; background: #fff !important; font-weight: 600; }

/************************************************************************************
FORMS
*************************************************************************************/

form.std label { font: normal 16px/24px Arial,sans-serif; color: #000; margin: 0 0 10px 0; display: block; }
form.std input.text { font: normal 16px/24px Arial,sans-serif; color: #000; border: 1px solid #939698; padding: 8px 15px 6px 15px; width: 100%; }
form.std textarea { font: normal 16px/24px Arial,sans-serif; color: #000; resize: vertical; border: 1px solid #939698; padding: 8px 15px; margin: 0; width: 100%; min-width: 100%; max-width: 100%; height: 150px; min-height: 150px; max-height: 300px; }
form.std select { font: normal 16px/24px Arial,sans-serif; color: #000; width: 100%; padding: 2px 10px; }
form.std option { font: normal 16px/20px Arial,sans-serif; padding: 2px 20px; }

form.std input.text[required="required"] { background-image: url('../img/req.png'); background-position: right center; background-repeat: no-repeat; }

:-moz-placeholder { color: #fff; opacity: 1; }
::-moz-placeholder { color: #fff; opacity: 1; }
:-ms-input-placeholder { color: #fff; }
::-webkit-input-placeholder { color: #fff; }

/*================================= Form standard =================================*/

/* Standard */

form.std .cell-set { margin: 0 0 30px -20px; }
form.std .cell { margin: 0 0 30px 0; padding-left: 20px; position: relative; text-align: left; }
form.std .cell.full { width: 100% !important; }
form.std .cell-input { margin: 0 0 30px 0; padding-left: 20px; position: relative; text-align: left; }
form.std .cell-small { line-height: 48px; margin-bottom: 0; position: relative; }
form.std .cell-small:nth-child(even) .toggle { background: #f6f0ed; }
form.std .cell-small .toggle { position: relative; }
form.std .cell-small .toggle label { vertical-align: middle; }
form.std .cell-small .input-text { position: absolute; right: 30px; top: 0; }
form.std .cell-small .input-text input.text { width: 70px; position: static; display: inline-block; vertical-align: top; margin-right: 5px; margin-top: 6px; }
form.std .cell-small .price { color: #d9034b; padding-left: 30px; position: absolute; right: 160px; top: 10px; }

/* Inline */

form.std .set-2 .cell,form.std .set-2 .cell-input { width: 50%; }
form.std .set-3 .cell,form.std .set-3 .cell-input { width: 33.3333%; }
form.std .set-4 .cell,form.std .set-4 .cell-input { width: 25%; }
form.std .set-5 .cell,form.std .set-5 .cell-input { width: 20%; }

form.std .toggle { position: relative; padding: 0 0 0 25px; }
form.std .toggle label { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0 0 0; }
form.std .toggle input { position: absolute; left: 0; top: 5px; margin: 0; }
form.std .toggle .note { font-size: 16px; max-width: 100%; }

/* Various */

form.std .radio,
form.std .checker { position: absolute; left: 0; top: 0; }

/* Form newsletter */

form.form-nl { /*max-width: 320px;*/ padding-left: 20px; }
form.form-nl .cell { padding-right: 90px; position: relative; }
form.form-nl .btn { position: absolute; right: 0; top: 0; width: 100px; height: 38px; padding-left: 0; padding-right: 0; text-align: center; }
form.form-nl input.text { border: none; }

/* Form boking */

form.form-booking h4 { margin-bottom: 25px; }
form.form-booking input.text { height: 36px; }
form.form-booking select { height: 36px; }
form.form-booking .req { color: red; margin-left: 5px; font-weight: 600; position: absolute; right: 15px; top: 45px; }
form.form-booking .req.alt { position: static; }
form.form-booking .ui-datepicker-trigger { position: absolute; right: 15px; top: 45px; }

.newsletter-register h4 { margin: 0; display: inline-block; vertical-align: top; }
.newsletter-register .form-nl { margin-top: 10px; }

.message { color: #d9034b; background: #fff; padding: 20px; border: 2px solid #d9034b; margin-bottom: 30px; }
.message p { margin: 0; }

/************************************************************************************
FLASH MESSAGES
*************************************************************************************/

.flash-message { font: normal 16px/24px Arial,sans-serif; background: #fc796b; color: #fff; width: 100%; padding: 15px 50px 15px 20px; margin: 0 0 20px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.flash-message .close { font: normal 36px/24px Arial,sans-serif; width: 20px; height: 20px; padding: 0; line-height: 18px; text-align: center; color: #c96055; border: none; display: block; position: absolute; right: 17px; top: 16px; background: none; }
.flash-message .close:hover { color: #fff !important; }

.flash-message.alert-danger { background: #d14233; color: #fff; }
.flash-message.alert-danger .close { color: #912519; }

.flash-message.alert-success { background: #19b698; color: #fff; }
.flash-message.alert-success .close { color: #13927a; }

.modal-content .flash-message { margin: 0 0 20px 0; }

.error, form.std label.error { font-size: 16px; font-weight: 400; color: #ff0030; display: block; margin-top: 5px; }

#flash-messages { position: fixed; top: 0; left: 0; width: 100%; z-index: 50; }
#flash-messages .flash-message { margin: 0 auto; width: 100%; max-width: 1180px; display: block; }

.alert { font: normal 16px/24px Arial,sans-serif; background: #fc796b; color: #fff; width: 100%; padding: 15px 50px 15px 20px; margin: 0 0 20px 0; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; position: relative; border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; }
.alert p:last-child { margin-bottom: 0; }
.alert a { color: #fff; }

/************************************************************************************
TABS
*************************************************************************************/

.tabs { position: relative; }

.tab-nav ul { margin: 0 0 0 -1px; padding: 0; }
.tab-nav li { float: left; list-style-type: none; padding: 0; background: none; margin: 0 0 0 1px; }
.tab-nav li a { display: block; text-decoration: none; outline: 0; padding: 15px 30px; background: #000; color: #fff; }
.tab-nav li a:hover {  background: #a0a0a0; color: #000; }
.tab-nav li a.active { background: #e3e3e3; color: #000; }

/* Tab nav - basic */

.tab-nav-basic li { margin: 0; width: 33.33333%; position: relative; top: 1px; z-index: 20; }
.tab-nav-basic li a { font-size: 15px; font-weight: 600; color: #0071aa; background: #fff; text-transform: uppercase; text-align: center; border: 1px solid #ced0d0; border-right: none; }
.tab-nav-basic li:last-child a { border-right: 1px solid #ced0d0; }
.tab-nav-basic li a:hover { background: #fff; color: #db3214; }
.tab-nav-basic li a.active { background: #fff; color: #db3214; border-bottom: 1px solid #db3214; }

/************************************************************************************
QTIP
*************************************************************************************/

.qtip-default { font: normal 15px/20px Arial,sans-serif; text-transform: uppercase; padding: 8px 15px; background-color: #000; color: #000; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.qtip-content { font-size: 17px; color: #fff; }

/************************************************************************************
FANCYBOX
*************************************************************************************/

body .fancybox-wrap { padding-bottom: 20px; }
/*
body .fancybox-close { width: 40px; height: 40px; background: url('../img/fancybox/fancybox.png') 0 0 no-repeat; right: -50px; top: 0; }
body .fancybox-close:hover { background-position: 0 -40px; }

body .fancybox-prev { position: static; }
body .fancybox-prev span { width: 40px; height: 40px; display: block; background: url('../img/fancybox/fancybox.png') -40px 0 no-repeat; position: absolute; top: 50%; text-indent: -80000px; left: -50px; visibility: visible; }
body .fancybox-prev:hover span { background-position: -40px -40px; }

body .fancybox-next { position: static; }
body .fancybox-next span { width: 40px; height: 40px; display: block; background: url('../img/fancybox/fancybox.png') -80px 0 no-repeat; position: absolute; top: 50%; text-indent: -80000px; right: -50px; visibility: visible; }
body .fancybox-next:hover span { background-position: -80px -40px; }

body .fancybox-wrap { padding-bottom: 20px; }
body .fancybox-inner { overflow-y: visible !important; height: auto !important; }
*/
body .fancybox-close { font-size: 35px; width: 70px; height: 70px; text-align: center; line-height: 70px; background: none; right: 0; top: 0; text-decoration: none; }
body .fancybox-close:before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 0; border-style: solid; border-width: 0 70px 70px 0; border-color: transparent #d9034b transparent transparent; }
body .fancybox-close:after { font-size: 30px; content: '×'; position: absolute; right: 11px; top: -13px; color: #fff; }
body .fancybox-close:hover:before { border-color: transparent #c10645 transparent transparent; }

body .fancybox-prev { position: absolute; display: block; left: 0; top: 50%; width: 30px; height: 60px; margin-top: -30px; background: #d9034b; text-decoration: none; }
body .fancybox-prev:hover { background: #c10645; }
body .fancybox-prev span { content: ''; visibility: visible; background: none; position: absolute; left: 10px; top: 50%; margin-top: -5px; display: inline-block; width: 0.7em; height: 0.7em; border-left: 0.2em solid #fff; border-bottom: 0.2em solid #fff; transform: rotate(45deg); display: block; }

body .fancybox-next { position: absolute; display: block; right: 0; top: 50%; width: 30px; height: 60px; margin-top: -30px; background: #d9034b; text-decoration: none; }
body .fancybox-next:hover { background: #c10645; }
body .fancybox-next span { content: ''; visibility: visible; background: none; position: absolute; right: 10px; top: 50%; margin-top: -5px; display: inline-block; width: 0.7em; height: 0.7em; border-right: 0.2em solid #fff; border-top: 0.2em solid #fff; transform: rotate(45deg); display: block; }

/************************************************************************************
MODAL
*************************************************************************************/

.modal-box { display: none; background: #eee; }
.modal-content { padding: 40px; }

/* Modal contact */

.modal-contact { max-width: 600px; }

/* Modal campaign */

.modal-campaign { max-width: 480px; background: none; }
.modal-campaign .modal-content { padding: 0; }

.fancybox-campaign { background: none; }
.fancybox-campaign .fancybox-skin { background: none; box-shadow: none; }

.campaign-slider { overflow: hidden !important; }
.campaign-slider .nav { text-align: center; }
.campaign-slider .nav li a { background: #fff; }
.campaign-slider .nav li a:hover { background: #d9034b; }
.campaign-slider .nav li.current a { background: #d9034b; }

/************************************************************************************
FIXER
*************************************************************************************/

.fixer-start { position: relative; }
.fixer { position: relative; top: 0; max-width: px; }
.fixer.fixed { position: fixed; }

/************************************************************************************
UNIFORM
*************************************************************************************/

/* Select */

div.selector { font-size: 18px; background: #fff; color: #024b41; line-height: 45px; width: 100% !important; height: 42px; padding: 0; position: relative; overflow: hidden; cursor: pointer; text-align: left; }
div.selector span { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; background: #fff url('../img/uniform/select.png') right 16px no-repeat; border: none; padding: 0; text-indent: 15px; height: 42px; line-height: 42px; cursor: pointer; display: block; }
div.selector select { height: 42px; line-height: 42px; text-align: left; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; left: 0; width: 100%; cursor: pointer; }
div.selector select option { padding: 2px 10px; }

div.selector.active span { background-position: right 16px; }
div.selector.focus span { background-position: right 16px; }
div.selector.hover span { background-position: right 16px; }
div.selector.hover.active span { background-position: right 16px; }
div.selector.focus.active span { background-position: right 16px; }

/* Checkbox */

div.checker { position: relative; }
div.checker, div.checker span, div.checker input { width: 20px; height: 18px; }
div.checker span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uniform/uniform.png') -52px -11px no-repeat; }
div.checker span.checked { background-position: -52px -51px; }
div.checker input { margin: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; vertical-align: top; }

div.checker.active span { background-position: -52px -51px; }
div.checker.active span.checked { background-position: -52px -11px; }
div.checker.hover span, div.checker.focus span { background-position: -52px -11px; }
div.checker.hover span.checked, div.checker.focus span.checked { background-position: -52px -51px; }
div.checker.hover.active span, div.checker.focus.active span { background-position: -52px -11px; }
div.checker.hover.active span.checked, div.checker.focus.active span.checked { background-position: -52px -51px; }

/* Radio */

div.radio { position: relative; }
div.radio, div.radio span, div.radio input { width: 24px; height: 26px; cursor: pointer; }
div.radio span { display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; background: url('../img/uniform/uniform.png') -8px -8px no-repeat; }
div.radio span.checked { background-position: -8px -48px; }
div.radio input { margin: 0; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; margin: 0; border: none; background: none; display: -moz-inline-box; display: inline-block; *display: inline; zoom: 1; text-align: center; }

div.radio.active span { background-position: -8px -48px; }
div.radio.active span.checked { background-position: -8px -8px; }
div.radio.hover span, div.radio.focus span { background-position: -8px -48px; }
div.radio.hover span.checked, div.radio.focus span.checked { background-position: -8px -48px; }
div.radio.hover.active span, div.radio.focus.active span { background-position: -8px -48px; }
div.radio.hover.active span.checked, div.radio.focus.active span.checked { background-position: -8px -48px; }

/* Uploader */

div.uploader { background-position: 0 -297px; height: 28px; width: 190px; cursor: pointer; position: relative; overflow: hidden; }
div.uploader span.action { background-position: right -409px; height: 28px; line-height: 28px; width: 85px; text-align: center; float: left; display: inline; overflow: hidden; cursor: pointer; }
div.uploader span.filename { text-overflow: ellipsis; display: block; overflow: hidden; white-space: nowrap; float: left; cursor: default; height: 24px; margin: 2px 0 2px 2px; line-height: 24px; width: 82px; padding: 0 10px; }
div.uploader input { opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; border: none; background: none; position: absolute; top: 0; right: 0; float: right; cursor: default; width: 100%; height: 100%; }
div.uploader.active span.action { background-position: right -465px; }
div.uploader.hover, div.uploader.focus { background-position: 0 -353px; }
div.uploader.hover span.action, div.uploader.focus span.action { background-position: right -437px; }
div.uploader.hover.active span.action, div.uploader.focus.active span.action { background-position: right -493px; }
div.uploader.disabled, div.uploader.disabled.active { background-position: 0 -325px; }
div.uploader.disabled span.action, div.uploader.disabled.active span.action { background-position: right -381px; }

/************************************************************************************
SUDO SLIDERS
*************************************************************************************/

.slider ul, .slider li.panel { margin: 0; padding: 0; list-style: none; position: relative; display: block; }
.slider, .slider li.panel { overflow: hidden; background: none; }

.nav { position: static; }
.nav ol { margin: 0 0 0 -10px; }
.nav li:before { content: ''; }
.nav li { margin: 0 0 0 10px; padding: 0; background: none; display: inline-block; font-size: 0; }
.nav li a { width: 12px; height: 12px; display: block; background: #2f4e75; text-indent: -80000px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.nav li a:hover { background: #b8bdc5; }
.nav li.current a { background: #b8bdc5; }

.nav .prev, .nav .next { overflow: hidden; text-indent: -80000px; display: block; position: absolute; background: #000 url('../img/sprite.png') no-repeat 0 0; cursor: pointer; }

.nav .prev { width: 80px; height: 80px; margin-top: -40px; left: 0; top: 50%; background-position: -16px -180px; }
.nav .prev:hover { background-position: -16px -380px; }
.nav .next { width: 80px; height: 80px; margin-top: -40px; right: 0; top: 50%; background-position: -136px -180px; }
.nav .next:hover { background-position: -136px -380px; }

/* Teaser slider */

.teaser-slider { position: relative; overflow: hidden; height: 300px; height: 240px; }
.teaser-slider li.panel { width: 100%; text-align: left; height: 300px; height: 240px; position: relative; }
.teaser-slider li.panel h1 { background: #fff; color: #d9034b; display: inline-block; margin: 0; padding: 10px 45px; border-radius: 0 10px 0 0; -moz-border-radius: 0 10px 0 0; -webkit-border-radius: 0 10px 0 0; }
.teaser-slider li.panel p { background: #d9034b; color: #fff; display: inline-block; padding: 10px 45px; margin: 0; }
.teaser-slider li.panel .va-m { display: block; height: auto; position: absolute; text-align: left; left: 0; top: 50%; z-index: 100; transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;

	-webkit-animation-delay: 2s;
	-moz-animation-delay: 2s;
	-ms-animation-delay: 2s;
	-o-animation-delay: 2s;
    animation-delay: 2s;
}

.teaser-slider li.panel .va-m { transform: translate(-100%,-50%); -o-transform: translate(-100%,-50%); -ms-transform: translate(-100%,-50%); -moz-transform: translate(-100%,-50%); -webkit-transform: translate(-100%,-50%); }
.teaser-slider li.panel.active .va-m { transform: translate(0,-50%); -o-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }

.teaser-slider li.panel img { position: relative; top: -200px; }
.teaser-slider li.panel.active img { top: 0;
	-webkit-transition: all 7s;
	-moz-transition: all 7s;
	-ms-transition: all 7s;
	-o-transition: all 7s;
	transition: all 7s; }

.campaign-slider .slider { height: auto !important; }

/************************************************************************************
CSS3 SLIDER
*************************************************************************************/

.ses { margin: 0 auto; position: relative; overflow: hidden; width: 100%; margin: 0 auto; position: relative; }
.ses > .sequence-canvas { height: 100%; width: 100%; margin: 0; }
.ses > .sequence-canvas > li { position: absolute; width: 100%; height: 100%; top: 0; background: none; padding: 0; margin: 0; list-style-type: none; }
.ses > .sequence-canvas > li > * { position: absolute; -webkit-transition-property: all, left, opacity; -moz-transition-property: all, left, opacity; -ms-transition-property: all, left, opacity; -o-transition-property: all, left, opacity; transition-property: all, left, opacity; }

#sequence-preloader { background: #d9d9d9; }

/* Navigation */

.ses .next, .ses .prev { cursor: pointer; display: none; font-weight: bold; padding: 10px 15px; position: absolute; top: 50%; z-index: 1000; height: 127px; margin-top: -77.5px; }
.ses .next, .ses .prev { position: absolute; opacity: 0.6; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; }
.ses .next:hover, .ses .prev:hover { opacity: 1; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.ses .prev img, .ses .next img { height: 100%; width: auto; }

.sequence-pause { bottom: 0; cursor: pointer; position: absolute; z-index: 1000; }
.sequence-paused { opacity: 0.3; }

.ses .prev { left: 0; }
.ses .prev:hover { left: -1%; }
.ses .next { right: 0; }
.ses .next:hover { right: -1%; }

.ses .pagination { top: 9%; display: none; width: 100%; margin: 0 auto; text-align: center; position: absolute; z-index: 10; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.ses .pagination li { background: none; padding: 0; width: 12px; height: 12px; margin: 0 2px; display: inline-block; *display: inline; text-indent: -80000px; border: 1px solid #fff; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; cursor: pointer; opacity: 1; -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; transition-duration: 1s; -webkit-transition-property: margin-bottom, opacity; -moz-transition-property: margin-bottom, opacity; -ms-transition-property: margin-bottom, opacity; -o-transition-property: margin-bottom, opacity; transition-property: margin-bottom, opacity; }
.ses .pagination li { margin-bottom: 4px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.ses .pagination li:hover { background: #0061a8; border: 1px solid #0061a8; }
.ses .pagination li.current { background: #fff; }

/*================================= Product slider =================================*/

.product-slider { text-align: center; height: 230px; width: 100%; overflow: hidden; margin-bottom: 30px; }
.product-slider .prev { display: none !important; }
.product-slider .next { display: none !important; }

.product-slider li img { position: absolute; left: 0; top: 0; opacity: 0; width: 575px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; transition-timing-function: ease-in; }
.product-slider li .inter { font-size: 20px; line-height: 1.5em; font-family: G,Roboto,Arial,sans-serif; color: #fff; left: 0; top: 0; width: 100%; height: 230px; padding-top: 95px; opacity: 0; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; transition-timing-function: ease-in; }
.product-slider li .inter-1 { background: #e52265; }
.product-slider li .inter-2 { background: #3ca7aa; }
.product-slider li .inter-3 { background: #9cba1d; }
.product-slider li .inter-4 { background: #7d6051; }

.product-slider li.animate-in img { top: 0; opacity: 1; animation: translate 5s linear; }
.product-slider li.animate-out img { top: -170px; opacity: 0; }

.product-slider li.animate-in .inter { top: 0; opacity: 1; }
.product-slider li.animate-out .inter { top: 0; opacity: 0; }

@keyframes translate {
  	0% {
    	top: 0;
 	 }
  	100% {
    	top: -170px;
  	}
}

/************************************************************************************
RANGE SLIDER (NO UI SLIDER)
*************************************************************************************/

.noUi-target,
.noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; }
.noUi-target { position: relative; direction: ltr; background: #4c4d4e; }
.noUi-base { width: 100%; height: 100%; position: relative; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); }
.noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; }
.noUi-handle { position: relative; z-index: 1; }

.noUi-stacking .noUi-handle { z-index: 10; }
.noUi-stacking + .noUi-origin { *z-index: -1; }
.noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; }
.noUi-state-drag * { cursor: inherit !important; }

.noUi-horizontal { height: 7px; }
.noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -17px; top: -10px; }
.noUi-horizontal .noUi-handle-lower { left: 0; }
.noUi-horizontal .noUi-handle-upper { left: -34px; }

.noUi-vertical { width: 7px; }
.noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; }

.noUi-target .noUi-background { background: #4c4d4e; }
.noUi-connect { background: #abb011; -webkit-transition: background 450ms; transition: background 450ms; }

.noUi-dragable { cursor: w-resize; }
.noUi-vertical .noUi-dragable { cursor: n-resize; }
.noUi-handle { cursor: pointer; background: #abb011; }
.noUi-active {  }

.noUi-handle:before,
.noUi-handle:after {
	content: "";
	display: block;
	position: absolute;
	height: 14px;
	width: 1px;
	background: #E8E7E6;
	left: 14px;
	top: 6px;
}
.noUi-handle:after { left: 17px; }
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; }
.noUi-vertical .noUi-handle:after { top: 17px; }

[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled] .noUi-handle {
	cursor: not-allowed;
}

/************************************************************************************
AJAX
*************************************************************************************/

.loader-overlay { display: none; z-index: 9999; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_overlay.png');  }
.loader-box { position: absolute; width: 44px; height: 44px; margin-top: -22px; margin-left: -22px; opacity: 0.8; left: 50%; top: 50%; background-image: url('../img/fancybox/fancybox_sprite.png'); background-position: 0 -108px; background-repeat: no-repeat; }
.loader {width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-image: url('../img/fancybox/fancybox_loading.gif'); background-position: center center; background-repeat: no-repeat; }

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/*========================= Viewport width 1600px and lower =========================*/

@media screen and (max-width: 1600px) {
	body > .container:before { display: none; }
	body > .container:after { display: none; }
}

/*========================= Viewport width 1200px and lower =========================*/

@media screen and (max-width: 1200px) {
	.main-nav ul li { margin-left: 10px; }
	.main-nav ul li a { font-size: 14px; }
}


/*========================= Viewport width 992px and lower =========================*/

@media screen and (max-width: 992px) {

}

/*========================= Viewport width 768px and lower =========================*/

@media screen and (max-width: 768px) {

}

/*========================= Viewport width 540px and lower =========================*/

@media screen and (max-width: 540px) {

}

/************************************************************************************
TRANSITIONS & ANIMATIONS
*************************************************************************************/

a {
	transition: color 0.1s;
	-moz-transition: color 0.1s;
	-webkit-transition: color 0.1s;
	-o-transition: color 0.1s;
	-ms-transition: color 0.1s;
}

/************************************************************************************
CLEARFIX
*************************************************************************************/

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}