@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic&subset=latin,latin-ext);
// ---- backgrounds
@page-background:           #f0f1f2;
@page-background-dark:      #1a171b;
@page-background-white:     #ffffff;
@support-bg:                   #e3e6ea;
@green-bg:                  #88ac32;
@green-bg-light:            #b5dc5b;
@yellow-bg:                 #fdc613;
@orange-bg:                 #fd8c13;
@gray-bg:                   #bebebe;
@white-bg:                  #ffffff;
@blue-bg:                   #004c97; 
@red-bg:                    #e00000;
@grey-bg:                   #616264;
// --- texts
@color-text:                #1a171b;
@color-light:               #dde0e3;
@link-hover-bg:             #f5f5f5;
@text-gray:                 #c5c5c5;
@text-gray-blog:            #727272;
// --- borders
@border-grey:       #bec2c7;
@border-grey-dark:  #505050;
@border-yellow:     #fdc613;
@border-green:      #b5dc5b;
@border-white:      #ffffff;
// --- breakpionts
@bp-smartphone:    480px;
@bp-tablet:        768px;
@bp-desktop:       1040px;
@bp-desktop-lg: 1200px;





body{
    font-family: 'Noto Sans', sans-serif;
    .green-bg{
        background-color: @green-bg;
    }
    .green-bg-light{
        background-color: @green-bg-light;
    }
    .blue-bg{
        background-color: @blue-bg;
    }
    .grey-bg{
        background-color: @grey-bg;
    }
    .uppercase{
        text-transform: uppercase;
    }
    .white{
        color:white;
    }
    .white-bg{
        background-color: @white-bg;
    }
    .gray-bg{
        background-color: @gray-bg;
    }
    .green-bg{
        background-color: @green-bg;
    }
    .yellow-bg{
        background-color: @yellow-bg;
    }
    .orange-bg{
        background-color: @orange-bg;
    }
    .red-bg{
        background-color: @red-bg;
    }
    a:hover{
        color: inherit;
    }
    a.navigate{
        display: inline-block;
        padding: 8px 40px;
        margin: 5px 0px;
        &:hover{
            color: white;
        }
    }
    .underline{
        text-decoration: underline;
    }
    .half-underline{
        display: block;
        height: 5px;
        width: 160px;
        margin: 10px 0px;
    }
    .bold{
        font-weight: 700;
    }
    .center{
        text-align: center;
    }
}
// boostsrap modify

.container-fluid{
    @media(min-width: @bp-desktop){
        padding-left: 00px;
        padding-right: 00px;
    }
}
.container{
     padding: 0px 40px;
}
 .upper-border .container{
     @media(max-width:@bp-desktop) and (min-width:@bp-tablet){
    padding: 0px ;}
}
.col-xs-12{
    padding: 10px;
}
.page-top{
    .col-xs-12{
        @media(min-width: @bp-tablet){
            padding: 0px;
        }   
    }
    
}


.person-img img{
    width: 100%;
    height: 100%;
}

 // SPRITE
 // SPRITe 

 .spritebox(@left, @top, @height, @width) {
  background-image: url(/images/spritebox-sprite.png);
  background-repeat: no-repeat;
  background-position: @left @top;
  height: @height;
  width: @width
}

.ico_news-left {
  .spritebox(-0px, -0px, 30px, 30px)
}

.ico_news-right {
  .spritebox(-30px, -0px, 30px, 30px)
}

.ico_facebook {
  .spritebox(-0px, -30px, 26px, 26px)
}

.ico_youtube {
  .spritebox(-26px, -30px, 26px, 26px)
}

.ico_googleplus {
  .spritebox(-60px, -0px, 26px, 26px)
}

.ico_hungary {
  .spritebox(-60px, -26px, 16px, 23px)
}

.ico_mail {
  margin:0px 4px;
  display:inline-block;
  .spritebox(-0px, -56px, 16px, 20px)
}

.ico_mail-yellow {
  margin:0px 4px;
  display:inline-block;
  .spritebox(-20px, -56px, 16px, 20px)
}

.ico_phone {
  margin:0px 4px;
  display:inline-block;
  .spritebox(-40px, -56px, 16px, 16px)
}

.ico_phone-yellow {
  margin:0px 4px;
  display:inline-block;
  .spritebox(-56px, -56px, 16px, 16px)
}

.ico_download-green {
  display:inline-block;
  .spritebox(-72px, -56px, 16px, 13px)
}

.ico_download-light-green {
  display:inline-block;
  .spritebox(-86px, -0px, 16px, 13px)
}

.ico_download-gray {
  display:inline-block;
  .spritebox(-86px, -16px, 16px, 13px)
}

.ico_download-red {
  display:inline-block;
  .spritebox(-86px, -32px, 16px, 13px)
}

.ico_download-blue {
  display:inline-block;
  .spritebox(-86px, -48px, 16px, 13px)
}

.ico_clock {
  display:inline-block;
  .spritebox(-60px, -42px, 14px, 14px)
}

.ico_slovakia {
  .spritebox(-0px, -72px, 13px, 19px)
}

.ico_unitedkingdom {
  .spritebox(-19px, -72px, 13px, 19px)
}

.ico_german {
  .spritebox(-38px, -72px, 13px, 19px)
}

.ico_romania {
  .spritebox(-57px, -72px, 13px, 19px)
}



// SPRITE END

/* SPRITE



asd*/






.head-content{
    background: @page-background-white;
   
    .col-xs-12{
        @media(min-width: @bp-tablet){
            padding: 0px;
        }   
    }
    .left-content, .right-content{
        z-index: 111111;
        height: 100px;
    }
}
.left-content{
    padding-top: 00px; 
    height: 90px;
    @media (max-width: 385px){
        height: 130px;
    }
    .logo{
        margin:25px 00px 0px; 
        widht: 30%;
        float: left;
        .logo-svg{
            width: 160px;
            height: auto;
        }
    }
    .language-selector{ 
        margin: 0px 10px 0px 30px;
        padding-top: 55px;
        @media (max-width: @bp-desktop){
            padding-top: 20px;
        }
        .lang-element{
            float:left;
            margin: 5px;
            .ico-flag{
                display: block;
                width: 20px;
                height: 10px;
            }
        }
        float: left;
    }
    .social{
        float: left;
        height: 100%;
        padding-top: 50px; 
        padding-left: 30px;
        @media(max-width: @bp-desktop){
            padding-top: 15px;
            padding-left: 10px;
        }
        @media (max-width: @bp-tablet){
            padding-top: 10px;
            padding-left: 30px;
        }
        .text{
            display: block;
            float:left;
            padding-top: 5px;
        }
        .social-item{
            float:left;
            width: 30px;
            height: 30px;
            margin: 3px;
            vertical-align: middle;
            
        }
    }

}


.right-content{
    position: relative;
    .weatherbox{
        height: 30px;
        margin-bottom: 0px;
        width: 100%;

        .text{
            height: 30px;
            padding: 8px;
            display:block;
            float:left;
            font-size: 15px;
            color: @color-text;
        }

    }
    .searchbox{
        height: 65px;
        padding: 10px 0px;
        input{
            width: 100%;
            border: solid 1px @border-grey;
            padding: 10px;
            outline: none;
            background-image: url(/images/search.svg);
            padding-right: 50px;
            background-position: 97% 10px;
            background-repeat: no-repeat;
            background-size: 20px 20px;

        }
    }
}

.nav > li > a:hover{
    background: none;
}
a{
    color: @color-text;
    &:hover{
        color: @color-text;
        text-decoration: none;
    }
}
.head-content{
    .container{ 
        @media (max-width: 480px){
            padding: 0px;
        } 
        @media( min-width: @bp-desktop){
            padding-left: 40px !important;
            padding-right: 40px !important;
        }
    }
    }

// menu
.navbar{
     
    .collapse{
        padding:0px;
    }
    .menuelems{
        width: 100%;
    }
    .menu-elem{
        text-transform: uppercase;
        font-weight: bold;
        padding: 0px;
        a{ 
            @media (min-width:@bp-desktop){
                font-size: 15px;
                padding: 10px 23px;
            }    
            @media(max-width: @bp-desktop){
                padding: 10px 8px ;
                font-size: 14px;
            }

             
        }
        &:hover{
            background: @link-hover-bg;
        }
    }
    margin-bottom: 0px;
    .active{
        a{
            color: white !important;
        }

        background-color: @yellow-bg;
        &:hover{

            background-color: @yellow-bg;
        }
    }
    .green{
        a{
        color:white;

        }
        background-color: @green-bg-light;
        &:hover{
            background-color: @green-bg-light;
        }
    }

}

.icon-bar {
    background: #505050;
}
.head-content{
    position: relative;
    z-index: 11111;
    background: @page-background-white;
}
.page-content{
    background-color: @page-background;
}

.page-top{
    padding:0px;
    height: 370px;
    position: relative;
    // slider
    .slideshow{
        background: transparent;
        height: 100%;
        overflow: hidden;
    }
    // newsletter ..etc..
    .other-content{
        padding:0px;
        color: @color-text;
        height: 100%;
        .right-box{
            padding:10px;
            @media(max-width:@bp-desktop){
                width: 50%;
                display: inline-block;
                float:left;
    }
        }
        h3{
            font-size: 22px;
            margin:0px;
            padding:8px 0px 8px 0px;
            @media (max-width: @bp-desktop){
                font-size: 18px;
            }
        }
         @media (max-width: @bp-desktop){

            .text{
                font-size: 13px;
            }
        }

        .yellow-box{
            background: @yellow-bg;
            color: white;
            h3{
                padding-left: 2px;
                margin-left: 0;
            }
            .newsletter{
                input{
                    float:left;
                    padding:  15px;
                    margin:0px;
                    border: none;
                }
                .email{
                    max-width: 240px;
                    width: 80%; 
                    color: @color-text;
                }
                .button{
                    width: 20%;
                    background-color: @orange-bg;
                }
            }
        }
    }



}
.support-box {
    background-image: url(/images/hungary-map.jpg);
    background-position: 20px 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    .text{
        padding-bottom:5px;
    }
    
}


.page-box{
    padding: 00px;
    .box-header{
        padding:10px 10px 0px 10px;
        h3{
            margin-top: 15px;
            font-size: 22px;
            display: inline-block;
        }
        margin-bottom: 10px;
    }
    .box-foot{
        width: 100%;
        .separator{
            margin-top:5px;
        }
        .navlink{
            display: block;
            text-align: center;
            font-size: 13    px;
            position: relative;
            z-index: 1000;
        }
    } 
    .timestamp{
        color: @text-gray;
        font-weight: 700;
    }
}

.news-cont{
    .article{
        h4{
            font-size: 14px;
        }
        .text{
            font-size: 12px;
            line-height: 1.1em;
            padding: 5px 0px;
            height: 57px;
            overflow: hidden;
            text-align: justify;
        }
        .timestamp:before{
            content: "";
            display: inline-block;
            vertical-align: top;
        }
        .separator{
            margin:8px 0px ;
            border-width: 2px;
        }
        .timestamp{
            font-size: 12px;
            font-weight: 300;
            vertical-align:top;
            padding: 0px;
            .ico_clock{
                margin-top: 2px;
            }
        }
    }
}

.agroblog{
    position: relative;
    box-shadow: inset 0 20px 20px -20px rgba(128, 128, 128, 0.33) ;
    padding: 10px 30px 0px;
    background-image: url(/images/blog-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 260px;
    .box-header{
        margin-bottom: 5px;
        h3{
            margin: 0px; 
            
        }
    }
    .blog-post{
        margin-bottom: 5px;
        position: relative;
        .post-img{
            float:left;
            width:30%;
            padding: 5px 20px 5px 0px;
            overflow: hidden;
            height: 150px;
            img{
                width: 100%;
                
            }
        }
        .post-header{
            font-size: 1.15em;
            font-weight: 700;
            line-height: 1em;
            
        }
        .text{
            color: @text-gray-blog;
            font-size: 12px;
        }
        .timestamp{
            font-weight: 300;
            font-size: 13px;
            margin-top: 5px;
            margin-bottom: 10px;
            position: relative; 
        }
    } 
    .foot-border{
        border-bottom: 5px solid @green-bg-light;  
          bottom: 0px;
          width: 90%;
          position: absolute;
          left: 0px;
          margin: 0px 5%;
    }
}

.mutragya{
    padding-top: 0px;
    padding-left: 25px;
    padding-right: 25px;
    .box-head{
        h3{
        font-size: 2em;
        }
    }
    .termek, .termek2{
        /*width: 20%;*/
        padding:15px;
        margin:0px;
        float:left;
        text-align: center;
        .text{
            font-weight: 700;
            font-size: 12px;
        }
        .navigate{
            text-transform: uppercase;
            padding: 4px 20px;
            @media(min-width:@bp-desktop){
                padding: 4px 35px;
            }
        }
        .download-link{
            @media(max-width: @bp-desktop){
                 font-size: 12px;   
            }
        }
        border-right: 1px solid #dddddd;
        &:last-child{
            border-right: none;
        }
    }
    @media (max-width: @bp-tablet){
        .termek{
            width: 100%;
        }
    }
}
.szaktanacsadas{
    position: relative;
    height: 420px;
    @media (max-width: @bp-desktop){
        height: auto;
        }
    .col-xs-12{
        padding: 0px;    
    }
    
    .box-head{
        padding-left: 40px;
        position: absolute;
    }
    background-color: @support-bg;
    .map-container{
        float:left; 
        margin-top: 50px;
        padding:0px;
        width: 45%;
        transform: translate(-40px  );
        .hungary{
            margin-left: -40px; 
            transform: scale(0.9);
        }
        .text{
            padding-left: 60px;
            margin-top: -30px;
            font-size: 12px;
            
        }
    }
    .contact-info{
        .telephone{
            margin: 4px 0px;
        }
        .email{
            font-size: 12px;   
            vertical-align: top;
            margin: 4px 0px;
        }
    }
    .sale-person{
        width: 25%;
        padding:30px 5px 5px 40px;
        float: left;
        
        @media (max-width: @bp-tablet){
            padding-top: 80px;
            float: none;
            width: 100%;
            padding-bottom: 40px;
        }
        
        @media (min-width: @bp-tablet) and (max-width: @bp-desktop){
        float:right;
            padding-right: 60px;
            width: 35%;
        }
        position: relative;
        .region{
            font-size: 1.2em;
        }
        .small{
            font-size: 1em;
        }
        .contact-info{
            padding-left: 30px;
            position: relative;
            .navigate{
                position: absolute;
                left:0px;
                padding: 4px 45px;@media (min-width: @bp-tablet) and (max-width: @bp-desktop){
                    padding: 4px  20px;
                }
            }
            
        }
        .contact-info .ico_phone, .contact-info .ico_mail{
            position: absolute;
            left:0px;
        } 
        .person-img{
            margin: 10px 0px;
            width: 168px;
            height: 168px;
            border:4px solid @border-grey;
            border-radius: 400px;
            img{
                border-radius: 300px;
                border: 3px solid white;
            }
            
        }
    }
    .ask-us{
        float: left;
        padding:0px 15px;
        width: 30%  ;
        height: 420px;
        background-color: #4c4c4c;
        background-image: url(/images/blog-bg.png);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat; 
        @media (max-width: @bp-tablet){
            float: none;
            width: 100%;
            padding: 10px;
        }
        @media (min-width: @bp-tablet) and (max-width: @bp-desktop){
            margin-top: 10px;
            width: 100%;
            float: left;
            height: 300px;
            font-size: 13px;
            line-height: 14px;
        }
        .contact-info{
            font-size: 1.3em;
            .navigate{
                font-size: 14px;
            }
        }
        .text{
            margin: 10px 0px;
         }
         .telephone{
            margin: 8px 0px;
             color: @yellow-bg;
             font-size: 1.2em;
             letter-spacing: 2px;
        }
        .email{
            font-size: 12px;   
            vertical-align: top;
            margin: 8px 0px;
             color: @yellow-bg;
            font-size: 1em;
        }
        span.toml a {
        color: @yellow-bg !important;
        }
    }
    
}
.footer-details{
    
    .foot-left, .foot-mid, .foot-right{
        padding: 50px;
        @media(max-width: @bp-desktop){
            padding: 20px;
        }
    }
    h4{
        padding-left: 00px;
    }
    
    .half-underline{
        width: 100%;
        margin: 10px 0px ;
    }
    .list{ 
        padding: 0px;
        list-style-type: none;
        li:before{
            content: "-";
        }
    }
}

.black-bg{ 
    min-height: 60px;
    padding:40px;
    color:@color-light;
    font-size: 12px;
    background-color: @page-background-dark;
    @media(max-width: @bp-desktop){
        font-size: 9px;
    }
    .right{
        a{
        color: @color-light;
        }
        float: right; 
    }
    .img-cont{
        margin: 10px;
        height: 40px;
        overflow: hidden;
    img{
        margin-top: -50px;
    }
    }
    .right{ 
        float:right;
        
    }
    .right .text, .right img{ 
        display: inline-block;
    }
    .right .text{
        display: inline-block;
        padding-top: 20px; 
        padding-right: 10px;
    }
    .inweb{
        position: absolute;
        top: 40px;
        right:0px;
    }
}


 

.upper-border {
    border-top: 1px solid #e5e5e5; 
    box-shadow: 0px 0px 15px #818181;
    position: relative;
    z-index: 1111;
}

.news-page-stepper-cont{
    position: absolute;
    width: 75px;
    top: 30px;
    right: 00px;
    .newsPageStepper{
        float: left;
        display: inline-block;
        cursor: pointer;
        margin: 3px;

    }
}



.slideshow{
    padding: 0px;
    height: 100%;
    position: relative; 
    .slide{
        width: 100%;
        height:370px;
        .slide-capt{
            position: absolute;
            bottom: 0px;
            width: 100%;
            height: 100px;
            padding: 10px;
            color:  white;
            background: rgba(1, 1, 1, 0.6);
        }
    }
/*    .bx-controls-direction{
        display: none;
    }*/
    .bx-pager{
        position: absolute;
        bottom: 10px;
        right: 20px;
        
        .bx-pager-item{
            display: inline-block;
            float:left;
            a{
                
            width: 15px;
            height: 15px;
            margin: 5px;
            background: #000;
            border: 4px solid #c9c9c9;
            border-radius: 30px;
                display: block;
                text-decoration: none !important;
            }
            a.active{
                border-color: @border-yellow;
            }
        }
    }
}


.mutragya {
    .termek {
        a.navigate, a.navigate:hover, a.navigate:visited {
            border-radius: 2px;
        }
        .download-link {
            a, a:visited, a:hover {
                font-size: 12px;
            }
            a.blue, a.blue:hover, a.blue:visited {
                color: @blue-bg;
            }
            a.red, a.red:hover, a.red:visited {
                color: @red-bg;
            }
            a.gray, a.gray:hover, a.gray:visited {
                color: #616264;
            }
            a.lightgreen, a.lightgreen:hover, a.lightgreen:visited {
                color: #88ac32;
            }
            a.green, a.green:hover, a.green:visited {
                color: @green-bg;
            }
        }
    }
}
 
 

.navimap {
    background-color: #ffffff;
    div {
        padding: 15px; padding-left: 25px; padding-top: 20px; font-size: 12px;
        padding-bottom: 0; margin-bottom: 0;
        a, a:hover, a:visited {
            font-weight: bold;
            text-decoration: underline;
        }
        a:hover {
            text-decoration: none;
        }
    }
}

.news-page-top .other-content .yellow-box h3 {
    padding-left: 0 !important;
}

.navbar-brand {
    display: none;
}

    @media(max-width:@bp-tablet) {
        .navbar-brand {
            display: block;
        }
    }

.dropdown-toggle {
        text-transform: uppercase;
        font-weight: bold;
        padding: 0px;
            @media (min-width:@bp-desktop){
                font-size: 15px;
                padding: 10px 23px;
            }    
            @media(max-width: @bp-desktop){
                padding: 10px 8px ;
                font-size: 14px;
            }
}

.dropdown-toggle:hover {
    background: @link-hover-bg;
}

a.bx-pager-link {
    border-color: #ffffff !important;
}

.bx-pager-item a.active {
    border-color: #fdc613 !important;
}

.termek-img {
    img {
        max-width: 130px;
    }
}

.termek2 {
    @media(min-width:@bp-desktop) {
        width: 20% !important;
    }
    @media(min-width:@bp-tablet) {
        width: 20%;
    }
    @media(min-width:@bp-smartphone) {
        width: 50%;
    }
}

.social {
    max-height: 60px !important;
}

.clearfix {
    max-height: 100px !important;
}

.clear-map, clear-personimg, .clear-askus{
    display: none;
}

.sale-person2 {
    display: none;
}

@media(max-width:695px)  {
    .clear-map {
        display: block;
    }
    .map-container {
        width: 100% !important;
    }
}

@media(max-width:@bp-tablet) {
    .clear-askus {
        display: block !important;
    }
    .ask-us {
        margin-top: 15px;
    }
}

@media(max-width:774px) {
    .sale-person {
        display: none !important;
    }
    .sale-person2 {
        display: block !important;
    }
}

.sale-person2 {
        width: 230px !important;
        float:right !important;
        padding-right: 30px;
        .text {
            text-align:right;
            padding-right: 20px;
        }
        
        @media (max-width: @bp-tablet){
            padding-top: 80px;
            float: none;
            width: 100%;
            padding-bottom: 40px;
        }
        
        @media (min-width: @bp-tablet) and (max-width: @bp-desktop){
            float:right;
            padding-right: 60px;
            width: 35%;
        }   
        .region{
            font-size: 1.2em;
        }
        .small{
            font-size: 1em;
        }
        .contact-info{
            padding-left: 30px;
            position: relative;
            .navigate{
                position: absolute;
                left:0px;
                padding: 4px 45px;@media (min-width: @bp-tablet) and (max-width: @bp-desktop){
                    padding: 4px  20px;
                }
            }
            
        }
        .contact-info .ico_phone, .contact-info .ico_mail{
            position: absolute;
            left:0px;
        } 
        .person-img{
            margin: 10px 0px;
            margin-left: 50px;
            width: 108px;
            height: 108px;
            border:4px solid @border-grey;
            border-radius: 400px;
            img{
                border-radius: 300px;
                border: 3px solid white;
                width: 100px !important; height: 100px !important;
            }
            
        }
}

@media(max-width:695px)  {
    .sale-person {
        display: block !important;
    }
    .sale-person2 {
        display: none !important;
    }
}

@media(min-width:442px) and (max-width:534px) {
	.img-cont {
		width: 50% !important;
	}
}

@media(max-width:442px) {
	.inweb {
		float: none !important;
		position: static !important;
	}
	.img-cont {
		margin-top: 25px !important;
	}
}

@media(max-width:@bp-smartphone) {
    .yellow-box, .support-box {
        width: auto !important;
        z-index: 10;
    }
}

@media(max-width:@bp-desktop) {
    .termek2, .termek {
        border: none !important;
    }
}

@media(min-width:1040px) {
    .news-img {
        text-align: left;
    }
    .news-img img {
        min-height: 150px;
        max-height: 160px;
        max-width: 300px;
        width: auto;
    }
}

@media(min-width:768px) {
    .n_article .news-img, .news-cont .article .news-img {
        max-height: 160px;
        min-height: 160px;
        overflow:hidden;
    }
    .n_article .news-header::before, .news-cont .article .news-header::before {
        content: ""; height: 65px;
        display: inline-block;
        vertical-align:middle;
  		margin-left: -4px;
    }
    .n_article .news-header, .news-cont .article .news-header {
        max-height: 65px;
        /*overflow:hidden;*/
        min-height: 65px;
        position: relative;
    }

    .n_article .news-header p, .news-cont .article .news-header p {
        vertical-align:middle;
        margin: 0;
        display:inline-block;
        width: 98%;
    }
    .news-header p {
        line-height: 16px
    }
}

.errorbox, .successbox {
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 93%;
	padding: 10px;
	font-size: 14px;
	color: #A30303;
	background: #FAC3C3;
	border: 1px solid #E69595;
	border-radius: 2px
}

.successbox {
	border: 1px solid #B6DE97;
	background: #D3F0BD;
	color: #40850C;
}

.lang-element a.active div {
    outline: 3px solid #fdc613;
}

span.toml a {
    color: inherit;
}

.foot-left .text {
    text-align: left;
}

@media(min-width:1040px) {
    .left-content .logo .logo-svg {
        width: 190px;
    }
    .ico_hungary {
    	background-image: url(/images/hungary.svg);
    	width: 30px; height: 22px;
    	background-size: 30px 22px;
    	background-position: 0 0;
    }
    .left-content .language-selector {
    	margin-left: 10px;
    }
    .ico_unitedkingdom {
    	background-image: url(/images/unitedkingdom.svg);
    	width: 27px; height: 19px;
    	background-size: 37px 23px;
    	background-position: center center;
    }
}

.showcontactform {
    background-image: url(/images/plus.png);
    background-repeat: no-repeat;
  background-position: 0px -3px;
  padding-left: 38px !important;
}

.showcontactform:hover {
    cursor: pointer;
}

.page-top .other-content .right-box {
  padding-top: 4px;
  padding-bottom: 6px;
}

@media(max-width:695px) {
    .map-container .text {
        padding-top: 40px;
    }
    .map-container {
      margin-left: 20px;
    }
    .szaktanacsadas .map-container {
        margin-top: 80px;
    }
}

.footer-details a:hover {
    color: #004c97;
}

.fixedmenubar {
    position: fixed;
    background: #fff;
    margin-top: -100px;
    z-index: 10960;
}

.confirm_subscribe {
  background: #fff;
  margin-top: 10px;
  margin-bottom: -98px;
  color: #000;
  padding: 10px;
  position: relative;
  z-index: 100;
  border: 1px solid #000;
  border-radius: 3px;
  font-size: 12px;
}

.confirm_subscribe a {
    text-decoration: underline;
}

.confirm_subscribe a.navigate {
    padding: 2px 40px;
    text-decoration: none;
}

@media(max-width:1040px) {
	.n_article .news-header, .news-cont .article .news-header {
		line-height: 13px !important;
	}
	.n_article .news-header::before, .news-cont .article .news-header::before {
	  display: none
	}
	.szaktanacsadas .ask-us {
		height: auto;
	}
    .szaktanacsadas .map-container{
        width:100%;
    }
    .szaktanacsadas .sale-person{
        width:100%;
    }
}

@media(min-width:1040px) {
	.ask-us {
		padding-top: 73px !important;
	}
	.szaktanacsadas .ask-us .text {
		font-size: 16px;
	}
}

ul.menuelems li.dropdown a.active {color:white}
ul.menuelems li.open a.active {color:black}

.agroblog .text, .n_article .text {
    text-align: justify;
}

/*.product_catalog_button {
    float: right; margin-bottom: -80px; height: 148px;
    margin-right: -30px; margin-top: -68px
}

.product_catalog_button img {
    position: relative;
    z-index:2000;
}

@media(max-width:530px) {
    .product_catalog_button {
        margin-top:-50px;
    }
}

@media(max-width:400px) {
    .product_catalog_button {
        margin-bottom:-40px;
    }
}*/

.product_cataloge {
    background: #fdc613;
    color: white;
}

.product_cataloge .yellow-box h3, .product_cataloge2 h3 {
    font-size: 20px;
    text-align: left;
}

.agro-img {
    width: 100%;
    height: 175px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.agroblog .agro-header {
    min-height:40px !important;
    max-height:40px !important;
}

.agroblog .agro-header::before {
    height: 40px !important;
}

.product_cataloge .yellow-box, .product_cataloge2 {
    text-align: center;
}

.product_cataloge .yellow-box img, .product_cataloge2 img {
    width: 100%;
    max-width: 160px;
}

.product_cataloge2 {
    height: 370px;
}

.product_cataloge2 img {
    max-width: 250px;
}

.product_cataloge .yellow-box .cataloge_image {
    padding: 10px;
}

@media(max-width: 1040px) {
    .page-top .other-content .product_cataloge2 {
        width:100%;
    }
}

@media(min-width:768px) {
    .product_cataloge {
        width:30%;
    }
    .home_agroblog_container {
        width:70%;
    }
}

@media(max-width:767px) {
	.slideshow  {
		display: none;
	}
	.page-top {
		height: auto;
	}
	.foot-mid, .foot-right {
		display: none;
	}
	.news_detailed img {
		width: 100% !important;
		height: auto !important;
	}
	.news_detailed img.print {
		width: auto !important;
	}
	.nav > li > a {
		padding-left: 8px;
	}
	.szaktanacsadas .sale-person {
		padding-top:0;
	}
	.head-content .container .right-content {
		margin-bottom: -30px;
		padding-top:0;
	}
	.head-content .container .left-content {
		padding-bottom: 0;
	}
}

@media(max-width:649px) {
	.head-content .container .left-content {
		height: auto;
		padding-bottom: 10px;
	}
	.social {
		max-height: none !important;
	}
}

@media(max-width: 532px) {
	.head-content .container .left-content .social {
		padding-left: 15px;
	}
}

.head-phone-btn, .head-contact-btn {
	float: left;
	background: #fdc613;
	color: #fff;
	border-radius: 4px;
	background-image: url(../images/phone_ico.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-size: 20px 20px;
	padding: 4px;
	padding-left: 27px;
	padding-right: 7px;
	margin-left: 1px;
	margin-bottom: 3px;
}

.head-contact-btn {
	background-image: url(../images/mail_ico.png);
	background-position: 5px 6px;
}

@media(max-width:695px) {
	#sale-person-container {
		margin: 0 auto;
	}
	.szaktanacsadas .map-container .text {
		text-align:center;
	}
}

.cookie {
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
}

.cookie .container {
    background: #F5F2DC;
    padding: 0px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.75);
}

.cookie p {
    float: left;
    padding: 5px;
    margin: 0;
}

.cookie a {
    float: right;
    display: block;
    color: #fff;
    background: rgb(191,210,85); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(191,210,85,1) 0%, rgba(142,185,42,1) 50%, rgba(114,170,0,1) 51%, rgba(158,203,45,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(191,210,85,1)), color-stop(50%,rgba(142,185,42,1)), color-stop(51%,rgba(114,170,0,1)), color-stop(100%,rgba(158,203,45,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(191,210,85,1) 0%,rgba(142,185,42,1) 50%,rgba(114,170,0,1) 51%,rgba(158,203,45,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 ); /* IE6-9 */
    padding: 5px;
    color: #fff !important;
    padding-left: 10px;
    padding-right: 10px;
    text-shadow: 0px -1px 1px rgba(114, 170, 0, 1);
}

.home_agroblog_container .agroblog{
    display:block !important;
}