body {
  font-family: "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    line-height: 1.85em;
}


body #sp-main-body H1,
body #sp-main-body H2,
body #sp-main-body H3,
body #sp-main-body H4,
body #sp-main-body H1 a,
body #sp-main-body H2 a,
body #sp-main-body H3 a,
body #sp-main-body H4 a{
    font-family: "Open Sans", "Tahoma", "Arial", sans-serif;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    color: #3D5A6E;
    text-shadow: 1px 1px 0px #fff;
}

body #sp-main-body H1,
body #sp-main-body H1 a {Color: #D5C025;  font-weight: 900; text-transform: uppercase; text-shadow: 2px 2px 0px #fff;}
body #sp-main-body H2,
body #sp-main-body H2 a {font-weight: 900; font-size: 26px ; text-transform: uppercase; text-shadow: 2px 2px 0px #fff;}
body #sp-main-body H3,
body #sp-main-body H3 a {margin: 10px 0px 20px; font-size: 22px; text-transform: uppercase;}
body #sp-main-body H4,
body #sp-main-body H4 a  {margin: 10px 0px 15px; font-size: 21px; color: #555;}
body #sp-main-body H5,
body #sp-main-body H5 a  {font-size: 18px; font-weight: 500;}
body #sp-main-body H6,
body #sp-main-body H6 a {font-size: 18px; font-weight: 700;}

a,
a:visited {color: #256998; }

a:hover,
a:focus,
a:active {
    color: #057ed1;
}


/* Header */

#sp-header {
    margin-bottom: -110px;
    background-color: transparent;
    box-shadow: none;
    transition: .3s all;
}

#sp-header #sp-logo .logo-image-phone {height:  75px}
.error-logo {width: 250px; height: auto;}

.frontpage #sp-section-1 {display: none;}

.sp-page-title {
    background: transparent !important;
}
.sp-page-title .sp-page-title-heading,
.sp-page-title .sp-page-title-sub-heading,
.sp-page-title .sp-page-title-heading a,
.sp-page-title .sp-page-title-sub-heading a{
    color: #3D5A6E;
    text-shadow: 5px 5px 2px #fff;
    text-align: center;
}
.sp-page-title .sp-page-title-heading {font-size: 30px; font-weight: 900; text-transform: uppercase;}
.sp-page-title .sp-page-title-sub-heading {font-size: 24px; font-weight: 500;} 

#sp-header #sp-top1 input[type="text"]:not(.form-control) {
    border: solid 1px transparent;
    border-bottom: solid 1px #252525;
    transition: 1s all;
}

#sp-header #sp-top1 div,
#sp-header #sp-top1 div form,
#sp-header #sp-top2 div,
#sp-header #sp-top2 ul    {display: block; height: 150px; transition: .3s all;}
#sp-header #sp-top1 div form {padding-top: 12px; }
#sp-header #sp-top2 ul     {padding-top: 12px; }
#sp-header .sp-megamenu-parent > li > a {transition: .3s all;}

#sp-header #sp-top1 input[type="text"]:focus:not(.form-control) {
    border: solid 1px #999999;
    border-bottom: solid 1px #252525;
}

#sp-header #sp-top2 span,
#sp-header #sp-top2 a {
/*    float: right;*/
    color: #252525;
    font-weight: 700;
    text-align: right;
    font-size: 14px;
    line-height: 1em;
}

/*  HEADER STYCKY*/

#sp-header.header-sticky {
    height: 50px;
    background-color: #fff;
    transition: .3s all;
    box-shadow: 0px 0px 30px rgba(17, 24, 34, 0.15);
}
#sp-header.header-sticky .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
    line-height: 50px;
}
#sp-header.header-sticky .logo {
    height: 50px;
    transition: .3s all;
}
#sp-header.header-sticky .logo-image,
#sp-header.header-sticky #sp-logo .logo-image-phone {
    height: 40px;
    transition: .3s all;
}

#sp-header.header-sticky #sp-top1 div,
#sp-header.header-sticky #sp-top1 div form,
#sp-header.header-sticky #sp-top2 div,
#sp-header.header-sticky #sp-top2 ul,
#offcanvas-toggler {
    height: 50px;
    line-height: 1.25em;
    transition: .3s all;
}
#sp-header.header-sticky #sp-top1 div form {padding-top: 0px; line-height: 0em; transition: .3s all;}
#sp-header.header-sticky #sp-top2 ul     {padding-top: 0px; transition: .3s all;}
#sp-header.header-sticky #sp-top2 ul li a { font-weight: 400 !important;}

#sp-header.header-sticky #sp-menu {

    margin-top: 0px !important;
}

#offcanvas-toggler {line-height: 3em;}

/*  MENU */
.sp-megamenu-parent {float: none; text-align: center;}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px; 
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
}
.sp-megamenu-parent > li.active > a, .sp-megamenu-parent > li.active:hover > a {
     color: #555555; 
}
.sp-megamenu-parent a:hover,
.sp-megamenu-parent a:focus,
.sp-megamenu-parent a:active {
    color: #777 !important;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item span:not(.sp-menu-badge) {
    color:#d0d1d5;
    font-size: 18px;
    line-height: 1;
    padding: 8px 12px 8px 0px;
}

/*  Offcanvas Menu  */
.offcanvas-menu .offcanvas-inner .sp-module ul > li a {
    margin: 3px 0px;
    padding: 5px 15px;
    color: #252525;
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    border: 1px solid #ddeef8;
    border-radius: 10px;
}
#offcanvas-toggler > .fa {
    font-size: 34px;
}
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
body.ltr .offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    right: 7px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > a > .menu-toggler,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.menu-parent > .menu-separator > .menu-toggler {
    color: #D5C025;
}



/* CONTENT */
.ph-small {
    font-size: 15px !important;
}
#sp-page-builder.sp-page-builder.frontpage  .page-content .sppb-section,
#sp-page-builder.sp-page-builder.frontpage  .sppb-section {
        height: auto !important;
        min-height: 100vh;
}
#sp-page-builder.sp-page-builder.frontpage  .sppb-section.plans {
        height: auto !important;
        min-height: auto;
}
#sp-page-builder.sp-page-builder.frontpage .sppb-section.plans ul li,
#sp-main-body #sp-right ul > li {
    margin-left: 20px;
    list-style: square;
    list-style-position: outside;
    color: #D5C025;
}

#podorojy.sppb-section.podorojy  .sppb-row {justify-content: center;}
#sp-page-builder .sppb-flipbox-panel p {text-align: center;}

#sp-page-builder .sppb-addon.sppb-addon-feature  .sppb-img-container img.sppb-img-responsive,
#sp-page-builder .sppb-flipbox-panel p img {width: 20%; margin: 20px auto; transition: .5s ease all;}

#sp-page-builder .sppb-addon.sppb-addon-feature  .sppb-img-container:hover img.sppb-img-responsive {
    transform: scale(1.1); 
}

.article p:empty {display: none;}

.sppb-addon.sppb-addon-text-block  p {padding: 15px; background-color: #ffffffdd; border-radius: 15px;}

.article .readmore::before {display: block; width: 100%; height: 1px; content:"  "; float: none; clear: both; }
.article .article-introtext:last-child::after, 
#sp-component .cat-children .category-desc::after {display: block; width: 100%; height: 15px; content:"  "; float: none; clear: both; }

.sp-module-content-top,
h1.ph-header {margin-bottom: 25px;}


.article-list .article {
    margin-bottom: 40px;
    padding: 5%;
    border: 1px solid #ddeef8;
    border-radius: 10px;
}

.article-list .article .readmore a {
    padding: 8px 25px;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    background-color: rgba(44, 56, 64, 0.85);
    border: 1px solid transparent;
    border-radius: 10px;
    line-height: 55px;
}
.article-list .article .readmore a:hover {
    color: #fff;
    background-color: #2C3840;
}


.sppb-btn-default {
    margin: 150px 0px 50px;
    padding: 10px 30px;
    color: #010101 !important;
    background-color: #fff;
    border-color: #fff;
    box-shadow: 2px 3px 20px #bbc;
}
.btn-secondary {
    color: #fff !important;
    background-color: #777;
    border-color: #777 ;
}

.blog .pagination-counter {display: none;}





/*  RIGHT COLUMN  */
#sp-right .moduletable,
#sp-right .custom {margin-bottom: 55px;}

#sp-right .custom > p > a > img {margin: 35px auto;}

.moduletable ul.latestnews > li a > span {display: none;}



/* FOOTER */

#sp-footer #sp-footer1.col-lg-6,
#sp-footer #sp-footer2.col-lg-6 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 3px #999;
}

#sp-footer h4,
#sp-footer a {
    font-weight: 700;
    color: #fff;
    text-shadow: 1px 1px 10px #555;
}
#sp-footer .adress {margin-bottom: 50px;}
#sp-footer .adress a {
    font-size: 30px;
}
#sp-footer ul.social-icons {
    margin-bottom: 200px;
}

#sp-footer ul.social-icons li a {display: block; margin: 10px; padding:5px;}
#sp-footer a span.fa {
    color:#555559;
    font-size: 45px;
    font-weight: normal;
    text-shadow: none;
    transition: .8s all;
}

#sp-footer a:hover span.fa {color: #333339; transform: scale(1.2) translateY(-10px);}

#sp-footer .sp-copyright {
    display: block;
    margin-top: 80px;
    font-size: 18px;
    font-weight: 500;
}

#sp-footer .site-dev a.developer {font-size: 17px !important; font-weight: 400;}


/* Gallery  */
.sigplus-gallery > a,
.sigplus-gallery > a > img {display: none !important;}
.sigplus-gallery ul li > a,
.sigplus-gallery ul li > a > img {display: block !important;}
.cat-children  a  img.multithumb_blog,
.blog-featured  a  img.multithumb_blog,
.article-introtext  a  img.multithumb_blog {
    margin: 10px 35px 30px 0px;
    float: left;
    box-shadow: 1px 15px 25px -25px #2d3033;
    transition: 0.7s all ease;

}
.article-details  .sigplus-gallery > ul > li div.captionplus {transition: 0.7s all ease;}
.article-details  .sigplus-gallery > ul > li div.captionplus img{box-shadow: 1px 15px 25px -25px #2d3033; transition: 0.7s all ease;}

.cat-children  a  img.multithumb_blog:hover,
.blog-featured  a  img.multithumb_blog:hover,
.article-introtext  a  img.multithumb_blog:hover {
    transform:translateY(-10px);
    box-shadow: 1px 25px 20px -25px #3d4043;
    filter: brightness(1.3);
}

.article-details  .sigplus-gallery > ul > li:hover div.captionplus {
    transform:translateY(-10px);
    filter: brightness(1.3);
}
.article-details  .sigplus-gallery > ul > li:hover div.captionplus img{
     box-shadow: 1px 25px 20px -25px #3d4043;
}

.article-details a[data-lightbox] {display: block; float right;}
img.multithumb {
    display: block;
    float: right;
    margin: 5px 0px 15px 25px;
    box-shadow: 1px 20px 25px -25px #3d4043;
}
#sp-component .article-introtext  ul > li  a > img.multithumb_blog {margin: 10px !important;}
/*#sp-component .article-details   ul > li  a.sigplus-image > img.sigplus-preview.multithumb {     margin: 10px !important; }*/

ul li  a.sigplus-image > img {
    filter: saturate(1.2);
    box-shadow: 1px 15px 20px -25px #2d3033;
}
#sp-component .sigplus-gallery > ul > li div.captionplus {
    display: inline-block;
    position: relative;
    white-space: normal;
    margin: 0px !important;
}
#sp-component .article-details .sigplus-gallery > ul > li div.captionplus {
    margin: 10px !important;
}

.captionplus .captionplus-bottom {
    height: 30%;
    visibility: visible !important;
    opacity: 0;
    bottom: 10px;
    font-size: 15px;
    transition: 1s all ease;
}
.captionplus:hover .captionplus-bottom {
    opacity: 0.9;
}
/*  БАГ  Gallery ZOO WigetKit     */
#lightbox-content, #lightbox-wrap {
    box-sizing: content-box;
    transition: none;
}
#lightbox-wrap {padding: 50px 20px 10px 10px;}



/*  SHOP  */

body.com-phocacart.view-categories #sp-main-body .row {
    display: flex;
    flex-wrap: wrap-reverse;
}
body.com-phocacart.view-categories.layout-default aside.sp-module.filter {display: none;}
body.com-phocacart.view-checkout #sp-component {width: 100%; max-width: 100%; flex: 0 0 100%;}
body.com-phocacart.view-checkout #sp-right {display: none;}
body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content {min-height: 160px;}
body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > a {position: absolute; right: 1%; display: block; width: 40%; float: left; z-index: 1; }

body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > h3 a,
body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > ul {position: relative; z-index: 10;}
body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > h3 a,
body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > ul li a {background-color: #fff; padding: 0px 2px; transition: .2s ease; }
body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > ul li a:hover {box-shadow: 1px 1px 3px #ccd;}

body #ph-pc-item-box H1.ph-header {margin-bottom: 2em; font-size: 30px; color: #222; }
.ph-checkbox-container input:checked ~ .ph-checkbox-checkmark {
    background-color: #333;
    border: 2px solid #222;
    border-radius: 2px;
    text-shadow: -1px -1px 0px #000;
}


.jstree-container-ul {    /*  Временная заглушка глючного модуля */
    display: flex !important;
    flex-direction: column-reverse;
}
#sp-left .sp-module h3.ph-card-header {color: #d54e25;}

#sp-left .sp-module .ph-u a{
    display: inline-block;
    padding: 1px 12px;
    color: #555;
    text-decoration: none;
    border: 1px #ccc solid;
    border-radius: 4px;
}
#sp-left .sp-module .ph-u a:hover {
    color: #333;
    border: 1px #777 solid;
}


a.btn.btn-success {
    color: #fff;
    background-color: #333;
    border-color: #222;
     text-shadow: -1px -1px 0px #000;
}
a.btn.btn-success:hover{
    color: #fff;
    background-color: #3D5A6E;
    border-color: #3D5A6E;
}
.btn-primary, .sppb-btn-primary {
    color: #fff !important;
    border-color: #222;
    background-color: #333;
    text-shadow: -1px -1px 0px #000;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    border-color: #3D5A6E;
    background-color: #3D5A6E;
}
#sp-component .phItemCartBoxForm {line-height: 5em;}

.modal-dialog {

    margin: 3.75rem auto;
}

.ph-item-subcategory-box {min-height: 150px;}
.ph-item-subcategory-box > a {font-size: 0px;}
.sp-module-content-bottom {margin:50px 0%;}
#sp-main-body .sp-module-content-bottom .sp-module .sp-module-title {color: #888; margin: 20px 0% 30px !important; text-align: center;}
.ph-brands-module-box {margin:30px 5%;}

.ph-pull-right.ph-checkout-confirm button.btn.btn-primary.btn-sm.ph-btn {
    margin: 45px auto;
    padding: .7rem 2rem;
    font-size: 21px;
    font-weight: bold;
    background-color: #218838;
    border-color: #126424;
}

#ph-form-login-username .form-group {margin: 5px;}

#ph-form-login-username .sr-only {position: relative; width: auto; height: auto; margin-right: 5px;}
#ph-form-login-remember {display: block; float: none; clear: both; width: 100%;  margin: 15px 0px; }
#ph-form-login-remember  label,
#ph-form-login-remember  input {display: inline-block;  width: auto; margin-right: 10px;}


.swiper-container.ph-mod-brands-swiper-container .swiper-wrapper .swiper-slide .ph-brand-name {
    display: flex;
    align-items: stretch;
}
.swiper-container.ph-mod-brands-swiper-container .ph-brand-name a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-container.ph-mod-brands-swiper-container .ph-brand-name a img{
    display: block;
    transition: 0.5s all ease;
}
.swiper-container.ph-mod-brands-swiper-container .ph-brand-name a:hover img{
    transform: scale(1.1);
}

.ph-checkbox-checkmark {
    position: absolute;
    top: 8px;
    left: 25px;
}

.ph-checkbox-container {
    padding-left: 60px;
}

/* Phoca Guestbook */
#phocaguestbook input,
#phocaguestbook textarea,
#phocaguestbook .add-on i{
    font-size: 18px !important;
    background-color: rgba(255,255,255,0.85);
}
#phocaguestbook .add-on {display: inline-block; height: 45px; background-color: #fff; }
#phocaguestbook .add-on i {margin: 10px 7px; }
#phocaguestbook input {display: inline-block; height: 45px; width: 70%; }

#phocaguestbook input:hover,
#phocaguestbook input:focus,
#phocaguestbook textarea:hover,
#phocaguestbook textarea:focus {
    background-color: rgba(255,255,255,0.95);
}
#phocaguestbook .well {
    padding: 5%;
    background-color: rgba(255,255,255,0.05);
    border: none;
}
#phocaguestbook .nav.nav-tabs li a {
    font-weight: 700;
    font-size: 20px;
}
.nav-tabs>li>a {
    background-color: rgba(255,255,255,0.05)
}
#phocaguestbook .nav.nav-tabs li a:hover{
    color: #005b72;
}
#system-message h4.alert-heading {
    display: none;
}

#phocaguestbook ul.nav.nav-tabs li a {
    display: block !important;
    margin-bottom: -2px;
    padding: 10px 20px 5px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
#phocaguestbook label {
    min-width: 125px;
    color: #3D5A6E;
}
#phocaguestbook  .btn-group button {margin-right: 15px;}
#phocaguestbook ul.nav.nav-tabs li a {color: #3D5A6E;}
#phocaguestbook ul.nav.nav-tabs li a.active.show {color: #222;}
blockquote {
    padding: 0 0 0 15px;
    margin: 0 0 20px;
    border-left: 5px solid #D5C025 !important;
}
#phocaguestbook .nav-tabs>li {
     margin-left: 10px; 
}

/*  MEDIA  */


@media (min-width: 1200px) {
        .container {
            max-width: 1640px;
        }
}
@media (min-width: 992px) {
    .container {
        max-width: 95%;
    }
}



@media (max-width: 1540px) {
    .sp-megamenu-parent > li > a { padding: 0 12px;}
}
@media (max-width: 1440px) {
    #sp-header #sp-top1 {display: none;}
    #sp-header #sp-menu {
        flex: 0 0 82%;
        max-width: 82%;
        }
    .sp-megamenu-parent > li > a {font-size: 15px; padding: 0 10px;}
}

@media (max-width: 1300px) {
    #sp-header #sp-top2 {/*display: none;*/}
    #sp-header #sp-menu {
        flex: 0 0 90%;
        max-width: 80%;
        }
}

@media (max-width: 1200px) {
    #sp-header #sp-menu  li > a{
       font-size: 14px;

        }
    #sp-left li a {
        font-size: 16px;
    }
        body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > a {
        position: relative; 
        right: 0%;
        display: block;
        width: 100%;
        float: none; 
        z-index: 1;
    }
}

@media (max-width: 1075px) {
    #sp-header #sp-menu  li > a{
       font-size: 13px;
        padding: 0 8px;
        }
}


@media (max-width: 991px) {
    #sp-header .container {max-width: 100%; }
    #sp-header {
        margin-bottom: -25px;
    }

    #sp-header #sp-menu {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        margin-top: 15px;
    }

    
    #sp-header, 
    #sp-header #sp-logo,
    #sp-header #sp-logo .logo {max-height: 100px; }
    
    
    #sp-page-builder.sp-page-builder.frontpage  .page-content .sppb-section,
    #sp-page-builder.sp-page-builder.frontpage  .sppb-section {
            height: auto !important;
            min-height: auto;
    }
    #phCheckoutCartBox .ph-checkout-cart-box div.row:first-child {display: none;}
    .ph-checkout-cart-title a {display: block; margin: 10px 20px;  font-size: 21px;  font-weight: bold; text-align: center;}
    .form-inline.phItemCartUpdateBoxForm .form-group {
        margin-bottom: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
    }
}


@media (max-width: 776px) {

}


@media (max-width: 575px) {
    body.com-phocacart .ph-row-flex.grid .row-item .ph-item-box .ph-thumbnail-c .ph-item-content > a {
         position: absolute; 
        right: 1%;
        display: block;
        width: 45%;
         float: left; 
        z-index: 1;
    }
}
