/* 
    Colors
   
    Fonts :
    - font-family: 'GillSansMTRegular', sans-serif;
    - font-family: 'Vollkorn', serif;
    - font-family: 'Libre Baskerville', serif;
    - font-family: 'Droid Sans', sans-serif;
    - font-family: 'Old Standard TT', serif;
    - font-family: 'BebasNeue';
*/

html, body {
	margin: 0;
    padding: 0;
    color: #1b1b1b;
}


   ul.hr {
    margin: 0; /* Обнуляем значение отступов */
    padding: 4px; /* Значение полей */
   }
   ul.hr li {
    display: inline; /* Отображать как строчный элемент */
    margin-right: 5px; /* Отступ слева */
    padding: 3px; /* Поля вокруг текста */
   }

body {
    overflow-y: scroll;
}

.clear {
    clear: both;    
}

.tablet {
    display: none!important;
}

.mobile {
    display: none!important;
}

.no_desktop {
    display: none;
}

a {
   outline: 0;
}

.register {
    font-size: 8px;
    line-height: 5px;
}

/* ========================
         STRUCTURE            
========================= */
#content {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.content_center {
    position: relative;
    width: 1090px;
    margin: 0 auto;
}

.wrapper_parent {
    float: left;
    position: relative;
    left: 50%;
}

.wrapper_child {
    float: left;
    position: relative;
    left: -50%;
}

.vertical_align {
    display: table;
    width: 100%;
    height: 100%;
}

.vertical_align_inner {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

/* ========================
         HOME            
========================= */
#home_section {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #3d3d3d;
}

/* ----------------------- */
/*         Pre home        */
/* ----------------------- */
#pre_home {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 99;
    overflow: hidden;
    background: #78d9fd;
}

#pre_home_background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/prehome/background4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

#pre_home_logo {
    position: relative;
    height: 200px;
    width: 100%;
    top: 8%;
}

#pre_home_logo_image {
    display: block;
    position: relative;
    width: 350px;
    height: 200px;
    margin: 0 auto;
}

#pre_home_question_area {
    position: relative;
    top: 50%;
    left: 50%;
    margin-top: -70px;
    margin-left: -200px;
    height: 150px;
    width: 388px;
    /*border: thin solid #ffffff;*/
}

.pre_home_question_trait {
    position: relative;
    margin: 0 auto;
    height: 40px;
    width: 1px;
    background-color: #BB9966;
}

#pre_home_question_text {
    line-height: 150%;
    font-size: 18pt;
    color: #ffffff;
    text-align: center;
    font-family: 'Georgia', serif;
    padding: 30px 0px 0px 0px;
    width: 388px;
    margin: 0 auto;
}

#pre_home_buttons_area {
    position: relative;
    height: 51px;
    width: 100%;
    margin-top: 30px;
}

#pre_home_buttons {
    position: relative;
    width: 140px;
    height: 40px;
    margin: auto auto;
}

.pre_home_buttons_elt {
    position: relative;
    float: left;
    width: 70px;
    height: 51px;
}

.pre_home_buttons_elt_border_trait {
    background-color: #FFFFFF;
}

.pre_home_buttons_elt_border_trait_h {
    width: 51px;
    height: 1px;

    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.pre_home_buttons_elt:hover .pre_home_buttons_elt_border_trait_h {
    width: 0px;
}

.pre_home_buttons_elt_border_trait_v {
    width: 1px;
    height: 51px;

    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.pre_home_buttons_elt:hover .pre_home_buttons_elt_border_trait_v {
    height: 0px;
}

.pre_home_buttons_elt:hover {
    cursor: pointer;
}

.pre_home_buttons_elt_text {
    position: absolute;
    top: 0;
    left: 0;
    width: 51px;
    height: 51px;
    font-size: 13pt;
    font-family: "GillSansMTRegular", sans-serif;
    color: #ffffff;
    text-align: center;
}

.pre_home_buttons_elt:hover .pre_home_buttons_elt_text {
    color: #31699b;
}

#pre_home_buttons_no_click a {
	text-decoration: none;
	color: #ffffff;
}

#pre_home_buttons_no_click a:hover {
	color: #31699b;
}

/* ----------------------- */
/*       Home content      */
/* ----------------------- */
#home_content {
	position: relative;
    width: 100%;
    height: 100%;
    background-color: #3e3e3e;
    z-index: 10;
    overflow: hidden;
}

#home_background {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/theme/home_background1.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

#home_content_logo {
    position: absolute;
    height: 200px;
    width: 100%;
    top: 13%;
    z-index: 10;
}

@media (min-width:1024px) and (max-height: 780px) {
    #home_content_logo {
        top: 10%;
    }
}

@media (min-width:1024px) and (max-height: 730px) {
    #home_content_logo {
        top: 7%;
    }
}

@media (min-width:1024px) and (max-height: 680px) {
    #home_content_logo {
        top: 4%;
    }
}

#home_content_logo_image {
    display: block;
    position: relative;
    width: 200px;
    height: 67px;
    margin: 0 auto;
}

#home_content_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#home_content_slider_points {
    position: absolute;
    width: 100%;
    height: 8px;
    top: 50%;
    z-index: 10;
}

.home_content_slider_points_elt {
    float: left;
    width: 6px;
    height: 6px;
    margin-left: 19px;
    background-color: #a68e72;
    border-radius: 3px;
}

.home_content_slider_points_elt.active {
    background-color: #684f42;
}

.home_content_slider_points_elt:first-child {
    margin-left: 0;
}

#home_content_slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.home_content_slider_elt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 5;
}

.home_content_slider_elt_center {
    text-align: center;
}

.home_content_slider_elt_background_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.home_content_slider_elt_title {
    position: relative;
    font-size: 35pt;
    font-family: 'Georgia', serif;
    color: #008ad2;
    text-align: center;
	margin: 0 auto;
    margin-top: 50px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.active .home_content_slider_elt_title {
    opacity: 1;
}

.home_content_slider_elt_svg {
    width: 510px;
    max-width: 100%;
}

.home_content_slider_elt_subtitle {
    position: relative;
    font-size: 15pt;
    text-align: center;
    color: #FFFFFF;
    opacity: 0;
    font-family: 'Georgia', serif;
    margin-top: 30px;
    margin: 0 auto;
    line-height: 150%;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.active .home_content_slider_elt_subtitle {
    opacity: 1;
}

.home_content_slider_elt_uptitle {
    position: relative;
    font-size: 40px;
    font-family: 'Libre Baskerville', serif;
    color: #BB9966;
    text-align: center;
    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.active .home_content_slider_elt_uptitle {
    opacity: 1;
}

.home_content_slider_elt_liseret {
    position: relative;
    width: 54px;
    height: 2px;
    margin: 0 auto;
    margin-top: 32px;
    background-color: #FFFFFF;
    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.active .home_content_slider_elt_liseret {
    opacity: 1;
}

.home_content_slider_elt_text {
    position: relative;
    width: 615px;
    margin: 0 auto;
    margin-top: 30px;
    font-size: 15px;
    color: #d2d2d2;
    line-height: 22px;
    font-family: 'Droid Sans', sans-serif;
    opacity: 0;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.active .home_content_slider_elt_text {
    opacity: 1;
}

.slider_arrow {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 18px;
    height: 31px;
    cursor: pointer;
    z-index: 10;
}

#btn_slider_right {
    right: 8%;
    background: url(../images/theme/slider_arrow_right.png) no-repeat;
}

#btn_slider_right:hover {
    background: url(../images/theme/slider_arrow_right_hover.png) no-repeat;
}

#btn_slider_left {
    left: 8%;
    background: url(../images/theme/slider_arrow_left.png) no-repeat;
}

#btn_slider_left:hover {
    background: url(../images/theme/slider_arrow_left_hover.png) no-repeat;
}

#scroll_down {
    position: absolute;
    top: 92%;
    left: 49%;
    margin: 0 auto;
    height: 18px;
    width: 31px;
    background: url(../images/theme/scroll_down_arrow.png) bottom no-repeat;
    cursor: pointer;
    padding-top: 0;
    z-index: 10;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#scroll_down:hover {
    padding-top: 15px!important;
}

#bottle_home_img {
    display: block;
    position: absolute;
    left: -200px;
    bottom: -130px;
    z-index: 10;
}

/* ========================
         CONTENT            
========================= */

#page_content {
    position: relative;
    min-height: 800px;
    background-color: #f7f7f7;
    overflow: hidden;
}

/* ----------------------- */
/*            Menu         */
/* ----------------------- */
#page_content_menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background-color: #FFFFFF;
    border-bottom: 1px solid #eaeaea;
    z-index: 100;
}

.display #page_content_menu {
    position: fixed;
}

#page_content_menu_logo {
    display: block;
    width: 220px;
    height: 65px;
    padding: 22px 0px;
    padding-top: 27px;
}

#page_content_menu_links {
    position: absolute;
    top: 52px;
    right: 0px;
    line-height: 18px;
    font-family: "GillSansMTRegular", sans-serif;
}

.page_content_menu_links_elt {
    float: left;
    margin-left: 23px;
    font-size: 11px;
    text-transform: uppercase;
    color: #888888;
    cursor: pointer;
}

.page_content_menu_links_elt:hover {
    color: #000000;
}

.page_content_menu_links_social {
    width: 18px;
    height: 18px;
}

#facebook_link {
    margin-left: 40px;
}

.page_content_menu_links_social .page_content_menu_links_social_image {
    opacity: 0.3;
}

.page_content_menu_links_social:hover .page_content_menu_links_social_image {
    opacity: 1;
}

.page_content_menu_links_social_svg {
    width: 18px;
    height: 18px;
    fill: #888888;
    transition: .3s ease-in-out;
}
.page_content_menu_links_social_svg:hover {
    fill: #000000;
    transition: .1s ease-in-out;
}

/* ----------------------- */
/*          History        */
/* ----------------------- */
#history {
    padding-top: 200px;
}

.content_title {
    position: relative;
    width: 100%;
}

h1, h2, h3 {
    font-weight: normal;
}
.content_title_text {
    font-size: 35pt;
    color: #BB9966;
    line-height: 150%;
    text-align: center;
    font-family: 'Georgia', serif;
}

.content_title_trait {
    width: 1px;
    height: 20px;
    margin: 0 auto;
    background-color: #BB9966;
}

#history_top {
    padding-bottom: 100px;
}

#history_top_subtitle {
    position: relative;
    font-size: 16px;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 72px;
    font-family: 'GillSansMTRegular', sans-serif;
    color: #888888;
}

#history_top_image {
    display: block;
    width: 300px;
    height: 175px;
    margin: 80px auto 0px;
}

#history_top_text {
    font-size: 13pt;
    color: #888888;
    line-height: 29px;
    width: 625px;
    text-align: center;
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 90px;
    font-family: 'GillSansMTRegular', sans-serif;
}

.history_border_top {
    position: absolute;
    top: 58px;
}

.history_border_bottom {
    position: absolute;
    bottom: 0;
}

#history_bottom {
    background-color: #f7f7f7;
    padding-top: 100px;
    padding-bottom: 50px;
}

#history_border_top_left, #history_border_bottom_left  {
    left: 0;
}

#history_border_top_right, #history_border_bottom_right {
    right: 0;
}

#scroll_down_history {
    position: absolute;
    top: 86%;
    left: 50%;
    margin-left: -15px;
    height: 18px;
    width: 31px;
    background: url(../images/theme/scroll_down_arrow_mainpage.png) bottom no-repeat;
    cursor: pointer;
    padding-top: 70px;
    z-index: 10;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#scroll_down_history:hover {
    padding-top: 85px!important;
}

/* ----------------------- */
/*         Timeline        */
/* ----------------------- */
#timeline {
    position: relative;
    height: 100px;
    width: 600px;
    margin: 0 auto;
    margin-top: 80px;
}

#timeline_parent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100px;
    overflow: hidden;
}

#timeline_content {
    position: absolute;
    top: 0;
    left: 0;
    width: 1670px;
    height: 100px;
}

.timeline_arrow {
	position: absolute;
	top: 50px;
	width: 18px;
	height: 31px;
	cursor: pointer;
}

#timeline_arrow_left {
    left: -90px;
    background: url(../images/theme/slider_arrow_left.png) no-repeat;
}

#timeline_arrow_right {
	right: -90px;
    background: url(../images/theme/slider_arrow_right.png) no-repeat;
}

.button_box {
    background:url(../images/theme/slider_arrow_right.png) no-repeat scroll 85px;
    background-position: center right;
    font-weight:bold;
    padding:8px 25px 8px 8px;
    margin:10px;
    width:max-content;
    display:inline-block;
}

.button_box_mobile {
    background:url(../images/theme/slider_arrow_right.png) no-repeat scroll 85px;
    background-position: center right;
    font-weight:bold;
    padding:2px 25px 2px 8px;
    margin:2px;
    width:max-content;
    display:inline-block;
}


#timeline_arrow_right:hover, #timeline_arrow_left:hover {
	-webkit-animation: nextArrow .7s infinite ease-in-out;
  animation: nextArrow .7s infinite ease-in-out;
}
.timeline_mask {
    display: block;
    position: absolute;
    top: 0;
    width: 30px;
    height: 100px;
    z-index: 99;
}

#timeline_mask_left {
    left: 0px;
}

#timeline_mask_right {
    right: 0px;
}

#timeline_line {
    position: relative;
    height: 100%;
    width: 100%;
    background: url(../images/theme/timeline_background.jpg) center 77px repeat-x;
}

#timeline_area {
    position: absolute;
    bottom: 15px;
    left: 0;
    width: 100%;
}

.timeline_date {
    position: relative;
    float: left;
    height: 100px;
    width: 40px;
    margin-left: 27px;
    font-size: 16px;
    color: #cccccc;
    cursor: pointer;
    background: url(../images/theme/timeline_date_background.jpg) center 88px no-repeat;

    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.timeline_date:hover, .timeline_date.active  {
    font-size: 35px;
    width: 130px;
    color: #000000;
    background: url(../images/theme/timeline_date_background_hover.jpg) center 85px no-repeat;
}

.timeline_date:first-child {
    margin-left: 0;
}

.timeline_date_big {
    width: 100px;
}

.timeline_date_big:hover, .timeline_date_big.active  {
    font-size: 35px;
    width: 240px;
    color: #000000;
    background: url(../images/theme/timeline_date_background_hover.jpg) center 85px no-repeat;
}

.timeline_date_big:first-child {
    margin-left: 0;
}

.timeline_date_content {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 15px;
    font-family: 'Georgia', serif;
    /*font-family: 'Old Standard TT', serif;*/
}

.timeline_date:hover .timeline_date_content, .timeline_date.active .timeline_date_content {
    bottom: 30px;
    /*font-weight: bold;*/
}

.timeline_date_text {
    display: none;
    font-family: 'Vollkorn', serif;
}

#date_text {
    margin: 0 auto;
    margin-top: 80px;
    width: 570px;
    font-size: 13pt;
    text-align: center;
    color: #888888;
    font-family: 'GillSansMTRegular', sans-serif;
    line-height: 150%;
}

/* ----------------------- */
/*           Quote         */
/* ----------------------- */

#quote {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

#quote_background {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/theme/quote_background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

#quote_content {
    position: relative;    
    margin: 0px;
    padding: 150px;
}

.quote_content_quote {
    display: block;
    width: 27px;
    height: 23px;
    margin: 0 auto;
}

#quote_content_top {
    margin-bottom: 30px;
}

#quote_content_text {
    font-size: 18pt;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Georgia', serif;
    text-shadow: 1px 1px 2px #000000;
}

/* ----------------------- */
/*           Craft         */
/* ----------------------- */
#craft {
    padding-top: 178px;
    background-color: #FFFFFF;
}

#craft_content {
    position: relative;
    width: 600px;
    margin: 0 auto;
}

#craft_text {
    font-size: 13pt;
    color: #888888;
    line-height: 150%;
    text-align: center;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 135px;
    font-family: 'GillSansMTRegular', sans-serif;
    width: 500px;
}

.craft_glace {
    position: absolute;
    bottom: 0;
}

#glace1_image {
    left: -400px;
}

#glace2_image {
    right: -400px;
}

/* ----------------------- */
/*          Factor         */
/* ----------------------- */
#factor {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #000000;
}

.factor_elt {
    position: relative;
}

.factor_left {
    float: left;
    width: 50%;
}

.factor_right {
    position: relative;
    float: left;
    width: 50%;
}

.factor_content_title {
    font-size: 15pt;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 24px;
    font-family: 'GillSansMTRegular', sans-serif;
    font-weight: bold;
    text-align: center;
}

.button_content_title {
    font-size: 14pt;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 20px;
    font-family: 'GillSansMTRegular', sans-serif;
    font-weight: bold;
    text-align: center;
}

.button_content_title_mobile {
    font-size: 14pt;
    text-transform: uppercase;
    color: #FFFFFF;
    line-height: 20px;
    font-family: 'GillSansMTRegular', sans-serif;
    font-weight: bold;
    text-align: center;
}

.button_blue {
    position: absolute;
    top: 87%;
    width:100%;
    margin: 0 auto;
    cursor: pointer;
    padding-top: 0;
    z-index: 10;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
}

.button_content_title_blue {
    font-size: 14pt;
    text-transform: uppercase;
    color: #008ad2;
    line-height: 20px;
    font-family: 'GillSansMTRegular', sans-serif;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
}

.factor_content_text {
    font-size: 13pt;
    color: #DDDDDD;
    line-height: 32px;
    font-family: 'GillSansMTRegular', sans-serif;
    text-align: center;
    width: 460px;
    margin: 0 auto;
    margin-top: 35px;
}

.factor_content_text p {
    margin-top: 28px;
}

.factor_content_text p:first-child {
    margin-top: 0;
}

.factor_content_text_link {
    font-size: 15pt;
    color: #DDDDDD;
    line-height: 32px;
    font-family: 'GillSansMTRegular', sans-serif;
    text-decoration: none;
    transition: .3s ease-in-out;
}
.factor_content_text_link:first-of-type {
    margin-right: 50px;
}
.factor_content_text_link:hover {
    color: #fff;
    transition: .1s ease-in-out;
}

.factor_content {
    background-color: #000000;
    text-align: center;
}

.factor_content_red {
    background-color: #B22222;
    text-align: center;
}

.factor_content_center {
    width: 450px;
    margin: 0 auto;
}

.button_content_center {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.button_content_center_mobile {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}


.factor_image_parent {
    position: relative;
    overflow: hidden;
}

.factor_image {
    position: absolute;
    top: 0;
    left: 0;
}

#factor_number {
    position: absolute;
    top: 124px;
    left: 50%;
    margin-left: -55px;
    background: url(../images/theme/factor_number_background.png) no-repeat;
    background-size: 110px 110px;
    width: 110px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    font-size: 25px;
    color: #BB9966;
    z-index: 11;
    font-family: 'Georgia', serif;
    overflow: hidden;
}

.factor_number_elt {
    position: absolute;
    /*top: 0;*/
    left: 0;
    height: 110px;
    width: 110px;
    line-height: 110px;
}

#factor_number_1 {
    top: 0;
}

#factor_number_2 {
    top: 110px;
}


#factor_number_3 {
    top: 110px;
}

#factor_number_4 {
    top: 110px;
}

/* Factor 1 */


#factor_1 {
    height: 920px;
}

#factor_1_left_1 {
    width: 100%;
    height: 400px;
}

#factor_1_left_2 {
    width: 100%;
    height: 520px;
}

#factor_1_right_1 {
    width: 100%;
    height: 920px;
}

/* Factor 2 */

#factor_2 {
    height: 1030px;
}

#factor_2_left_1 {
    height: 1030px;
    width: 100%;
}

#factor_2_right_1 {
    height: 515px;
}

#factor_2_right_2 {
    height: 515px;
}

/* Factor 3 */

#factor_3 {
    height: 1080px;
}

#factor_3_left_1 {
    height: 560px;
    width: 100%;
}

#factor_3_left_2 {
    height: 520px;
    width: 100%;
}

#factor_3_right_1 {
    height: 1080px;
    width: 100%;
}

/* Factor 4 */ 

#factor_4 {
    height: 1030px;
}

#factor_4_left_1 {
    height: 1030px;
    width: 100%;
}

#factor_4_right_1 {
    height: 515px;
}

#factor_4_right_2 {
    height: 515px;
}


/* ----------------------- */
/*         Cocktails       */
/* ----------------------- */
.cocktails {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.cocktails__header {
    padding: 80px 10px;
    background: #fff;
}

.cocktails-item {
    width: 50%;
    position: relative;
    font-size: 0;
}

.cocktails-item__img {
    max-width: 100%;
}

.cocktails-item__desc {
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    z-index: 99;
    background-color: #BB9966;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;    
    font-family: 'GillSansMTRegular', sans-serif;
    font-size: 1rem;
}

.cocktails-item:nth-of-type(2n+1) .cocktails-item__desc {
    right: -100%;
}

.cocktails-item:nth-of-type(2n+1) .cocktails-item__desc::before {
    content: '<';
    font-family: monospace;
    font-size: 25px;
    padding: 10px;
    position: absolute;
    top: calc(50% - 25px);
    left: 10px;
}

.cocktails-item:nth-of-type(2n) .cocktails-item__desc {
    left: -100%;
}

.cocktails-item:nth-of-type(2n) .cocktails-item__desc::after {
    content: '>';
    font-family: monospace;
    font-size: 25px;
    padding: 10px;
    position: absolute;
    top: calc(50% - 25px);
    right: 10px;
}

.cocktails-item img:hover + .cocktails-item__desc {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    padding: 20px;
}


.cocktails-item__desc li {
    padding: 3px 0px;
}

@media (max-width: 960px) {
    .cocktails {
        flex-direction: column;
    }

    .cocktails-item {
        width: 100%;
    }

    .cocktails-item__desc li {
        padding: 1px 0px;
    }

    .cocktails-item__desc lavel {
        max-width: 400px;
    }

    .cocktails-item:nth-of-type(2n) .cocktails-item__desc {
        left: 0;
    }

    .cocktails-item:nth-of-type(2n) .cocktails-item__desc::after {
        display: none;
    }

    .cocktails-item:nth-of-type(2n+1) .cocktails-item__desc::before {
        display: none;
     }

    .cocktails-item:nth-of-type(2n+1) .cocktails-item__desc {
        right: 0;
    }

    .cocktails-item:hover .cocktails-item__desc {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        padding: 20px;
    }    
}

@media (max-width: 480px) {
    .cocktails-item__desc {
        font-size: 12px;
    }

    .cocktails-item__title {
        font-size: 16px;
    }
}

.cocktails-item__desc ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 13pt;
    line-height: 24px;
    font-family: 'GillSansMTRegular', sans-serif;
    text-align: center;
    width: 460px;
    max-width: 100%;
}

.cocktails-item__desc p {
    font-size: 13pt;
    line-height: 24px;
    font-family: 'GillSansMTRegular', sans-serif;
    text-align: center;
    width: 460px;
    max-width: 100%;
}

.cocktails-item__title {
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}

#cocktail {
    padding-top: 80px;
    background-color: #ffffff;
}

#cocktail_title {
	background-color: #ffffff;
}

#cocktail_subtitle {
    margin-top: 45px;
    font-size: 13pt;
    text-align: center;
    font-family: 'GillSansMTRegular', sans-serif;
    line-height: 150%;
    color: #888888;
    background-color: #ffffff;
}

#cocktail_slider {
    position: relative;
    width: 100%;
    height: 920px;
    margin-top: 65px;
    text-align: center;
}

.cs_description ul, .cs_description_mobile ul {
	padding: 0px;
}

.cs_description ul li, .cs_description_mobile ul li {
color: #000000;
list-style-type: none;
}

.cs_description ul li:before, .cs_description_mobile ul li:before {
content: '\2022';
color: #978266;
padding-right: 0.5em;
}

@media (max-width: 500px) {
    .cocktails-item__desc ul {
        width: auto;
        font-size: 11pt;
        line-height: 16px;
    }
    .cocktails-item__desc p {
        width: auto;
        font-size: 11pt;
        line-height: 20px;
    }
}

@media (max-width: 400px) {
    .cocktails-item__desc {
        font-size: 6px;
    }
    .cocktails-item__desc ul {
        font-size: 11pt;
        line-height: 14px;
    }
    .cocktails-item__desc p {
        font-size: 9pt;
        line-height: 16px;
    }
}

/* ----------------------- */
/*            Map          */
/* ----------------------- */
#map {
    position: relative;
    width: 100%;
    height: 900px;
    overflow: hidden;
}

#map_background {
    width: 1600px;
    height: 907px;
}

#map_bottles {
    position: absolute;
    top: 110px;
    left: 50%;
    height: 700px;
    margin-left: -500px;
}

#map_content {
    position: absolute;
    top: 75px;
    left: 50%;
    width: 50%;
}

#map_content_title {
    font-size: 48px;
    color: #BB9966;
    font-family: 'Georgia', serif;
    /*font-family: 'Libre Baskerville', serif;*/
    margin-top: 80px;
}

#map_content_subtitle {
    font-size: 19px;
    font-family: 'Georgia', serif;
    /*font-family: 'Libre Baskerville', serif;*/
    color: #888888;
    margin-top: 12px;
}

#map_content_bottom_subtitle {
    font-size: 35px;
    margin-top: 50px;
    font-family: 'Georgia', serif;
    color: #BB9966;
}

#map_text1 {
    font-size: 35px;
    margin-top: 50px;
    font-family: 'Georgia', serif;
    color: #888888;
}

#map_text2 {
    font-size: 16px;
    margin-top: 15px;
    font-family: 'GillSansMTRegular', sans-serif;
    color: #888888;
}

#scroll_down_map {
    position: absolute;
    height: 18px;
    width: 31px;
    background: url(../images/theme/scroll_down_arrow_mainpage.png) bottom no-repeat;
    cursor: pointer;
    padding-top: 70px;
    margin-left: 280px;
    z-index: 10;

    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

#scroll_down_map:hover {
    padding-top: 85px!important;
}

#map_liseret {
    width: 55px;
    height: 1px;
    margin-top: 30px;
    background-color: #888888;
}

#map_text3 {
    font-size: 13pt;
    margin-top: 30px;
    line-height: 200%;
    font-family: 'GillSansMTRegular', sans-serif;
    color: #888888;
}

#map-canvas, #panel { 
	height: 500px; 
}

#panel { 
	width: 300px; float: left; margin-right: 10px; 
}
#panel .feature-filter label { 
	width: 130px; 
}

p.attribution, p.attribution a { 
	color: #666; 
	font-family: 'GillSansMTRegular', sans-serif;
    color: #888888;
    font-size: 12pt;
}

/* ----------------------- */
/*         Contact         */
/* ----------------------- */
#contact {
    padding-top: 100px;
    padding-bottom: 130px;
    background-color: #FFFFFF;
}

#contact_subtitle {
    position: relative;
    font-size: 16px;
    color: #202020;
    line-height: 22px;
    margin-top: 45px;
    text-align: center;
    font-family: 'GillSansMTRegular', sans-serif;
    color: #888888;
}

#contact_form {
    position: relative;
    width: 846px;
    margin: 0 auto;
    margin-top: 120px;
    color: #888888;
}

#contact_form_line1 {
    position: relative;
    width: 100%;
}

.contact_form_line1_elt {
    float: left;
    width: 30%;
    margin-left: 4%;
    color: #888888;
}

.contact_form_line1_elt:first-child {
    margin-left: 0;
}

.contact_form_line1_elt input {
    background: transparent;
    height: 30px;
    line-height: 30px;
    padding-bottom: 15px;
    font-size: 16px;
    font-family: 'Georgia', serif;
    text-align: center;
    border: none;
    color: #888888;
    width: 100%;
}

.contact_form_line_name {
    border-top: 1px solid #9c9c9c;
    padding-top: 11px;
    color: #9c9c9c;
    font-size: 16px;
    font-family: 'Georgia', serif;
    text-align: center;
    cursor: pointer;
}

textarea:focus, input:focus{
    outline: 0;
}

#contact_form_line2 {
    margin-top: 105px;
}

#contact_form_line2 textarea {
    background: transparent;
    font-size: 16px;
    font-family: 'Georgia', serif;
    text-align: center;
    border: none;
    width: 100%;
    color: #9c9c9c;
    resize: none;
}

#contactAjaxSubmit {
    display: none;
}

#contact_form_line3 {
    margin-top: 80px;
}

.contact_info {
    position: relative;
    float: left;
    width: 33%;
    text-align: center;
}

.contact_info_title {
    color: #9c9c9c;
    font-family: 'GillSansMTRegular', sans-serif;
    font-size: 12px;
}

.contact_info_text {
    color: #BB9966;
    font-family: 'Georgia', sans-serif;
    font-size: 13pt;
    margin-top: 17px;
}

#phone_number{
	text-decoration: none;
	color: #BB9966;
}

.contact_info_text span {
    font-size: 15pt;
}

.contact_btn {
    width: 104px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #9c9c9c;
    font-size: 16px;
    color: #9c9c9c;
    text-align: center;
    margin: 0 auto;
    cursor: pointer;
}

.contact_btn:hover {
    border: 1px solid #BB9966;
    color: #BB9966;
}

#contact_form_result {
    position: relative;
    color: #9c9c9c;
    text-align: center;
    margin-top: 40px;
    font-family: 'GillSansMTRegular', sans-serif;
    font-size: 14px;
}

#contact_premium {
    position: relative;
    width: 650px;
    margin: 0 auto;
    margin-top: 150px;
    text-align: center;
}

#contact_premium_title {
    font-size: 13pt;
    color: #BB9966;
    font-family: "Georgia", serif;
}

#contact_premium_text {
    font-size: 11pt;
    color: #9c9c9c;
    font-family: "GillSansMTRegular", sans-serif;
    line-height: 30px;
    margin-top: 20px;
}

#copyright_text {
    font-size: 9pt;
    color: #9c9c9c;
    font-family: "Georgia", sans-serif;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 30px;
}

#copyright_text span {
    font-size: 11pt;
}

/* ----------------------- */
/*          Footer         */
/* ----------------------- */
#footer {
    width: 100%;
    height: 400px;
}

#footer_background  {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/theme/footer_background.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

#footer_content {
	position: relative;    
    margin: 0px;
}

#footer_content_text {
    font-size: 18pt;
    line-height: 150%;
    text-align: center;
    color: #FFFFFF;
    font-family: 'Georgia', serif;
    text-shadow: 1px 1px 2px #000000;
    padding-top: 175px;
}

#contact_title {
	margin-top: 100px;
}

.footer_contact_info {
    font-size: 11px;
    margin-top: 35px;
    font-family: 'Libre Baskerville', serif;
}

.footer_contact_info_title {
    color: #FFFFFF
}

.footer_contact_info_value {
    color: #BB9966;
    margin-top: 12px;
}

#footer_contact_text {
    font-size: 13px;
    color: #848789;
    width: 370px;
    margin: 0 auto;
    margin-top: 80px;
    line-height: 32px;
    font-family: 'GillSansMTRegular', sans-serif;
}

#footer_bottom {
    position: relative;
    font-size: 13px;
    color: #FFFFFF;
    font-family: 'GillSansMTRegular', sans-serif;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 24px;
}

#footer_bottom a {
    text-decoration: none;
    color: #FFFFFF;
}

#footer_bottom a:hover {
    color: #848789;
}


#tast_img {
    position: relative;
    display: block;
    width: 300px;
    height: auto;
    margin: 10px auto;
}

@media (max-width: 768px) {
    .snowbg-nomobile {
        display: none !important;
    }
}

/* ---------- Textarea autosize ----------- */
.animated {
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

/* ========================
    RESPONSIVE horizontal
========================== */
@media screen and (max-width: 1310px) {
    
}

img.lazy {
    max-width: 100%;
}