html, body {padding:0; }
body {font-family:Arial; background: #1544A2;}
.sait {max-width: 1280px; display:block; margin:0px auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);text-align: center; background: #ffffff;}
.general {max-width: 1280px; display:block; margin:0px 0px 0px 0px; height:auto;}
.rub {line-height: 5px; width: 7px; border-bottom: 1px solid #181A1C; display: inline-block; }
/* шапка */
.topmenu {background: #131921;width:100%; height:30px; display:inline-block;margin:0px 0px 0px 0px;}
.topmenu2 {max-width:1280px;width:100%;padding:0pt;height:30px;margin:0px 0px 0px 0px;}
.menu1 {width:auto;height:30px;display:inline-block;vertical-align:top;margin:-8px 5px 0px 5px;}
.menu1 p a {font-size: 15px; color: #fff;text-decoration: none; padding: 0px 0px 0px 0px;}
.menu1 p a:hover {color: #06BCC5; text-decoration: none;}
.shapka {width: 100%;}
.shapka, .navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {height: 50px;}
.navbar{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 100%; height: 40px;}
.navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {height: 50px;}
.navbar-logo {width:25%; margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px;float: left; }
.navbar-logo a {text-decoration: none;}
.navbar-logo p {line-height: 40px; font-size: 36px; padding: 7px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.navbar-logo a, .navbar-logo p {color: #141959; }
.cart {width: 25%; margin: 0px 0px 0px 5px; float: left;}
.navbar2 {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 48%; float: left;}
.navbar-contact {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; text-align: center;}
.navbar-contact p {font-size: 24px; color: #000; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 0px;}
.navbar-contact a {font-size: 22px; color: #FF7E16; text-decoration: none;}
.navbar-contact a:hover {color: #06BCC5; text-decoration: none;}
/* Верхнее меню */
.sal {background: #131921;width:100%;display:inline-block;margin:0px 0px 0px 0px;height:auto;}
.sal2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.tov {width:150px;height:50px;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.top-menu {overflow: hidden; background-color: #333; text-align: center; width:100%; padding:0pt; height:auto;}
.dropdown {width:150px;height:50px;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px; float: left; overflow: hidden;}
.dropdown .dropbtn {font-size: 16px; border: none; outline: none; color: white; padding: 5px 16px; background-color: inherit; margin: 0; display:inline-block; }
.dropdown:hover .dropbtn {background-color: #ff7e16;}
.dropdown-content, .dropdown-content2, .dropdown-content3, .dropdown-content4, .dropdown-content5, .dropdown-content6 {display: none; position: absolute; background-color: #eee; width: 305px; z-index: 10; box-shadow: 0 0 10px rgba(0,0,0,1.9)}
.dropdown-content2, .dropdown-content4, .dropdown-content6 {margin: 0px 0px 0px -155px;}
.dropdown-content a, .dropdown-content2 a, .dropdown-content3 a, .dropdown-content4 a, .dropdown-content5 a, .dropdown-content6 a {color: #061761; float: none; padding: 12px 16px; text-decoration: none; display: block; text-align: left;}
.dropdown-content a:hover, .dropdown-content2 a:hover, .dropdown-content3 a:hover, .dropdown-content4 a:hover, .dropdown-content5 a:hover, .dropdown-content6 a:hover {background-color: #ddd; color: #06BCC5;}
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2, .dropdown:hover .dropdown-content3, .dropdown:hover .dropdown-content4, .dropdown:hover .dropdown-content5, .dropdown:hover .dropdown-content6 {display: block;}
/* слайдер */
.block2 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; display:inline-block;}
.block21 {width:100%; height:480px; margin:0px 0px 0px 0px; background: #000615;}
.general2 {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 480px; height: 480px; display:inline-block; text-align:center; float: left; }
.general2 img {width: 100%; height: auto; }
.general2 h1 {line-height: 21px; font-size: 36px; color: #FF7E16; padding: 40px 10px 10px 10px; margin: -450px 0px 0px 0px; }
.general3 {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 60%; height: 480px; display:inline-block; text-align:center; float: left; }
.otstup50 {width:100%; height:50px;}
.general3 p {font-size: 24px; line-height: 30px; color: #fff;text-decoration: none; padding: 30px 20px 20px 30px; width: 40%; float: left; margin:0px 0px 0px 0px;}
/* Каталог */
.kontent {background: #EFEFEF;width:100%;display:inline-block;margin:0px 0px 0px 0px;height:auto;}
.kontent2 {max-width:1280px;width:100%;padding:0pt;height:auto;margin:10px 0px 0px 0px;}
.kontent2 h1, .kontent2 h2 {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;}
.kategory {width:360px;height:420px;display:inline-block;vertical-align:top;margin:15px;border:1px solid #181A1C; box-shadow: 0 0 10px rgba(0,0,0,1.9);background: #fff;}
.kategory2 {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.kategory2 h4 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px; margin:0px 0px 0px 0px;}
.kategory21 {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.kategory21 h4 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px; margin:0px 0px 0px 0px;}
.kategory21 p {margin:0px 0px 0px 0px;}
.kategory21 h4 a {font-size: 18px; color: #061761;line-height: 1.0; font-weight: 600; text-decoration: none; padding:5px 5px 5px 5px; }
.kategory21 p a {font-size: 16px; color: #061761;line-height: 1.0; font-weight: 300; text-decoration: none; padding:5px 5px 5px 5px;}
.kategory21 img {width:99%;}
.kat-otstup5 {width:100%; height:5px;}
.kat-otstupi {width:100%; height:13px;}
.opisanie21 {width:100%; height:50px;}
.kategory22 {width:100%;height:30px;margin:0px 0px 0px 0px; }
.kategory22 a {font-size: 16px; color: #061761;text-decoration: none; font-weight: 300; padding: 10px 10px 10px 10px; margin:0px 5px 0px 5px; text-align:center;
background: #FF7E16; border:2px solid #FFF; border-radius: 3px; box-shadow: 0 0 10px rgba(0,0,0,1.9);}
.kategory22 a:hover{color: #FFF; background: #061761; border:2px solid #FF7E16; box-shadow: 0 0 5px rgba(0,0,0,1.9);}
/* Карточка товара */
.block-yelow {background: #EFEFEF;width:100%;display:inline-block;margin:0px 0px 0px 0px;height:auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);}
.block3 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; }
.block3 h1 {font-size: 24px; color: #FF7E16; padding: 5px 20px 10px 20px;}
.block3-1 {width:310px; vertical-align:top;padding:0px 0px 0px 0px; margin:30px 5px 10px 5px; height:auto; background: #181A1C;box-shadow: 0 0 10px rgba(0,0,0,1.9);display:inline-block;}
.cssSlider { display: block;position: relative;width: 310px; height: auto;overflow: hidden;}
.cssSlider .slides {overflow: hidden;overflow: hidden;width: 100%;height:212px;margin: 0;padding: 0;list-style: none;}
.cssSlider .slides > li {width: 100%;height: auto;position: absolute;z-index: 1;overflow: hidden;}
.cssSlider .slides li:target {z-index: 3;-webkit-animation: slide 1s 1;}
.cssSlider .slides li:not(:target) {-webkit-animation: hidden 1s 1;}
.cssSlider .slides > li > img {width: 100%;height: auto;}
.cssSlider .thumbnails {display: block;position: relative;padding: 0;margin: 0px;list-style: none;}
.cssSlider .thumbnails > li {float: left;width: 25%;}
.cssSlider .thumbnails > li > a {display: block;}
.cssSlider .thumbnails > li > a > img {width: 100%;height: auto;}
@-webkit-keyframes slide {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);} 100% { -webkit-transform: translateX(0%);transform: translateX(0%);}}
@keyframes slide {0% {-webkit-transform: translateX(-100%);transform: translateX(-100%);} 100% { -webkit-transform: translateX(0%);transform: translateX(0%);}}
@-webkit-keyframes hidden {0% {z-index: 2;-webkit-transform: translateX(0%);transform: translateX(0%);} 100% {z-index: 2;-webkit-transform: translateX(100%);transform: translateX(100%);}}
@keyframes hidden {0% {z-index: 2;-webkit-transform: translateX(0%);transform: translateX(0%);} 100% {z-index: 2;-webkit-transform: translateX(100%);transform: translateX(100%);}}
.block3-2 {width:600px;height:auto;vertical-align:top;padding:0px 0px 7px 0px; margin:30px 35px 10px 35px; display:inline-block;}
.block3-2 h3 {font-size: 16px; color: #FF7E16; padding: 5px 20px 10px 20px;}
.block3-2 h4 {font-size: 16px; color: #FF7E16; padding: 0px 20px 0px 20px;}
.block3-2 p {font-size: 14px; color: #000000; padding: 5px; text-align: left;}
.block3-2 p span {font-weight: 600;}
.cena, .kupit {height:50px; float: left;}
.cena {width:60%;} .kupit {width:40%;}
.cena p {text-align:center; color:#ff7e16; font-size: 22px; font-weight: 600;}
.cena p span {color:#646464; font-size: 18px; font-weight: 300;text-decoration: line-through; text-decoration-color: red;}
.block3-3 {vertical-align:top; display:inline-block; margin:20px 20px 10px 20px; width:700px;height:auto;text-align: left; padding:10px 0px 7px 20px; line-height: 24px;}
.block3-3 h3 {font-size: 16px; color: #FF7E16;}
.block3-3 p {font-size: 14px; color: #181A1C;}
/* Распродажа */
.sale {background: #EFEFEF;width:100%;display:inline-block;margin:10px 0px 10px 0px;height:auto;}
.sale2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.sale2 h4 {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;}
.tovar-s {width:200px;height:300px;display:inline-block;vertical-align:top;margin:3px 5px 10px 5px; border:1px solid #181A1C; box-shadow: 0 0 10px rgba(0,0,0,1.9);background: #fff;}
.tovar-s p a {font-size: 16px; color: #181A1C;text-decoration: none; font-style: normal;}
.tovar-s p a:hover {color: #06BCC5;}
.tovar2-s {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.tovar2-s img {width:195px;}
.tovar2-s p {font-size: 16px; color: #01187D;font-style: italic;padding: 5px 0px 0px 0px;}
.tovar2-s p a {font-size: 16px; color: #FF7E16;text-decoration: none; font-style: normal;padding: 5px 0px 0px 0px;}
.tovar2-s p a:hover {color: #06BCC5;}
.tovar-cena {width:100px;height:30px;margin:0;display:inline-block;vertical-align:top;}
.tovar-cena p {font-size: 16px; color: #181A1C;font-style: italic; padding: 7px 10px 6px 3px;font-weight: 600;}
.knopka-bay {width:90px;height:30px;margin:0;display:inline-block;vertical-align:top;}
.add_item, .add_item:visited, .add_item:focus {display:inline-block;color: white; background-color:#06BCC5; text-decoration: none; outline: none;
background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%); background-position: 100% 0; background-size: 100% 100%; font-weight: 300; transition: .5s;
font-size:18px; box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);}
.add_item, .add_item:visited, .add_item:focus {margin: 0px 0px 0px 0px; border-radius: 5px; padding:1px 7px; }
.add_item:hover, .add_item:active {box-shadow: 0 0 0 0 rgba(0,40,120,0); background-position: 0 0;}
/* SEO */
.opisanie {background: #EFEFEF;width:100%;display:inline-block;margin:10px 0px 10px 0px;height:auto;}
.opisanie2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.opisanie2 h1 {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;margin:0px 0px 0px 0px;}
.opisanie2 h2, h3 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;margin:0px 0px 0px 0px;}
.company1 {font-size: 18px; color: #06BCC5;line-height: 1.0; font-weight: 500; padding: 5px 25px;text-align:left;}
.opisanie2 p {font-size: 16px; color: #000;line-height: 1.3; font-weight: 300; padding: 0px 20px 10px 20px; text-align:left;margin:0px 0px 0px 0px;}
.opisanie2 p span {font-weight: 600;}
.opisanie2 p a {color: #08a7af;}
/* Подвал */
.footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; display:inline-block; text-align:center; background: #181a1c;}
.block2-3-1 {width:300px;height:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #FF7E16;}
.contacts {width:100%; margin: 13px 0px 0px 0px;}
.navbar-logo-futer {width:100%; height:50px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
.navbar-logo1-futer p a {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 800; text-align:center;}
.navbar-logo2-futer {margin: -2px 0px 0px 0px;}
.navbar-logo2-futer p a {font-size: 15.5px; color: #06BCC5;text-decoration: none; text-align:center;}
.navbar-contact2 {height:55px;margin: 0px 0px 0px 0px; width:285px; text-align:center;}
.navbar-contact2 p {font-size: 18px; color: #fff;text-align:center; padding: 0px 10px 10px 10px; margin: 0px 0px 0px 0px;}
.navbar-contact2 a {font-size: 16px; color: #FF7E16; text-decoration: none;}
.navbar-contact2 a:hover {color: #06BCC5; text-decoration: none;}
.navbar-menu2 {margin: 10px 0px 0px 15px; padding: 0px 0px 0px 50px; width: 280px; height: 25px;}
.navbar-menu2 a {font-size: 14px; color: #fff; margin: 0px 0px 0px 10px; padding: 5px 10px; text-decoration: none; background: #181A1C; border: 1px solid #FF7E16; border-radius:5px 5px 0px 0px;}
.navbar-menu2 a:hover {color: #000; margin: 0px 0px 0px 10px; padding: 5px 10px; text-decoration: none; background: #FF7E16; border: 1px solid #fff; border-radius:5px 5px 0px 0px;}
.contacts-2 {margin: 10px 5px 0px 15px;}
.contacts-2 p {font-size: 13px; color: #fff; line-height:22px;}
.block2-3-2 {width:300px;height:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #FF7E16;}
.zakaz-title2 {width: 270px; height: auto; margin: 5px 0px 5px 0px;}
.zakaz-title2 p {font-size: 20px;}
.company2, .delivery2, .email2 {padding:0px 3px 0px 3px;text-align:left;font: 13px/1.3 Arial,sans-serif;color:#767676; width:270px; margin: 3px 0px 3px 0px}
.company2, .email2 {height:21px;}
.delivery2 {height:85px;}
.button2, .button2:visited, .button2:focus {display:inline-block;color: white; background-color:#06BCC5; line-height:auto; text-decoration: none; outline: none;
background-image: linear-gradient(45deg, #6ab1d7 0%, #33d9de 50%, #002878 100%); background-position: 100% 0; background-size: 200% 200%; font-weight: 300; transition: .5s;
font-size:17px; box-shadow: 0 16px 32px 0 rgba(0,40,120,.35);}
.button2, .button2:visited, .button2:focus {margin: 10px 0px 0px 0px; border-radius: 5px; padding:3px 7px; }
.button2:hover, .button2:active {box-shadow: 0 0 0 0 rgba(0,40,120,0); background-position: 0 0;}
.block2-3-3 {height:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; overflow:hidden; border: 1px solid #FF7E16;width:600px; }
.block2-3-3 img {padding: 0px 0px 0px 0px;height:auto;width:100%;}
.yellow2 {color: #FF7E16;}
.blue {color: #06BCC5;}
.red {color: #FF0000;}
.orange {color: #FF7E16;}
@media (max-width: 1200px) {.general3 {width: 50%;} .otstup50 {display: none;} .general3 p {font-size: 24px; line-height: 30px; padding: 30px 20px 20px 30px; width: 100%;}}
@media (max-width: 1050px) {.general2 {width: 400px; height: 400px;} .general2 h1 {font-size: 28px; margin: -400px 0px 0px 0px;} .cart {display: none} .navbar2 {width: 74%;}
.block21 {width: 100%; height: 400px;} .general3 {height: 400px;} .general3 p { font-size: 20px; padding: 30px 20px 0px 30px;}
.block3-2 {width:390px;} .cena p {font-size: 20px;} .cena {width:80%;} .kupit {width:20%;}}
@media (max-width: 960px) {.navbar2 {width: 60%;} .navbar-logo {width:39%;} .sal2 {width: 500px;} .dropdown-content4 {margin: 0px 0px 0px 0px;}
.dropdown-content3, .dropdown-content6 {margin: 0px 0px 0px -155px;} .dropdown-content2, .dropdown-content5 {margin: 0px 0px 0px -77px;}}
@media (max-width: 880px) {.general3 {width: 40%;} .general3 p { font-size: 18px; padding: 30px 20px 0px 30px; line-height: 24px;}
.shapka, .navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {height: 30px;} .navbar2 {margin: 5px 0px 0px 0px;}
.navbar-logo p {line-height: 20px; font-size: 26px;} .navbar-contact p {font-size: 18px; padding: 0px 0px 0px 0px;} .navbar-contact a {font-size: 16px;}
.block3-2 {width: 100%;} .block3-3 { margin:20px 0px 10px 0px; width: 100%; padding: 0px 0px 0px 0px} .block3-3 p {padding: 0px 20px 0px 20px;} }
@media (max-width: 790px) {.general2 {width: 350px; height: 350px;} .general2 h1 {font-size: 24px; margin: -350px 0px 0px 0px;}
.block21 {height: 350px;} .general3 {height: 350px;} .general3 p { font-size: 16px; padding: 20px 10px 0px 20px;}}
@media (max-width: 700px) {.general3 p {font-size: 14px;}}
@media (max-width: 650px) {.navbar-contact p {font-size: 18px;} .navbar-contact a { font-size: 16px;} .block21 {height: 550px;}
.general2, .general3 {width: 100%;} .general2 img {width: 350px; height: 350px;} .general3 {height: 200px;} .general3 p { padding: 20px 0px 0px 0px;}
.sait, .general, .shapka, .navbar, .navbar-logo, .cart, .navbar2, .navbar-contact {width: 100%;} .navbar2, .navbar-contact {margin: 0px 0px 0px 0px;} .shapka, .navbar {height: 65px;}}
@media (max-width: 501px) {.sal2 {width: 350px;} .dropdown-content3, .dropdown-content5 {margin: 0px 0px 0px 0px;}
.dropdown-content2, .dropdown-content4, .dropdown-content6 {margin: 0px 0px 0px -155px;}}
@media (max-width: 510px) {.block21 {height: 580px;} .general3 {height: 230px;} .general3 p {line-height: 20px; padding: 15px 0px 0px 0px;} }
@media (max-width: 420px) {.block21 {height: 580px;} .general3 {height: 230px;} .general3 p {line-height: 20px; padding: 15px 0px 0px 0px;} .kategory {margin:15px 0px;} }
@media (max-width: 390px) {.sait {min-width: 390px; }