/* cyrillic */
/*@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/B4dVTWTt7z6mqr49ZBiRX_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* hebrew */
/*@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/7KCPSSRbcYGlPkOCWweus_Y6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}*/
/* latin-ext */
/*@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/Dqmby_-kQPd5q8fA9VuUPfY6323mHUZFJMgTvxaG2iE.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
    font-family: 'Rubik';
    font-style: italic;
    font-weight: 400;
    src: local('Rubik Italic'), local('Rubik-Italic'), url(https://fonts.gstatic.com/s/rubik/v7/lgXEloT2N61mSYqQZpy1fQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/
/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v7/rN0AGm-UbeCy1H1Jew93RBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v7/oip-K2YN3EYHgt8SY7FJfBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v7/uvJKCkkt46588W3D3t_gLBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 300;
    src: local('Rubik Light'), local('Rubik-Light'), url(https://fonts.gstatic.com/s/rubik/v7/tRvJQnSw4lmceQIbdzOKGPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/VKKpdi1QvieDs1ewFsxdAg.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/-fe1N1QeP0UtBmYG66PGsA.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/9TMYrMQsWjH1a-MkCFFAmg.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    src: local('Rubik'), local('Rubik-Regular'), url(https://fonts.gstatic.com/s/rubik/v7/_mlO9_1N7oXYhEnEzC2l-g.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic */
/*@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v7/WdwM2J7q9PjwEDtfaHmmmxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}*/
/* hebrew */
/*@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v7/UVNnZWb9UilkxwgKrV-6TBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}*/
/* latin-ext */
/*@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v7/XwD9N0jIpRr71ymtU2S41BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}*/
/* latin */
/*@font-face {
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 500;
    src: local('Rubik Medium'), local('Rubik-Medium'), url(https://fonts.gstatic.com/s/rubik/v7/IUSlgBbgyuDQpy87mBOAc_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}*/
/*@font-face {
    font-family: 'Rubik-Light';
    src: url("../font/Rubik-Light.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}/*
@font-face {
    font-family: 'Rubik-Regulart';
    src: url("../font/Rubik-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal
}*/

html,
body {
    height: 100%;
    font-family: 'Rubik', sans-serif;
    font-weight:300;
    line-height: 1;
    background-color: white;
    font-size:14px;
    color:#3A3936;

}
h1{
    margin:0;
}
.mycontainer {
    width: 96%;
    max-width: 1300px;
    margin: 0 auto;
    position: relative;
}
p{
    padding:0;
    margin:0;
}
.footer{
    width:100%;
    background-color: #1A1E2B;
}
.footer .zaglavtext{
    line-height:140%;
}
.contactstext{
    padding:70px 0px 35px;
    color : #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    width: 100%;
    font-weight:300;
    position: relative;
}
.otstupblock{
    padding:45px 0px;

}
.otstupblockone{
    padding:45px 0;
}
.contactstext:before{
    content:'';
    width:36px;
    height:36px;
    position: absolute;
    top:0;
    left: 50%;
    margin-left: -18px;
    background-image: url('../images/icon.svg');
    /*background-image: url('../images/icon_ng.png');*/
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;

}
.contactstext:after{
    content:'';
    width:116px;
    height:2px;
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left: -58px;
    background-color: white;
}

.infoblocks{
    width:100%;
    text-align: center;

    font-size : 20px;
    color : #FFFFFF;
    /*padding-top: 65px;*/
}

.firstblock{
    width:48%;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}

.nameblock{
    padding-bottom: 30px;
    position: relative;
    /*font-family: 'Lora', serif;*/
}

.nameblock:after, .contactinfo:after{
    content:'';
    width:52px;
    height:2px;
    position: absolute;
    bottom:0;
    left: 50%;
    margin-left: -26px;
    background-color: white;
}
.contactinfo p, .contactinfo a{
    font-size : 13px;
    color : #FFFFFF;
    text-decoration: none;
}
.contactinfo a{
    cursor:pointer;
}
.contactinfo{
    padding:30px 10px;
    text-align: center;
    position: relative;
}

.contactinfo p:first-child{
    padding-bottom: 10px;
}
.newfooter{
    background-color:#10131E;
}

.totop:hover{
    opacity:0.5;
}
.totop {
    animation: fadeIn 1s infinite alternate;
    width: 26PX;
    height: 26px;
    margin: 0 auto;
    opacity: 1;
    cursor: pointer;
    position: relative;
    margin-bottom: 20px;
}
@keyframes fadeIn {
    from { opacity: 0.2; }
}
.totop:before {
    position: absolute;
    width: 26px;
    height: 26px;
    background-image: url(../images/totop.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    right: 50%;
    margin-right: -13PX;
    content: '';
}

.copyright{
    font-size : 10px;
    color : #FFFFFF;
    text-align: center;
    letter-spacing: 0.5px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.socbutt{
    width:100%;
    text-align: center;
}
.socicon:hover{
    opacity:0.5;
}
.socicon{
    width:26px;
    height:26px;
    margin:0 10px;
    /* margin:0 auto;*/
    display: inline-block;
    /*display: block;*/
    text-align: center;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.infooter.socbutt .socicon{
    margin:0 auto;
    display: block;
}
.insta{
    background-image: url(../images/insta.svg);
}
.guru{
    background-image: url(../images/guru.svg);
}

.fb{
    background-image: url(../images/fb.svg);
}
.you{
    background-image: url(../images/you.svg);
}

.bigotstup{
    padding: 55px 20px 45px;
    width:100%;
    box-sizing: border-box;
}

.inbooktext:before{
    content: '';
    position: absolute;
    background-image: url('../images/bookbefore.svg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    width:36px;
    height:36px;
    top:0px;
    left:50%;
    margin-left: -18px;
}
.inbooktext{

    color : #FFFFFF;
    text-transform: uppercase;
    text-align: center;
    position: relative;
    /*padding-top: 65px;
    padding-bottom: 35px;*/
    height: 36px;
}
.top_otst{
    padding-top: 65px;
}

.book.rest_class2 {
    background-position: 50% 33%;
}
.book{

    background-image: url('../images/booknew.jpg');
    background-position: 50% 67%;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.maskphoto{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    width:100%;
    background-color:rgba(0, 0, 0, 0.5);
    z-index: 1;
}
.bookact{
    position: relative;
    z-index: 2;
}

.form-horizontal .form-group{
    margin:0 auto;
}

.bookinput{
    width:23%;
    float: left;
    margin:0 1%;
    position: relative;
    height: 50px;
}

.myinput input,.myinput select, .myinput.mybuttons{

}
.textinput{
    height:45px;
    line-height: 45px;
    font-size : 13px;
    color : #D8D5D3;
    font-family: 'Rubik', sans-serif;
    text-transform: uppercase;
}

.myinput input,.myinput select, .myinput.mybuttons{
    height:45px;
    line-height: 45px;
    background: transparent;
    border:2px solid white;
    border-radius:0px;
    font-size : 12px;
    color : #D8D5D3;
    font-family: 'Rubik', sans-serif;
    -webkit-appearance:none;
    -webkit-box-shadow:none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none!important;
    box-shadow:none;
    padding: 0 20px;
    outline: none;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -khtml-border-radius: 0px;
    display: block;
    float: none;
    margin: 0 auto;

}
.myinput:focus, .myinput:active, .myinput:visited{
    outline:none;
}
.form-control:focus, .has-success .form-control, .has-success .form-control:focus{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#fff;
}

.has-error .form-control{
    -webkit-box-shadow:none;
    box-shadow:none;
    border-color:#fff;
}
.has-error .form-control, .has-error .form-control:focus,.has-success input.form-control:focus {
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-error input.form-control{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.has-success input.form-control{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.form-control{
    -webkit-box-shadow:none;
    box-shadow:none;
}
.myinput input.form-control::-webkit-input-placeholder {color:#D8D5D3;font-family: 'Rubik', sans-serif;}
.myinput input.form-control::-moz-placeholder          {color:#D8D5D3;font-family: 'Rubik', sans-serif;}
.myinput input.form-control:-moz-placeholder           {color:#D8D5D3;font-family: 'Rubik', sans-serif;}
.myinput input.form-control:-ms-input-placeholder      {color:#D8D5D3;font-family: 'Rubik', sans-serif;}

.myinput select{
    background-image: url(../images/flagselect.svg);
    background-position: 93% 50%;
    background-size: 20px;
    background-repeat: no-repeat;
    width: 100%;
}

.myinput select option:disabled{
    color:#565656;
}
.myinput  select option:hover{
    color:#D8D5D3;
    background-color:#1A1E2B;
}
select::-ms-expand { /* for IE 11 */
    display: none;
}
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.myinput select option{
    background-color:#1A1E2B;
    font-size : 15px;
    font-family: 'Rubik', sans-serif;
    color:#D8D5D3;
    border:none;
    cursor:pointer;
}

.myinput.mybuttons{
    text-transform: uppercase;
    /*padding-right: 60px;
    position: relative;*/
    /*font-weight: 400;*/
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

.myinput.mybuttons:hover{
    /*border-color:#1A1E2B;
    background-color: #1A1E2B;*/
    color:white;
    opacity: 0.6;
}
.maillsent{
    width:100%;
    text-align: center;
    padding-bottom: 35px;
}
.mailling .myinput.mybuttons{
    padding-right: 0px;
    border:none;
    padding-left: 0;
}
.mailling{
    /*max-width:30%;*/
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin:0 15px;
    position: relative;
    height: 50px;
}
.textblock.mailling{
    text-align: right;
}
.mailling. myinput.mybuttons:hover{
    background-color: #10131E;
}
.mailling .myinput.mybuttons{
    text-align: left;
    /*background-position: 100% 50%;*/
    /*width:200px;
    margin-right: 85px;*/
    /*animation: fadeIn 1s infinite alternate;*/
    width: 220px;
}
.textblock.mailling {
    width:270px;

}
.mailling input{
    text-align: center;
}

div#map,.maps,.plashka {
    height: 430px;
}
.maps{
    position: relative;
}

.plashka{
    position: absolute;
    width:275px;
    background-color: #10131E;
    top:0%;
    left:0;
    padding-top: 30px;
    display: none;
    z-index: 999;
}
.icontext:before{
    position: absolute;
    content: '';
    background-position:  center;
    background-size: contain;
    background-repeat: no-repeat;
    top:50%;

    left:-30px;

    width:22px;

}
.bookicon:before{
    background-image: url(../images/bookicon.svg);
    height:22px;
    margin-top:-11px;
}
.menuicon:before{
    background-image: url(../images/menuicon.svg);
    height:14px;
    margin-top:-7px;
    display: none;
}
.icontext{
    font-size : 10px;
    color : #FFFFFF;
    line-height: 1;
    text-transform: uppercase;
    z-index:10;
    cursor:pointer;
    padding-left: 0px;
}
.icontext:hover:after{
    right: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid white;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.icontext:after{
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;
    bottom: -5px;
}
.bookicon{
    right:130px;
}
.bookicon, .menuicon,#lang{
    top:45px;
    position: absolute;
}
.menuicon{
    right:0px;
}
.allmenu{



    left: 0;
    top: 0;
    right:0;
    bottom:0;
    width: 100%;
    height: 100%;



    position: fixed;
    z-index: 20;
    background-color: rgba(0, 0, 0, 0.85);

    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    /*display: none;*/
    /*padding: 30px 0;*/
    box-sizing: border-box;
    /* padding-top: 120px;*/
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.allmenu.show{

    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    visibility: visible;
    opacity: 1;
}
.listleft.nav{
    width: 100%;
    text-align: center;
    padding: 120px 0;
    display: table-cell;
    vertical-align: middle;
}
.scrolldiv{
    /* height: 315px;
     overflow-y: auto;
     width:100%;*/
    text-align: center;
    height: 100%;
    width: 100%;
    display: table;
}
li.listmenu a{
    position: relative;
}
li.listmenu a:after{
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;
    bottom: -5px;
}

li.listmenu a:hover:after, li.listmenu.select a:after {
    right: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid white;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;

}
.greylogo{
    float: right;
    height: 40px;
    width:220px;
    margin-right: 30px;
    background-image: url(../images/greylogomain.svg);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    margin-bottom: 30px;
}
.allsiteblock.blurclass{
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: blur(5px);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.overflowbody{
    /* overflow: hidden;*/

}
.fixpos.header{
    position: fixed;
}

li.listmenu{
    opacity:0;
}

.hidebook.bookicon{
    display: none;
}
.newwhite{
    /*background-image: url(../images/moblogo.svg);*/
    background-repeat: no-repeat;
    width: 160px;
}
.closebuttons:hover {
    opacity:0.7;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;

}
.closebuttons:before{
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    width:14px;
    height:14px;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left: -6px;
    background-image: url('../images/closebutton.svg');
    background-size: contain;

}
.closebuttons, .mapsclosebutton {
    position: relative;

    cursor: pointer;
    border: 2px solid #3A3936;
    border-radius: 6px;
    margin-left: 30px;
    width: 40px;
    float: left;
    height: 40px;
    background-size: 15px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    /*animation: fadeIn 1s infinite alternate;*/
}

.mapsclosebutton:before {
    position: absolute;
    content: '';
    background-repeat: no-repeat;
    background-position: center;
    width:14px;
    height:14px;
    top:50%;
    margin-top:-7px;
    left:50%;
    margin-left: -6px;
    background-image: url(../images/closebuttonwhite.svg);
    background-size: contain;
}
.mapsclosebutton {
    border: 2px solid #fff;

}
ul#w0{
    /*border-top:2px solid #3A3936;*/
}
li.listmenu.select a, li.listmenu.select a:hover{
    /* background-color:#3A3936;
     color:white;*/
}
.mapclass li.listmenu a{
    color:#fff;
    font-size: 15px;
    margin: 12px 30px;
}
.mapclass li.listmenu a:hover, .mapclass li.listmenu a:focus{
    color:#fff;
}
.mapclass li.listmenu.select a,.mapclass li.listmenu.select a:hover{
    /*background-color:#fff;
    color:#10131E;*/
}
li.listmenu a{
    margin:15px 30px;
    /*font-family: 'Lora', serif;*/
    /*font-weight: 400;*/
    line-height: 1;
    font-size:18px;
    font-weight: 300;
    color:#fff;
    text-decoration: none;
    text-transform: uppercase;
    cursor: pointer;
    DISPLAY: INLINE-BLOCK;
    PADDING: 5px;
}
li.listmenu a:hover, li.listmenu a:focus{
    background-color:transparent;
}
.header{
    width:100%;
    position: fixed;
    z-index:100;
    left:0;
    top:0;
    height:104px;
    -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;
}
.header.dopstyleheader{
    background-color: #10131E;
    -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;
}

.header.backclass{
    background-color: transparent!important;
}
.topslide, .slidetext  {
    height: 100vh;
    min-height: 600PX;
}
.mygalstyle{
    position: relative;
    overflow: hidden;
}
.topgallery{
    width: 100%;
    z-index: 1;
}
.topslide {

    width: 100%;
    position: relative;
    display: table;
}
.photobanermain{
    /*position: absolute;*/
    /* top:0;
     bottom:0;*/
    width:100%;
    /*left:0;*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
    height: 600px;
    height: 100vh;
}
.scriptslidermainpage{
    position: absolute;
    top:0;
    bottom:0;
    width:100%;
    left:0;
    min-height: 100vh;
    height: auto;
}
.slidetext {
    position: relative;
    color: #fff;
    z-index: 12;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 105px 4% 55px;
    margin-left: 0;
    left: 0;
    top: 0;
    margin-top: 0;
}

.allsiteblock{
    position: relative;
    width:100%;
}
.topshadow{
    position: absolute;
    left:0;
    top:0;
    background-image: url(../images/topshadow.png);
    background-repeat: repeat-x;
    background-position: left top;
    background-size: auto 100%;
    height: 160px;
    width: 100%;
    z-index: 4;
}

.logoblock{
    width:250px;
    height:84px;
    /*background-image: url(../images/logomain.svg);*/
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    position: absolute;
    left:0;
    top:10px;
    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;
}

.header.dopstyleheader .logoblock{
    height:54px;
    width:210px;
    top:25px;
}
.bigtext{
    font-size : 33px;
    color : #DFDFDF;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 35px;
    line-height: 1.3;
}

.bigtext:after{
    position: absolute;
    content: '';
    width:222px;
    left:50%;
    margin-left: -111px;

    bottom:0;
    height:2px;
    background-color: white;
}

.smalltext{
    text-align: center;
    max-width:800px;
    margin:0 auto;

}
.otstupnew{
    padding-top: 45px;
}
.otstupnewrest{
    padding-top: 25px;
}

.restclass6 .logoinrest{
    height: 110px;
    margin-bottom: 0;
}
.logoinrest{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height:70px;
    width:100%;
    max-width: 250px;
    margin:0 auto;
    margin-bottom: 25px;
}
.tripadlogo:hover, .faceiconirest:hover{
    opacity: 0.7;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.tripadlogo{
    position: absolute;
    display: inline-block;
    /*width:22%;*/
    /*margin: 0 1%;*/
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    background-image: url('../images/tripadvisornew.svg');
    width:50px;
    height:50px;
    right:5px;
    bottom:5px;
    z-index:12;
    /*cursor:pointer;*/
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.mycontainer.blabladop{
    bottom:22px;
}
.tripadlogo.restid1,.tripadlogo.restid4,.tripadlogo.restid6{
    background-image: none;
}
.coock_photo{
    display: block;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    width: 120px;
    height: 120px;
    MARGIN:0 AUTO;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-bottom: 15px;
}
.logorestoran{

    display: inline-block;
    margin:0 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 45px;
    height:70px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    max-width: 170px;
}

.grano{

    width:104px;

}
.shoti{

    width:165px;

}
.pantagru{

    width:119px;

}
.biancoro{

    width:146px;

}
.napule{

    width:168px;
}

.bottomarrow{
    position: absolute;
    width:26px;
    height:16px;
    left:50%;
    bottom:25px;
    margin-left: -13px;
    background-image: url(../images/bottomarrow.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    z-index:12;
    animation: fadeIn 1s infinite alternate;
    cursor: pointer;
}
.greyback{
    width:100%;
    background-color: #D8D5D3;
}
.footer .all_block_text{
    border-bottom:1px solid #d0cecd;
}
.zaglavtext,.inbooktext,.contactstext{
    font-size : 22px;
}
.zaglavtext{
    color : #3A3936;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 22px;
    /*font-weight:400;*/
}

.zaglavtext:after, .text1:after{
    position: absolute;
    content: '';
    width:100px;
    left:50%;
    margin-left: -50px;
    bottom:0;
    height:2px;
    background-color: #3A3936;
}

.text1{
    font-size : 12px;
    color : #3A3936;
    max-width:450px;
    margin:0 auto;
    text-align: center;
    line-height: 1.7;
    padding-top: 37px;
    padding-bottom: 37px;
    position: relative;
    font-weight:300;
    text-transform: uppercase;
}
.text1 p{
    font-weight:300;
    padding: 8px 0;
}
.text2{
    font-size : 16px;
    color : #3A3936;
    text-transform: uppercase;
    text-align: center;
    padding-top: 45px;
}
.whiteback{
    background-color: white;
}
.logoicons:before{
    content: '';
    width: 36px;
    height: 36px;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -18px;
    background-image: url(../images/greyicon.svg);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
.logoicons{
    padding-top: 70px;
}

.restoranblock{
    width:30%;
    margin:0 1%;
    display: inline-block;
    margin-bottom: 45px;
    vertical-align: top;
}

.logorest{
    width:auto;
    margin-right: 80px;
    max-width:170px;
    height:80px;
    margin-bottom: 30px;
    position: relative;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.logorest:after, .logodescript:after{
    position: absolute;
    content: '';
    width:47px;
    left:0%;
    bottom:-30px;
    height:2px;
    background-color: #3A3936;
}

.greygran{
    background-image: url(../images/greygrano.svg);

}
.greyshoti{
    background-image: url(../images/greyshoti.svg);
}
.greyboincor{
    background-image: url(../images/greyboincor.svg);
}
.greypanta{
    background-image: url(../images/greypanta.svg);
}
.greynapule{
    background-image: url(../images/greynapule.svg);
}
.logoname{
    padding-top: 30px;
    text-align: left;
    font-size : 20px;
    color : #3A3936;
    font-weight:400;
    padding-bottom: 15px;
    /*font-family: 'Lora', serif;*/
}
.logodescript{
    font-size: 12px;
    color: #3A3936;
    line-height:1.5;
    /*font-weight:400;*/
    margin-bottom: 60px;
    position: relative;
    padding-right: 25px;
}
.telephoneblock a{
    font-size : 10px;
    color : #3A3936;
    text-decoration: none;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
.menumainblock a{
    font-size : 10px;
    color : #3A3936;
    text-decoration: none;
    -webkit-transition: all 2.5s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -o-transition: all 2.5s ease-in-out;
    transition: all 2.5s ease-in-out;
}
.adressblock, .telephoneblock, .menumainblock{
    font-size : 10px;
    color : #3A3936;
    position: relative;
    padding-left: 25px;
    text-align: left;
    text-transform: uppercase;
    /*font-weight:400;*/
    LINE-HEIGHT: 1.8;
    display: inline-block;
}
.telephoneblock p{
    padding-bottom: 5px;
}
.adressblock, .telephoneblock{
    MARGIN-BOTTOM: 10px;
}
.adressblock:before, .menumainblock:before,.telephoneblock:before {
    width:16px;

    content: '';
    position: absolute;
    top: 50%;
    left: 0;

    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}
.adressblock:before{

    height:20px;

    margin-top: -10px;
    background-image: url(../images/adressblock.svg);

}
.menumainblock:before{
    height:20px;
    margin-top: -11px;
    background-image: url(../images/newmenubk.svg);
    -webkit-transition: all 2.5s linear;
    -moz-transition: all 2.5s linear;
    -o-transition: all 2.5s linear;
    transition: all 2.5s linear;
    cursor:pointer;
}
.telephoneblock:before{

    height:16px;
    margin-top: -8px;
    background-image: url(../images/telephoneblock.svg);

}

.restoranblock{
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    /*height: 235px;*/
    height: 400px;
}
.myanimac{
    -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;
}
.photorestoranclass{
    position: absolute;
    top:0;
    bottom:0;
    width:100%;
    left:0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    opacity:0;
    z-index:2;
    /*display: none;*/
    /*cursor:pointer;*/
    padding:20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.hovername:hover{
    color:white;
    text-decoration: none;
    opacity: 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;

}
.hovername:before{
    width:55px;
    height:20px;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    background-image: url(../images/arrowright.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    opacity:0;
}
.hovername{
    font-size : 17px;
    color : #FFFFFF;
    text-decoration: none;
    position: absolute;
    top:50%;
    margin-top:-39px;
    padding-top: 30px;
    padding-bottom: 30px;
    width:100%;
    left: 0;
    padding-left: 20px;
    /*font-family: 'Lora', serif;*/
    /*font-weight:400;*/
    padding-right: 75px;
    z-index: 3;
    -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;
}

.restoranblock:hover .photorestoranclass{
    /*display: block;*/
    opacity: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;
}
.newrestoran{
    width: 30%;
    margin: 0 1%;
    display: inline-block;
    /* margin-bottom: 45px;*/
    vertical-align: middle;
    height: 400px;
    /*height: 235px;*/
    position: relative;
}

.textblocksnew:before{
    width:53px;
    height:2px;
    content: '';
    position: absolute;
    background-color: #3A3936;
    top:0;
    left: 0;
}
.textblocksnew:after{
    width:53px;
    height:2px;
    content: '';
    position: absolute;
    background-color: #3A3936;
    bottom:0;
    left: 0;
}
.textblocksnew{
    font-size : 20px;
    color : #3A3936;
    font-weight: 400;
    position: absolute;
    top:50%;
    line-height:1.8;
    padding:20px 0;
    margin-top: -56px;
}

.newsblock.newsfirstblock{
    /*height:600px;*/
}
.newsblock{
    width:50%;
    margin:0%;
    float: left;
    height:300px;
    padding:5px;

}
.photonews{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    position: relative;
    cursor:pointer;
    overflow: hidden;

}
.clear{
    clear: both;
}
.newsall{
    padding-top: 45px;
}
.datablock {
    font-size: 10px;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: left;
    /*font-weight: 400;*/
    padding-bottom: 20px;
    position: relative;
}

.namenews:before{
    width:55px;
    height:20px;
    content: '';
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -10px;
    background-image: url(../images/arrowright.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    opacity:0;
    -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;
}
.photonews:hover .masknewsblock{
    -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;
    background-color: rgba(0, 0, 0, 0.8);
}
.photonews:hover .namenews:before{
    opacity: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;
    animation: fadeIn 0.5s infinite alternate;
}
.namenews a,.namenews,.namenews h1 {
    font-size : 19px;
    color : #FFFFFF;
    text-align: left;
    font-weight: 300;
    /*font-family: 'Lora', serif;*/
    text-decoration: none;
    cursor:pointer;

}
.namenews h1{
    line-height: 1.4;
}
.namenews{

    padding: 20px 0;
    position: relative;
    padding-right: 95px;

}

.datablock:before{
    width:53px;
    height:2px;
    content: '';
    position: absolute;
    bottom:0;
    left:0;
    background-color: white;
}
.namerestornew:after{
    width:53px;
    height:2px;
    content: '';
    position: absolute;
    top:0;
    left:0;
    background-color: white;
}
.namerestornew{
    font-size : 14px;
    color : #FFFFFF;
    text-align: left;
    /*font-weight: 400;*/
    padding-top: 20px;
    position: relative;
    padding-right: 95px;
    /*font-family: 'Lora', serif;*/
    line-height: 1.7;
}

.masknewsblock{
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index:1;
}
.textposblock{
    position: absolute;
    top:50%;
    margin-top:-90px;
    z-index:2;
    width: 93%;
    left: 7%;
}

.socbuttonsafter{
    padding:65px 60px 0;
}


.socbuttonsafter .insta {
    background-image: url(../images/greyinsta.svg);
}
.socbuttonsafter .fb {
    background-image: url(../images/greyfb.svg);
}
.morenews:before{
    width:55px;
    height:16px;
    content: '';
    position: absolute;
    top: 50%;
    right: -65px;
    margin-top: -8px;
    background-image: url(../images/arrowrightgrey.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    animation: fadeIn 1s infinite alternate;
}
.morenews:hover{

}
.iconsnews:hover{
    opacity:1;
    text-decoration: none;

    color : #383838;
}
.iconsnews{
    font-size : 10px;
    color : #383838;
    height:26px;
    line-height:26px;
    /*font-weight:400;*/
    position: relative;
    text-transform: uppercase;
    cursor:pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;

}
.morenews{
    display: inline-block;
    text-align: right;
    margin-right:65px ;
    float: right;
    /*font-weight: 400;*/
}

.logoblock.shotilogo{
    background-image: url(../images/shotilogo.svg);
    background-position: left center;
    width: 219px;
}

.citata p{
    padding-bottom: 10px;
}
.citata{
    font-size : 15px;
    color : #FFFFFF;
    line-height:1.6;
    /*font-family: 'Lora', serif;*/
    /*font-style: italic;*/
    max-width:580px;
    margin: 0 auto;
    padding-bottom: 50px;
    /*text-transform: uppercase;*/
}
.smalltext{
    font-size : 20px;
    color : #FFFFFF;
    line-height:1.4;
}

.inrestoran .bigtext:after{
    display: none;
}
.inrestoran .bigtext{
    padding-bottom: 0;
}

.podpis{
    width:200px;
    height:100px;
    /*background-image: url('../images/podpis.svg');*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    margin:15px auto;
}
.lineafter{
    position: relative;
    padding-bottom: 35px;
}
.adressbigblock{
    text-align: center;
    padding: 50px 1% 0;
    max-width: 800px;
    margin: 0 auto;
    position: relative;
}

.adressbigblock:before{
    position: absolute;
    content: '';
    width: 222px;
    left: 50%;
    margin-left: -111px;
    top: 0;
    height: 2px;
    background-color: white;
}
.lineafter:after{
    position: absolute;
    content: '';
    width: 222px;
    left: 50%;
    margin-left: -111px;
    bottom: 0;
    height: 2px;
    background-color: white;
}
.blocksinfo{
    display: inline-block;
    text-align: center;
    /* width:30%;*/
    width:22%;
    margin: 0 1%;

    padding-top: 45px;
    position: relative;
    vertical-align: top;
}
.hoveraction{
    cursor:pointer;
}
.hoveraction:hover{
    opacity:1;
    color: white;
}
.blocksinfo a,.blocksinfo{
    font-size : 13px;
    color : #FFFFFF;
    text-decoration: none;
}
.blocksinfo:before{
    position: absolute;
    content: '';
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: 0;
    height: 30px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    /*behavior: url("../css/backgroundsize.htc");
    -ms-behavior: url('../css/backgroundsize.htc');
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;*/
}
.adressinfo:before{

    background: url('../images/adressinfo.svg');
    background-repeat: no-repeat;
}
.graficinfo:before{

    background-image: url('../images/graficinfo.svg');
    background-repeat: no-repeat;

}
.telephoinfo:before,.telephoinfo.delivery_info:before{
    background-image: url('../images/delivery.svg');
}
.telephoinfo.delivery_info:before{
    margin-top:1px;
}
.telephoinfo:before{
    background-image: url('../images/telephoinfo.svg');
    background-repeat: no-repeat;
}

.eatsblock{
    /* padding-top: 25px;*/
    /*padding-bottom: 65px;*/
    text-align: center;
}
.bigtopotstup{
    padding-top: 45px;
}
.topotstupnew{
    /*margin-top: 45px;*/
}

.eatsone{
    width:100%;
    /* display: inline-block;*/
    /* margin:0 1px;*/
    /*vertical-align: top;*/

}
.eatsonephoto{
    width:100%;
    height: 250px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.eatname{
    font-size : 17px;
    color : #3A3936;
    padding: 25px 0;
    position: relative;
    text-align: left;
    /*font-weight:400;*/
    /*padding-left: 20px;*/
    /*font-family: 'Lora', serif;*/
}

.eatname:after, .italstyle:after{
    position: absolute;
    content: '';
    width: 47px;
    left: 0px;
    bottom: -1px;
    height: 2px;
    background-color: #3A3936;
}

.eatdescript{
    font-size : 12px;
    color : #3A3936;
    padding: 25px 0;
    position: relative;
    text-align: left;
    /*font-weight:400;*/
    line-height: 1.8;
    /* padding-left: 20px;*/
    padding-right: 20px;
}

.historyblock{
    width:100%;
    height:400px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    vertical-align: middle;
    margin: 5px 0;
}
.maskhist{
    position: absolute;
    top:0;
    BOTTOM:0;
    LEFT:0;
    right:0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index:0;


}
.textsblockhist{

    display: table-cell;
    vertical-align: middle;
    padding: 0 5%;
    z-index: 1;
    position: relative;

}

.histname{
    font-size : 22px;
    color : #FFFFFF;
    line-height: 1.3;
    text-align: left;
    padding-bottom: 25px;
    /*font-family: 'Lora', serif;*/
    /*font-weight:400;*/
}

.histdesript p{
    padding-bottom: 10px;
}
.histdesript:before{
    position: absolute;
    content: '';
    width: 47px;
    left: 0px;
    top: 0px;
    height: 2px;
    background-color: #fff;
}
.histdesript{
    padding-top: 25px;
    font-size : 12px;
    color : #FFFFFF;
    text-align: left;
    /*font-weight:400;*/
    line-height: 1.8;

    position: relative;
}
.firstblockleft{
    max-width:550px;
    float: left;
}
.firstblockleft.secondblockright{
    float: right;
}

.menunameblocks{
    text-align: center;
    padding-top: 20px;
    /*padding-bottom: 25px;*/
    /*border-bottom: 2px solid #3A3936;*/
}
.menutabs{
    display: inline-block;
    margin: 10px 25px 25px;
    position: relative;
}
.menutabsimage{
    width:50px;
    height:30px;
    margin:0 auto;
    margin-bottom: 15px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top center;
    cursor:pointer;
}
.menutabsname{
    display: block;
    text-align: center;
    cursor:pointer;
    font-size : 16px;
    color : #3A3936;
    /*font-weight:400;*/
    text-transform: uppercase;

    padding:2px 0;
}
.menutabs:before{
    /* top: -10px;*/
}
.menutabs:after{
    bottom: -10px;
}

.menutabs:hover:after,.menutabs.selected:after{
    right: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid #3A3936;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.menutabs:after{
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;

}
.menublocks{
    text-align: left;
    padding-top: 25px;
    padding-bottom: 0px;
    border-bottom: 2px solid #3A3936;
}
.onemenublock{
    width:46%;
    display: inline-block;
    vertical-align: top;
    margin: 0 2% 35px;
}

.eatprice{
    font-size :16px;
    color : #3A3936;
    text-align: left;
    /*font-weight: 400;*/
    padding-top: 25px;
    position: relative;
    /*font-family: 'Lora', serif;*/
}
.eatprice:before{
    /* position: absolute;
     content: '';
     width: 47px;
     left: 0px;
     top: 1px;
     height: 2px;
     background-color: #3A3936;*/
}
.aboutblock{
    padding:0 10px 0 20px;
}

.downloadbuttons{
    padding:45px 0 0;
    /*font-weight: 400;*/
}
.bookiconnew{
    float: left;
    position: relative;
    padding-left: 35px;
    /*font-weight: 400;*/
}
.bookiconnew:before{
    width: 24px;
    height: 24px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -14px;
    background-image: url(../images/bookiconnew.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
}

.newmask{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: rgba(0,0,0,.6);
    background: -moz-linear-gradient(left,rgba(0,0,0,.6) 0%,rgba(0,0,0,.14) 100%);
    background: -webkit-linear-gradient(left,rgba(0,0,0,.6) 0%,rgba(0,0,0,.14) 100%);
    background: linear-gradient(to right,rgba(0,0,0,.6) 0%,rgba(0,0,0,.14) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000',endColorstr='#00000000',GradientType=1);

}
.mygalstyle.fornews,.fornews .topslide,.fornews .slidetext{
    /* height:600px;*/
}
.bodynews p{
    padding-bottom: 15px;
}
.news-images{
    display:flex;
}
.news-images div{
    flex:1;
    padding:0 5px;
}
.news-images div:nth-child(1){
    padding:0 5px 0 0;
}
.news-images div img{
    width:100%;
}
.bodynews{
    font-size: 16px;
    color: #3A3936;
    margin: 0 auto;
    text-align: left;
    line-height: 1.5;
    padding-bottom: 45px;
    max-width:900px;
}

.bodynews img{
    max-width: 100%;
    height:auto;
}

.prewpost:before{
    width: 55px;
    height: 20px;
    content: '';
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -12px;
    background-image: url(../images/arrowrightgrey.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
.prewpost{
    text-align: left;
    padding-left: 65px;
    float: left;
    position: relative;
}



.italstyle{
    /*font-style: italic;*/
    font-weight:400;
    padding-right: 60px;
}

.itemslider{
    height:500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width:100%;
}
.scriptslider{
    height:500px;
    margin-top: 45px;
}
.slideItem{
    height:500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width:100%;
}
.sliderimg{
    width:100%;
    height:auto!important;
}

.logorestoran:hover{
    opacity:0.7!important;
    -webkit-transition: all .3s ease!important;
    -moz-transition: all .3s ease!important;
    -o-transition: all .3s ease!important;
    transition: all .3s ease!important;
}
.logorestoran:after{
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;
    bottom: -10px;

}

.logorestoran:hover:after {
    right: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid white;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.twoblocklogo{
    float: none;
    margin:0 auto;
    margin-top: 45px;
    cursor:default;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
}
.guspodpis:before{
    /*position: absolute;
    content: '';
    width:100%;
    height:60px;
    bottom:0px;
    left:0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;*/
}

.guspodpisimage{
    width:250px;
    height:70px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    margin:0 auto;
    margin-top:20px
}
.firstpod:before{
    /*background-image: url('../images/sergpod.png');*/
}
.secondpodpis:before{
    /*background-image: url('../images/yevpod.png');*/
}
.guspodpis{
    display:inline-block;
    text-align: center;
    width: 50%;
    max-width:250px;
    position: relative;
    padding-bottom: 70px;
}
.owl-theme .owl-dots .owl-dot span{
    background: #383838;
}

.mobbutton{
    display: none;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label{

    color: white;
    font-size: 12px;
    letter-spacing: 0.5px;
    position: absolute;
    bottom: -20px;
    margin: 0;}


.newsblock:first-child{
    height: 600px;
}
.historyblock:nth-child(2) .firstblockleft{
    float: right;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
    background-color: transparent;
}

.owl-theme .owl-controls .owl-nav [class*=owl-]{
    font-size: 0;
    line-height: 0;
    z-index: 1;
    display: block;
    padding: 0;
    /*-webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);*/
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background-color: transparent;
    animation: fadeIn 0.7s infinite alternate;
    width: 55px;
    height: 20px;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    margin-top:-10px;
}

.owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-next:hover{
    background-image: url(../images/nextslide.svg);
    right:5%;
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-prev:hover{
    background-image: url(../images/prewslide.svg);
    left:5%;
}

a:hover, a:focus{
    text-decoration: none;
    /* color: #383838;*/
    outline:none;
}

.menublocks{
    display: none;
}

.menumore.morenews{
    float: left;
    padding-left: 20px;
    margin-bottom: 45px;
}

a.iconsnews:hover,a.iconsnews:focus,a.iconsnews:active{
    color: #383838;
}



.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
    background-color: #fff;
    border-color: #1A1E2B;
    color:#1A1E2B;
}
.pagination>li{
    margin: 1px;
}

.pagination > li > a, .pagination > li > span,.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{
    color: white;
    border: 1px solid #1A1E2B;
    background-color: #1A1E2B;
    width:45px;
    height:45px;
    line-height:45px;
    text-align: center;
    padding:0;
    margin:0;
    font-size: 13px;
    /*font-weight: 400;*/
}

.pagination > li {
    display: inline-block;
    text-align: center;
    font-size: 13px;
    /*font-weight: 400;*/
}

.pagination > li:first-child > a, .pagination > li:first-child > span{
    margin-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px auto;
    border-radius: 0;
    text-align: center;
    width: 100%;
}

.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{
    color: #1A1E2B;
    background-color: #eee;
    border-color: #1A1E2B;
}

.newspage{
    padding-bottom: 45px;
}

.pagination>.disabled>span, .pagination>.disabled>span:hover, .pagination>.disabled>span:focus, .pagination>.disabled>a, .pagination>.disabled>a:hover, .pagination>.disabled>a:focus{
    display: none;
}

.infoBubble:before{
    width: 60px;
    height: 60px;
    display: block;
    background-color: transparent;
}
.infoBubble{
    /* background-image: url('../images/marker.svg');
     background-repeat: no-repeat;
     background-size: 40px;
     background-position: top center;*/
    color:#fff;
    text-transform: uppercase;
    padding-top: 40px;
    width: auto;
    /*min-width:180px;*/
    position: relative;
}

.infoBubble:before{
    position: absolute;
    top: 0px;
    left:50%;
    margin-left: -20px;
    content: '';
    width: 40px;
    height: 40px;
    background-image: url(../images/marker3.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}
.infoBubble .head:after{
    position: absolute;
    bottom:1px;
    width:50px;
    left:50%;
    margin-left: -25px;
    height:1px;
    background-color: white;
    content:'';
}
.infoBubble .head{
    background-color: #1A1E2B;
    text-align: center;
    /*font-family: 'Lora', serif;*/
    font-size:10px;
    text-transform: uppercase;
    font-weight:300;
    /*text-transform: none;*/
    padding:15px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-top: 2px solid white;
    display: none;

}
.infoBubble .head  p{
    /*white-space: nowrap;*/
}
.infoBubble .inner{
    background-color: #1A1E2B;
    /*display: none;*/
    transition: all .3s ease;
    padding-top: 12px;
    font-size:10px;
    text-align: center;
    display: none;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-bottom: 2px solid white;
    box-sizing: border-box;
    font-weight:300;
}
.infoBubble .address p{
    /* white-space: nowrap; */
    line-height: 100%;
}
.infoBubble:hover .inner{
    display: block;
    transition: all .3s ease;
}

.infoBubble .address{
    padding-bottom:5px;
    box-sizing: border-box;
    text-transform: none;
    padding: 0 15px 5px;
}
.infoBubble .phone{
    padding-bottom:15px;
    padding: 0 15px 15px;
}
.infoBubble .inner .phone a{
    color:white;

}
.restoranmenu:before{
    position: absolute;
    content: '';
    background-image: url(../images/menuicon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width:14px;
    height:22px;
    top:50%;
    margin-top:-11px;
    left:13px;
    /*margin-left: -7px;*/

}
.restoranmenu{
    /*width:40px;*/
    height:40px;
    line-height:40px;
    /*font-family: 'Lora', serif;*/
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    /*font-weight:400;*/

    background-color: #10131E;
    position: absolute;
    top:15px;
    left:15px;
    /*border-radius: 6px;*/
    /*border: 2px solid #10131E;*/
    cursor:pointer;
    border-radius: 6px;
    padding-left: 40px;
    padding-right: 13px;
}
.formob_map_text_style{
    display: none;
}
.noneurl:hover,.noneurl:focus{
    color:white;
}


.infoBubble .head .name{
    line-height: 1;

}

.dopmailing {
    position: relative;
    text-align: left;
    width: 220px;
    margin-right: 65px;

}

.dopmailing:before {
    position: absolute;
    content: '';
    background-image: url(../images/arrow-right.svg);
    background-position:  100% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50px;
    height: 20px;
    right:40px;
    top:50%;
    margin-top:-12px;
}


.popup {
    width: 100%;
    min-height: 100%;
    background-color: rgba(0,0,0,0.85);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 111;
}

.popupcontent {
    width: 500px;
    height: 200px;
    position: absolute;
    background-color: #D8D5D3;
    top: 50%;
    left: 50%;
    margin-left: -250px;
    margin-top: -100px;

    text-align: center;
    border-radius: 0px;
    /* -webkit-box-shadow: 0px 0px 60px 3px rgba(117,117,117,0.64);
     -moz-box-shadow: 0px 0px 60px 3px rgba(117,117,117,0.64);
     box-shadow: 0px 0px 60px 3px rgba(117,117,117,0.64);*/
}
.mainpopup{
    width: 100%;
    padding:60px 70px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: table;
    height: 100%;
}
.popupdescription {
    /* font-size: 110%;*/
    text-transform: uppercase;
    /* position: relative;
     color: #253645;*/
    font-weight: 400;
    /* font-family: 'Roboto Slab', serif;*/
    line-height: 2;
    display: table-cell;
    vertical-align: middle;
}

.popupcontent .closebuttons{
    position: absolute;
    right: -50px;
    top: -50px;
    float: none;
    margin-left: 0;
    border: 2px solid #fff;

}

.popupcontent .closebuttons:before{
    background-image: url(../images/closebuttonwhite.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.hamburger {
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-filter: blur(0);
    position: absolute;
    z-index: 9999999999;
    cursor: pointer;
    height: 18px;
    top: 50%;
    margin-top: -9px;
    -webkit-transform: translateX(0%) translateY(0%);
    -ms-transform: translateX(0%) translateY(0%);
    transform: translateX(0%) translateY(0%);
    width: 22px;
    left: 0;
    outline: none!important;
    -webkit-tap-highlight-color: rgba(255,255,255,0);

}
.menuicon{
    padding-left: 30px;
}
.menuicon:after{
    display: none;
}
.hamburger .bar1, .hamburger .bar2,.hamburger .bar3{
    background-color: #fff;
}
.hamburger .bar1, .hamburger .bar2, .hamburger .bar3{
    -webkit-tap-highlight-color: rgba(255,255,255,0);
    outline: none!important;
    position: absolute;
    z-index: 1;
    width: 22px;
    height: 2px;
    top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;

}
.bar1{
    transform: translate(0%, 0%) translate3d(0px, 2px, 0px);
    -webkit-transform: translate(0%, 0%) translate3d(0px,2px,0px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bar2{
    transform: translate(0%, 0%) translate3d(0px, 8px, 0px);
    -webkit-transform: translate(0%, 0%) translate3d(0px, 8px, 0px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bar3{
    transform: translate(0%, 0%) translate3d(0px,14px, 0px);
    -webkit-transform: translate(0%, 0%) translate3d(0px,14px, 0px);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bar .bar1{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: translate(0%, 0%) matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 9, 0, 1);
    -webkit-transform: translate(0%, 0%) matrix3d(0.707107, 0.707107, 0, 0, -0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 9, 0, 1);
}
.bar .bar2{
    transform: translate(0%, 0%) translate3d(0px, 13.75px, 0px);
    -webkit-transform: translate(0%, 0%) translate3d(0px, 13.75px, 0px);
    visibility: inherit;
    opacity: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.bar .bar3{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    transform: translate(0%, 0%) matrix3d(0.707107, -0.707107, 0, 0, 0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 9, 0, 1);
    -webkit-transform: translate(0%, 0%) matrix3d(0.707107, -0.707107, 0, 0, 0.707107, 0.707107, 0, 0, 0, 0, 1, 0, 0, 9, 0, 1);
}

.langv{
    /*position: fixed;
    background-color: white;
    z-index:1000;
    bottom: 0;
    right:0;*/
}

.textburger{
    position: relative;
}


.textburger:after {
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;
    bottom: -5px;
}

.textburger:hover:after {
    right: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid white;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
}

ul.listleft.nav.mapclass {
    padding: 0;
    display: block;
}

ul.listleft.nav.mapclass li.listmenu{
    opacity:1;
}


#lang {
    position: absolute;
    right: 270px;
    /*bottom:0px;*/

    z-index: 12;
    background-color: transparent;
    color: #fff;
    padding:0px;
    -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;
    display: block;
    font-size: 10px;
    line-height: 1;
}

#current-lang {
    /* border-bottom: 1px solid #fff;*/
    /*border-right: 1px solid #fff;*/
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    display: block;
    float: left;
    position: relative;
    font-weight: 500;
    cursor: default;
    margin: 0;
    padding: 0;
    padding-right: 6px;
}

ul#langs li a{
    position: relative;
    padding-left: 5px;
}
ul#langs li a:before{
    position: absolute;
    top:0;
    bottom:1px;
    width:1px;
    left:-1px;
    background-color: white;
    content: '';

}
span.show-more-lang {
    display: none;
}

ul#langs {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: block;
    float: right;
    text-align: center;
}
ul#langs li {
    display: block;
    margin: 0;
    padding: 0;
}
ul#langs li a {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
}
#lang.doplangclass{

    /*background-color: #10131E;
    -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;*/

}


.restoranblock:hover .hovername:before {
    opacity: 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;
    /*animation: fadeIn 0.5s infinite alternate;*/
}

.photoabs{
    position: absolute;
    top:0;
    bottom:0;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    -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;
    transform: scale(1);
}

.photonews:hover .photoabs{
    /*transform: scale(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;
}


ul#langs li:hover{
    /* opacity:0.5;*/
    -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;
}


.header .logoblock{
    /* animation-name: opac;
     animation-duration: 6s;
     animation-iteration-count:1;
     -webkit-animation-name: opac;
     -webkit-animation-duration: 2s;
     -webkit-animation-iteration-count:1;
     animation-timing-function: ease-in;*/

}
@keyframes opac {
    /* 0% {
         opacity: 0
     }
     25% {
         opacity: 0.25
     }
     50% {
         opacity: 0.5
     }
     75% {
         opacity: 0.75
     }
     100% {
         opacity: 1
     }
 */
}
.cat_name:before{
    top:-12px;
}
.cat_name:after{
    bottom:-12px;
}
.cat_name:before, .cat_name:after{
    position: absolute;
    width:100%;
    height:2px;
    background-color: #3A3936;
    content: '';
    left:0;
    display: none;
}

.cat_name{
    font-size: 22px;
    color: #3A3936;
    /* font-weight: 400;*/
    text-transform: uppercase;
    margin: 40px 0 30px;
    /* font-family: 'Lora', serif;*/
    /* float:left;*/
    position: relative;
    /* padding:2px 5px;*/
    width:100%;
    text-align: center;
}

.textmapmu{
    height: 40px;
    line-height: 40px;
    position: absolute;
    top: 30px;
    left: 70px;

    background-color: #10131E;
    /*border: 2px solid #10131E;*/
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    padding-right:13px;
    cursor:pointer;
}

.header.dopstyleheader .logoblock, .header.dopstyleheader .bookicon, .header.dopstyleheader .menuicon{
    opacity:1!important;
    -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;
}

.newbigots{
    padding-top: 75px;
}

.newbigbot{
    padding-bottom: 25px;
}
.menudishtab td {
    vertical-align: top;
}
.menudishtab{
    width:100%;
}

.inlineclassprice{
    padding-left: 20px;
    white-space: nowrap;
    width: 80px;
    text-align: right;
}

#infoBubble-3:before{
    /*left:auto;
    right:0;
    margin-left: 0;*/
}
.infoBubble{
    min-width:unset;
    width: 40px;
    margin: 0;
}
.infoBubble>div{
    position: absolute;
    width:160px;
    left:-60px;
}
.all_infoBubble_content{
    overflow: hidden;
    height: 0;
}
.menumainblock.widthhover{
    z-index: 2;
    position: absolute;
    bottom:32px;
    left:20px;
}

.menumainblock{
    z-index: 5;
    -webkit-transition: all 2.5s ease-in-out;
    -moz-transition: all 2.5s ease-in-out;
    -o-transition: all 2.5s ease-in-out;
    transition: all 2.5s ease-in-out;
}
.menumainblock.widthhover:before{
    /*background-image: url(../images/menumainblockwhite.svg);*/
}
.menumainblock.widthhover a{
    /* color:white;*/
}
@media (min-width: 1024px){
    .restoranblock:hover .menumainblock a{
        color:white;
        -webkit-transition: all 2.5s linear;
        -moz-transition: all 2.5s linear;
        -o-transition: all 2.5s linear;
        transition: all 2.5s linear;
    }
    .restoranblock:hover .menumainblock:before{
        background-image: url(../images/newmenuwh.svg);
        -webkit-transition: all 2.5s linear;
        -moz-transition: all 2.5s linear;
        -o-transition: all 2.5s linear;
        transition: all 2.5s linear;
    }
    .menumainblock:hover{
        opacity: 0.7;
        -webkit-transition: all 0.5s linear;
        -moz-transition: all 0.5s linear;
        -o-transition: all 0.5s linear;
        transition: all 0.5s linear;
    }
}

.inrestslide{
    width:100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.namerestorlogo{
    height:30px;
    width:50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 50%;
}

.copyright.bigbot{
    font-size:12px;
    margin-bottom: 5px;
    margin-top: 0;
}
.tripadviselogo:before{
    content: '';
    position: absolute;
    left:0;
    top:50%;
    height:14px;
    margin-top:-7px;
    width:25px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left center;
    background-image: url('../images/tripgrey.svg');
}
.tripadviselogo{
    position: absolute;
    top:20px;
    right:20px;
    height: 49px;
    line-height: 49px;
    padding-left: 35px;
    font-size:12px;
}

.ocafenew{
    width:140px;
    height: 125px;
}

.__reston-order.bookicon{
    position: absolute;
    padding: 0;
    color: #fff;
    text-align: left;
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
    z-index: 10;
    cursor: pointer;
    padding-left: 0px;
    font-family: 'Rubik', sans-serif;
    background:transparent;
    box-shadow:none;
}

@keyframes obefore {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes obefore2 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.myanimac .menumainblock{
    animation-duration: 1.5s;
    animation-timing-function: linear;
    animation-iteration-count: 1;
    animation-name: obefore;
}
.myanimac:hover .menumainblock{
    animation-name: obefore2;
}
.menumainblock:before,.menumainblock a,.restoranblock:hover .menumainblock:before,.restoranblock:hover a{
    transition-duration: 0s!important;
}
#lang.langhide{
    display: none;
}

.faceiconirest, .tripnewadw{
    width:20px;
    height:20px;
    /*position: absolute;*/
    /* right:70px;
     bottom:5px;*/
    display: inline-block;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 12;
    margin: 25px 10px 0;
}
.tripnewadw{
    background-image: url(../images/tripadnew.svg);
    /* background-color: white;
     border-radius:3px;
     background-size: 19px;*/
}
.articleblock{
    width:100%;
    position: relative;
}
.textblockarticle{
    /* width:50%; */
}
.articlemiimg{
    position: absolute;
    top:0;
    bottom:0;
    width:50%;
    right:0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.articleblock .datablock, .articleblock .namenews, .articleblock .namerestornew{
    color: #3A3936;
}
.articleblock .datablock:before{
    background-color: #3A3936;
}
.articleblock .namenews:before{
    background-image: none;
    width: 53px;
    height: 2px;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #3A3936;
    top:auto;
    margin:0;
    opacity: 1;
}
.slidetextnew{
    padding: 150px 4%;
    position: relative;
    text-align: center;
    z-index: 8;
    display: table-cell;
    vertical-align: middle;
}
.mygalstyle.fornews{
    min-height: 420px;
}
.newsbigimg{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height:420px;
    display: table;
    width:100%;
}

.slidetextnew .bigtext:after{
    display: none;
}

.socbuttonsafter.innewmy{
    padding: 65px 0 0;
}
.newspgetopotst{
    padding-top: 140px;
    background-color: #10131E;
}

.dopcont:after{
    display: none;
}
.contactstext.animateelev.dopcont {
    PADDING-BOTTOM: 0PX;
}

.indexpage .newsblock.newsbox:last-child {
    width: 100%;
}

.smallname:after,.morenews:after, .hoveraction:after,.contactinfo a:after{
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;
    bottom: -10px;
}
.hoveraction:after{
    bottom: -6px;
}
.infoBubble .phone a span:after{
    right: 50%;
    left: 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    border-bottom: 2px solid transparent;
    content: "";
    position: absolute;
    bottom: 0px;
}
.smallname{
    display: inline-block;
    position: relative;
}

.hoveraction, .contactinfo a{
    position: relative;
    white-space: nowrap;
}

.hovername:hover .smallname:after,.hoveraction:hover:after, .contactinfo a:hover:after{
    border-bottom: 2px solid #fff;
}
.morenews:hover:after{
    border-bottom: 2px solid #383838;
}

.infoBubble .phone a span:hover:after{
    border-bottom: 1px solid #fff;
}
.hovername:hover .smallname:after, .morenews:hover:after,.hoveraction:hover:after, .infoBubble .phone a span:hover:after, .contactinfo a:hover:after{
    right: 0;
    left: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

.namenews h1{
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration-color: transparent;
}
.namenews h1:hover{
    text-decoration: underline;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    text-decoration-color: white;
}

.morenews.iconsnews.dop{
    height:auto;
    line-height: 1;
}

.newblock-style .namenews{
    cursor: default;
}

.infoBubble .phone a span{
    position: relative;
}


.whitebackbut:hover{
    opacity:0.85!important;
}
.whitebackbut{
    background-color: white!important;
    color: #000!important;
}

.grano-topotstup{
    margin-top: 30px!important;
    margin-bottom: 30px!important;
}
.text_bunner_info{
    position: relative;
    width: 100%;
    /* margin: 60px auto; */
    margin-bottom: 50px;
}
.text_bunner_info .h{
    text-transform: uppercase;
    font-size: 32px;
    margin-bottom: 20px;
    font-family: 'Rubik', sans-serif;
}
.text_bunner_info .text{
    font-size: 15px;
    color: #FFFFFF;
    line-height: 1.6;
}
.text_bunner_info .left,.text_bunner_info .right{
    width: 47%;
}
.text_bunner_info .left{
    float: left;
}
.text_bunner_info .right{
    float: right;
}
@media (max-width: 570px) {
    .text_bunner_info .left,.text_bunner_info .right{
        width: 95%;
        margin: 50px auto;
        float: none;
    }
}
.popup_class .mapboxgl-popup-tip{
    display: none;
}
.popup_class .mapboxgl-popup-content{
    padding: 0;
    background: transparent;
    border: none;
    box-shadow: none;
}
.restoranmenu.inmapscript{
    z-index: 99;
}
.all_block_text_mycontainer{
    justify-content: center;
    margin: 20px auto;
}
.all_block_text_mycontainer p{
    margin-bottom: 10px;
}
.all_block_text_mycontainer ul{
    padding-left:10px;
    list-style-type: none;
}
.all_block_text_mycontainer ul li{
    padding-left: 20px;
    position: relative;
}
.all_block_text_mycontainer ul li::before{
    position: absolute;
    width: 12px;
    height: 1px;
    content:'';
    top: 10px;
    left: 0;
    background: #1a1e2b;
    opacity: 0.5;
}
.all_block_text_mycontainer .left.image_block {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
    width: 20%;
    height: 100%;
    min-height: 20px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
}
.all_block_text_mycontainer .right {
    width: 77%;
    float: right;
    line-height: 1.6;
}
@media  (max-width: 1024px){
    .all_block_text_mycontainer .left.image_block{
        background-image: url(https://gusovsky.com.ua/uploads/blocks/IMG_4239.jpg);
        width: 96%;
        position: static;
        height: 300px;
        margin: 10px auto;
    }
    .all_block_text_mycontainer .right{
        width: 96%;
        float: none;
        margin: 0 auto;
    }
    .news-images{
        display:block;
    }
    .news-images div{
        display: inline-block;
        padding: 3px 5px 5px 0px;
    }
    .news-images div:nth-child(1){
        padding: 3px 5px 5px 0px;
    }
    .news-images div img{
        width:auto;
        height: 250px;
    }
}
@media  (max-width: 640px){
    .news-images div img{
        width:auto;
        height: auto;
    }
}
.our_site{
    display: block;
    width: 70px;
    height: 18px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../images/logo_our.svg);
    margin: 0 auto;
    cursor: pointer;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0.7;
    margin-top: 10px;
}
.our_site:hover {
    opacity: 0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.main_page_slider.owl-carousel .owl-stage-outer{
    height: 100%;
}
.main_page_slider.owl-carousel .owl-stage{
    height: 100%;
}
.main_page_slider.owl-carousel .owl-item{
    height: 100%;
}
.main_page_slider .photobanermain{
    height: 100%;
}
.work_style a:hover{
    opacity: 0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.work_style a{
    color: #fff;
    font-weight: bold;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.work_style{
    color: #fff;
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-top: 20px;
}
.uber_icon:before{
    background-image: url(../images/uber_icon.svg);
    width: 80px;
    margin-left: -40px;
}
.dop_otst_text{
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2;
}
.dop_block_class{
    display: inline-block;
}
.small_dop_text{
    font-size: 16px;
    color: #FFFFFF;
    line-height: 1.6;
    font-weight: 400;
    text-transform: uppercase;
    padding-bottom: 25px;
}
.hide_book_class6{
    display: none;
}
.owl-theme .owl-controls{
    margin-top: 0;
}
.restclass8{
    background-position: 50% 30% ;
}
.big_new.bigtext{
    font-size: 24px;
    text-transform: none;
    max-width: 750px;
    margin-right: auto;
    margin-left: auto;
}
.citata a{
    color: #fff;
    text-decoration: underline;
}
.citata p strong{
    font-size: 18px;
    font-weight: 400;
}
.menutabsname sup{
    vertical-align: text-top;
    font-size: 12px;
    position: absolute;
    right: -28px;
    top: 0;
}
.menutabsname{
    position: relative;
}
.last_order.menutabsname{
    order: 1;
}
.telegram{
    background-image: url(../images/telegram.svg);
}
.fontant{
    width: 200px;
}