/*a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var
{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
table,table td{padding:0;border:none;border-collapse:collapse;}
img{vertical-align:top;}
embed{vertical-align:top;}
input[type=text],textarea{outline:none;border-radius:0;}*/

/* Common */
html, body {
  height: 100%;
  margin: 0;
  font-family: 'Oswald', sans-serif;
}

/* Container */
.container{
    background: #F8F8F8;
    width: 1300px;
    margin: 0 auto;
}

.container h2{
    font-size: 25px;
    font-family: 'Oswald', sans-serif;
    color: #1f9ee7;
    padding-left: 10px;
}

.container p{
    font-size: 20px;
    padding-left: 10px;
    padding-right: 10px;
}

/* Header */
header{
    text-decoration: none;
    width: 100%;
    display: flex;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.top_menu{
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px
}

.top_menu_logo img{
    vertical-align: middle;
    padding: 5px 0px;
    height: 75px;
}

.top_menu a{
    font-weight: bold;
    text-decoration: none;
    font-size: 30px;
    font-family: 'Oswald', sans-serif;
    color: #1f9ee7;
}

.top_menu a:hover, a:active{
    color: #4682B4;
}

/* Main */
main{
    display: flex;
    margin-top: 85px;
    min-height: 100vh;
    padding-bottom: 35px;
}

.common-img img{
   max-width: 80%;
}

.certs, .zips, .zips-full{
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin-top: 20px;
   margin-bottom: 50px;
}

.section-certs {
   width: 300px;
   /*height: 400px;*/
   margin: 10px;
   padding: 20px;
   background-color: #f0f0f0;
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.section-certs img {
   max-width: 100%;
   max-height: 75%;
   /*margin-bottom: 20px;*/
  }

.section-zips {
   width: 300px;
   height: 490px;
   margin: 10px;
   padding: 20px;
   background-color: #f0f0f0;
   border-radius: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;
   box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.section-zips-full {
   /*width: 300px;
   height: 450px;*/
   margin: 10px;
   padding: 20px;
   background-color: #f0f0f0;
   border-radius: 10px;
   /*display: flex;
   flex-direction: column;
   justify-content: space-between;
   align-items: center;*/
   box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.1);
}

.section-zips-img{
    display: flex;
    height: 300px;
    width: 300px;
    justify-content: center;
    align-items: center;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
}

.section-zips-img-full{
    display: flex;
    /*height: 300px;
    width: 300px;*/
    justify-content: center;
    align-items: center;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
}

.section-zips-img-full img{
    margin: 20px;
}

.section-zips-name{
    height: 120px;
    width: 300px;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-zips-name-full{
    height: 80px;
    /*width: 300px;*/
    margin-bottom: 15px;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-zips-price{
    height: 40px;
    width: 300px;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

}

.section-zips-price-full{
    height: 40px;
    /*width: 300px;*/
    margin-bottom: 15px;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-zips-value{
    padding: 10px;
}

.section-zips-value-full{
    padding: 10px;
    font-size: 20px;
}

.section-fridge{
    /*height: 40px;*/
    /*width: 300px;*/
    margin-bottom: 15px;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.section-fridge-value{
    padding: 10px;
    font-size: 20px;
    width: 50%;
}

.section-fridge-img{
    display: flex;
    /*height: 300px;
    width: 300px;*/
    justify-content: center;
    align-items: center;
    border: 1px solid lightsteelblue;
    border-radius: 10px;
    margin-bottom: 15px;
}

.section-fridge-img img{
    margin: 20px;
}

h2.subtitle{
    text-align: center;
    color: black;
}

li{
    list-style-type: "✔";
    padding-left: 5px;
}

.services a{
    text-decoration: none;
    color: #1f9ee7;
}

.services a:hover, a:active{
    color: #4682B4;
}

.table-service{
    border-collapse: collapse;
    }

.table-service th{
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    width: 20%;
}

.table-service td{
    font-size: 20px;
    text-align: center;
    width: 20%;
}

.table-service-num{
    border-collapse: collapse;
    counter-reset: row-counter;
    }

.table-service-num tbody tr:nth-child(n+2) {
    counter-increment: row-counter;
}

.table-service-num tbody tr:before {
    content: counter(row-counter);
    display: table-cell;
    vertical-align: middle;
    border: solid 1px grey;
    text-align: center;
    font-size: 20px;
}

.table-service-num tbody tr:nth-child(-n+1):before {
  content: "Номер позиции";
  font-weight: 600;
  width: 10%;
}

.table-service-num th{
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    width: 20%;
}

.table-service-num td{
    font-size: 20px;
    text-align: center;
    width: 20%;
}

.contacts{
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
}

.contacts-map{
    height: 400px;
    margin-top: 45px;
    /*width: 40%;*/
}

.contacts-text{
    width: 40%;
}

.contacts-text a{
    text-decoration: none;
    color: #1f9ee7;
}

.contacts-text a:hover, a:active{
    color: #4682B4;
}

/* Footer */
footer{
    width: 100%;
    display: flex;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
}

.bottom_menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 10px 7px;
}

.bottom_menu a{
    font-weight: bold;
    text-decoration: none;
    color: #1f9ee7;
}

.bottom_menu a:hover, a:active{
    color: #4682B4;
}

.bottom_menu_item#right{
    /*display: inline;*/
}

.django {
    color: green;
    font-size: 25px;
    font-style: italic;
    font-weight: bold;
}

/* Captcha */
.captcha{
    vertical-align: middle;
}

table th{
    font-size:20px;
    text-align: right;
    vertical-align: top;
}

table input #ip_captcha_1{
    vertical-align: top;
}

input{
    display: inline-block;
    vertical-align: top;
    width: auto;
}

.hidden{
    display: none;
}