* {
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
    background: #f5f5f5;
    width: 100%;
    /*-webkit-font-smoothing: antialiased;*/
}

@font-face {
    font-family: PFSquareSansCondPro;
    src: url('fonts/PFSquareSansCondPro-Regular.otf');
}
@font-face {    
    font-family: PFSquareSansCondProMedium;
    src: url('fonts/PFSquareSansCondPro-Medium.otf');    
}
@font-face {
    font-family: OpenSansRegular;
    src: url('fonts/OpenSans-Regular.ttf');
}
@font-face {    
    font-family: OpenSansBold;
    src: url('fonts/OpenSans-Bold.ttf');    
}

@font-face {    
    font-family: PFDinTextCompPro-Regular;
    src: url('fonts/PFDinTextCompPro-Regular.ttf');    
}

img a{
    border: none;
}

.container {
    width: 100%;
    height: 100%;
}

.content_container {
    width: 937px;
    margin: 0 auto;
    /*padding: 0 30px;*/
    padding: 0 48px; 
}

.content_container .left-contacts {width: calc(50% - 4px); padding-top: 40px; display:inline-block; vertical-align:top;}
.content_container .right_form {padding-left: 50px; box-sizing: border-box;width: calc(50% - 4px); display:inline-block; vertical-align:top;}
.content_container .right_form input[type=text] {box-sizing: border-box; display: block; margin: 0 0 8px; width: 100%; padding: 0 20px; height: 30px; line-height: 30px; font-family: inherit;}
.content_container .right_form textarea {box-sizing: border-box; display: block; margin: 0 0 8px; width: 100%; height: 30px; padding: 10px 20px; height: 80px; resize: none; overflow:hidden; font-family: inherit;}
.content_container .right_form button {border: 0; cursor: pointer; padding: 0 40px; height: 35px; line-height: 35px; font-family: inherit; background: #27a153; color:#fff; font-size:16px; text-transform: uppercase; display:block;}
.content_container .right_form .error {border-color: red!important;}

.content_container_2 {
    padding-top: 30px;
    width: 1033px;
    margin: 0 auto;
}

.header {
    height: 130px;
    border-bottom: solid 1px #fff;
    background: url('images/header_pattern.png');
}

.navigation {
    height: 43px;
    border-top: solid 1px #d3d3d3;
    background: url('images/nav_pattern.png');
}

.silder_box {
    height: 428px;
    border-bottom: solid 1px #08682a;
    background: url('images/slider_pattern.png');
}

.title_box {  
    border-bottom: solid 1px #08682a;
    background: url('images/slider_pattern.png');
    padding: 40px 0;
}
    .title_box h3 {
        padding: 0;
        margin: 0;
        width: 650px;
    }
.title_box div.h3 {
        padding: 0;
        margin: 0;
        width: 650px;
    }

.news_comp_box {
    background: #f5f5f5;
    border-bottom: solid 1px #dcdcdc;
    padding: 50px 0;
    box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.3) inset;
}


.news_otr_box {
    background: #eee;
    border-top: solid 1px #f5f6f4;
    border-bottom: solid 1px #f5f6f4;
    padding: 50px 0;
    background: url('images/otr_pattern.png');
}

.partners_box {
    height: 150px;
    border-top: solid 1px #dcdcdc;
    /*border-bottom: solid 1px #dcdcdc;*/
    background: #f5f5f5;
    padding: 40px 0;
    border-top: solid 1px #dcdcdc;
}

.footer {
    padding: 50px;
    border: solid 1px #bcbcbc;
    background: url('images/footer_pattern.png');
    font-family: Tahoma, Arial;
    font-size: 12px;
    color: #bdbdbd;
}
    .footer a:hover{
        text-decoration: none;        
    }

.footer_helf_1 {
    float: left;
    width: 48%;
}
    .footer_helf_1 a{
        color: #fff;
    }

.footer_helf_2 {
    float: left;
    width: 52%;
}
.socials img{
    padding: 13px 0;
    margin-right: 7px;    
}

ul.dubl_nav {
    display: block;
    float: left;
    margin-top: -12px;
    margin-left: 23px;
} 

li.dubl_navi_sup {
    list-style: none;
    padding: 12px 0;
}
    li.dubl_navi_sup a{
        font-weight: bold;
        color: #f2bc25;
    }

li.dubl_navi_sub {
    list-style: none;
    padding-bottom: 3px;
    max-width:200px;
}
    li.dubl_navi_sub a{
        color: #bdbdbd;
    }
    

.navigation_item {
    float: left;
    height: 43px;
    line-height: 40px;    
    padding-right: 44px;
    -webkit-font-smoothing: antialiased;
    
    
}

.navigation_item:hover > a{
    color: #fff;
    cursor: pointer;
    border-bottom: solid 1px #f7d472;
}
    .navigation_item > a {
        text-transform: uppercase;
        font-family: PFSquareSansCondPro;
        font-size: 25px;
        color: #7a493b;
        text-decoration: none;
        border-bottom: solid 1px #b59230;
    }

.navigation_item > ul {
    position: absolute;
    display:none;
    background: #0e692f;    
    list-style-type: none;
    font-family: OpenSansRegular;
    font-size: 16px;
    padding: 10px 0;
    margin: 0;
    z-index: 10;
}


.navigation_item:hover > ul {
    display:block;    
}

.submenu a {
    color: #68c88f;
}

.submenu li {
    line-height: 1.5;
    padding: 4px 20px;
    
}
.submenu li:hover {
    background: #f4c541;
}

.submenu li:hover > a{
    color: #7a493b;
}



.submenu_pointer{
    background: url('images/submenu_pointer.png') no-repeat center;
    height: 8px;
    margin-top: -8px;
    display: none;
}

.navigation_item:hover > div.submenu_pointer {
    display:block;    
}

.logo {
    margin-top: 35px;
    /*margin-right: 140px;*/
    float: left;
}

.head_right_box {
    float: right;
}

.phone {
    margin-top: 54px;
    padding: 3px 0 0 30px;
    background: url('images/ico_phone.png') no-repeat;
    float: left;
    font-family: PFSquareSansCondProMedium;
    font-size: 22px;
    color: #b2b2b2;    
}

.phone2 {
    padding: 3px 0 0 30px;
    background: url('images/ico_phone2.png') no-repeat;
    font-family: PFSquareSansCondProMedium;
    font-size: 25px;
    color: #fff;
    /*opacity: 0.7;*/
    /*text-shadow: 1px 1px 2px black; /* ��������� ���� */
    color: white; /* ����� ���� ������ */
}


.clear {
    clear: both;   
}

.search {
    float: left;
    width: 220px;
    height: 30px;
    border: solid 1px #949494;
    border-radius: 5px;
    margin-top: 52px;
    margin-left: 36px;
    margin-right: 15px;
}
    .search input {
        float: left;
        border: none;
        width: 180px;
        height: 30px;
        border-radius: 5px;
        padding: 0;
        box-sizing: content-box;
        padding-left: 10px;
    }
    
.search_button {
    float: left;
    background: url('images/ico_search.png') no-repeat center right;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    padding: 0;
    border: none;
    cursor: pointer;
}

.lang_switch {
    float: left;
    width: 33px;
    height: 33px;
    font-family: OpenSansRegular;
    font-size: 13px;
    line-height: 33px;
    text-align: center;
    color: #494949;
    margin-top: 52px;    
}
    .lang_switch a{
        color: #494949;
        text-decoration: none;
        border-bottom: Solid 1px #494949;
    }
        .lang_switch a:hover{
            text-decoration: none;
            border-bottom: none;
        }
.lang_switch_active{
    border-radius: 16px;
    background: #27a153;
    color: #fff;
}

h1 {
    font-family: PFSquareSansCondPro;
    font-size: 21px;
    text-transform: uppercase;    
    color: #5c5b5b;
}

p.title {
    font-family: PFSquareSansCondPro;
    font-size: 21px;
    text-transform: uppercase;    
    color: #5c5b5b;
}

h2 {
    font-family: OpenSansBold; 
    color: #27a153;
    font-size: 14px;
    margin-top: 7px;
}
    h2 a{
        text-decoration: none;
        color: #27a153;
    }


.h2 {
    font-family: OpenSansBold; 
    color: #27a153;
    font-size: 14px;
    margin-top: 7px;
}
    .h2 a{
        text-decoration: none;
        color: #27a153;
    }
h3 {
    font-family: OpenSansBold; 
    color: #27a153;
    font-size: 14px;
    margin-top: 7px;
}
    h3 a{
        text-decoration: none;
        color: #27a153;
    }
.col_news {
    /*border: solid 1px #ccc;*/
    width: 278px;
    padding: 12px 0;
    float: left;
}
    .col_news p{
        font-family: OpenSansRegular;        
        font-size: 13px;
        color: #5c5b5b;
        line-height: 1.2;
        padding: 5px 0;
    }

.col_spacer {
    display: inline-block; 
    float: left;
    min-width: 51px;
}

.col_spacer:after {
    content: '.';
    color: #f5f5f5;
    opacity: 0;
}

.footer_helf_2 .col_spacer {
    display: none;
}

.news_date {
    font-family: OpenSansBold;
    font-size: 11px;
    color: #c4c3c3;
    margin-bottom: 3px;
}

a.link01 {
    font-family: OpenSansRegular;
    font-size: 13px;
    color: #c4c3c3;    
}
    a.link01:hover{
        text-decoration: none;
    }
    
.separator01 {
    position: absolute;
    width: 100%;
    height: 28px;    
    text-align: center;
}
    
.ufagra_logo {
    text-align: right;
    margin-top: 79px;
    line-height: 19px;
    vertical-align: top;
}
    .ufagra_logo a{
        transition: all 0.2s ease-in-out;
    }

    .ufagra_logo a:hover{
        box-shadow: 0 0 15px rgba(0,0,0,0.75);
    }

.breadcrumbs {
    font-family: OpenSansRegular;
    font-size: 13px;
    color: #adadad;
    margin-bottom: 30px;
    }    
    .breadcrumbs a {
    color: #5c5b5b;
    }
    
.content {
    float: left;
    width: 667px;
    font-family: OpenSansRegular;
    font-size: 13px;
    font-color: #5c5b5b;
    margin-bottom: 140px;
    margin-right: 40px;
    color: #5c5b5b;    
    } 
.content.mainpage {float: none; width: auto;}   
    .content p{
        padding: 10px 0;
    }
    .content ul{
        list-style-type: disc;
    }
    .content h4 {        
        font-family: OpenSansBold;
        font-size: 18px;
        color: #27a153;
    }
    .content h5 {        
        font-family: OpenSansRegular;
        font-size: 13px;
        color: #27a153;
    }    
    .content a {
        color: #27a153;
        
    }
    .content img{
        margin-right: 20px;
        -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow:    4px 4px 15px 0px rgba(0, 0, 0, 0.2);
        box-shadow:         4px 4px 15px 0px rgba(0, 0, 0, 0.2);
    }
    .logos img{
        margin-right: 20px;
        -webkit-box-shadow: none;
        -moz-box-shadow:    none;
        box-shadow:         none;
    }
    
    
.sidebox {
    float: left;
    width: 230px;
    font-family: OpenSansRegular;
    font-size: 13px;    
}

.sidebox ul{
        list-style: none;
        line-height: 1.4;
    }

    .sidebox a{
        display: inline-block;
        color: #27a153;
        padding: 4px 8px;
    }
    .sidebox a:hover{        
        text-decoration: none;
        color: #31c12c;
    }
    .sidebox li{
        display: block;
        padding: 3px 8px;        
    }
    .sidebox li ul {display: none;}
    .sidebox li.sidebox_current ul {display: block;}

    .sidebox_current a {
        margin-left: 0px;        
        color: #000;
        background: #c8c8c8;
        text-decoration: none; 
	padding-left: 8px;       
    }

    .sidebox_current ul li a {margin: 0 0 0 0px; background: none; text-decoration: underline; color: #27a153; paddig-left: 15px; font-size: 12px;}
    .sidebox_current ul li.sidebox_current a {text-decoration: none; color: #333;}

.map_contacts {
    height: 398px;
    background: url('images/map.png') center;
	width: 100%;
	position: absolute;
	left: 0px;
    }
.pagination {
     margin-top: 50px;
    
}
    .pagination li{
        display: inline-block;
        list-style: none;
        width: 20px;
        height: 20px;
        background: #ddd;
        text-align: center;
        border-radius: 3px;
        margin-right: 5px;
    }
    
    .pagination li.active{
        background: #f4c541;
    }
    
    .pagination li a{
        text-decoration: none;        
    }
        
.logos a{
    opacity: 1.0;
}
.logos a:hover {
    opacity: 0.7;
    }    

.content ul{    
    margin-left: -20px;
}

.content li{
    list-style-type: none;
    padding-left: 20px;
    background: url('images/li_bullet.png') no-repeat;
    background-position: left center;
}


.buttons {margin: 20px 0; width: 105%;}
.buttons a {font-weight: bold; margin: 0 14px; display: inline-block; color: #9c5f4f; text-decoration: none; font-size: 20px; text-transform: uppercase; padding: 7px; box-shadow: inset 0px 0px 4px #cb997b; border-radius: 6px;}
.buttons a:hover {box-shadow: inset 0px 0px 4px #6a4e00;}
.buttons a span {box-shadow: 0 1px 2px #be9d42; display: block; padding: 10px; 20px; border-radius: 4px; background: #faa500; background: linear-gradient(to top, #faa500, #ffdc79); text-shadow: 0px 1px 1px #fff; border: 1px solid #d6a41a; }

.buttons a:hover span {color: #672d0a; background: #ffdc79; box-shadow: none; border-color: #efd062;}
.buttons a:first-child {margin-left: 0;}

.link_nav {display: none;}


@media screen and (max-width: 1033px) {
* {max-height: 9999999999px; -webkit-appearance: none!important;}
.content_container {width: 100%; padding: 0 10px; box-sizing: border-box; min-width: 320px;}
.content_container>div {max-width: 100%;}
body {min-width: 320px;}
.container {min-width: 320px; position: relative; overflow: hidden; max-width: 100%;}
.navigation_item:hover > ul {display: none;}
.navigation_item.open > ul {display: block;}
.flexslider .flex-prev {opacity: 1!important; left: 0!important;}
.flexslider .flex-next {opacity: 1!important; right: 0!important;}
.slides li img {right: 50px; max-width: 750px; top: 40px;}
.slides li {box-sizing: border-box; position: relative;}
.slides li h3, .slides li p {padding-left: 40px;}
.slides li .h3, .slides li p {padding-left: 40px;}
.slides li .slider_button {margin-left: 40px;}

.content ul {margin-left: 0px;}

.col_news {display: inline-block; vertical-align: top; float:none; width: calc(100% / 3 - 4px); box-sizing: border-box; padding: 0 15px 0 0; margin: 10px 0 0 0;}
.col_spacer {display: none;}
.jcarousel-wrapper {float: none; display: inline-block; vertical-align: middle; width: 760px;}
.content_container_2 .wrapper {display: inline-block; vertical-align: middle;}
.content_container_2 {text-align: center; width: 100%; box-sizing: border-box;}
.jcarousel-control-prev {float: none; display: inline-block; vertical-align: middle;}
.jcarousel-control-next {float: none; display: inline-block; vertical-align: middle;}
.content_container h1 {text-align: center;}
.content {margin-right: 0;}

.content {float: none; width: auto;}
.sidebox {display: none;}

.solution_pic {display: table; margin: 0 auto 30px!important; float: none!important; max-width: 95%;}
.solution_pic.marleft {margin-left: -28px!important;}
.buttons {text-align: center; width: 100%;}
.buttons a {margin: 5px 10px!important;}

}

@media screen and (max-width: 910px) {
.content_container .left-contacts {display: block; width: 100%; margin: 0 0 40px;}

.content_container .right_form {display: block; width: 100%; padding-left: 0;}
.title_box {padding: 20px 0;}
.title_box h3 {font-size: 25px; text-align: center; margin: 0; width: auto;}
.title_box .h3 {font-size: 25px; text-align: center; margin: 0; width: auto;}
.footer {padding: 30px 10px; box-sizing: border-box; position: relative;}
.footer .content_container {padding: 0; min-width: 300px;}
.footer_helf_1 {float: none; width: 100%; box-sizing: border-box; margin: 0; text-align: center;}
.footer_helf_1 br + br {display: inline-block;}
.phone2 {display: table; margin: 0 auto;}
ul.dubl_nav {display: none;}
.footer_helf_2 {float: none; width: 100%; box-sizing: border-box; margin: 0; text-align: center;}
.ufagra_logo {text-align: center; margin-top: 20px;}
.content {margin-bottom: 40px;}
}

@media screen and (max-width: 890px) {
.slides li p {display: none;}
.slides h3 {font-size: 27px;}
.slides .h3 {font-size: 27px;}
.silder_box, .slides li {height: 250px;}
.slides li img {top: 10px; height: 230px;}

.jcarousel-wrapper {float: none; display: inline-block; vertical-align: middle; width: 560px;}
.content_container_2 .wrapper {display: inline-block; vertical-align: middle;}
.content_container_2 {text-align: center; width: 100%; box-sizing: border-box;}
.jcarousel-control-prev {float: none; display: inline-block; vertical-align: middle;}
.jcarousel-control-next {float: none; display: inline-block; vertical-align: middle;}
}

@media screen and (max-width: 810px) {
.buttons a {display: table; margin: 10px auto!important;}
.logo {position: absolute; top: 10px; left: 10px; margin: 0;}
.logo img {width: 125px;}
.lang_switch {position: absolute; top: 17px; right: 50px; margin: 0;}
.lang_switch:last-child {right: 10px;}
.search {display: none;}
.header {height: 64px;}
.phone {position: absolute; top: 17px; left: 50%; margin: 0 0 0 -55px;}

.navigation {position: relative; z-index: 99;}
.navigation .content_container {position: absolute; left: -110%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; top: 43px; background: #f4c541;}
.navigation .content_container.visible {left: 0;}
.navigation_item:hover > div.submenu_pointer {display: none;}
.navigation .link_nav {display: table; margin: 0px auto 0; padding: 13px 0 0 0;}
.navigation_item {height: auto; line-height: 100%; display: block; float: none; margin: 22px 0; text-align: center; padding: 0;}
.navigation_item > ul.submenu {background: none; position: relative; top: auto; left: auto; width: 100%;}
.navigation_item > ul.submenu li a {color: #333;}

.flex-direction-nav a:before {font-size: 29px;}
.flex-direction-nav a {width: 18px; height: 28px;}
.flexslider .flex-prev {left: -5px;}
.flexslider .flex-next {right: -5px;}
.slides li h3, .slides li p {padding-left: 25px;}
.slides li .h3, .slides li p {padding-left: 25px;}
.slides li .slider_button {margin-left: 25px;}
}

@media screen and (max-width: 720px) {
.slider_button {height: 40px; background-size: auto 200%; width: 149px; margin-top: 10px;}
.slider_button:hover {background-size: auto 200%; background-position: bottom left;}
.slides li h3 {font-size: 20px; width: auto; padding-right: 250px;}
.slides li .h3 {font-size: 20px; width: auto; padding-right: 250px;}
.silder_box, .slides li {height: 260px;}
.flexslider .slides img {height: 180px;}

.col_news {display: block; margin: 10px 0 20px; width: 100%; padding: 0;}

.jcarousel-wrapper {float: none; display: inline-block; vertical-align: middle; width: 187px;}
.content_container_2 .wrapper {display: inline-block; vertical-align: middle;}
.content_container_2 {text-align: center; width: 100%; box-sizing: border-box;}
.jcarousel-control-prev {float: none; display: inline-block; vertical-align: middle;}
.jcarousel-control-next {float: none; display: inline-block; vertical-align: middle;} 

.logos table td {width: 100%; display: block; text-align: center; padding: 0px 0; margin: 0; height: auto;}
.logos table td img {max-width: 95%; margin: 0px auto!important; display: block; padding: 15px 0;}
.logos table td br {display: none;}
.logos table td br {display: none;}
.logos table tr {height: auto!important;}

.licenses_inner>div>div {float: none!important; width: auto!important;}
.licenses_inner>div>div:first-child {text-align: center;}
.licenses_inner>div>div:first-child img {margin: 0 auto 20px!important; display: table; float: none!important;}
}

@media screen and (max-width: 600px) {
.slides li h3 {margin-top: 15px; width: auto; text-align: center; padding: 0 25px;}
.slides li .h3 {margin-top: 15px; width: auto; text-align: center; padding: 0 25px;}
.slides li .slider_button {margin: 10px auto; position: relative; top: auto; left: auto;}
.flexslider .slides img {top: auto; bottom: 0px; height: 123px; right: auto; left: 50%; margin-left: -189px;}
.flexslider .slides li:nth-child(2) img {margin-left: -205px;}

}

@media screen and (max-width: 510px) {

.header {height: 110px;}
.phone {top: 70px; margin-left: -100px;}
}