@import url('https://fonts.googleapis.com/css?family=Roboto+Slab|Roboto:300,400,700&subset=cyrillic');

* {margin: 0; padding: 0;box-sizing: border-box;}
body {color: #171717; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 300; line-height: 1.7;}
img {max-width: 100%; height: auto;}
.container, .bottom-content .block .content {display: table; width: 90%; min-width: 1024px; max-width: 1300px;  margin: 0 auto; padding: 0;}
.bottom-content .block h2 {display: table; width: 90%; min-width: 1024px; max-width: 1300px; margin:0 auto 40px auto; font-size:40px; position:relative; }
.bottom-content .block {padding: 5% 0;}
.bottom-content {background:#fff;}
.bottom-content .block:nth-child(2n) {background: #F5F7FA;}
.bottom-content .view-header {padding-bottom:30px;}


.one-third {width: 31.3%; margin:1% 2% 30px 0; float: left;}
.one-fourth {width: 23%; margin:1% 2% 30px 0; float: left;}

.one-half {width: 46%; margin: 2%; float: left; text-align: left;}

.field-name-body ul li {list-style-position:inside;}
.field-name-body ul {margin:0 0 15px 0;}

.form-type-uc-quantity label, #block-views-similarterms-block label {font-weight:300;}

#footer {width: 100%; display: table; padding: 3% 0; }
#footer-bottom {padding: 50px 0; display: table; width: 100%;}
#footer svg {fill: #0054AA; width: 30px; height: 30px;}

h1, h2, h3, h4, h5, h6 {font-variant:normal; white-space:normal; margin-bottom:30px; font-weight:700; letter-spacing:0.05em;font-family: 'Roboto Slab', serif; color:#333;}
h1 {font-size:26px; line-height:36px;}
h2 {font-size:24px; line-height:34px;}
h3 {font-size:22px; line-height:32px;}
h4 {font-size:20px; line-height:32px;}
h5 {font-size:18px; line-height:28px;}
h6 {font-size:16px; line-height:26px;}
p {padding:0;}
a {color:#4E99D2; text-decoration:none;}
.field-name-body h2 {margin-top:50px;}

#sidr-0-button:after {content: " Меню";}
.sidr-close {position:absolute; right:10px; top:10px; color:#fff; font-size:22px; line-height:1;}

.webform-client-form input[type="text"], .webform-client-form input[type="email"] {width: 100%; box-sizing: border-box; padding: 0 15px; line-height:40px; border: 1px solid #c2c2c2;}
.webform-client-form textarea {width: 100%; box-sizing: border-box; padding: 15px; border: 1px solid #c2c2c2;}
.webform-client-form input[type="text"]:focus, .webform-client-form textarea:focus, .webform-client-form input[type="email"]:focus {outline:none; border:1px solid #01478D; background:#F5F7FA;}
input::-webkit-input-placeholder, input::-moz-placeholder, input:-moz-placeholder, textarea::-webkit-input-placeholder, textarea::-moz-placeholder, textarea:-moz-placeholder {font-weight:300; color:#555;}
.webform-container-inline div, .webform-container-inline div.form-item {vertical-align: middle;}

#footer .one-third {text-align:center;}
#footer .content p { color:#ffffff;}
#footer a {color:#7BB8F7;}
#footer .block h2 {font-size: 22px; font-weight: 400; color: #ffffff; text-transform: uppercase;margin-bottom: 15px;position: relative;}
#footer .content a:hover {text-decoration:underline;}

.group-leftcolumn {float:left; width:45%; position:relative;}
.group-rightcolumn {float:right; width:53%;}

.model, .display-price {line-height:50px; padding:0; margin:0;}
.field-name-uc-product-image .field-item {float:left; width:20%;}
.field-name-uc-product-image .field-item a {display:block; padding:3px;}
.field-name-uc-product-image .field-item:nth-child(1) {width:100%;}

.view-footer {clear:both; padding-top:50px;}

#logo {float:left; margin-right:30px;}
#logo a {display:block; float:left;}
#logo svg {float:left; height:50px; width:auto;}

#textcontent {padding:0 0 70px 0;}

.field-name-body p {margin-bottom:12px;}
.field-name-body p:last-child {margin-bottom:0;}

.view-taxonomy-term .views-field-title {font-size:18px;}

.sticky-enabled td, .sticky-enabled th {border:1px solid #E1E1E1; font-weight:300; font-family:Roboto; padding:10px;}
.sticky-enabled th {background:#fff;}
td {background:#fff;}
.sticky-enabled a {color:#800002;}
.remove .form-submit {font-size:0; width:20px; height:20px; background:#9C0002 url(/svg/delete.svg) no-repeat 50% 50%; border:0; text-align:center; cursor:pointer; border-radius:50%;background-size:10px; transition:all ease-in-out 0.3s;}
.remove .form-submit:hover {background:#720001 url(/svg/delete.svg) no-repeat 50% 50%; background-size:12px;}
.remove {text-align:center;}
.product-description {color:#3F3F3F;}
.desc a {font-size:20px;}
.desc .item-list {padding-top:8px;}
td.qty input {text-align:center; line-height:40px;}
#uc-cart-view-form #edit-update, #edit-cancel {line-height:40px; padding:0 30px; background:#ccc; color:#5C5C5C; border:0; border-radius:16px; text-transform:uppercase; margin-right:15px; cursor:pointer;}
#uc-cart-view-form #edit-checkout--2, #edit-continue {line-height:40px; padding:0 30px; background:#E86B2D; color:#351000; border:0; border-radius:16px; text-transform:uppercase; margin-right:15px; cursor:pointer;}

#uc-cart-checkout-form .fieldset-legend {font-size:24px; margin-bottom:12px; letter-spacing:0.05em; background:#D75514; color:#fff; padding:10px 20px; box-shadow:0 5px 10px rgba(0,0,0,0.1);}
#uc-cart-checkout-form fieldset {margin-bottom:20px; padding:30px 15px; background:#fff; border:0;}
.uc-cart-checkout-form .uc-store-address-field .form-item label {padding:0;}
.uc-store-address-field .form-item label{float: none; padding: 0; text-align: left; width: auto; margin-bottom:5px;}
.fieldset-description {margin-bottom:12px;}
#delivery-address-pane .form-item {float:left; width:25%; clear:none; margin:0; padding:0 0 20px 0;}
#delivery-address-pane .form-item .form-text {line-height:40px; text-indent:20px; width:90%;}
#payment-details {display:none;}
#edit-panes-quotes-quote-button {display:none;}
#quote {margin:0;}

#header {position: absolute; z-index: 100; top: 0; left: 0; width:100%; padding:18px 1%; box-shadow:0px 0px 5px rgba(0,0,0,0.5); background:#fff;}
#header.scroll-to-fixed-fixed, .not-front #header { opacity: 1; transition:all ease-in-out 0.6s; top:0; width:100% !important;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.18); }
#header.scroll-to-fixed-fixed-animation {opacity: 0; top:-50px;}
#header.scroll-to-fixed-fixed #logo {}

#topmenu {float:left;}
#mymenu {float:right;}
#block-system-main-menu li {list-style:none; font-size:0; margin:0; padding:0; float:left;}
#block-system-main-menu li a {float:left; font-size:13px; text-transform:uppercase; padding:0 8px; margin:13px 7px; line-height:24px; font-weight:700; letter-spacing:0.15em; transition:all ease-in-out 0.3s; border-bottom:1px solid transparent; color:#000;}

.bottom-content .block:hover h2:after {width:100%;}
#block-system-main-menu .last a {margin-right:0;}
#footer h2 {display:inline-block; padding-bottom:8px;}


#contact {float:right;}
#contact a {line-height:70px; font-weight:400;font-size:20px; color:#fff;}
.not-front #contact a, .scroll-to-fixed-fixed #contact a {color:#fff;}

.view-taxonomy-term .views-field, #block-views-similarterms-block .views-field {padding:0 10%; margin-bottom:12px;}
.view-taxonomy-term .views-field-uc-product-image, #block-views-similarterms-block .views-field-uc-product-image {background:#000000; padding:0; width:80%; margin:0 auto 12px auto;}
.view-taxonomy-term .views-field:last-child, #block-views-similarterms-block .views-field:last-child {margin-bottom:0;}
.view-taxonomy-term .views-row, #block-views-similarterms-block .views-row {padding:20px 0; position:relative;}

.views-field-field-hit, .field-name-field-hit {background:#DF5A00; color:#fff; border-top-right-radius:4px; border-bottom-right-radius:4px; border-top-left-radius:4px; position:absolute; top:10px; left:-8px; line-height:30px; text-transform:uppercase; text-shadow:1px 1px 1px #743600; box-shadow:5px 5px 5px rgba(0,0,0,0.5); padding:0 20px; z-index:200;}
.views-field-field-hit::after, .field-name-field-hit::after {background:url(/images/after.png) no-repeat; width:8px; height:12px; content:" "; position:absolute; bottom:-11px; left:0;}
.form-item, .form-actions {margin:0; padding:0;}
#banner {min-height:140px;}
.form-type-uc-quantity label, .form-type-uc-quantity input {display:inline-block; text-align:center; margin:0 5px 12px 0;}
.views-field-sell-price {font-weight:400; font-size:20px;}

.webform-submit {background:#F1543F; color:#fff; border:0; cursor:pointer; line-height:40px; text-transform:uppercase; font-size:14px; letter-spacing:0.05em; padding:0 20px;}

.not-front {background:#F5F7FA;}
.node-type-product #textcontent {background:#fff;}
.node-type-product .product-info {border-top:1px solid #eee;border-bottom:1px solid #eee; margin:12px 0; padding:12px 0; font-weight:400; font-size:20px;}
.node-type-product .add-to-cart .form-type-uc-quantity, .node-type-product .add-to-cart #edit-actions {display:inline-block; line-height:40px;}
.node-type-product .add-to-cart .form-type-uc-quantity {margin-right:50px;}

#subtotal-title, label {font-weight:400;}
td.products {font-size:24px;}
th.qty {min-width:100px;}

#sidr-0-button {font-size:20px; line-height:55px; }
#header.scroll-to-fixed-fixed #sidr-0-button {}
.sidr {background:#4E99D2;color:#fff;}
.sidr-inner a:hover {background:#0B0B0B;}
.sidr-inner a {color:#fff;}
.field .field-label {font-weight:400;}

.group-rightcolumn .field {margin-bottom:15px;}

.page-service {background:#0B56A2; color:#fff;}

fieldset table {width:100%;}
fieldset table thead {border:0;}
fieldset table td, fieldset table th {padding:10px; border:1px solid #f7f7f7;}
.sidr {min-width:250px; max-width:350px;}
.view .views-field {margin-bottom:12px; padding:0 20px;}
.slides .views-field {padding:0; margin:0;}
.views-field-field-slide {position:relative; overflow:hidden; z-index:50;}
.views-field-field-slide .field-content:before {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
background: -moz-linear-gradient(left, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(0,0,0,0.55) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */ position:absolute; z-index:55; width:100%; height:900px; content:"";}
.slides li {position:relative;}
.view-slider .flex-direction-nav a {color:rgba(255,255,255,0.8);}
.slides .views-field-body {position:absolute; top:40%; left:10%; display:table; color:#fff; font-weight:700; font-size:30px; line-height:40px; z-index:60;}
.slides .views-field-body .field-content {max-width:300px;}
.view-slider .flex-control-nav {bottom:10px; z-index:60;}
.flex-direction-nav li {margin:0; list-style-position:inherit;}
.view-slider {margin-top:20px;}
.view .views-field:last-child {margin-bottom:0;}
.view .views-field-field-icon {padding:0;}
#footer-bottom {background:#4E99D2; color:#fff; text-align:center;}
#footer-bottom .block {margin-bottom:20px;}
#footer-bottom a {color:#fff;}
#block-system-main-menu .expanded {
    position: relative;
}
#block-system-main-menu .menu .menu {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease .15s;
}
#block-system-main-menu .expanded ul {
    position: absolute;
    width: 220px;
    text-align: left;
    
    top: 100%;
    left: -10px;
    z-index: 900;
}
#block-system-main-menu .expanded ul li {
    float: none;
    text-align: left;
    margin: 0;
    display: block;
	line-height:25px; height:inherit;
}
#block-system-main-menu .expanded ul li a {color:#fff; margin:0; display:block; width:100%; float:none; padding-left:20px; text-transform:none; line-height:20px; padding:8px 20px; position:relative; z-index:200;background: #4E99D2;}
#block-system-main-menu li a:hover {text-decoration:underline;}
#block-system-main-menu .expanded ul li a:hover {background: #2876B1; color:#fff;}
#block-system-main-menu .expanded ul .last a, #block-system-main-menu .expanded ul .last a:hover {border-bottom:none;}
#block-system-main-menu .menu li:hover > .menu {
    opacity: 1;
    visibility: visible;
}
#block-system-main-menu .menu .menu:before {width:16px; height:16px; transform:rotate(45deg); content:" "; position:absolute; top:-8px; left:36px; background:#4E99D2; z-index:2;}