/*   
Theme Name: Pelfa
Author: E-INFORM
Author URI: e-inform.by
Version: 1.0
*/

html, body{min-height:100%;}
html, hmtl a{width:100%;font-size:16px;line-height: 28px;}
body{width: 100%;margin: 0 auto;background:#fff;color:#313131;font-weight:300;font-size:16px;font-family:'Rubik', sans-serif;line-height:22px;}
a{text-decoration:none;cursor:pointer;-webkit-transition:color 0.1s linear 0s;-moz-transition:color 0.1s linear 0s;-o-transition:color 0.1s linear 0s;transition:color 0.1s linear 0s;}
a:hover,a:active,a:focus{outline:0;color:#c0c0c0;text-decoration:none;}
h1{font-size: 1.7rem;font-weight: 600;color: #000;padding-top: 15px;padding-bottom: 10px;width: 100%;text-align: center;background: #efefef;margin-block-start: 0em;margin-block-end: 0em;margin-inline-start: 0px;margin-inline-end: 0px;}
.h1-home{background: #fff;font-weight: 300;}
h2{display: inline-block;width: 100%;font-size: 1.5rem;line-height: 1.7rem;font-weight: 300;text-align: center;margin-top: 20px;margin-bottom: 10px;}
.h2-contacts{margin-top: 20px;margin-bottom: 10px;text-align: center;}
h3{font-size: 1.4rem;line-height: 1.6rem;}
h4{font-size: 1.4rem;}
h5{font-size: 1.4rem;}
h6{font-size: 1.4rem;}
img{height: auto;}
ul, ol{font-size: 1.1rem;line-height: 1.6rem;}
.font-size-1{font-size: 20px;}

p {display: block;margin: 0 auto;width: 100%;max-width: 850px;-webkit-margin-before: 15px;-webkit-margin-after: 15px;text-indent: 15px;}
strong, b{font-weight: 600;}
ul{width: auto;max-width: 850px;margin: 0 auto;}
.content-ul{max-width: 100%;}
ol {display: block;list-style-type: decimal;line-height: 1.8rem;width:95%;max-width: 850px;-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;margin: 0 auto;margin-top: 15px;margin-bottom: 10px;margin-left: 15px;}
.clear{clear: both;}
.fa, .fab, .fal, .far, .fas{margin-right: 10px;}

header{display: inline-block;width: 100%;padding-bottom: 10px;background: #333333;}
.logo{display: block;width: 40%;float: left;}
.logo a{display: inline-block;margin: 10px 10px 10px 10px;color: #fff;font-size: 1.5rem;}
.logo img{width: 100%;max-width: 207px;}

nav{display: inline-block;width: 98%;float: left;margin:0px 1% 0 1%;}
nav ul{ display: none; }
nav select{ display: inline-block; float: right;margin: 5px;max-width: 45%;height: 35px;background: #b50000;color: #fff;font-size: 20px;font-weight: 600;}

.mobile-menu-button{display:block;margin-top:10px;margin-left: 10px;float: right;}
.mobile-menu-button a{display: block;float: right;margin-right: 10px;margin-bottom: 10px;padding: 3px;border: 1px solid #fff;border-radius: 5px;background: none;color: #fff;font-size: 1.4rem}
.mobile-menu-button a:after {content: "\2261";display: block;float: right;font: 1.8rem "arial";line-height: 1.5rem;margin-top: 3px;margin-left: 3px;}
.mobile-menu-button a:hover{padding: 2px;border: 2px solid #f1f1f1;color: #f1f1f1;}
.main-menu{display: none;text-align: center;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;}
.sub-menu {position: static;display: none;}
menu, .sub-menu ul{-webkit-margin-before: 1em;-webkit-margin-after: 1em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 3px;!important}
.sub-menu li {margin-bottom: 1px;}
.main-menu .sub-menu li a {padding:0px;}

.main-menu li {display:inline-block;float: none;position:relative;}
.main-menu li:first-child a {border-left: medium none;}
.main-menu li:last-child a {border-right: medium none;}

.sub-menu {visibility:hidden;opacity:0;position:absolute;z-index:-1;transition:visibility 0s linear 0.5s, opacity 0.5s linear;left: 0;width: auto;background: #2b2b2b;}
.main-menu li:hover > ul{visibility:visible;opacity:1;transition-delay:0s;z-index:1;}
.main-menu .sub-menu li {float:none ;border-bottom:1px solid #dddddd;}
.main-menu .sub-menu li a {width: auto;min-width: 160px;padding: 0 11px;white-space:nowrap;text-align:center;border:none;box-shadow:none;}
.main-menu li a:hover + .sub-menu, .sub-menu:hover {display: block;}


.mobile-nav{display: block;width: 99%;float: left;background: #848484;border: 1px solid #fff;z-index: 99}
.mobile-menu-list{display: block;margin: 0;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;-moz-margin-before: 0em;-moz-margin-after: 0em;-moz-margin-start: 0px;-moz-margin-end: 0px;-moz-padding-start: 0px;}
.mobile-menu-list ul{-webkit-padding-start: 0px;}
.mobile-menu-list a{color: #fff;}
.mobile-menu-list li{border-bottom: 1px solid #fff;width: 100%;list-style: none;padding: 0px;}
.mobile-menu-list li a{display: block;padding: 10px;font-size: 1rem;line-height: 1.1rem;text-align: center;}
.mobile-menu-list li a:hover{background: #4a4a4a;color: #d2d2d2;}
.mobile-menu-list li ul{display: block;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;-moz-margin-before: 0em;-moz-margin-after: 0em;-moz-margin-start: 0px;-moz-margin-end: 0px;-moz-padding-start: 0px;}
.mobile-menu-list li ul li{border-top: 1px solid #fff;width: 100%;list-style: none;line-height: 3rem;padding: 0px;float: none;}
.mobile-menu-list li ul li a{display: block;padding: 10px;font-size: 1.2rem;line-height: 1.9rem}
.mobile-menu-list li ul li a:hover{background: #4f96c0;color: #d2d2d2;}

.mega-menu-toggle{width: 10%;float: right;margin-top: -55px;margin-right: 5px;}

.header-contacts{width: 47%;float: left;margin: 10px 1% 0px 1%;text-align: center;font-size: 0.9rem;line-height: 1.1rem;color: #fff;}
.header-contacts a{color: #fff;text-decoration: none;}
.header-contacts-time{width: 100%;float: left;font-size: 0.8rem;}
.header-contacts-phone{width: 100%;float: left;}
.header-contacts-mail{width: 100%;float: left;}

.header-button{display: none;float: right;margin: 20px 10px 10px 10px;}
.header-button a{display: inline-block;padding: 10px 35px;background: #ff3366;color: #fff;border-radius: 20px;}
.header-button a:hover{background:#e50039 ;color: #fff;transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow;
    transition-duration: 0.15s, 0.15s, 0.15s, 0.15s;
    transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    transition-delay: 0s, 0s, 0s, 0s;}

.closed-category{margin-left: -280px;opacity: 0;}
.close-category{display: block}
.opened-category{margin-left: 0px;opacity: 1;}
.close-category-hidden{display: none!important;}
.close-category-active{display: block;position: absolute;width: 100%;height: 100%;background: red;opacity: 0.5}

.alignleft{float:left;}
.alignright{float:right;}
.aligncenter{display:block;margin-left:auto;margin-right:auto;}
img.alignleft{margin:10px 10px 10px 10px;}
img.aligncenter{margin: 0 auto!important;padding:10px 10px 10px 10px;border:1px solid #bbbbbb;}
img.size-thumbnail{max-width: 30%;height: auto;}
img.size-medium{width: 90%;height: auto;margin:15px;border:1px solid #bbbbbb;}
img.size-large{max-width: 90%;height: auto;margin: 15px;border:1px solid #c0c0c0;}
img.size-full{max-width: 90%;height: auto;}
.content{display: block;width: 100%;max-width: 1400px;float: none;background: none;margin-top: -5px;margin-right: 0;margin-bottom: 5px;margin-left: 0;}
article{display: inline-block;}
.cat-content{background: #e4e4e4;padding: 5px;}
.single-content{padding: 10px;}
.single-content p{font-size: 1.1rem; line-height: 1.5rem;font-weight: 400;color: #767676;}

.home-items{max-width: 900px;margin: 0 auto;}
.home-item-digit{text-align: center;font-size: 44px;line-height: 64px;font-weight: 300;color: #000;}
.home-item-title{text-align: center;font-size: 18px;font-weight: 600;text-transform: uppercase;color: #000;}
.home-item-description{text-align: center;font-size: 16px;text-indent: 0px;}

.home-list-block{width: 100%;max-width: 900px;margin: 0 auto;margin-bottom: 30px;border-top: 1px solid #f1f1f1;}
.home-list-number{display: block;width: 40px;height: 40px;float: none;margin: 20px auto 30px auto;font-size: 20px;line-height: 40px;font-weight: 600;border:2px solid #000;border-radius: 50px;text-align: center;text-indent: 0;}
.home-list-title{display: block;margin: 10px;font-size: 18px;font-weight: 600; text-align: center;}
.home-list-description{max-width: 98%;padding: 0 1%;text-align: center;text-indent: 0px;}

.home-gray-block{background: #333;color: #fff;padding: 10px 0;font-size: 1.2rem;line-height: 1.7rem;font-weight: 400;}
.home-gray-block p{width: 98%;padding: 1%;text-indent: 0px;}
.white-line{width:15%;background-color: #fff;color: #fff;align: center;height: 1px;margin: 0 auto;}

.left-part-block{width: 100%;width: 90%;margin: 0 5%;}
.left-part-block p{text-indent: 0;margin: 10px 0px 10px 0px;}
.right-part-block{width: 100%;height: 300px;}

.content-ul{ margin: 0px;   -webkit-margin-before: 0px;-webkit-margin-after: 0px;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px;-moz-margin-before: 0px;-moz-margin-after: 0px;-moz-margin-start: 0px;-moz-margin-end: 0px;-moz-padding-start: 0px;}
.post_block{display: inline-block;position: relative;width: 98%;list-style: none;padding: 1%;margin-top: 1px;background: #fff;}
.post_block a{color: #000;}
.post_block a:hover{color:#333;}
.post_img{max-width: 25%;height: auto;float: left;margin-right: 5px;}
.single_cat_img{width: 100%;height: auto;float: left;margin-right: 5px;border: 1px solid #f1f1f1;}
.post_name{font-size: 0.8rem;line-height: 0.8rem;font-weight: 600;margin: 3px;}
.post_name a{color: #000;}
.post_name a:hover{color:#333;}
.post_info{display: inline-block;max-width: 100%;float: left;margin-left: 0;}
.single_info{display: inline-block;width: 100%;float: left;}
.single_cat_descr{display: block;font-size: 0.7rem;line-height: 0.8rem;}

.date_time{font-size: 0.7rem;}
iframe {max-width: 100%;}
.google-map iframe{width: 100%;height: 100%;}

.pagination, .current, .pagination a{font-size: 1.5rem;padding: 5px;}

footer{display: inline-block;width: 100%;margin-top: 10px;padding-top: 20px;background: #efefef;color: #777;text-align: center;}
footer a{color: #149dcc;}
footer a: hover{color: #0056b3;}
footer p{text-indent: 0;}
.footer-logo{width: 150px;height: 100px;margin: 0 auto;background-image: url(img/pelfa-bel-footer.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;}
.footer-col-1{width: 100%;max-width: 100%;float: left;}
.footer-col-2{width: 100%;float: left;text-align: center;}
.footer-col-3{width: 100%;float: left;text-align: center;}
.footer-col-4{width: 100%;float: left;text-align: center;}
.copyright {color:777;}

.wp-caption{border: none;text-align: center;margin-top: 10px;padding-top: 5px;width: 48%!important;margin-left: 1%;margin-right: 1%;}
.wp-caption img{width: 100%;height: auto;}
.wp-caption-text{height: 45px;overflow: hidden;}

.desktop{display: none;}
.tablet{display: none;}
.mobile{display: inline-block;}

@media only screen
and (min-width : 480px) 

 {
.logo{width: 30%;}
.logo a{font-size: 1.5rem;margin: 10px 0px 10px 10px;}
.header-contacts{width: 40%;float: left;margin: 5px 1% 0px 1%;text-align: center;font-size: 1.1rem;line-height: 1.9rem;}
.header-button{display: none;}
.wp-caption{width: 46%!important;margin-left: 2%;margin-right: 2%;}

}

@media only screen
and (min-width : 768px) 

 {
ol {margin-left: auto;font-size: 1rem;font-weight: 600;}
.logo{width: 18%;}
.logo a{font-size: 1.5rem;margin: 10px 0px 10px 10px;}

.main-menu{display: none;}

nav ul{ display: inline-flex;float: right;margin: 5px;list-style: none;font-size: 0.8rem; }
nav ul li{display: inline-block;padding: 5px;}
nav ul li a{display: block;padding-bottom: 3px;color: #fff;}
nav ul li a:hover{padding-bottom: 2px;border-bottom: 1px solid #c0c0c0;}
nav select{ display: none;}

.mobile-menu-list li{border-bottom: 1px solid #fff;width: auto;list-style: none;padding: 0px;float: left;}

.header-contacts{width: 50%;float: left;margin: 10px 0 0 0;text-align: center;font-size: 0.9rem;line-height: 1.5rem;}
.header-contacts a{text-decoration: none;}
.header-contacts-time{width: 50%;float: left;font-size: inherit;}
.header-contacts-phone{width: 50%;float: left;}
.header-contacts-mail{width: 40%;float: left;}
.header-button{display: inline-block;float: right;margin: 10px 10px 10px 10px;}

img.size-medium{width: 300px;height: auto;margin:15px;border:1px solid #bbbbbb;}
img.size-large{max-width: 90%;height: auto;margin: 15px;border:1px solid #c0c0c0;}
img.size-full{max-width: 90%;height: auto;}

.post_name{font-size: 1.1rem;line-height: 1.1rem;margin: 3px;}
.post_img{max-width: 22%;}
.single_cat_img{width: 22%;}
.post_info{display: inline-block;float: left;margin-left: 0;}
.post_descr{display: block;font-size: 1rem;line-height: 1rem;}
.single_cat_descr{font-size: 1rem;line-height: 1rem;}
.single_cat_time{float: left;font-size: 1rem;line-height: 1.5rem;}

.home-list-block{width: 100%;max-width: 900px;margin: 0 auto;margin-bottom: 30px;border-top: 1px solid #f1f1f1;}
.home-list-number{display: inline-block;width: 40px;height: 40px;float: left;margin: 20px 20px 30px 20px;font-size: 20px;line-height: 40px;font-weight: 600;border:2px solid #000;border-radius: 50px;text-align: center;text-indent: 0;}
.home-list-title{display: inline-block;margin: 10px;font-size: 18px;font-weight: 600; }
.home-list-description{margin-top: 5px;margin-bottom: 20px;text-align: left;text-indent: 15px;}

.wp-caption{width: 21%!important;margin-left: 2%;margin-right: 2%;}

.footer-logo{width: 150px;height: 100px;margin: 0 20px;background-image: url(img/pelfa-bel-footer.png);background-size: cover;background-repeat: no-repeat;background-position: top left;}
.footer-col-1{width: auto;max-width: 25%;float: left;}
.footer-col-2{width: 30%;float: left;text-align: center;}
.footer-col-3{width: 20%;float: left;text-align: left;}
.footer-col-4{width: 25%;float: left;text-align: left;}

.desktop{display: none;}
.tablet{display: inline-block;}
.mobile{display: inline-block;}

}

@media only screen
and (min-width : 1024px) 
 {
html, hmtl a{font-size:18px;}
h1{font-size: 2.5rem;line-height: 2.7rem;font-weight: 600;padding-top: 50px;padding-bottom: 40px;}
h2{font-size: 1.9rem;margin-top: 25px;margin-bottom: 10px;}
.h2-contacts{text-align: left;margin: 10px 20px;}
h3{font-size: 1.6rem;}
h4{font-size: 1.5rem;}
h5{font-size: 1.4rem;}
h6{font-size: 1.3rem;}

.logo{width: 18%;}
.logo a{font-size: 1.9rem;margin: 20px 0px 10px 20px;}

.main-menu{display: block;margin-top: 20px;}
nav{display: inline-block;width: 43%;float: left;margin:40px 1% 0 1%;}
nav ul{ display: inline-flex;float: right;margin: 5px 0 0 0;list-style: none;font-size: 1.1rem; }
nav ul li{padding: 5px 10px 5px 10px;}
nav ul li ul{margin: 0px;list-style: none;font-size: 1rem;-webkit-margin-before: 0em;-webkit-margin-after: 0em;-webkit-margin-start: 0px;-webkit-margin-end: 0px;-webkit-padding-start: 0px; }
nav select{ display: none;}
.desktop-hide{display: none!important;}
.mobile-menu-button{display:none;}

.header-contacts{width: 18%;float: left;margin: 10px 1% 0 0;text-align: left;font-size: 0.9rem;line-height: 1.6rem;color: #fff;}
.header-contacts a{color: #fff;}
.header-contacts-time{width: 100%;float: left;}
.header-contacts-phone{width: 100%;float: left;}
.header-contacts-mail{width: 100%;float: left;}
.header-button{margin: 30px 20px 10px 0;float: right;}

.content{display: block;width: 100%;background: none;margin: 0 auto;margin-top: -5px;}

.post_name{font-size: 1.5rem;line-height: 1.5rem;margin: 5px;}
.single-content{width: 98%;max-width: 100%;float: left;padding: 10px 1% 10px 1%;}

.left-part-block{width: 48%;float: left;margin: 10px 0px 10px 2%;}
.right-part-block{width: 48%;height: 500px;float: left;margin: 0 1%;}
.google-form-container{height: auto!important;}
.desktop{display: block;}
.tablet{display: none;}
.mobile{display: none;}

}

@media only screen
and (min-width : 1200px) 
 {

.logo{width: 21%;}
.logo a{display: inline-block;margin: 20px 10px 10px 20%;}

nav{display: inline-block;width: 40%;float: left;margin:40px 0.5% 0 0.5%;}

.header-contacts{width: 18%;float: left;margin: 10px 0 0 1%;text-align: left;font-size: 0.9rem;line-height: 1.6rem;color: #fff;}
.header-button{margin: 35px 5% 10px 0;float: right;}
}


 @media only screen
and (min-width : 1400px) 
 {
 	.logo{width: 22%;}
 	nav{width: 26%;    margin: 40px 5px 0 5px;}
 	.header-contacts{width: 33%;margin: 45px 5px 5px 5px;}
 	.header-contacts-time{width: 30%;float: left;}
 	.header-contacts-phone{width: 30%;float: left;}
 	.header-contacts-mail{width: 40%;float: left;}
 	.header-button{margin: 35px 80px 10px 0;float: right;}

 	.home-list-number{margin: 20px 20px 20px 20px;}

 }