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: #131921;}
.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:auto; display:inline-block;margin:5px 0px 0px 0px;}
.topmenu2 {max-width:1280px;width:100%;padding:0pt;height:auto;margin:0px 0px 0px 0px;}
.menu1 {width:auto;height:auto;display:inline-block;vertical-align:top;margin: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: 1280px; height: 60px;}
.navbar{margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 810px; height: auto; min-height: 60px;float:left;}
.navbar-logo {width:150px; height:50px;margin: 8px 0px 0px 15px; padding: 0px 0px 0px 0px;float: left; }
.navbar-logo1 p a {font-size: 24px; color: #FF7E16;line-height: 1.0; font-weight: 800;}
.navbar-logo2 {margin: -2px 0px 0px 0px;}
.navbar-logo2 p a {font-size: 15.5px; color: #06BCC5;text-decoration: none;}
.cart {width: 130px; height: 38px; margin: 10px 0px 0px 10px; border: 1px solid #FF7E16; border-radius: 5px; padding: 2px; font-size: 14px; background: #FF7E16; float: left;}
.navbar2 {margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 470px; height: 40px;float: left;}
.navbar-contact {margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; width: 470px; height: 40px;}
.navbar-contact p {font-size: 24px; color: #fff;}
.navbar-contact a {font-size: 22px; color: #FF7E16; text-decoration: none;}
.navbar-contact a:hover {color: #06BCC5; text-decoration: none;}
/* слайдер */
.block2 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; }
.general2 {margin: 5px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: 120px; display:inline-block; text-align:center; background: url(../images/fon3.jpg);}
.block-right, .side-content, .slaider, .slides {height:120px;}
.block-right {width:100%;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px; overflow:hidden;}
.side-content {width:100%;display:inline-block;margin:0px 0px;}
* {box-sizing: border-box; margin: 0;}
.slaider {width:100%;padding:0px;}
.slides {margin:0px 0px 0px -130px; overflow:hidden; position:relative; text-align: left; }
.slides h3 {line-height: 21px; font-size: 20px; color: #FF7E16; padding: 10px 10px 10px 700px;}
.slides p {padding: 0px 0px 0px 720px; background: transparent; color: #ccc; font-size: 16px; vertical-align: middle;line-height: 24px; font-weight: 600;}
.slides ul {list-style:none; position:relative; width:100%;}
/* Кадры анимации #anim_slides */
@-webkit-keyframes anim_slides {0% {opacity:0;} 6% {opacity:1;} 24% {opacity:1;} 30% {opacity:0;} 100% {opacity:0;}}
@-moz-keyframes anim_slides {0% {opacity:0;} 6% {opacity:1;} 24% {opacity:1;} 30% {opacity:0;} 100% {opacity:0;}}
@keyframes anim_slides {0% {opacity:0;} 6% {opacity:1;} 24% {opacity:1;} 30% {opacity:0;} 100% {opacity:0;}}
.slides ul li {left: 0;opacity:0; position:absolute; top:0; right:0;
-webkit-animation: anim_slides 24s infinite; -moz-animation:anim_slides 24s infinite; animation: anim_slides 18s infinite;
-webkit-animation-name: anim_slides; -webkit-animation-duration: 24.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_slides; -moz-animation-duration: 24.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite;
-moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards;
animation-name: anim_slides; animation-duration: 24.0s; animation-timing-function: linear; animation-iteration-count: infinite;
animation-direction: normal; animation-delay: 0; animation-play-state: running; animation-fill-mode: forwards;}
/* Задержки css3 */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {-webkit-animation-delay: 8.0s; -moz-animation-delay: 8.0s; animation-delay: 8.0s;}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {-webkit-animation-delay: 16.0s; -moz-animation-delay: 16.0s; animation-delay: 16.0s;}
.slides ul li img {display:block;}
/* Кадры анимации #anim_titles */
@-webkit-keyframes anim_titles {0% {left:100%; opacity:0;} 5% {left:10%; opacity:1;} 20% {left:10%; opacity:1;} 25% {left:100%; opacity:0;} 100% {left:100%; opacity:0;}}
@-moz-keyframes anim_titles {0% {left:100%; opacity:0;} 5% {left:10%; opacity:1;} 20% {left:10%; opacity:1;} 25% {left:100%; opacity:0;} 100% {left:100%; opacity:0;}}
@keyframes anim_titles {0% {left:100%; opacity:0;} 5% {left:10%; opacity:1;} 20% {left:10%; opacity:1;} 25% {left:100%; opacity:0;} 100% {left:100%; opacity:0;}}
.slides ul li div { display:block; padding:0px 0px 0px 0px; position:absolute; height:120px; top:0;
-webkit-animation: anim_titles 18s infinite;-moz-animation: anim_titles 18s infinite; animation: anim_titles 18s infinite;
-webkit-animation-name: anim_titles; -webkit-animation-duration: 24.0s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite;
-webkit-animation-direction: normal; -webkit-animation-delay: 0; -webkit-animation-play-state: running; -webkit-animation-fill-mode: forwards;
-moz-animation-name: anim_titles; -moz-animation-duration: 24.0s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite;
-moz-animation-direction: normal; -moz-animation-delay: 0; -moz-animation-play-state: running; -moz-animation-fill-mode: forwards;
animation-name: anim_titles; animation-duration: 24.0s; animation-timing-function: linear; animation-iteration-count: infinite;
animation-direction: normal; animation-delay: 0; animation-play-state: running; animation-fill-mode: forwards;}
.slides ul, .slides ul li, .slides ul li div {width:1280px;}
.slides ul li div {margin:0px 0px 0px 0px;}
/* Каталог */
.kontent {background: #EFEFEF;width:100%;display:inline-block;margin:10px 0px 0px 0px;height:auto;}
.kontent2 {max-width:1280px;width:100%;padding:0pt;height:auto;}
.kategory {width:360px;height:360px;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;}
.tovar {width:145px;height:145px;display:inline-block;vertical-align:top;margin:3px 5px;}
.tovar2 {height:auto;display:inline-block;vertical-align:top;margin:0px 0px 0px 0px;}
.tovar2 img {width:142px;}
.tovar2 p {font-size: 16px; color: #01187D;font-style: italic;}
.tovar2 p a {font-size: 16px; color: #181A1C;text-decoration: none; font-style: normal;}
.tovar2 p a:hover {color: #06BCC5;}
/* Распродажа */
.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;}
.opisanie2 h2, h3 {font-size: 22px; color: #FF7E16;line-height: 1.0; font-weight: 600; padding: 10px;text-align:center;}
.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;}
.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 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: #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;}
/* Модальные окна */
.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) {.general2 {background: url(../images/fon4.jpg);} .slides {margin:0px 0px 0px -230px;}}
@media (max-width: 1000px) {.slides {margin:0px 0px 0px -350px;}}
@media (max-width: 880px) {.slides {margin:0px 0px 0px -450px;}}
@media (max-width: 800px) {.general2 {background: url(../images/fon5.jpg);} .slides {margin:0px 0px 0px -550px;} .navbar-contact {width: 200px;}
.navbar-contact p {font-size: 14px;} .navbar-contact a {font-size: 16px; }}
@media (max-width: 620px) {.menu1 {width:90px; vertical-align: middle;} .menu1 p a {font-size: 13px; vertical-align: middle; }}
@media (max-width: 410px) {.menu1 {width: 80px;} .menu1 p a {font-size: 12px;}}