html, body {padding:0; }
body {font-family:Arial; background: #333;}
.sait {max-width: 1280px; display:block; margin:0px auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);text-align: center; background: #7395BF;}
.general {max-width: 1280px; display:block; margin:0px 0px 0px 0px; height:auto;}
/* шапка */
.shapka {width: 1280px; height: 60px;}
.navbar{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 810px; height: auto; min-height: 60px;float:left;}
.navbar-img {width:50px; height:50px; margin: 8px 0px 0px 15px; padding: 0px 0px 0px 0px; float: left; }
.navbar-img img {width:50px;}
.navbar-logo {width:450px; height:50px;margin: 8px 0px 0px 15px; padding: 0px 0px 0px 0px;float: left; }
.navbar-logo1 {margin: -15px 0px 0px 0px; height: 30px; }
.navbar-logo1 p a {font-size: 24px; color: #173660;line-height: 1.0; font-weight: 800; padding: 0px 0px 0px 0px;}
.navbar-logo2 {margin: -15px 0px 0px 0px; height: 20px;}
.navbar-logo2 p a {font-size: 15.5px; color: #173660;text-decoration: none;}
.navbar2 {margin: 10px 0px 0px -15px; padding: 0px 0px 0px 0px; width: 200px; height: 40px;float: left;}
.navbar-contact {margin: -10px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 470px; height: 50px;}
.navbar-contact p a {text-decoration: none; font-size: 20px; color: #fff; padding: 0px 0px 0px 0px;}
/* отступы */
.otstup-black {width: 100%; height: 20px; background: #7395BF;}
.otstup-black5 {width: 100%; height: 5px; background: #7395BF;}
.otstup-black10 {width: 100%; height: 10px; background: #7395BF;}
.otstup-wight10 {width: 100%; height: 10px; background: #fff;}
/* тело сайта */
.block-yelow {background: #fff;width:100%;display:inline-block;margin:0px 0px -15px 0px;height:auto; }
.block2-menu {width:30%; vertical-align:top;padding:0px 0px 7px 0px;height:auto;margin:0px 0px 0px 0px; display:block; float:left;}
.menu-left {height: auto;margin: 20px 0px 0px 20px; padding: 0px 0px 0px 0px;background: #AFC2DA;float: left; box-shadow: 0 0 10px rgba(0,0,0,1.9);display: inline-block;}
.menu-left-punkt {text-align: left; margin: 5px 5px 5px 5px;}
.menu-left-punkt p {font-size: 20px; color: #0c5190; background: #ddd; display: inline-block; line-height: 2.5;padding: 5px 2px 5px 20px;width:100%;}
.menu-left-punkt a {font-size: 20px;text-decoration: none;color: #173660;display: inline-block;line-height: 2.5;padding: 5px 2px 5px 20px;width:100%;}
.menu-left-punkt a:hover {color: #0c5190; text-decoration: none; background: #ddd; padding: 5px 2px 5px 5px; width:93%;}
.menu-knopka {text-align: center; margin: 25px 5px 45px 5px;}
.menu-knopka a {font-size: 24px;text-decoration: none;color: #173660;display: inline-block;line-height: 1.5;padding: 10px 20px 10px 20px;
background: #F98C30; box-shadow: 0 0 10px rgba(0,0,0,1.9);border-radius: 10px 10px 10px 10px; }
.menu-knopka a:hover {color: #F98C30; text-decoration: none; padding: 10px 20px 10px 20px; background: #173660; box-shadow: 0 0 10px rgba(0,0,0,1.9);}
/* слайдер */
.block2 {margin: 0px 0px 0px 30%; width:660px; padding:0px; height:auto; }
.block2 p {color: #173660; display: inline-block; line-height: 1.5;padding: 3px 2px;}
.block2-1 {width:660px; vertical-align:top;padding:0px 0px 0px 0px; margin:0px 5px 10px 5px; height:auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);display:inline-block;}
.cssSlider {display: block;position: relative;width: 660px; height: auto;overflow: hidden;}
.cena {display: block;position: absolute; width: 660px; background: transparent; top: 350px; left: 0px; z-index: 10;opacity: 0.9;}
.cena1, .cena2 {width:100px;height:100px;display:inline-block;vertical-align:top; margin:5px 5% 10px 5%; border:1px solid #173660; border-radius: 50px 50px 50px 50px; box-shadow: 0 0 10px rgba(0,0,0,1.9);background: #C1F1F5;}
.cena1 p {font-size: 20px; color: #FF3B39; font-weight: 600; padding:0px 0px 0px 0px; line-height: 1.2; }
.cena1 p span{text-decoration: line-through;}
.cena2 p {font-size: 20px; color: #3FCF32; font-weight: 600; padding:0px 0px 0px 0px; line-height: 1.2;}
.cssSlider .slides {overflow: hidden; width: 100%;height:450px;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%);}}
/* Распродажа */
.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: #173660;line-height: 1.0; font-weight: 600; padding: 10px;}
.tovar-s, .tovar-ss {height:auto;display:inline-block;vertical-align:top;margin:5px 5px 10px 2%; border:1px solid #181A1C; box-shadow: 0 0 10px rgba(0,0,0,1.9);background: #fff;}
.tovar-s {width:35%;}
.tovar-ss {width:55%;}
.tovar-s p a, .tovar-ss p a {font-size: 16px; color: #181A1C;text-decoration: none; font-style: normal;}
.tovar-s p a:hover {color: #06BCC5;}
.tovar-ss p a:hover {color: #06BCC5;}
.tovar2-s {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.tovar2-s2 {height:auto;display:block; margin:10px 10px 10px 10px;}
.tovar2-s2 img {width:150px;}
.tovar2-s p {font-size: 16px; color: #01187D;font-style: italic;padding: 5px 10px 0px 10px;}
.tovar2-s p a {font-size: 16px; color: #FF7E16;text-decoration: none; font-style: normal;padding: 5px 10px 0px 10px;}
.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;}
.tovar3-s3 {width:90%;height:auto;display:inline-block;vertical-align:top;margin:5px 5px 10px 2%; border:1px solid #181A1C; box-shadow: 0 0 10px rgba(0,0,0,1.9);background: #fff;}
.tovar3-s2 {height:auto;display:block; margin:10px 10px 10px 10px;}
.tovar3-s {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.tovar3-s p {font-size: 16px; color: #173660; padding: 5px 10px 0px 10px;}
.tovar3-s p a {font-size: 18px; color: #173660;text-decoration: none; font-style: normal;padding: 5px 10px 0px 10px; font-weight: 600;}
.tovar3-s p a:hover {color: #06BCC5;}
.tovar3-s-zena {height:auto;display:inline-block;vertical-align:top;margin:-20px 0px 0px 0px;}
.tovar3-s-zena p {font-size: 18px; color: #173660; padding: 5px 10px 0px 10px; font-weight: 600;}
.tovar3-s-zena p span {color: #FF3B39; text-decoration: line-through;}
.tovar3-s-zena p a {font-size: 18px; color: #FF7E16;text-decoration: none; font-style: normal;padding: 5px 10px 0px 10px; font-weight: 600; }
.tovar3-s-zena p a:hover {color: #06BCC5;}
.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: #173660;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;}
.opisanie2 h2, h3 {font-size: 22px; color: #173660;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;}
.opisanie2 p {font-size: 16px; color: #173660;line-height: 1.3; font-weight: 300; padding: 0px 20px 10px 20px; text-align:left;}
.opisanie2 p span {font-size: 18px; color: #173660;line-height: 1.3; font-weight: 600; padding: 5px 20px 10px 20px; text-align:left; font-style: italic;}
.opisanie2 p a {color: #08a7af;}
.opisanie2 img {width:16%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.opisanie2 img:hover {width:32%;}
.opisanie2 iframe {width: 560px;}
/* Подвал */
.footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; display:inline-block; text-align:center; background: #173660;}
.block2-3-1 {width:300px;height:265px;display:inline-block;vertical-align:top;margin:13px 5px 6px 5px; vertical-align: middle; border: 1px solid #7395bf;}
.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: #FFEFEF;line-height: 1.0; font-weight: 800; text-align:center;}
.navbar-logo2-futer {margin: -15px 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 0px; width: 280px; height: 25px;}
.navbar-menu2 a {font-size: 14px; color: #fff; margin: 0px 0px 0px 10px; padding: 5px 10px; text-decoration: none; background: #173660; border: 1px solid #7395bf; border-radius:5px 5px 5px 5px;}
.navbar-menu2 a:hover {color: #000; margin: 0px 0px 0px 10px; padding: 5px 10px; text-decoration: none; background: #7395bf; border: 1px solid #fff; border-radius:5px 5px 5px 5px;}
.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 #7395bf;}
.zakaz-title2 {width: 270px; height: auto; margin: -5px 0px -15px 0px;}
.zakaz-title2 p {font-size: 20px;}
.company2, .delivery2, .email2, .phone2 {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, .phone2 {height:21px;}
.delivery2 {height:60px;}
.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: 3px 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 #7395bf;width:600px; }
.block2-3-3 img {padding: 0px 0px 0px 0px;height:auto;width:100%;}
.yellow2 {color: #FF7E16;}
.blue {color: #06BCC5;}
.blue2 {color: #7395bf;}
.red {color: #FF0000;}
.orange {color: #FF7E16;}
.white {color: #fff;}
/* Модальные окна */
.my_modal{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.5);z-index:1050;display:none;margin:0;padding:0;}
.my_modal:target{display:block;overflow-y:auto;}
.my_modal-dialog{position:relative;width:400px;margin:30px auto;border:1px solid #181a1c;border-radius:10px;background-color:#181a1c;box-shadow: 0 0 10px rgba(0,0,0,1.9);}
.my_modal-content{position:relative; outline:0; }
.my_modal-header{display:block;padding:5px 14px 4px; height: 30px; border-bottom: 2px solid #333;}
.my_modal-header2 {width: 340px; height: 20px; float:left;margin:0px;}
.my_modal-header2 p {text-align: center;}
.my_modal-title{margin-top:0;margin-bottom:0;line-height:16px;font-size:17px;font-weight:600;color:#FF7E16;overflow:hiden;}
.my_modal-header3 a {font-size: 16px; color: #06BCC5; margin: 0px 0px 0px 0px; padding: 0px; text-decoration: none; cursor: pointer;}
.my_modal-header3 a:hover {color: #FF7E16; text-decoration: none;}
.my_modal-body2{position:relative; padding:5px;overflow:hiden;height:430px;}
.zakaz-title3 p {font-size: 13px; color:#fff; line-height: 16px; padding:5px 0px 5px 0px; margin: 0px 0px; text-align: left;}
.zakaz-title3 p a{font-size: 14px; font-weight: bold; text-align: center;}
.speka {width:390px; height:82px;margin:0px 0px 0px 0px;display:block;z-index: 1075;}
.table3 {display:block;font-size: 13px;width: 390px;border-collapse: collapse;text-align: center;margin:0px 0px 0px 0px;display:block;}
.table3 th {display:block;height:25px;font-weight: normal;border-bottom: 2px solid #FF7E16;padding: 4px 4px;line-height: 16px;float:left; color: #FFf;}
.table3 td {display:block;color: #000;padding: 2px 2px;transition: .3s linear;border-bottom: 1px solid #ccc;float:left;height:28px;}
.table3 td tr:{display:block;width:300px;}
.table3 td tr:hover td {display:block;color: #fff;width:50px;}
.tbodys {display:block;width:390px;}
.th89, .th267 {border-bottom: 1px solid #ccc;}
.th89 {width:89px;}
.th123, .th123-1 {width:123px;}
.th267 {width:267px;}
@media (max-width: 1100px) {.navbar-logo {width:380px;} .menu-left-punkt p {font-size: 16px;} .menu-left-punkt a {font-size: 16px;}
.block2 {margin: 0px 0px 0px 30%; width:540px;} .block2-1 {width:540px;} .cssSlider {width: 540px;} .cssSlider .slides {height:365px;}
.cena {width: 540px; top: 280px;} .cena1, .cena2 {width:80px;height:80px; margin:5px 5% 10px 5%; border-radius: 40px;}
.cena1 p, .cena2 p {font-size: 16px; font-weight: 600; line-height: 1.2;}}
@media (max-width: 900px) {.navbar-logo {width: 400px;} .navbar2 {margin: -5px 0px 0px 0px;} .navbar-contact {width: 200px;margin: 5px 0px 0px -15px;} .navbar-contact p a {font-size: 18px;} .menu-left-punkt p {font-size: 13px;} .menu-left-punkt a {font-size: 13px;} .block2 p {font-size: 13px;}
.menu-knopka {margin: 15px 5px 25px 5px;} .menu-knopka a {font-size: 16px; padding: 5px 10px 5px 10px;} .menu-knopka a:hover {padding: 5px 10px 5px 10px;}
.block2 {width:400px;} .block2-1 {width:400px;} .cena {width: 400px; top: 200px;}
.cssSlider {width: 400px;} .cssSlider .slides {height:270px;}}
@media (max-width: 850px) {.tovar-s, .tovar-ss {width:90%;}}
@media (max-width: 750px) { .shapka {width: 100%; height: 90px;} .navbar-contact {width: 100%; height: 30px; margin: 5px 0px 0px 0px;} .navbar-logo {width: 330px;}
.navbar-logo1 p a {font-size: 22px;} .navbar-logo2 p a {font-size: 13px;}
.navbar2 {margin: -10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 410px; height: 40px;float: left; text-align: center;}
.navbar{width: 410px;} .block2-menu {width:35%;} .block2 {margin: 0px 0px 0px 35%;} .tovar-s, .tovar-ss {width:95%;}
@media (max-width: 700px) {.block-yelow {height:580px; }.block2-menu {width:100%; float:right;} .menu-knopka {margin: 450px 5px 25px 5px;}
.menu-left {margin: 0px 0px 0px 0px; height: 70px;} .menu-left-punkt {text-align: center;}
.menu-left-punkt p {line-height: 1.5;padding: 5px 5px 5px 5px;width:auto;}
.menu-left-punkt a {line-height: 1.5;padding: 5px 5px 5px 5px;width:auto;}
.menu-left-punkt a:hover {padding: 5px 5px 5px 5px; width:auto;} .block2 {margin: 0px 0px 0px 0px;}
.opisanie2 h1 {font-size: 20px; padding: 5px;} .opisanie2 h2, h3 {font-size: 16px; padding: 5px;}
.opisanie2 p, .opisanie2 p span {font-size: 13px; line-height: 1.1; padding: 0px 10px 5px 10px;}
.tovar2-s p, .tovar2-s p a {font-size: 14px;} .sale2 h4 {font-size: 16px; padding: 5px;} .tovar2-s2 img {width:120px;}
.tovar3-s p {font-size: 13px;} .tovar3-s p a, .tovar3-s-zena p, .tovar3-s-zena p a {font-size: 14px;line-height: 2.0;}
.block2-3-3 {margin:13px 1.5% 6px 1.5%; width:97%; }}
@media (max-width: 600px) {.opisanie2 iframe {width: 90%;}}
@media (max-width: 572px) {.menu-left {margin: 0px 0px 0px 0px; height: 95px;} .menu-knopka {margin: 440px 5px 25px 5px;}}
@media (max-width: 530px) {.block-yelow {height: 600px;}.block2 {width:100%;}.menu-left {height: 100px;} .block2-1,.cssSlider,.cena {width:95%;margin:0 0 0 0px;} .block2-1{box-shadow: 0 0 0px rgba(0,0,0,0);}}
@media (max-width: 430px) {.menu-left {margin: 0px 0px 0px 0px; height: 125px;} .menu-knopka {margin: 430px 5px 25px 5px;}}
@media (max-width: 410px) {.navbar-logo {width: 230px;} .navbar-logo2 {margin: -30px 0px 0px 0px;} .navbar-logo2 p a {font-size: 12px; line-height: 0.6;} .navbar-logo1 p a {font-size: 18px; line-height: 0.9; padding: 0px 0px 0px 0px;}
.navbar2 {margin: -5px 0px 0px -30px; width: 100%;}
.navbar-contact p a {font-size: 16px;} {.menu-left {margin: 0px 0px 0px 0px; height: 95px;} .menu-left-punkt p, .menu-left-punkt a, .menu-left-punkt a:hover {line-height: 1.0; padding: 5px 10px 5px 10px;} }