@charset "UTF-8";
/*
Theme Name: Renex-rt
Theme URI: https://sys-admin.by/
Author: the sys-admin
Author URI: https://wordpress.org/
Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
Requires at least: WordPress 4.9.6
*/
body { background-color: #d9ffb4; font-family: sans-serif; font-size: 15px; line-height: 1.4em; padding: 0; margin: 0; }
body.loaded { font-family: 'Open Sans', sans-serif; }
.left-col{width: 25%;	float: left;}
.container {/*overflow: hidden;*/ display: block; margin: 0em auto 2em; padding: 2em; background: #fff; border: 1px solid #ddd; border-radius: 3px; }
.container > section { width: 70%; padding: 0rem 1rem 0rem 2rem;	float: left; min-height: 100vh; }
.container > aside { width: calc(43% / 3);	float: left; overflow: hidden; }
.search_form { width: 100%; float: right;} 
input#search { width: 76%; padding: 5px 8px; border-radius: 7px 0px 0px 7px;}
.clearfix { clear: both;}
.formit input#name{}
.formit input, .formit textarea { margin: 0 0 10px 0; border: 1px solid #ccc; padding: 5px;}
.formit input, .formit label, .formit textarea { display: block;}
span.error { font-size: 11px;}
span.required, span.error { color: #ff0000;}
span.required { font-size: 18px;}
span.required, span.error { color: #ff0000;}
input.submit_button:hover { background-color: #00592b;}
input.submit_button { background-color: #00622f; border: 1px solid #00592b; padding: 5px 10px; border-radius: 3px; font: 13px Arial, Verdana, Tahoma, sans-serif; color: #fff; cursor: pointer;}
header {background: url(/assets/images/1122.png) no-repeat; background-position: top left;height: 110px;}
.page-body-img {background: url(/assets/images/page_body_img.png) no-repeat; background-position: top right;}
div#search { height: 58px; padding: 0px 20px 0px 20px; position: relative; float: right;}
div#search .search_form { height: 50px; padding: 2em 0px 0px 0px;}div#search .search_form input[type="submit"]{padding: 4px 6px;border-radius: 0px 6px 6px 0px;background: #56614b; color: #fff;}
label[for="search"] { display: none;} 
a.group div { display: inline-block;padding: 7px 8px;}
.gallery { text-align: center; margin: 33px 0px 0px 0px;}
ul.list-prod{ margin: 0; padding: 0; list-style: none;}
ul.list-prod > li { margin-bottom: 30px; padding-bottom: 30px; border-bottom: solid 1px #ddd;}
.div_img {float: left; width: 25%; min-height: 100px; text-align: center;} 
.div_img img {width: 80%;}
.cat_img {}
.menu-header-container, .menu-header-en-container, .menu-header-ar-container {
	padding: 0 2em;
    margin: 2em;
    float: left;
}
.right-side {float:left;width:75%; }
ul.list-news { margin: 0; padding: 0; list-style: none;}
ul.categories { margin: 0; padding: 0; list-style: none;}
ul#menu-sidebar, ul#menu-sidebar-en, ul#menu-sidebar-ar { margin: 0; padding: 0; list-style: none;}
ul.categories li.level1 {border-bottom: solid 1px #d0cccc;}
ul.categories li.level1 a {padding: 12px 15px; font-size: 18px; text-decoration: none; font-weight: bold; display: block;background: #e9f0e2;}
ul#menu-sidebar li, ul#menu-sidebar-en li, ul#menu-sidebar-ar li {border-bottom: solid 1px #d0cccc;}
ul#menu-sidebar li a, ul#menu-sidebar-en li a, ul#menu-sidebar-ar li a {padding: 12px 15px; font-size: 18px; text-decoration: none; font-weight: bold; display: block;background: #e9f0e2;color: #00622f!important;}
ul.categories li.level1.last {border-bottom:none;}
ul.subcategories { margin: 0; padding: 0; list-style: none;}
ul.subcategories li.level2 {border-bottom:none;}
ul.subcategories li.level2 a {padding: 5px 0px 5px 15px; font-weight: normal; color: #005428; font-size: 15px;}
ul.subcategories li.level2 a:before {content:"-";padding-right: 7px;}
ul.subcategories { margin: 0; padding: 0; list-style: none;}
ul.subcategories li.level3 {border-bottom:none;}
ul.subcategories li.level3 a {padding: 0px 0px 0px 15px; color: #000; text-decoration: none; font-weight: normal; display: block; background: #e9f0e2; font-size: 11px;}
ul.subcategories li.level3 a:before {content:"--";padding-right: 11px;}
ul.subcategories li.level3.last a {/*padding-bottom: 20px;*/}
ul.categories li.active > a,ul.categories li a:hover { background:#74ea00;}

ul#menu-sidebar li ul.sub-menu, ul#menu-sidebar-en li ul.sub-menu, ul#menu-sidebar-ar li ul.sub-menu { margin: 0; padding: 0; list-style: none;}
ul#menu-sidebar li ul.sub-menu li, ul#menu-sidebar-en li ul.sub-menu li, ul#menu-sidebar-ar li ul.sub-menu li {border-bottom:none;}
ul#menu-sidebar li ul.sub-menu li a, ul#menu-sidebar-en li ul.sub-menu li a, ul#menu-sidebar-ar li ul.sub-menu li a {padding: 5px 0px 5px 15px; font-weight: normal; color: #005428; font-size: 15px;}
ul#menu-sidebar li ul.sub-menu li a:before {content:"-";padding-right: 7px;}
ul#menu-sidebar li ul.sub-menu, ul#menu-sidebar-en li ul.sub-menu, ul#menu-sidebar-ar li ul.sub-menu { margin: 0; padding: 0; list-style: none;}

ul.sub-menu li.level3 {border-bottom:none;}
ul.sub-menu li.level3 a {padding: 0px 0px 0px 15px; color: #000; text-decoration: none; font-weight: normal; display: block; background: #e9f0e2; font-size: 11px;}
ul.sub-menu li.level3 a:before {content:"--";padding-right: 11px;}
ul.sub-menu li.level3.last a {/*padding-bottom: 20px;*/}
ul#menu-sidebar li.current_page_item > a,ul#menu-sidebar li a:hover, ul#menu-sidebar-en li.current_page_item > a,ul#menu-sidebar-en li a:hover, ul#menu-sidebar-ar li.current_page_item > a,ul#menu-sidebar-ar li a:hover { background:#74ea00;}
.menu-sidebar-container{width:100%;height:auto;}
    .menu-sidebar-container ul{
        display:block;
        width:100%;
        height:auto;
        margin:0px;
        padding:0px;
        list-style:none;
        position:relative;
    }
        .menu-sidebar-container ul li{display:block; width:100%; height:auto; position:relative;}
            .menu-sidebar-container ul li a{
                position:relative;
                display:block;
                width:100%;
                height:auto;
                box-sizing:border-box;
                /*font-size:13px;
                font-weight:bold;
                color:#00622f;
                /*line-height:1.2em;
                padding:10px 15px;
                background:#3A9CD3;
                border-top:1px solid #236A92;
                text-decoration:none;*/
            }
            .menu-sidebar-container ul > li:first-child > a{border:0px;}
            .menu-sidebar-container ul li a:hover, .menu-sidebar-container ul li:hover a{
                background:#0A3CC1;
            }
            .menu-sidebar-container ul li ul{
                /*position:absolute;
                top:0px;
                left:100%;
                display:none;
                width:250px;*/
				z-index:99;
            }
            /*******показываем выпадашку при наведении ********/
            .menu-sidebar-container ul li:hover > ul{display:block;}
                .menu-sidebar-container ul li ul li a{
                    text-transform:none;
                    padding:5px 20px;
                }
                    .menu-sidebar-container ul li ul li a:hover, .menu-sidebar-container ul li ul li:hover > a{
                        background:#75C1D4;
                        color:#0A3CC1;
                    }
ul.sub-list{ margin: 0; padding: 0; list-style: none;} 
ul.sub-list li{width: calc(95%/4); text-align: center; display: inline-block; margin-bottom: 40px; vertical-align: top;} 
ul.sub-list li a{ } 
ul.sub-list li a img{ border: solid 3px; } 
ul.news-aside {margin: 0; padding: 0; list-style: none;}
ul.news-aside li{margin-bottom: 30px;}
ul.news-aside li a{}
ul.news-aside li span.published{font-size: 0.7em; color: #929292;}
ul.breadcrumb { margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li { display: inline; padding-right: 1px;} 
ul.top-menu { margin: 0px 0px 0px 2px; padding: 0; list-style: none;} 
ul.top-menu li { display: inline;} 
ul.top-menu li a { text-decoration: none; padding: 2px 18px 2px; font-size: 19px; color: #00622f; border-right: solid 1px #ddd;} 
ul.top-menu li.last a { border-right: none;} 
ul.top-menu li.active a,ul.top-menu li a:hover {background: #555; color: #fff;}
.menu-header-container ul, .menu-header-en-container ul, .menu-header-ar-container ul { margin: 0px 0px 0px 2px; padding: 0; list-style: none;} 
.menu-header-container ul li, .menu-header-en-container ul li, .menu-header-ar-container ul li { display: inline;} 
.menu-header-container ul li a, .menu-header-en-container ul li a, .menu-header-ar-container ul li a { text-decoration: none; padding: 2px 12px 2px; font-size: 19px; color: #00622f; border-right: solid 1px #ddd;} 
.menu-header-container ul li.last a, .menu-header-en-container ul li.last a, .menu-header-ar-container ul li.last a { border-right: none;} 
.menu-header-container ul li.current_page_item a, .menu-header-container ul li a:hover, .menu-header-en-container ul li.current_page_item a, .menu-header-en-container ul li a:hover, .menu-header-ar-container ul li.current_page_item a, .menu-header-ar-container ul li a:hover {background: #555; color: #fff;}

table.table{border-collapse: collapse; width: 100%;} 
table.table tr td { padding: 2px 6px; font-size: 11px; text-align: left; border: solid 1px #ddd;} 
table.table tr th { padding: 2px 6px; font-size: 11px; text-align: center; border: solid 1px #ddd;} 
.logo { background: url(/wp-content/themes/renex/assets/images/logo1.png) no-repeat center transparent; width: 30%; height: 94px; background-size: contain; display: block; position: relative; text-indent: -9999px;
 margin: 0em;  float: left; }
/*.menu { width: calc(105% / 3);min-width: 440px; float: left; text-align: center; }*/
.header,.footer { margin: auto; padding: 0 2em;}
.header{padding: 1em 2em 0em 2.5em;}
fieldset { border: none; margin: 0; padding: 5px 0;} 
.div_desc ul { list-style: disc;}
h1, h2, h3, h4, h5 { color: #00622f; font-family: 'Open Sans', sans-serif; font-weight: 700; }
h1 { font-size: 2rem; color: #00622f; line-height: 1.2; }
.right-side h2 {margin-top: 0;}
h2 { font-size: 1.5rem; line-height: 1; }
h3 { font-size: 1.2rem; }
a { color: #00622f; }
ul { padding-left: 2em; }
img { /*max-width: 100%;*/ }
.cta-button {
 display: block;
 text-align: center;
 vertical-align: middle;
 -webkit-transform: translateZ(0);
 transform: translateZ(0);
 box-shadow: 0 0 1px rgba(0, 0, 0, 0);
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 -moz-osx-font-smoothing: grayscale;
 position: relative;
 overflow: hidden;
 margin: .2em 0;
 padding: 1em;
 cursor: pointer;
 background: #67a749;
 text-decoration: none;
 border-radius: 3px;
 color: #fff;
 -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
.cta-button:before {
 content: "";
 position: absolute;
 z-index: -1;
 left: 50%;
 right: 50%;
 bottom: 0;
 background: #137899;
 height: 5px;
 -webkit-transition-property: left, right;
 transition-property: left, right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
 }
.cta-button:hover:before, .cta-button:focus:before, .cta-button:active:before { left: 0; right: 0; }
.companies { clear: both; display: block; width: 100%; padding: 1em 0 0; }
.companies h3 { text-align: center; margin: 0; }
.companies ul { margin: 0; padding: 0; list-style: none; text-align: center; }
.companies ul li { display: inline-block; padding: 0 1em; }
.companies ul li:first-child { padding-left: 0; }
.companies ul li:last-child { padding-right: 0; }
.companies ul li a { display: block; position: relative; text-indent: -99999px; width: 200px; height: 75px; background-repeat: no-repeat;
 background-size: 200px; background-position: center; }
.disclaimer { max-width: 960px; display: block; margin: 0 auto; text-align: center; color: #333; font-size: .6em; }
nav a#pull {
	display: none;
}
.toggle-nav {
    display: none !important;
}
ul#menu-sidebar li.menu-two a, ul#menu-sidebar-en li.menu-two a, ul#menu-sidebar-ar li.menu-two a {background-color: #e2ffd5;}
ul#menu-sidebar li.menu-tree a,	ul#menu-sidebar-en li.menu-two a, ul#menu-sidebar-ar li.menu-two a{background: #c3f395;}
@media (min-width: 990px) and (max-width: 1280px) {

.container { border: 0; border-radius: 0; }
.container > section {padding: 0 1rem;}
.header{padding: 2em 0em 0em 0.5em;}
.logo { background: url(/wp-content/themes/renex/assets/images/logo2.png) no-repeat center transparent; width: 278px;  }
ul.categories li.level1 a {   padding: 9px 6px;   font-size: 13px;}
.menu-header-container, .menu-header-en-container, .menu-header-ar-container  {  /*width: calc(90% / 3);*/
    border-radius: 6px;
    margin-right: 10px;
    margin-bottom: 20px;}
.menu-header-container ul li a, .menu-header-en-container ul li a, .menu-header-ar-container ul li a { padding: 2px 10px 2px; font-size: 16px;}
}

@media (min-width: 768px) and (max-width: 991px) {
.container { padding: 2em 0; border: 0; border-radius: 0; }

.header{padding: 2em 0em 0em 0.5em;}
.logo { background: url(/wp-content/themes/renex/assets/images/logo2.png) no-repeat center transparent; width: 278px;  }
ul.categories li.level1 a {   padding: 9px 6px;   font-size: 13px;}
.container > section { width: 70%;   padding: 0rem 0rem 0rem 1rem;	float: left; min-height: 100vh; }
.container > aside {display:none; }
.menu {  width: calc(90% / 3);
	min-width: 440px;
    float: right;}
	.menu-header-container, .menu-header-en-container, .menu-header-ar-container {
    padding: 0 2em;
    margin: 0;
    float: right;
}
ul.top-menu li a { padding: 2px 10px 2px; font-size: 16px;}
ul#menu-sidebar li a, ul#menu-sidebar-en li a, ul#menu-sidebar-ar li a {
    padding: 5px 10px;
    font-size: 14px;
 }

 }


		
@media (max-width: 800px) {
body { font-size: 16px; }
.container { padding: 1em 0; margin: 0 0 1em; border: 0; border-radius: 0;width: 100%;}
.container > section { width: 70%; }
.header{padding: 0em 0em 0em 0em;}
.container > aside { display:none;}
.container aside { border: 0; padding: 0; }
.logo { background: url(/wp-content/themes/renex/assets/images/logo2.png) no-repeat center transparent; width: 178px;  }
.logo { width: 100%; height: 64px; }
ul.categories li.level1 a {   padding: 9px 6px;   font-size: 13px;}
h1 { font-size: 24px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }
.companys ul li { display: block; }
.menu {  width: calc(90% / 3);}
ul.top-menu li a { padding: 2px 10px 2px; font-size: 16px;}
.menu-header-container ul li a, .menu-header-en-container ul li a, .menu-header-ar-container ul li a { padding: 2px 10px 2px; font-size: 16px;}
 }
 
@media (max-width:1100px){
    //ul.top-menu{padding-top: 40px;}
    .menu {
    background-color: #fffc;
    border-radius: 6px;
    margin-right: 10px;
    float: right;
    margin-bottom: 20px;
}
ul.top-menu li a{font-size:17px}
.menu-header-container ul li a, .menu-header-en-container ul li a, .menu-header-ar-container ul li a {font-size:17px}
}

@media screen and (max-width: 800px) {
/*тут*/
  	nav li a {
		border-bottom: 1px solid #576979;
		border-right: 1px solid #576979;
	}
  	nav a {
	  	text-align: left;
	  	width: 100%;
	  	text-indent: 25px;
  	}
  	.left-col {
        width: 100%;
  	}
  	.menu{
  	    width:100%;
  	    margin: 10px 0 5px 0;
  	}
  	.container > section {
        width: 96%;
        padding: 0 10px;

    }
}
@media only screen and (max-width : 650px) {
   .container{padding:0}
	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #009e4c;
		width: 100%;
		position: relative;
		color:white;
		font-weight:700;
		padding:10px 0;
		text-decoration:none;
	}
	nav a#pull:after {
		content:"";
		background: url('assets/images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 15px;
		top: 10px;
	}
	ul.subcategories li.level2 {
        width: 100%;
	}
}
@media only screen and (max-width : 500px) {
    ul.sub-list li{
        display: block;
        width: auto;
    }
	nav li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	.menu{
	    min-width: auto;
	}
	ul.top-menu li {
        display: grid;
    }
	.menu-header-container ul li, .menu-header-en-container ul li, .menu-header-ar-container ul li {
        display: grid;
    }
    div#search{
        width: 85%;
    }
    input#search {
        width: 69%;
    }
    div#search .search_form input[type="submit"]{
            width: 20%;
    }
    table.table {
        border-collapse: collapse;
        overflow-x: auto;
        display: block;
	}
}
@media screen and ( max-width: 580px ) {
    .toggle-nav {
        display: inline-block !important;
    }
}
@media screen and ( max-width: 580px ) {
    .toggle-nav {
        display: inline-block !important;
        float: right;
        margin: 25px;
        font-size: 2em;
        transition: color linear 0.15s;
    }
         
    a.toggle-nav:link, 
    a.toggle-nav:visited,
    a.toggle-nav:hover, 
    a.toggle-nav:active {
        text-decoration: none;
        color: #fff;
    } 

.menu.main {
    display: inline-block;
    position: relative;
    background: #fff;
    text-align: left;
}
     
.menu.main ul {
    display: none;
    position: absolute;
    overflow: auto;
    top: 0px;
    right: 0px;
    z-index: 999;
    padding-right: 15px;
    background: #fff;
}
     
.menu.main ul li {
    float: none;
    display: block;
    position: relative;
    top: 0px;
    right: 0px;
    min-width: 200px;
    background: #fff;
    text-align: right;
}
     
.main.menu li:after { 
    content: none; 
}
}

/* Menu */
.icon-close, .icon-menu {
  display:none;
}
@media screen and ( max-width: 780px ) {
.background {float:left;margin-top: 50px;}
div#search {
    width: 75%;
    float: right;
    text-align: right;
	margin-top: 40px;
}
.menu {
  background: #ccc url('images/menu-bg.jpg') repeat left top;
  left: -285px;
  height: 100%;
  position: fixed;
  width: 285px;
  z-index:999;
}
.menu ul {
  border-top: 1px solid #555;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu li {
  border-bottom: 1px solid #555;
  font-family: 'Open Sans', sans-serif;
  line-height: 45px;
  padding-bottom: 3px;
  padding-left: 20px;
  padding-top: 3px;
}

.menu li:hover {
  cursor: pointer;
  background-color: #555;
  }

.menu a {
  color: #fff;
  font-size: 15px;
  text-decoration: none;
  text-transform: uppercase;
}

.icon-close {
  cursor: pointer;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 6px;
  display:block;
}

.icon-menu {
  color: #fff;
  cursor: pointer;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-top: 25px;
  text-decoration: none;
  text-transform: uppercase;
  display:block;
}
.menu-header-container, .menu-header-en-container, .menu-header-ar-container {
    padding: 0;
    margin: 0;
    float: left;
}
.icon-menu img {
  margin-right: 5px;
}
}