@media (min-width: 992px){
	main.main_partners {
		margin-top: -1.4rem;
		margin-bottom: -2rem;
	}
}

@media (max-width: 991px){
	main.main_partners {
		margin-bottom: -1.5rem;
	}
}

@media (min-width: 1451px){
	.main_partners .about__text {
		margin-top: 75px;
	}
}


@media (max-width: 1450px){
	.main_partners .about .title--white {
		white-space: nowrap;
		padding: 0 20px 0 0;
	}
}

@media screen and (max-width: 670px){
	.main_partners .about__right {
		justify-content: center;
	}
}


@media screen and (max-width: 670px){
.main_partners .clients2 .container {
    padding-top: 5px;
}
}


.main_partners .top {
    background-size: cover;
}

.main_partners .about__text::before {
	display:none;
}

.main_partners form .form__col input:not(:focus) + .form-label {
	font-size: 18px;
    color: #101010;
    margin: -15px 0 0 0;
    line-height: 30px;
    top: 50%;
    left: 20px;
}

.main_partners form .form__col input.form-control:valid+label {
    transition: all .2s ease;
    top: 0.6rem;
    font-size: .7rem;
	left: 1.1rem;
}

.main_partners form .form__col input.form-control:not(:focus):valid+label {
    top: 1.1rem;
}


.main_partners divf[id*="comp_"] {
    background-color: #4a4a4d;
    color: #fff;
    padding: 45px 0;
    text-align: center;
    font-size: 24px;
}


.main_partners .partners {
	background: linear-gradient(to top, #f7c218, #f3bb18) !important;
}


.main_partners .partners .partners__left {
	background-image: url(../images/man.png);
    background-repeat: no-repeat;
	background-position: 100% 0;
	background-size: auto 100%;
}




@media screen and (max-width: 1300px){
	.main_partners .partners__left,
	.main_partners .partners__right {
		width:50% !important;
	}
	.main_partners .partners .partners__left {
		background-position: 70% 0;
	}
}


@media screen and (max-width: 670px){
	.main_partners .partners__left,
	.main_partners .partners__right {
		width:100% !important;
    	max-width: 100%;
	}
	.main_partners .partners .partners__left {
		background-position: 70% 0;
	}
	.main_partners .offers .partners__input {
		margin:0;
	}
	.main_partners .offers .form__col.form__col-mb2 {
		margin: 0 0 20px 0;
	}
	.main_partners form .form__col input:not(:focus) + .form-label {
		font-size:15px;
	}
}

.form__col.form__col-mb2.gg0[textarea] {
	display:none;
}

.checkbox__block .custom__checbox {
	padding-top:1px;
    padding-left: 4px;
}

@media screen and (max-width: 1024px){
	.checkbox__block .custom__checbox {
		padding-top:3px;
		padding-left: 4px;
	}
}

.checkbox__block .checkbox, .checkbox__block .label {
    cursor: pointer;
}



@media screen and (min-width: 1025px){
	.main_partners .brends .container,
	.main_partners .clients {
		padding-top: 150px;
    	padding-bottom: 150px;
	}
}

.owl-nav {
	content:" ";
}

.owl-nav button {
	background-image: url("data:image/svg+xml,%0A%3Csvg width='16' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.162 13.405a.928.928 0 001.31-.132L15.4 7.23a.933.933 0 00.015-1.159L11.006.362a.931.931 0 10-1.474 1.14l3.25 4.207H.931a.932.932 0 100 1.864h11.784l-3.688 4.52a.931.931 0 00.134 1.312z' fill='%23101010'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: 50%;
}

.main_partners .owl-prev {
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}

.owl-nav span {
	display:none;
}


section.categories {
	display: table;
    width: 100%;
}

section.categories .container {
    padding-top: 120px;
}

section.categories .container a {
    width: calc(50% - 20px);
    display: block;
    height: auto;
    padding: 35% 0 0 0;
	float:left;
    border-radius: 4px;
    overflow: hidden;
	position: relative;
}

section.categories .container a .image {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all 500ms ease;
}

section.categories .container a:hover .image {
	transform: scale(1.1);
}

section.categories .container a:nth-child(2) {
	float:right;
}

section.categories .container a::after {
	content:" ";
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%);
    height: 46%;
    width: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

section.categories .container a .title {
    font-family: 'PT Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 48px;
    line-height: 131.4%;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    top: 30px;
    left: 40px;
    position: absolute;
    display: block;
    z-index: 2;
}


section.categories .container a .link {
	background: #F8F8F8;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    left: 40px;
    bottom: 40px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
	z-index: 2;
	transition: all 500ms ease;
}

section.categories .container a:hover .link {
    background: #FFCE4B;
}

section.categories .container a .link::after {
	content: url("/partners/html/dist/images/arrow.svg");
    display: table;
    transform: scale(1.35);
    margin: 2px 0 0 0;
}

@media(max-width: 1600px){
	section.categories .container {
		padding-top: 80px;
	}
	section.categories .container a {
		width: calc(50% - 10px);
	}
	section.categories .container a .title {
		font-size: 36px;
		top: 20px;
		left: 30px;
	}
	section.categories .container a .link {
		width: 48px;
		height: 48px;
		left: 30px;
		bottom: 30px;
	}
	section.categories .container a .link::after {
		transform: none;
		margin: 4px 0 0 0;
	}
}

@media(max-width: 784px){
	section.categories .container {
		padding-top: 60px;
	}
	section.categories .container a .title {
		font-size: 32px;
	}
	section.categories .container a .link {

	}
}

@media(max-width: 670px){
	section.categories .container {
		padding-top: 40px;
	}
	section.categories .container a {
		width: 100%;
		margin:0 0 10px 0;
		padding: 66.66% 0 0 0;
	}
	section.categories .container a .title {
		font-size: 24px;
		top: 15px;
		left: 20px;
	}
	section.categories .container a .link {
		width: 40px;
		height: 40px;
		left: 20px;
		bottom: 20px;
	}
}