body {
    line-height: 1.5;
    font-family: "Montserrat", sans-serif;
    color: #183850;
}

header {
	z-index: 9;
	position: relative;
}

.container:before, .container:after, .nav:before, .nav:after {
    content: none;
}
a:hover, a:focus{
    text-decoration: none;
}
a.widget__link:hover, a.widget__link:focus, a.header__tel-feedback:hover {
    color: #3D9FEA;
}
.filter__categories-sub {
    display: none!important;
    height: auto!important;
}
.filter__categories-link:hover + .filter__categories-sub,
.filter__categories-link.is-expanded + .filter__categories-sub {
    display: block!important;
}
.filter__categories-sub:hover {
    display: block!important;
}
span.added {
    display: none;
}
.catalog-four-cols .catalog__item {
    /*width: 25%;*/
}
.quantity{
color: #59bd3f ;
}
.card-section__title {
display: none;
}
#bx-soa-delivery > div.bx-soa-section-content-adv > div > small {
color: #59BD3F;
font-size: 12px;
font-weight: bold;
}
.logosblock {
	display: flex;
	align-items: center;
}
.logosblock > div:first-child > img {
	height: 22px;
}
.logosblock > div:last-child > img {
	height: 40px;
}
.socialblock {
	display: flex;
	margin-top: 25px;
}
.socialblock > div:first-child {
	margin-right: 10px;
}
.brandpagetext {
	display:flex;
	align-items: center;
}

.brandpagetext > div:first-child {
	margin-right: 15px;
	width: 20%;
}

.brandpagetext > div:last-child {
	width: 80%;
}

.footer_logo_col {
	width: 30%;
}

.footer__nav.-main {
	width: 15%;
	margin: 0;	
}

.footer__nav.-catalog {
	width: 55%;
}

.shortdesc {
	margin-top: 25px;
}

.card-section__doc-link {
	margin-top: 15px;
}

.tabs__tab-body .moreimg {
	display: flex;
    flex-wrap: wrap;
}

.tabs__tab-body .moreimg > img {
	width: 300px;
}

.contactsblock svg {
	fill: #fff;
}

.main.fulfilment {
	margin-top: -6.5rem;
}

.main.fulfilment .page-header {
	display: none;
}

.main.fulfilment > .main__container.container {
	padding: 0;
	max-width: 100%;
}

.main.fulfilment .headerblock {
	background: url("/images/headerbackground.png");
}

.main.fulfilment .headerblock > div {
	max-width: 123rem;
	width: 100%;
    margin: 0 auto;
    padding: 10rem 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.main.fulfilment .headerblock > div > div {
	width: 50%;
}

.main.fulfilment .headerblock > div > div:first-child > div {
    margin-left: 5rem;
}

.main.fulfilment .headerblock > div > div:first-child > div > h1 {
	font-size: 44px;
	font-style: normal;
	font-weight: 700;
	line-height: 54px;	
	margin: 0;
}

.main.fulfilment .headerblock > div > div:first-child > div > div {
	display: flex;
	align-items: center;
	margin: -1rem 0 5rem 25rem;
}

.main.fulfilment .headerblock > div > div:first-child > div > div > div:first-child {
	color: #59BD3F;
	font-family: 'Caveat', cursive;
	line-height: 40px;
	font-size: 44px;
}

.main.fulfilment .headerblock > div > div:first-child > div > div > div > img {
	height: 40px;
	margin-left: 15px;
}

.main.fulfilment .headerblock > div > div:first-child > div > p {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	color: #183850;
}

.main.fulfilment .headerblock > div > div:last-child > div {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	transform: rotate(45deg);
	width: 380px;
	margin-left: 100px;
}

.main.fulfilment .headerblock > div > div:last-child > div > div {
	width: 180px;
	height: 180px;
	background: #fff;
	border-radius: 27px;
	box-shadow: 0px 4px 80px 0px #3D9FEA1A;
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px;
    padding: 20px;
    box-sizing: border-box;
}

.main.fulfilment .headerblock > div > div:last-child > div > div > img {
	transform: rotate(315deg);
}

.main.fulfilment .mainblock {
	max-width: 123rem;
	width: 100%;
    margin: 0 auto;
    padding: 0 8rem;	
}

.main.fulfilment h2 {
	font-size: 30px;
	font-style: normal;
	font-weight: 600;
	line-height: 54px;
}

.main.fulfilment .mainblock .block1 > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.main.fulfilment .mainblock .block1 > div > div {
	width: calc(33.33% - 12px);
	box-shadow: 0px 4px 80px 0px #3D9FEA1A;
	background: #EBF3FA;
	padding: 25px;
	height: 230px;
	margin-bottom: 20px;
	position: relative;
	display: flex;
    flex-wrap: wrap;
}

.main.fulfilment .mainblock .block1 > div > div > div:first-child > div:first-child {
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;
}

.main.fulfilment .mainblock .block1 > div > div > div:first-child > div:last-child {
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 22px;
	z-index: 9;
    position: relative;
    width: 60%;
}

.main.fulfilment .mainblock .block1 > div > div > div:last-child {
	display: flex;
	align-items: flex-end;
}

.main.fulfilment .mainblock .block1 > div > div:after {
	content: '';
    background-size: cover;
    position: absolute;
    right: 0;
    bottom: 0;
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(1):after {
    background: url(/images/schema1.png) no-repeat;
    width: 250px;
    height: 141px;    
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(2):after {
    background: url(/images/schema2.png) no-repeat;
    width: 260px;
    height: 117px; 
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(3):after {
    background: url(/images/schema3.png) no-repeat;
    width: 169px;
    height: 157px;     
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(4):after {
    background: url(/images/schema5.png) no-repeat;
    width: 175px;
    height: 157px;   
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(5):after {
    background: url(/images/schema6.png) no-repeat;
    width: 206px;
    height: 124px;     
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(6):after {
    background: url(/images/schema4.png) no-repeat;
    width: 212px;
    height: 135px;    
}

.main.fulfilment .mainblock .block1 > div > div:nth-child(7):after {
    background: url(/images/schema7.png) no-repeat;
    width: 261px;
    height: 115px;     
}

.main.fulfilment .mainblock .block2 {
	margin: 25px 0;
}

.main.fulfilment .mainblock .block2 > div {
	display: flex;	
	align-items: center;
}

.main.fulfilment .mainblock .block2 > div > div {
	width: 50%;
}

.main.fulfilment .mainblock .block2 > div > div:first-child {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(61, 159, 234, 0.4);
	box-sizing: border-box;
	box-shadow: 0px 4px 80px rgba(61, 159, 234, 0.12);
	padding: 25px;
}

.main.fulfilment .mainblock .block2 > div > div:last-child > img {
	width: 90%;
    margin: auto;
}

.main.fulfilment .mainblock .block2 ul {
	list-style-type: none;
	padding-left: 0;
}

.main.fulfilment .mainblock .block2 ul li {

}

.main.fulfilment .mainblock .block2 ul li p {
	padding-left: 15px;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;	
	margin-top: 0;
	margin-bottom: 8px;
}

.main.fulfilment .mainblock .block2 ul li:before {
	content: '';
    background-size: cover;
    position: absolute;
    width: 8px;
    height: 8px;   
    background: url(/images/disc.png) no-repeat; 
    margin-top: 8px;
}

.main.fulfilment .mainblock .block2 h2 {
	margin: 0;
}

.main.fulfilment .footerblock > div:first-child {
	max-width: 123rem;
    width: 100%;
    margin: 0 auto;
    padding: 0 8rem;
}

.main.fulfilment .mainblock .block3 {
    margin: 25px 0;
}
	
.main.fulfilment .mainblock .block3 table {
    border: 1px solid #3D9FEA;
    box-shadow: 0px 4px 80px 0px #3D9FEA1F;
    border-collapse: collapse;
    width: 100%;
}	

.main.fulfilment .mainblock .block3 table > thead > tr {
	background: #13588D;
	box-shadow: 0px 4px 80px 0px #3D9FEA1F;
	color: #fff;
}

.main.fulfilment .mainblock .block3 table > tbody > tr:nth-child(2n) {
	background: #E1F2FF;
	box-shadow: 0px 4px 80px 0px #3D9FEA1F;
}

.main.fulfilment .mainblock .block3 td {
	padding: 15px;
	font-size: 14px;
}

.main.fulfilment .mainblock .block4 {
    margin: 25px 0;
}

.main.fulfilment .mainblock .block4 > div {
	display: flex;
	align-items: center;
}

.main.fulfilment .mainblock .block4 > div > div {
	width: 50%;
}

.main.fulfilment div.mainblock > div.block4 > div > div:nth-child(1) > div:nth-child(1) {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(61, 159, 234, 0.4);
	box-sizing: border-box;
	box-shadow: 0px 4px 80px rgba(61, 159, 234, 0.12);
	padding: 25px;	
}

.main.fulfilment .mainblock .block4 > div > div:last-child > img {
	width: 90%;
    margin: auto;
}

.main.fulfilment div.mainblock > div.block4 > div > div:nth-child(1) > div:nth-child(2) {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid rgba(61, 159, 234, 0.4);
	box-sizing: border-box;
	box-shadow: 0px 4px 80px rgba(61, 159, 234, 0.12);
	padding: 25px;	
	margin-top:20px;	
}

.main.fulfilment div.mainblock > div.block4 > div > div:nth-child(1) > div:nth-child(2) > p {
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;	
	margin-top: 0;
	margin-bottom: 8px;
}

.main.fulfilment .mainblock .block4 ul {
	list-style-type: none;
	padding-left: 0;
}

.main.fulfilment .mainblock .block4 ul li {

}

.main.fulfilment .mainblock .block4 ul li p {
	padding-left: 15px;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 24px;	
	margin-top: 0;
	margin-bottom: 8px;
}

.main.fulfilment .mainblock .block4 ul li:before {
	content: '';
    background-size: cover;
    position: absolute;
    width: 8px;
    height: 8px;   
    background: url(/images/disc.png) no-repeat; 
    margin-top: 8px;
}

.storagefoto {
	display :flex;
	flex-wrap: wrap;
}

.storagefoto > img {
	width: 32%;
	margin-right: 1%
}

@media (max-width: 1199px) {
    body {
        font-size: 8.5px;
    }
}
@media (max-width: 1023px) {
    body {
        font-size: 10px;
    }
}

@media (max-width: 414px) {
	
	.main.fulfilment h2 {
		line-height: 34px;
	}
	
	.main.fulfilment .headerblock > div {
		flex-direction: column-reverse;
	}
	
	.main.fulfilment .headerblock > div > div {
		width: 100%;
	}
	
	.main.fulfilment .headerblock > div > div:first-child > div {
		margin-left:0;
		margin-top: 3rem;
	}
	
	.main.fulfilment .headerblock > div > div:first-child > div > h1 {
    	font-size: 30px;
    	line-height: 44px;
	}
	
	.main.fulfilment .headerblock > div > div:first-child > div > div {
    	margin: -1rem 0 5rem 16rem;
	}	
	
	.main.fulfilment .headerblock > div > div:first-child > div > div > div:first-child {
		font-size: 34px;
	}
	
	.main.fulfilment .headerblock > div > div:last-child > div {
    	width: 100%;
    	margin-left: 0;
    	padding: 40px;
	}
	
	.main.fulfilment .headerblock > div > div:last-child > div > div {
    	width: calc(50% - 10px);
    	height: 110px;
    	padding: 10px;
	}	
	
	.main.fulfilment .mainblock {
    	padding: 0 3rem;
	}
	
	.main.fulfilment .mainblock .block1 > div > div {
    	width: 100%;
	}
	
	.main.fulfilment .mainblock .block1 > div > div > div:last-child {
		z-index: 9;
	}
	
	.main.fulfilment .mainblock .block2 > div {
		flex-wrap: wrap;
	}
	
	.main.fulfilment .mainblock .block2 > div > div {
		width: 100%;
	}
	
	.main.fulfilment .mainblock .block2 > div > div:last-child > img {
    	width: 100%;
    	margin-top: 25px;
	}
	
	.main.fulfilment .mainblock .block4 > div {
		flex-wrap: wrap;
	}
	
	.main.fulfilment .mainblock .block4 > div > div {
		width: 100%;
	}
	
	.main.fulfilment .mainblock .block4 > div > div:last-child > img {
		width: 100%;
		margin-top: 25px;
	}
	
	.brandpagetext {
		flex-wrap: wrap;
	}
	.brandpagetext > div:first-child {
		margin-right: 0;
		width: 100%;
	}
	.brandpagetext > div:last-child {
		width: 100%;
	}
	.brandpagetext > div > img {
		margin: auto;
		max-height: 100px;
	}
	.footer_logo_col {
		width: 80%;
	}
	.logosblock {
		justify-content: center;
	}
	
	
	.storagefoto > img {
		width: 100%;
		margin-bottom: 15px;
	}
}