body{ background: none; font-size: 18px; }
.ui-dialog a.close{ background: #cc1414 url(/landings_new/images/close.png) center no-repeat; background-size: 12px 12px; }
.ui-dialog a.close:hover{ background-color: #e55b5b; }
.mainmenu .els .phone-icon:hover{ background-position: initial; }
.gallery.docs{ display: none; }
.gallery.reviews{ display: none; }

/* mainmenu */
.mainmenu{ border: none; background: #363c4d; }
.mainmenu .els{ display: flex; }
.mainmenu .els a.el{ font-size: 12px; color: #fff; line-height: 40px; margin: 0 5px; }
.mainmenu .els a.el:nth-child(11):after{ display: none;  }
.mainmenu .els .phone-icon{ background: url(/landings_new/images/menu/phone-red.png) no-repeat; right: -5px; }
.mainmenu .els .phone-icon:hover{ background-position: 0 0; }

h2{ padding: 0; text-transform: uppercase; font-weight: 600; font-size: 40px; }

.form{ display: none; }
.form .button{ background: none; background-color: #cc1414; }
.wrapper .form .button:hover{ background-color: #e55b5b; }
.form input.error{ background: none; box-shadow: none; border: rgba(255,0,0,0.8) 1px solid; }
.form .title{ 
    font-size: 24px; text-transform: uppercase; color: #cc1414; font-weight: 600;
    margin-bottom: 15px; padding-top: 15px;
}
#feedback_apply .title{ color: initial; }
#feedback_apply button{ margin-bottom: 20px; }
#feedback_popup{ height: 100px !important; padding-top: 30px; }

/* header */
.header{
    background: url(/landings_new/images/header/header-partners.png) top repeat-x; background-size: cover;
    height: auto; margin: auto;
}
.header .title{ margin: 75px 0; max-width: 100%; text-transform: uppercase; text-align: center; }
.header .contact_info .phone a{ color: #cc1414; }
.header .lines{ margin-left: 50%; }
.header .lines .line{ list-style-type: none; margin-bottom: 20px; font-size: 24px; }
.header .lines .line:before{ content: "■"; color: #cc1414;  padding-right: 10px; }

/* partner-option */
.partner-option .block-title{ display: flex; justify-content: center; align-items: center; max-width: 750px; margin: 0 auto; padding: 40px 0 25px; }
.partner-option .text p:nth-child(1){ margin-top: 0; }
.partner-option .buttons{ padding-top: 20px; display: flex; align-items: center; }
.partner-option .buttons .button{ 
    border: 2px solid #cc1414; border-radius: 5px; padding: 10px 30px; margin-right: 15px;
    color: #cc1414; text-transform: uppercase; text-align: center; font-size: 16px; text-decoration: none; font-weight: 600;
}
.partner-option .buttons .button:hover{ box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px; }
.partner-option .buttons .button.vk{ 
    background: url(/landings_new/images/page-icons/vk-blue-btn.png) 8px no-repeat; border: 2px solid #4a83b4;
    padding: 10px 30px 10px 40px; color: #4a83b4; 
}
.partner-option .buttons .button.telegram{ 
    background: url(/landings_new/images/page-icons/telegam-btn.png) 8px no-repeat; border: 2px solid #0c81cf; 
    padding: 10px 30px 10px 38px; color: #0c81cf; 
}
.partner-option .video-block{ display: flex; justify-content: space-between; align-items: center; }
.partner-option iframe{ min-width: 420px; margin-right: 25px;}

/* auto-advertising */
.auto-advertising .block-title h2{ text-align: right; margin-right: 40px; }
.auto-advertising .block-title .pic{
    background: url(/landings_new/images/ok-partners/car.jpg) center no-repeat; background-size: contain;
    width: 400px; height: 120px;
}

/* printing */
.printing{ background-color: #f2f2f2; }
.printing .block-title h2{ text-align: left; margin-left: 40px; }
.printing .block-title .pic{
    background: url(/landings_new/images/ok-partners/printing.png) center no-repeat; background-size: contain;
    width: 340px; height: 120px;
}

/* ad-selling */
.ad-selling .block-title h2{ text-align: right; margin-right: 40px; }
.ad-selling .block-title .pic{
    background: url(/landings_new/images/ok-partners/vk-cart.png) left no-repeat; background-size: contain;
    width: 340px; height: 140px;
}
.ad-selling .text a{ color: #3399ff; text-decoration: none; }
.ad-selling .text a:hover{ text-decoration: underline; }

/* book-distribution */
.book-distribution{ background-color: #f2f2f2; }
.book-distribution .block-title h2{ text-align: left; margin-left: 40px; }
.book-distribution .block-title .pic{
    background: url(/landings_new/images/ok-partners/books.png) right no-repeat; background-size: contain;
    width: 300px; height: 145px;
}

/* company-practice */
.company-practice .block-title h2{ text-align: right; margin-right: 30px; }
.company-practice .block-title .pic{
    background: url(/landings_new/images/ok-partners/folder.png) left no-repeat; background-size: contain;
    width: 340px; height: 140px;
}

/* cold-calling */
.cold-calling{ background-color: #f2f2f2; }
.cold-calling .block-title h2{ text-align: left; margin-left: 40px; }
.cold-calling .block-title .pic{
    background: url(/landings_new/images/ok-partners/phone.png) right no-repeat; background-size: contain;
    width: 300px; height: 145px;
}

.sales-partner{ background-color: #f2f2f2; }

/* collaboration */
.collaboration{ background-color: #f2f2f2; }
.collaboration .block-title h2{ text-align: left; margin-left: 40px; }
.collaboration .block-title .pic{
    background: url(/landings_new/images/ok-partners/puzzle.png) center no-repeat; background-size: contain;
    width: 214px; height: 140px;
}
.collaboration .text a{ color: #3399ff; text-decoration: none; }
.collaboration .text a:hover{ text-decoration: underline; }

/* contacts */
.contacts{ background-color: #9fc8ef; }
.contacts .wrapper{ padding: 40px 0 13px; }
.contacts .btn-vk{ 
    background: #e1e1e1 url(/landings_new/images/page-icons/vk-blue-transparent.png) 100px no-repeat;
    cursor: pointer; display: block; border: 2px solid #2267a2;  
    width: calc(100% - 40px - 40px - 2px - 2px); padding: 30px 100px; margin-bottom: 30px;
    text-transform: uppercase; text-decoration: none; color: initial; text-align: center; font-size: 24px;
    position: relative; 
}
.contacts .btn-vk span{ color: #2267a2; }
.contacts .open_policy{ 
    margin: 0 auto; display: block; width: 100%; text-align: center; text-decoration: none; color: #88898a;
}
.contacts .btn-vk:after{ 
    content: ''; background: url(/landings_new/images/ok-partners/hand-cursor.png) center no-repeat; background-size: contain;
    width: 80px; height: 90px;
    position: absolute; right: 165px; top: 50px;
}
.contacts .btn-vk:hover{
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 8px;
}
.footer{ background-color: #242833; color: #FFF; }

@media (min-width: 1024px){
    h2,
    .header .title{ text-transform: uppercase; }

    /* form */
    .form{
	   background: #FFF; border: 3px solid #fff; border-radius: 10px;
	   box-shadow: 0px 0px 5px 0px #787676;
	   height: 255px; position: relative;
    }
    .form .button{
	   border-radius: 5px;
	   width: 302px; height: 40px; margin-top: 0;
	   font-weight: 700; font-size: 20px;
    }
    .form input{ box-shadow: none; background: #f5f5f5; border: 1px solid transparent; }
    .form input.error{ background: #f5f5f5; }

}

@media (max-width: 1024px){
    h2{ padding: 0 0 25px; }
    .contact_info{ flex-direction: column; }

    #feedback_apply{ padding: 0 15px; }
    #feedback_apply input{ width: calc(100% - 10px - 10px - 2px - 2px); }
    #feedback_apply a.close{ top: 12px; right: -7px; }
    .form .title{ font-size: 20px; }
    .feedback .els .el:nth-child(1) .line.title,
    .feedback_2 .els .el:nth-child(1) .vk-el{ font-size: 38.5px; }

    
    /* header */
    .header{ 
		background: url(/landings_new/images/header/mob-header-partners.png) bottom; background-size: 100%;
		height: auto; padding-top: 0; margin: auto;
	}
    .header .wrapper{ max-width: 100%; padding: 10px 0 0; }

    .header .contacts_details{ align-items: flex-start; }
    .header .contacts_details img{ height: 50px; }
    .header .header_top{ background-color: initial; color: initial; padding: 0; position: initial; z-index: initial; display: block; }
    .header .title{ font-size: 38px; margin-top: 80px; }
    h2{ margin-bottom: 25px; font-size: 32px; line-height: normal; }
    .header .small-title{ font-size: 27px; }

	.header .lines .line{ padding-right: 20px; }

    .header .contact_info{ flex-direction: column; }
    .header .contact_info .address{ padding-left: 6%; white-space: nowrap; }
    .header .contact_info .extra-info{ width: 100%; background-size: contain !important; }

    .header .header_top .contacts_details .company_name a{ display: block; color: initial; }
    .header .company_name span{ border-bottom: 1px solid #000; font-weight: 400; }

    .header .company_name .description,
    .header .company_name span{ font-size: 2.7vw; }

    .header .header_top .contacts_details .company_name a{ display: block; color: initial; }
    .header .company_name span{ border-bottom: 1px solid #000; font-weight: 400; }

    .header .company_name .description,
    .header .company_name span{ font-size: 2.7vw; }

    .header .header_top .contacts_details_social{
		background-color: #363c4d; color: #FFF; padding: 10px 20px;
		display: flex !important; justify-content: space-between; align-items: center;
		position: fixed; z-index: 10000; top: 0; right: 0; left: 0;
    }
    .header .contacts_details_social .social-media{ max-width: 30%; display: flex !important; justify-content: space-between; }
    .header .contacts_details_social .social-media .el{ background-size: contain !important; width: 50px; height: 50px; margin: 0 8px; }
    .header .contacts_details_social .social-media .viber{ background: url(/landings_new/images/page-icons/viber-upper-menu.png) center no-repeat; }
    .header .contacts_details_social .social-media .whatsapp{ background: url(/landings_new/images/page-icons/whatsup-upper-menu.png) center no-repeat; }
    .header .contacts_details_social .social-media .telegram{ background: url(/landings_new/images/page-icons/telegram-upper-menu.png) center no-repeat; }

    .header .header_top .contacts_details_social{ width: calc(100% - 20px - 20px); }
    .header .header_top .contacts_details_social .contact_info{ text-align: center; }
	.header .header_top .contacts_details .contact_info .phone{ display: none; }
    .header .header_top .contacts_details_social .company_name{ font-size: 25px; font-weight: 600; }
    .header .header_top .contacts_details_social .company_name a{ color: #FFF; }

	.header .contacts_details_social .ask-question{ font-size: 36px; font-weight: 600; }

    .header .note{ padding: 20px 30px 0; text-align: center; font-size: 14px; }

    /* feedback, .form */
    .feedback_2 .form .title{ padding-top: 0; }

    /* partner-option */
    .partner-option .block-title{ padding: 0; flex-direction: column; }
    .partner-option .buttons{ flex-direction: column; padding-top: 0; }
    .partner-option .buttons .button{ width: 350px; margin-right: 0; }
    .partner-option .buttons .button:nth-child(1){ margin-bottom: 15px; }
    .partner-option .text{ font-size: 20px; }
    .partner-option .video-block{ display: block; }
    .partner-option iframe{ margin: 0 auto; display: block; }

    /* auto-advertising */
    .auto-advertising .block-title h2{ margin-right: 0; }
    .auto-advertising .block-title .pic{ width: 250px; height: 80px; }

    /* printing */
    .printing .block-title{ flex-direction: column-reverse; }
    .printing .block-title h2{ margin-left: 0; }

    /* ad-selling */
    .ad-selling .block-title h2{ margin-right: 0; }
    .ad-selling .block-title .pic{
	   background: url(/landings_new/images/ok-partners/vk-cart.png) center no-repeat;
	   background-size: contain; 
    }
    
    /* book-distribution */
    .book-distribution .block-title{ flex-direction: column-reverse; }
    .book-distribution .block-title h2{ margin-left: 0; }
    .book-distribution .block-title .pic{
	   background: url(/landings_new/images/ok-partners/books.png) center no-repeat;
	   background-size: contain; 
    }
    .book-distribution .buttons .button:nth-child(2){ margin-bottom: 15px; }

    /* company-practice */
    .company-practice .block-title h2{ margin-right: 0; }
    .company-practice .block-title .pic{
	   background: url(/landings_new/images/ok-partners/folder.png) center no-repeat;
	   background-size: contain;
    }

    /* cold-calling */
    .cold-calling .block-title{ flex-direction: column-reverse; }
    .cold-calling .block-title h2{ margin-left: 0; }
    .cold-calling .block-title .pic{
	   background: url(/landings_new/images/ok-partners/phone.png) center no-repeat;
	   background-size: contain; 
    }
    .cold-calling .buttons .button:nth-child(2){ margin-bottom: 15px; }

    /* collaboration */
    .collaboration .block-title{ flex-direction: column-reverse; }
    .collaboration .block-title h2{ margin-left: 0; }
    .collaboration .block-title .pic{
	   background: url(/landings_new/images/ok-partners/puzzle.png) center no-repeat;
	   background-size: contain; 
    }
    .collaboration .buttons .button:nth-child(2){ margin-bottom: 15px; }

    /* bankrupt-agent, sales-partner, franchise */
    .bankrupt-agent .buttons .button:nth-child(2),
    .bankrupt-agent .buttons .button:nth-child(3),
    .sales-partner .buttons .button:nth-child(2),
    .sales-partner .buttons .button:nth-child(3),
    .franchise .buttons .button:nth-child(2),
    .franchise .buttons .button:nth-child(3){ margin-bottom: 15px; }

    .bankrupt-agent .buttons .button:nth-child(3),
    .bankrupt-agent .buttons .button:nth-child(4),
    .sales-partner .buttons .button:nth-child(3),
    .sales-partner .buttons .button:nth-child(4),
    .franchise .buttons .button:nth-child(3),
    .franchise .buttons .button:nth-child(4){ width: calc(350px - 8px); }

     /* contacts */
    .contacts .btn-vk{
	   background: #e1e1e1 url(/landings_new/images/page-icons/vk-blue-transparent.png) 50px no-repeat; 
	   width: calc(100% - 30px - 150px - 10px - 10px - 2px - 2px); padding: 30px 30px 30px 150px; margin: 0 auto 40px; 
	   text-align: left; font-size: 18px; margin: 0 auto 60px;
    }
    .contacts .btn-vk:after{ right: 40px; top: 50px; }
}

@media (max-width: 760px){
    h2,
    .feedback .els .el:nth-child(1) .line.title{ font-size: 30px; }

     /* header */
	.header{ background-size: cover; }
    .header .title{ margin-top: 60px; margin-bottom: 30px; font-size: 28px; }
	.header .contacts_details_social .ask-question{ font-size: 4vw; }
	.header .contacts_details_social .social-media .el{ min-width: 40px; height: 40px; margin: 0 3px; }
	.header .contacts_details_social .social-media .el.telegram{ margin-right: 0; }
	.header .contacts_details_social .social-media .el.viber{ margin-left: 0; }
	.header .contact_info .address.red{ margin-top: 7px; }

    .extra-offers .els .el .pic{ min-width: 75px; height: 75px; width: 75px; }

    .partner-option .buttons .button{ width: calc(350px - 30px - 30px); }
    .partner-option iframe{ width: 350px !important; min-width: 350px !important; height: 250px !important; }

    .bankrupt-agent .buttons .button:nth-child(3),
    .bankrupt-agent .buttons .button:nth-child(4),
    .sales-partner .buttons .button:nth-child(3),
    .sales-partner .buttons .button:nth-child(4),
    .franchise .buttons .button:nth-child(3),
    .franchise .buttons .button:nth-child(4){ width: calc(350px - 30px - 30px - 8px); }

    .contacts .btn-vk{ 
	   background: #e1e1e1 url(/landings_new/images/page-icons/vk-blue-transparent.png) 35px no-repeat; 
	   text-align: left; font-size: 18px; margin: 0 auto 50px;
    }
    .contacts .btn-vk:after{ top: 65px; }
}

@media (max-width: 480px){
	.header{ padding-top: 25px; margin: 15px 0 30px; }
	.header .lines{ margin-left: 40%; }
	.header .lines .line{ margin-bottom: 10px; margin-left: 0; }

	.header .header_top .contacts_details_social{ width: calc(100% - 5px - 5px); padding-top: 4px; padding-left: 5px;  padding-bottom: 4px; padding-right: 5px; }
    .header .header_top .contacts_details_social .contact_info{ width: 37%; text-align: left; white-space: nowrap; margin-left: 8px; flex-grow: 1; align-items: flex-start; }
	.header .contact_info .phone a{ font-size: 4.5vw; }
	.header .contacts_details_social .social-media{ width: 26%; justify-content: center; }
	.header .contacts_details_social .social-media .viber{ margin-left: 0; }
	.header .contacts_details_social .ask-question{ width: 37%; font-size: 4.8vw; white-space: nowrap; margin-right: 8px; }
	.header .contacts_details_social .social-media .el{ min-width: 28px; height: 28px; }

    .header .title{ margin-top: 25px; }

    h2,
    .feedback .els .el:nth-child(1) .line.title{ font-size: 6vw; }

    .company_name,
    .company_name span:nth-child(1){ margin-right: 5px; font-size: 3vw !important; }
    .contact_info{ font-size: 2.8vw; }
    .contact_info .phone a{ font-size: 4vw; }
	.header .header_top .contacts_details_social .contact_info{ align-items: flex-end; }

    .contacts .btn-vk:after{ top: 90px; }
}

@media (max-width: 380px){
	.header .contact_info .phone a { font-size: 4.4vw; }
	.header .contacts_details_social .social-media .el:nth-child(1){ margin-left: 0; }
	.header .contacts_details_social .social-media .el { min-width: 26px; height: 26px; margin: 0 1px; }
}