body {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #5f5f5f;
    font-weight: 300;
    /*-ms-overflow-style: scrollbar;*/
}

/*common*/
body.modal-open {
    overflow: hidden;
}

p {
    margin: 0px 0px 20px 0px;
    padding: 0px;
    font-size: 15px;
    color: #686868;
    line-height: 22px;
}

strong {
    font-weight: 700;
}

h1 {
    padding: 0px 0px 40px 0px;
    margin: 0;
    font-size: 24px;
    color: #757c81;
    font-weight: 700;
    text-align: left;
    /*text-transform: uppercase;*/
}

h1 span {
    color: #fdc861;
    font-weight: 500;
}

h1 span.sub {
    font-size: 30px;
    color: white;
}

h2 {
    padding: 0px 0px 60px 0px;
    margin: 0;
    font-size: 24px;
    color: #757c81;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

h3 {
    padding: 20px 0px 30px 0px;
    margin: 0;
    font-size: 16px;
    color: #474747;
    font-weight: 700;
    text-align: left;
}

h4 {
    padding: 0px 0px 10px 0px;
    margin: 0;
    font-size: 18px;
    color: #80878b;
    font-weight: 700;
    text-align: left;
}

a {
    font-size: 15px;
    color: #5c707e;
    outline: 0 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a:hover, a:focus {
    color: #899ca9;
    text-decoration: none;
}

div.clear {
    clear: both;
    line-height: 0px;
    font-size: 0px;
    height: 0;
}

@media (max-width: 767px) {
    h2 {
        font-size: 28px;
    }
}

/*-----------top-block-----------*/
div.top-block {
    margin: 33px 0 20px 0;
}

img.logo {
    width: 100%;
    max-width: 173px;
}

div.logo-text {
    color: #757c81;
    font-size: 16px;
    border-left: 1px solid #ebeff2;
    padding: 0 0 0 50px;
}

div.tel-holder {
    background-image: url(img/tel_icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 40px;
    width: 195px;
    margin: 0 auto;
}

div.tel-1 {
    background-image: url(img/viber_icon.svg), url(img/telegram_icon.svg);
    background-repeat: no-repeat, no-repeat;
    background-position: top right 20px, top right;
    font-weight: 700;
}

div.tel-2 {
    background-image: url(img/whatsup_icon.svg);
    background-repeat: no-repeat;
    background-position: top right 20px;
    font-weight: 700;
}

div.adress {
    background-image: url(img/map_icon.svg);
    background-repeat: no-repeat;
    background-position: left;
    padding: 0 0 0 30px;
    color: #757c81;
}

@media (max-width: 1200px) {
    div.logo-text {
        color: #757c81;
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    div.logo-text {
        color: #757c81;
        font-size: 13px;
        padding: 0 0 0 20px;
    }

    div.tel-holder {
        font-size: 13px;
        padding: 0 0 0 30px;
        width: 168px;
        margin: 10px 0 0 0;
    }

    div.tel-1, div.tel-2 {
        background-size: 18px;
    }

    div.adress {
        font-size: 11px;
        margin: 15px auto 0 0;
        padding: 0 0 0 25px;
    }
}

@media (max-width: 767px) {
    div.top-block {
        margin: 80px 0 20px 0;
    }

    div.logo-text {
        color: #757c81;
        font-size: 14px;
        border-left: 0;
        margin: 20px 0 10px 0;
        text-align: center;
    }

    div.tel-holder {
        background-image: url(img/tel_icon.svg);
        background-repeat: no-repeat;
        background-position: left;
        padding: 0 0 0 30px;
        width: 188px;
        margin: 20px auto;
        font-size: 16px;
    }

    div.adress {
        font-size: 15px;
        width: 200px;
        margin: 15px auto 0 auto;
        padding: 0 0 0 25px;
    }
}

/*top-containter*/
div.menu-holder {
    background-color: #faea79;
    border-radius: 8px;
    background: #fff3a0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff3a0 0%, #faea79 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff3a0 0%,#faea79 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff3a0 0%,#faea79 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3a0', endColorstr='#faea79',GradientType=0 );
    /* IE6-9 */
    padding: 4px;
}

div.inner-menu {
    border: 1px dashed #ffffff;
    border-radius: 4px;
}

.navbar {
    background-color: #ffffff;
    height: 50px;
    /* -webkit-box-shadow: #d5d5d5 0px 0px 20px;

   -moz-box-shadow: #d5d5d5 0px 0px 20px;

   box-shadow: #d5d5d5 0px 0px 20px;*/
}

.navbar .nav > li > a {
    padding: 12px 0px 12px 0px;
    font-size: 15px;
    font-weight: 700;
    color: #4a4b4b;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.navbar .nav > li > a:hover {
    color: #757c81;
    background-color: transparent;
}

.navbar .nav > li > a:focus {
    background-color: transparent;
    color: #757c81;
}

.navbar-default {
    border-color: transparent;
}

.navbar-default .navbar-nav>.active-t>a, .navbar-default .navbar-nav>.active-t>a:focus, .navbar-default .navbar-nav>.active-t>a:hover {
    color: #555;
    background-color: transparent;
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
    border-radius: 0px;
    margin-right: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: #fff8c8;
}

.navbar-fixed-top, .navbar-fixed-bottom {
    position: relative;
    right: 0;
    left: 0;
    z-index: 1030;
}

/*--dropdown--*/
/*animation*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}

.open > .dropdown-menu {
    display: none;
    animation-name: slidenavAnimation;
    animation-duration: 1.0s;
    animation-iteration-count: 1;
    animation-timing-function: ease;
    animation-fill-mode: forwards;
    -webkit-animation-name: slidenavAnimation;
    -webkit-animation-duration: 1.0s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-name: slidenavAnimation;
    -moz-animation-duration: 1.0s;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease;
    -moz-animation-fill-mode: forwards;
}

@keyframes slidenavAnimation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@-webkit-keyframes slidenavAnimation {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/*animation end*/
/*--dropdown--*/
@media (max-width: 1200px) {
    .navbar .nav > li > a {
        padding: 15px 0px 15px 0px;
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .navbar .nav > li > a {
        padding: 12px 0px 12px 0px;
        font-size: 11px;
    }
}

@media (max-width: 767px) {
    div.menu-holder {
        border-radius: 8px;
        padding: 4px;
        background: transparent;
    }

    div.inner-menu {
        border: none;
        border-radius: 4px;
    }

    div.menu-holder {
        padding: 0px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .navbar {
        background-color: #faea79;
        height: auto;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: #ffffff;
    }

    .navbar .nav > li > a {
        background-color: #faea79;
        font-size: 15px;
        padding: 8px 0 8px 0px;
        z-index: 999;
        white-space: normal;
    }

    .nav-justified>li>a {
        text-align: center;
        margin-bottom: 0px;
        border-bottom: 1px solid #ffffff;
        background-color: transparent;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        padding-left: 0px;
        padding-right: 0px;
    }

    .navbar .nav > li > a:hover {
        color: #757c81;
    }

    .navbar .nav > li > a:focus {
        background-color: #fff8c8;
        color: #757c81;
    }

    .nav-justified>.dropdown .dropdown-menu {
        top: 0px;
        left: 0;
    }

    .nav > li.dropdown.open .dropdown-menu {
        width: 100%;
        position: relative;
        background-color: #fff6b9;
        border: none;
        border-radius: 0px;
        top: 0px;
        left: 0;
        padding: 5px 0;
        margin: 0 auto 10px;
    }

    .dropdown-menu li {
        display: block;
    }

    .dropdown-menu>li>a {
        display: block;
        padding: 3px 12px;
        clear: both;
        font-weight: normal;
        color: #5c707e;
        font-size: 14px;
        text-decoration: underline;
        text-align: center;
    }

    .dropdown-menu>li>a:hover {
        background-color: white;
    }

    .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
        /*max-height: none;*/
    }

    .open > .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        -webkit-box-shadow: 0 0px 0px rgba(0,0,0,0.175);
        box-shadow: 0 0px 0px rgba(0,0,0,0.175);
    }
}

/*-------------slider-----------*/
div.slider-holder {
    background-image: url(img/slider_bcg.jpg);
    margin: 25px 0 0 0;
    background-color: #e8edf0;
}

img.slider-pic {
    width: 100%;
    max-width: 1114px;
    height: 547px;
}

.carousel-control {
    width: 30%;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.carousel-control:hover {
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    display: none;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-next {
    display: none;
}

.carousel-control.left {
    background-image: url(img/arrow_left.svg);
    background-repeat: no-repeat;
    background-position: 10%;
}

.carousel-control.right {
    background-image: url(img/arrow_right.svg);
    background-repeat: no-repeat;
    background-position: right;
}

/*

  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)

  CSS from:       http://codepen.io/transportedman/pen/NPWRGq

  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide

  Inspired from:  http://codepen.io/Rowno/pen/Afykb

*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*

  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity

*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

/*-------------catalogue-----------*/
div.catalogue-main {
    background-image: url(img/decor.png);
    background-repeat: no-repeat;
    background-position: top -1px center;
    padding: 60px 0 0 0;
}

a.cat-holder-out {
    width: 100%;
    max-width: 230px;
    display: block;
    border: 1px solid #faea78;
    border-radius: 8px;
    padding: 3px;
    margin: 0 auto 80px auto;
    position: relative;
}

a.cat-holder-out:hover {
    opacity: 0.8;
}

div.cat-holder-in {
    border: 1px dashed #faea78;
    border-radius: 5px;
    text-align: center;
    position: relative;
}

img.cat-pic {
    width: 100%;
    max-width: 230px;
}

div.cat-price-hold {
    background-image: url(img/price_bcg.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 207px;
    height: 85px;
    position: absolute;
    bottom: -45px;
    left: 50%;
    margin-left: -105px;
    text-align: center;
    font-weight: 700;
    line-height: 16px;
    padding: 20px;
    font-size: 14px;
    color: #757c81;
    display: table;
}

div.prc-cont {
    display: table-cell;
    vertical-align: middle;
}

.cat-price-hold .sm-price {
    font-weight: 300;
    font-size: 12px;
}

@media (max-width: 1200px) {
    a.cat-holder-out {
        width: 100%;
    }
}

@media (max-width: 992px) {
    div.cat-price-hold {
        background-size: 80%;
        width: 185px;
        margin-left: -92px;
    }

    div.cat-price-hold {
        font-size: 12px;
        line-height: 14px;
    }

    .cat-price-hold .sm-price {
        font-size: 11px;
    }

    a.cat-holder-out {
        margin: 0 auto 50px auto;
        width: 100%;
        max-width: 230px;
    }
}

@media (max-width: 767px) {
    div.cat-price-hold {
        background-size: 100%;
    }

    div.cat-price-hold {
        font-size: 14px;
        line-height: 16px;
    }

    .cat-price-hold .sm-price {
        font-size: 12px;
    }
}

/*----------articles-----------*/
div.articles {
    border: 1px solid #d9dee1;
    padding: 50px;
    border-radius: 5px;
    margin: 0 0 50px 0;
}

img.news-pic {
    width: 100%;
    border-radius: 5px;
    margin: 0 0 5px 0;
    outline: 1px dashed #ffffff;
    /* ���������� ����� */
    outline-offset: -5px;
    /* ������� ����� ������ �������� */
}

.articles a.all-ar {
    font-size: 14px;
}

a.news-link {
    font-size: 16px;
    font-weight: 700;
    display: block;
    position: relative;
}

a.news-link:hover {
    opacity: 0.8;
}

div.date {
    font-size: 12px;
    margin: 0 0 40px 0;
}

div.news-border {
    top: 3px;
    left: 3px;
    border: 1px dashed #ffffff;
    position: absolute;
    width: 320px;
    height: 208px;
    border-radius: 3px;
}

@media (max-width: 1200px) {
    div.news-border {
        width: 253px;
        height: 165px;
    }

    a.news-link {
        font-size: 15px;
    }
}

@media (max-width: 992px) {
    a.news-link {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    div.articles {
        border: 1px solid #d9dee1;
        padding: 50px 20px 20px 20px;
    }
}

div.rols {
    background-image: url(img/decor_top.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 28px;
}

/*----------------podval-------------*/
div.podval {
    background-image: url(img/slider_bcg.png);
    height: 225px;
    font-size: 14px;
}

.podval a {
    font-size: 14px;
    text-decoration: underline;
}

.podval a:hover {
    text-decoration: none;
}

a.soc {
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-right: 10px;
    margin-top: 8px;
}

a.soc:hover {
    opacity: 0.8;
}

.sc-1 {
    background-image: url(img/soc_1.png);
}

.sc-2 {
    background-image: url(img/soc_2.png);
}

.sc-3 {
    background-image: url(img/soc_3.png);
}

div.copyright {
    margin: 70px 0 0 0;
}

div.podval-links {
    margin: 60px 0 0 0;
}

.podval-links a {
    display: block;
    margin-bottom: 7px;
}

div.adress-holder {
    margin: 70px 0 0 0;
}

@media (max-width: 1200px) {
    div.podval-links {
        margin: 70px 0 0 0;
    }
}

@media (max-width: 992px) {
    .podval a {
        font-size: 13px;
        text-decoration: underline;
    }

    div.podval {
        font-size: 13px;
    }
}

@media (max-width: 767px) {
    .podval a {
        font-size: 14px;
        text-decoration: underline;
    }

    div.podval {
        font-size: 14px;
    }

    div.podval {
        height: auto;
        padding: 40px 0 40px 0;
        text-align: center;
    }

    div.copyright {
        margin: 20px 0 0 0;
    }

    div.podval-links {
        margin: 20px 0 0 0;
    }

    div.adress-holder {
        margin: 20px 0 0 0;
    }
}

/*----------------inner-pages-header-----------*/
div.inpage-header {
    height: 217px;
    background-image: url(img/inhead_pic.png), url(img/slider_bcg.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center bottom, center;
    margin: 25px 0 0 0;
    background-color: #e8edf0;
    text-align: center;
    padding: 26px 0 0 0;
}

@media (max-width: 1200px) {
    div.inpage-header {
        height: 217px;
        background-size: 900px, auto;
    }
}

@media (max-width: 992px) {
    div.inpage-header {
        height: 160px;
        background-size: 700px, auto;
    }
}

@media (max-width: 767px) {
    div.inpage-header {
        height: 160px;
        background-size: 700px, auto;
    }
}

/*-------------catalogue-inner----------*/
div.inpic-s {
    background-image: url(img/decor.png);
    height: 29px;
    background-repeat: no-repeat;
    background-position: top -1px left 30%;
    margin-bottom: 0px;
}

div.nav-line {
    font-size: 14px;
    margin: 0 0 10px 0;
}

.nav-line a {
    font-size: 14px;
}

a.cat-menu {
    background-image: url(img/heart.png);
    background-repeat: no-repeat;
    background-position: left;
    background-position: 10px;
    display: block;
    text-decoration: underline;
    padding: 0 0 0 35px;
    color: #5c707e;
    font-size: 14px;
    margin: 0 0 0px 0;
    line-height: 20px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

a.cat-menu:hover {
    text-decoration: none;
    opacity: 0.8;
}

a.ctm-active {
    padding: 4px 0 4px 35px;
    color: white;
    text-decoration: none;
    border: 1px dashed #a8b3bb;
    border-radius: 60px;
    margin: 0 0 0px 0;
}

div.ctm-in {
    background-color: #849097;
    text-decoration: none;
    border-radius: 60px;
    padding: 3px;
    margin: 0 0 5px 0;
}

div.ctm-out {
    background-color: #ffffff;
    text-decoration: none;
    border-radius: 60px;
    padding: 3px;
    margin: 0 0 5px 0;
}

div.cat-links {
    margin: 60px 0 60px 0;
}

@media (max-width: 992px) {
    a.cat-menu {
        font-size: 13px;
        line-height: 15px;
    }
}

@media (max-width: 767px) {
    div.cat-links {
        display: none;
    }

    h1 {
        text-align: center;
    }

    div.inpic-s {
        background-position: top -1px right 20%;
    }
}

/*-------------product-list----------*/
h2.product-h2 {
    padding: 0px 0px 15px 0px;
    margin: 0;
    font-size: 16px;
    color: #757c81;
    font-weight: 700;
    text-align: center;
    text-transform: none;
    height: 45px;
}

div.cat-cost {
    width: 208px;
    height: 34px;
    background-color: #ffffff;
    border: 1px solid #faeb79;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -105px;
    border-radius: 60px;
    font-size: 14px;
    padding: 2px;
}

div.cat-cost-in {
    border: 1px dashed #d5dbdf;
    border-radius: 60px;
    margin: 3px;
    width: 201px;
    height: 28px;
    margin: 0 auto;
    line-height: 24px;
}

div.pages {
    text-align: center;
    margin: 0px 0 40px 0;
}

.pages a {
    font-size: 14px;
    display: inline-block;
    margin: 0 0px 0px 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
}

.pages a:hover {
    background-color: #849097;
    border-radius: 80px;
    color: white;
}

.pages a.p-active {
    background-color: #849097;
    border-radius: 80px;
    color: white;
}

div.divider {
    height: 1px;
    border-top: 1px solid #e8eaec;
    margin: 40px 0 40px 0;
}

h2.seo-header {
    text-align: left;
    padding: 0px 0px 10px 0px;
    text-transform: none;
}

@media (max-width: 1200px) {
    div.cat-cost {
        width: 180px;
        height: 34px;
        margin-left: -90px;
    }

    div.cat-cost-in {
        width: 175px;
        height: 28px;
    }

h2.product-h2 {
    height: 60px;
    padding: 10px 0px 0px 0px;    
}
    
    
}

@media (max-width: 992px) {
    div.cat-cost {
        width: 140px;
        height: 34px;
        margin-left: -70px;
    }

    div.cat-cost-in {
        width: 135px;
        height: 28px;
        font-size: 12px;
    }

    h2.product-h2 {
        padding: 0px 0px 25px 0px;
        margin: 0;
        font-size: 14px;
        color: #757c81;
        font-weight: 700;
        text-align: center;
        text-transform: none;
    }


h2.product-h2 {
    height: 60px;
    padding: 7px 0px 7px 0px;    
}
    
    
}

@media (max-width: 767px) {
    h2.seo-header {
        font-size: 20px;
    }

    div.cat-cost {
        width: 208px;
        height: 34px;
        background-color: #ffffff;
        border: 1px solid #faeb79;
        position: absolute;
        bottom: -20px;
        left: 50%;
        margin-left: -105px;
        border-radius: 60px;
        font-size: 16px;
        padding: 2px;
    }

    div.cat-cost-in {
        border: 1px dashed #d5dbdf;
        border-radius: 60px;
        margin: 3px;
        width: 201px;
        height: 28px;
        margin: 0 auto;
        line-height: 24px;
        font-size: 14px;
    }
}

/*----product-page-----*/
table.conditions {
    margin-bottom: 20px;
}

table.conditions td {
    border-top: 1px solid #e8eaec;
    border-bottom: 1px solid #e8eaec;
    padding: 10px 0 10px 0;
}

div.price-t {
    font-size: 18px;
    font-weight: 700;
}

div.cond {
    background-repeat: no-repeat;
    padding: 2px 0 3px 35px;
}

.pric-1 {
    background-image: url(img/pric-1.svg);
    background-size: 24px;
}

.pric-2 {
    background-image: url(img/pric-2.svg);
}

.pric-3 {
    background-image: url(img/pric-3.svg);
}

.pric-4 {
    background-image: url(img/pric-4.svg);
}

.pric-5 {
    background-image: url(img/pric-5.svg);
}

.pric-6 {
    background-image: url(img/pric-6.svg);
}

table.conditions-2 {
    margin-bottom: 8px;
    border-top: 2px solid #fcf1a4;
}

table.conditions-2 td {
    padding: 10px 0 10px 0;
}

table.conditions-2 tr.light {
    background-color: #fffce4;
}

a.btn-snd {
    display: block;
    width: 100%;
    font-size: 24px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 8px;
    padding: 5px;
    border-bottom: 4px solid #b7ae6e;
    margin: 0 0 10px 0;
    color: #4a4b4b;
    background: #fff3a0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff3a0 0%, #faea79 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff3a0 0%,#faea79 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff3a0 0%,#faea79 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3a0', endColorstr='#faea79',GradientType=0 );
    /* IE6-9 */
}

div.btn-in {
    padding: 8px 0 8px 0;
    border: 1px dashed #ffffff;
    border-radius: 5px;
}

a.btn-snd:hover {
    opacity: 0.8;
}

div.how, .how a {
    font-size: 14px;
    margin-bottom: 20px;
}

ul.suboption {
    margin-left: 0px;
    padding: 0 0 0 15px;
}

ul.suboption li {
    list-style: url(img/heart.png);
    padding: 0 0 0 10px;
    margin-left: 0px;
}

.product-photo .img-responsive, .product-photo .carousel-inner>.item>img, .carousel-inner>.item>a>img.pr-img-md {
    width: 100%;
    max-width: 410px;
    -webkit-box-shadow: #e7e7e7 0px 0px 5px;
    -moz-box-shadow: #e7e7e7 0px 0px 5px;
    box-shadow: #e7e7e7 0px 0px 5px;
    margin: 10px 10px 20px 0px;
    border: 1px solid #faea78;
    border-radius: 8px;
    outline: 1px dashed #faea78;
    /* ���������� ����� */
    outline-offset: -5px;
    /* ������� ����� ������ �������� */
}

img.pr-img-sm {
    width: 100%;
    max-width: 124px;
    -webkit-box-shadow: #e7e7e7 0px 0px 5px;
    -moz-box-shadow: #e7e7e7 0px 0px 5px;
    box-shadow: #e7e7e7 0px 0px 5px;
    border: 1px solid #faea78;
    border-radius: 8px;
    outline: 1px dashed #faea78;
    outline-offset: -5px;
    margin: 0 0 20px 0;
}

.product-photo .carousel {
    width: 422px;
    margin: 0 auto;
}

.product-photo .carousel-indicators {
    position: static;
    display: inline;
    left: 0%;
    z-index: 15;
    width: 98px;
    margin-left: 0px;
    list-style: none;
    text-align: center;
}

.product-photo .carousel-indicators .active {
    margin: 0;
    width: 98px;
    background-color: #fff;
    margin-right: 12px;
}

.product-photo .carousel-indicators .active img.pr-img-sm {
    -webkit-box-shadow: #faea78 0px 0px 5px;
    -moz-box-shadow: #faea78 0px 0px 5px;
    box-shadow: #faea78 0px 0px 5px;
}

.product-photo .carousel-indicators li {
    display: inline;
    text-indent: inherit;
    position: static;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 98px;
    margin-left: 0px;
    margin-right: 12px;
    padding-left: 0;
    list-style: none;
    text-align: center;
}

@media (max-width: 1200px) {
    .product-photo .carousel {
        width: 340px;
    }

    .product-photo .img-responsive, .product-photo .carousel-inner>.item>img, .carousel-inner>.item>a>img.pr-img-md {
        width: 100%;
        max-width: 327px;
    }

    img.pr-img-sm {
        width: 100%;
        max-width: 96px;
    }

    div.price-t {
        font-size: 15px;
        font-weight: 700;
    }

    div.cond {
        font-size: 13px;
    }

    a.btn-snd {
        display: block;
        width: 100%;
        font-size: 20px;
    }
}

@media (max-width: 992px) {
    .product-photo .carousel {
        width: 260px;
    }

    .product-photo .img-responsive, .product-photo .carousel-inner>.item>img, .carousel-inner>.item>a>img.pr-img-md {
        width: 100%;
        max-width: 250px;
    }

    img.pr-img-sm {
        width: 100%;
        max-width: 70px;
    }

    div.price-t {
        font-size: 13px;
        font-weight: 700;
    }

    div.cond {
        font-size: 13px;
    }

    table.conditions td {
        padding: 8px 0 8px 0;
    }

    table.conditions-2 td {
        padding: 8px 0 8px 0;
    }
}

@media (max-width: 767px) {
    .product-photo .carousel {
        width: 100%;
        margin: 0 auto;
    }

    .product-photo .img-responsive, .product-photo .carousel-inner>.item>img, .carousel-inner>.item>a>img.pr-img-md {
        width: 95%;
        max-width: none;
        margin: 10px 10px 20px 10px;                
    }

    img.pr-img-sm {
        width: 100%;
        max-width: 22%;
        margin-bottom: 20px;
    }

    .product-photo .carousel-indicators {
        position: static;
        display: block;
        left: 0;
        z-index: 15;
        width: 100%;
        margin-left: 0px;
        list-style: none;
        text-align: center;
    }

    div.price-t {
        font-size: 15px;
        font-weight: 700;
        text-align: center;
    }

    div.cond {
        font-size: 15px;
    }

    h1 {
        padding: 10px 0px 20px 0px;
    }
}

/*------articles--------*/
div.articles-2 {
    border: 1px solid #d9dee1;
    padding: 50px 50px 0 50px;
    border-radius: 5px;
    margin: 0 0 50px 0;
}

@media (max-width: 767px) {
    div.articles-2 {
        border: 1px solid #d9dee1;
        padding: 50px 20px 0px 20px;
    }
}

/*text-page*/
div.date-1 {
    font-size: 12px;
    margin: -20px 0 0px 0;
}

div.text-page-c {
    padding: 0px 100px 0 100px;
}

img.img-txt {
    width: 100%;
    max-width: 720px;
    margin-bottom: 20px;
}

div.rmore {
    margin: 40px 0 40px 0;
}

@media (max-width: 1200px) {
    div.text-page-c {
        padding:0px 0px 0 0px;
    }
}

@media (max-width: 992px) {
    div.rmore {
        padding-bottom: 10px;
    }
}

@media (max-width: 767px) {
    div.date-1 {
        font-size: 12px;
        margin: 0px 0 0px 0;
    }

    h2 {
        padding: 0px 0px 50px 0px;
        margin: 0;
        font-size: 20px;
    }
}

/*--------contacts---------*/
img.cont-img {
    margin: 40px 0 40px 0;
    width: 100%;
}

.map {
    margin-bottom: 60px;
    width: 100%;
    height: 415px;
}

div.input-hold {
    border: 1px solid #dde4e9;
    padding: 4px;
    border-radius: 5px;
    margin-bottom: 10px;
}

input.input-blc-4 {
    width: 100%;
    border-radius: 3px;
    height: 45px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
    margin-right: 0px;
    border: 1px dashed #dde4e9;
}

textarea.textfield-form {
    width: 100%;
    border-radius: 3px;
    height: 160px;
    padding-top: 13px;
    padding-bottom: 13px;
    font-size: 16px;
    margin-right: 0px;
    border: 1px dashed #dde4e9;
}

.order-btn-7 {
    display: block;
    width: 100%;
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    border-radius: 8px;
    padding: 5px;
    border: none;
    border-bottom: 4px solid #b7ae6e;
    margin: 0 0 10px 0;
    color: #4a4b4b;
    background: #fff3a0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fff3a0 0%, #faea79 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fff3a0 0%,#faea79 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fff3a0 0%,#faea79 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff3a0', endColorstr='#faea79',GradientType=0 );
    /* IE6-9 */
}

div.btn-in {
    padding: 8px 0 8px 0;
    border: 1px dashed #ffffff;
    border-radius: 5px;
}
span.btn-in {
    padding: 8px 0 8px 0;
    border: 1px dashed #ffffff;
    border-radius: 5px;
}
.navbar .nav > li .hiden_a{display: block}
.navbar .nav > li .hiden_b{display: none}
@media (max-width: 767px) {
    div.sched {
        text-align: center;
        margin: 20px 0 0 0;
    }
    .navbar .nav > li .hiden_a{display: none}
    .navbar .nav > li .hiden_b{display: block}
}


/*---------------------modal------------------------*/


.modal-open .navbar-fixed-top,
.modal-open .navbar-fixed-bottom {
    padding-right: 17px;
}

h2.h2-modal {
    padding-bottom: 20px;
}





.form-bcg {
    background-color: #ffffff;
    padding: 20px 20px 0px 20px;
    border-radius: 8px;
}



.form-bcg-2 {
    background-color: #ffffff;
}


.modal.mcenter {
    text-align: center;
}

.modal-dialog.mcenter {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-content {
    border-radius: 8px;
}


@media screen and (min-width: 768px) {
    .modal.mcenter:before {
        display: inline-block;
        vertical-align: middle;
        content: " ";
        height: 100%;
    }
}


.close-cross  {
    color: #282520;
    top: -7px;
    right: -5px;
    position: absolute;
    z-index: 999;
    opacity: 1;
    outline: none;
}

.close-cross:focus {
    border: none;
}


@media (max-width: 767px) {

    .form-bcg {
        padding: 7px 7px 0px 7px;
    }
}

/*------------------replies-----------------*/

div.date-rep {
    font-size: 12px;
    margin: 0 0 10px 0;
}