/*футер к низу экрана*/
html, body {
    height: 100%;
}
#page{
    height: 100%;
}
.footer-wrap{
    /*    position: absolute;
        top: -74px; */
}
.down-footer{
    min-height: 100%; 
    min-width: 1040px;
    margin-bottom: -150px;
    background: white url(/images/bottom-footer.png) no-repeat center bottom;
    overflow: hidden;
}

.homepage .down-footer {
    background: transparent;
    position: relative;
    z-index: 1;
}

.homepage .down-footer:after {
    content: "";
    background: url(/images/bottom-footer-wt.png) no-repeat center top;
    width: 100%;
    height: 270px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 10;
}

.homepage #footer {
    position: relative;
    z-index: 100;
}

.homepage #page {
    margin-bottom: 0;
}

@font-face {
    font-family: 'TrebuchetMS';
    src: url('/files/fonts/trebuc.eot');
    src: url('/files/fonts/trebuc.eot?#iefix') format('embedded-opentype'),
        url('/files/fonts/trebuc.woff') format('woff'),
        url('/files/fonts/trebuc.ttf') format('truetype'),
        url('/files/fonts/trebuc.svg#trebuc') format('svg');
    font-weight: normal;
    font-style: normal;
}



body
{
    margin: 0;
    padding: 0;
    color: #555;
    font: normal 10pt TrebuchetMS,Arial,Helvetica,sans-serif !important;
    position: relative;
    /*    background: white url(/photo/images/bottom-footer.png) no-repeat center bottom;*/

}

#page
{
    margin-bottom: 5px;
}

#header
{
    padding: 0;
    width: 1000px; 
    margin: 0 auto;
    height: 65px;
}

#content
{
    padding: 56px 20px 0px 20px;
    min-height: 100%;
    width: 1000px; margin: 0 auto;

}
.wrapper{
    height: 390px;
}
#sidebar
{
    padding: 20px 20px 20px 0;
}

#footer
{   height: 150px;
    width: 1000px; 
    margin: 0 auto;
}

#logo
{
    padding: 10px 20px;
    font-size: 200%;
}

#mainmenu
{
    background:white url(bg.gif) repeat-x left top;
    margin-top: 30px;
}

#mainmenu ul
{
    padding:6px 20px 5px 20px;
    margin:0px;
}

#mainmenu ul li
{
    display: inline;
}

#mainmenu ul li a
{
    color:#ffffff;
    background-color:transparent;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding:5px 8px;
}

#mainmenu ul li a:hover, #mainmenu ul li.active a
{
    color: #6399cd;
    background-color:#EFF4FA;
    text-decoration:none;
}

div.flash-error, div.flash-notice, div.flash-success
{
    padding:.8em;
    margin-bottom:1em;
    border:2px solid #ddd;
}

div.flash-error
{
    background:#FBE3E4;
    color:#8a1f11;
    border-color:#FBC2C4;
}

div.flash-notice
{
    background:#FFF6BF;
    color:#514721;
    border-color:#FFD324;
}

div.flash-success
{
    background:#E6EFC2;
    color:#264409;
    border-color:#C6D880;
}

div.flash-error a
{
    color:#8a1f11;
}

div.flash-notice a
{
    color:#514721;
}

div.flash-success a
{
    color:#264409;
}

div.form .rememberMe label
{
    display: inline;
}

div.view
{
    padding: 10px;
    margin: 10px 0;

}

div.breadcrumbs
{
    font-size: 0.9em;
    padding: 5px 20px;
}

div.breadcrumbs span
{
    font-weight: bold;
}

div.search-form
{
    padding: 10px;
    margin: 10px 0;
    background: #eee;
}

.portlet
{

}

.portlet-decoration
{
    padding: 3px 8px;
    background: #B7D6E7;
    border-left: 5px solid #6FACCF;
}

.portlet-title
{
    font-size: 12px;
    font-weight: bold;
    padding: 0;
    margin: 0;
    color: #298dcd;
}

.portlet-content
{
    font-size:0.9em;
    margin: 0 0 15px 0;
    padding: 5px 8px;
    background:#EFFDFF;
}

.portlet-content ul
{
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    margin: 0;
    padding: 0;
}

.portlet-content li
{
    padding: 2px 0 4px 0px;
}

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

.operations li
{
    padding-bottom: 2px;
}

.operations li a
{
    font: bold 12px Arial;
    color: #0066A4;
    display: block;
    padding: 2px 0 2px 8px;
    line-height: 15px;
    text-decoration: none;
}

.operations li a:visited
{
    color: #0066A4;
}

.operations li a:hover
{
    background: #80CFFF;
}


/*my code*/
.dv_all_menu {
    margin: 0 auto;
    width: 570px;
}
.clear {
    clear: both;
    font-size: 0pt;
    line-height: 0px;
    height: 0px;
}

.panel {
    height: 170px;
    display: none;
    background: #e5e5ea url(/images/menu-back.png) no-repeat 0px 130px;
}
/*.panel*/ .dv_all_menu ul {
    margin: 0;
    padding: 0 0px;
    float:left;
    list-style:none;
}
/*.panel*/ .dv_all_menu ul li{
    margin: 6px 10px 7px 10px;
    padding: 0;
}

/*.panel*/ .dv_all_menu ul li a{
    color: #333399;
    padding: 5px 10px;
    text-decoration: none;
    white-space: nowrap;
}
/*.panel*/ .dv_all_menu ul li a:hover{
    padding: 5px 10px;
    text-decoration: underline;
}
.menu-block{
    margin-left: 50px;
}
.title-menu{
    display: inline;
}
.slide {
    margin: 0;
    padding: 0;
    background: url(/images/menu.png) no-repeat 50% 100%;
    /*    text-align: center;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    padding-bottom: 15px;
    width: 100%;
    z-index: 2;
    min-width: 1040px;
}
.menu-title{
    margin-left: 20px;
    margin-bottom: 5px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}
.menu-title-1{
    /*    left: 254px;
        font-size: 18px;
        top: 25px;*/
}
.menu-title-2{
    /*    font-size: 18px;*/
}
.menu-title-3{

}
.menu-title-4{

}
.menu-title-5{

}
.slide1 {
    margin: 0;
    padding: 0;
    background-color: #e5e5ea;
    text-align: center;
}
.left-arrow{
    background: url(/images/left-arrow.png) no-repeat center center;
    padding: 0px 10px 0px 10px;
}
.right-arrow{
    background: url(/images/right-arrow.png) no-repeat center center;
    padding: 0px 10px 0px 10px;
}
.btn-slide {
    text-align: center;
    width: 105px;
    height: 25px;
    padding: 5px 0px 0 0;
    margin: 0 auto;
    display: inline-block;
    font: bold 12px Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: black;
    text-decoration: none;
}
.motrii-logo{
    float: left;
    position: relative;
    margin: 18px 0 0 40px;
}
.motrii-logo-descr{
    position: absolute;
    top: 53px;
    left: 51px;
    font-size: 10px;
}
.email-color{
    color: #333399;
}
.index-view{
    white-space: pre-wrap;
    font-size: 15px;
    width: 760px;
    margin: 0 auto;
}
.index-view p{
    margin: 0;
}
.admin-menu{
    list-style: none;
}
/*.admin-menu li{
    float: left;
    margin-left: 25px;
}
.admin-menu li:first-child{
    margin-left: 0;
}*/
#gallery{
    position: relative;
}
#gallery ul{
    width: 10000px;
    list-style: none;
    margin: 25px 0 0 0px;
    padding: 0;
}
#gallery ul li{
    float: left;
    margin-left: 100px;
}

#gallery .img {
    float: none;
}

#gallery-page{
    position: relative;
    width: 790px;
    height: 420px;
    margin: 0 auto;
    overflow: hidden;
    top: 25px;
    left: -15px;
}
.gallery-page-ul{
    width: 10000px;
    list-style: none;
    /*    margin: 25px 0 0 0px;*/
}

.gallery-sidebar {
    width: 300px;
    float: left;
    min-height: 500px;
}

.gallery-sidebar-cont {
    position: fixed;
    top: 60px;
    left: 20px;
    width: 300px;
    z-index: 1;
}

.container-page{
    float: left;
}

.container-page{
    width: 790px;
}
.img {
    /*    width:100px;
        height: 100px;*/
    float:left;
}
.clear {
    clear: both;
}
.img a img {
    /*    position: relative;
        border: 0 solid #fff;*/
}
.img-item {
    position: absolute;
    z-index: 0;
}
.img-item a img {
    position: relative;
}
.img-item-single-2{
    padding: 70px 0px 0px 70px;
}
.img-item-single-2-desc{
    position: absolute;
    top: 166px;
    left: 500px;
    width: 220px;
    text-align: right;
    color: white;
}
.all-photo-btn{
    background: url(/images/all-photo-btn.png) no-repeat 0px 0px;
    padding: 8px;
    position: absolute;
    top: 394px;
    left: 748px;
    cursor: pointer;
}
.single-photo-prev{
    background: url(/images/single-photo-prev.png) no-repeat 0px 0px;
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px;
}
.single-photo-next{
    background: url(/images/single-photo-next.png) no-repeat 0px 0px;
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 10px;
}
.slider{
    background-color: #828282;
    height: 408px;
    width: 745px;
    display: none;
    position: relative;
    margin: 0 auto;
}
#preview{
    position:absolute;
    border:3px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    box-shadow: 4px 4px 3px rgba(103, 115, 130, 1);
}
.photo-index{
    width: 500px;
}
.single-photo-medium{
    width: 500px;
}
.clear{
    clear: both;
}
.pending{
    color: red;
}
#gallery-nav{
    position: relative;
    width: 1000px; margin: 0 auto;
}
.main-prev{
    background: url(/images/main-nav-prev.png) no-repeat 0px 0px;
    padding: 45px 33px 45px 0px;
    position: absolute;
    /*    left: -35px;*/
    top: -190px;
    cursor: pointer;
    z-index: 100;
}
.main-next{
    background: url(/images/main-nav-next.png) no-repeat 0px 0px;
    padding: 45px 33px 45px 0px;
    position: absolute;
    left: 970px;
    top: -190px;
    cursor: pointer;
    z-index: 100;
}
.mgal-prev{
    background: url(/images/main-nav-prev.png) no-repeat 0px 0px;
    padding: 45px 33px 45px 0px;
    position: absolute;
    /*    left: -35px;*/
    top: -230px;
    cursor: pointer;
    z-index: 100;
}
.mgal-next{
    background: url(/images/main-nav-next.png) no-repeat 0px 0px;
    padding: 45px 33px 45px 0px;
    position: absolute;
    left: 970px;
    top: -230px;
    cursor: pointer;
    z-index: 100;
}
#page-nav{
    position: relative;
    width: 1000px; margin: 0 auto;
}
.page-prev{
    background: url(/images/main-nav-prev.png) no-repeat 0px 0px;
    padding: 45px 33px 45px 0px;
    position: absolute;
    /*    left: -35px;*/
    top: -225px;
    cursor: pointer;
    z-index: 100;
}
.page-next{
    background: url(/images/main-nav-next.png) no-repeat 0px 0px;
    padding: 45px 33px 45px 0px;
    position: absolute;
    left: 970px;
    top: -225px;
    cursor: pointer;
    z-index: 100;
}
#comments h1{
    position: relative;
    /*    left: -70px;*/
}
.comment-form-wrap{
    width: 600px;
    margin: 0 auto;
    font-size: 15px;
}
#comment-form-1 label{
    display: inline;
}
.name-comment input{
    width: 215px;
    border: 2px solid #e2e3ea;
    border-radius: 15px;
    padding: 9px;
    margin-left: 56px !important;
}
.time-comment input{
    width: 215px;
    border: 2px solid #e2e3ea;
    border-radius: 15px;
    padding: 9px;
    margin-left: 2px !important;
}
.content-comment textarea{
    width: 465px;
    border: 2px solid #e2e3ea;
    border-radius: 15px;
    padding: 5px;
    margin-left: 101px !important;
    height: 75px;
}
.content-comment label{
    position: absolute;
}
.comment-btn{
    margin: 0 0 0 330px !important;
}
.comment-btn input{
    background: url(/images/comment-button.png) no-repeat 0px 0px;
    color: white;
    border: 1px solid transparent;
    font-size: 22px;
    padding: 11px 70px;
}
.login-form{
    width: 600px;
    margin: 35px auto 0 160px;
    font-size: 15px;
    position: relative;
}
.login-form span{
    display: none;
}
#btnRem{
    position: absolute;
    top: 58px;
    left: 325px;
}
#LoginForm_username{
    width: 215px;
    border: 2px solid #e2e3ea;
    border-radius: 20px;
    padding: 11px 13px;
    margin-left: 20px;
}
#LoginForm_password{
    width: 215px;
    border: 2px solid #e2e3ea;
    border-radius: 20px;
    padding: 11px 13px;
    margin-left: 11px;
}
.remember-wrap{
    width: 350px;
    margin: 70px auto 0 auto
}
.remember-button{
    margin: 3px 0 0 61px;
}
.remember-h1{
    font-size: 32px;
    margin-left: 175px;
    margin-top: 12px;;
}
#RememberForm_email{
    width: 215px;
    border: 2px solid #e2e3ea;
    border-radius: 20px;
    padding: 11px 13px;
    margin-left: 20px;    
}
.remember-button input{
    background: url(/images/comment-button.png) no-repeat 0px 0px;
    color: white;
    border: 1px solid transparent;
    font-size: 22px;
    padding: 11px 70px;
}
.login-button{
    margin: 7px 0 0 63px;
}
.login-p{
    /*    width: 700px;*/
    font-size: 15px;
    margin-left: 26px;
    margin-top: 30px;
}
.login-wrap{
    width: 700px;
    margin: 0 auto;
}
.login-h1{
    font-size: 32px;
}
.login-button input{
    background: url(/images/comment-button.png) no-repeat 0px 0px;
    color: white;
    border: 1px solid transparent;
    font-size: 22px;
    padding: 11px 40px;
}
.user-login-field{
    margin-bottom: 6px;
}
#review{
    width: 765px;
    margin: 0 auto;
    /*    height: 425px;*/
    overflow: auto;
}
.author-reply{
    width: 300px;
    height: 193px;
    background: url(/images/reply-form.png) no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    left: 446px;
}
.motrii-reply{
    position: absolute;
    width: 242px;
    left: 36px;
    top: 50px;
    font-size: 12px;
}
.motrii-reply-title{
    position: absolute;
    top: 13px;
    left: 36px;
    font-size: 14px;
    font-weight: 700;
}
.review-h1{
    font-size: 32px;
    margin-left: -20px;
}
.text-review-a{
    margin-bottom: 15px;
}
.review-view{
    border-bottom: 1px dotted black;
    position: relative;
    min-height: 200px;
    margin-bottom: 15px;
}
.review-view:last-child{
    border-bottom: none;
    margin-bottom: 0;
}
.review-content-a{
    width: 438px;
    font-size: 12px;
}
.review-a{
    margin-bottom: 14px;
}
.review-author{
    font-size: 18px;
}
.review-content{
    font-size: 12px;
}
.review-date{
    font-size: 12px;
    font-style: italic;
    margin-left: 10px;
    color: #9f9f9f;
}
thead{
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid black;
}
.wysiwyg-table tr:nth-child(odd){
    background-color:white;
}
.wysiwyg-table tr:nth-child(even){
    background-color:#ececf1;
}
.wysiwyg-table thead td{
    border-bottom: 1px solid black !important;
    font-weight: bold;
}
.price-view{
    width: 765px;
    margin: 0 auto;
    height: 425px;
    overflow: auto;
    font-size: 15px;
}
.price-title{
    margin-left: -20px;
    font-size: 32px;
}
.question-h1{
    margin-left: -20px;
    font-size: 32px;
}
.question-title{
    font-size: 18px;
    margin-bottom: 13px;
}
#questions{
    width: 765px;
    margin: 0 auto 0 auto;
    overflow: auto;
    margin-top: 40px;
    font-size: 15px;
}
.photobook-h1{
    font-size: 32px;
    margin-bottom: 35px;
}
.photobook-view{
    font-size: 15px;
    width: 700px;
    margin: 0 auto 0 auto;
}
.barber-h1{
    font-size: 32px;
    margin-bottom: 35px;
}
.barber-view{
    font-size: 15px;
    width: 700px;
    margin: 0 auto 0 auto;
}
.cooperation-h1{
    margin-left: -20px;
}
.design-h1{
    margin-left: -20px;
}
.videography-view{
    font-size: 15px;
    width: 700px;
    margin: 0 auto 0 auto;
}
.videography-h1{
    font-size: 32px;
    margin-bottom: 35px;
}
.comment-h1{
    font-size: 32px;
}
.invis{
    display: none;
}
.am-wrapper{
    float:left;
    position:relative;
    overflow:hidden;
}
.am-wrapper img{
    position:absolute;
    outline:none;
}
.arrow-wrap{
    text-align: center;
}
.h{
    height: 175px;
}
.time-comment span{
    display: none;
}
.motrii-logo a{
    color: black;
}
#questions > div{
    padding-right: 30px;
}
#review > div{
    padding-right: 30px;
}
#price > div{
    padding-right: 5px;
}
.h1-gallery{
    text-align: center;
    margin-top: -35px;
}
.gal_title{
    font-size: 16px;
    font-weight: bold;
    margin-right: 587px;
    margin-bottom: 20px;
    margin-top: 5px;
    width: 300px;
}
.disign-view{
    width: 770px;
}
#scrollbar3 .items{
    font-size: 15px !important;
}
.social_btn{
    position: absolute;
    top: 79px;
    left: 100px;
}

.menu-item  {
    float: left;
    margin: 0 30px 15px 0;
}

.menu-item.last {
    margin-right: 0;
}

.menu-children {
    max-height: 0;
    transition: max-height 0.3s ease-out;
    overflow: hidden;
    width: 95px;
    visibility: hidden;
}
.menu-title-expand:hover {
    cursor: default;
}

.menu-children.expand,
.gallery-menu .menu-item:hover .menu-children {
    display: block;
    max-height: 500px;
    transition: max-height 0.3s ease-in;
    overflow: visible;
    visibility: visible;
}

.menu-title-link {
    color: #555;
    text-decoration: none;
}

.menu-title-link:hover {
    color: #555;
    text-decoration: underline;
}

.main-slider-img {
    width: 100%;
    height: auto;
}

.main-slider {
    margin: -65px 0 0;
    height: 100vh;
    overflow: hidden;
    z-index: 1;
}

.main-slider-item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 100vh !important;
}

.social-links {
    top: 6px;
    left: 50%;
    position: absolute;
    z-index: 10;
    margin-left: -510px;
}

.social-link {
    display: block;
    width: 24px;
    height: 24px;
    float: left;
    margin: 10px;
}

.social-link img {
    width: 100%;
    height: 100%;
}

.contact-form {
    width: 45%;
    float: left;
    margin: 0 5% 0 0;
}

.contact-info {
    width: 50%;
    float: left;
    margin: 0;
}

.contact-form textarea,
.contact-form input[type=text] {
    width: 100%;
}

.contact-form input[type=text] {
    box-sizing: border-box;
}

#ContactForm_verifyCode {
    width: 100px;
}
.contact-info-social {
    margin: 10px 0;
}

.contact-info-social .social-link:first-child {
    margin-left: 0;
}
.contact-info-social .social-link svg {
    width: 100%;
    height: 100%;
}

.callback-form {
    width: 342px;
    height: 270px;
    background: #fff;
    padding: 20px !important;
}

.callback-form-title {
    font-size: 22px;
    text-align: center;
    margin: 0 0 10px 0;
}

.callback-form input {
    width: 100%;
    box-sizing: border-box;
    margin: 10px 0;
}

.callback-button {
    position: fixed;
    bottom: 30px;
    left: 30px;
    margin: 0;
    z-index: 100;
    width: 64px;
    text-align: center;
    color: #888;
    mix-blend-mode: difference;
}

.input-has-error {
    border-color: #f00;
}

.captcha-has-error {
    border: 2px solid #f00;
    margin: 0 -2px;
    width: calc(100% + 2px);
}

.callback-form-text {
    text-align: center;
    margin: 70px 0;
    font-size: 16px;
}

.fancybox-preview {
    position: absolute;
    top: 50%;
    right: 60px;
    width: 12px;
    height: 12px;
    padding: 4px;
    background: white url(/images/preview.png) center center no-repeat;
    z-index: 99999;   
    cursor: pointer;
    margin: -11px 0 0 0;
    box-sizing: content-box !important;
}

.fancybox-bg {
    background: #fff !important;
}

.blog-title {
    padding: 0 1.5%;
}

.blog-article {
    width: 30%;
    float: left;
    padding: 15px 1.5%;
}

.blog-article-image {
    width: 100%;
    height: auto;
}

.blog-article-title {
    padding: 15px 0 0;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-decoration: none;
    color: #333;
    transition: .3s;
}

.blog-article-title:hover {
    text-decoration: underline;
    color: #333;
    opacity: 0.9;
}

.blog-pager {
    width: 100%;
    float: left;
    margin: 20px 0 0;
}

.article-image-wrap {
    margin-bottom: 30px;
}

.article-image {
    max-width: 100%;
    /*width: 1040px;*/
}

.article-breadcrumbs {
    padding: 0 0 15px 0px;
}

.blog-breadcrumbs a,
.article-breadcrumbs a {
    color: #888;
    text-decoration: none;
}

.blog-breadcrumbs {
    padding: 0 0 15px 15px;
}

.menu-title-expand {
    position: relative;
}

.menu-title-expand:after {
    content: "⌄";
    position: absolute;
    top: -7px;
    right: -15px;
    font-size: 16px;
}

.gallery-menu {
    padding: 5px 20px 0 0;
}

.gallery-menu .menu-item {
    float: left;
    width: 100%;
    text-align: right;
    position: relative;
    z-index: 10;
}

.gallery-menu .menu-title-link,
.gallery-menu .menu-title {
    font-size: 12px;
    font-weight: normal;
    color: #808080;
}

.gallery-menu .menu-children {
    position: absolute;
    top: -10px;
    right: -185px;
    background: #fff;
    padding: 0 10px;
    width: 150px;
}

.gallery-menu ul {
    list-style: none;
    padding: 0;
    text-align: left;
}

.gallery-menu ul li {
    margin: 10px 5px;
    display: inline-block;
    float: left;
    width: 100%;
}

.gallery-menu .menu-title-expand {
    padding: 0 15px 0 0;
    margin: 0 -15px 0 0;
}

.gallery-menu .menu-title-expand:after {
    top: -3px;
    right: 0;
    transform: rotate(-90deg);
}

.gallery-menu .menu-children a {
    font-size: 12px;
    text-transform: uppercase;
    color: #808080;
    margin: 0 5px;
    display: inline-block;
    float: left;
    white-space: nowrap;
    text-decoration: none;
}

.gallery-menu .motrii-contacts {
    font-size: 12px;
    text-transform: uppercase;
    color: #808080;
}

.gallery-menu .motrii-contacts ul li {
    text-align: right;
}

.gallery-menu .social-link {
    float: right;
}

.gallery-menu-info {
    margin: -10px -14px;
}

.gallerypage #content {
    width: 100%;
}

.gallerypage #gallery {
    width: calc(100% - 330px);
    width: -moz-calc(100% - 330px);
    width: -webkit-calc(100% - 330px);
    float: left;
}

#show_hide:hover {
    cursor: pointer;
}

/* clear fix */
.gallery-container:after {
    content: '';
    display: block;
    clear: both;
}

.gallery-sizer,
.gallery-img-wrap {
    width: 33.333%;
}

.gallery-img-wrap {
    float: left;
    padding: 10px;
    box-sizing: border-box;
}

.gallery-img {
    display: block;
    width: 100%;
}

.gallery-sidebar .motrii-logo {
    margin: -25px 20px 40px 0;
    float: right;
}

.mobile-show {
    display: none;
}

.mobile-header {
    float: left;
    width: 100%;
}

.mobile-header .motrii-logo {
    margin: 10px 0 0 20px;
}

.mobile-header .motrii-logo p {
    margin: 0;
}

.mobile-header .motrii-logo-descr {
    top: 35px;
    left: 48px;
    word-spacing: 1rem;
    width: 175px;
}

.menu-icon {
    background: transparent;
    border: none;
}

.menu-icon:hover {
    cursor: pointer;
}

.menu-toogle {
    margin: 20px;
    width: 36px;
    float: left;
}

.menu-close {
    position: absolute;
    top: 20px;
    right: 20px;
}

.mobile-menu {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100vh;
    background: #fff;
    padding: 50px 20px;
    box-sizing: border-box;
    text-align: center;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.mobile-menu.is-active {
    display: flex;
}

.mobile-menu .menu-item {
    width: 100%;
    margin: 10px 0;
}

.mobile-menu .menu-title {
    font-size: 18px;
    margin: 15px 0;
}

.mobile-menu .menu-children {
    visibility: visible;
    max-height: 500px;
    width: 100%;
    float: left;
}

.mobile-menu .menu-children li {
    display: block;
    width: 100%;
    float: left;
    margin: 10px auto;
}

.mobile-menu ul {
    list-style: none;
    padding: 0;
}

.mobile-menu .menu-children a{
    color: #555;
    text-decoration: none;
    font-size: 14px;
    text-transform: uppercase;
}

.mobile-menu .motrii-contacts li {
    margin: 5px 0;
}

.mobile-menu .social-link {
    display: inline-block;
    float: none; 
}

.mobile-menu .menu-title-expand:after {
    display: none;
}

.menu-open {
    overflow: hidden;
}
.menu-open .callback-button {
    z-index: -1;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    display: none;
}

.content-home {
    font-size: 24px;
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-weight: 300;
    line-height: 1.2;
}

.home-get-price-cont {
    background: #808080;
    text-align: center;
    float: left;
    width: 100%;
}

.home-get-price-cont-pad {
    padding: 10px 0;
}
.home-get-price-text {
    font-family: 'Roboto Slab', serif;
    width: 1000px;
    text-align: center;
    margin: 5px auto 15px;
    font-size: 30px;
    color: #fff;
}

.get-prices-btn {
    color: #fff;
    display: inline-block;
    font-size: 24px;
    background: #970303;
    padding: 10px 5px;
    margin: 2px auto;
    text-decoration: none;
    border: 2px solid #970303;
    transition: .3s;
}

.get-prices-btn:focus,
.get-prices-btn:active,
.get-prices-btn:hover {
    background: #fff;
    color: #970303;
}

.get-prices-btn-right {
    float: right;
}

.content-home h2 {
    font-family: 'Roboto Slab', serif;
    font-size: 40px;
    font-weight: bold;
    color: #808080;
    text-align: center;
    width: 450px;
    margin-left: auto;
    margin-right: auto;
}

.content-home h3 {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 40px;
    font-weight: bold;
    color: #000;
}

.home-block-you-get {
    width: 33.33%;
    float: left;
    padding: 0 30px;
    box-sizing: border-box;
    color: #000;
}

.home-block-you-get img {
    margin: 15px auto;
    display: block;
}

.home-block-bg {
    width: 100%;
    float: left;
    border-top: 1px solid #e2e2e2;
}

.home-block-bg h3 {
    font-family: 'Roboto Slab', serif;
    color: #808080;
    padding: 0 0 0 60px;
    margin-top: 24px;
    margin-bottom: 24px;
    float: left;
}

.home-block-bg p {
    padding: 0 0 0 60px;
    float: left;
    width: calc(100% - 235px);
    box-sizing: border-box;
    margin: 0;
}

.home-block-bg-white {
    background: #fff;
}

.home-block-bg-black {
    background: #000;
    color: #fff;
}

.home-block-bg-black h3 {
    color: #b5b5b5;
}

.home-block-bg-gray {
    background: #61646b;
    color: #fff;
    margin-bottom: 30px;
}

.home-block-bg-gray h3 {
    color: #fcfcfc;
}

.home-contacts-cont {
    width: 100%;
    float: left;
    padding-bottom: 90px;
    border: 1px solid #c3c3c3;
}
.home-contacts {
    width: 1000px;
    margin: 30px auto;
}

.home-contacts-logo {
    margin: 0 125px 0 85px;
    float: left;
}

.home-menu-item,
.home-contacts-text {
    font-family: 'Yanone Kaffeesatz', sans-serif;
    font-size: 24px;
    font-weight: 300;
    color: #000;
    line-height: 1.2;
    float: left;
}

.home-menu-title,
.home-contacts-title {
    font-size: 30px;
    font-weight: 500;
    margin: 10px 0 20px;
    padding-left: 20px;
}

.home-menu-cont {
    width: 100%;
    float: left;
}

.home-menu {
    width: 1000px;
    margin: 30px auto;
    padding: 0 35px;
    box-sizing: border-box;
    position: relative;
    z-index: 11;
}

.home-menu-title {
    padding-left: 0;
}

.home-menu-item {
    margin: 0 0 0 185px;
}

.home-menu-children ul {
    list-style: none;
    padding: 0;
}
.home-menu-children a {
    color: #7f7f7f;
    text-decoration: none;
}

.home-menu-children a:hover {
    text-decoration: underline;
}

.home-icon-gallery {
    position: relative;
    top: -23px;
}

.menu-home-icon {
    float: left;
    margin: 20px 0 20px 20px;
}

@media (min-width: 2000px) {
    .gallery-sizer,
    .gallery-img-wrap {
        width: 25%;
    }
}

@media (min-width: 2560px) {
    .gallery-sizer,
    .gallery-img-wrap {
        width: 20%;
    }
}

@media (min-width: 3000px) {
    .gallery-sizer,
    .gallery-img-wrap {
        width: 16.66%;
    }
}

@media (min-width: 3500px) {
    .gallery-sizer,
    .gallery-img-wrap {
        width: 14.28%;
    }
}

@media (max-width: 1024px) {
    .down-footer {
        min-height: 100%;
        min-width: 100%;
    }
}

@media (max-width: 1023px) {
    #page-nav,
    .mobile-hide {
        display: none;
    }

    .mobile-show {
        display: block;
    }

    .contact-info,
    .contact-form,
    .comment-form-wrap,
    #review,
    #gallery-page,
    #content,
    .gallerypage #gallery,
    .main-slider,
    #footer,
    .down-footer,
    #header {
        width: 100%;
    }

    #content {
        box-sizing: border-box;
    }

    .down-footer {
        min-width: 100%;
    }

    .main-slider {
        height: auto;
        position: relative;
    }

    .slick-dots {
        bottom: -7px;
    }

    .main-slider-item {
        display: block !important;
        position: relative;
        height: auto !important;
    }

    .slick-current {
        z-index: 1;
    }

    .gallery-img-wrap {
        padding: 5px;
        display: block;
    }

    .gallerypage #content {
        padding: 56px 5px 0px 5px;
        box-sizing: border-box;
    }

    .fancybox-preview {
        right: 10px;
    }

    .fancybox-wrap {
        left: 0 !important;
    }

    .blog-breadcrumbs {
        float: left;
        width: 100%;
        padding: 0 0 15px 0;
    }

    .blog-article {
        width: 100%;
        float: left;
        padding: 15px 0;
    }

    .blog-article-title {
        padding: 0px 0 0;
    }

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

    #gallery-page {
        left: 0;
        height: 450px;
    }

    #scrollbar1 {
        width: 100vw;
    }

    #comment-form-1 label {
        display: block;
        float: left;
        width: 100%;
    }

    .name-comment input {
        margin-left: 0 !important;
    }

    .content-comment textarea {
        width: 100%;
        margin-left: 0 !important;
        float: left;
        margin-top: 25px !important;
        box-sizing: border-box;
    }

    .gallery-page-ul {
        padding: 0;
    }

    #scrollbar1, .container-page {
        width: calc(100vw - 40px);
        box-sizing: border-box;
    }

    .comment-btn {
        margin: 0 !important;
    }

    #scrollbar1 .viewport {
        width: 92%;
    }

    .review-h1 {
        font-size: 28px;
        margin-left: 0;
    }

    .contact-info {
        margin: 30px 0;
        text-align: center;
    }

    .contact-info .social-link {
        display: inline-block;
        float: none;
    }

    .fancybox-close {
        top: -32px !important;
        right: -3px !important;
    }

    #review > div {
        padding-right: 0;
    }

    .review-content-a,
    .text-review-a {
        width: calc(100% - 320px);
    }

    .author-reply {
        left: auto;
        right: 0;
    }

    .home-block-bg {
        text-align: center;
    }

    .home-block-bg img {
        float: none !important;
        margin-top: 20px;
    }

    .home-block-bg p {
        text-align: left;
        padding: 10px;
        width: 100%;
    }


    .get-prices-btn-mob-wrap {
        text-align: center;
        margin: 30px 0 0;
    }

    .mobile-header .motrii-logo {
        margin: 10px 0 0 20px;
    }

}

@media (max-width: 767px) {
    .review-content-a,
    .review-view,
    .text-review-a {
        width: 100%;
        float: left;
    }

    .author-reply {
        position: relative;
        float: right;
        margin: 20px 0;
    }

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

    .mobile-menu .menu-children li {
        margin: 5px auto;
    }

    .mobile-menu .menu-title {
        margin: 5px 0;
    }

    .home-block-you-get {
        width: 100%;
    }

    .home-block-you-get h3 {
        text-align: center;
    }


    .home-menu-item,
    .home-contacts-text,
    .get-prices-btn,
    .content-home {
        font-size: 20px;
    }

    .home-get-price-text {
        font-size: 26px;
    }


    .content-home h3,
    .content-home h2 {
        font-size: 30px;
    }

    .home-block-bg h3 {
        padding: 10px;
    }

    .home-menu,
    .home-contacts,
    .home-get-price-text,
    .content-home h2 {
        width: 100%;
    }

    .home-menu-item {
        width: 44%;
        margin: 0 3%;
    }

    .home-contacts-logo {
        margin: 0 auto;
        float: none;
        display: block;
    }

    .home-contacts-text {
        float: none;
        text-align: center;
    }

}
@media (max-width: 320px) {
    .callback-form {
        padding: 10px 3px !important;
        height: 242px;
    }

    .fancybox-wrap {
        max-width: 100%;
    }

    .mobile-header .motrii-logo {
        margin: 10px 0 0 0;
        float: left;
        width: 180px;
    }

    #carol-font3 {
        position: relative;
        left: -10px;
        width: 200px;
        transform: scale(.8);
    }

    .mobile-header .motrii-logo-descr {
        left: 10px;
    }

    .fancybox-close {
        top: 4px !important;
        right: 0 !important;
    }

    .mobile-menu {
        padding: 20px;
    }

    .mobile-menu .menu-item {
        margin: 7px 0;
    }

}