body
{font-family: Arial, serif; /*'Roboto', */
    font-weight: 300;
    font-size: 14px;
    line-height: 1.5000em;
    color:#333;
}
.fl {float: left;}
.cb {clear: both;}
img {max-width: 100%;height:auto;}
.tright {text-align: right;}
.u {text-decoration: underline;}
.fx {display:flex;}
.fx-between {justify-content: space-between;}
.fx-around {justify-content: space-around;}
.fx-wrap {flex-wrap:wrap;}
.powered{text-align:center;padding:15px 0;background:#262626;}
.powered div{display:inline-block;}
.powered img{margin-right:10px;}
.powered *{color:#fff;font-size:12px;vertical-align:middle;text-decoration:none;}
.text-center {text-align: center;}
.text-right {text-align: right;}


a:active, a:focus { outline: none; }
input, textarea {outline:none;}
input:active, textarea:active {outline:none;}
:focus {outline:none;}

.auto {margin:auto;}
.auto-h {margin:auto 0;}
.auto-w {margin:0 auto;}

a {color:#0090B5;text-decoration:underline;cursor: pointer;transition: 0.4s;}
a:hover {text-decoration: none;}

p
{   font-size: 16px;
    line-height: 1.5000em;
}
ul li
{   font-size: 16px;
    line-height: 1.5000em;
}


h1,h2,h3,h4,h5 {font-weight: 100;}

h1 {
    font-size: 2.2857em; /* 32px */
    line-height: 1.3125em; /* 42px */
    margin-top: 0.6563em;
    margin-bottom: 0.6563em;
}

h2 {
    font-size: 1.7143em;
    line-height: 1.7500em;
    margin-top: 0.8750em;
    margin-bottom: 0.8750em;
}

h3 {
    font-size: 1.5000em; /* 21px */
    line-height: 1.0000em; /* 21px */
    margin-top: 1.0000em;
    margin-bottom: 1.0000em;
}

h4 {
    font-size: 1.2857em; /* 18px */
    line-height: 1.1667em; /* 21px */
    margin-top: 1.1667em;
    margin-bottom: 1.1667em;
}

h5 {
    font-size: 1.1429em; /* 16px */
    line-height: 1.3125em; /* 21px */
    margin-top: 1.3125em;
    margin-bottom: 1.3125em;
}

.btn {padding:10px 20px;border-radius:3px;cursor:pointer;text-align: center;text-decoration: none;display: inline-block;color: black;background: white;    border: 1px #DDD solid;}
.btn:hover {opacity:0.8;}
.btn-callback {background-color:#f44336;color:white;font-size:18px;}
.btn-primary {background-color:#4b7b98;color:white;font-size:18px;border:0;}
.btn-small {padding:5px 10px;font-size:14px;}
#framenull {display: none;}
.warning {background-color: #ffccd2; box-shadow: 0 0 4px 2px red;;}

.top-block-descr {display:flex;}

.top_email a {text-decoration: none;}
.top_email a:hover {text-decoration: underline;}

.logo {background-image: url(/img/logo.png);width: 269px;height: 91px; background-size:contain;}

.menu
{
 height: 37px;
 background: #0f76b4;

}
.menu .container {padding-top: 8px;display:flex;justify-content: space-between;}
.top_menu { z-index: 100000;}
.menu a.menu-item {padding:10px 40px;}
a .top_menu_item {color: white;}
.top_menu_item {/* padding: 0.5em 5em;*/ /*z-index: 100000;*//* background-color: white;*/}
.top_menu_item a {color: white; text-decoration: none;}
.top_menu_item a:hover {background-color: #5999bc;}
.top_menu_item:hover a {color: white; text-decoration: none;}
.top_description {
    flex: 0 0 500px;
    font-size: 24px;
    text-align: center;
    color: #0f76b4;
    line-height: 32px;
    margin: auto;
}
.top_phone {
    font-size: 20px;
    margin-bottom: 7px;
}
.top_phone a {text-decoration:none;color:#313C45;}
.top_email {font-size:20px;}
.top_contacts {text-align: right;display:flex;}
.top_adress {margin-top:7px;}

.menu .activen { color:white;}
.menu .activen a {color:white !important; background-color: #568fb1;}

.submenu {
    display: none;
    /*padding: 1em 1em;*/
    position: absolute;
    background-color: #808080;
    margin-left: 0em;
    min-width: 250px;
    margin-top: 8px;
    z-index: 100000;
}

.top_menu_item:hover .submenu {display: block;}
.top_menu_item a:hover {color:white;}
.submenu-item-a div {padding:1em;}
.submenu-item-a {padding:0;}
.submenu-item-a.activen div {background-color:  #9dd239;}
.submenu-item-a div:hover {background-color:  #00a8d2;}


.phone-input {font-size:24px;width:98%;height:32px;margin-bottom:28px;padding-left:2%;}
/*#pushy-menu {display:none;}*/
.top-block {display:flex;justify-content: space-between;height: 120px;}
/*.menu-btn {font-size:32px;width:64px;height:64px;background-color: #00a8d2;color:white;border:0;margin:10px;
    position: fixed;
    top: 10px;
    right: 10px;
}*/
.mobile-phone-block {display: flex;font-size:32px;}
.mobile-phone-block a {margin:auto;}

footer {background-color: #EEE;padding:20px 0;color:#999;}
footer table {width:100%;}
footer table td {width:12%;text-align:center;}
footer a {color:#999;text-decoration: underline;}
footer a:hover {color:#000;}
footer img {-webkit-filter: grayscale(100%); opacity:0.5; max-width: 100%;height:auto;}
footer img:hover {-webkit-filter: grayscale(0%); opacity:1;}


.top-banner {background: url("/img/top-banner.jpg") top center repeat-x;height:272px;}
.top-banner .fx {padding:24px;width:600px;height:272px;background: rgba(255,255,255,0.6);text-align: center;}
.form-banner .text {font-size:32px;line-height: 48px;}
.form-banner .title {font-size:48px;line-height: 64px;}
.kind-fx {display:flex;justify-content: center;flex-wrap: wrap;margin: 54px 0;}
.kind-fx > div {flex: 0 0 220px;background-repeat: no-repeat;background-position: top center; background-size:contain;text-align: center;}
.kind-fx div.img {width:220px;height: 220px;border-radius:20px;margin-bottom: 14px;}
.kind-fx a {text-align: center;color:#252525;text-decoration: none;margin: 10px;}
.kind-fx a .img {display:flex;}
.kind-fx a .img div {
    margin: auto;
    padding: 24px 7px;
    background: rgba(255,255,255,0.8);
    width: 100%;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    transition: 0.4s;
}
.kind-fx a:hover .img div {color:white;background: rgba(0,0,0,0.8);}
.kind-fx a:nth-child(1) .img {background-image: url("/img/kind/1.jpg");}
.kind-fx a:nth-child(2) .img {background-image: url("/img/kind/2.jpg");}
.kind-fx a:nth-child(3) .img {background-image: url("/img/kind/3.jpg");}
.kind-fx a:nth-child(4) .img {background-image: url("/img/kind/4.jpg");}
.kind-fx a:nth-child(5) .img {background-image: url("/img/kind/5.jpg");}

.why-we-are {display:flex;flex-wrap:wrap;justify-content: center;}
.why-we-are .item {flex:0 0 230px;text-align: center;margin:32px;}
.why-we-are .fas {color:#6D93AB; font-size:72px;margin-bottom:14px;}

.action-block-inner {background: rgba(255,255,255,0.9);padding:24px;border-radius: 3px;  width:100%;  max-width: 700px;text-align: center;}

.like-delivery-block {display:flex;background: url("/img/tral.jpg") center center no-repeat;height:435px;}
.oborudovanie-block {display:flex;background: url("/img/oborudovanie.jpg") center center no-repeat;height:435px;}
.on-sklad-block {display:flex;background: url("/img/on-sklad.jpg") center center no-repeat;height:435px;}
.operating-procedure {padding:48px 0;}
.operating-procedure-block {display:flex;flex-wrap: wrap;justify-content: center;}
.operating-procedure-block div.item {display:flex;padding:14px 14px 14px 54px;margin:14px;box-shadow: 0 0 5px 5px #e2e2e2;flex: 0 0 200px;}
.operating-procedure-block div.item span {position: absolute;border-radius: 30px;padding:5px 11px;border:1px gray solid;margin-left: -40px;}
.photos-fx {display:flex;justify-content: flex-start;flex-wrap: wrap;}
.photos-fx a {flex:0 0 280px;text-align: center;margin:4px;}
.certs-fx {display:flex;justify-content: space-between;flex-wrap: wrap;}
.certs-fx a {flex:0 0 250px;text-align: center;margin:14px;}
.pblock {padding:48px 0;}

.catalog-sections {display:flex;flex-wrap:wrap;justify-content: space-between;}
.catalog-sections .item {flex:0 0 48%;display:flex;}
.catalog-sections .item .item-img {flex:0 0 180px;    padding-right: 14px; display: flex;}
.catalog-sections .item .item-img a {margin:auto;}
.catalog-sections h2 {line-height: 28px;}
.catalog-fx {display:flex;flex-wrap: wrap;justify-content: center;}
.cs-item {flex:0 0 250px;border:1px #dedede solid;padding:14px;margin:7px;transition: 0.4s;}
.cs-item:hover {box-shadow: 0 0 9px 2px rgb(179, 179, 179);}
.cs-title {text-align: center;font-size:18px;    height: 48px;}
.cs-price {display:flex;padding:20px 0;}
.cs-price span {font-size:24px;}
.green {color:green;}
.red {color:red;}
.cd-thmbs {display:flex;}
.cd-thmbs .item {display:flex;border: 1px #DEDEDE solid;margin:4px;}
.cd-thmbs .item:hover {border: 1px #CCC solid;}
.cd-thmbs .item a {margin:auto; padding:7px;}
.cd-price-block {padding: 14px 14px;box-shadow: 0 0 9px 2px rgb(179, 179, 179);margin: 14px;flex-wrap: wrap;}
.info {
    margin: 36px;
    border-left: 2px #CCC solid;
    padding-left: 24px;
}
.callback-block {
    background: #4b7b98;
    padding: 24px;
    color: white;
    text-align: center;
}
.callback-block a {color:white;}

.columns-2 {column-count: 2;}
.columns-3 {column-count: 3;}
.img-right {float:right;margin:14px 0 14px 14px;}
#modal input[type=text] {
    width: calc(100% - 58px);
    font-size: 21px;
    padding: 7px 24px;
}
.modal-form-loading {background:url("ajax-loader.gif") center no-repeat;background-size: contain;height:100px;}
.cart {width:100%;max-width:700px;margin:auto;}
.cart .item {display:flex;justify-content: space-between;border:1px #DDD solid;padding:14px;border-radius: 4px;margin-bottom: 7px;}
.cart .item-img {flex:0 0 120px;}
.cart .item-name {flex: 1 0 200px;line-height: 24px;}
.cart .item-name b {font-size:32px;}
.cart .item-cnt {text-align: center;font-size:21px;line-height: 24px;width:60px;margin:auto;border: 1px #DDD solid;}
.cart-del {
    border-radius: 30px;
    padding: 2px 8px;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    color: #d0cdcd;
    background: white;
    border: 1px #d0cdcd solid;
}

.cart-del:hover {color: #928F8F;border: 1px #928F8F solid;}
.cart-form input[type=text] {font-size:18px; line-height: 32px;border:1px #CCC solid;width:100%;max-width:448px;margin-bottom:14px;text-indent: 14px;}
hr {border-bottom: 0;border-top: 1px #c7c7c7 solid;}
.menu-item-red {background:#f44336;color:white;}
.menu-fixed {position:fixed;width:100%;top: 0;z-index: 1;}
.menu-mobile {
    display: none;
    padding-left: 10px;
}
.menu-mobile i {font-size: 48px;color: #0071bb;margin: auto;}
.cs-img {height:300px;display:flex;}
.cs-img > a {margin:auto;}
.cs-img img {max-height: 290px;}
.shadow {box-shadow: 0 0 10px 5px #e2e2e2;margin: 10px;}
.director div:nth-child(1) {flex:1 0 250px;}
.director div:nth-child(2) {padding:10px;}
#thankyou-wrap {width: calc(100% - 48px);margin:auto;max-width:400px;padding:96px 24px;text-align: center;}
#thankyou-wrap .done {background:url("/img/done.svg") center no-repeat; width:128px;height:128px; background-size: contain;margin:auto;}