/*Loyalty (Sava) Copyright © 2018 MAiS Informacijski sistemi.*/
/*body {
    margin: 0px;
    padding: 0px;
    background-color:#DEF0F8;
    background-image:url(background-top-blue.gif);
    background-position:center top;
    background-repeat:repeat-x;

    color: #000000;
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    font-size: 11px;
}*/

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,700italic,400italic&subset=cyrillic,latin,latin-ext");
@import url('https://fonts.googleapis.com/css?family=Oswald:400,500,600,700&subset=cyrillic,latin-ext');
@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap&subset=cyrillic,latin-ext");
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swapsubset=cyrillic,latin-ext');
.warning_font {
    color: #F89521;
    font-weight: bold;
}



/*a, a:hover  {
color:#F89521;
font-weight:normal;
text-decoration:underline;
}*/

#Container
{
    margin: 0px auto; 
    width: 888px;
    /*border: solid 1px #FF0000;*/
}

#Header {
  /*border: solid 1px #00FF00;*/
 
    font-family: 'Inter',Arial,Helvetica,sans-serif;
    font-size: 18px;
    line-height: 160%;
    color: #fff;
    background-color: #000;
}


#MainMenu {
  /*border: solid 1px #0000FF;*/
  float: left;
  width: 195px;
  height: 700px;
}
#MainContent {
  /*border: solid 1px #000FF0;*/
  float: right;
  width: 680px;
}
#Footer {
  clear: both;
  /*border: solid 1px #00FF00;*/
  width: 100%;
  height:140px;
  background-image:url(background-bottom-blue.gif);
  background-position:center bottom;
  background-repeat:repeat-x;
}
#FooterContent {
    /*border: solid 1px #0FF000;*/
    padding-top:50px;
    margin: 0px auto; 
    width: 888px;
    height:70px;
    text-align:center; 
    color:#808080;
    font-size:9px;
    line-height:15px;
    text-decoration:none;
}
#FooterContent a
{
    color:#808080;
    font-size:9px;
    line-height:15px;
    text-decoration:none;
}
#FooterContent a:hover
{
    color:#808080;
    font-size:9px;
    line-height:15px;
    text-decoration:underline;
}

#MainMenuTop {
    
}
#MainMenuBody {
    background-color:white;
    padding:10px 10px 0;
    width: 170px;
}
#MainMenuBody ul 
{
    margin:0px 0px;
    padding:0px 0px;
}
#MainMenuBody ul li
{
    list-style-type: none;
}
#MainMenuBody ul li a
{
    display: block;
    background-image: url("menu-delimiter-blue.gif");
    background-position: center bottom; 
    background-repeat: no-repeat;  
    background-color: #DEF0F8;
    
    font-size:11px;
    padding-bottom:6px;
    padding-top:4px;
    text-decoration:none;
    width: 160px;
    color:#333333;
    padding-left: 10px; 
}
#MainMenuBody ul li.last a
{
    background-image: none;
    display:block;
    font-size:11px;
    padding-bottom:4px;
    padding-top:4px;
    text-decoration:none;
    width: 160px;
    color:#333333;
    padding-left: 10px; 
}

#MainMenuBody ul li.current a
{
	display: block;
    background-image: url("menu-delimiter-blue.gif");
    background-position: center bottom; 
    background-repeat: no-repeat;  
    background-color: #C2DDED;

    display:block;
    font-size:11px;
    padding-bottom:6px;
    padding-top:4px;
    text-decoration:none;
    width: 160px;
    color:#125E73;
    padding-left: 10px; 
    font-weight:bold;
}
#MainMenuBody ul li.submenu a
{
    display: block;
    background-image: url("menu-delimiter-blue.gif");
    background-position: center bottom; 
    background-repeat: no-repeat;  
    background-color: #FFFFFF;

    display:block;
    font-size:11px;
    padding-bottom:6px;
    padding-top:4px;
    text-decoration:none;
    width: 150px;
    color:#098CAA;
    padding-left: 20px; 
}


#MainMenuBody ul li a:hover
{
    background-color: #E7E8E9 !important;
}

#MainMenuBottom {
    background-image:url("menu-bottom-blue.gif");
    background-position: center bottom; 
    background-repeat: no-repeat;  
    height:21px;
    overflow:hidden;
    width:190px;
}

#HeadLogo
{
    float: left;
    padding: 7px 0 0 0; 
}

#HeaderMenu
{
    float:right;
    /*border: solid 1px #00FF00;*/
    width: 600px;
    height: 100px;
    margin: 10px 10px 10px 10px;
}

#HeaderLinks 
{
	clear:both;
	float:right;
	color:#808080;
	text-decoration:none;

	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#HeaderLinks a
{
	color:#808080;
	text-decoration:none;
}
#HeaderLinks a:hover
{
	text-decoration:underline;
}

#HeaderLang
{
	float:right;
	margin-top:10px;
	height:60px;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}
#HeaderLang a.selected
{
	color:#b65b89;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#HeaderLang a
{
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}



#login_status
{
    text-align:left; 
    padding: 5px 5px; 
    background-color: #FFFFFF;
    margin-bottom:10px; 
}
#login_col1 div.ContentPlace
{
    padding: 20px; 
}

div.ContentPlaceStart
{
    
}
div.ContentPlace
{
     
    background-color: #FFFFFF;
    /*color:#484848;*/
   /* font-size:14px;*/
    line-height:18px;
}
div.ContentPlaceEnd
{
    padding: 10px 10px; 
    height:10px;
    /*background-color: #F2F2F2;
    background-image:url("content-delimiter.gif");
    background-position: center top; 
    background-repeat: no-repeat;*/
    /*margin-left:15px;
    margin-right:15px;  
    margin-bottom:15px;*/
}*/

div.ImageNote {
    color:#666666;
    font-size:10px;
    padding-bottom:10px;
    padding-top:3px;
}

/*div.ContentPlace fieldset {
    border:1px solid #fff; padding:5px; margin-bottom:0.5em; line-height:1.5em; margin: 5px auto;
}*/
div.ContentPlace fieldset legend {
    color:#137EA2;
    font-size:21px;
    font-weight:bold;
    line-height:24px;
    margin:0 5px 15px 0;
}
div.ContentPlace fieldset label { text-align:right;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    font-size:100%;
    *display:inline;
}

/*
div.ContentPlace fieldset select {margin-left:0.5em; width:184px; margin-bottom:0.5em;}
div.ContentPlace fieldset input[type="text"], div.ContentPlace fieldset input[type="password"]  {margin-left:0.5em; width:180px; margin-bottom:0.5em;}*/
input[type="checkbox"],  input[type="radio"]  {margin-left:0.5em; margin-bottom:0.5em;}

div.ContentPlace span.long_label, div.ContentPlace label.long_label, div.ContentPlace span.long_label label
{
    width: auto !important; 
    text-align: left !important; 
}

/*input.btn, a.btn
{
    background:transparent url(medium-button-background.gif) no-repeat scroll 0 0;
    background-repeat:no-repeat !important;
    border:medium none !important;
    color:#ffffff !important;
    cursor:pointer;
    display:block !important;
    font-family:Trebuchet MS,Arial,Helvetica,sans-serif !important;
    font-size:11px !important;
    font-weight:bold !important;
    height:15px !important;
    margin:5px !important;
    padding:0 0 1px;
    text-align:center !important;
    text-decoration:none !important;
    vertical-align:middle !important;
    width:110px !important;
}*/

/*account info*/
/*#info_col1 {
  float: left;
  width: 335px;
  padding-bottom: 10px;
}
#info_col1 fieldset label {
    width:30%;
}
#info_col1 fieldset center span {
     color:#147DA1; margin-bottom:2.0em;
     display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

#info_col2 {  
  float: right;
  width: 335px;
  padding-bottom: 10px;
}
#info_col2 fieldset label {
    width:30%;
}
#info_col2 fieldset center span {
     color:#147DA1; margin-bottom:2.0em;
     display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

#info_col3 {
    clear: both;   
    float: left;
    width: 680px;
    padding-bottom: 10px;
}
#info_col3 fieldset label {
    width:50%;
}
*/
#info_col4 {
    width: 100%;
}
#info_col4 table{
    margin: 10px auto;
}
#info_col4 thead td{
    font-weight: bold; 
    
    text-align:center; 
    color:#147DA1; 
    margin-bottom:0.5em;
}
#info_col4 tbody td{
    font-weight: normal; 
    
    text-align:center; 
    color:#147DA1; 
    margin-bottom:0.5em;
}
#info_col4 fieldset center span {
     color:#147DA1; margin-bottom:2.0em;
     display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
} 
/*acctivities*/
#activities_col1 {
    width: 680px;
    padding-bottom: 10px;
}
#activities_col1 label {
    width: 100px;
}

#activities_col2 {
    width: 680px;
}
#activities_col2 table{
    margin: 10px auto;
}
#activities_col2 thead td{
    font-weight: bold; 
    width:200px; 
    text-align:center; 
    color:#147DA1; 
    margin-bottom:0.5em;
}
#activities_col2 tbody td{
    font-weight: normal; 
    width:200px; 
    text-align:center; 
    color:#147DA1; 
    margin-bottom:0.5em;
}
#activities_col2 fieldset center span {
     color:#147DA1; margin-bottom:2.0em;
     display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.fontRed
{
    color: #FF0000;
    font-weight: bold; 
}

/************ MaskedEdit Related Styles ***********************/
.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditMessage
{
	color: #ff0000;
	font-weight: bold;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #ff0000;
}
.MaskedEditBlurNegative
{
    color: #ff0000;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopUpButton {
	background-color: #FFFFFF;
	color:#156092;
	font-size: 11px;
	font-weight: bold;
	margin-bottom:3px;
	margin-top:0px;
	margin-left:0px;
	margin-right:0px;
	padding:0;
	
	border-right: solid 2px #DDEDF0;
    border-left: solid 2px #DDEDF0;
    border-top: solid 2px #DDEDF0;
    border-bottom: solid 2px #DDEDF0;
	
	vertical-align:middle;
	text-align:center;
}

.modalPopupHead {
	width:250px;
	background-color:#DDDDDD;
	border:solid 3px Gray;
	color:Black;
}
.modalPopupHeadLabel {
	width:230px;
	font-size:12pt;
	font-weight:normal;
}

.modalPopupHeadCloseBtn {
	width:20px;
}

.modalPopupText {
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	
	width:250px;
	height:160px;
	font-size:12pt;
	text-align:center;
}

.modalPopup {
	width:250px;
}

.modalPopupFoot{
	width:250px;
	background-color:#DDDDDD;
	border:solid 3px Gray;
	color:Black;
	text-align:center;
}


/*Popup Control*/
.popupControl{
	background-color:White;
	position:absolute;
	visibility:hidden;
}

/*tooltip*/

.dropShadow
{
	display: inline-block;
	background-position:right bottom;
    background-image: url(../../images/drop-shadow.png);
    background-repeat: no-repeat;
	/*top right bottom left*/
	padding: 0px 0px 0px 0px;
	margin: 10px 0px 0px 6px;
}

.dropShadowChild
{
	display: inline-block;
	margin: -10px 6px 6px -6px;
}

.dropShadowIEfix
{
	display: inline-block;
	margin: 10px 0px 0px 6px;
}

.inlineBlock {
     display:-moz-inline-stack;
     display:inline-block;
     zoom:1;
     *display:inline;
}

.xstooltip
{
    background: url(../../images/drop-shadow.png) no-repeat bottom right !important;
    margin: 10px 0 0 10px !important;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}


.xstooltip div
{
    font: normal 9pt sans-serif;
    display: block;
    font-weight: bold;
    position: relative;
    background-color: #ffc;
    border: 1px solid #999;
    margin: -6px 6px 6px -6px !important;
    margin: 0px 6px 6px 0px;
    padding: 10px;
    max-width: 250px;
    color: #666666;
    text-align: left; 
}

.xstooltip img
{
    font: normal 9pt sans-serif;
    display: block;
    font-weight: bold;
    position: relative;
    background-color: #CCCCCC;
    border: 1px solid #999;
    margin: -6px 6px 6px -6px !important;
    padding: 0px;
    width: 450px;
    height: 300px;
    color: #666666;
}

/* Message Box */
.divQuestionModalPopUP
{
    background-position: 10px center;
    background-image: url(../../images/question.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #1DB5FB;
    padding: 10px 10px 10px 90px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    width: 300px;
    overflow: auto;
    text-align: left;
}

.divQuestion
{
    background-position: 10px center;
    background-image: url(../../images/question.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #1DB5FB;
    padding: 10px 10px 10px 90px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    overflow: auto;
    text-align: left;
}
 
/*.divInfoModalPopUP
{
    background-position: 10px center;
    background-image: url(../../images/infoS.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #357DC1;
    padding: 10px 10px 10px 90px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    width: 300px;
    overflow: auto;
    text-align: left;
} /*

.divInfo
{
    background-position: 10px center;
    background-image: url(../../images/infoS.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #357DC1;
    padding: 10px 10px 10px 90px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    overflow: auto;
    text-align: left;
}

.divAlertModalPopUP
{
    background-position: 10px center;
    background-image: url(../../images/alertS.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #F59700;
    padding: 10px 10px 10px 95px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    width: 300px;
    overflow: auto;
    text-align: left;
}

.divAlert
{
    background-position: 10px center;
    background-image: url(../../images/alertS.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #F59700;
    padding: 10px 10px 10px 95px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    overflow: auto;
    text-align: left;
}

/*.divErrorModalPopUP
{
    background-position: 10px center;
    background-image: url(../../images/errorS.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #FF0000;
    padding: 10px 10px 10px 90px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    width: 300px;
    overflow: auto;
    text-align: left;
}*/

.divError
{
    background-position: 10px center;
    background-image: url(../../images/errorS.png);
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    border: thin solid #FF0000;
    padding: 10px 10px 10px 90px;
    margin: 2px;
    color: #333333;
    font-weight: bold;
    min-height: 60px;
    overflow: auto;
    text-align: left;
}

.stop_submit
{
    background-color: #FF0000;
    border: 1px solid #CC3300;
    color: #FFFFFF;
    font-size: 8px;
    font-weight: bold;
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    padding-right: 1px;
    margin: 0px;
    vertical-align: middle;
    text-align: center;
    width: 100px;
    height: 11px;
    text-decoration: none;
}

.stop_submit:hover {
	text-decoration: underline;
	cursor:pointer;
}

.stop_submit[disabled] {
	cursor:wait;
}

/*Calendare Extender*/
/*IE6 fix draw over combo*/
.ajax__calendar_title
{
    /*color: #000000;
    background-color: #FF0000;*/ 
    display:block;
    width: 140px;
    height: 20px; 
}

.ajax__calendar 
{
    color: #000000;
    position: relative;
    visibility: visible;
    display: block;
}
.ajax__calendar iframe
{
    left: 0px !important;
    top: 0px !important;
}

.divEditorDesign
{
    width: 766px;
    background-color: #FFFFFF;
    
    margin-left: auto !important;
    margin-right: auto !important;
    vertical-align: top;
    
    padding:6px 6px 6px 6px;
    
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:11px;
    color: #3B3E39;
}

.divEditorHtml
{
    background-color: #FFFFFF;
    
    padding:6px 6px 6px 6px !important;
    
    font-family: Courier New;
    font-size:12px;
    color: #3B3E39;
}

.checkbox-control label
{
    padding-right: 10px;
}

.login-label 
{
    vertical-align:top;
    padding-top:10px;
    padding-right:10px;
}

input[type=checkbox] + label,
input[type=radio] + label 
{
  padding-left: 10px;
}

.social-list .fa {
    margin-top:12px;
}

.logo img {
    max-width: 115px;
}

#Header a 
{
    color: #fff;
    text-decoration: none;
}

.primaryMenu ul li {
    display: block;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    height: 50px;
    font-family: "Lora",Arial,Helvetica,sans-serif;
    font-size: 19px;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 50px;
    text-transform: uppercase;
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

span.siteSelector-trigger {
    display: block;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    cursor: pointer;
    text-align: right;
}

.siteSelector {
    position: relative;
    z-index: 8;
    display: inline-block;
    max-width: 100px;
    margin: 0px 0 0 0;
    text-align: center;
}

.headerLink {
    float: left;
    margin-right: 50px;
}

.headerLinks {
    float: left;
    margin-top: 27px;
}

header .headerInner_leftPart {
    float: left;
}

.headerInner {
    position: relative;
    z-index: 3;
    padding: 25px 25px;
}

.hasFullScreenBanner header {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
}

header:before, header:after {
    display: table;
    content: "";
    line-height: 0;
}

.headerHolder {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #231f20;
}

.headerHolderOverlay {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 2;
    background: #231f20;
}

.logo {
    float: left;
    margin-right: 100px;
}

header .headerInner_rightPart {
    float: right;
    margin-top: 25px;
}

header {
    position: relative;
    z-index: 101;
    padding: 0px 0 0px 0;
}

.headerInner:before, .headerInner:after {
    display: table;
    content: "";
    line-height: 0;
}
.headerInner:after {
    clear: both;
}
.paragraph-normal li {
    font-size: 14px;
}

.paragraph ul {
    margin-top: 10px;
    margin-left: 30px;
}

.socialmedia {
    margin-bottom: 20px;
}
.socialmedia ul {
    margin: 0;
    padding: 0;
    margin-left: -33.333333333px;
}
..socialmedia ul:before, .socialmedia ul:after {
    display: table;
    content: "";
    line-height: 0;
}
.socialmedia ul li {
    display: block;
    float: left;
    padding-left: 16.666666667px;
    margin-bottom: 20px;
}

.socialmedia ul li a {
    display: block;
    position: relative;
    padding: 0 16.666666667px;
    font-size: 36px;
    color: #fff;
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.container-fluid {
    margin: 0 auto;
    max-width: 1400px;
    padding: 0 50px;
}

.mt4 {
    margin-top: 4px;
}

.mt3 {
    margin-top: 3px;
}


.animateFlip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip
}

.popup-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 10000;
    display: none
}

.popup-content {
    display: table-cell;
    vertical-align: middle
}

.popupClose-frame {
    position: absolute;
    right: 0px;
    top: 60px
}

.popup-close {
    cursor: pointer;
    color: black;
    width: 0;
    height: 0
}

    .popup-close:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin-left: -500px;
        margin-top: -500px;
        border-left: 500px solid transparent;
        border-top: 500px solid #fff
    }

    .popup-close span {
        position: absolute;
        bottom: 29px;
        right: 9px;
        z-index: 2
    }

.popup-inner {
    background: #fff;
    max-width: 900px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1001;
    max-height: 100vh;
    overflow-y: auto
}

.popup-inner-1 {
    display: table;
    width: 100%;
    min-height: 300px;
    position: relative
}

.popup-text {
    margin: 0 0 20px 0
}

.popup-inner-1 .left {
    display: table-cell;
    max-width: 100%;
    padding: 20px 30px 20px 20px
}

.popup-inner-1 .right {
    display: table-cell;
    width: 300px;
    background-size: cover !important
}

.popup-inner-1 {
    font-size: 12px
}

@media only screen and (max-width:750px) {
    .popup-inner-1 .right {
        display: none
    }
}

.input-submit-checkout {
    text-align: right;
    padding-top: 50px;
    border-top: 3px solid #ccc
}

fieldset.checkout-additionalInfo {
    padding: 50px 50px 0 50px;
    margin-bottom: 50px;
    background: #e6e6e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.checkoutConfirmation {
    display: inline-block;
    margin-right: 20px
}

    .checkoutConfirmation input[type="checkbox"] {
        height: 28px !important
    }

@media (max-width:767px) {
    fieldset.checkout-additionalInfo {
        padding: 10px 10px 0 10px;
        margin-bottom: 10px
    }
}

fieldset.form-userData {
    max-width: 350px
}

.input-submit-orders {
    border-top: 3px solid #d6d6d6;
    padding-top: 20px
}

.event .contentTitle h1 {
    margin-bottom: 0
}

.calendar-wrapper {
    margin: 0;
    padding: 0
}

.calendar-navigation {
    margin-bottom: 50px;
    line-height: 20px
}

    .calendar-navigation a.handle-next {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #ad876f;
        font-size: 12px;
        margin-top: 1px
    }

    .calendar-navigation a.handle-previous {
        display: inline-block;
        cursor: pointer;
        vertical-align: top;
        color: #ad876f;
        font-size: 12px;
        margin-top: 1px;
        margin-right: 10px
    }

    .calendar-navigation a.handle-today {
        display: inline-block;
        color: #ad876f;
        font-size: 14px;
        font-weight: 700;
        vertical-align: top;
        margin-right: 10px
    }

    .calendar-navigation .handle-separator {
        display: none
    }

.calendar {
    *zoom: 1;
    margin-left: -50px;
    margin-top: 50px
}

    .calendar:before, .calendar:after {
        display: table;
        content: "";
        line-height: 0
    }

    .calendar:after {
        clear: both
    }

.calendar-column {
    float: left;
    width: 25%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.calendar-item {
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-bottom: 50px
}

    .calendar-item table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
        background: #e6e6e6
    }

    .calendar-item td {
        text-align: center;
        padding: 4px 8px;
        text-decoration: none;
        color: #000;
        border: 1px solid #fff;
        background-color: #999
    }

        .calendar-item td:hover {
            background: #ccc
        }

        .calendar-item td a {
            color: #99694b
        }

        .calendar-item td.header {
            text-align: center;
            background: #e0d2c9;
            font-size: 13px;
            font-weight: 700
        }

            .calendar-item td.header:hover {
                background: #b89681
            }

            .calendar-item td.header a {
                display: block;
                color: #fff;
                text-decoration: none
            }

        .calendar-item td.header-selected, .calendar-item td.header-selected:hover {
            text-align: center;
            background: #ad876f;
            font-weight: bold;
            border: 0;
            color: #fff
        }

            .calendar-item td.header-selected a {
                display: block;
                color: #fff
            }

        .calendar-item td.weekday {
            text-align: right;
            padding: 4px 6px;
            color: color2;
            font-size: 12px;
            font-weight: bold;
            background-color: #e6e6e6
        }

            .calendar-item td.weekday:hover {
                background-color: #ccc
            }

        .calendar-item td.day-event {
            padding: 0;
            font-weight: 700;
            background-image: url(../images/icoEvent.png);
            background-repeat: no-repeat;
            background-position: 0 0
        }

            .calendar-item td.day-event a {
                display: block;
                padding: 4px 8px;
                color: #99694b
            }

        .calendar-item td.day-weekend {
            background-color: #f4cfd0;
            color: red
        }

        .calendar-item td.day-over {
            background-color: #ccc
        }

.event-list {
    *zoom: 1
}

    .event-list:before, .event-list:after {
        display: table;
        content: "";
        line-height: 0
    }

    .event-list:after {
        clear: both
    }

.event-list-item {
    margin-left: -50px;
    margin-bottom: 50px;
    *zoom: 1
}

    .event-list-item:before, .event-list-item:after {
        display: table;
        content: "";
        line-height: 0
    }

    .event-list-item:after {
        clear: both
    }

.event-list-item-image {
    float: left;
    width: 25%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.event-list-item-image-inner {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden
}

.event-list-item-image img {
    display: block;
    max-width: 100%
}

.event-list-item-content {
    float: left;
    width: 75%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.event-list-meta {
    margin-bottom: 5px;
    font-size: 12px;
    color: #333
}

.event-list-item h2 {
    margin-bottom: 5px;
    text-align: left
}

.event-list-summary .paragraph {
    margin-bottom: 25px
}

.category-event-detail {
    float: left
}

    .category-event-detail img {
        height: 25px;
        width: 25px;
        display: inline-block;
        margin: 0 5px;
        max-width: none
    }

.event-meta {
    line-height: 25px;
    margin-bottom: 25px;
    *zoom: 1;
    color: #4d4d4d
}

    .event-meta:before, .event-meta:after {
        display: table;
        content: "";
        line-height: 0
    }

    .event-meta:after {
        clear: both
    }

.no-data-text {
    margin-bottom: 50px
}

@media (max-width:980px) {
    .calendar-column {
        width: 33.3%
    }

    .calendar-thirdMonth {
        width: 33.4%
    }

    .calendar-lastMonth {
        display: none
    }
}

@media (max-width:767px) {
    .calendar-column {
        width: 50%
    }

    .calendar-thirdMonth {
        display: none
    }

    .calendar-navigation a.handle-today {
        display: block
    }

    .event-meta {
        margin-bottom: 10px
    }
}

@media (max-width:480px) {
    .calendar-column {
        width: 100%
    }

    .calendar-secondMonth {
        display: none
    }

    .event-list-item-image {
        display: none
    }

    .event-list-item-content {
        width: 100%
    }
}

.news-listing {
    list-style: none;
    *zoom: 1
}

    .news-listing:before, .news-listing:after {
        display: table;
        content: "";
        line-height: 0
    }

    .news-listing:after {
        clear: both
    }

.news-listing-item {
    *zoom: 1;
    margin-left: -50px;
    margin-bottom: 50px
}

    .news-listing-item:before, .news-listing-item:after {
        display: table;
        content: "";
        line-height: 0
    }

    .news-listing-item:after {
        clear: both
    }

.news-listing-item-image {
    float: right;
    padding-left: 50px;
    width: 25%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.news-listing-item-image-inner {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden
}

    .news-listing-item-image-inner img {
        display: block;
        max-width: 100%;
        width: 100%
    }

.news-listing-item-content {
    float: left;
    padding-left: 50px;
    width: 75%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.news-listing-item-date {
    font-size: 12px;
    margin-bottom: 3px;
    color: #333
}

.news-listing-item h2 {
    margin-bottom: 5px
}

.news-detail-date {
    font-size: 12px;
    margin-bottom: 5px;
    color: #333
}

.newsPage .secondaryMenu {
    display: block
}

@media (max-width:480px) {
    .news-listing-item h2 {
        font-size: 18px
    }

    .news-listing-item-image {
        display: none
    }

    .news-listing-item-content {
        width: 100%
    }
}

.pollResults {
    margin-bottom: 50px
}

    .pollResults table {
        width: 100%
    }

    .pollResults td {
        border-bottom: 1px solid #fff;
        padding: 5px 0
    }

        .pollResults td.poll-voteQuestion {
            border-bottom: 3px solid #ccc
        }

        .pollResults td.poll-voteCountLabel {
            border-bottom: 3px solid #ccc
        }

    .pollResults tr.poll-voteRowTotal td {
        border-top: 3px solid #ccc;
        padding: 5px 0;
        text-transform: uppercase
    }

    .pollResults td.poll-voteCountLabel {
        text-align: right
    }

    .pollResults td.poll-voteCounter {
        width: 1%;
        white-space: nowrap;
        padding-left: 20px;
        text-align: center;
        vertical-align: top;
        padding-top: 23px;
        text-align: right;
        font-size: 16px
    }

    .pollResults td.poll-votes {
        text-align: right;
        font-weight: 700;
        font-size: 16px
    }

    .pollResults .poll-voteBar {
        width: 100%;
        margin-bottom: 5px;
        background: #ad876f
    }

        .pollResults .poll-voteBar span {
            display: inline-block;
            padding: 0 5px;
            color: #fff
        }

.poll-voteQuestion {
    padding-bottom: 5px
}

.poll-voteCountLabel {
    padding-bottom: 5px
}

.product-details {
    *zoom: 1;
    margin-left: -50px
}

    .product-details:before, .product-details:after {
        display: table;
        content: "";
        line-height: 0
    }

    .product-details:after {
        clear: both
    }

.product-details-image {
    float: left;
    width: 33%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .product-details-image img {
        display: block;
        max-width: 100%
    }

.product-image-main {
    overflow: hidden;
    margin-bottom: 25px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

    .product-image-main img {
        display: block;
        max-width: 100%
    }

.product-thumbnails {
    margin-bottom: 50px;
    margin-left: -25px;
    *zoom: 1
}

    .product-thumbnails:before, .product-thumbnails:after {
        display: table;
        content: "";
        line-height: 0
    }

    .product-thumbnails:after {
        clear: both
    }

.product-thumbnails-item {
    float: left;
    width: 25%;
    padding-left: 25px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .product-thumbnails-item a {
        display: block;
        overflow: hidden;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px
    }

.product-details-description {
    float: right;
    width: 66%;
    padding-left: 50px;
    margin-bottom: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.product-purchaseWrap {
    margin-bottom: 50px;
    padding: 50px 0;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.product-purchaseInfo {
    margin-bottom: 50px
}

.product-price {
    font-size: 16px;
    margin-bottom: 5px
}

.product-price-current {
    font-size: 18px;
    font-weight: 700
}

.product-availability {
    font-size: 13px;
    color: gray
}

.variants {
    margin-bottom: 25px
}

    .variants .variant-name, .variants .variant-options {
        padding-bottom: 25px;
        padding-right: 25px
    }

.product-addToCartForm input {
    width: 50px;
    text-align: center
}

.product-addToCartForm-success {
    padding: 10px;
    background: #f5f0ed;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden
}

.infoForm-container fieldset.horizontal {
    background-color: #ccc;
    padding: 50px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.infoForm-container fieldset.horizontal {
    float: none;
    width: 100%;
    text-align: left
}

    .infoForm-container fieldset.horizontal .input {
        margin-left: 0;
        margin-right: 0
    }

    .infoForm-container fieldset.horizontal .input-submit {
        margin-left: 0;
        margin-bottom: 0
    }

@media (max-width:767px) {
    .product-details, .product-purchaseInfo, .product-addToCartForm {
        margin-bottom: 10px
    }

    .infoForm-container fieldset.horizontal {
        padding: 10px
    }
}

@media (max-width:480px) {
    .product-details-image {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }

    .product-details-description {
        float: none;
        width: 100%;
        margin-bottom: 10px
    }
}

.productListing {
    margin-left: -50px;
    *zoom: 1
}

    .productListing:before, .productListing:after {
        display: table;
        content: "";
        line-height: 0
    }

    .productListing:after {
        clear: both
    }

.productListing-item {
    float: left;
    width: 33.3%;
    padding-left: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .productListing-item:nth-child(3n+1) {
        clear: left
    }

    .productListing-item .imageBox {
        margin-bottom: 5px
    }

.productListing-3 .productListing-item {
    width: 33.3%
}

.productListing-4 .productListing-item {
    width: 25%
}

@media (max-width:767px) {
    .productListing {
        margin-left: -10px
    }

    .productListing-item {
        width: 33.3%;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .productListing-item:nth-child(3n+1) {
            clear: left
        }

    .productListing-3 .productListing-item {
        width: 33.3%
    }

    .productListing-4 .productListing-item {
        width: 33.3%
    }
}

@media (max-width:420px) {
    .productListing {
        margin-left: -10px
    }

    .productListing-item {
        width: 100%;
        padding-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

        .productListing-item:nth-child(2n+1) {
            clear: left
        }

        .productListing-item:nth-child(3n+1) {
            clear: none
        }
}

@media (max-width:420px) and (orientation:portrait) {
    .productListing-item {
        width: 100%;
        margin-bottom: 10px
    }

    .productBox {
        padding-top: 10px;
        border-top: 1px solid #e6e6e6;
        *zoom: 1
    }

        .productBox:before, .productBox:after {
            display: table;
            content: "";
            line-height: 0
        }

        .productBox:after {
            clear: both
        }

    .productListing-3 .productListing-item {
        width: 100%
    }

    .productListing-4 .productListing-item {
        width: 100%
    }

    .productListing-item .imageBox {
        float: left;
        margin-bottom: 0;
        width: 25%
    }

    .productListing-item .productBox-title {
        margin-left: 25%;
        padding-left: 10px
    }

    .productListing-item .productBox-price {
        margin-left: 25%;
        padding-left: 10px
    }
}

.search-results {
    position: relative;
    *zoom: 1
}

    .search-results:before, .search-results:after {
        display: table;
        content: "";
        line-height: 0
    }

    .search-results:after {
        clear: both
    }

.search-result {
    margin-bottom: 50px
}

    .search-result h3 {
        margin-bottom: 5px
    }

    .search-result hr {
        display: block;
        margin: 0 0 50px 0;
        padding: 0;
        width: 25px;
        height: 1px;
        border: 0;
        border-bottom: 5px dotted #ccc;
        text-align: left
    }

.search-result-date {
    color: #666;
    font-size: 12px
}

.search .paging input {
    display: none
}

.search .paging ul {
    margin: 0;
    padding: 0;
    margin-top: 50px;
    list-style-type: none;
    *zoom: 1
}

    .search .paging ul:before, .search .paging ul:after {
        display: table;
        content: "";
        line-height: 0
    }

    .search .paging ul:after {
        clear: both
    }

    .search .paging ul li {
        float: left;
        width: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        padding-top: 10px;
        border-top: 1px solid #99694b
    }

        .search .paging ul li a {
            display: block;
            padding: 0 5px;
            color: #666
        }

            .search .paging ul li a:hover, .search .paging ul li.active a {
                color: #726b6e;
                text-decoration: none
            }

            .search .paging ul li a span {
                display: none
            }

        .search .paging ul li.hasMoreMobile {
            display: none
        }

        .search .paging ul li.disabled a {
            cursor: default;
            color: #ccc
        }

            .search .paging ul li.disabled a:hover {
                color: #ccc
            }

        .search .paging ul li u {
            text-decoration: none
        }

@media (max-width:767px) {
    .search-result {
        margin-bottom: 10px
    }

        .search-result hr {
            margin-bottom: 10px
        }
}

@media (max-width:420px) and (orientation:portrait) {
    .search-result h3 {
        font-size: 14px
    }

    .search-result hr {
        width: 100%;
        border-bottom: 1px solid #e6e6e6
    }
}

.packetPage .contentTitle-top h1 {
    color: #000
}

.packetPage .mainPackageBlock h2, .packetPage .mainPackageBlock h3 {
    text-align: left
}

.icon-plus, .icon-minus {
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer
}

    .icon-plus:after {
        content: "+"
    }

    .icon-minus:after {
        content: "-"
    }

.packagePrice {
    position: absolute;
    right: 0px;
    bottom: 100px;
    z-index: 3;
    background-color: #fff;
    padding: 12.5px 16.666666667px
}

    .packagePrice span {
        display: block
    }

    .packagePrice .service {
        font-size: 16px;
        color: #000;
        line-height: 100%;
        margin-bottom: 10px
    }

    .packagePrice .price {
        display: block;
        font-size: 13px;
        color: #000;
        line-height: 100%
    }

        .packagePrice .price em {
            display: inline-block;
            font-family: "din-condensed",Arial,Helvetica,sans-serif;
            font-size: 32px;
            line-height: 100%;
            font-style: normal;
            margin: 0px 0 0 3px;
            vertical-align: baseline;
            color: #99694b;
            font-weight: 700
        }

    .packagePrice .clubPrice {
        margin-top: 10px;
        font-family: 'Inter',Arial,Helvetica,sans-serif;
        color: #bda26b;
        font-size: 13px;
        line-height: 100%;
        text-decoration: none
    }

@media (max-width:480px) {
    .packagePrice {
        bottom: 10px
    }
}

.expertAnswerList h3 {
    text-align: left
}

.expertAnswerList .summary {
    margin-bottom: 50px
}
footer {
    position: relative;
    background-color: #e8e5e1;
    padding-top: 40px;
    border-top: 0px solid #99694b
}footer .weatherData{margin-bottom:40px;border-bottom:1px solid #e3e1e2;overflow:hidden}footer .weatherData-inner{margin-left:-100px;*zoom:1}footer .weatherData-inner:before,footer .weatherData-inner:after{display:table;content:"";line-height:0}footer .weatherData-inner:after{clear:both}footer .weatherData-forecast,footer .weatherData-additional{float:left;width:50%;padding-left:100px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}footer .weatherData-forecast ul{margin-top:16.666666667px}footer .weatherData-additional ul{list-style:none;margin:0;padding:0;margin-left:-100px;*zoom:1}footer .weatherData-additional ul:before,footer .weatherData-additional ul:after{display:table;content:"";line-height:0}footer .weatherData-additional ul:after{clear:both}footer .weatherData-additional ul li{float:left;padding-left:100px;margin-bottom:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}footer .weatherData-additional ul li a{position:relative;display:block;padding:16.666666667px;text-align:center;font-size:17px;text-transform:uppercase;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}footer .weatherData-additional ul li.tripadvisor a{max-width:150px;background-color:#625a5e;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s}footer .weatherData-additional ul li.tripadvisor:hover a{background-color:#99694b;color:#fff;-webkit-transition:all 0.25s;-moz-transition:all 0.25s;-o-transition:all 0.25s;transition:all 0.25s}.weatherData-additional-1 ul li{width:100%}.weatherData-additional-2 ul li{width:50%}.weatherData-additional-3 ul li{width:33.333333333%}footer .weatherData-additional ul li i{display:block;margin-bottom:10px;font-size:36px;text-align:center}
footer p, footer .infoLines {
    color: #494949;
}

footer a {
    text-decoration: none;
}

footer .columns {
    margin-left: -100px;
    *zoom: 1
}

    footer .columns:before, footer .columns:after {
        display: table;
        content: "";
        line-height: 0
    }

    footer .columns:after {
        clear: both
    }

    footer .columns .column {
        float: left;
        padding-left: 100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

footer .columns-1 .column {
    width: 100%
}

footer .columns-2 .column {
    width: 50%
}

footer .columns-3 .column {
    width: 33.333333333%
}

footer .newsletterBox {
    width: 80%;
    overflow: hidden
}

    footer .newsletterBox .button-1 {
        background: #99694b;
        border-color: #99694b
    }

.infoLines-inner {
    position: relative;
    display: block;
    margin-bottom: 40px;
    *zoom: 1
}

    .infoLines-inner:before, .infoLines-inner:after {
        display: table;
        content: "";
        line-height: 0
    }

    .infoLines-inner:after {
        clear: both
    }

    .infoLines-inner i {
        float: left;
        font-size: 36px;
        width: 35px;
        padding-right: 16.666666667px;
        color: #99694b
    }

    .infoLines-inner .infoLines-inner-lines {
        float: left
    }

        .infoLines-inner .infoLines-inner-lines .line {
            font-size: 15px;
            text-transform: uppercase;
            line-height: 160%
        }

        .infoLines-inner .infoLines-inner-lines .lineLower {
            text-transform: initial
        }

.terms {
    padding-bottom: 40px;
    padding-top: 40px;
    border-top: 1px solid #e3e1e2;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px
}

footer .av {
    color: #fff;
    text-align: center;
    padding-bottom: 20px;
    font-size: 13px
}

@media (max-width:1200px) {
    footer .weatherData-additional ul li.tripadvisor a {
        font-size: 10px
    }
}

@media (min-width:768px) and (max-width:900px) {
    footer .weatherData-forecast ul {
        margin-top: 0
    }

    footer .weatherData-additional ul li {
        padding-left: 50px
    }
}

@media (max-width:767px) {
    footer .weatherData-forecast ul {
        margin-top: 0
    }

    footer .weatherData-forecast, footer .weatherData-additional {
        width: 100%;
        float: none
    }

        footer .weatherData-additional ul {
            margin-left: -10px;
            margin-top: -10px
        }

            footer .weatherData-additional ul li {
                padding-left: 10px
            }

                footer .weatherData-additional ul li a {
                    font-size: 14px;
                    padding: 10px
                }

                footer .weatherData-additional ul li.tripadvisor a {
                    max-width: none
                }

                footer .weatherData-additional ul li a .inner {
                    position: absolute;
                    top: 0;
                    -webkit-transform: translate(0,0);
                    -moz-transform: translate(0,0);
                    -o-transform: translate(0,0);
                    transform: translate(0,0);
                    left: 0;
                    position: relative
                }

                footer .weatherData-additional ul li i {
                    font-size: 24px
                }

    footer h2, footer p, footer .infoLines {
        margin-bottom: 20px
    }

    footer .columns-1 .column, footer .columns-2 .column, footer .columns-3 .column {
        width: 100%
    }

    footer .newsletterBox {
        width: 100%
    }

    .infoLines-inner {
        margin-bottom: 20px
    }

        .infoLines-inner i {
            width: 20px;
            font-size: 24px
        }

        .infoLines-inner .infoLines-inner-lines .line {
            font-size: 13px
        }
}

@media (max-width:480px) {
    footer .weatherData-additional ul li a {
        font-size: 13px
    }

    footer .weatherData-additional ul li.tripadvisor a {
        font-size: 9px
    }
}

.cartSummary {
    position: relative;
    float: right;
    margin-left: 0;
    min-width: 50px
}

    .cartSummary a.cartSummary-desktopTrigger {
        display: block;
        float: right;
        width: 40px;
        height: 40px;
        line-height: 40px;
        margin-top: -4px;
        background: #666;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        text-indent: -9999px
    }

        .cartSummary a.cartSummary-desktopTrigger img {
            display: block;
            width: 20px;
            height: 20px;
            margin: 10px 0 0 10px
        }

    .cartSummary:hover a.cartSummary-desktopTrigger, .cartSummary.active a.cartSummary-desktopTrigger {
        -webkit-border-radius: 0px 0px 0 0;
        -moz-border-radius: 0px 0px 0 0;
        border-radius: 0px 0px 0 0
    }

    .cartSummary a.cartSummary-mobile-icon {
        display: none
    }

.cartSummary-info {
    white-space: nowrap;
    padding-right: 50px;
    text-align: right;
    line-height: 120%
}

.cartSummary-info-quantity {
    font-size: 11px;
    color: #666;
    text-align: right
}

.cartSummary-info-price {
    font-size: 15px;
    font-weight: 700;
    color: #000;
    text-align: right
}

.cartSummary .cartSummary-dropdown {
    display: none;
    position: absolute;
    top: 36px;
    right: 0;
    z-index: 11;
    width: 270px;
    border-bottom: 2px solid #fff;
    background: #666;
    color: #fff;
    -webkit-border-radius: 0px 0 0px 0px;
    -moz-border-radius: 0px 0 0px 0px;
    border-radius: 0px 0 0px 0px
}

.cartSummary .cartSummary-dropdown-inner {
    padding: 10px
}

.cartSummary table {
    width: 100%;
    margin-bottom: 10px;
    border-top: 3px solid rgba(255,255,255,0.35)
}

    .cartSummary table td {
        vertical-align: top;
        padding: 5px 0;
        border-bottom: 1px solid rgba(255,255,255,0.35)
    }

        .cartSummary table td a {
            color: #fff
        }

    .cartSummary table tr.cartSummary-total td {
        padding: 8px 0 10px 0;
        border-bottom: 3px solid rgba(255,255,255,0.35)
    }

        .cartSummary table tr.cartSummary-total td.cartSummary-totalPrice {
            text-align: right;
            font-size: 16px
        }

.cartSummary a.cartSummary-thumbnail {
    display: block;
    width: 50px;
    height: 50px
}

    .cartSummary a.cartSummary-thumbnail img {
        display: block;
        width: 100%;
        max-width: 100%
    }

.cartSummary .cartSummary-name {
    font-weight: bold;
    padding-left: 10px
}

.cartSummary .cartSummary-price {
    float: right;
    width: 50%;
    padding-left: 10px;
    font-size: 11px;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.cartSummary .cartSummary-quantity {
    float: left;
    width: 50%;
    padding-left: 10px;
    font-size: 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

p.cartSummary-alert {
    color: #fff;
    margin-bottom: 10px;
    text-align: center
}

.cartSummary-actions {
    line-height: 30px;
    text-align: right
}

    .cartSummary-actions .button-edit {
        float: left;
        color: #fff;
        font-size: 12px
    }

@media (max-width:767px) {
    .cartSummary {
        margin: 0
    }

        .cartSummary a.cartSummary-desktopTrigger {
            display: none
        }

        .cartSummary a.cartSummary-mobile-icon {
            position: relative;
            display: block;
            width: 45px;
            height: 38px;
            padding-top: 7px
        }

            .cartSummary a.cartSummary-mobile-icon img {
                display: block;
                width: 30px;
                height: 30px;
                margin: 0 auto 0 auto
            }

            .cartSummary a.cartSummary-mobile-icon span {
                position: absolute;
                top: 3px;
                right: 3px;
                display: block;
                width: 14px;
                height: 14px;
                line-height: 14px;
                padding: 0;
                white-space: nowrap;
                text-align: center;
                font-size: 11px;
                font-weight: 700;
                background: red;
                color: #fff;
                border: 2px solid #fff;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                border-radius: 10px;
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
                -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.6);
                box-shadow: 0 1px 1px rgba(0,0,0,0.6)
            }

            .cartSummary a.cartSummary-mobile-icon:hover {
                background-color: #a3785d
            }

            .cartSummary a.cartSummary-mobile-icon.active {
                background-color: #99694b
            }

    .cartSummary-info {
        display: none
    }
}

.login-box {
    padding: 50px 0 0 0;
    max-width: 380px
}

    .login-box .password-lost {
        font-size: 11px
    }

.register-box input.warning {
    border-color: #c60f13;
    background: #f9e7e7
}

.register-box {
    margin: 0 0 50px 0;
    padding: 50px 50px 0 50px;
    background: #e6e6e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

.compact {
    white-space: nowrap;
    width: 1%
}

.order-container {
    max-width: 100%;
    overflow: auto
}

    .order-container table {
        width: 100%;
        border-collapse: collapse
    }

        .order-container table th {
            background: #e6e6e6;
            color: #000;
            padding: 8px 50px 8px 3px;
            border-bottom: 1px solid #ccc;
            text-align: left;
            text-transform: none;
            font-size: 11px
        }

            .order-container table th.no-wrap, .order-container table td.no-wrap {
                width: 1%;
                white-space: nowrap
            }

        .order-container table td {
            padding: 8px 50px 8px 3px;
            border-bottom: 1px solid #ccc
        }

        .order-container table th.order-row-title {
            text-align: left;
            padding-left: 3px
        }

        .order-container table th.order-row-price {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table th.order-row-quantity {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table th.order-row-subtotal {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table th.order-row-delete {
            padding-right: 0;
            width: 1%;
            white-space: nowrap
        }

        .order-container table td.order-row-thumb {
            width: 1%;
            white-space: nowrap;
            text-align: left
        }

        .order-container table td.order-row-title {
            font-size: 16px
        }

        .order-container table td.order-row-price {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table td.order-row-quantity {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table td.order-row-subtotal {
            width: 1%;
            white-space: nowrap;
            text-align: right
        }

        .order-container table td.order-row-delete {
            padding-right: 0;
            width: 1%;
            white-space: nowrap
        }

.order-remove-item {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url(../images/icoCartRemove.png) no-repeat center center;
    text-indent: -9999px;
    text-align: left
}

.order-container table tr.order-totals-foot td {
    border-bottom: 0
}

.order-container table tr.order-totals-foot .price {
    display: inline-block;
    min-width: 80px;
    vertical-align: top
}

.order-totals .sum {
    float: right;
    font-weight: 700
}

.billing-data {
    padding: 25px;
    margin-bottom: 50px;
    background: #e6e6e6;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

@media (max-width:767px) {
    .order-container table td.order-row-thumb {
        padding: 0
    }

        .order-container table td.order-row-thumb a {
            display: none
        }

    .order-container table th {
        padding: 8px 10px 8px 0
    }

    .order-container table td {
        padding: 8px 10px 8px 0
    }

        .order-container table td select {
            max-width: 55px
        }

        .order-container table td.order-row-title {
            font-size: 12px
        }
}

.orderSteps {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    *zoom: 1
}

    .orderSteps:before, .orderSteps:after {
        display: table;
        content: "";
        line-height: 0
    }

    .orderSteps:after {
        clear: both
    }

    .orderSteps li {
        display: block;
        float: left;
        width: 25%;
        position: relative;
        padding: 0 0 50px 0;
        font-size: 12px
    }

        .orderSteps li .text, .orderSteps li .text a, .orderSteps li .text a:hover {
            display: block;
            position: relative;
            width: 100%;
            color: #333;
            text-align: center;
            text-transform: uppercase;
            white-space: nowrap
        }

        .orderSteps li.current .text, .orderSteps li.completed .text, .orderSteps li.current .text a, .orderSteps li.completed .text a {
            color: #99694b
        }

        .orderSteps li .stepNo {
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 39px
        }

            .orderSteps li .stepNo b {
                display: block;
                height: 39px;
                width: 39px;
                margin: 0 auto;
                text-align: center;
                line-height: 39px;
                font-size: 24px;
                font-weight: 700;
                color: #fff;
                -webkit-border-radius: 25px;
                -moz-border-radius: 25px;
                border-radius: 25px
            }

            .orderSteps li .stepNo b {
                background: gray
            }

        .orderSteps li.current .stepNo b, .orderSteps li.completed .stepNo b {
            background: #99694b
        }

        .orderSteps li .lineBefore {
            display: block;
            content: "";
            z-index: -1;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 50%;
            height: 18px;
            border-top: 3px solid #b3b3b3
        }

        .orderSteps li .lineAfter {
            display: block;
            content: "";
            z-index: -1;
            position: absolute;
            bottom: 0;
            left: 50%;
            right: 0;
            height: 18px;
            border-top: 3px solid #b3b3b3
        }

        .orderSteps li.current .lineBefore, .orderSteps li.completed .lineBefore, .orderSteps li.completed .lineAfter {
            border-top-color: #99694b
        }

.orderSteps4 li {
    width: 25%
}

.orderSteps3 li {
    width: 33%
}

@media (max-width:767px) {
    .orderSteps li .text, .orderSteps li .text a, .orderSteps li .text a:hover {
        display: block;
        position: relative;
        width: 100%;
        color: #333;
        text-align: center;
        text-transform: none;
        white-space: normal
    }

    .orderSteps li {
        padding: 0px 0px 30px 0px;
        font-size: 10px
    }

        .orderSteps li .stepNo {
            height: 29px
        }

            .orderSteps li .stepNo b {
                height: 29px;
                width: 29px;
                line-height: 29px;
                font-size: 16px;
                border-radius: 15px
            }

        .orderSteps li .lineBefore, .orderSteps li .lineAfter {
            height: 14px
        }
}

.primaryMenu {
    float: left;
    *zoom: 1
}

    .primaryMenu:before, .primaryMenu:after {
        display: table;
        content: "";
        line-height: 0
    }

    .primaryMenu:after {
        clear: both
    }

    .primaryMenu ul {
        list-style: none;
        margin: 0;
        padding: 0;
        *zoom: 1
    }

        .primaryMenu ul:before, .primaryMenu ul:after {
            display: table;
            content: "";
            line-height: 0
        }

        .primaryMenu ul:after {
            clear: both
        }

        .primaryMenu ul li:hover a {
            text-decoration: underline
        }

        .primaryMenu ul li.primaryMenu-mobileTrigger {
            display: none
        }

        .primaryMenu ul li.active a {
            text-decoration: underline
        }

        .primaryMenu ul li a {
            display: block;
            float: left;
            padding: 0 15px;
            color: #fff;
            text-decoration: none;
            height: 50px;
            line-height: 50px
        }

            .primaryMenu ul li a i {
                font-size: 26px
            }

        .primaryMenu ul li:last-child a {
            padding-right: 0px
        }

        .primaryMenu ul li.popupMenu {
            font-size: 30px;
            position: relative;
            bottom: 0px
        }

.menuPopup {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    z-index: 15;
    background: #231f20;
    background: rgba(35,31,32,0.95);
    text-align: left;
    display: none;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s
}

    .menuPopup.opening {
        display: block
    }

        .menuPopup.opening.open {
            opacity: 1
        }

    .menuPopup.closing {
        display: block;
        opacity: 0
    }

    .menuPopup .popupHeaderLogo {
        padding: 25px 0 0 25px
    }

    .menuPopup .popupHeader {
        height: 130px;
        margin-bottom: 20px;
        *zoom: 1
    }

        .menuPopup .popupHeader:before, .menuPopup .popupHeader:after {
            display: table;
            content: "";
            line-height: 0
        }

        .menuPopup .popupHeader:after {
            clear: both
        }

    .menuPopup a {
        color: #000
    }

.menuPopupFrame {
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto
}

.menuPopup .popupCloseHolder {
    float: right;
    position: relative;
    top: 25px;
    right: 0px;
    color: #000;
    cursor: pointer;
    padding: 0 21px 0 30px;
    text-transform: uppercase;
    font-size: 14px
}

    .menuPopup .popupCloseHolder .popupClose span {
        position: relative;
        top: -10px;
        display: none
    }

    .menuPopup .popupCloseHolder .popupClose i {
        font-size: 44px;
        padding-left: 4px
    }

.menuPopup .popupClose {
    float: right;
    margin-top: 25px;
    color: #fff
}

.menuPopup .siteSelector {
    display: none;
    float: right;
    z-index: 30;
    margin-left: 21px
}

.menuPopup .leftLinksPopup {
    display: table;
    width: 100%
}

.menuPopup .popupMenuBlock {
    display: table-cell;
    padding-right: 50px;
    vertical-align: top
}

.menuPopup .popupMenuBlock_mainItem {
    font-size: 36px;
    line-height: 120%;
    margin-bottom: 25px;
    text-transform: uppercase
}

.menuPopup .rightLinksPopup .popupMenuBlock_mainItem {
    margin-bottom: 16.666666667px;
    display: inline-block;
    margin-right: 7%;
    font-size: 24px
}

.menuPopup .popupMenuBlock_mainItem a {
    color: #fff;
    font-family: "din-condensed",Arial,Helvetica,sans-serif
}

.menuPopup .popupMenuBlock_subItem {
    font-size: 18px;
    line-height: 160%
}

    .menuPopup .popupMenuBlock_subItem a {
        text-decoration: underline;
        color: #99694b
    }

.menuPopup .footerMargin {
    height: calc(10vh);
    min-height: 20px
}

.menuPopup .mainPopupMenu {
    opacity: 0.4;
    -webkit-transform: translateY(-5%) rotateX(5deg);
    -moz-transform: translateY(-5%) rotateX(5deg);
    -o-transform: translateY(-5%) rotateX(5deg);
    transform: translateY(-5%) rotateX(5deg);
    -webkit-transition: transform 0.5s,opacity 0.5s;
    -moz-transition: transform 0.5s,opacity 0.5s;
    -o-transition: transform 0.5s,opacity 0.5s;
    transition: transform 0.5s,opacity 0.5s;
    height: calc(100vh - 150px - 80px);
    overflow: hidden
}

.menuPopup.open .mainPopupMenu {
    opacity: 1;
    -webkit-transform: translateY(0%) rotateX(0deg);
    -moz-transform: translateY(0%) rotateX(0deg);
    -o-transform: translateY(0%) rotateX(0deg);
    transform: translateY(0%) rotateX(0deg)
}

.menuPopup.closing .mainPopupMenu {
    opacity: 0.4;
    -webkit-transform: translateY(5%) rotateX(-5deg);
    -moz-transform: translateY(5%) rotateX(-5deg);
    -o-transform: translateY(5%) rotateX(-5deg);
    transform: translateY(5%) rotateX(-5deg)
}

.mobileFooterPopupMenu {
    height: 60px;
    display: none
}

    .mobileFooterPopupMenu .headerLinks {
        text-align: center;
        float: none
    }

    .mobileFooterPopupMenu .headerLink {
        display: inline-block;
        float: none
    }

        .mobileFooterPopupMenu .headerLink a {
            display: block;
            text-align: center;
            color: #bda26b;
            text-transform: uppercase
        }

            .mobileFooterPopupMenu .headerLink a:hover, .headerLink a:hover i {
                text-decoration: none;
                color: #99694b;
                -webkit-transition: color 0.3s;
                -moz-transition: color 0.3s;
                -o-transition: color 0.3s;
                transition: color 0.3s
            }

            .mobileFooterPopupMenu .headerLink a i {
                display: block;
                font-size: 20px;
                color: #bda26b;
                margin: 0;
                padding: 0;
                line-height: 125%
            }

.mainPopupMenu-rightDelimiter {
    height: 0;
    padding-top: 100px
}

@media (max-width:1300px) {
    .primaryMenu ul li a {
        padding: 0 8.333333333px 0 8.333333333px;
        font-size: 18px
    }
}

@media (max-width:1000px) {
    .primaryMenu {
        margin-top: 11px
    }

    .menuPopup .span3 {
        width: 100%
    }

    .menuPopup .span9 {
        width: 100%
    }
}

@media (max-width:900px) {
    .primaryMenu ul li.primaryMenu-withDropdown a {
        padding-left: 25px
    }

    span.primaryMenu-trigger {
        padding-right: 25px
    }

    .primaryMenu ul li:last-child ul.primaryMenu-dropdownMenu {
        right: 0;
        left: auto
    }
}

@media (min-width:768px) {
    .primaryMenu {
        display: block !important
    }
}

@media (max-width:767px) {
    .menuPopup .leftLinksPopup {
        display: block;
        padding-bottom: 50px
    }

    .menuPopup .popupMenuBlock {
        display: block;
        margin-bottom: 50px
    }

    .menuPopup .popupMenuBlock_mainItem {
        margin-bottom: 16.666666667px
    }

    .menuPopup .popupHeaderLogo img {
        max-width: 80px
    }

    .menuPopup .siteSelector {
        float: left;
        margin-top: 16px;
        margin-right: 19px
    }

    .menuPopup .popupCloseHolder {
        padding-right: 25px
    }

    .menuPopup .popupClose {
        margin-top: 9px
    }

    .mobileFooterPopupMenu .headerLinks {
        display: block
    }

    .primaryMenu {
        display: block;
        margin-top: 0;
        margin-right: 0px
    }

        .primaryMenu ul li {
            display: none
        }

            .primaryMenu ul li.popupMenu {
                display: inline-block
            }

            .primaryMenu ul li a {
                line-height: 38px;
                margin-top: -2px
            }

                .primaryMenu ul li a i {
                    font-size: 34px
                }
}

.secondaryMenu {
    padding: 6px 25px 0;
    margin-bottom: 50px;
    *zoom: 1
}

    .secondaryMenu:before, .secondaryMenu:after {
        display: table;
        content: "";
        line-height: 0
    }

    .secondaryMenu:after {
        clear: both
    }

.secondaryMenu-hasContent .secondaryMenu {
    display: block
}

.secondaryMenu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

    .secondaryMenu ul li {
        display: inline-block;
        margin: 0 0px 3px;
        padding: 0;
        font-family: "din-condensed",Arial,Helvetica,sans-serif;
        font-size: 22px
    }

        .secondaryMenu ul li a, .secondaryMenu ul li span {
            display: block;
            padding: 20px 10px;
            background-color: #231f20;
            color: #fff;
            text-transform: uppercase
        }

            .secondaryMenu ul li a:hover {
                text-decoration: none
            }

        .secondaryMenu ul li .secondaryMenuBorder {
            height: 3px;
            background-color: #fff;
            margin-top: 5px;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s
        }

        .secondaryMenu ul li:hover .secondaryMenuBorder {
            background-color: #fff;
            -webkit-transition: background 0.3s;
            -moz-transition: background 0.3s;
            -o-transition: background 0.3s;
            transition: background 0.3s
        }

.secondaryMobileOpener {
    display: none;
    margin-bottom: 20px;
    text-align: center
}

@media (max-width:767px) {
    .secondaryMenu ul {
        display: none
    }

    .secondaryMobileOpener {
        display: block
    }

    .secondaryMenu ul li {
        display: block
    }

        .secondaryMenu ul li a, .secondaryMenu ul li span {
            padding: 10px 5px
        }

        .secondaryMenu ul li .secondaryMenuBorder {
            display: none
        }
}

.siteSelector {
    position: relative;
    z-index: 8;
    display: inline-block;
    max-width: 100px;
    margin: 0px 0 0 0;
    text-align: center
}

span.siteSelector-trigger {
    display: block;
    height: 23px;
    line-height: 23px;
    font-size: 14px;
    font-weight: 400;
    padding: 0 10px;
    color: #fff;
    background: transparent;
    border: 1px solid transparent;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    text-decoration: none;
    cursor: pointer;
    text-align: right
}

    span.siteSelector-trigger i {
        display: inline-block;
        vertical-align: top;
        line-height: 25px;
        font-size: 19px
    }

ul.siteSelector-menu {
    display: none;
    position: absolute;
    top: 43px;
    right: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
    background: #231f20;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

    ul.siteSelector-menu li {
        display: block;
        margin: 0;
        padding: 0
    }

        ul.siteSelector-menu li a {
            display: block;
            margin: 0;
            padding: 8px 10px;
            color: #fff
        }

            ul.siteSelector-menu li a span {
                display: inline-block;
                width: 16px;
                height: 11px;
                background-position: -208px -66px
            }

@media (max-width:767px) {
    .siteSelector {
        float: right;
        margin: 0 10px 0px 0
    }
}

@media (max-width:480px) {
    ul.siteSelector-menu {
        right: auto;
        left: 0
    }

    .siteSelector {
        max-width: 70px
    }

    ul.siteSelector-menu {
        max-width: 100%;
        width: 100%
    }
}

.searcBoxHolder {
    display: none
}

.searchBox {
    position: relative;
    margin: 0 0 0 0px;
    padding: 25px 50px;
    background-color: #231f20
}

.searchBox-input {
    padding-right: 30px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px
}

    .searchBox-input input {
        background: none;
        border: 0;
        font-size: 28px;
        color: #000
    }

.searchBox-submit {
    position: absolute;
    top: 25px;
    right: 50px
}

    .searchBox-submit a {
        display: block;
        width: 50px;
        height: 50px;
        font-size: 34px;
        line-height: 50px;
        color: #000
    }

.searchBox-mobileTrigger {
    display: none
}

.menuPopup .searchBox {
    background-color: transparent;
    padding-left: 0px;
    padding-right: 0px;
    border: none
}

.menuPopup .searchBox-input {
    background: transparent;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: solid 1px #fff
}

    .menuPopup .searchBox-input input {
        border: none;
        color: #fff
    }

.menuPopup .searchBox-submit {
    right: 0
}

    .menuPopup .searchBox-submit a {
        color: #fff
    }

@media (min-width:768px) {
    .searchBox {
        display: block !important
    }
}

@media (max-width:767px) {
    .searchBox-mobileTrigger {
        display: block;
        float: right
    }

        .searchBox-mobileTrigger a {
            display: block;
            width: 45px;
            height: 45px;
            background: url(../images/icoSearchToggle.png) no-repeat center center;
            -webkit-background-size: 26px 26px;
            -moz-background-size: 26px 26px;
            -o-background-size: 26px 26px;
            background-size: 26px 26px;
            text-indent: -9999px
        }

            .searchBox-mobileTrigger a:hover {
                background-color: #a3785d
            }

            .searchBox-mobileTrigger a.active {
                background-color: #99694b;
                background-image: url(../images/icoCloseToggle.png)
            }

    .searchBox {
        display: none;
        clear: both;
        width: 100%;
        background: #99694b;
        padding: 10px;
        margin: 0 -10px;
        *zoom: 1
    }

        .searchBox:before, .searchBox:after {
            display: table;
            content: "";
            line-height: 0
        }

        .searchBox:after {
            clear: both
        }

    .searchBox-submit {
        position: absolute;
        top: 11px;
        right: 11px
    }
}

.fullscreenBanner {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 2500px;
    margin: 0 auto 0 auto;
    -ms-touch-action: pan-y pinch-zoom;
    touch-action: pan-y pinch-zoom;
    overflow: hidden
}

    .fullscreenBanner .slider-clickGuardOnDrag {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 10;
        display: none
    }

.fullscreenBanner-container {
    position: relative;
    width: 100%;
    overflow: hidden
}

.fullscreenBanner-item {
    position: absolute;
    top: 0;
    d: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden
}

.sliderNotInitialized .fullscreenBanner-item + .fullscreenBanner-item, .sliderInitialized .fullscreenBanner-item {
    display: none
}

.sliderNotInitialized .fullscreenBanner-item, .sliderInitialized .item1 {
    display: block
}

.fullscreenBanner-item > a, .fullscreenBanner-item > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    text-decoration: none
}

    .fullscreenBanner-item > a:after, .fullscreenBanner-item > span:after {
        content: '';
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background: #000;
        background: rgba(0,0,0,0.1);
        z-index: 3
    }

.fullscreenBanner-scrollIndicator {
    display: none;
    position: absolute;
    d: 0;
    right: 0;
    bottom: 0;
    z-index: 15;
    opacity: .5;
    padding: 10px 20px;
    cursor: pointer;
    -moz-animation: fullscreenBanner-indicatorAnimation 2s ease-in-out infinite;
    -webkit-animation: fullscreenBanner-indicatorAnimation 2s ease-in-out infinite;
    animation: fullscreenBanner-indicatorAnimation 2s ease-in-out infinite
}

    .fullscreenBanner-scrollIndicator img {
        width: 40px;
        height: 60px
    }

.fullscreenBanner-image {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-size: cover;
    background-repeat: no-repeat;
    border-bottom: 0px solid #99694b
}

    .fullscreenBanner-image img {
        display: none;
        margin: auto;
        max-width: none
    }

.fullscreenBanner-innerImage {
    position: absolute;
    display: block;
    top: 20px;
    bottom: 25px;
    left: 0;
    width: 100%;
    z-index: 2
}

.fullscreenBanner-innerImage-inner1 {
    display: table;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
    height: 100%
}

@media 767px {
    .fullscreenBanner-innerImage-inner1 {
        padding-left: 0px;
        padding-right: 0px
    }
}

@media print {
    .fullscreenBanner-innerImage-inner1 {
        width: 1400px;
        padding-left: 0;
        padding-right: 0
    }
}

.fullscreenBanner-innerImage-inner2 {
    display: table-cell;
    width: 100%;
    height: 100%
}

.fullscreenBanner-innerImage-bg {
    display: block;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

.fullscreenBanner-item-video-splash-playIcon {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    border-left: 80px solid #fff;
    border-top: 70px solid transparent;
    border-bottom: 70px solid transparent;
    margin: -70px -40px
}

.fullscreenBanner-item-video-container {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 12
}

.fullscreenBanner-item-video {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 13
}

.fullscreenBanner-item-video-pauseButton {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 14;
    cursor: pointer
}

.fullscreenBanner-screenFiller {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 5
}

.fullscreenBanner iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.fullscreenBanner iframe {
    width: 1px;
    min-width: 100%;
    *width: 100%
}

.fullscreenBanner-container1-2016-default + .fullscreenBanner-image {
    border-bottom: none
}

.fullscreenBanner-container1-2016-default.fullscreenBanner-container1-bottomEdge-2016-default {
    top: 0;
    bottom: 0
}

.fullscreenBanner-container3-2016-default, .fullscreenBanner-container3-2016-basic {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 0 0px 0 0
}

.fullscreenBanner-container-leftBottom-2016-default {
    position: relative;
    left: -10px
}

.fullscreenBanner-texts-2016-default {
    display: block;
    width: 43%;
    width: calc(40% + 0px);
    transition: 0.125s
}

.fullscreenBanner-texts-title-2016-default {
    display: block;
    padding: 0px;
    text-transform: uppercase;
    font-size: 46px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.6);
    line-height: 100%
}

.fullscreenBanner-texts-text-2016-default {
    display: block;
    padding: 0px 0px;
    font-weight: normal;
    font-size: 29px;
    letter-spacing: -0.03em;
    color: #fff;
    background: #99694b;
    background: rgba(153,105,75,0.7);
    text-transform: uppercase;
    line-height: 100%
}

.fullscreenBanner-texts-button-2016-default {
    padding: 0px 0px;
    color: #fff;
    background: #000;
    background: rgba(0,0,0,0.6)
}

.fullscreenBanner-item a:hover .fullscreenBanner-texts-button-2016-default {
    color: #fff;
    background: #99694b;
    background: rgba(153,105,75,0.7)
}

.fullscreenBanner-texts-2016-basic {
    display: block;
    width: 42%;
    width: calc(40% + 0px);
    transition: 0.125s
}

.fullscreenBanner-texts-title-2016-basic {
    display: block;
    padding: 0px;
    font-size: 32px;
    color: #fff;
    background: rgba(0,0,0,0.6);
    text-transform: uppercase;
    font-weight: 700;
    line-height: 100%;
    transition: 0.125s;
    letter-spacing: -0.04em
}

.fullscreenBanner-texts-text-2016-basic {
    display: block;
    padding: 0px 0px 0px 0px;
    font-size: 16px;
    background: #fff;
    background: rgba(255,255,255,0.9);
    font-weight: 700;
    line-height: 115%
}

.fullscreenBanner-texts-title-buttonReserve-2016-basic {
    padding-bottom: 30px
}

.fullscreenBanner-texts-text-buttonReserve-2016-basic {
    padding-bottom: 30px
}

.fullscreenBanner-texts-button-2016-basic {
    position: absolute;
    d: 0;
    left: 0;
    bottom: 0;
    padding: 7px 20px;
    background: #929497;
    color: #fff
}

.fullscreenBanner-item a:hover .fullscreenBanner-texts-button-2016-basic {
    background: #99694b;
    color: #fff;
    transition: 0.125s
}

.fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
    display: block;
    line-height: 16px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    text-decoration: none;
    font-weight: 700;
    transition: 0.25s
}

.fullscreenBanner-container1, .fullscreenBanner-container1-2016-default, .fullscreenBanner-container1-2016-basic {
    position: absolute;
    z-index: 5;
    display: block;
    left: 0;
    right: 0;
    top: 190px;
    bottom: 240px;
    margin: 0 auto;
    width: 100%;
    max-width: 1400px;
    transition: 0.125s;
    padding: 0 0
}

.fullscreenBanner-container1-bottomEdge {
    top: 0;
    bottom: 5px
}

.fullscreenBanner-container2, .fullscreenBanner-container2-2016-default, .fullscreenBanner-container2-2016-basic {
    display: table;
    width: 100%;
    height: 100%
}

.fullscreenBanner-container3 {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 0 0px
}

.fullscreenBanner-container-leftTop, .fullscreenBanner-container-rightTop {
    vertical-align: middle
}

.fullscreenBanner-container-rightMiddle {
    vertical-align: middle
}

.fullscreenBanner-container-leftMiddle {
    vertical-align: top
}

.fullscreenBanner-container-leftBottom, .fullscreenBanner-container-rightBottom, .fullscreenBanner-container-leftBottom-2016-default {
    vertical-align: bottom
}

.fullscreenBanner-texts {
    position: relative;
    display: block;
    background: #000;
    background: transparent;
    max-width: 1000px;
    padding: 20px 20px 20px 20px;
    transition: 0.125s
}

.fullscreenBanner-texts-new {
    position: absolute;
    z-index: 4;
    display: block;
    max-width: 400px;
    background-color: rgba(75,85,87,0.9);
    bottom: 0;
    left: 20px
}

.fullscreenBanner-container-centerBottom {
    vertical-align: bottom
}

.fullscreenBanner-container-leftTop .fullscreenBanner-texts, .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts, .fullscreenBanner-container-leftBottom .fullscreenBanner-texts {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    text-align: center
}

.fullscreenBanner-container-rightTop .fullscreenBanner-texts, .fullscreenBanner-container-rightMiddle .fullscreenBanner-texts, .fullscreenBanner-container-rightBottom .fullscreenBanner-texts {
    float: right
}

.fullscreenBanner-container-centerBottom .fullscreenBanner-texts {
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

.fullscreenBanner-container-leftMiddle .fullscreenBanner-texts {
    margin-left: 0;
    text-align: left;
    max-width: 480px
}

.fullscreenBanner-texts-title {
    display: block;
    width: 100%;
    font-size: 80px;
    color: #fff;
    font-family: "din-condensed",Arial,Helvetica,sans-serif;
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 105%;
    letter-spacing: 4px;
    text-align: center
}

    .fullscreenBanner-texts-title h1 {
        display: inline
    }

.fullscreenBanner-texts-title-new {
    display: block;
    font-size: 38px;
    font-weight: 700;
    line-height: 90%;
    color: #fff;
    letter-spacing: -0.04em;
    text-transform: uppercase
}

.fullscreenBanner-texts-box-new {
    display: table;
    padding: 0px
}

.fullscreenBanner-texts-toptext {
    display: block;
    font-size: 24px;
    line-height: 115%;
    color: #fff;
    margin-bottom: 20px
}

.fullscreenBanner-texts-text {
    display: block;
    font-size: 24px;
    line-height: 125%;
    color: #fff;
    text-align: center
}

.fullscreenBanner-texts-graphic {
    color: #929497;
    display: block;
    margin-top: 10px
}

    .fullscreenBanner-texts-graphic img {
        max-height: 100px
    }

.fullscreenBanner-texts-button {
    display: inline-block;
    position: relative;
    bottom: -36px;
    height: 50px;
    line-height: 48px;
    padding: 0 20px;
    margin: 0;
    border: 2px solid #fff;
    text-align: center;
    font-size: 17px;
    font-weight: 300;
    color: #fff;
    letter-spacing: 0px;
    text-decoration: none;
    background: transparent;
    transition: 0.25s;
    text-transform: uppercase
}

    .fullscreenBanner-texts-button a {
        display: inline-block;
        color: #fff;
        line-height: 64px;
        height: 66px;
        padding: 0 20px;
        margin: 0 -20px
    }

        .fullscreenBanner-texts-button:hover a, .fullscreenBanner-texts-button a:hover {
            text-decoration: none
        }

.fullscreenBanner-item a:hover .fullscreenBanner-texts-button {
    background: #99694b;
    border-color: #99694b;
    transition: 0.125s
}

.fullscreenBanner-container-leftMiddle .fullscreenBanner-texts-title {
    text-align: left
}

.fullscreenBanner-container-leftMiddle .fullscreenBanner-texts-text {
    text-align: left
}

@media (max-width: 1600px) {
    .fullscreenBanner-container-leftBottom-2016-default {
        left: 0
    }

    .fullscreenBanner-texts-2016-default {
        width: 42%;
        width: calc(40% + 0px)
    }

    .fullscreenBanner-texts-title-2016-default {
        font-size: 38px;
        padding: 0px
    }

    .fullscreenBanner-texts-text-2016-default {
        font-size: 24px;
        padding: 0px 0px
    }

    .fullscreenBanner-texts-button-2016-default {
        padding: 0px 0px
    }

    .fullscreenBanner-texts-title-2016-basic {
        font-size: 28px
    }

    .fullscreenBanner-texts-text-2016-basic {
        font-size: 14px;
        padding-bottom: 0px
    }

    .fullscreenBanner-texts-text-buttonReserve-2016-basic {
        padding-bottom: 30px
    }
}

@media (max-width: 900px) {
    .fullscreenBanner-texts-text-2016-default, .fullscreenBanner-texts-graphic-2016-default, .fullscreenBanner-texts-text-2016-basic, .fullscreenBanner-texts-graphic-2016-basic {
        display: none
    }

    .fullscreenBanner-container3-2016-default, .fullscreenBanner-container3-2016-basic {
        padding: 0
    }

    .fullscreenBanner-texts-2016-default, .fullscreenBanner-texts-2016-basic {
        width: 100%
    }

    .fullscreenBanner-texts-button-2016-default {
        color: #fff;
        background: #99694b;
        background: rgba(153,105,75,0.7)
    }

    .fullscreenBanner-texts-button-2016-basic {
        position: static;
        padding-bottom: 3px;
        background: #99694b
    }

    .fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
        width: 100%
    }

    .fullscreenBanner-2016 .fullscreenBanner-indicators {
        top: 5px;
        bottom: auto
    }

    .fullscreenBanner-2016 .fullscreenBanner-scrollIndicator {
        display: none
    }
}

@media 767px {
    .fullscreenBanner-container1 {
        padding: 0px
    }

    .fullscreenBanner-texts-title-2016-default {
        font-size: 32px;
        padding: 0px
    }

    .fullscreenBanner-texts-title-2016-basic {
        padding: 0px
    }

    .fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
        padding: 0px 0px
    }

    .fullscreenBanner-texts-button-2016-basic {
        padding-bottom: 1px
    }
}

@media (max-width: 450px) {
    .fullscreenBanner-texts-title-2016-default {
        font-size: 24px
    }

    .fullscreenBanner-texts-title-2016-basic {
        font-size: 24px
    }

    .fullscreenBanner-texts-button-2016-default, .fullscreenBanner-texts-button-2016-basic {
        font-size: 10px
    }
}

@media (max-width:960px) {
    .fullscreenBanner {
        margin-bottom: 0
    }
}

@media (max-width: 900px) {
    .fullscreenBanner-texts {
        width: 400px
    }

    .fullscreenBanner-texts-title {
        font-size: 38px
    }
}

@media 767px {
    .fullscreenBanner-container1 {
        max-width: 100%;
        top: auto;
        bottom: 0;
        padding: 0px
    }

    .fullscreenBanner-container2, .fullscreenBanner-container3 {
        display: block;
        padding: 0
    }

    .fullscreenBanner-texts {
        width: 100%;
        min-height: 0;
        float: none;
        padding: 0 !important
    }

    .fullscreenBanner-texts-title {
        font-size: 32px;
        padding: 10px
    }

    .fullscreenBanner-texts-text, .fullscreenBanner-texts-graphic {
        display: none
    }

    .fullscreenBanner-texts-button {
        position: static;
        width: 100%;
        padding: 5px 10px;
        background: #99694b
    }

    .fullscreenBanner-innerImage {
        top: 10px;
        bottom: 0
    }

    .fullscreenBanner-innerImage-inner2 {
        vertical-align: top !important
    }

    .fullscreenBanner-innerImage-bg {
        background-position-y: top !important
    }
}

@media (max-height:400px),(max-width: 450px) {
    .fullscreenBanner-texts-title {
        font-size: 34px
    }

    .fullscreenBanner-texts-text {
        font-size: 20px
    }

        .fullscreenBanner-texts-text br {
            display: none
        }

    .fullscreenBanner-container-leftTop .fullscreenBanner-texts, .fullscreenBanner-container-leftMiddle .fullscreenBanner-texts, .fullscreenBanner-container-leftBottom .fullscreenBanner-texts {
        width: 100% !important;
        padding: 20px 10px 20px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 0px !important
    }
}

@media (max-width: 450px) {
    .fullscreenBanner-texts-title {
        font-size: 34px
    }

    .fullscreenBanner-texts-text {
        font-size: 20px
    }

    .fullscreenBanner-container1 {
        padding: 0 0px
    }

    .fullscreenBanner-texts {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .fullscreenBanner-numIndicator {
        width: 58px !important;
        position: relative !important;
        right: auto !important;
        margin: 0 auto !important
    }

    .fullscreenBanner-nextTitle {
        display: none
    }
}

.sliderNotInitialized .fullscreenBanner-indicators {
    display: none
}

.fullscreenBanner-indicators {
    position: absolute;
    left: 0%;
    right: 0;
    bottom: 20px;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    z-index: 6
}

.fullscreenBanner-indicators-container {
    position: relative;
    left: 0%;
    padding: 0 50px;
    display: none
}

.fullscreenBanner-indicators .indicator {
    d: 0;
    float: left;
    width: 15px;
    cursor: pointer;
    overflow: hidden;
    text-indent: -1000px;
    line-height: 0;
    transition: 0.25s;
    margin-right: 10px
}

    .fullscreenBanner-indicators .indicator i {
        display: block;
        width: 15px;
        height: 15px;
        margin: 14px auto auto auto;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #fff;
        transition: 0.25s
    }

    .fullscreenBanner-indicators .indicator.active i {
        width: 15px;
        height: 15px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background-color: #99694b
    }

    .fullscreenBanner-indicators .indicator:hover i {
        background-color: rgba(153,105,75,0.8)
    }

.fullscreenBanner-dirHolder {
    position: absolute;
    z-index: 101;
    height: 0px;
    bottom: 220px;
    left: 0px;
    right: 0px;
    width: 100%;
    max-width: 400px;
    margin: 0 auto 0 auto
}

.fullscreenBanner-arrow {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 30px;
    line-height: 50px;
    text-align: center;
    transition: 0.25s;
    cursor: pointer;
    position: absolute;
    top: 0;
    margin-top: 0px;
    z-index: 102
}

    .fullscreenBanner-arrow span {
        display: block;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

    .fullscreenBanner-arrow:hover {
        color: #00a;
        transition: 0.125s
    }

    .fullscreenBanner-arrow.fullscreenBanner-arrow-prev {
        left: 0px
    }

        .fullscreenBanner-arrow.fullscreenBanner-arrow-prev span {
            background: transparent url(../images/misc/arrow_left_w.png) no-repeat center;
            background-size: contain
        }

    .fullscreenBanner-arrow.fullscreenBanner-arrow-next {
        right: 0px
    }

        .fullscreenBanner-arrow.fullscreenBanner-arrow-next span {
            background: transparent url(../images/misc/arrow_right_w.png) no-repeat center;
            background-size: contain
        }

.fullscreenBanner-numIndicator {
    position: absolute;
    top: 6px;
    right: 50px;
    z-index: 4;
    color: #fff
}

.fullscreenBanner-numIndicator_line {
    position: relative;
    left: 0px;
    width: 55px;
    border-bottom: solid 1px #fff;
    -webkit-transform: rotate(-50deg);
    -moz-transform: rotate(-50deg);
    -o-transform: rotate(-50deg);
    transform: rotate(-50deg)
}

.fullscreenBanner-numIndicator_current {
    position: relative;
    left: 8px;
    font-size: 18px
}

.fullscreenBanner-numIndicator_total {
    position: relative;
    font-size: 18px;
    right: -36px
}

.fullscreenBanner-nextTitle {
    position: absolute;
    top: 0px;
    left: 60px;
    right: 120px;
    color: #fff;
    font-size: 14px;
    height: 50px
}

.fullscreenBanner-nextTitle_current {
    position: absolute;
    left: 0px;
    right: 0px;
    opacity: 1;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.fullscreenBanner-nextTitle_next {
    position: absolute;
    left: 0px;
    right: 0px;
    opacity: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media (max-width:1120px) {
    .fullscreenBanner-arrow {
        display: none
    }
}

@media (max-width:660px) {
    .fullscreenBanner {
        margin-bottom: 0
    }

    .fullscreenBanner-indicators {
        display: none
    }
}

@media 767px {
    .fullscreenBanner-indicators {
        top: 5px;
        bottom: auto
    }

        .fullscreenBanner-indicators .indicator {
            width: 20px;
            height: 30px
        }

            .fullscreenBanner-indicators .indicator i {
                width: 10px;
                height: 10px;
                margin: 10px auto auto auto;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px
            }

            .fullscreenBanner-indicators .indicator.active i {
                width: 16px;
                height: 16px;
                margin: 7px auto auto auto;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border-radius: 8px
            }

    .fullscreenBanner-scrollIndicator {
        display: none
    }

    .fullscreenBanner-indicators-container {
        padding: 0 10px
    }
}

@-moz-keyframes fullscreenBanner-indicatorAnimation {
    0% {
        padding: 10px 20px 10px 20px
    }
}

@media (min-width: 768px) {
    .nav__main {
        background-color: rgba(255, 255, 255, 0.8);
        /*position: absolute;*/
    }
}

.zi-999 {
    z-index: 999 !important;
}

.menu__button {
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.menu__bar {
    width: 100%;
    height: 2px;
    background: var(--bs-primary);
    position: relative;
    -webkit-transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    -o-transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
}

    .menu__bar::before {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        background: var(--bs-primary);
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
        -webkit-transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        -o-transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    }

    .menu__bar::after {
        content: "";
        width: 100%;
        height: 2px;
        position: absolute;
        background: var(--bs-primary);
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        -o-transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        transition: width 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    }

.menu__button:hover .menu__bar::before {
    width: 50%;
}

.menu__button:hover .menu__bar::after {
    width: 70%;
}

.offcanvas .menu__bar {
    background: transparent;
}

    .offcanvas .menu__bar::before {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: rotate 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        -o-transition: rotate 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        transition: rotate 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    }

    .offcanvas .menu__bar::after {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: rotate 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        -o-transition: rotate 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        transition: rotate 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    }

.offcanvas .menu__button:hover,
.offcanvas .menu__button:focus {
    background: var(--bs-primary);
}

    .offcanvas .menu__button:hover .menu__bar::before,
    .offcanvas .menu__button:hover .menu__bar::after {
        width: 100%;
        background: #ffffff;
        -webkit-transition: background 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        -o-transition: background 0.3s cubic-bezier(0.5, 1, 0.89, 1);
        transition: background 0.3s cubic-bezier(0.5, 1, 0.89, 1);
    }

.animation,
.animation::before,
.animation::after {
    content: "";
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
    animation-timing-function: cubic-bezier(0.5, 1, 0.89, 1);
}

.nav__scroll {
    z-index: 1000;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
}

.menu__close-button {
    width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    left: 20px;
    top: 20px;
    position: absolute;
}

.nav__items {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

    .nav__items a {
        -webkit-transition: color 0.2s ease;
        -o-transition: color 0.2s ease;
        transition: color 0.2s ease;
        text-decoration: none!important;
    }

.nav__item a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 230px;
    height: 5px;
    background: var(--bs-primary);
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    opacity: 0;
}

.nav__items a:hover,
.nav__items a:focus {
}

.nav__item {
    display: grid;
    border-top: 1px solid var(--bs-primary);
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 230px 1fr;
    grid-template-rows: auto;
    position: relative;
}

    .nav__item:last-child {
        border-bottom: 1px solid var(--bs-primary);
    }

.nav__items--depth2 {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: repeat(4, minmax(100px, 1fr));
}

.nav__item--depth2 {
}

.nav__item a:hover:before {
    opacity: 1;
}

.nav__item--depth2 > a:hover,
.nav__item--depth2 > a:focus {
    text-decoration: underline;
}

.border-primary {
    --bs-border-opacity: 1;
    border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.nav__nolink {
    pointer-events: none;
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important;
}

@media (min-width: 1200px) {
    .fs-4 {
        font-size: 1.5rem !important;
    }
}

.fw-semibold {
    font-weight: 600 !important;
}

a {
    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
    text-decoration: underline;
}

@media (min-width: 768px) {
    .justify-content-md-center {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important;
    }
}

@media (min-width: 992px) {
    .ps-lg-3 {
        padding-left: 1rem !important;
    }
}

@media (min-width: 992px) {
    .pb-lg-0 {
        padding-bottom: 0 !important;
    }
}

@media (min-width: 992px) {
    .pe-lg-3 {
        padding-right: 1rem !important;
    }
}

@media (min-width: 992px) {
    .pt-lg-0 {
        padding-top: 0 !important;
    }
}

@media (min-width: 992px) {
    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important;
    }
}

@media (min-width: 992px) {
    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important;
    }
}