@font-face {font-family: 'proxima_nova_regular';src: url(fonts/ProximaNova-Reg-webfont.woff2);}
@font-face {font-family: 'proxima_nova_bold';src: url(fonts/ProximaNova-Bold-webfont.woff2);}

body{ margin:0;padding:0;font-size: 100%;color: #333;background-color: #fff;font-family:'proxima_nova_regular',Arial,sans-serif;}

#header{padding:20px 0 0 0;position:relative;}
#header #nazva{font-weight:300;font-size:1.8rem;text-align:center;margin:0;margin-right:20px;font-family:'proxima_nova_bold',Arial,sans-serif;}

.kontakti, .kontakti_mail{border-color: white white #1f7fbb;border-style:solid;font-weight:200;font-size:20px;padding:5px 0;text-align:center;top:0;}

nav {position: fixed;top:45px;right:15px;display: none;width:50%;}
nav ul {  list-style: none;  padding: 0;  overflow: hidden;background-color:#1f7fbb;}
nav ul li a {font-size: 1.5rem;font-family:'proxima_nova_bold',Arial,sans-serif;font-weight: 300;color:#fdd805;padding:15px 15px;display:block;text-decoration: none;
  position: relative;text-align:left;}
nav li{border-color:#1f7fbb;border-style: solid;}  
nav a:hover{color:#f7f8fb;}
  
label {position: fixed;top:15px;right:15px;}
input[type=checkbox] {display: none;}
input[type=checkbox]:checked ~ nav {display: block;}

.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}

.titleheader {background: #1f7fbb;padding: 0 0 10px 0;  position: relative;}
.titleheader h2 {margin:0;text-align:center;color:#fdd805;font-size:2.6rem;}
.titleheader:after {border-color: #1f7fbb transparent transparent;border-style: solid;border-width: 30px 30px 0;
  margin-left: -31px;content: "";left: 50%;position: absolute;}
  
.breadcrumb{padding:0;background-color:#1f7fbb;margin:0;border-bottom:1px solid #1f7fbb;border-top:1px solid #1f7fbb;}
.breadcrumb ul{padding:8px 25px;}
.breadcrumb li{display:inline-block;}
.breadcrumb ul li a{font-size:1.4rem;font-weight:400;color:#fdd805;text-decoration: none;}
.breadcrumb  .active {font-size:1.4rem;color:#f7f8fb;}

.content{margin-left:10px;margin-right:20px;}
.content li a{font-family:'proxima_nova_regular',Arial,sans-serif;font-size:18px;}
.content h3{font-family:'proxima_nova_bold',Arial,sans-serif;font-size:18px;}
.opis{clear:left;}
#oplata{clear:left;}
.footer{background:#1f7fbb;color:#f7f8fb;text-align:center;font-weight:300;padding:5px;clear:right;}


.grupi_tovarov ul{list-style:none; overflow:hidden;float:left;display:block;}
.grupi_tovarov li a {  font-size: 1.8rem;  font-family:'proxima_nova_bold',Arial,sans-serif;
  font-weight: 300;   color: #1f7fbb;  display: block;  text-decoration: none;
  position: relative;text-align:center;}
.grupi_tovarov li{padding:0;border-color:#1f7fbb;border-style: none;margin:10px 0;}
.grupi_tovarov a{width:100%;padding:0;margin:0;}
.grupi_tovarov a:hover{color:#fdd805;}

.image_odin_tovar{float:left;width:100%;overflow:hidden;box-sizing:content-box;}
.image_odin_tovar img{width:100%;padding:10px;}
.image_tovar1, .image_tovar2 {width:100%;}
/*.image_tovar1{float:left;margin:20px;height:300px}*/
.zagolovok_tovar{text-align:center;color:#0086e3}
.opisanie{clear:left;text-align:justify;padding:20px;text-indent:10px;}
.opisanie ol{padding:0}
.opisanie a{text-decoration:none;color:#1f7fbb;}
.cena{padding-left:50px;float:left}

.table_main{border-collapse:collapse; margin:0px 0px 10px; border:1px solid black}
.table_main caption{font-weight:bold;font-size:27px}
.table_main th{background:#1f7fbb;color:white}
.table_main td{padding:5px 10px}
.table_main a:link{text-decoration:none;color: #1f7fbb;}
.table_main a:visited{color: #1f7fbb;}

.td1{width:580px}
.td2{width:140px}
.td3{width:70px}
.table_main td:nth-child(2){text-align:center}
tr.table_main_zag{background:#f0f0f0; font-weight:bold}
.est{color:green;text-align:center;font-weight:bold;}
.not{color:red;text-align:center;font-weight:bold;}

.table_opis{border-collapse:collapse; border:1px solid black;text-align:center;margin:0px 0px 10px;}
.table_opis caption{text-align:left}

.tovari {margin:10px;width:40%;float:left;}
.tovari figcaption{text-align:center;height:40px;}
.tovari a:hover img  {border: 3px solid #fdd805;}
.tovari img{width:100%;}
.tovari a img  {border: 3px solid white;}
#contakti {overflow:hidden;}
#contakti img{float:right;width:100%;margin:0 0 10px 10px;}
.zagolovok{text-align:center;background-color:#1f7fbb;border-bottom:1px solid #1f7fbb;border-top:1px solid #1f7fbb;color:#f7f8fb;padding:5px 0px;font-size:1.4rem;margin-left:5px;}

/*Для большого экрана*/
@media screen and (min-width: 640px) {
.container {margin: auto;  max-width: 1000px;}
#header{padding:0;}
#header #nazva{float:left;font-weight:200;width:100%;box-sizing:border-box;margin:0;text-align:center;}
.kontakti{width:50%;box-sizing:border-box;font-weight:300;border-color:white;position:fixed;background-color:white;z-index:1000;}
.kontakti_mail{width:50%;box-sizing:border-box;font-weight:300;border-color:white;position:fixed;background-color:#FFF;left:50%;z-index:1000;}
#fixmenu{left:50%;top:0%;transform: translateX(-50%);background-color:white;}
#nazva{padding:50px 0 0 0;}

.content{padding:65px 0 0 0;}
.breadcrumb ul{padding:8px 105px;}
nav{width:100%;display:block;position:fixed;float:right;padding:30px 0 0 0;top:0;margin-bottom:10px;}
nav ul {list-style:none;padding: 0;margin:0 10% 0 10%;overflow: hidden;background-color:#ffffff;border-color:white white #fdd805;border-style:solid;}
nav ul li a {  font-size: 15px;  font-family:'proxima_nova_bold',Arial,sans-serif;
  font-weight: 300;   color: #1f7fbb;  padding: 10px 20px;  display: block;  text-decoration: none;
  position: relative;}
nav ul li{float:left;}
nav li{border-style: solid;border-color:#FFF;}
nav a:hover{color:#fdd805;}
label{display:none;}
.grupi_tovarov li{display:block;box-sizing:border-box;padding:5px;}
.grupi_tovarov ul{padding:10px 20px}
.image_odin_tovar{width:50%;}
.cena{padding-top:50px;}
.second{clear:both;}
.opisanie ol{padding-left:40px;}
.image_tovar1 {width:auto;}

.tovari {width:20%;}
.tovari img{width:100%;}
#contakti img{float:right;width:100%;}

#contakti, #oplata{padding:65px 0 0 0;}


}