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;}
/* шапка */
.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;}
.rub {line-height: 5px; width: 7px; border-bottom: 1px solid #181A1C; display: inline-block; }
.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;}
/* заголовок */
.title-site {margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; width: 100%; height: auto; min-height: 55px; background: #131921; text-align: center;}
.title-site h1 {font-size: 20px; color: #FF7E16; padding: 0px 20px 0px 20px; text-align: center;}
.title-site p {font-size: 16px; color: #fff; padding: 0px 20px 5px 20px;}
.otstup-black {width: 100%; height: 20px; background: #131921;}
.otstup-black5 {width: 100%; height: 5px; background: #131921;}
.otstup-black10 {width: 100%; height: 10px; background: #131921;}
.block2-0-0 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width: 0px; height:40px; background: #131921; float:left;}
.block2-0 {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; width:100%;height:40px; background: #131921;}
/* тело сайта */
.block-yelow {background: #EFEFEF;width:100%;display:inline-block;margin:0px 0px -15px 0px;height:auto; box-shadow: 0 0 10px rgba(0,0,0,1.9);}
.block2-menu {width:270px; vertical-align:top;padding:0px 0px 7px 0px;height:auto;margin:0px 5px 10px 0px; background: #181A1C;display:block; float:left;}
.ofer {width:270px; margin:0px 0px 0px 0px;height:330px; background-color: #eeeeee; float: left; }
.ofer-title {margin:10px 10px 10px 10px; text-align: left; color: #181a1c; width: 100%;}
.ofer-title p {font-size:14px; font-weight: 600;}
.ofer-list {margin:5px; width: 100%; }
.wrapper {display: inline-block; width: 50px; height: 50px; text-align: center; border: 2px solid #0c5190; border-radius: 25px; background-color: transparent; float:left;margin: 0px 10px 0px 0px;}
.ofer-p {height: 53px; margin:0px 0px 0px 10px;}
.ofer-p p {font-size:14px; text-align: left; color: #0c5190; padding: 0px 0px 0px 10px;}
.ofer-p p span {font-size:13px; text-align: left; color: #181a1c;}
.menu-left {width:260px; height: auto;margin: 2px 11px 0px 5px; padding: 0px 0px 0px 0px;background: #fff;float: left; box-shadow: 0 0 10px rgba(0,0,0,1.9);display: inline-block;}
.menu-left h3 {font-size: 20px; color: #FF7E16; padding: 7px 7px 7px 7px; background: #181A1C;}
.menu-left-zagolovok p {color: #FF7E16; background: #292D31; display: inline-block; width: 256px;line-height: 1.5;padding: 5px 2px;}
.menu-left-punkt {text-align: left;}
.menu-left-punkt p {color: #0c5190; background: #ddd; display: inline-block; width: 256px;line-height: 1.5;padding: 3px 2px;}
.menu-left-punkt a {text-decoration: none;color: #181A1C;display: inline-block; width: 256px;line-height: 1.5;padding: 3px 2px 3px 20px;}
.menu-left-punkt a:hover {color: #0c5190; text-decoration: none; background: #ddd; padding: 3px 2px 3px 20px; width: 236px;}
.menu-left2 {width:100%;display:inline-block;margin:0px 0px 0px 0px;height:auto;}
.menu-left22 {max-width:256px;width:100%;padding:0pt;height:auto;}
.menu-left-punkt2 {text-align: left; display:inline-block;vertical-align:top;}
.menu-left-punkt2 p {color: #0c5190; background: #ddd; display: inline-block; line-height: 1.5;padding: 3px 2px;}
.menu-left-punkt2 a {text-decoration: none;color: #181A1C;display: inline-block; line-height: 1.5;padding: 3px 2px 3px 20px;}
.menu-left-punkt2 a:hover {color: #0c5190; text-decoration: none; background: #ddd; padding: 3px 2px 3px 20px; width: 108px;}
.menu-left-punkt2, .menu-left-punkt2 p, .menu-left-punkt2 a {width: 125px;}
.bottom-menu-left {width:260px; height: 10px;margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;background: #181A1C; }
.block2 {margin: 0px 0px 0px 0px; width:100%; padding:0px; height:auto; }
.menu-0, .menu-1 {font-size: 15px; line-height: 2.5; margin: 0px 5px 0px 10px; padding: 5px 15px; text-decoration: none; border-radius:5px 5px 5px 5px;}
.menu-0 {color: #000; background: #06BCC5; border: 1px solid #fff;}
.menu-1 {color: #fff; background: #181A1C; border: 1px solid #06BCC5;}
.menu-1:hover {color: #000; margin: 0px 5px 0px 10px; padding: 5px 15px; text-decoration: none; background: #06BCC5; border: 1px solid #fff; border-radius:5px 5px 5px 5px;}
.block2-1 {width:310px; vertical-align:top;padding:0px 0px 0px 0px;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%);}}
.block2-2 {width:500px;height:316px;vertical-align:top;padding:0px 0px 7px 0px; display:inline-block;}
.block2-1 {margin:65px 5px 10px 5px;}
.block2-2 {margin:30px 5px 10px 5px;}
.block2-2 h3 {font-size: 16px; color: #FF7E16; padding: 5px 20px 10px 20px;}
.block2-2 h4 {font-size: 16px; color: #FF7E16; padding: 0px 20px 0px 20px;}
.speka3 {width:100%; height:auto;margin:0px 0px 0px 0px;display:block;}
.block2-2-1{float:left; width:200px; height: 24px;margin:0px 0px 10px 0px;}
.block2-2-2 {width:200px;margin:0px 0px 10px 150px;height: 24px;}
.block2-2-2 p {text-align: right;}
.block2-2-2 a {font-size: 16px; color: #fff; margin: 0px 0px 0px 0px; padding: 5px 5px; text-decoration: none; background: #06BCC5; border: 2px solid #FF7E16; border-radius:5px 5px 0px 0px;text-align: right;}
.block2-2-2 a:hover {color: #181A1C; margin: 0px 0px 0px 2px; padding: 5px 5px; text-decoration: none; background: #FF7E16; border: 1px solid #fff; border-radius:5px 5px 0px 0px;text-align: right;}
::selection {background-color: #4EC6DE;}
.tabbed {width: 100%;margin: 0px auto;}
.tabbed p {font-size: 14px;}
.tabbed > input {display: none;}
.tabbed > label {display: block;float: left;padding: 5px 7px;margin: 0px 0px 0px 4px;cursor: pointer;transition: background-color .3s;
border-left: 2px solid #FF7E16; border-top: 2px solid #FF7E16; border-right: 2px solid #FF7E16;border-radius:5px 5px 0px 0px; color:#fff;font-size: 14px;}
.label4 {background: #06BCC5;}
.tabbed > label a {color: #fff; text-decoration: none;}
.tabbed > label a:hover {color: #181A1C;}
.tabbed > label:hover, .tabbed > input:checked + label {background: #FF7E16;color:#181A1C;font-weight:400;font-size: 14px;}
.tabbed > label a {color: #fff; text-decoration: none;}
.tabs {clear: both;perspective: 600px;}
.tabs > div {width: 100%;position: absolute;border-top: 2px solid #FF7E16; padding: 0px 0px 0px 0px;line-height: 16px;opacity: 0;
transform: rotateX(-20deg);transform-origin: top center;transition: opacity .3s, transform 1s;z-index: 0;}
.tabs > div p {text-align: left; padding: 10px 10px 5px 15px; color:#fff;}
#tab-nav-1:checked ~ .tabs > div:nth-of-type(1), #tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3), #tab-nav-4:checked ~ .tabs > div:nth-of-type(4) {transform: rotateX(0);opacity: 1;z-index: 1;}
.tabbed2 {width: 500px;margin: 0px auto;}
.tabbed2 p {font-size: 14px;}
.tabbed2 > input {display: none;}
.tabbed2 > label {display: block;float: left;padding: 5px 5px;margin: 0px 0px 0px 4px;cursor: pointer;transition: background-color .3s;
border-left: 2px solid #FF7E16; border-top: 2px solid #FF7E16; border-right: 2px solid #FF7E16;border-radius:5px 5px 0px 0px; color:#181A1C;font-size: 14px;}
.label4 {background: #06BCC5;}
.tabbed2 > label a {color: #fff; text-decoration: none;}
.tabbed2 > label a:hover {color: #181A1C;}
.tabbed2 > label:hover, .tabbed2 > input:checked + label {background: #FF7E16;color:#181A1C;font-weight:400;font-size: 13px;}
.tabbed2 > label a {color: #fff; text-decoration: none;}
.tabs2 {clear: both;perspective: 600px;}
.tabs2 > div {width: 100%;position: absolute;border-top: 2px solid #FF7E16; padding: 0px 0px 0px 0px;line-height: 16px;opacity: 0;
transform: rotateX(-20deg);transform-origin: top center;transition: opacity .3s, transform 1s;z-index: 0;}
.tabs2 > div p {padding: 4px 10px 6px 3px; color:#181A1C;}
#tab-nav2-1:checked ~ .tabs2 > div:nth-of-type(1), #tab-nav2-2:checked ~ .tabs2 > div:nth-of-type(2),
#tab-nav2-3:checked ~ .tabs2 > div:nth-of-type(3), #tab-nav2-4:checked ~ .tabs2 > div:nth-of-type(4) {transform: rotateX(0);opacity: 1;z-index: 1;}
.str1-1 {width:80%; height:22px; float:left; text-align: left;}
.str1-2 {width:20%; height:22px; float:left; text-align: center;}
.str2-1 {width:80%; height:22px; float:left; text-align: left; border-bottom: 1px solid #ccc;}
.str2-2 {width:20%; height:22px; float:left; text-align: center; border-bottom: 1px solid #ccc;}
.table7 {display:block;width: 379px;border-collapse: collapse;text-align: center;margin:0px 0px 0px 0px;display:block;}
.table7 td {display:block;color: #000;padding: 2px 2px;float:left; text-align: center;}
.table7 .td1 p, .table7 .td2 p, .table7 .td3 p {font-size:12px; padding: 0px 2px 3px 2px; text-align: center;}
.table7 .td1-1 p {font-size:12px; padding: 0px 2px 3px 2px; text-align: left;}
.table7 .td2-1 p {font-size:12px; padding: 5px 2px 3px 2px; text-align: left;}
.table7 .td2-2 p, .table7 .td2-3 p {font-size:12px; padding: 0px 2px 3px 2px; text-align: center;}
.table7 .td2-3 {font-size:12px; font-weight: 700; padding: 0px 2px 3px 2px; text-align: center; color: #FF7E16; text-decoration: none;}
.table7 .td2-3 a:hover {color: #06BCC5; text-decoration: none;}
.tbodys6 {display:block;width:379px;}
.td1, .td1-1, .td2, .td3 {height:18px;}
.td1, .td1-1, .td2-1 {width:287px;margin: 0px 0px 0px 0px;}
.td2, .td2-2 {width:70px;margin: 0px 0px 0px 0px;}
.td3, .td2-3 {width:20px; margin: 0px 0px 0px 0px;}
.td2-1, .td2-2, .td2-3 {border-bottom: 1px solid #FF7E16; height:30px;}
.block2-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;}
.block2-3 h3 {font-size: 16px; color: #FF7E16;}
.block2-3 p {font-size: 14px; color: #181A1C;}
.block2-4 {width:260px;height:250px;vertical-align:top;padding:10px 0px 7px 0px; display:inline-block; margin:0px 0px 10px 0px;}
.block2-4-2 {margin:2px 0px 2px 0px; width:259px;height:265px;display:inline-block;vertical-align:top; vertical-align: middle; border: 1px solid #FF7E16;}
.navbar-logo-2 {width:200px; height:50px;margin: 5px 0px 5px 45px; padding: 0px 0px 0px 0px;}
.navbar-logo-2 img {width:200px;}
.navbar-contact2 {height:55px;margin: 0px 0px 0px 0px; width:285px; }
.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;}
.contacts {width:100%; margin: 13px 0px 0px 0px;}
.contacts-2 {margin: 10px 5px 0px 15px;}
.contacts-2 p {font-size: 13px; color: #fff; line-height:22px;}
.zakaz-title2 {width: 270px; height: auto; margin: 5px 0px 5px 0px;}
.zakaz-title2 p {font-size: 20px;}
/* окно заказа */
.footer {margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 100%; height: auto; display:inline-block; text-align:center; background: #181a1c;}
.company2, .delivery2, .email2 {padding:0px 3px 0px 3px;text-align:left;font: 13px/1.3 Arial,sans-serif;color:#767676; width:240px; 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;}
.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:13px; 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;}
.block2-4-3 {height:550px;display:inline-block;vertical-align:top;margin:13px 0px 6px 0px; overflow:hidden; border: 1px solid #181a1c;width:99%; }
.block2-4-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:450px;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: 400px; height: 20px; float:left;margin:0px;}
.my_modal-header2 p {text-align: center;}
.my_modal-title{margin-top:6px;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:410px;}
.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:430px; height:82px;margin:0px 0px 0px 0px;display:block;z-index: 1075;}
.table3 {display:block;font-size: 13px;width: 430px;border-collapse: collapse;text-align: center;margin:0px 0px 0px 0px;display:block;}
.table3 th {display:block;height:17px;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:430px;}
.th89, .th267 {border-bottom: 1px solid #ccc;}
.th89 {width:89px;}
.th123, .th123-1 {width:123px;}
.th267 {width:283px;}
@media (max-width: 1270px) {.block2-0 {width:70%;height:80px; }}
@media (max-width: 1110px) {.block2-2, .tabbed2 {width:400px;}}
@media (max-width: 1035px) {.block2-3 {width:600px;}}
@media (max-width: 1025px) {.block2-0 {height:70px;}}
@media (max-width: 935px) {.block2-3 {width:500px;} .block2-3 p {font-size: 13px;}}
@media (max-width: 835px) {.block2-3 {width:380px; line-height: 20px; margin: 0px 20px 10px 20px;} .tabbed2 p {font-size: 13px;}}
@media (max-width: 800px) {.navbar-contact {width: 200px;} .navbar-contact p {font-size: 14px;} .navbar-contact a {font-size: 16px; }}
@media (max-width: 790px) {.title-site h1 {font-size: 16px;} .title-site p {font-size: 13px; color: #fff; padding: 0px 20px 5px 20px;}
.menu-0, .menu-1, .menu-1:hover {font-size: 13px; line-height: 2.0; padding: 3px 10px; }