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

@font-face {
    font-family: Roboto-Medium;
    src: url(../fonts/robotomedium.ttf)
}

@font-face {
    font-family: Roboto-Bold;
    src: url(../fonts/robotobold.ttf)
}

@font-face {
    font-family: Roboto-Black;
    src: url(../fonts/robotoblack.ttf)
}

body {
  margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
}
p { 
    padding: 0 !important;
    margin: 0 !important;
}

/** ОБЩИЕ СТИЛИ САЙТА **/
.main_title {
  color: #00a541;
  font-family: "Roboto-Black", sans-serif;
  font-size: 42px;
  margin-bottom: 0px;
  text-align: center;
  text-transform: uppercase;
  padding-top: 60px;
}
.main_subtitle {
  color: #111111;
  font-family: Roboto-Bold, sans-serif;
  font-size: 18px;
  text-align: center;
  padding-bottom: 30px;
}

/** HEADER **/
.logo {
  margin-top: 25px;
}
.header_box {
  margin-top: 41px;
  display: inline-flex;
  align-items: center;
}
.flexright {
  text-align: right;
}
.header_mt {
  margin-top: 48px;
}
.header_img_box {
  margin-right: 14px;
}
.h-mail {
  text-decoration: none;
  color: #111111;
  font-family: Roboto-Bold, sans-serif;
  font-size: 15px;
  transition: .3s;
}
.h-mail:hover {
  text-decoration: none;
  color: #00a541;
}
.header_btn {
  border-radius: 20px;
  background-color: #00a541;
  padding: 12px 37px;
  color: #ffffff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 17px;
  border: 0;
  transition: .3s;
  margin-top: 34px;
  margin-bottom: 34px;
}
.header_btn:hover {
  background-color: #515659;
  box-shadow: 0 0 4px 1px #515659;
}
.header_btn_right {
  text-align: right;
}

/** МЕНЮ **/
.menu {
  background-color: #00a541;
}
nav {
  padding: 10px 0px;
}
.nav_right {
  text-align: right;
}
.nav_a {
  text-decoration: none;
  text-transform: uppercase;
  color: #ffffff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 15px;
  margin-right: 15px;
}
.nav_a:hover {
  color: #fff;
}
.nav_mr_none {
  margin-right: 0;
}
.nav_bold {
  font-family: Roboto-Black, sans-serif;
}

/** СЛАЙДЕР **/
.slider_box {
  margin-top: 19px;
}

/** КАК МЫ РАБОТАЕМ **/
.hov_box {
  text-align: center;
  margin-bottom: 96px;
}
.hov_img_box {
  min-height: 95px;
  margin-bottom: 20px;
}
.hov_title {
  color: #111111;
  font-family: Roboto-Bold, sans-serif;
  font-size: 20px;
  margin-bottom: 10px;
}
.hov_text {
  color: #484848;
  font-family: "Roboto-Medium", sans-serif;
  font-size: 14px;
}


/** КАТАЛОГ **/
.catalog_back {
  background-color: #f4f4f4;
}
.row_center {
    display: flex;
    justify-content: center;
}
.catalog_box {
  background-color: #fff;
  border: 1px solid #00a541;
  text-align: center;
  margin-bottom: 15px;
}
.catalog_img_box {
  padding-top: 25px;
  padding-bottom: 25px;
}
.catalog_text {
  color: #111111;
  font-family: Roboto-Bold, sans-serif;
  font-size: 13px;
}
.catalog_text_color {
  color: #00a541;
}
.catalog_title {
  margin-top: 15px;
  margin-bottom: 15px;
  text-transform: uppercase;
  color: #00a541;
  font-family: "Roboto-Black", sans-serif;
  font-size: 22px;
  line-height: 1.3;
}
.catalog_btn_box {
  margin-bottom: 52px;
}
.catalog_btn {
  box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.14);
  border-radius: 25px;
  background-color: #00a541;
  width: 100%;
  padding: 13px 0px;
  color: #fff;
  font-family: Roboto-Bold, sans-serif;
  font-size: 17px;
  border: 0;
  transition: .3s;
}
.catalog_btn:hover {
  background-color: #515659;
  box-shadow: 0 0 4px 1px #515659;
}
.catalog_mb {
  padding-bottom: 50px;
}
.slider_mini_box {
  margin-top: 50px;
}

.wrapper {
    max-width: 1140px;
    padding: 0 25px;
    margin: 0 auto;
    font-family: 'Roboto', sans-serif;
}

.economy_img {
    margin-bottom: 30px
}

.eco_mb {
    margin-bottom: 60px
}

.form_photo {
    background-image: url(../img/form_photo1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.form_photo_2 {
    background-image: url(../img/form_photo2.jpg)
}

.form_title {
    color: #00a541;
    font-family: "Roboto-Black", sans-serif;
    font-size: 42px;
    text-transform: uppercase;
    text-align: center;
    padding-top: 85px
}

.form_subtitle {
    color: #111;
    font-family: Roboto-Medium, sans-serif;
    font-size: 18px;
    text-align: center;
    margin-bottom: 40px
}

.form_photo_form {
    text-align: center;
    padding-bottom: 85px
}

.form_photo_input {
    border-radius: 40px;
    border: 1px solid #009e51;
    background-color: #fff;
    color: #111;
    font-family: Roboto-Medium, sans-serif;
    font-size: 15px;
    padding: 15px 120px 15px 30px;
    margin-right: 10px
}

.form_photo_btn {
    box-shadow: 2px 2px 7px rgba(0, 0, 0, 0.14);
    border-radius: 28px;
    background-color: #009e51;
    color: #fff;
    border: 0;
    transition: .3s;
    padding: 15px 80px;
    font-family: Roboto-Bold, sans-serif;
    font-size: 17px
}

.form_photo_btn:hover {
    background-color: #515659;
    box-shadow: 0 0 4px 1px #515659
}

.premphoto_background {
    background-color: #f2f5f9
}

.premphoto_title {
    color: #009e51;
    font-family: "Roboto-Black", sans-serif;
    font-size: 36px;
    padding-top: 85px;
    padding-bottom: 45px;
    line-height: 1.3
}

.premphoto_text {
    color: #011;
    font-family: Roboto-Medium, sans-serif;
    font-size: 15px;
    margin-bottom: 110px
}

.premphoto_img {
    padding: 60px 0
}

.about_us_text {
    color: #111;
    font-family: Roboto-Medium, sans-serif;
    font-size: 15px;
    margin-bottom: 70px
}

.port_slick_box {
    text-align: center;
    margin-bottom: 100px
}

/* feed flex */
.feed_row {
	display: flex;
	justify-content: space-between;
    padding-bottom: 70px;
}
.feed_box {
	border: 1px solid #DDDDDD;
	padding: 16px 12px;
	margin-right: 20px;
    width: 33%;
}
.feed_mr {
	margin-right: 0;
}
.feed_width {
	width: 100%;
}
.feed_img {
	box-shadow: 0px 0px 10px 6px #efefef;
}
.feed_title {
    font-family: Roboto-Bold, sans-serif;
    font-size: 18px;
    color: #00A541;
    margin: 12px 0 8px 0;	
}
.feed_text {
	font-size: 14px;
	color: #232323;
	font-family: Roboto-Regular, sans-serif;
	margin-bottom: 15px;
    min-height: 147px;
}
.feed_bold {
    font-family: Roboto-Bold, sans-serif;
    font-size: 15px;	
}
.feed_grenn {
	color: #00A541;
}



.contact_box {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.contact_icon {
    margin-right: 25px
}

.contact_btn {
    padding: 13px 90px;
    width: auto
}

.contact_phone {
    color: #111;
    font-family: Roboto-Bold, sans-serif;
    font-size: 16px;
    text-decoration: none;
    transition: .3s
}

.contact_phone:hover {
    color: #333
}

.contact_border {
    max-width: 319px;
    height: 3px;
    background-color: #00a541;
    margin-bottom: 20px
}

.contact_social_box {
    margin-top: 30px;
    margin-bottom: 50px
}

footer {
    background-color: #1c2127
}

.foot_box {
    text-align: center;
    padding: 50px 0
}

.footer_phone {
    color: #f7f7f7;
    font-family: Roboto-Bold, sans-serif;
    text-decoration: none;
    font-size: 29px;
    transition: .3s
}

.footer_phone:hover {
    color: #00a541;
    text-decoration: none
}

.foot_mb {
    margin-bottom: 20px
}

.cont_btn {
    margin-bottom: 0
}

.footer_soc {
    margin-right: 25px
}

.gar_box {
    background-image: url(../img/form.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-top: 68px;
    text-align: center
}

.gar_box_pop {
    padding: 40px 100px
}

.pop2 {
    width: 100%
}

.pop3 {
    margin-top: 20px
}

.pad1 {
    padding: 15px 50px 12px 50px;
    margin-top: 30px
}

.product_flex_b {
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.gar_title {
    color: #fff;
    font-family: "Roboto-Bold", sans-serif;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 14px
}

.gar_text {
    color: #fff;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 17px;
    margin-bottom: 49px
}

.gar_form {
    display: flex;
    flex-direction: column;
    align-items: center
}

.gar_form_input {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px;
    font-family: "Roboto-Regular", sans-serif;
    font-size: 13px;
    border: 0
}

.gar_form_btn {
    margin-top: 15px;
    border-radius: 86px;
    background-color: #fff;
    color: #00a541;
    font-family: "Roboto-Bold", sans-serif;
    font-size: 19px;
    padding: 18px 75px 18px 75px;
    border: 0;
    margin-bottom: 48px;
    transition: .3s
}

.gar_form_btn:hover {
    box-shadow: 0 0 15px 4px #fff;
    color: #fff;
    background-color: #00a541
}

.newt {
    padding-top: 40px
}

.garanty_main_box {
    text-align: center
}


/** new block **/ 

.header_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 30px;
    margin-bottom: 44px;
}
.header_logo_box {
    display: flex;
    align-items: center;
}
.header_logo_mini_box {
    margin-left: 18px;
}
.header_logo_mini_box_text {
    font-weight: 400;
    font-size: 13px;
    color: #000;
    line-height: 1.4;
}
.header_icon_size {
    width: 34px;
    height: 26px;
}
.headerlogo {
    width: 30%;
}
.logo_width {
    width: 100%;
}
.header_logo_mini_box_icon_box {
    display: flex;
    align-items: center;
}
.header_loho_mini_box_icon_box_text {
    margin-left: 15px;
    font-weight: 700;
    color: #000;
}
.header_phone_box {
    display: flex;
    align-items: center;
}
.phone_size {
    width: 17px;
    height: 17px;
}
.header_phone_tag {
    margin-left: 15px;
    text-decoration: none;
    font-size: 18px;
    transition: .3s;
    color: #000;
    font-weight: 700;
}
.header_phone_tag:hover {
    color: #FF2C23;
}
.header_logo_mini_box_text {
    margin-bottom: 5px;
}
.main_row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; 
}
.main_text_part {
    width: 60%;
}
.main_img {
    width: 90%;
}
.main_img_size {
    width: 100%;
}
.main_title {
    font-size: 40px;
    font-weight: 900;
    line-height: 1.4;
    margin-bottom: 15px;
}
.colour {
    color: #009A46;
}
.main_subtitle {
    font-weight: 700;
    font-size: 25px;
    color: #000;
    margin-bottom: 25px;
}
.icon_row_size {
    width: 40px;
    height: 40px;
}
.colour_back {
    background-color: #009A46;
    padding: 3px 7px;
    border-radius: 5px;
    color: #fff;
}
.main_icon_row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 55px;
}
.main_icon_box {
    width: 30%;
}
.main_img_box {
    width: 40%;
    display: flex;
    justify-content: flex-end;
}
.main_icon_title {
    margin-top: 10px;
    font-weight: 700;
    color: #000;
    line-height: 1.2;
    font-size: 17px;
    margin-bottom: 8px;
}
.main_icon_text {
    font-weight: 400;
    color: #000;
    font-size: 14px;
    line-height: 1.3;
    width: 86%;
}
.btn_new {
    background-color: #009A46;
    color: #fff;
    font-size: 21px;
    font-weight: 700;
    border: 0;
    padding: 21px 30px;
    border-radius: 5px;
    margin-bottom: 14px;
    transition: .3s;
}
.btn_new:hover {
    background-color: #009A46;
}
.btn_text {
    font-weight: 400;
    color: #000;
    font-size: 15px;
    font-weight: 700;
}






@media screen and (max-width:1024px) {
    .h-mail {
        font-size: 14px
    }
    .header_btn {
        font-size: 16px
    }
    .nav_a {
        font-size: 14px
    }
    .premphoto_title {
        font-size: 29px
    }
    .feed_box {
    	width: 40%;
    	margin-bottom: 20px;
    	margin-right: 0;
    }
    .feed_mr {
    	margin-right: 0;
    }
    .feed_row {
    	flex-wrap: wrap;
    }
}

@media screen and (max-width:768px) {
    .logo {
        text-align: center
    }
    .catalog_text {
        font-size: 14px
    }
    .catalog_box {
        min-height: 305px
    }
    .main_title {
        font-size: 38px
    }
    .form_photo_input {
        margin-bottom: 22px
    }
    .ipadcenter {
        text-align: center
    }
    .flexright {
        text-align: left
    }
    .header_btn {
        font-size: 14px
    }
    .nav_a {
        font-size: 10px
    }
    .hov_title {
        font-size: 15px
    }
    .hov_text {
        font-size: 13px
    }
    .premphoto_title {
        font-size: 22px
    }
    .premphoto_text {
        font-size: 12px
    }
    .ipad_aligh {
        display: flex;
        align-items: center
    }
    .about_us_text {
        font-size: 12px
    }
    .contact_btn {
        padding: 13px 55px
    }
    .feed_box {
    	width: 100%;
    }
    .feed_title {
    	margin: 20px 0 20px 0;
    	font-size: 21px;
    }
    .feed_text {
    	font-size: 15px;
    }
}

@media screen and (max-width:420px) {
    .gar_box_pop {
        padding: 10px 0
    }
    .flexright {
        display: none
    }
    .header_btn_right {
        display: none
    }
    .menu {
        display: none
    }
    .main_title {
        font-size: 34px
    }
    .main_subtitle {
        font-size: 16px
    }
    .catalog_text {
        font-size: 17px
    }
    .hov_title {
        font-size: 26px
    }
    .hov_text {
        font-size: 17px
    }
    .catalog_btn {
        font-size: 20px
    }
    .dnone {
        display: none
    }
    .form_photo {
        background-image: url()
    }
    .premphoto_text {
        margin-bottom: 10px;
        font-size: 14px
    }
    .premphoto_title {
        font-size: 25px
    }
    .about_img_box {
        margin-bottom: 20px
    }
    .about_us_text {
        font-size: 15px
    }
    .contact_map {
        margin-bottom: 15px
    }
    .h-mail {
        font-size: 20px
    }
    .gar_form_input {
        width: 85%
    }
	.feed_bold {
		font-size: 15px;
	}
}

@media screen and (max-width:375px) {
    .premphoto_title {
        font-size: 23px
    }
}

@media screen and (max-width:320px) {
    .gar_form_btn {
        padding: 18px 55px 18px 55px
    }
    .main_title {
        font-size: 30px
    }
    .hov_title {
        font-size: 23px
    }
    .hov_text {
        font-size: 15px
    }
    .form_photo_input {
        padding: 15px 80px 15px 30px
    }
    .premphoto_title {
        font-size: 18px
    }
    .form_title {
        font-size: 37px
    }
}

@media only screen and (max-width:768px) {
    .animated {
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important
    }
}