/* items list */

.items_list {
	font-size: 0 ;
	line-height: 0 ;
	letter-spacing: -1px ;
	text-align: center ;
	font-family: GothamProMedium, sans-serif;
}

.items_list .item {
	display: inline-block ;
	vertical-align: top ;
	font-size: 18px ;
	line-height: 22px ;
	letter-spacing: normal ;
}
/* results */

{
	padding: 43px 0 10px 0 ;
	text-align: center ;
}

h2 {
	margin: 0 0 34px 0 ;
}

.description {
	margin: 0 auto ;
	max-width: 780px ;
}

.description:last-of-type {
	margin: 17px auto 44px auto ;
	font-weight: 600 ;
	font-size: 22px ;
	line-height: 26px ;
	color: #573012 ;
}

.result_item {
	margin: 0 20px 35px 0 ;
	width: 460px ;
	position: relative ;
}

.result_item:nth-child(even) {
	margin: 0 0 35px 0 ;
}

.result_item:before {
	display: block ;
	content: '' ;
	width: 177px ;
	height: 84px ;
	background: url(../src/results__arrow.png)/*tpa=http://agromax.xcartpro.com/r1/src/results__arrow.png*/ center no-repeat ;
	position: absolute ;
	top: -10px ;
	left: 50% ;
	margin-left: -89px ;
}

.result_item .before_item,
.result_item .after_item {
	float: left ;
	width: 220px ;
}

.result_item .before_item {
	margin: 0 20px 0 0 ;
}

.result_item img {
	margin: 0 0 12px 0 ;
	display: block ;
	border-radius: 50% ;
	max-width: 100%;
    height: auto;
}

.result_item .text {
	font-weight: 600 ;
	font-size: 28px ;
	line-height: 28px ;
	text-transform: uppercase ;
	text-align: center ;
}

/* plant species */

.plant_species_section {
	padding: 3px 0 20px 0;
	background: #c9eff7 url(../src/desctop__plant_species_bg.jpg)/*tpa=http://agromax.xcartpro.com/r1/src/desctop__plant_species_bg.jpg*/ center bottom no-repeat;
	font-family: GothamProMedium, sans-serif !important;
}

.plant_species_section h2 {
	margin: 0 0 42px 0;
	font-size: 36px;
    line-height: 39px;
    font-weight: 700;
    text-transform: uppercase;
text-align: center;}
.plant_species_section h2 span{color: #fded01;}

.plant_species_section .species_item {
	margin: 0 20px 20px 0;
	width: 220px;
}

.plant_species_section .species_item:nth-child(4n) {
	margin: 0 0 20px 0;
}

.plant_species_section .species_item img {
	display: block;
	margin: 0 auto 15px auto;
	border-radius: 5px;
}

.plant_species_section .species_item .text {
	padding: 10px 0;
	background: #fff;
	border-radius: 5px;
}
.plant_species_section .species_item .text h4{	font-family: GothamProMedium, sans-serif !important;
}

.plant_species_section .species_item p {
	padding: 0 10px;
}
.attention {font-family: GothamProMedium, sans-serif !important;}
.attention__body {
    width: 1178px;
    margin: 0 auto;
    padding: 16px 0 20px
}

.attention__info-img {
    width: 223px;
    display: inline-block;
    vertical-align: top;
    margin-left: 15px;
    text-align: center
}

.attention__info-text {
    width: 847px;
    display: inline-block;
    vertical-align: top;
    margin-left: 30px
}

.attention__info-text h2 {
    font: 36px/39px GothamPro-Bold, sans-serif;
    color: #000;
	text-transform: uppercase;
}

.attention__info-text h2 span {
    display: block;
    color: #b50000
}

.attention__info-text p {
    font: 22px/30px GothamPro, sans-serif;
    color: #000;
    margin-top: 15px
}

.attention__list {
    margin: 25px 15px 0
}

.attention__list li {
    width: 340px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    margin-right: 30px
}

.attention__list li img {
    border: 9px solid #b50000
}

.attention__list li h4 {
    font: 20px/20px GothamPro-Bold, sans-serif;
    color: #000;
    margin-top: 20px
}

.attention__list li p {
    font: 18px/24px GothamPro, sans-serif;
    color: #000;
    margin-top: 15px
}

.attention__list li:last-child {
    margin-right: 0
}

.attention__note {
    background: #3c8d4c
}

.attention__note-body {
    width: 1170px;
    margin: 0 auto;
    padding: 25px 0 25px
}

.attention__note-text {
    background: url(../src/attention-note-icon.png) no-repeat 58px 0;
    padding: 20px 0 0 174px
}

.attention__note-text p {
    font: 600 22px/30px GothamPro, sans-serif;
    color: #fff
}

.attention__note-btn {
    margin-top: 30px;
    text-align: center
}

.attention__note-btn button {
    width: 282px;
    height: 60px;
    border: 0;
    border-radius: 30px;
    font: 18px/25px GothamPro-Bold, sans-serif;
    color: #272626;
    background: -webkit-gradient(linear, left bottom, left top, from(#f7b502), to(#f6cb59));
    background: -webkit-linear-gradient(bottom, #f7b502, #f6cb59);
    background: linear-gradient(to top, #f7b502, #f6cb59)
}

.order {
    background: #f6f6f6;
	font-family: GothamProMedium, sans-serif !important;
	
}

.order__body {
    width: 1148px;
    margin: 0 auto;
    padding: 40px 0 50px
}

.order__title {
    text-align: center
}

.order__title h2 {
    font: 36px/39px GothamPro-Bold, sans-serif;
    color: #000b30;
	text-transform: uppercase;
}

.order__list {
    margin: 0;
}

.order__list li {
    width: 262px;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px;
    text-align: center;
    position: relative
}

.order__list li h4 {
    font: 600 18px/44px "Open Sans", sans-serif;
    color: #1f1e1e
}

.order__list li p {
    font: 15px/17px "Open Sans", sans-serif;
    color: #0d0d0d
}

.order__list li:last-child {
    margin-right: 0
}

.order__list li:after {
    content: "";
    position: absolute;
    top: 50px;
    right: -10px;
    width: 16px;
    height: 18px;
    background: url(../images/order-arr.png) no-repeat center
}

.order__list li:last-child:after {
    width: 0;
    height: 0
}
.niz{width:100%; max-width:700px;}

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

	/* items list */

	.items_list .item {
		font-size: 16px;
		line-height: 20px;
	}

	/* results */

	.result_item {
		margin: 0 0 35px 0;
		display: flex !important;
    justify-content: center;
	}
.result_item {
    width: 100%;
}
	.result_item .text {
		font-size: 18px;
		line-height: 22px;
	}
	
	.result_item .before_item, .result_item .after_item {
    width: 140px;
}
	/* plant species */

	.plant_species_section {
		padding: 34px 0 20px 0;
		background: #fff url(../src/desctop__plant_species_bg-mob.jpg) center top repeat-y; background-size:auto;
	}

	.plant_species_section h2 {
		margin: 0 0 35px 0;
		    color: #000;
	}

	.plant_species_section .species_item {
		margin: 0 0 20px 0;
	}

	.plant_species_section .species_item:nth-child(4n) {
		margin: 0 0 20px 0;
	}

	/* about */

	.about_section {
		padding: 34px 0 46px 0;
	}

	.about_section h2 {
		margin: 0 0 28px 0;
	}

	.about_section .description:last-of-type {
		margin: 18px auto 35px auto;
		font-size: 18px;
		line-height: 22px;
	}

	.about_section .component_item {
		margin: 0 0 35px 0;
		padding: 0;
		width: 100%;
	}

	.about_section .component_item:first-child h3 {
		padding: 0;
	}

	.about_section .button {
		margin: 0 auto;
	}

	/* opinion */

	.opinion_section {
		padding: 34px 0 35px 0;
		text-align: center;
	}

	.opinion_section h2 {
		margin: 0 0 35px 0;
	}

	.opinion_section img {
		float: none;
		margin: 0 0 23px 0;
		width: 300px;
	}

	.opinion_section .info p {
		margin: 0 0 18px 0;
	}

	/* use */

	.use_section {
		padding: 34px 0 35px;
	}

	.use_section .description {
		margin: 28px auto 35px auto;
	}

	.use_section .step_item {
		display: block;
		margin: 0 0 35px 0;
	}

	.use_section .step_item .image_block {
		display: block;
	}

	.use_section .step_item .text {
		display: block;
		padding: 0;
		text-align: center;
	}

	.use_section .step_item h3 {
		margin: 19px 0 7px 0;
		text-align: center;
	}

	/* reviews */

	.reviews_section {
		padding: 34px 0 40px 0;
		background-image: none;
	}

	.reviews_section h2 {
		margin: 0 0 35px 0;
	}

	.reviews_section .review_item {
		display: block;
		margin: 0 0 30px 0;
		text-align: center;
	}

	.reviews_section .review_item .image_block {
		display: block;
		width: 300px;
	}

	.reviews_section .review_item img {
		border-radius: 25px 25px 0 0;
	}

	.reviews_section .review_item .text {
		display: block;
		border-radius: 0 0 25px 25px;
	}

	/* advantages */

	.advantages_section {
		padding: 34px 0 10px 0;
	}

	.advantages_section h2 {
		margin: 0 0 35px 0;
	}

	.advantages_section .main_advantage {
		margin: 0 auto 30px auto;
		padding: 25px 20px;
		width: 300px;
		height: 535px;
		background-position: center 305px;
		background-size: 260px auto;
	}

	.advantages_section .main_advantage h3 {
		margin: 0 0 13px 0;
	}

	.advantages_section .advantages_list {
		width: 300px;
	}

	.advantages_section .advantage_item {
		margin: 0 0 30px 0;
	}

	.advantages_section .advantage_item:first-child {
		margin: 0 0 30px 0;
	}

	.advantages_section .advantage_item:nth-child(even) {
		margin: 0 0 30px 0;
	}

	.advantages_section .advantage_item p {
		padding: 8px 10px 9px 10px;
	}

	/* order steps */

	.order_steps_section {
		padding: 34px 0 20px 0;
	}

	.order_steps_section h2 {
		margin: 0 0 35px 0;
	}

	.order_steps_section .step_item {
		margin: 0 0 20px 0;
	}

	.order_steps_section .step_item:first-child .text {
		padding: 40px 10px 20px 10px;
	}

	/* order */

	.order_section .wrapper {
		padding: 0;
		width: 100%;
	}

	.order_section .order_content {
		padding: 0;
		height: auto;
		background-image: url(mobile__order_bg.jpg)/*tpa=http://agromax.xcartpro.com/r1/src/mobile__order_bg.jpg*/;
		background-position: center -35px;
	}

	.order_section .title_block {
		margin: 0 0 12px 0;
		border-radius: 0;
		font-size: 16px;
		line-height: 20px;
		letter-spacing: 0.16px;
	}

	.header_content .title_block h5 {
		margin: 0 auto;
		width: 300px;
	}

	.order_section .subtitle {
		margin: 0 auto 215px auto;
		width: 300px;
		font-size: 16px;
		line-height: 22px;
	}

	.order_section .info {
		float: none;
		width: 100%;
	}

	.order_section .price_block {
		margin: 0 auto 20px auto;
	}

	.order_section .price_block .price_item.old {
		border-radius: 25px 0px 0px 25px;
	}

	.order_section .price_block .price_item.new {
		border-radius: 0 25px 25px 0;
	}

	.order_section form {
		padding: 21px 0 31px 0;
		height: auto;
		background-color: #8bbf22;
		background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.06)), to(transparent));
		background-image: linear-gradient(to top, rgba(0, 0, 0, 0.06) 0%, transparent 100%);
	}

	.order_section .timer_block {
		margin: 0 0 20px 0;
	}

	.order_section .discount {
		top: 115px;
		left: 50%;
		margin-left: -75px;
	}

}
@media (max-width:601px) {
  
    .attention__body {
        width: 320px;
        margin: 0 auto;
        padding: 23px 0 50px
    }
    .attention__info-img {
        width: 217px;
        display: block;
        vertical-align: top;
        margin: 0 auto;
        text-align: center
    }
    .attention__info-text {
        width: auto;
        display: block;
        margin: 25px 15px 0
    }
    .attention__info-text h2 {
        font: 22px/25px GothamPro-Bold, sans-serif;
        color: #000;
		text-align:center;
    }
    .attention__info-text h2 span {
        display: block;
        color: #b50000
    }
    .attention__info-text p {
        font: 17px/23px GothamPro, sans-serif;
        color: #000;
        margin-top: 15px
    }
    .attention__list {
        margin: 30px 8px 0
    }
    .attention__list li {
        width: 100%;
        display: block;
        vertical-align: top;
        text-align: center;
        margin-right: 0
    }
    .attention__list li img {
        border: 9px solid #b50000
    }
    .attention__list li h4 {
        font: 20px/20px GothamPro-Bold, sans-serif;
        color: #000;
        margin-top: 20px
    }
    .attention__list li p {
        font: 18px/24px GothamPro, sans-serif;
        color: #000;
        margin-top: 15px
    }
    .attention__list li:last-child {
        margin-right: 0
    }
    .attention__note-body {
        width: 290px;
        margin: 0 auto;
        padding: 30px 0 30px
    }
    .attention__note-text {
        background: url(../src/attention-note-icon.png) center top no-repeat;
        padding: 119px 0 0;
		background-size:58px;
    }
    .attention__note-text p {
        font: 600 18px/24px GothamPro, sans-serif;
        color: #fff;
		text-align:center;
    }
    .attention__note-btn {
        margin-top: 54px
    }
   
    .order__body {
        width: 290px;
        margin: 0 auto;
        padding: 20px 0 20px
    }
    .order__title {
        text-align: left
    }
    .order__title h2 {
        font: 22px/26px GothamPro-Bold, sans-serif;
        color: #000b30;
		text-align:center;
    }
    .order__list {
        margin: 30px 0 0
    }
    .order__list li {
        width: 50%;
        display: inline-block;
        vertical-align: top;
        margin-right: 0;
        text-align: center;
        position: relative;
        margin-bottom: 42px
    }
    .order__list li h4 {
        font: 600 18px/44px "Open Sans", sans-serif;
        color: #1f1e1e
    }
    .order__list li p {
        font: 15px/17px "Open Sans", sans-serif;
        color: #0d0d0d
    }
    .order__list li img {
        width: 117px
    }
    .order__list li:after {
        display: none
    }
}