html, body { position: relative; width:100%; min-width: 920px; min-height:100%; font-family: 'Open Sans', sans-serif; font-size: 16px; background-color: #fff;  color: #323232; }
body { }
input, textarea { font-family: 'Open Sans', sans-serif; font-size: 16px; }
*:focus { outline: none; }
a { text-decoration: none; color: inherit; }
b { font-weight: bold; }
sup { vertical-align: super;font-size: smaller; line-height: 0; }

.wrapper { padding: 0 10px; width: 900px; margin: 0 auto; }

/* IE >= 8 */
.clearfix:after, .wrapper:after, .top-navbar:after{content:"";display:table;clear:both}
li.clearfix{display:list-item}
/* Some default stuff */
.top-navbar-nav li a, .main-img, .btn, .about-list li, .right-col, .input-field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.cover { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.relative { position: relative; }
.abs { position: absolute; top: 0; right: 50%; left: 0; bottom: 0; z-index: 0; }
.bg-grey { background-color: #f8f8f8; }
.bg-blue { background-color: #014492; }
.bg-gray { background-color: #333333; }
.color-grey { color: #323223; }

.pull-left { float: left; }
.pull-right { float: right; }
.remove-pull { float: none !important; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }


.btn { padding: 0 30px; display: inline-block; min-width: 150px; height: 54px; line-height: 54px; text-transform: uppercase; background: transparent; border: 1px solid #fff; color: #fff; outline: 0; font-size: 14px; }
.btn:hover { background-color: rgba(255,255,255, 0.5); cursor: pointer; }

.to-top { display: none; position: fixed; bottom: 20px; right: 20px; width: 49px; height: 49px; background: url('../img/ic_top_button.png') no-repeat; cursor: pointer; border: 0; outline: 0; }
.anchor { display: block; position: relative; top: -101px; visibility: hidden; }

::-webkit-input-placeholder { /* WebKit, Blink, Edge */color:    #fff; text-transform: uppercase; font-size: 14px }
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color:    #fff; opacity:  1; text-transform: uppercase; font-size: 14px }
::-moz-placeholder { /* Mozilla Firefox 19+ */ color:    #fff; opacity:  1; text-transform: uppercase; font-size: 14px }
:-ms-input-placeholder { /* Internet Explorer 10-11 */ color:    #fff; text-transform: uppercase; font-size: 14px }


/* HEADER */
#header { z-index: 100; position: fixed; top: 0; left: 0; right: 0; border-bottom: 1px solid #014492; background-color: #fff; }
.top-navbar { position: relative; font-size: 12px;}
.top-navbar-logo { float: left; display: block;  margin-top: 8px; width: 180px; height: 70px; background: url('../img/logo.png') no-repeat;  }

.top-navbar-nav li { float: left; border-right: 1px solid #f8f8f8; }
.top-navbar-nav li:first-child { border-left: 1px solid #f8f8f8; }
    .top-navbar-nav li a{ display: block; padding: 13px 8px 0; min-width: 94px; max-width: 110px; height: 100px; line-height: 16px; text-align: center; }
    .top-navbar-nav li a:before {  margin: 0 auto; display: block; content: ""; width: 28px; height: 24px; margin-bottom:20px ; background: url('../img/ic_menu_3.png') no-repeat; }

        .top-navbar-nav li a.about-us:before { background-position: 0 0; }
        .top-navbar-nav li a.rooms:before { background-position: -28px 0; }
        .top-navbar-nav li a.benefits:before { background-position: -56px 0; }
        .top-navbar-nav li a.hot-deals:before { background-position: -84px 0; }
        .top-navbar-nav li a.gallery:before { background-position: -112px 0; }
        .top-navbar-nav li a.contact-us:before { background-position: -140px 0; }
        .top-navbar-nav li a.partners:before { background-position: -168px 0; }

        /* with hover .top-navbar-nav li.active, .top-navbar-nav li:hover { background-color: #014492;color: #fff }
        .top-navbar-nav li.active a { cursor: default !important; }
        .top-navbar-nav li:hover a.about-us:before, .top-navbar-nav li.active a.about-us:before { background-position: 0 -24px; }
        .top-navbar-nav li:hover a.rooms:before, .top-navbar-nav li.active a.rooms:before { background-position: -28px -24px; }
        .top-navbar-nav li:hover a.benefits:before, .top-navbar-nav li.active a.benefits:before { background-position: -56px -24px; }
        .top-navbar-nav li:hover a.hot-deals:before, .top-navbar-nav li.active a.hot-deals:before { background-position: -84px -24px; }
        .top-navbar-nav li:hover a.gallery:before, .top-navbar-nav li.active a.gallery:before { background-position: -112px -24px; }
        .top-navbar-nav li:hover a.contact-us:before, .top-navbar-nav li.active a.contact-us:before { background-position: -140px -24px; }*/
        .top-navbar-nav li.active{ background-color: #014492;color: #fff }
        .top-navbar-nav li.active a { cursor: default !important; }
        .top-navbar-nav li.active a.about-us:before { background-position: 0 -24px; }
        .top-navbar-nav li.active a.rooms:before { background-position: -28px -24px; }
        .top-navbar-nav li.active a.benefits:before { background-position: -56px -24px; }
        .top-navbar-nav li.active a.hot-deals:before { background-position: -84px -24px; }
        .top-navbar-nav li.active a.gallery:before { background-position: -112px -24px; }
        .top-navbar-nav li.active a.contact-us:before { background-position: -140px -24px; }
        .top-navbar-nav li.active a.partners:before { background-position: -168px -24px; }

.top-navbar-lang { position: absolute; bottom: 3px; left: 2px; }
    .top-navbar-lang li { float: left; font-size: 14px; text-transform: uppercase; }
    .top-navbar-lang li:not(:first-child) { margin-left: 9px; }
        .top-navbar-lang li.active a, .top-navbar-lang li:hover{  color: #014492; }
        .top-navbar-lang li.active a { cursor: default !important; }


/* FIRSTPAGE */
.main-img { margin-top: 101px;padding: 250px 0 230px; min-height: 740px; text-align: center; color: #fff; background: url('../img/ic_snowflake.png') no-repeat center, url('../img/background.png') no-repeat; background-size: auto 100%, 100% 100%; }
    .slogan{ font-size: 40px; text-transform: uppercase; font-style: italic;}
    .slogan-desc { margin: 30px auto; max-width: 570px; line-height: 30px; font-size: 20px; }


/* CONTENT */
.section { padding: 46px 0 120px; }
.section.no-padding-btm { padding-bottom: 0; }
.section.no-padding { padding: 0; }
.section.padding-sm { padding: 10px 0; }

    .section-title { margin-bottom: 45px; text-align: center; position: relative; font-size: 20px; text-transform: uppercase; }
    .section-title .name { position: relative; display: inline-block; min-height: 40px; text-transform: uppercase; font-size: 20px; }
    .section-title .name.up { padding-top: 20px; }
    .section-title .name:before, .section-title .name:after { position: absolute; bottom: 0; display: block; content: ""; width: 50px; height: 1px; background-color: #014492; }
    .section-title .name.up:before, .section-title .name.up:after { bottom: auto; top: 0;}
    .section-title .name:before { left: -30px; }
    .section-title .name:after { right: -30px; }

    .section-title .snowflake { display: block; margin: 8px auto; margin-bottom: 0; position: relative; width: 146px; height: 45px; text-transform: uppercase; font-size: 20px;background: url('../img/ic_snowflake_light_grey.png') center no-repeat; }
    .section-title .snowflake.white { background: url('../img/ic_snowflake_white.png') center no-repeat; }
    .section-title .snowflake:before, .section-title .snowflake:after { position: absolute;top:50%; margin-top: -1px; display: block; content: ""; width: 50px; height: 1px; background-color: #014492; }
    .section-title .snowflake.up { margin-top: 0; margin-bottom: 8px; }
    .section-title .snowflake:before { left: 0; }
    .section-title .snowflake:after { right: 0; }

    /* ABOUT */
    .about-list li { visibility: hidden; position: relative; display: inline-block; float: left; margin-left: 12px; padding: 105px 18px 50px;  width: 216px; height: 340px; text-align: center; font-size: 14px; line-height: 18px; background-color: #f8f8f8; border-bottom: 1px solid #e3e3e3; }
    .about-list li:first-child { margin-left: 0; }
    .about-list li:hover { background-color: #014492;  border-color: #e3e3e3; color: #fff;}

    .about-list li:before { position: absolute; top: 15px; left: 0; right: 0; margin: 0 auto; display: block; content: ""; width: 50px; height: 50px; background: url('../img/ic_par_mums.png') no-repeat; }
    .about-list li.location:before { background-position: 0 0; }
    .about-list li.target:before { background-position: -50px 0; }
    .about-list li.ship:before { background-position: -100px 0; }
    .about-list li.certificate:before { background-position: -150px 0; }

    .about-list li.location:hover:before { background-position: 0 -50px; }
    .about-list li.target:hover:before { background-position: -50px -50px; }
    .about-list li.ship:hover:before { background-position: -100px -50px; }
    .about-list li.certificate:hover:before { background-position: -150px -50px; }

    /* ROOMS */
    .left-col { width: 500px; }
    .rooms-list li { margin-bottom: 23px; padding-left: 60px; padding-top: 6px; min-height: 34px; line-height: 20px; background: url('../img/ic_telpas.png') no-repeat top left; }
    .rooms-list li:last-child { margin-bottom: 60px; }

    .rooms-info { padding: 25px 0; background-color: #014492; color: #fff; }
    .rooms-info-list li { float: left; width: 25%; height: 100px; padding: 20px 10px; text-align: center; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
    .rooms-info-list li:not(:first-child) { border-left: 1px solid #5883b6; }
    .rooms-info-list li span.numbers { margin-bottom: 20px; display: block; font-size: 28px; font-weight: bold; text-transform: none; }

    .rooms-sec-picture { position: absolute; top: 0; right: 0;bottom: 150px; width: 44%; background: url('../../../uploads/pictures/px800/_39A0775.jpg') no-repeat; background-size:cover; }

    /* BENEFITS */
    .benefits-table { width: 100%; text-align: center; table-layout: fixed; font-size: 12px; line-height: 18px; }
    .benefits-table td { visibility: hidden; border: 1px solid #f8f8f8; padding: 48px 14px; vertical-align: top; }
    .benefits-table td:not(.img):hover { background-color: #f8f8f8; }
    .benefits-table tr:last-child td { padding-top: 28px; padding-bottom: 28px; }
    .benefits-table tr:last-child td:last-child { border-bottom: 0; border-right: 0; }
    .benefits-table .img-cont { position: relative; width: 500px; height: 210px; margin: 0 auto; }
    .benefits-table .img-cont:after { content: ''; position:absolute;right: 0;top: 0;bottom: 0;width: 0;height: 0;border-style: solid;border-width: 0 0 210px 60px;border-color: transparent transparent #fff transparent; }

    .benefits-table .icon-cont { margin: 0 auto 25px; display: block; width: 40px; height: 40px; background-color: #014492; text-align: center; position: relative;}
        .benefits-table .icon { position: absolute; top: 4px; left: 5px; display: block; width: 30px; height: 32px; background: url('../img/ic_prieksrocibas.png') no-repeat; }

        .benefits-table .icon.map { background-position: 0 0; }
        .benefits-table .icon.ship { background-position: -30px 0; }
        .benefits-table .icon.train { background-position: -60px 0; }
        .benefits-table .icon.loading { background-position: -90px 0; }
        .benefits-table .icon.pricing { background-position: -120px 0; }
        .benefits-table .icon.fridge { background-position: -150px 0; }
        .benefits-table .icon.snowflake { background-position: -180px 0; }

    /* HOT DEALS */
    .hot-deals-cont { margin: 0 auto; width: 600px; }
    .hot-deals-cont .desc { color: #004592; font-style: italic; text-transform: uppercase;}
    .hot-deals-list { margin-top: 20px; font-size: 14px; line-height: 18px;}
    .hot-deals-list li { padding: 18px 25px; border: 1px solid #000; margin-bottom: 10px;}
    .hot-deals-list li:hover { background-color: #fff; }

    /* GALLERY */
    .gallery-container .col { width: 440px }
        .gallery-container .mg-left { margin-left: 20px; }
        .gallery-container .l-img { float: left; width: 100%; height: 300px; margin-bottom: 20px; }
        .gallery-container .s-img { float: left; width: 210px; height: 200px; margin-bottom: 20px; }


    /* CONTACTS */
    .section.contacts { color: #fff; }
    .right-col { width: 450px; padding-left: 10px; }
    .sm-col { width: 220px; }
    .md-col { width: 580px; }

    .contacts-table { width: 100%; text-align: center; table-layout: fixed; font-size: 14px; line-height: 18px; }
    .contacts-table td { padding: 30px 10px 100px; }
    .contacts-table tr:first-child td { border-bottom: 1px solid #285fa0;  }
    .contacts-table tr td:first-child { border-right: 1px solid #285fa0;  }
    .contacts-table .name { text-transform: uppercase; font-size: 16px; }
    .contacts-table .list { margin-top: 40px; line-height: 22px; font-style: italic; }

    .contacts-table .icon:before { margin: 0 auto 25px;  display: block; content: ""; width: 70px; height: 48px; background: url('../img/ic_kontakti.png') no-repeat; }
    .contacts-table .icon.map:before { background-position: 0 0; }
    .contacts-table .icon.phone:before { background-position: -70px 0; }
    .contacts-table .icon.email:before { background-position: -140px 0; }
    .contacts-table .icon.other:before { background-position: -210px 0; }
    #contactMap { position: absolute; left: 0; right: 50%; top: 0; bottom: 0; }

    .contact-info { line-height: 38px; text-align:justify; }
    .divider { margin: 20px auto; display: block; position: relative; width: 40px; height: 45px; background: url('../img/ic_snowflake_white.png') no-repeat;  }
    .divider:before, .divider:after { display: block; content: ''; position: absolute; top: 50%; height: 1px; width: 50px; background: #5b84b8; }
    .divider:before { left: -53px; }
    .divider:after { right: -53px; }

    .input-cont { margin-bottom: 15px; }
    .input-field { width: 100%;  height: 45px; padding-left: 60px; padding-right: 20px;  border: 1px solid #787878; background: transparent; color: #fff; }
    textarea.input-field { padding-top: 12px; max-width: 100%; height: 120px; resize: none; }
    .input-field:focus { border-color: #fff; }
    .input-field.error {border-color: #A91414; }

    .success { margin-bottom: 20px; padding: 20px 10px; background-color: #439643; }

    .half-blue { padding-top: 46px;
        background: rgb(0, 68, 146);
        background: -moz-linear-gradient(10deg, rgb(0, 68, 146) 31%, rgb(51, 51, 51) 31%);
        background: -webkit-linear-gradient(10deg, rgb(0, 68, 146) 31%, rgb(51, 51, 51) 31%);
        background: -o-linear-gradient(10deg, rgb(0, 68, 146) 31%, rgb(51, 51, 51) 31%);
        background: -ms-linear-gradient(10deg, rgb(0, 68, 146) 31%, rgb(51, 51, 51) 31%);
        background: linear-gradient(100deg, rgb(0, 68, 146) 31%, rgb(51, 51, 51) 31%);

 }
    .section-partners { padding: 20px 0; color: #fff !important; }
    .partner-list { text-align: center; }
    .partner-list li { display: inline-block; margin-right: 20px;}



/* FOOTER */
#footer { height: 50px; line-height: 50px; text-align: center; font-size: 14px; }


/* Zoom in effect */
.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
/*@-webkit-keyframes zoomIn { 0% {  opacity: 0;  -webkit-transform: scale3d(.3, .3, .3);  transform: scale3d(.3, .3, .3);}50% {    opacity: 1;}}*/
@keyframes zoomIn {0% {opacity: 0;-webkit-transform: scale3d(.3, .3, .3);    transform: scale3d(.3, .3, .3);}50% { opacity: 1;}}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn;}