@charset "UTF-8";/* Dropdown control */

.selectBox-dropdown {
    min-width: 200px;
    position: relative;
    text-decoration: none;
    text-align: left;
    color: #586d7b;
    outline: none;
    vertical-align: middle;
    background: #FFF;
    display: inline-block;
    cursor: default;
    border: 1px #d7d7d7 solid;
    height: 36px;
}

.selectBox-dropdown:focus,
.selectBox-dropdown:focus .selectBox-arrow {
}

.selectBox-dropdown.selectBox-menuShowing {
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.selectBox-dropdown .selectBox-label {
    padding: 10px 8px 0px 20px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
}

.selectBox-dropdown .selectBox-arrow {
    position: absolute;
    top: 0;
    right: 0;
    width: 33px;
    height: 36px;
    background: url(select.png) 50% center no-repeat;
}

/* Dropdown menu */
.selectBox-dropdown-menu {
    position: absolute;
    z-index: 99999;
    max-height: 200px;
    min-height: 1em;
    border: solid 1px #BBB; /* should be the same border width as .selectBox-dropdown */
    background: #FFF;
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

/* Inline control */
.selectBox-inline {
    min-width: 150px;
    outline: none;
    border: solid 1px #BBB;
    background: #FFF;
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    overflow: auto;
}

.selectBox-inline:focus {
    border-color: #666;
}

/* Options */
.selectBox-options,
.selectBox-options LI,
.selectBox-options LI A {
    list-style: none;
    display: block;
    cursor: default;
    padding: 0;
    margin: 0;
}

.selectBox-options LI A {
    line-height: 1.5;
    padding: 0 .5em;
    white-space: nowrap;
    overflow: hidden;
    background: 6px center no-repeat;
}

.selectBox-options LI.selectBox-hover A {
    background-color: #EEE;
}

.selectBox-options LI.selectBox-disabled A {
    color: #888;
    background-color: transparent;
}

.selectBox-options LI.selectBox-selected A {
    background-color: #C8DEF4;
}

.selectBox-options .selectBox-optgroup {
    color: #666;
    background: #EEE;
    font-weight: bold;
    line-height: 1.5;
    padding: 0 .3em;
    white-space: nowrap;
}

/* Disabled state */
.selectBox.selectBox-disabled {
    color: #888 !important;
}

.selectBox-dropdown.selectBox-disabled .selectBox-arrow {
    opacity: .5;
    filter: alpha(opacity=50);
    border-color: #666;
}

.selectBox-inline.selectBox-disabled {
    color: #888 !important;
}

.selectBox-inline.selectBox-disabled .selectBox-options A {
    background-color: transparent !important;
}



/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px; 
    background: #FFF;
    color: #334352;
    box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-size: 14px;
    line-height: 16px;
    padding: 10px 20px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}


/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}








/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0; 
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important; 
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important; 
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4); 
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}


/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('blank.gif'); /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 10px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent; /* Fallback for web browsers that doesn't support RGBa */
    background: rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 15px;
       -moz-border-radius: 15px;
            border-radius: 15px;
    text-shadow: 0 1px 2px #222;
    color: #FFF;
    font-weight: bold;
    line-height: 24px;
    white-space: nowrap;
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}

.fancybox-title-inside-wrap {
    padding-top: 10px;
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5){

    #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
        background-image: url('fancybox_sprite@2x.png');
        background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
    }

    #fancybox-loading div {
        background-image: url('fancybox_loading@2x.gif');
        background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
    }
}




#fancybox-buttons {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 8050;
}

#fancybox-buttons.top {
    top: 10px;
}

#fancybox-buttons.bottom {
    bottom: 10px;
}

#fancybox-buttons ul {
    display: block;
    width: 166px;
    height: 30px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    border: 1px solid #111;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
       -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
    background: rgb(50,50,50);
    background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
    background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
    background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
    background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
    background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}

#fancybox-buttons ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#fancybox-buttons a {
    display: block;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url('fancybox_buttons.png');
    background-repeat: no-repeat;
    outline: none;
    opacity: 0.8;
}

#fancybox-buttons a:hover {
    opacity: 1;
}

#fancybox-buttons a.btnPrev {
    background-position: 5px 0;
}

#fancybox-buttons a.btnNext {
    background-position: -33px 0;
    border-right: 1px solid #3e3e3e;
}

#fancybox-buttons a.btnPlay {
    background-position: 0 -30px;
}

#fancybox-buttons a.btnPlayOn {
    background-position: -30px -30px;
}

#fancybox-buttons a.btnToggle {
    background-position: 3px -60px;
    border-left: 1px solid #111;
    border-right: 1px solid #3e3e3e;
    width: 35px
}

#fancybox-buttons a.btnToggleOn {
    background-position: -27px -60px;
}

#fancybox-buttons a.btnClose {
    border-left: 1px solid #111;
    width: 35px;
    background-position: -56px 0px;
}

#fancybox-buttons a.btnDisabled {
    opacity : 0.4;
    cursor: default;
}


#fancybox-thumbs {
    position: fixed;
    left: 0;
    width: 100%;
    overflow: hidden;
    z-index: 8050;
}

#fancybox-thumbs.bottom {
    bottom: 2px;
}

#fancybox-thumbs.top {
    top: 2px;
}

#fancybox-thumbs ul {
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

#fancybox-thumbs ul li {
    float: left;
    padding: 1px;
    opacity: 0.5;
}

#fancybox-thumbs ul li.active {
    opacity: 0.75;
    padding: 0;
    border: 1px solid #fff;
}

#fancybox-thumbs ul li:hover {
    opacity: 1;
}

#fancybox-thumbs ul li a {
    display: block;
    position: relative;
    overflow: hidden;
    border: 1px solid #222;
    background: #111;
    outline: none;
}

#fancybox-thumbs ul li img {
    display: block;
    position: relative;
    border: 0;
    padding: 0;
    max-width: none;
}

*{
margin: 0px;
padding: 0px;
text-align: left;
}

@font-face {
    font-family: 'plumbmedium';
    src: url('plumb-medium-webfont.eot');
    src: url('plumb-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('plumb-medium-webfont.woff2') format('woff2'),
         url('plumb-medium-webfont.woff') format('woff'),
         url('plumb-medium-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
display: block;
}
html{
height:100%;
}
body{
text-align: center;
margin: 0px;
color: #334352;
font-size: 14px;
font-weight: normal;
font-family: 'plumbmedium', sans-serif;
background: #FFF;
}
img{
border: none;
}
.clr{
clear: both;
}
a{
text-decoration: none;
}
.main{
max-width: 1024px;
margin: 0 auto;
padding: 0px 10px;
}

header .topmenu{
background: #ebebeb;
padding: 0px 0px;
}
header .topmenu .menu{
float: left;
}
header .topmenu .menu a.open{
color: #668090;
font-size: 14px;
display: inline-block;
padding: 12px 50px 12px 0px;
display: none;
}
header .topmenu .menu ul{
list-style: none;
}
header .topmenu .menu ul li{
float: left;
}
header .topmenu .menu ul li a{
color: #668090;
font-size: 14px;
display: inline-block;
padding: 12px 0px;
}
header .topmenu .menu ul li a span{
display: inline-block;
padding: 0px 25px;
border-right: 1px #d7d7d7 solid;
}
header .topmenu .menu ul li a:hover{
color: #FFF;
background: #586d7b;
}
header .topmenu .menu ul li a:hover span{
border-right: 1px #586d7b solid;
}

header .topmenu .menu ul li:first-of-type a{

}
header .topmenu .menu ul li:last-of-type a span{
border-right: none;
}
header .topmenu .login{
float: right;
padding-top: 10px;
}
header .topmenu .login a{
color: #334352;
font-size: 16px;
display: inline-block;
padding: 2px 0px 2px 30px;
background: url(login.png) 0px 50% no-repeat;
}
header .topmenu .login a:hover{
color: #c79a6b;
text-decoration: underline;
}

header .contact{
float: left; 
padding: 40px 0px 0px 0px;
}
header .contact .phone{
font-size: 14px;
padding: 0px 0px 30px 40px;
background: url(call.png) 0px 0px no-repeat;
}
header .contact .phone span{
font-size: 18px;
font-weight: bold;
}
header .contact .phone a{
display: inline-block;
color: #c79a6b;
text-decoration: underline;
margin: 5px 0px 0px 0px;
}
header .contact .mail{
font-size: 16px;
padding: 0px 0px 0px 40px;
background: url(mail.png) 0px 0px no-repeat;
}
header .contact .mail a{
font-size: 14px;
display: inline-block;
color: #c79a6b;
text-decoration: underline;
margin: 5px 0px 0px 0px;
}

header .logo{
text-align: center;
width: 212px;
margin: 0 auto;
padding: 30px 0px 40px 0px;
}

header .cart_search{
float: right;
text-align: right;
padding: 40px 0px 0px 0px;
}
header .cart_search .cart{
text-align: right;
}
header .cart_search .cart a{
font-size: 16px;
color: #334352;
display: inline-block;
white-space: nowrap;
}
header .cart_search .cart a span.title{
display: inline-block;
padding: 5px 0px 5px 0px;
}
header .cart_search .cart a span.num{
font-size: 14px;
color: #c8cbce;
}
header .cart_search .cart a i{
display: inline-block;
width: 50px;
height: 50px;
background: url(cart.png) 50% 50% no-repeat;
border-radius: 50%;
float: left;
margin: 0px 10px 0px 0px;
}
header .cart_search .cart a:hover i{
background: #D79B69 url(cart_h.png) 50% 50% no-repeat;
}
header .cart_search .search{
padding: 40px 0px 0px 0px;
}
header .cart_search .search input{
line-height: 35px;
border: 1px #c8cbce solid;
padding: 0px 15px;
width: 165px;
float: left;
font-size: 14px;
color: #586d7b;
font-family: 'plumbmedium', sans-serif;
}
header .cart_search .search button{
display: inline-block;
width: 37px;
height: 37px;
background: url(search_btn.png) 0% 0% no-repeat;
border: none;
cursor: pointer;
float: left;
}
header .cart_search .search button:hover{
background: url(search_btn.png) 0% 100% no-repeat;
}

header .category_menu{
background: #334352;
height: 43px;
}
header .category_menu .main{
text-align: center;
}
header .category_menu ul{
display: inline-block;
list-style: none;
}
header .category_menu ul li{
float: left;
}
header .category_menu ul li a{
color: #FFF;
font-size: 16px;
display: inline-block;
padding: 12px 0px;

}
header .category_menu ul li a span{
display: inline-block;
padding: 0px 35px;
border-right: 1px #4f667c solid;
}
header .category_menu ul li a:hover{
color: #FFF;
background: #D79B69;
}
header .category_menu ul li.act a{
color: #FFF;
background: #D79B69;
}
header .category_menu ul li a:hover span{
border-right: 1px #D79B69 solid;
}
header .category_menu ul li:last-of-type a span{
border-right: none;
}

footer .footer{
padding: 40px 0px;
background: #ebebeb;
}
footer .footer .logo{
float: left;
width: 24%;
}
footer .footer .logo img{
width: 100%;
max-width: 194px;
}
footer .footer .menu{
float: left;
width: 60%;
}
footer .footer .menu ul{
list-style: none;
width: 33%;
float: left;
}
footer .footer .menu ul li a{
display: inline-block;
padding: 5px 0px;
font-size: 14px;
color: #678090;
}
footer .footer .menu ul li a:hover{
color: #c79a6b;
text-decoration: underline;
}
footer .footer .contact{
float: right;
color: #678090;
text-align: right;
width: 16%;
}
footer .footer .contact .phone{
font-size: 14px;
padding: 0px 0px 30px 40px;
background: url(call.png) 0px 0px no-repeat;
}
footer .footer .contact .phone span{
font-size: 14px;
font-weight: bold;
}
footer .footer .contact .phone a{
display: inline-block;
color: #c79a6b;
text-decoration: underline;
margin: 5px 0px 0px 0px;
}
footer .footer .contact .mail{
display: inline-block;
font-size: 16px;
padding: 0px 0px 0px 40px;
background: url(mail.png) 0px 0px no-repeat;
}
footer .footer .contact .mail a{
font-size: 14px;
display: inline-block;
color: #c79a6b;
text-decoration: underline;
margin: 5px 0px 0px 0px;
}
footer .footer .contact .social{
padding: 40px 0px 0px 0px;
text-align: right;
}
footer .footer .contact .social a{
margin: 0px 3px;
}

footer .copyright{
padding: 10px 0px;
font-size: 14px;
color: #678090;
}
footer .copyright .copy{
float: left;
}
footer .copyright .developer{
float: right;
}
footer .copyright .developer a{
color: #c79a6b;
text-decoration: underline;
}


.content{
padding: 20px 0px 50px 0px;
}

.content .left_col{
width: 235px;
padding: 0px 50px 0px 0px;
float: left;
}
.content .left_col .menu h3{
font-size: 18px;
color: #FFF;
line-height: 43px;
font-weight: normal;
padding: 0px 0px 0px 45px;
background: #334352 url(h3.png) 10px 50% no-repeat;
margin: 0px 0px 30px 0px;
}
.content .left_col .menu ul{
list-style: none;
}
.content .left_col .menu ul li a{
font-size: 14px;
color: #334352;
display: block;
line-height: 50px;
border-bottom: 1px #d7d7d7 solid;
}
.content .left_col .menu ul li:last-of-type a{
border-bottom: none;
}
.content .left_col .menu ul li a:hover, .content .left_col .menu ul li a.act{
color: #FFF;
border-bottom: 1px #D79B69 solid;
padding: 0px 0px 0px 45px;
}


.content .left_col .menu ul li a:hover{background-color: #D79B69;background-position: 10px 50%;background-repeat: no-repeat;}
.content .left_col .menu ul li a.act{background-color: #D28C52;background-position: 10px 50%;background-repeat: no-repeat;}

.content .left_col .menu ul li a.item1:hover,
.content .left_col .menu ul li a.item1.act{background-image: url(menu_icon8.png);}

.content .left_col .menu ul li a.item2:hover,
.content .left_col .menu ul li a.item2.act{background-image: url(menu_icon7.png);}

.content .left_col .menu ul li a.item3:hover,
.content .left_col .menu ul li a.item3.act{background-image: url(menu_icon4.png);}

.content .left_col .menu ul li a.item4:hover,
.content .left_col .menu ul li a.item4.act{background-image: url(menu_icon2.png);}

.content .left_col .menu ul li a.item5:hover,
.content .left_col .menu ul li a.item5.act{background-image: url(menu_icon1.png);}

.banner{
padding: 20px;
background: #f5f5f5;
margin: 20px 0px 20px 0px;
}
.banner h4{
font-size: 18px;
color: #334352;
background: url(line.png) 0px 50% repeat-x;
}
.banner h4 span{
display: inline-block;
padding: 0px 10px 0px 0px;
background: #f5f5f5;
}
.banner span.text{
font-size: 14px;
color: #334352;
width: 50%;
display: inline-block;
float: left;
}
.banner span.price{
display: inline-block;
font-size: 22px;
color: #c79a6b;
font-weight: bold;
float: right;
}
.banner.news .news-text{
padding: 5px 0px;
font-size: 14px;
color: #678090;display: block
}
.banner.news .news-text p{
padding: 0;margin: 0
}

.banner .model-block{display: block;}
.banner .model-block img{display: block;max-width: 100%;margin: 4px 0;}

.slider{
height: 580px;
background: url(fon_slider.jpg) 50% 50% no-repeat;
}


.container {
display: table;
width: 100%; 
}

.content .cent_col{
margin-left: 285px;
}


.select_auto{
padding: 10px 0px 0px 0px;
}
.select_auto label{
font-size: 18px;
color: #334352;
}
.select_auto label span{
font-size: 22px;
}
.select_auto button{
border: none;
cursor: pointer;
line-height: 36px;
width: 110px;
text-align: center;
font-size: 16px;
color: #FFF;
font-family: 'plumbmedium', sans-serif;
background: #D79B69;
border-radius: 3px;
float: right;
margin: 0px 0px 0px 20px;
}
.select_auto button:hover{
background: #334352;
}
.select_auto form{
display: inline-block;
padding: 0px 0px 0px 30px;
float: right;
}

.list_of_logo{
padding: 40px 0px;
}
.list_of_logo ul{
list-style: none;
}
.list_of_logo ul li{
float: left;
}
.list_of_logo ul li a{
	margin: 2px;
display: inline-block;
border: 2px solid transparent;
    background-size: contain;
    background-position: 0 -1300px;
    background-repeat: no-repeat;
    margin: 2px;
}

.list_of_logo ul li a img{
max-width: 96px;

}
.list_of_logo ul li a:hover{

border: 2px #d79b69 solid;
background-position: 0 0
}
.list_of_logo ul:hover img{
opacity: 0.5;
}
.list_of_logo ul a:hover img{
opacity: 1;
visibility: hidden;
}


.navigator{
padding: 0px 0px 20px 0px;
font-size: 14px;
color: #7e8e9d;
}
.navigator a{
color: #7e8e9d;
}
.navigator a:hover{
color: #c79a6b;
text-decoration: underline;
}
.navigator span{
color: #334352;
}

.cent_col h1{
font-size: 26px;
color: #334352;
font-weight: normal;
padding: 5px 0px 20px 0px;
}
.cent_col h1 span{
font-size: 18px;
color: #7e8e9d;
}

/*доставка*/
.delivery .item{
padding: 20px 0px;
}
.delivery .item .img{
float: left;
width: 161px;
}
.delivery .item .text{
float: left;
}
.delivery .item .text h3{
font-size: 16px;
color: #334352;
font-weight: normal;
padding: 0px 0px 15px 0px;
}
.delivery .item .text a{
font-size: 14px;
color: #c79a6b;
text-decoration: underline;
}
.delivery .item .text p{
font-size: 14px;
color: #7e8e9d;
}


/* видео */
.article p{
padding: 5px 0px 10px 0px;
font-size: 14px;
color: #7e8e9d;
}
.article p a{
color: #c79a6b;
text-decoration: underline;
}
.article p.color{
font-size: 16px;
color: #334352;
}
.article p strong{
font-size: 16px;
color: #334352;
font-weight: normal;
}

.article  .videoplayer, .article .map{
padding: 30px 0px;
}
.article  .videoplayer img, .article .map img{
width: 100%;
}

/* контакты */
.article .contact{
padding: 20px 0px 20px 0px;
}

.article .contact .addr{
font-size: 14px;
padding: 0px 30px 30px 40px;
background: url(addrea.png) 0px 0px no-repeat;
float: left;
}
.article .contact .phone{
font-size: 14px;
padding: 0px 40px 30px 40px;
background: url(call.png) 0px 0px no-repeat;
float: left;
}
.article .contact .phone span{
font-size: 18px;
font-weight: bold;
}
.article .contact .phone a{
display: inline-block;
color: #c79a6b;
text-decoration: underline;
margin: 5px 0px 0px 0px;
}
.article .contact .mail{
font-size: 16px;
padding: 0px 0px 0px 40px;
background: url(mail.png) 0px 0px no-repeat;
float: left;
}
.article .contact .mail a{
font-size: 14px;
display: inline-block;
color: #c79a6b;
text-decoration: underline;
margin: 5px 0px 0px 0px;
}

/* гарантии */
.article .garantii a{
width: 48%;
margin: 1%;
float: left;
}
.article .garantii a div{
display: inline-block;
border: 1px #d7d7d7 solid;
padding: 1px;
position: relative;
}
.article .garantii a div:after{
content: " "; 
display: block; 
width: 30px;
height: 30px;
background: url(view.png) 0px 0px no-repeat;
position: absolute;
bottom: 20px;
right: 15px;
z-index: 40;
}

.article .garantii a div:hover{
border: 2px #D79B69 solid;
padding: 0px;
}
.article .garantii a div:hover:after{
background: url(view.png) 0px 100% no-repeat;
}
.article .garantii img{
width: 100%;
}

/*почта*/
.article .search{
padding: 0px 0px 20px 0px;
}
.article .search input{
line-height: 35px;
border: 1px #c8cbce solid;
padding: 0px 15px;
width: 265px;
float: left;
font-size: 14px;
color: #586d7b;
font-family: 'plumbmedium', sans-serif;
}
.article .search button{
display: inline-block;
width: 37px;
height: 37px;
background: url(search_btn.png) 0% 0% no-repeat;
border: none;
cursor: pointer;
float: left;
}
.article .search button:hover{
background: url(search_btn.png) 0% 100% no-repeat;
}

/*предложения*/
.article .form.predlozh{
padding: 20px 0px;
text-align: center;
overflow: hidden;
}
.article .form.predlozh form{
text-align: center;
display: BLOCK;
}
.article .form.predlozh input{
line-height: 35px;
border: 1px #c8cbce solid;
padding: 0px 15px;
width: 240px;
font-size: 14px;
color: #586d7b;
font-family: 'plumbmedium', sans-serif;
margin: 5px 0px;
}
.article .form.predlozh input.error{
box-shadow: inset 0 0 0 2px rgba(255, 0, 0, 0.52);}
.article .form.predlozh .selectBox-dropdown {
width: 270px !important;
margin: 5px 0px;
}
#captcha{
display: block;
overflow: hidden;
clear: both;}
.article .form.predlozh .l{
float: left;
}
#captcha .input-label{
margin: 0 0 10px 0;
display: block;}
.notice.error{color: red}
.input-notice.notice{display: none;}
.notice.notice--warning{display: block;
color: red;}
.input-notice.notice.error{display: block}
.article .form.predlozh textarea{
line-height: 35px;
border: 1px #c8cbce solid;
padding: 0px 15px;
width: 400px;
font-size: 14px;
color: #586d7b;
font-family: 'plumbmedium', sans-serif;
margin: 5px 0px;
height: 178px;
float: right;
display: BLOCK;
}
.article .form.predlozh button{
border: none;
cursor: pointer;
line-height: 46px;
padding: 0px 30px;
text-align: center;
font-size: 18px;
color: #FFF;
font-family: 'plumbmedium', sans-serif;
background: #D79B69;
margin-top: 20px;
}
.article .form.predlozh button:hover{
background: #334352;
}

/* на заказ */
.article .nicelist{
color: #D79B69;
padding: 20px 0px 20px 15px;
}

/* отзывы */
.review .item{
padding: 10px 10px;
margin: 0px 0px 20px 0px;
}
.review .item:nth-child(odd){
background: #f5f5f5;
}
.review .item span{
font-size: 14px;
color: #c79a6b;
font-weight: bold;
display: inline-block;
padding: 0px 0px 10px 0px;
}
.review .item strong{
font-size: 18px;
font-weight: normal;
}
.review .pagination{
padding: 20px 0px;
font-size: 16px;
color: #334352;
}
.review .pagination ul{
list-style: none;
}
.review .pagination ul li{
float: left;
padding: 0px 30px 0px 0px;
}
.review .pagination ul li a{
color: #7e8e9d;
}
.review .pagination ul li a:hover{
color: #c79a6b;
text-decoration: underline;
}

/* галерея чехлов*/
.fotogallery{
padding: 20px 0px;
}
.fotogallery .g_slide, .fotogallery .g_list{
width: 50%;
float: left;
}
.fotogallery .g_list ul{
list-style: none;
}
.fotogallery .g_list ul li{
float: left;
padding: 0px 0px 8px 8px;
width: 25%;
box-sizing: border-box;
}
.fotogallery .g_list ul li{}
.fotogallery .g_list ul li a{display: block;overflow: hidden;height: 83px}
.fotogallery .g_list ul li a img{height: 100%}
.fotogallery .g_list a.more{
display: inline-block;
padding: 10px 0px 10px 30px;
font-size: 16px;
color: #334352;
background: url(more.png) 0% 50% no-repeat;
margin: 20px 0px 0px 0px;
float: right;
}
.fotogallery .g_list a.more:hover{
color: #c79a6b;
text-decoration: underline;
}

.fotogallery .g_slide{
position: relative;
}
.fotogallery .g_slide span.prev{
display: inline-block;
width: 15px;
height: 27px;
background: url(prev.png) 0% 0% no-repeat;
cursor: pointer;
top: 45%;
left: 10px;
position: absolute;
}
.fotogallery .g_slide span.next{
display: inline-block;
width: 15px;
height: 27px;
background: url(next.png) 0% 0% no-repeat;
cursor: pointer;
top: 45%;
right: 10px;
position: absolute;
}
.fotogallery .g_slide img{
width: 100%;
}

/* галерея*/
.gallery{
padding: 20px 0px;
}
.gallery .g_slide, .gallery .g_list{
width: 100%;
}
.gallery  .g_list ul{
list-style: none;
padding: 20px 0px 0px 0px;
}
.gallery  .g_list ul li{
float: left;
padding: 0px 11px 20px 0px;
}
.gallery  .g_list ul li a{
border: 3px #FFF solid;
display: inline-block;
}
.gallery  .g_list ul li a.act{
border: 3px #c79a6b solid;
display: inline-block;
}
.gallery  .g_list ul li a img{
display: block;
}

.gallery .g_slide{
position: relative;
}
.gallery .g_slide span.prev{
display: inline-block;
width: 15px;
height: 27px;
background: url(prev.png) 0% 0% no-repeat;
cursor: pointer;
top: 45%;
left: 10px;
position: absolute;
}
.gallery .g_slide span.next{
display: inline-block;
width: 15px;
height: 27px;
background: url(next.png) 0% 0% no-repeat;
cursor: pointer;
top: 45%;
right: 10px;
position: absolute;
}
.gallery .g_slide img{
width: 100%;
}
.gallery  .type{
padding: 20px 0px 0px 0px;
}
.gallery  .type div{
float: left;
padding: 0px 50px 0px 0px;
font-size: 14px;
color: #334352;
line-height: 30px;
}
.gallery  .type div strong{
font-size: 22px;
font-weight: normal;
display: inline-block;
margin: 0px 20px 0px 0px;
}
.gallery  .type div img{
line-height: 30px;
}


.gallery-list{}
.gallery-list .list-elm{
width: 25%;
float: left;
text-align: center;
padding: 20px 10px;;
box-sizing: border-box;}
.gallery-list .list-elm .img{text-align: center;}
.gallery-list .list-elm .img img{
max-width: 100%;}
.gallery-list .list-elm .title{
text-align: center;
padding: 10px 0;;}
.gallery-list .list-elm .title a{}
/* внутренняя */
.list_of_models{
padding: 30px 0px;
}
.list_of_models ul{
list-style: none;
}
.list_of_models ul li{
flex-basis: 19%;
padding: 10px 2%;
margin-left: 10px;
 margin-bottom: 15px
}
.list_of_models ul li div a{
font-size: 13px;
color: #8ea0b1;
text-align: center;
/*width: 100%;*/
}
.list_of_models ul li img{
    display: block;
    width: 100%;
}
.list_of_models ul li div a:hover{
color: #c79a6b;
text-decoration: underline;
}

/* товар */
.tovar .foto{
width: 50%;
float: left;}
}
.tovar .foto .big{display: block}
.tovar .foto .big img{display: block;max-width: 100%}
.tovar .foto ul{
list-style: none;
display: block;
max-height: 164px;
overflow: hidden;
}
.tovar .foto ul li{
float: left;
padding: 6px 6px 0px 0px;
max-height: 160px;
overflow: hidden;
width: 33.3%;
box-sizing: border-box;
}
.tovar .foto ul li:nth-child(3n){
padding: 6px 0px 0px 0px;
}

.tovar .foto ul li a{
display: block;

}
.tovar .foto ul li img{
max-width: 119px;

}

.tovar .characters{
width: 45%;
float: left;
padding: 0px 0px 0px 5%;
}
.tovar .tabs {
padding: 45px 0px;
}
.tovar .tabs ul{
list-style: none;
border-bottom: 2px #e1e1e1 solid;
height: 41px;
}
.tovar .tabs ul li{
font-size: 18px;
color: #334352;
cursor: pointer;
line-height: 43px;
padding: 0px 40px;
float: left;
display:block;
background: #e1e1e1;
}
.tovar .tabs ul li.active{
color: #FFF;
background: #334352;
}

.tovar .tabs .description, .tovar .tabs .review{
width: 100%;
clear: both;
padding: 30px 0px;
}
.tovar .tabs .description h4{
font-size: 18px;
color: #334352;
font-weight: normal;
padding: 10px 0px;
}
.tabs > div{
    padding-top:0px;
}
.tovar .tabs .review{
text-align: center;
}
.tovar .tabs .review a.all{
display: inline-block;
font-size: 18px;
color: #c79a6b;
border: 2px #c79a6b solid;
padding: 10px 20px;
margin: 30px 0px 0px 0px;
}

.tovar .characters h3{
font-size: 22px;
font-weight: normal;
padding: 0px 0px 20px 0px;
clear: left;
}
.tovar .characters .label{
font-size: 14px;
}
.tovar .characters .view-column{
padding: 0px 0px 20px 0px;
}
.tovar .characters .view-column div{
padding: 5px 0px;
}


.tovar .characters .view-row{
padding: 0px 0px 20px 0px;
clear: right;
}
.tovar .characters .view-row div{
padding: 5px 15px 5px 0px;
float: left;
}

.tovar .characters .color-s{width: 19px;height: 19px;display: inline-block;text-indent: -99999px;font-size: 0px;vertical-align: top;}
.tovar .characters .color-s.color-solid{border-right: 1px solid #E4E4E4;}
.tovar .characters .color-s.color-s2{border: 1px solid #334352;width: 19px;height: 19px;}
.tovar .characters .color-s3{border: 1px solid #334352;width: 19px;height: 19px;display: inline-block;vertical-align: top;text-align: center;line-height: 19px}
.tovar  .characters .variant-option.type-image{}
.tovar  .characters .variant-option.type-image .label{}
.tovar  .characters .variant-option.type-image .label img{vertical-align: top}


.tovar .characters .variant-option.type-color .label{font-size: 0px;
display: inline-block;vertical-align: top;border: 2px solid #E4E4E4;padding: 1px;}
.tovar  .price{
font-size: 22px;
color: #334352;
padding: 33px 0px 0px 0px;
float: left;
text-align: left;
}
.tovar  .price strong{
color: #c79a6b;
font-size: 36px;
display: inline-block;
padding: 0px 0px 0px 20px;
}
.tovar  .price strong span{
font-size: 21px;
}
.tovar  .price button{
border: none;
font-size: 18px;
cursor: pointer;
line-height: 43px;
padding: 0px 40px 0px 60px;
display:block;
color: #FFF;
margin: 20px 0px 0px 0px;
background: #334352 url(buy.png) 20px 50% no-repeat;
width: 100%;
    box-sizing: border-box;
}

.tovar .list-options{}
.tovar .list-options .select-wrapper{}
.tovar .list-options .select-wrapper label{    margin: 0 0 7px 0;    display: block;}

/*корзина*/

.incart{
position: absolute;
top: 40px;
width: 100%;
z-index: 100;
display: none;
}
.incart .main{
max-width: 980px;
background: #FFF;
padding: 0px 30px 50px 30px;
box-shadow: 0px 0px 14px rgba(0,0,0,0.3);
position: relative;
}
.incart a.close{
position: absolute;
top: 20px;
right: 20px;
width: 30px;
height: 30px;
background: url(close.png) 0px 0px no-repeat;
}
.incart h1{
color: #334352;
font-size: 27px;
font-weight: normal;
line-height: 84px;
padding: 0px 0px 0px 80px;
background: url(cart_logo.png) 0px 0px no-repeat;
text-transform: uppercase;
}

.incart .list > table{
width: 100%;
margin: 20px 0px;
}
.incart .list table th{
padding: 10px 0px;
color: #586d7b;
font-size: 14px;
font-weight: normal;
}
.incart .list table  td{
background: #f5f2f2;
}

.incart .list table  td.img img{
width: 100%;
}
.incart .list table td.img{
width: 25%;
padding-right: 2%;
}

.incart .list table  td.title{
width: 35%;
padding-right: 2%;
}
.incart .list table  td.title div{
color: #c79a6b;
font-size: 22px;
padding: 13px 0;
}
.incart .list table  td.title div span{
color: #334352;
}
.incart .list table  td.title table{
padding: 20px 0px;
}
.incart .list table  td.title td{
padding: 5px 30px 5px 0px;
color: #b0b6bb;
font-size: 14px;
}
.incart .list table  td.title td img{
height: 20px;
}
.incart .list table  td.price{
color: #334352;
font-size: 22px;
width: 15%;
}
.incart .list table  td.close{
width: 6%;
}
.incart .list table  td.close span{
display: inline-block;

text-align: center;
width: 40px;
border-radius: 50%;
color: #FFF;

background: #c7c4c2;cursor: pointer;
}
.incart .list table  td.close span img{    width: 24px;    margin: 6px auto 6px auto;    display: block;}

.incart .list table  td.close span:hover{
background: #D79B69;
}
.incart .list table  td.num{
width: 13%;
}
.incart .list table  td.num div{
color: #334352;
font-size: 22px;
width: 30px;
text-align: center;
padding: 20px 0px;
}



.incart .list table  td.num input{
display: block;
width: 100%;
background: Transparent;
border: 0;
color: #334352;
font-size: 22px;
text-align: center;
}
.incart .list table  td.num button{
display: inline-block;
line-height: 30px;
text-align: center;
width: 30px;
border-radius: 50%;
color: #FFF;
font-size: 20px;
background: #c7c4c2;
cursor: pointer;
border: 0;
}
.incart .list table  td.num button:hover{
background: #D79B69;
}

.incart  .oform{
color: #FFF;
font-size: 18px;
display: inline-block;
float: right;
line-height: 50px;
padding: 0px 30px;
background: #D79B69;
border: 0;
}

/* слайдер */
#slides{
position: relative;
}
#slides ul.slidesjs-pagination{
list-style: none;
display: inline-block;
position: absolute;
bottom: 20px;
left: 50%;
z-index: 40;
}
#slides ul.slidesjs-pagination li{
float: left;
padding: 0px 5px;
}
#slides ul.slidesjs-pagination li a{
display: inline-block;
width: 15px;
height: 15px;
border-radius: 50%;
text-indent: -9999px;
background: #FFF;
}
#slides ul.slidesjs-pagination li a.active{
background: #D79B69;
}

/* шаги */
.incart .in{
float: right;
width: 40%;
}
.incart .in h3{
line-height: 55px;
border-bottom: 2px #c79a6b solid;
padding: 0px 20px;
color: #334352;
font-size: 18px;
background: #f5f2f2;
font-weight: normal;
}
.incart .in .item{
padding: 20px;
}
.incart .in .item img{
float: left;
margin: 0px 20px 0px 0px;
}
.incart .in .item p{
color: #334352;
font-size: 14px;
}
.incart .in .item p strong{
color: #c79a6b;
font-weight: normal;
}
.incart .in .itog{
padding: 0px 20px;
line-height: 55px;
color: #334352;
font-size: 18px;
background: #f5f2f2;
}
.incart .in .itog span{
float: left;
}
.incart .in .itog span.totalprice{
float: right;
}

.incart .steps{
width: 58%;
float: left;
}
.incart .steps h3{
line-height: 55px;
border-bottom: 2px #c79a6b solid;
padding: 0px 20px;
color: #334352;
font-size: 16px;
background: #f5f2f2;
font-weight: normal;
}
.incart .steps h3 span{
color: #c79a6b;
}
.incart .steps .box{
padding: 40px 20px;
}
.incart .steps .box input{
line-height: 35px;
border: 1px #c8cbce solid;
padding: 0px 15px;
width: 265px;
float: left;
font-size: 14px;
color: #586d7b;
font-family: 'plumbmedium', sans-serif;
}
.incart .steps .box button{
line-height: 35px;
font-size: 16px;
color: #FFF;
font-family: 'plumbmedium', sans-serif;
padding: 0px 50px 0px 20px;
border: none;
cursor: pointer;
background: #334352 url(but_next.png) 85% 50% no-repeat;
float: right;
}
.incart .steps .box.delivery, .incart .steps .box.pay{
font-size: 16px;
}
.incart .steps .box.delivery img, .incart .steps .box.pay img{
margin: 10px 0px 0px 25px;
height: 100%;
max-height: 50px;
}
.incart .steps .box.delivery div, .incart .steps .box.pay div{
float: left;
width: 50%;
padding: 0px 0px 30px 0px;
}

.incart .steps .box.pay button{
padding: 0px 20px 0px 20px;
background: #334352;
float: left;
}
.incart .steps .box.pay textarea{
line-height: 35px;
border: 1px #c8cbce solid;
padding: 0px 15px;
width: 400px;
font-size: 14px;
color: #586d7b;
font-family: 'plumbmedium', sans-serif;
margin: 20px 0px;
height: 80px;
}
.incart .steps .box.enter .l{
float: left;
width: 50%;
}
.incart .steps .box.enter .r{
float: left;
width: 50%;
}
.incart .steps .box.enter input{
width: 70%;
margin: 10px 0px 10px 0px;
float: none;
}
.incart .steps .box.enter h4{
font-size: 16px;
font-weight: normal;
padding: 10px 0px;
}
.incart .steps .box.enter p{
color: #7e8e9d;
}
.incart .steps .box.enter .social img{
width: 27px;
}
.incart .steps .box.enter .social a{display: inline-block;margin: 14px 10px 12px 0px;}

.incart .steps .box.enter  a{
color: #7e8e9d;
text-decoration: underline;
}
.incart .steps .box.enter button.socialenter{
padding: 0px 20px 0px 20px;
background: #D79B69;
float: none;
margin: 10px 0px 40px 0px;
}
.incart .steps .box.enter input[name=klient]{
width: 20px;
margin: 10px 0px 10px 0px;
float: none;
}
.incart .steps .box.enter label{
color: #7e8e9d;
}
.incart .steps .box.enter label span{
font-size: 14px;
color: #334352;
}

.incart .steps .box.enter .hide{
display: none;
}


.variant-option.view-row:after{content: ".";display: block;visibility: hidden;clear: both;height: 0;}


.radio-cover input[type="radio"]{display: none}
.radio-cover label{    display: inline-block;position: relative;width: 15px;height: 15px;overflow: hidden;   vertical-align: middle;cursor: pointer;margin-right: 5px;  background: url(radio.png) left top no-repeat;}
.radio-cover .label{cursor: pointer;}
.radio-cover input:checked + label {background-position: left bottom;}

.content.view-cart{}
.content.view-cart .cent_col{margin-left: 0}

.the-cart{}
.the-cart .incart{display: block;position: static;}
.the-cart .incart .main{box-shadow: none;}
.the-cart  .incart a.close{display: none}

.layout-checkout .cent_col{position: static;margin: 0;}
.layout-checkout .incart{position: static;margin: 0;}
.layout-checkout .incart .main{position: static;margin: 0;border: 1px solid #D79B69;box-shadow: none;max-width: initial;position: relative;}

.tm-modal-overlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #FFFFFF;opacity: 0.3;display: none;}
.tm-modal-container{ position: fixed; display:none;left:  0;top:  0;width: 100%;height: 100%;z-index: 999;text-align: center; padding: 10px;}
.tm-modal-block{box-shadow: 0px 0px 14px rgba(0,0,0,0.3); z-index: 1000;;min-width: 350px;display: inline-block;    vertical-align: middle;    position: relative;background: white;padding: 15px 20px 20px 20px;}
.tm-modal-block .h3{padding: 9px 20px;margin: 0;font-weight: 200;font-size: 23px;text-align: center;}
.tm-modal-container:after {display: inline-block;width:  0;height: 100%;vertical-align: middle;content: ''}

.tm-modal-block .notifications{
padding: 5px 0 0 0;
text-align: center;
position: absolute;
top: 45px;
width: 100%;
left: 0;}
.tm-modal-block .btn-go-cart{
    width: 49%;
    float: right;
    background: #D79B69;
    color: White;
    text-align: center;
    padding: 12px 10px;
    box-sizing: border-box;
    border: 1px solid #D79B69;    margin: 6px 0 0 0;}
.tm-modal-block .btn-continue{    width: 49%;
    float: left;
    background: #FFFFFF;
    color: #707B86;
    text-align: center;
    padding: 12px 10px;
    box-sizing: border-box;
    border: 1px solid #707B86;    margin: 6px 0 0 0;}

#mod-fast-call input, #mod-fast-call textarea{width: 90%;padding: 10px 12px;display: block;color: #586d7b;font-family: 'plumbmedium', sans-serif;font-size: 14px;border: 1px #c8cbce solid;margin: 10px 0}
#mod-fast-call textarea{}
#mod-fast-call button{color: #FFF;font-size: 18px;display: block;line-height: 50px;padding: 0px 30px;background: #D79B69;border: 0;margin: 0 auto;cursor: pointer;outline: none;}
.tm-modal-close{background: url(close.png) center no-repeat;position:absolute; top:7px; right:7px; cursor:pointer; margin:0; height:30px; width:30px; padding:0; text-align:center;}
.tm-modal-close:hover{background-color: #4D6D7C}
#mod-fast-call button:hover, .mod-fast-order button:hover{background-color: #4D6D7C;;}
#mod-fast-call .errors, .mod-fast-order .errors { color:#900; }
#mod-fast-call label .red, .mod-fast-order label .red{color: red}
#own_preloader {
  z-index: 1000;
  text-align: center;
  vertical-align: middle;
  width: 300px;

}


.preloader-in-block{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: white;opacity: .8;z-index: 100;}


.blog{margin: 0 0 10px 0px;padding: 14px 20px;;}
	.blog-hd{}
		.blog-hd .art-title{font-size: 20px;display: block;margin: 5px 0;color: #334352;width: 75%;;}
		.blog-hd .blog-date{color: #D79B69;float: right;}
	.blog .blog_content{padding: 10px 0 10px 0;margin: 0;}
	.blog .blog_content p{padding: 0;}
	.blog .blog-details{display: block;}
	.blog .blog-details a{color: white;background: #D79B69;padding: 10px 20px;display: inline-block;}

	.blog:nth-child(even){background: #f5f5f5}


.cab_logout{
float: right;
position: absolute;
right: 35px;
top: 24px;
background: #D79B69;
padding: 9px 16px;
border-radius: 5px;;}
div.cab_logout>a{
color: white;}


.b2c_hello_msg{    background: Transparent !important;
    color: inherit !important;
    border-color: #CCCCCC !important;}

 #b2c_loader .name{    background: Transparent !important;
    color: inherit !important;
        padding: 0px 10px 20px 10px; !important;}

.collection__top-desc {
  margin-top: 50px;
}

@media screen and (max-width: 1040px) {.select_auto form{padding: 0px 0px 0px 0px;float: none;}}
@media screen and (max-width: 992px) {
	.list_of_models ul li{
	flex-basis: 25%;
	}
}
@media screen and (max-width: 855px) {footer .footer .contact{float: left;width: 100%;text-align: left;}footer .footer .contact .social{text-align: left;}header .topmenu .menu{float: left;position: relative;}header .topmenu .menu ul{display: none;list-style: none;width: 200px;background: #ebebeb;position: absolute;top: 33px;left: 0px;}header .topmenu .menu ul li{float: none;}header .topmenu .menu ul li a{display:block;}header .topmenu .menu ul li a span{border-right: none;}header .topmenu .menu a.open{display: block;}header .topmenu .menu:hover ul{display: block;z-index: 200;}.content .left_col{width: 210px;padding: 0px 20px 0px 0px;}.content .cent_col{margin-left: 230px;}.content .left_col .menu ul li a{font-size: 13px;}.article .form.predlozh textarea{width: 240px;height: 100px;float: left;}.article .form.predlozh button{float: left;}.select_auto form .selectBox-dropdown{width: 50% !important;margin: 10px 0px;}
select{min-width: 200px;
    position: relative;
    text-decoration: none;
    text-align: left;
    color: #586d7b;
    outline: none;
    vertical-align: middle;
    background: #FFF;
    display: inline-block;
    cursor: default;
    border: 1px #d7d7d7 solid;
    height: 36px;
    padding: 0 10px;}
    .tm-modal-block{box-sizing:border-box}
    .tm-modal-container{box-sizing:border-box}
    .layout-checkout .cent_col{margin-left: 0;}

    .incart h1{line-height: inherit;padding: 9px 87px 14px 80px;height: 84px;box-sizing: border-box;}
}
@media screen and (max-width: 800px) {
	.list_of_models ul li{
	flex-basis: 35%;
	margin-left: 8%;
	}
}
@media screen and (max-width: 630px) {
	.list_of_models ul li{
	flex-basis: 40%;
	margin-left: 30%;
	}
}
@media screen and (max-width: 750px) {.tovar .foto{width: 100%;}.tovar .characters{width: 100%;padding: 20px 0px 0px 0px;}.incart .list table  td.title div{color: #c79a6b;font-size: 16px;}.incart .list table  td.price{font-size: 16px;vertical-align: middle;}.incart .list table  td.title table{padding: 5px 0px;}

header .contact{width: 45%;text-align: center;padding: 10px 0 0 0;float: right;}
    header .contact .phone{display: inline-block;}
        header .contact .phone br{}
    header .contact .mail{display: inline-block;}
header .cart_search{float: none;padding: 0;}
    header .cart_search .cart{position: absolute;top: 4px;left: 85px;}
        header .cart_search .cart a i{width: 25px;height: 25px;background-size: contain;vertical-align: middle;}
        header .cart_search .cart a span.title{display: none;}
        header .cart_search .cart a br{display: none;}
        header .cart_search .cart a span.num{display: inline-block;vertical-align: middle;color: black;}
        header .cart_search .cart a span.num .numb-so{display: block}

        header .logo{width: 40%;float: left;padding: 10px 0;margin: 0;}
        header .cart_search .search{position: absolute;display: none;}
}


@media screen and (max-width: 700px) {.fotogallery .g_slide, .fotogallery .g_list{width: 100%;float: left;}.select_auto button{float: none;margin: 0px 0px 0px 0px;}/*.list_of_models ul li{width: 48%;float: left;padding: 10px 1%;}*/}

@media screen and (max-width: 600px) {footer .footer .logo{display: none;}footer .footer .menu{float: left;width: 100%;}header .category_menu ul li a{color: #FFF;font-size: 14px;line-height: 43px;padding: 0px 0px;}header .category_menu ul li a span{padding: 0px 15px;}
.incart .list > table{display: block;background: #f5f2f2;overflow: hidden;padding: 10px 0;}
.incart .list > table tbody{display: block;}
.incart .list > table tbody tr{display: block;}
.incart .list > table tbody td{display: block;}

.incart .list > table tbody tr:first-child{display: none;}
.incart .list > table tbody tr:last-child{display: block;}
.incart .list table td.img{width: 50%;float: left;}
.incart .list table td.title{width: 45%;float: left;padding: 0;}
.incart .list table td.num{width: 40%;clear: left;text-align: center;display: inline-block;vertical-align: middle;}
    .incart .list table td.num div{display: inline-block;}
.incart .list table td.price{width: 40%;text-align: Center;display: inline-block;font-size: 22px;}
.incart .list table td.close{width: 18%;display: inline-block;vertical-align: middle;}

.layout-checkout .set{float: none;width: 100%;}
.layout-checkout .set-sidebar{float: none;width: 100%;margin: 0 0 24px 0;}
#payment_gateways .field-content .textfield{width: 84% !important;}
}
@media screen and (max-width: 576px) {
	.list_of_models ul li{
	flex-basis: 50%;
	margin-left: 25%;
	}
}
@media screen and (max-width: 500px) {
	.list_of_models ul li{
	flex-basis: 60%;
	margin-left: 15%;
	}
}
@media screen and (max-width: 450px) {footer .footer .menu ul{list-style: none;width: 100%;float: none;}footer .footer .menu ul li {text-align: center;}footer .footer .contact{clear: both;float: none;width: 100%;text-align: center;padding: 30px 0px 0px 0px;}footer .footer .contact .social{text-align: center;}footer .footer .contact .phone{text-align: center;display: inline-block;}header .cart_search .search{display: none;}header .category_menu ul li a{color: #FFF;font-size: 13px;line-height: 43px;padding: 0px 0px;}header .category_menu ul li a span{padding: 0px 10px;}footer .copyright{font-size: 13px;}
 .tm-modal-block{padding: 10px 0 10px 24px;min-width: 100%;}
 .tm-modal-block .btn-go-cart{float: none;width: 90%;margin: 10px 0;display: block; }
 .tm-modal-block .btn-continue{float: none;margin: 10px 0;width: 90%;display: block;}
 .tm-modal-block .h3{padding: 9px 19px 0 0;}

header .logo{width: 100%;}
header .contact{width: 100%;}
    header .contact .phone{width: 50%;float: left;display: block;box-sizing: border-box;padding: 0 0 0 27px;}
    header .contact .mail{width: 41%;float: right;;display: block;box-sizing: border-box;padding: 0 0 0 26px;}
 .incart h1{font-size: 18px;padding: 20px 1px 14px 80px;}
 .cab_logout{right: 12px;top: 53px;}
 .list_of_models ul li{
	flex-basis: 50%;
	margin-left: 25%;
	}
	.select_auto {
		margin-bottom: 20px;
	}
}




@media screen and (max-width: 450px) {  header .contact .phone span{    font-size: 14px;    }   header .category_menu ul li a span{ padding: 0px 5px;   }   header .category_menu ul li a{  color: #FFF;    font-size: 13px;    }   #slides ul.slidesjs-pagination{left: 40%;}.content .left_col{display: none;}.content .cent_col{margin-left: 0px;}footer .copyright .developer{float: left;}.tovar .tabs ul li{font-size: 15px;padding: 0px 20px;}.incart .list table  td.close{width: 40px;}.incart .list table  td.close a{display: inline-block;line-height: 20px;text-align: center;width: 20px;border-radius: 50%;color: #FFF;font-size: 14px;background: #c7c4c2;}.incart .list table  td.title div{color: #c79a6b;font-size: 14px;}.incart .list table  td.price{font-size: 14px;}.incart .list table  td.title td{padding: 5px 10px 5px 0px;color: #b0b6bb;font-size: 14px;}.incart .main{padding: 0px 10px 50px 10px;}

.tovar .price{float: none;text-align: center;width: 80%;margin: 0 auto;}
}