@media only screen and (min-width: 319px) and (max-width:373px)
{
#pp {
    position: fixed;
    top: -550px;
    left: 0%;
    margin-left: 0px;
    width: 100%;
  
    z-index: 999999;
  
}	
#pp .pp-header h3 {
    margin: 0;
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.mainmenu	
{
display:none;	
}
.bm_slider_default .bm_slider_item .bm_slider_title a {
color: #fff;
font-size: 18px;
font-family: "PTSansNarrowRegular";
line-height: 20px;
}
.catItemIntroText
{
display:none;	
}	
span.catItemImage {
margin: 0 0px 15px 0;
max-width: 100%;
}
.logoimg
{
max-width: 230px;
margin: 9px 0px 0px 0px;
}	
.top 
{
display:none;	
}
.fotonews
{
display:none;	
}	
.catItemIntroTextNews
{
display:none;	
}	
div.itemFullText img {
width:100%;
height:auto;		
}
div.catItemDateCreatedNewsFon {
margin: 4px;
padding: 2px 3px 3px 5px;
position: relative;
z-index: 4;
text-transform: uppercase;
font-family: "PTSansNarrowRegular";
font-size: 14px;
font-weight: bold;
color: #efefef;
letter-spacing: 1px;
border-radius: 3px;
text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
background: rgba(109, 103, 103, 0.57);
}
div.catItemCategorypic {
margin: 4px;
padding: 3px 3px 3px 5px;
position:relative; 
z-index: 5;
text-transform: uppercase;
font-family: "PTSansNarrowRegular";
font-size: 11px;
background: #39bd13;
color: #fff;
letter-spacing: 1px;
border-radius: 3px;
opacity: 0.8;
}
.moduleItemImagep {
width: 100%;
border: 1px solid #CCC;
padding: 1px;
max-width: 800px;
margin: 0px; 
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.catItemDateCreated
{
display:none;	
}	
.modinf
{
display:none;	
}	
.menubutm
{
display:none;
}	
.datasite
{
display:none;	
}	
.catItemIntroText
{
display:none;	
}	
h3.title {
font-size: 20px; 
letter-spacing: 2px;
}
div.itemImageBlock {
width: 100%;
}
.g-recaptcha {
padding: 0px 0px 0px 0px;
}
a.back-to-top {
bottom: 20px;
right: 15px;
width: 55px;
height: 55px;
}
.dataday {
font-size: 14px;
height: 45px;
}
footer
{
min-height:150px;
}	
/*-----*/
.drawer-list {
width: 40vw;
}
.drawer-list ul {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto;
}
.drawer-list li {
list-style: none;
text-transform: uppercase;
pointer-events: auto;
width: 150px;
margin: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
/* ie workaround */
-ms-transform: translatex(-100vw);
}
.drawer-list li:last-child {
margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: #FEFEFE;
text-align: left;
display: block;
padding: 1rem;
letter-spacing: 2px;
font-size: calc(22px - .5vw);
font-family: "PTSansNarrowRegular";
}
.drawer-list li a {
text-align: left;
padding: .4rem;
}
.drawer-list li a:hover {
cursor: pointer;
background-color: #55ab3d;
background-color: rgb(85, 171, 61);
}
a.mobkont 
{
text-decoration:none;	
}
.mobkont 
{
position: absolute;
bottom: 50px;
left: 45%;
display: block;
font-family: "PTSansNarrowRegular";
font-size: 16px;
text-decoration: none;
color: #fff;
}	
.mobseach
{
width:90%;
margin:auto;
height:40px;
background:#fff;
margin:20px;
}	
input.hamburger {
display: none;
}
input.hamburger:checked ~ .drawer-list {
transform: translatex(0);
border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li a {
padding-right: 15px;
}
input.hamburger:checked ~ label > i {
background-color: transparent;
transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
color: #FEFEFE;
width: 100%;
}
input.hamburger:checked ~ label open {
color: rgba(0, 0, 0, 0);
width: 0;
}
label.hamburger {
z-index: 9999;
position: relative;
display: block;
height: 50px;
width: 50px;
}
label.hamburger:hover {
cursor: pointer;
}
label.hamburger {
position: fixed;
top: 12px;
right: 24px;
}
.burger-icon {
cursor: pointer;
display: block;
height: 20px;
margin: auto;
position: relative;
width: 25px;
}
.burger-icon span {
background-color: #fff;
display: block;
height: 2px;
width: 35px;
margin-top: 8px;
opacity: 1;
position: absolute;
transition: opacity .3s ease-in-out;
}
.burger-icon:hover span {
opacity: 1;
}
.burger-bun-top {
top: 0;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-middle {
top: 20px;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-bun-bottom {
bottom: 0;
-webkit-transform-origin: -10px 10px;
transform-origin: -10px 10px;
}
.open-burger .burger-bun-top {
-webkit-animation: burger-top-open .5s linear normal;
animation: burger-top-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-middle {
-webkit-animation: burger-middle-open .5s linear normal;
animation: burger-middle-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-open .5s linear normal;
animation: burger-bottom-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.closed-burger span {
opacity: 1;
}
.closed-burger .burger-bun-top {
-webkit-animation: burger-top-close .5s linear normal;
animation: burger-top-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-middle {
-webkit-animation: burger-middle-close .5s linear normal;
animation: burger-middle-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-close .5s linear normal;
animation: burger-bottom-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.drawer-list {
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100vw;
transform: translate(100vw, 0);
/* ie workaround */
-ms-transform: translatex(-100vw);
box-sizing: border-box;
pointer-events: none;
padding-top: 70px;
transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
border-bottom-left-radius: 100vw;
background-color: rgba(74, 154, 52, 0.91);
z-index: 777;
}
.drawer-list
{
display:block;	
}	

/*end burger */
div.itemFullText img {
margin: 5px;
width: 90%;
height: auto;
}

iframe
{
width:100%;
}	


}
@media only screen and (min-width: 374px) and (max-width:415px)
{

#pp {
    position: fixed;
    top: -550px;
    left: 0%;
    margin-left: 0px;
    width: 100%;
  
    z-index: 999999;
    
}	
.mainmenu	
{
display:none;	
}

.novimg {
    max-width: 100%;
    
}

h2.catItemTitle {
    padding: 10px 15px 10px 15px;
    margin: 0;
    font-family: "PTSansNarrowRegular";
    font-size: 24px;
    line-height: 28px;
    font-weight: 100;
    color: #444;
    float: left;
    width: 100%;
}

div.catItemImageBlock {
    padding: 1px 1px 1px 1px;
 
}



.bm_slider_default .bm_slider_item .bm_slider_title a {
color: #fff;
font-size: 18px;
font-family: "PTSansNarrowRegular";
line-height: 20px;
}
span.catItemImage {
margin: 0 0px 15px 0;
max-width: 100%;
}
span.catItemIntroText
{
display:none;	
}	
.logoimg
{
max-width:250px;
margin: 6px 0px 0px 0px; 
}	
.top 
{
display:none;	
}
.fotonews
{
display:none;	
}	
.catItemIntroTextNews
{
display:none;	
}	
div.itemFullText img {
width:100%;
height:auto;		
}
.itemFullText img {
width:100%;
height:auto;		
}

div.catItemBody {
    padding: 10px 5px 10px 0px;
}	

div.catItemDateCreatedNewsFon {
margin: 3px;
padding: 2px 3px 3px 5px;
position: relative;
z-index: 4;
text-transform: uppercase;
font-family: "PTSansNarrowRegular";
font-size: 14px;
text-align: center;
font-weight: bold;
color: #efefef;
letter-spacing: 1px;
border-radius: 3px;
text-shadow: 2px 2px 5px rgba(150, 150, 150, 1);
background: rgba(109, 103, 103, 0.57);
}
div.catItemCategorypic {
margin: 3px;
padding: 3px 3px 3px 5px;
position:relative; 
z-index: 5;
text-transform: uppercase;
font-family: "PTSansNarrowRegular";
font-size: 11px;
background: #39bd13;
color: #fff;
letter-spacing: 1px;
border-radius: 3px;
opacity: 0.8;
}
div.catItemCategorypickat {
margin: 3px;
padding: 3px 3px 3px 5px;
position:relative; 
float:left;
text-transform: uppercase;
font-family: "PTSansNarrowRegular";
font-size: 14px;
background: #39bd13;
color: #fff;
letter-spacing: 1px;
border-radius: 3px;
}
.moduleItemImagep {
width: 100%;
border: 1px solid #CCC;
padding: 1px;
max-width: 800px;
margin: 0px; 
opacity: 1;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.pagenav
{
display:none;	
}	
.catItemDateCreatedmob
{
color: #c1c1c1;
line-height: 26px;
font-family: "PTSansNarrowRegular";
font-size: 18px;
font-weight: bold;
display:block;
float:left;
}	

.catItemDateCreatedmobtime
{
color: #6ebc58;
line-height: 26px;
font-family: "PTSansNarrowRegular";
font-size: 18px;
font-weight: bold;
display:block;
float:left;	
margin: 0px 5px 5px 5px;
}	
.catItemDateCreated
{
display:none;	
}	

div.k2Pagination ul li a {
margin: 10px 0px 10px 0px;
}	

.modinf
{
display:none;	
}	
.menubutm
{
display:none;
}	
.datasite
{
display:none;	
}	
.catItemIntroText
{
display:none;	
}	
h3.title {
font-size: 20px; 
letter-spacing: 2px;
}
div.itemImageBlock {
width: 100%;
}
a.back-to-top {
bottom: 20px;
right: 15px;
width: 55px;
height: 55px;
}
.dataday {
font-size: 14px;
height: 45px;
}
footer
{
min-height:150px;
}	
/*-----*/
.drawer-list {
width: 40vw;
}
.drawer-list ul {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto;
}
.drawer-list li {
list-style: none;
text-transform: uppercase;
pointer-events: auto;
width: 150px;
margin: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
/* ie workaround */
-ms-transform: translatex(-100vw);
}
.drawer-list li:last-child {
margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: #FEFEFE;
text-align: left;
display: block;
padding: 1rem;
letter-spacing: 2px;
font-size: calc(22px - .5vw);
font-family: "PTSansNarrowRegular";
}
.drawer-list li a {
text-align: left;
padding: .4rem;
}
.drawer-list li a:hover {
cursor: pointer;
background-color: #55ab3d;
background-color: rgb(85, 171, 61);
}
a.mobkont 
{
text-decoration:none;	
}
.mobkont 
{
position: absolute;
bottom: 70px;
left: 45%;
display: block;
font-family: "PTSansNarrowRegular";
font-size: 16px;
text-decoration: none;
color: #fff;
}	
.mobseach
{
width:90%;
margin:auto;
height:40px;
background:#fff;
margin:20px;
}	
input.hamburger {
display: none;
}
input.hamburger:checked ~ .drawer-list {
transform: translatex(0);
border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li a {
padding-right: 15px;
}
input.hamburger:checked ~ label > i {
background-color: transparent;
transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
color: #FEFEFE;
width: 100%;
}
input.hamburger:checked ~ label open {
color: rgba(0, 0, 0, 0);
width: 0;
}
label.hamburger {
z-index: 9999;
position: relative;
display: block;
height: 50px;
width: 50px;
}
label.hamburger:hover {
cursor: pointer;
}
label.hamburger {
position: fixed;
top: 12px;
right: 24px;
}
.burger-icon {
cursor: pointer;
display: block;
height: 20px;
margin: auto;
position: relative;
width: 25px;
}
.burger-icon span {
background-color: #fff;
display: block;
height: 2px;
width: 35px;
margin-top: 8px;
opacity: 1;
position: absolute;
transition: opacity .3s ease-in-out;
}
.burger-icon:hover span {
opacity: 1;
}
.burger-bun-top {
top: 0;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-middle {
top: 20px;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-bun-bottom {
bottom: 0;
-webkit-transform-origin: -10px 10px;
transform-origin: -10px 10px;
}
.open-burger .burger-bun-top {
-webkit-animation: burger-top-open .5s linear normal;
animation: burger-top-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-middle {
-webkit-animation: burger-middle-open .5s linear normal;
animation: burger-middle-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-open .5s linear normal;
animation: burger-bottom-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.closed-burger span {
opacity: 1;
}
.closed-burger .burger-bun-top {
-webkit-animation: burger-top-close .5s linear normal;
animation: burger-top-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-middle {
-webkit-animation: burger-middle-close .5s linear normal;
animation: burger-middle-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-close .5s linear normal;
animation: burger-bottom-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.drawer-list {
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100vw;
transform: translate(100vw, 0);
/* ie workaround */
-ms-transform: translatex(-100vw);
box-sizing: border-box;
pointer-events: none;
padding-top: 70px;
transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
border-bottom-left-radius: 100vw;
background-color: rgba(74, 154, 52, 0.91);
z-index: 777;
}
.drawer-list
{
display:block;	
}	
div.itemFullText img {
margin: 5px;
width: 90%;
height: auto;
}
iframe
{
width:100%;
}
	
}

@media only screen and (min-width: 414px) and (max-width:478px)
{
#pp {
    position: fixed;
    top: -550px;
    left: 0%;
    margin-left: 0px;
    width: 100%;
     
    z-index: 999999;
   
}	
.mainmenu	
{
display:none;	
}
	
}

@media only screen and (min-width: 500px) and (max-width:767px)
{
	
.modinf
{
display:none;
}

div.itemFullText img {
    margin: 5px;
    width: 90%;
    height: auto;
}	

footer {
    min-height: 200px;
}

.mainmenu	
{
display:none;	
}
	
/*burger*/
/*-----*/
.drawer-list {
width: 40vw;
}
.drawer-list ul {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto;
}
.drawer-list li {
list-style: none;
text-transform: uppercase;
pointer-events: auto;
width: 150px;
margin: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
/* ie workaround */
-ms-transform: translatex(-100vw);
}
.drawer-list li:last-child {
margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: #FEFEFE;
text-align: left;
display: block;
padding: 1rem;
letter-spacing: 2px;
font-size: calc(22px - .5vw);
font-family: "PTSansNarrowRegular";
}
.drawer-list li a {
text-align: left;
padding: .4rem;
}
.drawer-list li a:hover {
cursor: pointer;
background-color: #55ab3d;
background-color: rgb(85, 171, 61);
}
a.mobkont 
{
text-decoration:none;	
}
.mobkont 
{
position: absolute;
bottom: 50px;
left: 45%;
display: block;
font-family: "PTSansNarrowRegular";
font-size: 16px;
text-decoration: none;
color: #fff;
}	
.mobseach
{
width:90%;
margin:auto;
height:40px;
background:#fff;
margin:20px;
}	
input.hamburger {
display: none;
}
input.hamburger:checked ~ .drawer-list {
transform: translatex(0);
border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li a {
padding-right: 15px;
}
input.hamburger:checked ~ label > i {
background-color: transparent;
transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
color: #FEFEFE;
width: 100%;
}
input.hamburger:checked ~ label open {
color: rgba(0, 0, 0, 0);
width: 0;
}
label.hamburger {
z-index: 9999;
position: relative;
display: block;
height: 50px;
width: 50px;
}
label.hamburger:hover {
cursor: pointer;
}
label.hamburger {
right: 20px;
    top: 10px;
    float: right;
 
}
.burger-icon {
cursor: pointer;
display: block;
height: 20px;
margin: auto;
position: relative;
width: 25px;
}
.burger-icon span {
background-color: #fff;
display: block;
height: 2px;
width: 35px;
margin-top: 8px;
opacity: 1;
position: absolute;
transition: opacity .3s ease-in-out;
}
.burger-icon:hover span {
opacity: 1;
}
.burger-bun-top {
top: 0;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-middle {
top: 20px;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-bun-bottom {
bottom: 0;
-webkit-transform-origin: -10px 10px;
transform-origin: -10px 10px;
}
.open-burger .burger-bun-top {
-webkit-animation: burger-top-open .5s linear normal;
animation: burger-top-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-middle {
-webkit-animation: burger-middle-open .5s linear normal;
animation: burger-middle-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-open .5s linear normal;
animation: burger-bottom-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.closed-burger span {
opacity: 1;
}
.closed-burger .burger-bun-top {
-webkit-animation: burger-top-close .5s linear normal;
animation: burger-top-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-middle {
-webkit-animation: burger-middle-close .5s linear normal;
animation: burger-middle-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-close .5s linear normal;
animation: burger-bottom-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.drawer-list {
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100vw;
transform: translate(100vw, 0);
/* ie workaround */
-ms-transform: translatex(-100vw);
box-sizing: border-box;
pointer-events: none;
padding-top: 70px;
transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
border-bottom-left-radius: 100vw;
background-color: rgba(74, 154, 52, 0.91);
z-index: 777;
}
.drawer-list
{
display:block;	
}	
/*end burger */
}	


@media only screen and (min-width: 768px) and (max-width:999px)
{
div.itemFullText img {
    margin: 5px;
    width: 90%;
    height: auto;
}

 

footer {
    min-height: 200px;
}

.mainmenu	
{
display:none;	
}
/*burger*/
/*-----*/
.drawer-list {
width: 40vw;
}
.drawer-list ul {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden;
pointer-events: auto;
}
.drawer-list li {
list-style: none;
text-transform: uppercase;
pointer-events: auto;
width: 150px;
margin: auto;
white-space: nowrap;
box-sizing: border-box;
transform: translatex(100vw);
/* ie workaround */
-ms-transform: translatex(-100vw);
}
.drawer-list li:last-child {
margin-bottom: 2em;
}
.drawer-list li a {
text-decoration: none;
color: #FEFEFE;
text-align: left;
display: block;
padding: 1rem;
letter-spacing: 2px;
font-size: calc(22px - .5vw);
font-family: "PTSansNarrowRegular";
}
.drawer-list li a {
text-align: left;
padding: .4rem;
}
.drawer-list li a:hover {
cursor: pointer;
background-color: #55ab3d;
background-color: rgb(85, 171, 61);
}
a.mobkont 
{
text-decoration:none;	
}
.mobkont 
{
position: absolute;
bottom: 50px;
left: 45%;
display: block;
font-family: "PTSansNarrowRegular";
font-size: 16px;
text-decoration: none;
color: #fff;
}	
.mobseach
{
width:90%;
margin:auto;
height:40px;
background:#fff;
margin:20px;
}	
input.hamburger {
display: none;
}
input.hamburger:checked ~ .drawer-list {
transform: translatex(0);
border-bottom-left-radius: 0;
}
input.hamburger:checked ~ .drawer-list li {
transform: translatex(0);
}
input.hamburger:checked ~ .drawer-list li a {
padding-right: 15px;
}
input.hamburger:checked ~ label > i {
background-color: transparent;
transform: rotate(90deg);
}
input.hamburger:checked ~ label > i:before {
transform: translate(-50%, -50%) rotate(315deg);
}
input.hamburger:checked ~ label > i:after {
transform: translate(-50%, -50%) rotate(-315deg);
}
input.hamburger:checked ~ label close {
color: #FEFEFE;
width: 100%;
}
input.hamburger:checked ~ label open {
color: rgba(0, 0, 0, 0);
width: 0;
}
label.hamburger {
z-index: 9999;
position: relative;
display: block;
height: 50px;
width: 50px;
}
label.hamburger:hover {
cursor: pointer;
}
label.hamburger {
right: 20px;
    top: 10px;
    float: right;
 
}
.burger-icon {
cursor: pointer;
display: block;
height: 20px;
margin: auto;
position: relative;
width: 25px;
}
.burger-icon span {
background-color: #fff;
display: block;
height: 2px;
width: 35px;
margin-top: 8px;
opacity: 1;
position: absolute;
transition: opacity .3s ease-in-out;
}
.burger-icon:hover span {
opacity: 1;
}
.burger-bun-top {
top: 0;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-middle {
top: 20px;
-webkit-transform-origin: 7px 0px;
transform-origin: 7px 0px;
}
.burger-bun-bottom {
bottom: 0;
-webkit-transform-origin: -10px 10px;
transform-origin: -10px 10px;
}
.open-burger .burger-bun-top {
-webkit-animation: burger-top-open .5s linear normal;
animation: burger-top-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-middle {
-webkit-animation: burger-middle-open .5s linear normal;
animation: burger-middle-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.open-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-open .5s linear normal;
animation: burger-bottom-open .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-top-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-middle-open {
0% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
30% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@-webkit-keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes burger-bottom-open {
0% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
30% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
40% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.closed-burger span {
opacity: 1;
}
.closed-burger .burger-bun-top {
-webkit-animation: burger-top-close .5s linear normal;
animation: burger-top-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-middle {
-webkit-animation: burger-middle-close .5s linear normal;
animation: burger-middle-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.closed-burger .burger-bun-bottom {
-webkit-animation: burger-bottom-close .5s linear normal;
animation: burger-bottom-close .5s linear normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-top-close {
0% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@keyframes burger-middle-close {
0% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
top: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
top: 20px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
}
@-webkit-keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
@keyframes burger-bottom-close {
0% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
50% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
70% {
bottom: 20px;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
bottom: 20px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
.drawer-list {
position: fixed;
right: 0;
top: 0;
height: 100vh;
width: 100vw;
transform: translate(100vw, 0);
/* ie workaround */
-ms-transform: translatex(-100vw);
box-sizing: border-box;
pointer-events: none;
padding-top: 70px;
transition: width 475ms ease-out, transform 450ms ease, border-radius .8s .1s ease;
border-bottom-left-radius: 100vw;
background-color: rgba(74, 154, 52, 0.91);
z-index: 777;
}
.drawer-list
{
display:block;	
}	
/*end burger */

footer {
    min-height: 200px;
}	

.moduleItemTitleNew {
float:left;
padding: 10px 0px 1px 5px;	
}

.moduleItemDateCreatedNew
{
display:none;	
}	

.moduleItemImage {
    
    width: 100%;
}	

	
}

@media only screen and (min-width: 1000px) and (max-width:1150px)
{
div.itemFullText img {
    margin: 5px;
    width: 90%;
    height: auto;
}	

footer {
    min-height: 200px;
}
	
}


@media only screen and (min-width:1280px) and (max-width:1365px) 
{
}
@media only screen and (min-width:1366px) and (max-width:1440px)
{
}
@media only screen and (min-width:1600px) and (max-width:1919px)
{
}