/* общие стили */
.colored-h1				{font-size:25px!important;margin-top:30px;font-weight:600;line-height:1.6em}
.colored-h2				{font-size:23px!important;margin-top:30px;font-weight:600;line-height:1.6em}
.main-text h2			{background-color:#f3f4f5;border:1px solid #f3f4f5;padding:8px 25px;border-radius:7px;font-size:19px!important;margin-top:30px;font-weight:500;line-height:1.6em}
.main-btn				{background:#9b38dc;padding:13px 40px;text-align:center;border-radius:7px;color:#fff;display:inline-block;font-size:14px;font-weight:500;letter-spacing:.5px;text-align:center;transition:background-color .2s ease-in-out}
.main-btn:hover			{background-color:#660099;color:#fff}
.main-btn-download		{background:#fff url(../fonts/download.svg);background-position:left  15px center;background-size:16px;background-repeat:no-repeat;padding:9px 30px 10px 50px;color:#075dbe;align-self:center;border:1px solid #f3f4f5;border-radius:7px;font-size:14px;font-weight:500;letter-spacing:.5px;transition:opacity .2s ease-in-out}
.main-btn-download:hover{opacity:.7}

@media screen and (max-width:1200px) {
.colored-h1 	{font-size:19px!important;line-height:1.4em;font-weight:600}
.colored-h2,
.main-text h2 	{font-size:17px!important;line-height:1.4em;font-weight:600;}
}

/* горизонтальный слайдер */
*[slider-container]		{user-select:none}
.slider-host-flex 		{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:stretch;}
.slider-host-flex>* 	{flex-shrink:0}
.slider-host-four>div	{width:23.5%;margin-right:2%;}
.slider-host-four>div:last-child {margin-right: 0!important;}
@media screen and (max-width:1200px) {
.slider-host-four>div	{width:240px!important;margin-right: 15px;}
}
.prv-btn, 
.nxt-btn	{width:48px;height:48px;top:calc(50% - 24px)!important;border-radius:50%;box-shadow:0 4px 8px rgba(25,35,62,.24)}
.prv-btn	{left:-24px!important;background:#fff url(../fonts/chevron-left.svg) center no-repeat;background-size:16px}
.nxt-btn	{right:-24px!important;background:#fff url(../fonts/chevron-right.svg) center no-repeat;background-size:16px}
@media screen and (max-width:1260px) {
.prv-btn	{left:0px!important}
.nxt-btn	{right:0px!important}
}
@media screen and (max-width:1200px) {
.prv-btn, .nxt-btn	{display:none!important}
}

/* статусные страницы ошибка */
.status-page				{height:100%;display:flex;flex-flow:column}
.status-page>div			{margin-top:35px;display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:stretch;flex-grow:1}
.status-page-icon			{width:35%;min-height:300px;display:flex;align-items:center;justify-content:center;flex:none;background-color: #fff;box-shadow: 0 0px 7px 0 rgb(22, 55, 78, .1);border-radius:15px;padding:25px}
.status-page-icon img		{max-width:200px;max-height:200px;width:100%}
.status-page-desc			{width:65%;padding-left:60px;display:flex;flex-flow:column;justify-content:center;flex-grow:1}
.status-page-desc p			{margin-top:30px;font-size:16px;color:#666}
.status-page-desc a			{flex:none;margin-top:30px}
/* статусная страница статья */
.status-page-article		{align-items:flex-start}
.status-page-article .status-page-desc {width:100%;padding-left:0}
.status-page-article h1		{margin-top:0px}
.status-page-article p		{font-size:14px}
@media screen and (max-width:1200px) {
.status-page-desc			{padding-left:25px}
.status-page-desc h1 		{line-height:1.4em}
.status-page-desc p 		{margin-top:25px;font-size:15px;line-height:1.4em}
}
@media screen and (max-width:719px) {
.status-page-article .status-page-icon 	{display:none}
.status-page-article .status-page-desc 	{padding-left:0}
.status-page-article>div				{margin-top:0}
}

/* пагинация */
.pagination-container					{margin:20px 0 0;display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;background-color:#f3f4f5;border-radius:7px;padding:0px 25px}
.pagination-container *					{font-family:"Lab Grotesque",sans-serif;margin:2px 5px;background-color:transparent;padding:5px 10px;font-size:14px;color:#075dbe;font-weight:500;border:1px solid #f3f4f5;border-radius:4px}
.pagination-container>*:first-child,
.pagination-container>*:last-child		{margin-left:0;margin-right:0;padding:0!important}
.paginator-active						{border:1px solid #333!important;background-color:#fff;color:#666}
@media screen and (max-width:649px) {
.pagination-container>*:first-child,
.pagination-container>*:last-child		{display:none}
}

/* баннер на главной */
.index-welcome			{margin-top:35px;height:400px;background-position:center center;background-repeat:no-repeat;position:relative;display:flex;flex-flow:column;align-items:left;justify-content:center;padding:0px 0px;border-radius:15px}
.index-welcome-shadow	{background:rgba(0,0,0,.45);content:'';width:100%;height:100%;position:absolute;border-radius:15px;z-index:1}
.index-welcome-desc		{z-index:10;padding:0 60px}
.index-welcome-prefs	{z-index:10;margin-top:20px;padding:0 60px;display:flex;flex-flow:row wrap;justify-content:center;}
.index-welcome-btns		{z-index:10;margin-top:35px;padding:0 60px;display:flex;flex-flow:row wrap;justify-content:center;}
.index-welcome h1		{color:#fff;font-size:32px;font-weight:500;line-height:1.4em;margin-top:0;text-align: center;}
.index-welcome p		{color:#fff;font-size:16px;margin-top:15px;text-align: center;}
.index-welcome-prefs>div	{display:flex;flex-flow:column;align-items:center;margin:15px 25px 0 0;width: 22%;}
.index-welcome-prefs>div:last-child {margin-right: 0;}
.index-welcome-prefs-number	{background:#C61212;color:#fff;width:50px;height:50px;border-radius:7px;display:flex;flex:none;align-items:center;justify-content:center;font-size:21px;font-weight:600}
.index-welcome-prefs-text	{color:#fff;font-weight:500;font-size:16px;line-height:1.2em;margin-top:15px;text-align: center;}
.index-welcome-btns a		{min-width:170px;margin-left:35px}
.index-welcome-btns a:first-child{margin-left:0}
@media screen and (max-width:1200px) {
.index-welcome,
.index-welcome-shadow	{border-radius: 0;}
}
@media screen and (max-width:649px) {
.index-welcome,
.index-welcome-shadow	{height:400px;}
.index-welcome h1		{font-size:21px;text-align:center}
.index-welcome p		{font-size:14px;line-height:1.4em;text-align:center;margin-top:10px}
.index-welcome-desc 	{padding:0 10px}
.index-welcome-prefs	{padding:0;margin-top:20px}
.index-welcome-btns		{padding:0 30px;margin-top:30px}
}
@media screen and (max-width:549px) {
.index-welcome-prefs
.index-welcome-prefs-text {line-height:1.4em;font-size: 14px;}
.index-welcome-btns>a	{margin-left:0;width:200px;padding-left:0;padding-right: 0;}
.index-welcome-btns>a:nth-child(1) {display:none}
}

/* преимущества */
.pref-box				{margin-top:15px;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch}
.pref-box-double>div	{width:49%}
.pref-pos				{margin-top:25px;width:23%;background-color: #fff;box-shadow: 0 0px 7px 0 rgb(22, 55, 78, .1);border-radius:10px;padding:30px;display:flex;flex-flow:column;justify-content:center;align-items:center}
.pref-icon				{flex:none;width:50px;height:50px;background-repeat:no-repeat;background-position:center center;background-size:30px;background-color:#16374e;border-radius:10px}
.pref-desc				{font-weight:500;line-height:1.4em;text-align: center;margin-top:20px}
.pref-icon-garant		{background-image:url(../fonts/pref-garant.svg)}
.pref-icon-regular		{background-image:url(../fonts/pref-regular.svg)}
.pref-icon-delivery		{background-image:url(../fonts/pref-delivery.svg)}
.pref-icon-all			{background-image:url(../fonts/pref-all.svg)}
.pref-icon-track		{background-image:url(../fonts/avail-white.svg)}
.pref-icon-actual		{background-image:url(../fonts/pref-actual.svg)}
.pref-icon-sales		{background-image:url(../fonts/pref-sales.svg)}
.pref-icon-route		{background-image:url(../fonts/pref-route.svg)}
.pref-icon-load			{background-image:url(../fonts/pref-load.svg)}
.pref-icon-pay			{background-image:url(../fonts/pref-pay.svg)}
.pref-icon-size			{background-image:url(../fonts/pref-size.svg)}

@media screen and (max-width:1200px) {
.pref-pos				{width:49%}
}
@media screen and (max-width:649px) {
.pref-pos,
.pref-box-double>div	{width:100%}
.pref-pos	{margin-top:15px;padding:20px}
.pref-desc	{margin-top:15px}
}

/* каталог товаров */
.catalog				{margin:25px 0 0px;}
.catalog-pos			{display:flex;flex-flow:column;background-color: #fff;box-shadow: 0 0px 7px 0 rgb(22, 55, 78, .1);margin-bottom: 10px;margin-top:10px;border-radius:10px;overflow:hidden;}
.catalog-pos img 		{width:100%;min-height:140px;object-fit:cover;transition:opacity .2s ease-in-out;background-color:#f3f4f5;display:block}
.catalog-pos img:hover 	{opacity:0.8}
.catalog-desc 			{padding:20px;border-top:none;display:flex;flex-flow:column;flex-grow:1}
.catalog-desc>a			{font-weight:600;font-size:16px}
.catalog-info			{flex-grow:1}
.catalog-info a 		{font-weight:500}
.catalog-info p			{font-size:14px;margin-top:10px}
.catalog-info p:not(:first-child)	{margin-top:0px}
.catalog-price			{margin-top:15px;padding-top:10px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f3f4f5}
.catalog-price p		{font-weight:500;margin-top:0}
.catalog-price a		{display:block;width:24px;height:24px;background:#16374e url(../fonts/right-arr.svg);background-repeat:no-repeat;border-radius:4px;background-size:12px;background-position:center center;transition:opacity .2s ease-in-out}
.catalog-price a:hover 	{opacity:0.8}
@media screen and (max-width:1200px) {
.catalog-desc			{padding:20px}
.catalog-desc>a			{font-size:15px}
}

/* текст на главной */
.index-prefs 			{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin-top:10px;}
.index-prefs>div		{display:flex;flex-flow:column;align-items:center;justify-content: center;background-color: #fff;box-shadow: 0 0px 7px 0 rgb(22, 55, 78, .1);padding:25px 15px;border-radius:7px;margin:15px 0px 0 0;width: 18%;}
.index-prefs>div:last-child {margin-right:0}
.index-pref-name		{font-size:20px;font-weight:600}
.index-pref-desc		{margin-top:10px;text-align: center;}
.index-btns a 			{margin:35px 20px 0 0}
.index-btns a:last-child{margin-right:0}
@media screen and (max-width:1024px) {
.index-prefs>div {width: 49%;}
}
@media screen and (max-width:649px) {
.index-prefs {flex-flow: column;margin-top:0px;}
.index-prefs>div {width: 100%!important;margin:15px 0 0 0;padding:20px}
.index-cities {display: none;}
.index-text a,
.index-terminals a {width: 100%;margin-top:20px;margin-right: 0;}
}

/* постоянные клиенты*/
.brands						{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:stretch;margin-top:10px}
.brands>div					{width:14.75%;margin-top:25px;box-shadow: 0 0px 10px 0 rgb(22, 55, 78, .1);border-radius:10px;background-color: #fff;overflow:hidden;padding:10px 20px}
.brands>div>img 			{width:100%}
@media screen and (max-width:649px) {
.brands						{margin-top:15px}
.brands>div					{width:49%;margin-top:10px}
}

/* благодарственные письма */
.grat-box>div		{margin-top:20px}
.grat-box a			{display:block}
.grat-box img		{width:100%;border:1px solid #f3f4f5;overflow:hidden;border-radius:7px}

/* отзывы */
.review-box			{margin-top:15px;display:flex;flex-flow: column;}
.review-pos 		{padding:25px;margin-top:15px;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius:10px;position:relative}
.review-pos p		{margin-top:0;line-height:1.6em;text-align:left;font-size:14px;padding-left:30px;background-image:url(../fonts/quote.svg);background-position:top -1px left;background-repeat:no-repeat;background-size:15px}
.review-pos img 	{position:absolute;right:20px;bottom:20px;width:75px}
.review-name		{font-weight:500;font-size:14px;margin-top:15px}
.review-time		{font-size:13px;margin-top:10px}
@media screen and (max-width:649px) {
.review-pos			{margin-top:15px;padding:20px}
.review-pos img 	{right:20px;bottom:20px}
.review-wrapper a	{padding:3px}
}

/* часто-задаваемые вопросы */
.faq-box			{margin-top:10px;display: flex;flex-flow: column;}
.faq-box>div		{margin-top:20px;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius:10px;padding:20px 25px}
.faq-question 		{cursor:pointer;user-select:none;transition:opacity .2s ease-in-out}
.faq-question:hover	{opacity:.7}
.faq-question p		{margin-top:0;font-size:17px;font-weight:500;color:#000;line-height:1.4em}
.faq-question p:first-letter{text-transform:uppercase}
.faq-answer			{border-top:1px solid #f3f4f5;margin-top:15px;padding-top:15px}
.faq-answer p		{margin-top:0}
.faq-name			{font-weight:500;margin-top:15px;color:#333}
.faq-time			{font-size:13px;margin-top:10px}
@media screen and (max-width:649px) {
.faq-box>div		{padding:20px}
.faq-question p 	{font-size:15px}
}

/* реквизиты */
.requisite-box		{margin-top:25px}
.requisite-box a	{display:inline-block}

/* поиск */
.form-search				{margin-top:30px;display:flex;flex-flow:row;justify-content:space-between}
.form-search input			{width:100%;padding:12px 30px;background:#fff;border:1px solid #f3f4f5;border-radius:7px;transition:border-color .2s ease-in-out}
.form-search input:focus 	{border-color:#16374e}
.form-search button			{color:#fff;font-size:14px;margin-right:15px;font-weight:500;padding:12px 30px;background:#16374e;border-radius:7px;font-family:'Lab Grotesque',Arial,Helvetica,sans-serif;transition:opacity .2s ease-in-out}
.form-search button:hover	{opacity:0.7}
.search-message				{margin-top:25px}
.search-message p			{font-weight:600;color:#000;font-size: 18px;}
.search-result 				{margin-top:25px}
.search-result>div 			{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;position:relative}
.search-result>div:nth-child(odd) .search-result-desc {background-color:#fff}
.search-result-point		{width:15px;height:15px;flex:none;border-radius:50%;background-color:#C61212;margin-right:25px;margin-top:20px;z-index: 10;}
.search-result-line			{height:100%;border-left:2px solid #ccc;position:absolute;left:6px;top:20px;z-index: 5;}
.search-result-desc			{margin-bottom:10px;padding:15px 25px;border-radius:5px;flex-grow:1}
.search-result-text			{font-weight:500;font-size:16px;line-height: 1.4em;}
.search-result-date			{margin-top:10px;color:#666;font-size:12px}

/* контакты */
.contacts-box				{display:flex;flex-flow:row;justify-content:space-between;margin-top:10px}
.contacts-box>div			{margin-top:0px;display:flex;flex-flow:column;width:49%;align-items:stretch}
.contacts-pos				{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;margin-top:20px;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius:10px;padding:12px 15px;}
.contacts-icon				{flex:none;width:32px;height:32px;border:1px solid #16374e;border-radius:7px;margin-right:15px;background-color:#16374e;background-position:center center;background-size:16px;background-repeat:no-repeat;}
.contacts-icon-red {	flex: none;	width: 18px;	height: 14px;	margin-right: 15px;	background-position: center center;	background-size: 14px;	background-repeat: no-repeat;}
.contacts-phone				{background-image:url(../fonts/phone-wh.svg)}
.contacts-adress			{background-image:url(../fonts/location-wh.svg);background-size:18px!important}
.contacts-email				{background-image:url(../fonts/mail-wh.svg)}.contacts-email2 {background-image: url(../fonts/envelope-open-text-solid-red.png)}
.contacts-schedule          {background-image:url(../fonts/schedule-wh.svg)}
.contacts-main-text			{font-size:16px;font-weight:600;margin-right:10px!important}
.contacts-text				{color:#000;line-height:1.4em}
.contacts-text nobr,
.contacts-text b 			{font-weight:600}
.contacts-additional-text	{color:#000}
.contacts-commun-country	{padding-left:50px;margin-left:30px;background-position:left center;background-size:16px;background-repeat:no-repeat}
.contacts-commun-russia		{background-image:url(../fonts/ru.svg)}
.contacts-commun-china		{background-image:url(../fonts/cn.svg)}
.contacts-btns 				{display:flex;flex-flow:row;align-items:stretch;justify-content:space-between}
.contacts-btns>a			{width:30%;padding:10px 0px 9px 0px!important;text-align:center}
.whatsapp-btn,
.wechat-btn					{text-align:center;border-radius:5px;padding-left:50px!important}
.whatsapp-btn				{background-image:url(../fonts/whatsapp-brands.svg);background-size:30px;background-repeat:no-repeat;background-position:left 10px center}
.wechat-btn					{background-image:url(../fonts/wechat-brands.svg);background-size:30px;background-repeat:no-repeat;background-position:left 10px center}
.contacts-href				{text-decoration:none;font-weight:600;min-width:150px;display:block;font-size:16px}
.contacts-map				{height:400px;margin-top:30px;overflow:hidden;background:#f3f4f5;background-image:url(../fonts/map.svg);background-repeat:no-repeat;background-position:center center;background-size:100px 100px;border-radius:10px;overflow:hidden}

@media screen and (max-width:1100px) {
.contacts-box {flex-flow: column;}
.contacts-box>div {width: 100%;}
}
/* контакты допилы */
.contacts-pos .main-btn-download {margin-left:15px}
@media screen and (max-width:768px) {
.contacts-btns {flex-flow:column;margin-top:15px;border:none;padding:15px}
.contacts-btns>a:first-child{margin-top:0}
.contacts-btns a {align-self:start;margin-top:15px;width:100%;margin-left:0!important}
}
@media screen and (max-width:649px) {
.contacts-main-text {white-space: nowrap;}
.contacts-commun-country {display: block; padding: 5px 0 5px 25px ;margin-left: 0;font-size: 12px;}
.contacts-additional-text {width:100%;margin:5px 0 0 47px;line-height:1.4em}
}
@media screen and (max-width:425px) {
.contacts-btns a {width:100%;text-align:center;padding:12px 30px 12px 30px}
}

/* лицензия */
.licence {width: 100%;max-width: 360px;display: flex}
.licence a {margin-top:25px;padding:15px; box-shadow:0px 5px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;overflow: hidden}
.licence img {width: 100%;}

/* форма отправки данных */
.mail-form					{margin-top:30px;width:100%;box-shadow:0px 5px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;overflow: hidden;}
.mail-form h2				{color:#fff;background:#16374e;font-weight:500;text-align:center;font-size:18px;padding:14px 20px;margin:0}
.mail-form-body 			{border-left:1px solid #f3f4f5;border-right:1px solid #f3f4f5;border-bottom:1px solid #f3f4f5;}
.mail-form-body>p			{padding-top:25px;margin-top:0;font-weight:500;text-align:center}
.mail-form-fields,
.mail-form-submit>div		{max-width:720px;margin-right:auto;margin-left:auto}
.mail-form-fields			{padding:15px 0 25px}
.mail-form-submit>div		{padding:25px 0}
/* инпуты формы */
.mail-form-double			{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.mail-form-double>div		{width:49%}
.mail-form-full>div			{width:100%}
.mail-form-double>div,
.mail-form-full>div			{margin-top:20px;padding:15px 20px;background:#fafafa;border:1px solid #f3f4f5;border-radius:7px;transition:background-color .2s ease-in-out}
.mail-form-double label,
.mail-form-full label		{display:block;font-weight:500}
.mail-form-double input,
.mail-form-full input,
.mail-form-full textarea	{width:100%;padding:10px 0 0;background:transparent;letter-spacing:.25px}
.mail-form-full textarea	{resize:none}
.mail-form-focus			{background-color:#fff!important}
/* чекбоксы */
.mail-form-chekbox						{margin-top:20px}
.mail-form-chekbox input[type=checkbox]	{display:none}
.mail-form-chekbox label				{color:#000;cursor:pointer}
.mail-form-chekbox label:before			{margin:-4px 20px 0 0;padding-top:3px;content:' ';display:block;float:left;height:20px;width:20px;text-align:center;border-radius:5px;color:#fff;border:1px solid #666;transition:border-color .2s ease-in-out,background-color .2s ease-in-out}
.mail-form-chekbox input[type=checkbox]:checked+label:before{content:'\2713';border:1px solid #9b38dc;background-color:#9b38dc}
/* прикрепить файл */
.file-form-body input[type=file]	{display:none}
.input-file							{display:block;margin:20px 0 0;width:100%;text-align:center;background-color:#fafafa;border:1px solid #f3f4f5;padding:12px 5px 14px;border-radius:7px;transition:background-color .2s ease-in-out}
.input-file:hover					{background-color:#fff;cursor:pointer}
#select-photo-button-text			{background-image:url(../fonts/paper-clip.svg);background-repeat:no-repeat;background-position:left center;background-size:15px;padding-left:35px;padding-right:15px;font-size:14px;color:#9b38dc}
#select-file-name-container			{margin:10px 0 0;text-align:center;border:1px solid #f3f4f5;border-radius:7px;padding:8px 20px}
#select-file-name-container span	{color:#000;font-weight:500;width:auto;font-size:12px}
/* как связаться */
.connect-form-body				{margin-top:15px;text-align:center}
.connect-form-body p			{margin:15px 0 0px;color:#000;font-weight:500}
.connect-form-body-flex			{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center;margin-top:10px}
.connect-form-body-flex>div		{width:32%}
.connect-form-body label		{font-weight:400;color:#fff;border-radius:7px;cursor:pointer;text-align:center;padding:12px 0;font-size:14px;display:block}
.connect-form-body input[type=radio]				{display:none}
.connect-form-body input[type=radio]+label			{background:#fafafa;border:1px solid #f3f4f5;color:#000;transition:.15s ease-in-out}
.connect-form-body input[type=radio]:checked+label	{background:#9b38dc;color:#fff}
/* отправка формы */
.mail-form-submit				{border-top:1px solid #f3f4f5}
.mail-form-submit>div			{display:flex;flex-flow:row nowrap;justify-content:space-between;align-items:center}
.mail-form-submit button		{font-family:'Lab Grotesque',Arial,Helvetica,sans-serif;font-size:14px;font-weight:500;letter-spacing:.5px;background-color:#16374e;border-radius:7px;padding:12px 20px;color:#fff;display:block;width:160px;margin-right:25px;transition:opacity .2s ease-in-out}
.mail-form-submit button:hover	{opacity:.7}
.mail-form-submit p				{margin-top:0}
/* форма в модальном окне */
#recall									{display:none}
.modal-form 							{width:100%;max-width:340px;padding:0 15px;box-sizing:border-box}
.modal-form h2							{font-size:20px;text-align:center;margin-top:30px}
.modal-form .mail-form-body 			{border:none}
.modal-form .mail-form-body p 			{text-align:center}
.modal-form .mail-form-fields 			{padding:0}
.modal-form .mail-form-double			{display:block}
.modal-form .mail-form-double>div		{width:100%}
.modal-form .mail-form-submit			{border:none}
.modal-form .mail-form-submit>div 		{flex-flow:column}
.modal-form .mail-form-submit button	{margin-right:0;width:100%;padding:10px 0}
.modal-form .mail-form-submit p			{margin-top:25px;font-size:12px;line-height:1.4em}
/* звёзды рейтинга */
.rating-area 						{overflow:hidden;margin:0;text-align:left;width:180px}
.rating-area p						{margin-top:15px}
.rating-area:not(:checked) > input	{display:none}
.rating-area:not(:checked) > label	{margin-top:10px;float:right;width:36px;padding:0;cursor:pointer;font-size:28px;color:#ccc}
.rating-area:not(:checked) > label:before {content:'★'}
.rating-area > input:checked ~ label {color:#ffd700}
.rating-area:not(:checked) > label:hover,
.rating-area:not(:checked) > label:hover ~ label {color:#ffd700}
.rating-area > input:checked + label:hover,
.rating-area > input:checked + label:hover ~ label,
.rating-area > input:checked ~ label:hover,
.rating-area > input:checked ~ label:hover ~ label,
.rating-area > label:hover ~ input:checked ~ label {color:#ffd700}
.rate-area > label:active			{position:relative}
@media screen and (max-width:1200px) {
.mail-form 				{margin-top:25px}
.mail-form-fields, 
.mail-form-submit>div	{max-width:680px}
}
@media screen and (max-width:1024px) {
.mail-form h2								{font-size:17px;border-radius:5px 5px 0 0;padding:14px 20px;line-height:1.4em}
.mail-form-body								{border-radius:0 0 5px 5px}
.mail-form-body>p							{font-size:14px;padding:20px 14px 0;margin-top:0px!important;line-height:1.4em;font-weight:400}
.mail-form-fields, .mail-form-submit>div 	{max-width:100%}
.mail-form-double>div, .mail-form-full>div	{margin-top:10px;padding:12px 14px}
.mail-form-double label,
.mail-form-full label,
.rating-area p								{font-size:14px;font-weight:600}
.mail-form-chekbox label:before				{margin-right:10px}
.input-file									{margin:20px 0 0}
.mail-form-fields,
.mail-form-submit>div 						{padding:20px;flex-flow:column;margin-right:0px}
.mail-form-submit button 					{padding:12px 0px;width:100%;margin-right:0px;border-radius:5px;font-size:14px;font-weight:600}
.mail-form-submit p							{margin-top:15px;text-align:center;padding:0;font-size:12px!important}
.modal-form h2								{font-size:18px}
.modal-form p								{padding-top:10px}
.modal-form .mail-form-submit>div			{padding:15px 0px}
.modal-form .mail-form-fields				{margin-top:20px}
.connect-form-body label					{border-radius:5px;font-size:12px;font-weight:600}
}
@media screen and (max-width:425px) {
.mail-form-double			{display:block}
.mail-form-double>div		{width:100%}
}

/* примеры отрпавленных грузов */
.examples 				{margin-top:20px}
.examples>div 			{margin-top:20px;display:flex;background-color: #fff;box-shadow: 0 0px 5px 0 rgb(22, 55, 78, .1);border-radius:10px;padding:25px 25px}
.example-image 			{margin-right:40px;width:235px;flex:none;}
.example-image img		{width:100%;border-radius:5px;overflow:hidden}
.example-image-others 	{display:flex}
.example-image-others>a {margin-top:10px;margin-right:10px}
.example-image-others>a:nth-child(3n+3) {margin-right:0!important}
.example-desc 			{display:flex;flex-flow:column;flex-grow:1;justify-content:center}
.example-desc-name 		{margin-top:5px;font-size:18px;display:flex;justify-content:space-between}
.example-desc-name span	{color:#666;font-size:14px;font-weight:400}
.example-desc-name span a {font-weight:500}
.example-desc-info 			{display:flex;justify-content:space-between;margin-top:20px}
.example-desc-info>div 		{width:28%}
.example-desc-info>div>div 	{display:flex;justify-content:space-between;border-bottom:1px dashed #ccc;padding:12px 5px}
.example-desc-comment 		{margin-top:15px;font-weight:400;display:flex;justify-content:flex-start;align-items:flex-start}
.example-desc-icon 			{flex:none;width:32px;height:32px;border-radius:5px;margin-right:15px;background:#C61212 url(../fonts/example-comment.svg);background-size:18px;background-repeat:no-repeat;background-position:center}
.example-desc-text-name		{font-size:12px;font-weight:500;margin-top:5px}
.example-desc-text-stars img {width:75px;margin-top:10px}
.example-desc-total			{font-weight:500;font-size:16px;margin-top:20px}
/* показать еще */
.example-show-more		{margin-top:20px;border:1px solid #f3f4f5!important;border-radius:7px;width:100%;font-size:14px;font-weight:600;color:#075dbe;padding:12px 25px;background:#f9f9f9;transition:color .2s ease-in-out}
.example-show-more:hover{color:#99c}
.example-show-more span	{background-color:#9b38dc;padding:1px 6px;border-radius:3px;color:#fff}
@media screen and (max-width:1024px) {
.example-desc-info {flex-flow: column;}
.example-desc-info>div {width: 100%;}
.example-desc-info>div>div {padding:10px 0}
}
@media screen and (max-width:768px) {
.example-desc-name {flex-flow: column;}
.example-image {margin-right: 0;}
.example-desc {margin-top:25px}
}
@media screen and (max-width:649px) {
.examples>div {flex-flow: column;padding:20px;}
}
@media screen and (max-width:425px) {
.example-image {width: 100%;}
}

/* города доставки */
.city-ul			{margin-top:20px;display:flex;flex-flow:row wrap;justify-content:flex-start}
.city-ul li 		{width:25%;padding-right:20px;margin-top:10px;line-height:1.8em;font-size:16px;font-weight:600;color:#000;letter-spacing:0.15px}
.city-ul li>span	{display:block;font-size:14px;font-weight:400;color:#666;line-height:1em}
.city-ul > .city-word:nth-child(1) {margin-top:0!important}
.city-word 			{width:100%!important;margin:25px 0 15px!important}
.city-word-pos 		{display:flex!important;justify-content:center;align-items:center;width:40px;height:40px;background-color:#C61212;border-radius:7px;color:#fff!important;font-size:18px!important;	font-weight:600!important}
@media screen and (max-width:719px) {
.city-ul li 		{width:50%;padding-right:0;padding-left:0px;margin-top:10px}
}

/* калькулятор */
.calc 						{margin-top:30px;width:100%;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;overflow: hidden;}
.calc h2					{color:#fff;background:#16374e;font-weight:500;text-align:center;font-size:18px;padding:14px 20px;margin-top:0}
.calc-body					{padding:15px 0 25px;}
.calc-width					{max-width:720px;margin-right:auto;margin-left:auto}
.calc-city					{display:flex;justify-content:space-between}
.calc-city>div 				{width:47%;position:relative}
.calc-body h3 				{font-size:16px;font-weight:600;margin-top:25px}
.calc-volume 				{display:flex;justify-content:space-between;align-items:stretch}
.calc-volume>div 			{display:flex;flex-flow:column;justify-content:center;align-items:center;width:30%;margin-top:25px;padding:20px 15px;border-radius:5px;background-color:#fafafa;border:1px solid #f3f4f5}
.calc-volume h4 			{font-size:14px;margin-bottom:15px}
.calc-volume>div>div 		{display:flex;align-items:stretch}
.calc-volume input 			{margin:0 10px;width:70px;padding:3px 0;border-radius:5px;text-align:center;border:1px solid #fff}
.calc-volume button 		{color:#fff;font-weight:600;font-size:16px;background:#9b38dc;border-radius:5px;padding:3px 10px;transition:background-color .2s ease-in-out}
.calc-volume button:hover	{background-color:#16374e}

.search-select-container 			{margin-top:20px;padding:12px 15px;border-radius:5px;border:1px solid #f3f4f5}
.search-select-options 				{left:0;top:40px;background:#fff;border-radius:5px;padding:10px;display:block;border:1px solid #f3f4f5}
.search-select-options input 		{border:1px solid #f3f4f5;background:#fff;padding:8px 10px;width:100%;border-radius:5px;transition:border-color 0.15s ease-in-out}
.search-select-options input:focus 	{border-color:#333}
.search-select-options-ul 			{margin:10px 0 0}
.search-select-options-li 			{padding:10px;transition:color 0.15s ease-in-out}
.search-select-options-li:hover 	{color:#ccc}
.search-select-none 				{padding:20px 10px 0}



.calc-transport 				{display:flex;justify-content:space-between;margin-top:15px}
.calc-transport input			{display:none}
.calc-transport span 			{background:#fafafa;border:1px solid #f3f4f5;margin-top:5px;display:block;padding:10px 18px;border-radius:5px;cursor:pointer;transition:background-color .2s ease-in-out, color .2s ease-in-out}
.calc-transport input[type="radio"]:checked+span{background:#9b38dc;border:1px solid #9b38dc;color:#fff} 

.calc-result 				{border-top:1px solid #f3f4f5;margin-top:25px}
.calc-result button 		{padding:12px 25px;margin-top:25px;font-size: 14px;background-color:#16374e;color:#fff;font-weight:600;border-radius:5px;transition:opacity .2s ease-in-out}
.calc-result button:hover 	{opacity:.7}
.calc-result-price			{font-weight:600;font-size:16px;margin-top:25px}
.calc-result-buttons		{}
.calc-result-buttons a 		{margin:15px 15px 0 0;font-weight:600}
.calc-result-text 			{margin-top:15px}
@media screen and (max-width:768px) {
.calc-body 				{padding:15px 15px 25px;}
.calc-city 				{flex-flow: column;}
.calc-city>div 			{width:100%}
.calc-volume  			{flex-flow: column;}
.calc-volume>div 		{width:100%}
.calc-transport 		{flex-flow: column;}
.calc-transport span 	{text-align: center;}
.calc-result button 	{width: 100%;}
.calc-result-buttons 	{flex-flow: column;}
.calc h2 				{font-size: 16px!important;}
.calc-transport span 	{margin-top:5px;font-weight: 500;}
}
.cresultb {
    color: #fff;
    background: #C61212;
    font-size: 12px;
    letter-spacing: .5px;
    padding: 12px 0;
    border-radius: 5px;
    text-decoration: none;
    font-family: "haas",sans-serif;
    text-align: center;
    margin: 20px auto 0;
    margin-left: auto;
    display: block;
    float: left;
    width: 47%;
    margin-left: 1%;
    font-weight: 500;
    text-transform: uppercase;
    transition: all .55s ease-in-out;
}
.cresultb:hover {background-color: #16374e;color:#FFF;}
/* особенности и условия */
.steps 				{display:flex;align-items:stretch;justify-content:space-between;margin-top:20px}
.steps>div 			{margin-top:25px}
.steps-left 		{flex-grow:1;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;padding:35px 50px 35px 0;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-end;background-image:url(../fonts/logo-wh-op.svg);background-position:bottom 20px center;background-repeat:no-repeat;background-size:80%}
.steps-left h2 		{margin-top:0;text-align:right}
.steps-left h2 span {display:block;font-size:16px;margin-top:5px;color:#666}
.steps-left a 		{margin-top:30px;background-color:#16374e}
.steps-right 		{display:flex;flex-flow:column;width:65%;padding-left:40px}
.steps-right>div:first-child{margin-top:0}
.steps-big-text>div 			{min-height:120px}
.steps-small-text>div 			{min-height:100px}
.steps-big-text>div:last-child,
.steps-small-text>div:last-child {min-height:1px}

.steps-unit 		{display:flex;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;margin-top:25px;padding:25px;}
.steps-icon 		{margin-right:25px;position:relative}
.steps-icon-pattern {position:relative;width:50px;height:50px;border-radius:10px;background-color:#C61212;display:flex;align-items:center;justify-content:center;color:#fff;font-size:21px;font-weight:600;background-position:center center;background-size:24px;background-repeat:no-repeat}

.steps-icon-weight 		{background-image:url(../fonts/st-weight.svg)}
.steps-icon-price 		{background-image:url(../fonts/st-price.svg)}
.steps-icon-contract 	{background-image:url(../fonts/st-contract.svg)}
.steps-icon-repeat 		{background-image:url(../fonts/st-repeat.svg)}
.steps-icon-map 		{background-image:url(../fonts/st-map.svg)}
.steps-icon-calendar 	{background-image:url(../fonts/st-calendar.svg)}
.steps-line 		{height:100%;/*border-left:2px solid #C61212;*/position:absolute;left:50%;bottom:0}
.steps-desc h3 		{font-size:18px;margin-top:0px;font-weight:600}
.steps-desc p 		{margin-top:10px}
@media screen and (max-width:649px) {
.steps 				{flex-flow: column;margin-top:30px}
.steps-left 		{width: 100%;padding:0;background:none;border:none;align-items:center;justify-content: center;margin-top:0!important;box-shadow: none;}
.steps-left h2 		{text-align: center;}
.steps-left a 		{display: none;}
.steps-right 		{width: 100%;padding:0;}
.steps-unit			{padding:20px;margin-top:15px;}
.steps-icon			{margin-right: 20px;}
.steps-desc h3		{font-size: 16px;}
}

/* горизонтальные */
.gorizontal 				{display:flex;margin-top:40px;box-shadow: 0 0px 10px 0 rgb(22, 55, 78, .1);border-radius:10px;background-color: #fff;padding:10px 0px}
.gorizontal-image 			{flex-grow:1;text-align:center;}
.gorizontal-image img 		{width:100%;max-width:260px}
.gorizontal-desc 			{width:65%;padding-left:20px;display:flex;flex-flow:column;justify-content:center;align-items:flex-start}
.gorizontal-desc h2 		{margin:0;font-size:20px}
.gorizontal-desc p 			{font-size:16px;font-weight:500;margin-top:10px;color:#666}
.gorizontal-desc a			{margin-top:20px}
.gorizontal-termilals a 	{background:#9b38dc}
.gorizontal-calculation a 	{background:#9b38dc}
.gorizontal-express a 		{background:#9b38dc}

@media screen and (max-width:649px) {
.gorizontal 		{flex-flow: column;;padding:0px 0 25px;}
.gorizontal-desc 	{width: 100%;padding: 0 30px;align-items:center;text-align: center;}
.gorizontal-desc p {text-align: center;}
}

/* новости и статьи на главной */
.news-box				{display:flex;flex-flow:row wrap;justify-content:space-between}
.news-box>div			{width:48.5%;}
.news-pos				{margin-top:25px;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;padding:25px;}
.news-img-theme 		{display:flex;flex-flow:row nowrap; justify-content:space-between}
.news-img-theme>a		{width:30%;}
.news-img-theme>a>img 	{width:100%;border-radius:4px;overflow:hidden}
.news-img-theme>div		{width:65%}
.news-date 				{font-size:12px;padding:3px 10px;background-color:#f3f4f5;border-radius:3px;font-weight:600;display:inline-block;margin-right:15px}
.news-views				{font-size:12px;color:#666;padding:0 0 0 30px;background-image:url(../fonts/view.svg);background-position:center left;background-repeat:no-repeat;background-size:16px;display:inline-block}
.news-url 				{margin-top:15px;font-size:14px;font-weight:500;line-height:1.6em}
.news-url a				{display: block;font-size: 16px;}
.news-desc 				{margin-top:15px;}
.news-desc p			{line-height:1.6em}
.news-btn				{margin-top:30px}
.news-btn .main-btn		{width:180px;padding:12px 0px!important}

/* страница всех новостей */
.news-list-box		{margin-top:15px;display: flex;flex-flow: column;}
.news-list-pos 		{display:flex;flex-flow:row nowrap;justify-content:space-between;padding:25px;margin-top:15px;box-shadow:0px 0px 7px 0px rgba(22, 55, 78, .1);background-color:#fff;border-radius: 10px;}
.news-list-img 		{width:15.5%;align-self:flex-start}
.news-list-img a	{display: block;}
.news-list-img img	{width:100%;border-radius:4px;overflow:hidden}
.news-list-img>div	{display:flex;flex-flow:row wrap;justify-content:space-between}
.news-list-img>div>span{width:48%;margin-top:15px}
.news-list-desc		{width:80%}
.news-list-date		{font-size:12px;padding:3px 10px;background-color:#f3f4f5;border-radius:3px;font-weight:600;display:inline-block}
.news-list-url		{font-size:16px;margin-top:15px;display:inline-block}
.news-list-text 	{line-height:1.6em;margin-top:10px}
.news-list-text p	{margin:0;padding:0 0 0 30px;background-image:url(../fonts/quote.svg);background-position:top 3px left;background-repeat:no-repeat;background-size:15px;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.news-list-info		{display:flex;flex-flow:row; justify-content:flex-start}
.news-list-views	{font-size:12px;margin-top:10px;color:#666;padding:0 0 0 30px;background-image:url(../fonts/view.svg);background-position:center left;background-repeat:no-repeat;background-size:16px}

/* страница новости */
.news-page-pos					{display:flex;flex-flow:row nowrap;justify-content:space-between;border-bottom:1px solid #f3f4f5;padding-bottom:30px;margin-top:30px}
.news-page-text p				{font-size: 14px;}
.news-page-share				{margin-top:25px;min-height:24px}
.news-page-share li::before 	{display:none}
.news-page-pos .news-list-img 	{width:30%}
.news-page-pos .news-list-desc	{width:65%}
.news-page-pos .news-list-views {margin-top:20px;}

/* ограничения вывода фото */
.news-page-pos .news-list-img>div>span:nth-child(n+4) 		{display: none}
.news-page-pos .count-image-three>div>span:nth-child(n+4) 	{display: block}
.news-page-pos .count-image-three>div>span:nth-child(n+5) 	{display: none}

/* видео с ютуба */
.news-video-box				{display:flex;flex-flow:row wrap;align-items:center;justify-content:space-between;border-radius: 4px;overflow: hidden;}
.news-video-box>div 		{width:100%;}
.news-video-unit 			{position:relative;padding-bottom:75%;height:0;overflow:hidden}
.news-video-unit iframe, 
.news-video-unit object, 
.news-video-unit embed 		{position:absolute;top:0;left:0;width:100%;height:100%;border-width:0;outline-width:0}

@media screen and (max-width:1024px) {
.news-box>div		{width: 100%;}
.news-img-theme>a 	{width: 160px;}
.news-img-theme>div {width: calc(100% - 160px - 30px);}
.news-list-pos 		{padding:20px}
.news-list-img		{width:30%;}
.news-list-desc		{width:65%}
.news-list-text p	{-webkit-line-clamp: 10;}
}
@media screen and (max-width:649px) {
.news-img-theme>a 	{display: none;}
.news-img-theme>div {width: 100%;}
.news-url a			{font-size: 14px;}
.news-desc			{margin-top:5px;}
.news-pos			{padding:20px;}
}

@media screen and (max-width:425px) {
.news-page-pos							{flex-flow: column;align-items: stretch;margin-top:10px}
.news-page-pos .news-list-img			{width: 100%;display: flex;flex-flow: row nowrap;justify-content: space-between;}
.news-page-pos .news-list-img>a			{width: 49%;margin-top:10px;}
.news-page-pos .news-list-img>a img		{height: 100%;}
.news-page-pos .news-list-img>div		{width: 49%;}
.news-page-pos .news-list-img>div>span	{margin-top:10px}
.news-page-pos .news-list-desc			{width: 100%;margin-top:20px}
.news-page-pos .news-list-desc h4 		{margin-top:25px}
}