a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

.swipe {
    position: relative;
}
.swipe-wrap {
    position: relative;
}
.swipe-wrap > div {
    display: block;
    float: left;
    width: 100%;
    position: relative;
}

.bar-pack-header-mobile {
    display: none;
}

.circles {
    display: none;
}

html { 
    background: #c7bb99;
}

body {
    font-family: "proxima-nova";
    font-weight: normal;
    font-size: 12px;
    color: #000;
}

input,
select {
    font-family: "proxima-nova";
    font-weight: normal;
}

html.vyhercovia {
    
}

textarea {
    font-family: "proxima-nova";
    font-weight: normal;
}

strong {
    font-weight: 700;
}

input:required {
    box-shadow: none !important;
}
input:invalid {
    box-shadow: none !important;
}

.datepicker--day-name {
    color: #4EB5E6;
}

.form-register,
.form-upload {
    position: relative;
}

.register_company_question {
    position: absolute;
    right: 0;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 30px;
    background: #0065c3;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
}

.register_company_question:hover {
    color: #ffc700;
}

.tooltipster-sidetip .tooltipster-box {
    background: #fff;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #fff;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #fff;
}

.tooltipster-sidetip .tooltipster-content {
    font-weight: bold;
    color: #cd131e;
}

.fullscreen {
    width: 100%;
    min-height: 100vh;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url(/2020/lipton-bg-v1.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.bar-menu {
    width: 100%;
    height: 120px;
    position: fixed;
    left: 0;
    top: 0;
    background: #c20e1a;
    z-index: 2;
    /*
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    */
}
.bar-menu .center {
    max-width: 1146px;
    margin: auto;
    height: 120px;
    position: relative;
    text-align: right;
}
.bar-menu .center > a,
.bar-menu .center > a:visited {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-decoration: none;
}
.bar-menu .center > a:hover {
    
}
.bar-menu .center > a span {
    color: #fce62e;
}
.bar-menu .center > a.menu-home {
    float: left;
    margin-top: 20px;
    color: #fff;
    line-height: 84px;
}

.bar-menu .center > a.menu-home img {
    float: left;
    padding-right: 20px;
}

.bar-menu .center > a.menu-link,
.bar-menu .center > a.menu-link:visited {
    font-size: 20px;
    font-weight: 400;
    padding-left: 20px;
    cursor: pointer;
    padding: 10px;
    margin-top: 40px;
    display: inline-block;
}
.bar-menu .center > a.menu-link:hover {
    text-decoration: underline;
}

.bar-menu .center > a.menu-link.menu-link-2,
.bar-menu .center > a.menu-link.menu-link-2:visited {
    border: 3px solid #fce62e;
    text-decoration: none !Important;
    color: #fff;
}

.bar-menu .center > a.menu-link.menu-link-2:hover {
    background: #fce62e;
    color: #c20e1a;
}

.bar-menu .center .menu-open {
    display: none;

    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 30px;
    background: #ff1b40;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 65px;
    padding-left: 1px;
    box-sizing: border-box;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    z-index: 1;  
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.bar-menu .center .menu-close {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 0;
    top: 30px;
    background: #ff1b40;
    color: #fff;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    line-height: 64px;
    box-sizing: border-box;
    text-align: center;
    font-size: 30px;
    cursor: pointer;
    z-index: 1;    
    display: none;
}

body.menu-open .menu-open {
    display: none;
}
body.menu-open .bar-menu .center .menu-close {
    display: block;
}
body.menu-open .bar-menu .sidebar {
    display: block;
}

body.scroll .bar-menu {
    /*background: none;*/
    height: 120px;
}
body.scroll .bar-menu .center > a {
    /*display: none;*/
}
body.scroll .bar-menu .center .menu-open {
    background: #ff1b40;
    color: #fff;
}
body.scroll .bar-menu .center .menu-close {
    background: #ff1b40;
    color: #fff;
}

.sidebar-center {
    max-width: 1146px;
    margin: auto;
}
.sidebar {
    width: 279px;
    position: absolute;
    margin: auto;
    top: 110px;
    right: 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 99999;
    background: #ff1b40;
    box-sizing: border-box;
    padding-top: 20px;
    display: none;
}
.sidebar a,
.sidebar a:visited {
    width: 200px;
    margin: auto;
    display: block;
    text-align: center;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    font-size: 24px;
    color: #fff;
    border-bottom: 1px solid #ff1b40;
}
.sidebar a:last-child {
    margin-bottom: 20px;
    border-bottom: 0;
}

.bar-menu-clear {
    width: 100%;
    height: 120px;
}

.bar-pack {
    max-width: 1176px;
    margin: 0 auto 34px auto;
    padding-top: 0px;
    position: relative;
    text-align: center;
}
.bar-pack img {
    width: auto;
    height: auto;
    max-width: 100%;
}

.bar-pack > a {
    position: absolute;
    display: block;
}

.bar-pack a.link-apple {
    width: 50%;
    height: 100%;
    cursor: pointer;
    top: auto;
    bottom: 0%;
    left: 0%;
}

.bar-pack a.link-garmin {
    width: 25%;
    height: 75%;
    cursor: pointer;
    top: auto;
    bottom: 0%;
    left: 75%;
}

.bar-pack a.link-gopro {
    width: 25%;
    height: 100%;
    cursor: pointer;
    top: auto;
    bottom: 0%;
    left: 50%;
}


.bar-pack-text {
    width: 100%;
    color: #fff;
    font-weight: 900;
    font-size: 72px;
    line-height: 69px;
    text-align: center;
    margin-bottom: 0px;
    padding-top: 122px;
    padding-bottom: 25px;
    font-family: "proxima-nova";
    /*text-shadow: 0px -4px 8px rgba(0,0,0,0.67);*/
}

.bar-termin {
    width: 1126px;
    height: 1px;
    margin: auto;
    position: relative;
}

.bar-termin img {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 32px;
}

.bar-pack-sub {
    width: 100%;
    color: #c20e1a;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    padding-bottom: 12px;
    font-family: "proxima-nova";
    font-weight: 900;
}

.bar-pack-text span {
    color: #c20e1a;
}

.title-center {
    width: 100%;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-weight: bold;
    font-size: 60px;
    text-align: center;
    margin-bottom: 0px;
    font-family: "proxima-nova";
}
.title-center.title-center-ako {
    margin-bottom: 40px;
}

.text-center {
    margin: 0 auto 40px auto;
    max-width: 1010px;
    line-height: 40px;
    color: #fff;
    font-size: 32px;
    text-align: center;
}
.text-center .yellow {
    color: #6d6653;
}
.text-center .black {
    font-weight: 900;
}
.text-center a,
.text-center a:visited {
    color: #6d6653;
    text-decoration: none;
    font-weight: 700;
}
.text-center a.original,
.text-center a.original:visited {
    color: inherit;
}
.text-center a:hover {
    text-decoration: underline;
}

.bar-tabs {
    max-width: 1146px;
    margin: 0 auto 0 auto;
}
.bar-tabs .swipe-wrap > div {
    max-width: 368px;
    margin-right: 21px;
    text-align: center;
}
.bar-tabs .swipe-wrap > div:last-child {
    margin-right: 0;
}
.bar-tabs .swipe-wrap .tab .circle {
    width: 200px;
    height: 200px;
    margin: auto;
    background: #c20e1a;
    color: #fff;
    font-weight: 900;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    padding-top: 60px;
    box-sizing: border-box;
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;
    text-align: center;
    position: relative;

    -webkit-box-shadow: 0px 0px 60px 0px rgba(89,83,84,1);
    -moz-box-shadow: 0px 0px 60px 0px rgba(89,83,84,1);
    box-shadow: 0px 0px 60px 0px rgba(89,83,84,1);
}

.bar-tabs .swipe-wrap .tab .circle span {
    display: block;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fce62e;
    text-align: center;
    color: #fff;
    font-size: 44px;
    font-weight: 700;
    top: 0;
    margin-top: -35px;
    left: calc(50% - 35px);
    border-radius: 70px;
    line-height: 70px;
}

.bar-tabs .swipe-wrap .tab .circle img {
    width: 100%;
    max-width: 98px;
    height: auto;
}

.bar-tabs .swipe-wrap .tab .text {
    text-align: center;
    color: #fff;
    font-weight: 300;
    padding-top: 40px;
    line-height: 40px;
    font-size: 28px;
    font-family: "proxima-nova";
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;
}
.bar-tabs .swipe-wrap .tab .text .yellow {
    color: #ffc700;
}

.bar-tabs .swipe-wrap .tab .text strong {
    font-weight: bold;
}

.bar-tabs .swipe-wrap .tab .text .arrow-down {
    position: absolute;
    margin-left: 20px;
    margin-top: 20px;
    display: none;
}

.bar-tabs .arrow {
    position: absolute;
    right: 0;
    top: 170px;
    margin-right: -10px;
}

.bar-tabs .swipe-wrap .tab.tab-active .circle {
    background: #c20e1a;
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;
}
.bar-tabs .swipe-wrap .tab.tab-active .text {
    color: #fff;
    -webkit-transition: all 1000ms linear;
    -moz-transition: all 1000ms linear;
    -o-transition: all 1000ms linear;
    -ms-transition: all 1000ms linear;
    transition: all 1000ms linear;
}

    /*
    .bar-tabs .swipe-wrap .tab.tab-active .circle {
        background: #ffc700;
        -webkit-transition: all 1000ms linear;
        -moz-transition: all 1000ms linear;
        -o-transition: all 1000ms linear;
        -ms-transition: all 1000ms linear;
        transition: all 1000ms linear;
    }
    .bar-tabs .swipe-wrap .tab.tab-active .text {
        color: #ffc700;
        -webkit-transition: all 1000ms linear;
        -moz-transition: all 1000ms linear;
        -o-transition: all 1000ms linear;
        -ms-transition: all 1000ms linear;
        transition: all 1000ms linear;
    }
    */

.bar-tabs-clear {
    width: 100%;
    height: 40px;
    clear: both;
}

.show-bar-sms {
    cursor: pointer;
}

.bar-sms {
    max-width: 1146px;
    margin: 0 auto 40px auto;
    padding: 25px;
    text-align: center;
    background: #c20e1a;
    border-radius: 3px;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    display: none;
}

.bar-sms .yellow {
    color: #fce62e;
}

.bar-sms .red {
    color: #fff;
}

.bar-sms .close {
    background: #c20e1a;
    border: 5px solid #fff;
    border-radius: 30px;
    padding: 5px 10px;
    color: #fff;
    float: right;
    cursor: pointer;
    margin: -50px 0 0 0;
}

.bar-contact-clear {
    width: 100%;
    height: 20px;
    clear: both;
}
.bar-footer {
    max-width: 1146px;
    margin: auto;
    min-height: 80px;
}
.bar-footer .left {
    max-width: 625px;
    margin-right: 30px;
    float: right;
    line-height: 20px;
    font-size: 16px;
    box-sizing: border-box;
    color: #fff;
    text-align: right;
    padding-top: 20px;
}
.bar-footer .left a,
.bar-footer .left a:visited {
    color: #6d6653;
    text-decoration: none;
    font-weight: 700;
}
.bar-footer .left a:hover {
    text-decoration: underline;
}
.bar-footer .right {
    width: 100%;
    max-width: 407px;
    height: 80px;
    float: right;
    margin-right: 45px;
    line-height: 80px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #c20e1a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);  
    cursor: pointer;
}
.bar-footer .right:hover {
    height: 77px;
    line-height: 77px;
    margin-top: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #504b3d;
}
.right-send {
    width: 100%;
    line-height: 30px;
    margin: 10px auto 10px auto;
    clear: both;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    background: #1eab1c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 0 12px 0;
}

.bar-contact {
    max-width: 1146px;
    margin: auto;
    box-sizing: border-box;
    padding: 40px;
    background: #a3997d;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bar-contact .left {
    width: 100%;
}
.bar-contact .input {
    width: 100%;
    max-width: 526px;
    height: 60px;
    float: left;
    background: #fff;
    outline: none;
    line-height: 60px;
    color: #afafaf;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 26px 0 26px;
    border: 0;
}
.bar-contact .input.input-margin {
    margin-right: 14px;
}
.bar-contact .input.input-margin-bottom {
    margin-bottom: 14px;
}
.bar-contact textarea {
    width: 100%;
    height: 138px;
    background: #fff;
    outline: none;
    line-height: 25px;
    color: #afafaf;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 18px 26px 26px 26px;
    border: 0;
    resize: none;
}
.bar-contact .input.error,
.bar-contact textarea.error {
    color: #ff1b40;
    border: 1px solid #ff1b40;
}
.bar-contact-clear-inside {
    width: 100%;
    height: 1px;
    clear: both;
}

.bar-footer-clear {
    width: 100%;
    height: 60px;
    clear: both;
}

.bar-register {
    max-width: 1146px;
    margin: auto;

    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}
.bar-register .left {
    width: 100%;
    max-width:100%;
    margin: auto;
    background: #182751;
    padding: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
}
.bar-register .right {
    width: 100%;
    background: #1a85e9;
    padding: 40px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-sizing: border-box;
}
.bar-register .intro-title {
    text-align: center;
    color: #0dc6ff;
    font-size: 30px;
}
.bar-register .intro-description {
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 10px 0 10px 0;
}

.bar-register .right .intro-description  {
    color: #afafaf;
}

.bar-register .left ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #afafaf;
}
.bar-register .left ::-moz-placeholder { /* Firefox 19+ */
    color: #afafaf;
}
.bar-register .left :-ms-input-placeholder { /* IE 10+ */
    color: #afafaf;
}
.bar-register .left :-moz-placeholder { /* Firefox 18- */
    color: #afafaf;
}

.bar-register .right ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #afafaf;
}
.bar-register .right ::-moz-placeholder { /* Firefox 19+ */
    color: #afafaf;
}
.bar-register .right :-ms-input-placeholder { /* IE 10+ */
    color: #afafaf;
}
.bar-register .right :-moz-placeholder { /* Firefox 18- */
    color: #afafaf;
}

.bar-register .input {
    width: 100%;
    height: 60px;
    float: left;
    outline: none;
    line-height: 60px;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px 0 20px;
    border: 0;
    margin-bottom: 14px;
}
.bar-register .left .input {
    background: #fff;
    color: #afafaf;
}
.bar-register .right .input {
    background: #fff;
    color: #afafaf;
}
.bar-register .input.input-margin {
    margin-right: 14px;
}
.bar-register .input.input-nomargin {
    margin-bottom: 0;
}
.bar-register .input.input-50 {
    max-width: 236px;
}
.bar-register .input.input-longed-33 {
    max-width: 346px;
}
.bar-register .input.input-longed-25 {
    max-width: 256px;
}
.bar-register .input.input-longed-50 {
    max-width: 526px;
}
/*.bar-register .input.register_street {
    max-width: 350px;
}*/
/*.bar-register .input.register_number {
    max-width: 123px;
}*/
/*.bar-register .input.register_city {
    max-width: 350px;
}
.bar-register .input.register_zip {
    max-width: 123px;
}*/
.bar-register .input.datepicker-init,
.bar-register .input.timepicker-init {
    /*max-width: 380px;*/
}
.bar-register .input.register_file {
    /*max-width: 486px;*/
}
.bar-register .register_file_text {
    cursor: pointer;
}
.bar-register .input.datepicker-init,
.bar-register .input.timepicker-init {
    cursor: pointer;
}
.bar-register .input.error,
.bar-register .select.error {
    border: 1px solid #ff1b40;
}
.bar-register .submit-clear {
    width: 100%;
    height: 1px;
    clear: both;
}
.bar-register .submit {
    width: 100%;
    max-width: 407px;
    height: 80px;
    line-height: 80px;
    margin: 13px auto 0 auto;
    clear: both;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #ff1b40;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    cursor: pointer;
}
.bar-register .submit:hover {
    height: 77px;
    line-height: 77px;
    margin: 16px auto 0 auto;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #121d3e;
}
.bar-register .select {
    margin: 0;
    border:none;
    outline:none;
    display: block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance: none;
    cursor:pointer;

    width: 100%;
    height: 60px;
    outline: none;
    line-height: 60px;
    font-size: 20px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 0 20px 0 20px;
    border: 0;
    margin-bottom: 14px;
    background: #d1a300;
    color: #6e5600;
}
.go-row {
    width: 100%;
    max-width: 1146px;
    margin: auto;
    padding: 40px;
    box-sizing: border-box;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #a3997d;
}
.go-row > .go-button-login {
    margin-right: 26px;
}
.go-row-clear {
    width: 100%;
    height: 1px;
    clear: both;
}
.go-description {
    margin: 0 auto 40px auto;
    max-width: 1010px;
    line-height: 40px;
    color: #fff;
    font-size: 35px;
    text-align: center;
}
.go-button {
    width: 100%;
    max-width: 520px;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    line-height: 80px;
    font-size: 28px;
    float: left;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background:#c20e1a;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    -moz-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    cursor: pointer;
}
.go-button:hover {
    height: 77px;
    line-height: 77px;
    margin-top: 3px;
    margin-bottom: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #504b3d;
}
.go-button.longed-button-submit-register:hover {
    height: 80px;
    line-height: 80px;
}
.go-button-login {
    background: #79715c;
}
.go-button-long {
    margin-left: auto;
    margin-right: auto;
    float: initial
}
.main-line-clear {
    width: 100%;
    height: 40px;
    clear: both;
}
.bar-register .submit-ok {
    width: 100%;
    line-height: 30px;
    margin: 10px auto 10px auto;
    clear: both;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    background: #1eab1c;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 12px 0 12px 0;
}
.bar-register .submit-ok span {
    font-size: 20px;
}
.bar-register .submit-processing {
    width: 100%;
    max-width: 407px;
    position: relative;
    height: 80px;
    margin: 13px auto 0 auto;
    line-height: 80px;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    background: #939393;
    box-sizing: border-box;
    padding: 10px 10px 0 10px;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: none;
}
.bar-register .submit-processing .text {
    width: 100%;
    left: 0;
    height: 60px;
    line-height: 60px;
    color: #fff;
    text-align: center;
    position: absolute;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bar-register .submit-processing .bar {
    width: 0;
    height: 60px;
    background: #1eab1c;
     -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.bar-register .submit-error {
    width: 100%;
    line-height: 30px;
    margin: 10px auto 10px auto;
    clear: both;
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    display: none;
    cursor: pointer;
    box-sizing: border-box;
    background: #e40513;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 0 12px 0;
}
.bar-register .submit-error span {
    font-size: 20px;
}
.bar-register .accept {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    cursor: pointer;
}
.bar-register .accept a,
.bar-register .accept a:visited {
    color: #6d6653;
    text-decoration: none;
}
.bar-register .accept a:hover {
    text-decoration: underline;
}
.bar-register .accept.error {
    color: #ff1b40;
}
.bar-register .accept.error a {
    color: #ff1b40;
}
.bar-register-clear-inside {
    width: 100%;
    height: 60px;
    clear: both;
}

.bar-heading {
    max-width: 1146px;
    margin: auto;
}
.bar-heading .hotel {
    float: left;
    text-align: center;
}
.bar-heading .hotel.hotel-1 {
    width: 330px;
}
.bar-heading .hotel.hotel-2 {
    width: 286px;
}
.bar-heading .hotel.hotel-3 {
    width: 270px;
}
.bar-heading .hotel.hotel-4 {
    width: 260px;
}
.bar-heading .hotel .fa-star {
    color: #ffc700;
    font-size: 20px;
}
.bar-heading .hotel .name {
    line-height: 40px;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
    padding-top: 5px;
    font-weight: 300;
}
.bar-heading .hotel-clear {
    width: 100%;
    height: 1px;
    clear: both;
}

.long-heading {
    overflow: hidden;
    text-align: center;
    color: #ffc700;
    font-size: 40px;
    margin-bottom: 15px;
}
.long-heading:before,
.long-heading:after {
    background-color: #ffc700;
    content: "";
    display: inline-block;
    height: 10px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.long-heading:before {
    right: 1em;
    margin-left: -50%;
}
.long-heading:after {
    left: 1em;
    margin-right: -50%;
}
.bar-heading-bottom {
    width: 100%;
    max-width: 1146px;
    margin: 15px auto 60px auto;
    clear: both;
    height: 10px;
    background: #ffc700;
}

.bar-gdpr {
    width: 100%;
    padding: 70px 0 70px 0;
    box-sizing: border-box;
    background: #a3997d;
}

.bar-gdpr .center {
    margin: auto;
    max-width: 1060px;
}

.bar-gdpr a {
    display: flex;
    text-decoration: none;
    justify-content: center;
}

.bar-gdpr a span,
.bar-gdpr a:visited span {
    color: #fff;
}

.bar-gdpr a span {
    line-height: 64px;
    font-family: "proxima-nova";
    font-weight: 400;
    font-size: 18px;
    margin-left: 10px;
}

.swipe-left,
.swipe-right {
    display: none;
}

.row-products {
    max-width: 1176px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    align-content: space-between;
}

.row-products div {
    flex: 0 0 auto;
    max-width: 264px;
    text-align: center;
}

.row-products div img {
    width: 100%;
    max-width: 100%;
    height: auto;
}

.row-products div .line1 {
    color: #6d6653;
    font-weight: 500;
    font-size: 18px;
    margin-top: 0px;
    display: inline-block;
}

.row-products div .line2 {
    color: #fff;
    font-weight: 400;
    font-size: 12px;
}

.row-products-clear {
    width: 100%;
    height: 80px;
}

@media screen and (min-width: 1700px) {

    .bar-pack {
        /*margin-bottom: 1080px;*/
    }

}

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

    .bar-pack {
        /*margin-bottom: 780px;*/
    }

    .bar-pack-text {
        font-size: 70px;
        line-height: 70px;
    }
    
}

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

    .bar-pack {
        /*margin-bottom: 680px;*/
    }

    .bar-pack-text {
        font-size: 60px;
        line-height: 60px;
    }

    .row-products {
        max-width: 90vw;
    }

    .row-products div {
        max-width: 25%;
    }

}


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

    .bar-pack {
        /*margin-bottom: 580px;*/
    }
        
    .bar-menu .center {
        max-width: 90%;
        padding: 0;
    }
    
    .bar-pack .left {
        padding-left: 20px;
        box-sizing: border-box;
    }
    
    .bar-tabs {
        max-width: 794px;
        overflow: hidden;
    }
    .bar-tabs .swipe-wrap > div {
        max-width: 250px;
    }
    
    .bar-register {
        max-width: 906px;
    }
    .bar-register .input {
        font-size: 18px;
    }
    .bar-register .input.input-50 {
        max-width: 179px;
    }
    .bar-register .input.register_street {
        max-width: 235px;
    }
    .bar-register .input.register_city {
        max-width: 235px;
    }
    .bar-register .accept {
        font-size: 18px;
    }
    .bar-register .submit-clear {
        height: 3px;
    }
    
    .bar-contact {
        max-width: 906px;
    }
    .bar-contact .left {
    }
    .bar-contact .right {

    }
    .bar-contact .input {
        width: 406px;
    }
    
    .bar-footer .left {
        font-size: 20px;
        max-width: 495px;
    }
    .bar-footer .left br {
        display: none;
    }
    .bar-footer .right {
        max-width: 347px;
        margin-right: 85px;
    }
    .right-send {
        max-width: 347px;
    }
    
     .sidebar-center {
        max-width: 90%;
    }
    .sidebar {
        max-width: 90%;       
    }
    
    .bar-pack {
        max-width: 800px;
    }

    .bar-pack-text {
        font-size: 40px;
        line-height: 50px;
        padding-top: 50px;
    }

    .fullscreen {
        background-size: 150%;
        background-position-y: 0px;
    }
    
    .bar-heading {
        max-width: 900px;
    }
    .bar-heading-bottom {
        max-width: 900px;
    }
    .bar-heading .hotel.hotel-1 {
        width: 250px;
    }
    .bar-heading .hotel.hotel-2 {
        width: 220px;
    }
    .bar-heading .hotel.hotel-3 {
        width: 220px;
    }
    .bar-heading .hotel.hotel-4 {
        width: 210px;
    }
    .bar-heading .hotel .name {
        font-size: 26px; 
    }
    
    .bar-hotels {
        max-width: 1146px;
        margin: auto;
    }

    .bar-gdpr .center {
        text-align: center;
    }

    .bar-gdpr {
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}

@media screen and (width: 1024px) {

    .bar-tabs .swipe-wrap > div:last-child img {
        position: relative;
        margin-left: -50px;
    }

}

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

    .row-products div .line1 {
        font-size: 16px;
        margin-top: 0;
    }

    body.scroll .bar-menu {
        background: none;
    }
    body.scroll .bar-menu .center > a,
    .bar-menu .center > a.menu-link {
        display: none;
    }
    .bar-menu .center .menu-open {
        display: block;
    }
    .bar-menu .center {
        text-align: left;
    }
    .bar-menu .center > a.menu-home {
        float: inherit;
        line-height: 60px;
    }

    .bar-termin {
        width: 95vw;
    }

    .bar-termin img {
        width: 25vw;
        height: auto;
        max-width: 100%;
        top: 5px;
    }

    .bar-pack-header-desktop {
        display: none;
    }

    .bar-pack-header-mobile {
        display: inline;
    }

    .swipe-left,
    .swipe-right {
        display: block;
        width: 40px;
        height: 40px;
        position: absolute;
        background: #101a38;
        color: #fff;
        font-size: 18px;
        text-align: center;
        padding-top: 12px;
        margin-top: 100px;
        box-sizing: border-box;
        z-index: 1;
    }

    .swipe-left {
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px;
        display: none;
    }

    .swipe-right {
        right: 0;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .body-home .fullscreen {
        /*background: none;*/
    }

    .sidebar {
        top: 75px;
    }
    .sidebar a, 
    .sidebar a:visited {
        height: 40px;
        line-height: 40px;
        font-size: 17px
    }

    .circles-clr {
        clear: both;
        width: 100%;
        height: 30px;
    }
    .circles {
        width: 100%;
        height: 20px;
        margin-bottom: 20px;
        display: block;
        text-align: center;
        clear: both;
    }
    .circles > div {
        width: 20px;
        height: 20px;
        background: #fff;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        margin-right: 10px;
        cursor: pointer;
        display: inline-block;
    }
    .circles > div.active {
        background: #e50413;
    }
    .circles > div:last-child {
        margin-right: 0;
    }
    
    .bar-menu {
        height: 60px;
    }
    .bar-menu .center {
        height: 60px;
        line-height: 60px;
    }
    .bar-menu .center a, 
    .bar-menu .center a:visited {
        font-size: 20px;
    }
    .bar-menu .center > a {
        padding-top: 20px;
    }

    .bar-menu .center > a.menu-home img {
        width: 32px;
        height: 32px;
        margin-top: 14px;
        padding-right: 14px;
    }

    .bar-menu .center .menu-open {
        width: 34px;
        height: 34px;
        top: 13px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        border-radius: 17px;
        font-size: 20px;
        line-height: 36px;
        padding-left: 0;
    }
    .bar-menu .center .menu-close {
        width: 34px;
        height: 34px;
        top: 13px;
        -webkit-border-radius: 17px;
        -moz-border-radius: 17px;
        border-radius: 17px;
        font-size: 20px;
        line-height: 36px;
        padding-left: 0;
    }
    .bar-menu-clear {
        height: 60px;
    }
    
    .bar-pack .clear {
        height: 35px;
    }
    .bar-pack .left {
        width: 90%;
        margin: auto;
        float: initial;
        text-align: center;
        padding-top: 0;
        font-size: 32px;
        line-height: 35px;
        padding-left: 0;
    }
    .bar-pack .left br {
        display: none;
    }
    .bar-pack .right {
        width: 100%;
        float: initial;
        text-align: center;
        padding-top: 20px;
    }
    .bar-pack .right img {
        max-width: 70%;
    }
    
    .bar-tabs {
        max-width: 90%;
    }
    .bar-tabs .swipe-wrap > div {
        max-width: 100%;
        margin-right: 0;
    }
    .bar-tabs .swipe-wrap .tab .circle {
        width: 80px;
        height: 80px;
        padding-top: 25px;
    }
    .bar-tabs .swipe-wrap .tab .circle span {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
        margin-top: -10px;
        left: calc(50% - 10px);
    }

    .swipe-wrap {
        margin-top: 60px;
    }

    .bar-tabs .swipe-wrap .tab .circle {
        font-size: 16px;
    }

    .bar-tabs .swipe-wrap .tab .circle img {
        max-width: 38px;
    }

    .bar-tabs .swipe-wrap .tab .text {
        font-size: 18px;
        line-height: 23px;
        padding-top: 20px;
        max-width: 330px;
        margin: auto;
    }
    
    .bar-tabs-clear {
        height: 20px;
    }
    
    .title-center {
        width: 90%;
        height: auto;
        margin: auto;
        min-height: 22px;
        line-height: 22px;
        font-size: 22px;
        margin-bottom: 20px;
    }

    .title-center.title-center-ako {
        margin-bottom: 0;
    }
    
    .text-center {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .title-center.title-center-register {
        margin-top: 20px;
    }

    .text-center br {
        display: none;
    }
    
    .bar-register {
        max-width: 100%;
        width: 90%;
        margin: auto;
    }
    .bar-register .left {
        max-width: 90%;
        float: initial;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .bar-register .right {
        max-width: 100%;
        float: initial;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
    }
    .bar-register .input {
        float: initial;
        max-width: 100% !important;
         margin-bottom: 7px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .bar-register .input.register_email {
        margin-bottom: 7px;
    }
    .bar-register .submit {
        font-size: 19px;
    }
    .bar-register .submit-ok {
        font-size: 15px;
    }
    .bar-register .submit-processing {
        font-size: 17px;
    }
    .bar-register .submit:hover {
        height: 80px;
        line-height: 80px;
        margin: 13px auto 0 auto;
        -webkit-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
        -moz-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
        box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    }
    
    .bar-contact-clear {
        height: 0;
    }
    
    .bar-register-clear-inside {
        height: 20px;
    }
    
    .text-center.text-center-last {
        margin-bottom: 20px;
    }
    
    .bar-contact {
        display: none;
    }
    .bar-footer .left {
        max-width: 90%;
        margin: auto;
        float: initial;
        text-align: center;
    }
    .bar-footer .left br {
        display: none;
    }
    .bar-footer .right {
        display: none;
    }
    
    .bar-heading {
        max-width: 90%;
    }
    .bar-heading-bottom {
        max-width: 90%;
        margin-bottom: 40px;
    }
    .long-heading {
        font-size: 34px;
    }
    .long-heading:before,
    .long-heading:after {
        display: none;
    }
    
    .bar-pack {
        max-width: 100%;
    }

    .bar-pack-text {
        font-size: 30px;
        line-height: 40px;
        padding-top: 50px;
    }

    .bar-pack-text br {
        /*display: none;*/
    }

    .go-row {
        max-width: 90%;
    }

    .go-button-hidden {
        display: none;
    }

    .go-button-login {
        margin-bottom: 10px;
    }

    .go-button:hover {
        height: auto;
        line-height: 80px;
        margin-top: 0px;
        -webkit-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
        -moz-box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
        box-shadow: inset 0px -3px 0px 0px rgba(3,3,3,0.35);
    }

    .go-button,
    .go-button:hover {
        font-size: 14px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .go-row .go-button,
    .go-row .go-button:hover {
        max-width: 45%;
        margin-right: 10%;
        height: 60px;
        line-height: 60px;
    }

    .go-row .go-button.go-button-register {
        margin-right: 0;
    }

    .bar-register.bar-register-longed {
        margin-top: 10px;
    }

    .bar-register .accept {
        margin-bottom: 10px;
    }

    .bar-tabs .arrow {
        display: none;
    }

    .bar-sms {
        border-radius: 0;
    }

    .bar-gdpr .center {
        text-align: center;
    }

    .go-description {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 20px;
    }

    .go-row {
        padding: 20px;
    }

    body .bar-register .longed {
        padding: 20px;
    }

    .bar-footer,
    .bar-footer-clear {
        display: none;
    }

    .row-products-clear {
        height: 10px;
    }

    .bar-gdpr {
        min-height: 0px;
        height: 100px;
        background-size: 140%;
    }

    .bar-gdpr .center {
        margin: auto;
    }

    .bar-gdpr .center img {
        width: 34px;
        height: 34px;
    }

}

/* 1023 end */

@media screen and (width: 1024px) {

    .text-center {
        max-width: 90%;
    }

    .go-row {
        max-width: 90%;
    }

    .go-row > .go-button {
        max-width: 400px;
        font-size: 20px;
    }

}


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

    .body-home .fullscreen {

    }

    .bar-pack {
        /*
        margin-top: 0px;
        margin-bottom: 350px;
        */
        margin-bottom: 30px;
        padding-top: 50px;
    }


    .bar-pack-text {
        font-size: 25px;
        line-height: 25px;
        padding-top: 0px;
    }

    .bar-pack-text br {
        /*display: none;*/
    }

    .bar-pack-sub {
        text-align: center;
        font-size: 10px;
        padding-bottom: 40px;
    }

    .bar-register .submit.submit-upload {
        font-size: 17px;
    }

    .bar-tabs {
        margin-top: -20px;
    }

    .bar-tabs .swipe-wrap > div .image-1,
    .bar-tabs .swipe-wrap > div .image-2 {
        /*
        width: 140px;
        height: auto;
        */
    }

    .bar-tabs .swipe-wrap > div .image-3 {
        /*
        width: 246px;
        height: auto;
        */
    }

    .bar-tabs .swipe-wrap > div .image-1,
    .bar-tabs .swipe-wrap > div .image-2,
    .bar-tabs .swipe-wrap > div .image-3 {
        width: 50%;
        height: auto;
    }

    .bar-tabs .swipe-wrap .tab .text br {
        /*display: none;*/
    }

    .bar-sms {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 30px;
    }

    .bar-sms br {
        display: none;
    }

    .bar-tabs .swipe-wrap .tab .text .arrow-down {
        display: none !Important;
    }



}

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

    .body-home .fullscreen {
    }

    .bar-pack {
        /*
        margin-top: 0px;
        margin-bottom: 670px;
        */
    }

    .bar-pack-text {
        padding-top: 0px;
    }

}

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

    .body-home .fullscreen {
    }

    .bar-pack {
        /*
        margin-top: 0px;
        margin-bottom: 540px;
        */
    }

    .bar-pack-text {
        padding-top: 0px;
    }

    .row-products div {
        max-width: 50%;
    }

    .row-products::after {
        content: "";
        flex: auto;
    }

}

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

    .body-home .fullscreen {
    }

    .bar-pack {
        /*
        margin-top: 0px;
        margin-bottom: 350px;
        */
    }

    .bar-pack-text {
        padding-top: 0px;
    }

}

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

    .body-home .fullscreen {
    }
    
    .bar-pack {
        /*
        margin-top: 0px;
        margin-bottom: 300px;
        */
    }

    .bar-pack-text {
        padding-top: 0px;
    }

}

.wickedpicker__close:before {
    content: 'OK';
}

@media screen and (min-height: 1051px) {

    .fullscreen {
        background-position-y: -100px;
    }

}