.showMobile{ display: none; }


.distribution>article,p,.distributionForm>article{ text-align:center; }
p{ margin-bottom:20px; max-width: 621px; display: inline-block; }

form {
  width: 59%;
}

 aside h4 {
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
aside p { 
    margin-bottom: 0px;
}
.boxContact{
  display: inline-block;
  width: 40%;
  vertical-align: top;
    margin-top: 11px;
}
button.bt {
  margin-left: 55px !important; 
}


.boxDistributionA>ul,.boxDistributionB>ul{ vertical-align:middle;  display: inline-block;  width: 50%;  text-align: left; }
.boxDistributionA>ul>li,.boxDistributionB>ul>li{ font-family:gt_walsheim_prolight; font-size:21px; font-weight: 300;	line-height: 30px; }

.boxDistributionA>ul{ padding-left: 60px; }
.boxDistributionB>ul{ padding-right: 60px; }

.boxDistributionA>ul>li{background: url(../img/distribution/check.svg);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 35px;
    padding-top: 6px;
    padding-bottom: 6px; }
    
.boxDistributionB>ul>li::after {
    content: "";
    position: absolute;
    left: -40px;
    top: 7px;
    width: 20px;
    height: 20px;
    background: url(../img/distribution/star.svg);
    background-size: contain;
}
.boxDistributionB>ul>li:nth-of-type(2)::after{ transform: rotate(18deg); }
.boxDistributionB>ul>li:nth-of-type(3)::after{ transform: rotate(-29deg); }
.boxDistributionB>ul>li:nth-of-type(4)::after{ transform: rotate(29deg); } 
.iconCat,section.distributionForm>article {
	position:relative;
}

section.distributionForm>article::after {
    position: absolute;
    content: "";
    height: 74.24px;
    width: 137.13px;
    background: url(../img/distribution/plane.svg);
    top: 140px;
    left: 20px;
    background-repeat: no-repeat;
    background-size: contain;
}

.iconCat:after {
    content: "";
    height: 56.56px;
    width: 97.82px;
    position: absolute;
    background: url(../img/distribution/Cat.svg);
    right: -27%;
    bottom: -60%;
}
.boxDistributionB>ul>li {
    position: relative;
    padding-top: 6px;
    padding-bottom: 6px;
}  

.boxDistributionA {
    margin-top: 12px;
    margin-bottom: 25px; 
}
.boxDistributionB {
    margin-top: 12px;
    margin-bottom: 25px;
}


ul.infoGRF li {
    width: 24%;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    font-size: 21px;	font-weight: 300;	line-height: 30px;
    
}

ul.infoGRF li span {font-family: "OhTomi-Dots"; color: #A7DAEA;	 font-size: 60px;	line-height: 61px; display:block;     margin-bottom: 20px; }

ul.infoGRF li:nth-of-type(1) span { font-family: "OhTomi-Cartoon"; }
ul.infoGRF li:nth-of-type(4) span { font-family: "OhTomi-Cartoon"; }
.boxDistributionA>img,.boxDistributionB>img { vertical-align:middle; max-width: 50%; }




input, select, textarea{ width: 60%; background: #fff; margin-top: 10px; margin-bottom: 10px;  line-height: 28px; }
label{ width: 24%; text-transform: none; margin-right:14px; display:inline-block; text-align: right; color: #4A4A4A;	 font-family: 'gt_walsheim_prolight';	font-size: 18px;	font-weight: 300;	line-height: 26px;}
section.distributionForm form {
    max-width: 790px;
    display: inline-block;
}
 

button.bt {
    margin-left: -30px;
    margin-top: 18px;
        width: 238px !important;
}

@media screen and ( max-width: 1024px )
{
	.iconCat:after{ right: -8%; }
}

@media screen and ( max-width: 768px ) and ( min-width: 693px )
{
	.boxDistributionA>ul { padding-left: 14px; }
	.boxDistributionB>ul>li{ padding-left: 40px; }
	.boxDistributionB>ul { padding-right: 0px; }
	.boxDistributionA>ul,.boxDistributionB>ul{ width: 50%; }
	.boxDistributionB>ul>li::after{ left: 10px; }
	.boxDistributionA>img, .boxDistributionB>img{ max-width: 40%; }
	.boxDistributionA img {     margin: auto; margin-top: 30px; }
	.boxDistributionB img {     margin: auto; margin-top: 28px; }
	ul.infoGRF li { width: 49%; }
	.iconCat:after{ right: 0px; bottom: -60px; }	 
}

@media screen and ( max-width: 850px ) and ( min-width: 720px )
{
	section.distributionForm form { max-width: 680px; }
	button[type="submit"]{ margin-left: 10px; }
}


@media screen and ( max-width: 720px ) and ( min-width: 692px )
{
	section.distributionForm form { max-width: 625px; }
	button[type="submit"]{ margin-left: 27px; }
}

@media screen and ( max-width: 760px )
{
	button.bt {
	  margin-left: 0px !important; 
	}
		form {
		  width: 100%;
		}
		.boxContact {    
		width:100%;
		  display: block;
		  max-width: 300px;
		  margin: auto;
		  margin-top: 70px;
		  margin-bottom: 5%;
		}
		
}


@media screen and ( max-width: 692px )
{
	.boxDistributionA>ul { padding-left: 14px; }
	.boxDistributionB>ul>li{ padding-left: 40px; }
	.boxDistributionB>ul { padding-right: 0px; }
	.boxDistributionA>ul,.boxDistributionB>ul{ width: 100%; }
	.boxDistributionB>ul>li::after{ left: 10px; }
	.boxDistributionA>img, .boxDistributionB>img{ max-width: 100%; }
	.boxDistributionA img {     margin: auto; margin-top: 30px; }
	.boxDistributionB img {     margin: auto; margin-top: 28px; }
	ul.infoGRF li { width: 49%; }
	.iconCat:after{ right: 0px; bottom: -60px; }	
	.showMobile{ display: block !important; }
	.hideMobile{ display: none !important; }
	
	.distributionForm p{ margin-bottom: 0px; }
	section.distributionForm>article::after{ top:-10px; }
	section.distributionForm { padding-top: 0px; padding-bottom: 90px; }
	input,select,textarea{ margin-top: 0px; }
	label, input,select,textarea{ width: 100%; text-align:left; }
	label{ margin-bottom: 0px; margin-right:0px;}
	button[type="submit"]{ width:100%; margin-left: 0px; }
}

@media screen and ( max-width: 475px )
{
	.distribution>article h1{ font-size:50px; }
}

@media screen and ( max-width: 375px )
{
	ul.infoGRF li { width: 100%; }
}


@media screen and ( max-width: 900px ) and ( min-width: 692px )
{
	.boxDistributionA ul{ width: 51%; }
	.boxDistributionA img { width: 48%; }
	
	.boxDistributionB ul{ width: 56%; padding-right: 30px; padding-left: 30px; }
	.boxDistributionB img { width: 40%; }

}