Warning: include_once(/volume1/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache-phase1.php): failed to open stream: No such file or directory in /volume4/web/abelog.ru/mwtrade/www/wp-content/advanced-cache.php on line 22

Call Stack:
    0.0000     360232   1. {main}() /volume4/web/abelog.ru/mwtrade/www/index.php:0
    0.0000     360512   2. require('/volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php') /volume4/web/abelog.ru/mwtrade/www/index.php:17
    0.0000     360896   3. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-load.php') /volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php:13
    0.0001     361592   4. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-config.php') /volume4/web/abelog.ru/mwtrade/www/wp-load.php:37
    0.0001     363024   5. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-settings.php') /volume4/web/abelog.ru/mwtrade/www/wp-config.php:91
    0.0004     559232   6. include('/volume4/web/abelog.ru/mwtrade/www/wp-content/advanced-cache.php') /volume4/web/abelog.ru/mwtrade/www/wp-settings.php:97


Warning: include_once(): Failed opening '/volume1/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache-phase1.php' for inclusion (include_path='.:/usr/share/pear') in /volume4/web/abelog.ru/mwtrade/www/wp-content/advanced-cache.php on line 22

Call Stack:
    0.0000     360232   1. {main}() /volume4/web/abelog.ru/mwtrade/www/index.php:0
    0.0000     360512   2. require('/volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php') /volume4/web/abelog.ru/mwtrade/www/index.php:17
    0.0000     360896   3. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-load.php') /volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php:13
    0.0001     361592   4. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-config.php') /volume4/web/abelog.ru/mwtrade/www/wp-load.php:37
    0.0001     363024   5. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-settings.php') /volume4/web/abelog.ru/mwtrade/www/wp-config.php:91
    0.0004     559232   6. include('/volume4/web/abelog.ru/mwtrade/www/wp-content/advanced-cache.php') /volume4/web/abelog.ru/mwtrade/www/wp-settings.php:97


Warning: include(/volume1/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache-base.php): failed to open stream: No such file or directory in /volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php on line 95

Call Stack:
    0.0000     360232   1. {main}() /volume4/web/abelog.ru/mwtrade/www/index.php:0
    0.0000     360512   2. require('/volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php') /volume4/web/abelog.ru/mwtrade/www/index.php:17
    0.0000     360896   3. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-load.php') /volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php:13
    0.0001     361592   4. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-config.php') /volume4/web/abelog.ru/mwtrade/www/wp-load.php:37
    0.0001     363024   5. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-settings.php') /volume4/web/abelog.ru/mwtrade/www/wp-config.php:91
    0.0132    1925240   6. include_once('/volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php') /volume4/web/abelog.ru/mwtrade/www/wp-settings.php:371


Warning: include(): Failed opening '/volume1/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache-base.php' for inclusion (include_path='.:/usr/share/pear') in /volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php on line 95

Call Stack:
    0.0000     360232   1. {main}() /volume4/web/abelog.ru/mwtrade/www/index.php:0
    0.0000     360512   2. require('/volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php') /volume4/web/abelog.ru/mwtrade/www/index.php:17
    0.0000     360896   3. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-load.php') /volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php:13
    0.0001     361592   4. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-config.php') /volume4/web/abelog.ru/mwtrade/www/wp-load.php:37
    0.0001     363024   5. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-settings.php') /volume4/web/abelog.ru/mwtrade/www/wp-config.php:91
    0.0132    1925240   6. include_once('/volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php') /volume4/web/abelog.ru/mwtrade/www/wp-settings.php:371


Warning: include_once(/volume1/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/ossdl-cdn.php): failed to open stream: No such file or directory in /volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php on line 118

Call Stack:
    0.0000     360232   1. {main}() /volume4/web/abelog.ru/mwtrade/www/index.php:0
    0.0000     360512   2. require('/volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php') /volume4/web/abelog.ru/mwtrade/www/index.php:17
    0.0000     360896   3. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-load.php') /volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php:13
    0.0001     361592   4. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-config.php') /volume4/web/abelog.ru/mwtrade/www/wp-load.php:37
    0.0001     363024   5. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-settings.php') /volume4/web/abelog.ru/mwtrade/www/wp-config.php:91
    0.0132    1925240   6. include_once('/volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php') /volume4/web/abelog.ru/mwtrade/www/wp-settings.php:371


Warning: include_once(): Failed opening '/volume1/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/ossdl-cdn.php' for inclusion (include_path='.:/usr/share/pear') in /volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php on line 118

Call Stack:
    0.0000     360232   1. {main}() /volume4/web/abelog.ru/mwtrade/www/index.php:0
    0.0000     360512   2. require('/volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php') /volume4/web/abelog.ru/mwtrade/www/index.php:17
    0.0000     360896   3. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-load.php') /volume4/web/abelog.ru/mwtrade/www/wp-blog-header.php:13
    0.0001     361592   4. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-config.php') /volume4/web/abelog.ru/mwtrade/www/wp-load.php:37
    0.0001     363024   5. require_once('/volume4/web/abelog.ru/mwtrade/www/wp-settings.php') /volume4/web/abelog.ru/mwtrade/www/wp-config.php:91
    0.0132    1925240   6. include_once('/volume4/web/abelog.ru/mwtrade/www/wp-content/plugins/wp-super-cache/wp-cache.php') /volume4/web/abelog.ru/mwtrade/www/wp-settings.php:371


<head>
  <!DOCTYPE html>
  <html lang="ru">
  <meta charset="UTF-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>Рассчитать стоимость международной перевозки груза - калькулятор грузоперевозок</title>
  <meta name="msapplication-TileColor" content="#ffffff">
  <meta name="theme-color" content="#ffffff">
  <link rel="shortcut icon" href="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/favico/favicon.ico" type="image/x-icon">
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  
<!-- This site is optimized with the Yoast SEO plugin v12.2 - https://yoast.com/wordpress/plugins/seo/ -->
<meta name="description" content="Благодаря калькулятору от компании Mwtrade, вы легко сможете получить детальный расчёт стоимости международной перевозки груза в любую страну мира."/>
<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1"/>
<link rel="canonical" href="https://mwtrade.abelog.ru/informaciya/kalkulyator-stoimosti/" />
<meta property="og:locale" content="ru_RU" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Рассчитать стоимость международной перевозки груза - калькулятор грузоперевозок" />
<meta property="og:description" content="Благодаря калькулятору от компании Mwtrade, вы легко сможете получить детальный расчёт стоимости международной перевозки груза в любую страну мира." />
<meta property="og:url" content="https://mwtrade.abelog.ru/informaciya/kalkulyator-stoimosti/" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:description" content="Благодаря калькулятору от компании Mwtrade, вы легко сможете получить детальный расчёт стоимости международной перевозки груза в любую страну мира." />
<meta name="twitter:title" content="Рассчитать стоимость международной перевозки груза - калькулятор грузоперевозок" />
<script type='application/ld+json' class='yoast-schema-graph yoast-schema-graph--main'>{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://mwtrade.abelog.ru/#website","url":"https://mwtrade.abelog.ru/","name":"","potentialAction":{"@type":"SearchAction","target":"https://mwtrade.abelog.ru/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"WebPage","@id":"https://mwtrade.abelog.ru/informaciya/kalkulyator-stoimosti/#webpage","url":"https://mwtrade.abelog.ru/informaciya/kalkulyator-stoimosti/","inLanguage":"ru-RU","name":"\u0420\u0430\u0441\u0441\u0447\u0438\u0442\u0430\u0442\u044c \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u044c \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0438 \u0433\u0440\u0443\u0437\u0430 - \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440 \u0433\u0440\u0443\u0437\u043e\u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043e\u043a","isPartOf":{"@id":"https://mwtrade.abelog.ru/#website"},"datePublished":"2020-06-29T13:51:28+03:00","dateModified":"2020-08-04T09:07:00+03:00","description":"\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043a\u0430\u043b\u044c\u043a\u0443\u043b\u044f\u0442\u043e\u0440\u0443 \u043e\u0442 \u043a\u043e\u043c\u043f\u0430\u043d\u0438\u0438 Mwtrade, \u0432\u044b \u043b\u0435\u0433\u043a\u043e \u0441\u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u043b\u0443\u0447\u0438\u0442\u044c \u0434\u0435\u0442\u0430\u043b\u044c\u043d\u044b\u0439 \u0440\u0430\u0441\u0447\u0451\u0442 \u0441\u0442\u043e\u0438\u043c\u043e\u0441\u0442\u0438 \u043c\u0435\u0436\u0434\u0443\u043d\u0430\u0440\u043e\u0434\u043d\u043e\u0439 \u043f\u0435\u0440\u0435\u0432\u043e\u0437\u043a\u0438 \u0433\u0440\u0443\u0437\u0430 \u0432 \u043b\u044e\u0431\u0443\u044e \u0441\u0442\u0440\u0430\u043d\u0443 \u043c\u0438\u0440\u0430."}]}</script>
<!-- / Yoast SEO plugin. -->

<link rel='stylesheet' id='wp-block-library-css'  href='https://mwtrade.abelog.ru/wp-includes/css/dist/block-library/style.min.css' type='text/css' media='all' />

  <link href="https://fonts.googleapis.com/css?family=Exo+2:500%7CMontserrat+Alternates:400,700&amp;subset=cyrillic" rel="stylesheet">
  <link rel="stylesheet" href="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/css/style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.0/animate.min.css">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">
  <!--<link rel="stylesheet" href="css/jquery.fancybox.css">-->
  <link rel="stylesheet" href="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/css/bootstrap.min.css">
    
</head>

<body class="page-template page-template-form1-page page-template-form1-page-php page page-id-1333 page-child parent-pageid-1317"><style>
.timeline {
  padding-top: 1rem;
  padding-bottom: 1rem;
  position: relative;
}
.timeline::before {
  content: "";
  position: absolute;
  width: .125rem;
  height: 100%;
  background-color: #dee2e6;
  left: 2rem;
  top: 0;
}
.timeline-wrapper {
  margin-bottom: 1rem;
  padding-left: 4rem;
}
.timeline-wrapper:last-child {
  margin-bottom: 0;
}
.timeline-item {
  position: relative;
  background-color: #d25463;
  color: #fff;
  padding: .825rem;
  border-radius: .25rem;
}
.timeline-item::before {
  content: "";
  position: absolute;
  width: .75rem;
  height: .75rem;
  background-color: #d25463;
  border-radius: .4rem;
  left: -2.3125rem;
  top: 50%;
  transform: translateY(-50%);
}
.timeline-item::after {
  content: "";	
  position: absolute;
  width: 0;
  height: 0;
  border-top: 1rem solid transparent;
  border-bottom: 1rem solid transparent;
  border-right: 1rem solid #d25463;
  left: -1rem;
  top: 50%;
  transform: translateY(-50%);
}
.timeline-item.old {
  background-color: #005093;
  color: #fff;
}
.timeline-item.old::before {
  background-color: #005093;
}
.timeline-item.old::after {
  border-right-color: #005093;
}
.timeline-item.new {
  background-color: #ccc;
  color: #555;
}
.timeline-item .modal {
  color: #555;
}
.timeline-item.new::before {
  background-color: #ccc;
}
.timeline-item.new::after {
  border-right-color: #ccc;
}
.timeline-item-value {
  display: block;
  float: right;
  color: #ddd;
  font-size: 0.725rem;
}
.timeline-item-header {
  display: block;
  font-weight: bold;
  font-size: 1.125rem;
}
.timeline-item-description {
  display: block;
  font-size: .875rem;
  color: rgba(255,255,255,.8);
  padding-top: 1.0rem;
  padding-bottom: 1.0rem;
  line-height: 1.7;
}
.old .timeline-item-description, .old .timeline-item-link, 
.new .timeline-item-description, .new .timeline-item-link{
  --display: none;
}
.timeline-item-link {
  display: block;
  font-size: .875rem;
  line-height: 1.7;
  text-align: right;
}
@media (min-width: 576px) {
  .timeline::before {
    left: 50%;
  }
  .timeline-wrapper:nth-child(odd) {
    padding-right: 2rem;
    padding-left: 15px;
  }
  .timeline-wrapper:nth-child(even) {
    padding-left: 2rem;
    margin-left: 50%;
    margin-top: -2rem;
  }
  .timeline-wrapper:nth-child(2n+3) {
    margin-top: -2rem;
  }
  .timeline-wrapper:nth-child(odd) .timeline-item::before {
    right: -2.5rem;
    left: unset;
  }
  .timeline-wrapper:nth-child(odd) .timeline-item::after {
    border-left: 1rem solid #d25463;
    border-right: none;
    left: unset;
    right: -1rem;
  }
  .timeline-wrapper:nth-child(odd) .timeline-item.old::after {
    border-left-color: #005093;
  }
  .timeline-wrapper:nth-child(odd) .timeline-item.new::after {
    border-left-color: #ccc;
  }
}
</style>
<header>
	<div class="container header-unit">
		<div class="row">
			<div class="col-lg-3 logo col-md-5 col-12">
				<a href="/"><img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/logo.png" alt=""></a>
			</div>
			<div class="col-lg-5 description col-md-4 hide-md">
				<div>Организация всей логистической цепочки по приобретению товара за рубежом,
					его транспортировке, таможенному оформлению, сертификации и доставке в Россию.</div>
			</div>
			<div class="col-lg-4 contacts col-md-7 col-sm-12 col-12">
				<div class="row">
					<div class="col-lg-3 col-md-4 col-sm-4 col-4">
						<img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/phone.png" alt="">
					</div>
					<div class="col-lg-9 col-md-8 phone-header col-sm-8 col-8">
						<p><a href="tel:+78007009969" style="color: #005093;">+7(800)700-99-69</a></p>
					</div>
				</div>
				<div class="row mail">
					<div class="col-lg-3 col-md-4 col-sm-4 col-4">
						<img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/mail.png" alt="">
					</div>
					<div class="col-lg-9 col-md-4 mail-header col-sm-8 col-8">
						<p><a href="mailto:official@mwtrade.ru">official@mwtrade.ru</a></p>
					</div>
				</div>
			</div>
		</div>
	</div>
	  <div class="container container-head-menu">
    <div class="row head-menu" id="menu">
      <div class="col-lg-12 head-menu-col">
        <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar1" aria-controls="navbar1" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
          </button>

          <div class="collapse navbar-collapse" id="navbar1">
            <ul class="navbar-nav">

	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/" id="navbarDropdown"1677" role="button" style="color:white;">Главная</a>
	</li>
	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/marshruty/" id="navbarDropdown"1668" role="button" style="color:white;">Маршруты</a>
		<div class="dropdown-menu" aria-labelledby="navbarDropdown1668">
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/marshruty/usa/">из США</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/marshruty/eu/">из Европы</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/marshruty/russia/">из России</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/marshruty/po-rossii/">по России</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/marshruty/china/">из Китая</a>
				<div class="dropdown-divider"></div>
		</div>
	</li>
	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/vidy-perevozok/" id="navbarDropdown"1686" role="button" style="color:white;">Услуги</a>
		<div class="dropdown-menu" aria-labelledby="navbarDropdown1686">
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/prochie-uslugi/autsorsing-ved/">Аутсорсинг ВЭД</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/export/">Экспорт товара</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/dostavka-sbornyh-gruzov/">Доставка сборных грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/avia/">Авиаперевозки</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/morskie/">Морские перевозки</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/nazemnye/">Наземные перевозки</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/kontejnernye-perevozki/">Контейнерные перевозки</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/multimodalnye-perevozki/">Мультимодальные перевозки</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/prochie-uslugi/predlozhenie-dlya-ip/">Перевозка грузов для ИП</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/tamozhennoe-oformlenie-gruzov/">Таможенное оформление товаров и грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/strahovanie-pri-mezhdunarodnyh-perevozkah/">Страхование при международных перевозках</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/sertifikacija-vvozimyh-tovarov/">Сертификация ввозимых товаров</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/vidy-perevozok/uslugi-skladskogo-hranenija/">Услуги складского хранения</a>
				<div class="dropdown-divider"></div>
		</div>
	</li>
	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/" id="navbarDropdown"1697" role="button" style="color:white;">Решения для вашего груза</a>
		<div class="dropdown-menu" aria-labelledby="navbarDropdown1697">
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/zapchasti/">Грузоперевозка запчастей</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/oborudovanie/">Доставка оборудования</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/lichnye-veshchi/">Перевозка личных вещей</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/igrushki/">Доставка игрушек</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/odezhda/">Доставка одежды и текстиля</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/mebel/">Доставка мебели</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/mezhdunarodnaja-dostavka-cvetov/">Международная доставка цветов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/krupnogabaritnye/">Перевозка крупногабаритных грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/opasnye-gruzy/">Перевозка опасных грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/mezhdunarodnye-perevozki-negabaritnyh-gruzov/">Перевозка негабаритных грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/mezhdunarodnaja-perevozka-nalivnyh-gruzov/">Перевозка наливных грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/mezhdunarodnaja-perevozka-skoroportjashhihsja-gruzov/">Перевозка скоропортящихся грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/resheniya-dlya-gruza/transportirovka-zhivotnyh-za-granicu/">Перевозка животных</a>
				<div class="dropdown-divider"></div>
		</div>
	</li>
	<li class="nav-item dropdown active hide">
		<a class="nav-link" href="https://mwtrade.abelog.ru/informaciya/" id="navbarDropdown"1706" role="button" style="color:white;">Информация</a>
		<div class="dropdown-menu" aria-labelledby="navbarDropdown1706">
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/onlajn-otslezhivanie/">Онлайн отслеживание</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/kalkulyator-stoimosti/" style="background-color: #d25463 !important; color: #fff !important;">Калькуляторы стоимости</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/otzivi/">Отзывы</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/obrazcy-dokumentov/">Образцы документов на перевозку</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/incoterms/">Инкотермс (Incoterms)</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/kody-pogranperekhodov/">Коды погранпереходов при выезде из ЕвроСоюза</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/tipy-i-razmery-evrofur/">Типы и размеры еврофур</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/dokumenty-dlya-tamozhennogo-oformleniya/">Документы для таможенного оформления</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/pravila-i-usloviya-perevozki-gruzov/">Правила и условия перевозки грузов</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/razmery-kontejnerov/">Размеры контейнеров</a>
				<div class="dropdown-divider"></div>
				<a class="dropdown-item" href="https://mwtrade.abelog.ru/informaciya/slovar-terminov/">Словарь терминов</a>
				<div class="dropdown-divider"></div>
		</div>
	</li>
	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/novosti/" id="navbarDropdown"1717" role="button" style="color:white;">Новости</a>
	</li>
	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/blog/" id="navbarDropdown"1718" role="button" style="color:white;">Блог</a>
	</li>
	<li class="nav-item dropdown">
		<a class="nav-link" href="https://mwtrade.abelog.ru/kontakty/" id="navbarDropdown"1719" role="button" style="color:white;">Контакты</a>
	</li>            </ul>
          </div>
        </nav>
      </div>
    </div>
  </div></header>
<main>
	<div class="container marshruty">
		<div class="row">
			<div class="col">
				<div class="breadcrumb" itemprop="breadcrumb">
					<!-- Breadcrumb NavXT 6.5.0 -->
<span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Перейти к ." href="https://mwtrade.abelog.ru" class="home" ><span property="name">Главная</span></a><meta property="position" content="1"></span>&nbsp;&#8594;&nbsp;<span property="itemListElement" typeof="ListItem"><a property="item" typeof="WebPage" title="Перейти к Информация." href="https://mwtrade.abelog.ru/informaciya/" class="post post-page" ><span property="name">Информация</span></a><meta property="position" content="2"></span>&nbsp;&#8594;&nbsp;<span class="post post-page current-item">Калькулятор международной доставки груза</span>				</div>
				<h1 class="first-headline-page">Калькулятор международной доставки груза</h1>
				<script>
"use strict";
class CalcTransport{
	constructor(query){
		this.objects = Array.from(document.querySelectorAll(query)).map(o => this.init(o) );
	}
	init(o){
		let m = {
			self: o,
			objects: this.generate(o),
			f: {},
			value: {
				country: "eur",
				adresOut: "",
				adresIn: "",
				cargo: [],
				r: []
			}
		};

		// Function
		m.f.scroll = () => {
			$("html, body").animate({scrollTop: $(o).offset().top },"slow");
		};
		m.f.stepSet = (n) => {
			$(m.self).find('.timeline-item-description').fadeOut(300);
			$(m.self).find('.timeline-item-link').fadeOut(300);
			$(m.self).find('.timeline-item').removeClass('new');
			$(m.self).find('.timeline-item').removeClass('old');
			switch (n) {
				case 5:
					$(m.objects[4].main).addClass('old');
				case 4:
					$(m.objects[3].main).addClass('old');
				case 3:
					$(m.objects[2].main).addClass('old');
				case 2:
					$(m.objects[1].main).addClass('old');
					break;
			}
			switch (n) {
				case 1:
					$(m.objects[2].main).addClass('new');
				case 2:
					$(m.objects[3].main).addClass('new');
				case 3:
					$(m.objects[4].main).addClass('new');
				case 4:
					$(m.objects[5].main).addClass('new');
					break;
			}
			switch (n) {
				case 1:
					$(m.objects[1].description).fadeIn(300);
					$(m.objects[1].link).fadeIn(300);
					break;
				case 2:
					$(m.objects[2].description).fadeIn(300);
					$(m.objects[2].link).fadeIn(300);
					break;
				case 3:
					$(m.objects[3].description).fadeIn(300);
					$(m.objects[3].link).fadeIn(300);
					break;
				case 4:
					$(m.objects[4].description).fadeIn(300);
					$(m.objects[4].link).fadeIn(300);
					break;
				case 5:
					$(m.objects[5].description).fadeIn(300);
					$(m.objects[5].link).fadeIn(300);
					break;
			}
			m.f.scroll(m.objects[n].main);
		};
		m.f.placeSet = (n, place) => {
			let map = m.objects[n].mapGoogle,
				marker = m.objects[n].marker,
				infowindow = m.objects[n].infowindow;
			marker.setVisible(false);
			infowindow.close();
			if (place.geometry.viewport) map.fitBounds(place.geometry.viewport);
			else console.error('Error autocomplete maps');
			marker.setIcon(({
				url: place.icon,
				scaledSize: new google.maps.Size(35, 35)
			}));
			marker.setPosition(place.geometry.location);
			marker.setVisible(true);
			let address = '';
			if (place.address_components) {
				address = [
					(place.address_components[0] && place.address_components[0].short_name || ''),
					(place.address_components[1] && place.address_components[1].short_name || ''),
					(place.address_components[2] && place.address_components[2].short_name || '')
					].join(' ');
			}
			infowindow.setContent('<div style="color: #000;"><strong>' + place.name + '</strong><br>' + address + "</div>");
			infowindow.open(map, marker);
			m.objects[n].place = place;
		}
		m.f.placeSetName = (n, name) => {
			let request = {
				query: name,
				fields: ['name', 'geometry'],
			};
			m.objects[n].service.findPlaceFromQuery(request, function(results, status) {
				if (status === google.maps.places.PlacesServiceStatus.OK) {
					m.f.placeSet(n, results[0]);
				}
			});
		};
		m.f.addCargo = () => {
			let c = document.createElement("div");
      		c.classList.add("input-group");
      		c.classList.add("mb-3");
      		$(c).hide();
			c.innerHTML = `
<div class="input-group-prepend">
	<span class="input-group-text">Кол-во мест</span>
</div>
<input type="text" class="form-control kol" value="1">
<div class="input-group-prepend">
	<span class="input-group-text">Вес (кг)</span>
</div>
<input type="text" class="form-control ves" value="150">
<div class="input-group-append">
	<button class="btn btn-warning" type="button" title="Удалить груз">-</button>
</div>`;
			let bdel = c.querySelector('.btn-warning'),
				ikol = c.querySelector('.kol'),
				ives = c.querySelector('.ves');
			bdel.addEventListener("click", (e) => { 
				e.preventDefault(); 
				let cargo = m.objects[4].description.querySelectorAll('.input-group');
				if (cargo.length > 1) {
					$(c).fadeOut(300);
					c.parentNode.removeChild(c);
					m.f.cargiRefresh();
				}
			});
			m.f.change(ikol, () => { m.f.cargiRefresh(); });
			m.f.change(ives, () => { m.f.cargiRefresh(); });
			m.objects[4].description.appendChild(c);
			m.f.cargiRefresh();
			$(c).fadeIn(300);
		};
		m.f.cargiRefresh = () => {
			let cargo = m.objects[4].description.querySelectorAll('.input-group');
			m.value.cargo = {
				kol: 0,
				ves: 0,
				items: []
			};
			cargo.forEach(c => {
				let ikol = c.querySelector('.kol'),
					ives = c.querySelector('.ves'),
					crg = { kol: +Math.abs(m.f.numb(ikol.value.trim())), ves: +Math.abs(m.f.numb(ives.value.trim())) }; 
				crg.kol = crg.kol < 1 ? 1 : crg.kol;
				m.value.cargo.items.push(crg);
				m.value.cargo.kol += crg.kol;
				m.value.cargo.ves += crg.ves;
			});
			m.objects[4].value.innerHTML = `Мес: ${m.value.cargo.kol}; Вес: ${m.value.cargo.ves} кг`;
		};
		m.f.change = (object, action) => {
			if (object !== null) {
				object.addEventListener("input", action);
				object.addEventListener("change", action);
			}
		};
		m.f.numb = n => {
			if (typeof n == "string") n = n.replace(",", ".");
			return !isNaN(parseFloat(n)) && isFinite(n) ? parseFloat(n) : 0.0;
		};

		// Event
		window.initMap = function() {
			// Maps
			m.objects[2].map.style.height = "25em";
			m.objects[3].map.style.height = "25em";
			m.objects[2].mapGoogle = new google.maps.Map(m.objects[2].map, {
				center: { lat: -34.397, lng: 150.644 },
				zoom: 8,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			});
			m.objects[3].mapGoogle = new google.maps.Map(m.objects[3].map, {
				center: { lat: 55.755826, lng: 37.6172999 },
				zoom: 8,
				mapTypeId: google.maps.MapTypeId.ROADMAP
			});

			// Place service
			m.objects[2].service = new google.maps.places.PlacesService(m.objects[2].mapGoogle);
			m.objects[3].service = new google.maps.places.PlacesService(m.objects[3].mapGoogle);

			// Autocomplete
			m.objects[2].filter = {
				types: ['(cities)']
			};
			m.objects[3].filter = {
				types: ['(cities)'],
				componentRestrictions: {country: "ru"}
			};
			m.objects[2].autocomplete = new google.maps.places.Autocomplete(m.objects[2].adres, m.objects[2].filter);
			m.objects[3].autocomplete = new google.maps.places.Autocomplete(m.objects[3].adres, m.objects[3].filter);
			
			// Marker
			m.objects[2].marker = new google.maps.Marker({ map: m.objects[2].mapGoogle });
			m.objects[3].marker = new google.maps.Marker({ map: m.objects[3].mapGoogle });

			// InfoWindows
			m.objects[2].infowindow = new google.maps.InfoWindow();
			m.objects[3].infowindow = new google.maps.InfoWindow();

			// Event
			google.maps.event.addListener(m.objects[2].autocomplete, 'place_changed', () => {
				let place = m.objects[2].autocomplete.getPlace();
				if (!place.geometry){ return; }
				m.f.placeSet(2, place);
			});
			google.maps.event.addListener(m.objects[3].autocomplete, 'place_changed', () => {
				let place = m.objects[3].autocomplete.getPlace();
				if (!place.geometry){ return; }
				m.f.placeSet(3, place);
			});
		}

		// Reset hide
		$(m.self).find('.timeline-item-description.d-none').hide();
		$(m.self).find('.timeline-item-description.d-none').removeClass('d-none');
		$(m.self).find('.timeline-item-link.d-none').hide();
		$(m.self).find('.timeline-item-link.d-none').removeClass('d-none');

		// Steps
		m.objects[1].link.addEventListener("click", (e) => { 
			e.preventDefault(); 
			m.value.country = m.objects[1].select.value;
			switch(m.objects[1].select.value){
				case 'eur':
					m.value.country = 'eur';
					m.objects[2].filter = {
						types: ['(cities)']
					};
					m.objects[1].value.innerHTML = 'Европа';
					m.objects[2].adres.value = 'Берлин, Германия';
					break;
				case 'chn':
					m.value.country = 'chn';
					m.objects[2].filter = {
						types: ['(cities)'],
						componentRestrictions: {country: "cn"}
					};
					m.objects[1].value.innerHTML = 'Китай';
					m.objects[2].adres.value = 'Гуанчжоу, Китай';
					break;
				case 'usa':
					m.value.country = 'usa';
					m.objects[2].filter = {
						types: ['(cities)'],
						componentRestrictions: {country: "us"}
					};
					m.objects[1].value.innerHTML = 'США';
					m.objects[2].adres.value = 'Нью-Йорк, США';
					break;
				case 'rus':
					m.value.country = 'rus';
					m.objects[2].filter = {
						types: ['(cities)'],
						componentRestrictions: {country: "ru"}
					};
					m.objects[1].value.innerHTML = 'Россия';
					m.objects[2].adres.value = 'Москва, Россия';
					break;
			}
			m.objects[2].autocomplete.setOptions(m.objects[2].filter);
			m.f.placeSetName(2, m.objects[2].adres.value);
			m.f.stepSet(2); 
		});
		m.objects[2].link.addEventListener("click", (e) => { 
			e.preventDefault();
			m.value.adresOut = m.objects[2].place.name;
			m.objects[2].value.innerHTML = m.value.adresOut;
			m.objects[3].adres.value = 'Москва, Россия';
			m.f.placeSetName(3, m.objects[3].adres.value);
			m.f.stepSet(3); 
		});
		m.objects[3].link.addEventListener("click", (e) => { 
			e.preventDefault(); 
			m.value.adresIn = m.objects[3].place.name;
			m.objects[3].value.innerHTML = m.value.adresIn;
			m.objects[4].description.innerHTML = "";
			m.f.addCargo();
			m.f.stepSet(4); 
		});
		m.objects[4].add.addEventListener("click", (e) => { 
			e.preventDefault(); 
			m.f.addCargo();
		});
		m.objects[4].next.addEventListener("click", (e) => { 
			e.preventDefault(); 
			let r = {
				txtStart: m.value.adresOut,
				txtEnd: m.value.adresIn,
				result: 0.0,
				cargo: m.value.cargo,
				key: '',
			};
			$(m.objects[5].send).hide();
            $.ajax({
                url: "/calc_len.php",
                type: "POST",
                dataType:'json',
                data: {
					country: m.value.country,
					txtStart: m.value.adresOut,
					txtEnd: m.value.adresIn,
					cargo: m.value.cargo,
                },							
                success: function(r){
					m.objects[5].value.innerHTML = "";
					if (r.error){
						m.objects[5].description.innerHTML = `<h4 class="text-center">${r.description}</h4>`;
					}else{
						m.objects[5].description.innerHTML = `
	<h4 class="text-center">${r.txtStart} -> ${r.txtEnd}</h4>
	<h1 class="text-center">${r.result} &#8364;</h1>`;
						m.value.r = r;
						$(m.objects[5].send).show();
					}
					m.f.stepSet(5); 
                },
                error: function(){} 
            });
		});
		m.objects[5].reset.addEventListener("click", (e) => { 
			e.preventDefault(); 
			m.value.r -= [];
			m.value.country = '';
			m.value.adresOut = '';
			m.value.adresIn = '';
			m.objects[1].value.innerHTML = '';
			m.objects[2].value.innerHTML = '';
			m.objects[3].value.innerHTML = '';
			m.objects[4].value.innerHTML = '';
			m.f.stepSet(1); 
		});
		m.objects[5].send.addEventListener("click", (e) => { 
			e.preventDefault(); 
			$(m.objects[5].modal).modal('show');
		});
		m.objects[5].modalsend.addEventListener("click", (e) => { 
			e.preventDefault(); 
			$(m.objects[5].modal).modal('hide');
			$(m.objects[5].modal).modal('handleUpdate');
            $.ajax({
                url: "/calc-send.php",
                type: "POST",
                dataType:'json',
                data: {
                    "name": $(m.objects[5].modalname).val(),
                    "phone": $(m.objects[5].modalphone).val(),
                    "key": m.value.r.key
                },							
                success: function(response){
                    $("#mail-status").show();
                    $("#feedBackFormSuccess").modal('show');
                    if(response.type == "error") {
                        $('#send-message').show();
                        $("#mail-status").attr("class","alert alert-danger");
                    } else if(response.type == "message"){
                        $('#send-message').hide();
                        $("#mail-status").attr("class","alert alert-success");	
                        $('#frmContact')[0].reset();
                    }
                    $("#mail-status").html(response.text);	
                },
                error: function(){} 
            });
		});

		// Google Maps
		let maps = document.createElement('script');
		maps.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyCohAH53zC3gE0xbAhCsvcPIrk9El1iWho&libraries=places&callback=initMap';
		maps.defer = true;
		document.head.appendChild(maps);
	}
	generate(o){
		return {
			1: {
				'main': o.querySelector(`.timeline-item.step-1`),
				'value': o.querySelector(`.timeline-item.step-1 .timeline-item-value`),
				'header': o.querySelector(`.timeline-item.step-1 .timeline-item-header`),
				'description': o.querySelector(`.timeline-item.step-1 .timeline-item-description`),
				'link': o.querySelector(`.timeline-item.step-1 .timeline-item-link`),
				'select': o.querySelector(`.timeline-item.step-1 .timeline-item-description select`),
			},
			2: {
				'main': o.querySelector(`.timeline-item.step-2`),
				'value': o.querySelector(`.timeline-item.step-2 .timeline-item-value`),
				'header': o.querySelector(`.timeline-item.step-2 .timeline-item-header`),
				'description': o.querySelector(`.timeline-item.step-2 .timeline-item-description`),
				'link': o.querySelector(`.timeline-item.step-2 .timeline-item-link`),
				'adres': o.querySelector(`.timeline-item.step-2 .timeline-item-description .adres`),
				'map': o.querySelector(`.timeline-item.step-2 .timeline-item-description .map`),
			},
			3: {
				'main': o.querySelector(`.timeline-item.step-3`),
				'value': o.querySelector(`.timeline-item.step-3 .timeline-item-value`),
				'header': o.querySelector(`.timeline-item.step-3 .timeline-item-header`),
				'description': o.querySelector(`.timeline-item.step-3 .timeline-item-description`),
				'link': o.querySelector(`.timeline-item.step-3 .timeline-item-link`),
				'adres': o.querySelector(`.timeline-item.step-3 .timeline-item-description .adres`),
				'map': o.querySelector(`.timeline-item.step-3 .timeline-item-description .map`),
			},
			4: {
				'main': o.querySelector(`.timeline-item.step-4`),
				'value': o.querySelector(`.timeline-item.step-4 .timeline-item-value`),
				'header': o.querySelector(`.timeline-item.step-4 .timeline-item-header`),
				'description': o.querySelector(`.timeline-item.step-4 .timeline-item-description`),
				'link': o.querySelector(`.timeline-item.step-4 .timeline-item-link`),
				'add': o.querySelector(`.timeline-item.step-4 .timeline-item-link .btn-light`),
				'next': o.querySelector(`.timeline-item.step-4 .timeline-item-link .btn-info`),
			},
			5: {
				'main': o.querySelector(`.timeline-item.step-5`),
				'value': o.querySelector(`.timeline-item.step-5 .timeline-item-value`),
				'header': o.querySelector(`.timeline-item.step-5 .timeline-item-header`),
				'description': o.querySelector(`.timeline-item.step-5 .timeline-item-description`),
				'link': o.querySelector(`.timeline-item.step-5 .timeline-item-link`),
				'reset': o.querySelector(`.timeline-item.step-5 .timeline-item-link .btn-warning`),
				'send': o.querySelector(`.timeline-item.step-5 .timeline-item-link .btn-primary`),
				'modal': o.querySelector(`.timeline-item.step-5 .modal`),
				'modalsend': o.querySelector(`.timeline-item.step-5 .modal .btn-primary`),
				'modalname': o.querySelector(`.timeline-item.step-5 .modal .name`),
				'modalphone': o.querySelector(`.timeline-item.step-5 .modal .phone`),
			},
		};
	}
}

document.addEventListener("DOMContentLoaded", () => {
	var CalcTrtansp = new CalcTransport(`#calc-transport`);
});
    			</script>
				<div id="calc-transport" class="pb-3">
					<section class="timeline">
						<div class="container">
							<div class="row">
								<div class="col-12">
									<div class="row">
										<div class="col-12 col-sm-6 timeline-wrapper">
											<div class="timeline-item step-1">
												<span class="timeline-item-value"></span>
												<span class="timeline-item-header">СТРАНА ОТПРАВЛЕНИЯ</span>
												<span class="timeline-item-description">
													<select class="custom-select">
														<option value="eur" selected>Европа</option>
														<option value="chn">Китай</option>
														<option value="usa">США</option>
														<option value="rus">Россия</option>
													</select>
												</span>
												<span class="timeline-item-link">
													<a href="#" class="btn btn-info">Далее</a>
												</span>
											</div>
										</div>
										<div class="col-12 col-sm-6 timeline-wrapper">
											<div class="timeline-item step-2 new">
												<span class="timeline-item-value"></span>
												<span class="timeline-item-header">АДРЕС ОТПРАВЛЕНИЯ</span>
												<span class="timeline-item-description d-none">
													<div class="input-group mb-3">
														<div class="input-group-prepend">
															<label class="input-group-text" for="step-1-select">Адрес</label>
														</div>
														<input type="text" class="form-control adres">
													</div>
													<div class="map"></div>
												</span>
												<span class="timeline-item-link d-none">
													<a href="#" class="btn btn-info">Далее</a>
												</span>
											</div>
										</div>
										<div class="col-12 col-sm-6 timeline-wrapper">
											<div class="timeline-item step-3 new">
												<span class="timeline-item-value"></span>
												<span class="timeline-item-header">АДРЕС ПРИБЫТИЯ</span>
												<span class="timeline-item-description d-none">
													<div class="input-group mb-3">
														<div class="input-group-prepend">
															<label class="input-group-text">Адрес</label>
														</div>
														<input type="text" class="form-control adres" value="Москва">
													</div>
													<div class="map"></div>
												</span>
												<span class="timeline-item-link d-none">
													<a href="#" class="btn btn-info">Далее</a>
												</span>
											</div>
										</div>
										<div class="col-12 col-sm-6 timeline-wrapper">
											<div class="timeline-item step-4 new">
												<span class="timeline-item-value"></span>
												<span class="timeline-item-header">ПАРАМЕТРЫ ГРУЗА</span>
												<span class="timeline-item-description d-none">Детальное описание</span>
												<span class="timeline-item-link d-none">
													<a href="#" class="btn btn-light">Добавить груз</a>
													<a href="#" class="btn btn-info">Далее</a>
												</span>
											</div>
										</div>
										<div class="col-12 col-sm-6 timeline-wrapper">
											<div class="timeline-item step-5 new">
												<span class="timeline-item-value"></span>
												<span class="timeline-item-header">РАСЧЕТ</span>
												<span class="timeline-item-description d-none">Детальное описание</span>
												<span class="timeline-item-link d-none">
													<a href="#" class="btn btn-warning">Еще раз</a>
													<a href="#" class="btn btn-primary">Отправить заявку</a>
												</span>
												<div class="modal fade" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
													<div class="modal-dialog" role="document">
														<div class="modal-content">
															<div class="modal-header">
																<h5 class="modal-title" id="exampleModalLongTitle">Заявка</h5>
																<button type="button" class="close" data-dismiss="modal" aria-label="Close">
																	<span aria-hidden="true">&times;</span>
																</button>
															</div>
															<div class="modal-body">
																<div class="form-group">
																	<label>Ваше имя</label>
																	<input type="text" class="form-control name" placeholder="введите имя">
																</div>
																<div class="form-group">
																	<label>Ваш телефон</label>
																	<input type="text" class="form-control phone" placeholder="введите телефон">
																</div>
															</div>
															<div class="modal-footer">
																<button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
																<button type="button" class="btn btn-primary">Отправить заявку</button>
															</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</section>
				</div>
			</div>
		</div>
	</div>
</main>


<div class="container utp-container" id="utp">
		<div class="row utp-row">
			<div class="col-lg-6">
				<h2>Остались вопросы? Хотите оставить заявку? Заполните форму справа и наш менеджер свяжется с вами в ближайшее время</h2>
			</div>
	
			<div class="col-lg-6 form-main-utp">
				<form method=POST id="frmContact">
                  <div class="form-group">
                    <input type="text" class="form-control"  placeholder="Имя*" name="name" id="name" required>
                  </div>
                  <div class="form-group">
                    <input type="text" class="form-control"  placeholder="Телефон*" name="phone" id="phone" required>
                  </div>
                  <div class="form-group">
                        <textarea id="comment-content" class="form-control" name="content" placeholder="Введите текст сообщения*" required></textarea>
                  </div>
                  
                   <div style="text-align:left;color:white;margin: 10px 0;"><input type="checkbox" required checked="checked" style="margin-right:5px;" /> Нажимая "Отправить", Вы даёте свое согласие на <a href="/soglasie-na-obrabotku-personalnyh-dannyh" style="text-decoration: underline;color: #fff;">обработку персональных данных</a></div>
                   
                   <div class="from-group">
                          <button type="submit" class="btn btn-primary btn-block">Отправить</button>
                   </div>
               
                </form>
			</div>
		</div>
	</div>
	
<div class="modal fade" id="feedBackFormSuccess" tabindex="-1" role="dialog" aria-labelledby="feedBackFormSuccess" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">Статус заявки</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
              <div id="mail-status"></div>
              <div id="phone-status"></div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Закрыть</button>
      </div>
    </div>
  </div>
</div>




<footer>
	<div class="footer">
		<div class="container">
			<div class="row">
				<div class="col-lg-3 footer-menu col-md-3 col-sm-12 col-12">
					<ul>
						<li><a href="/">Главная</a></li>

						<li><a href="/marshruty">Маршруты</a></li>

						<li><a href="/vidy-perevozok">Виды перевозок</a></li>

						<li><a href="/resheniya-dlya-gruza">Решения для вашего<br>груза</a></li>

						<li><a href="/prochie-uslugi">Прочие услуги</a></li>

						<li><a href="/informaciya">Информация</a></li>

						<li><a href="/blog">Блог</a></li>

						<li><a href="/kontakty">Контакты</a></li>
					</ul>
				</div>
				<div class="col-lg-5 map-footer col-md-5 col-sm-12">
					<div class="row">
						<div class="col-lg-12">
							<iframe src="https://yandex.ru/map-widget/v1/?um=constructor%3Aca7a704f07306e000302c55e9f084689d39461997a74d74d779a835a7ed0b32d&amp;source=constructor" width="350" height="240"></iframe>
						</div>
					</div>
				</div>
				<div class="col-lg-4 col-md-4 footer-date col-sm-12">
					<div class="row hided">
						<div class="col-lg-2 col-md-2 col-sm-2"><img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/footer-map.png" alt=""></div>
						<div class="col-lg-10 col-md-10 col-sm-10 col-12">
							<h4>СПб, БЦ "Белый остров", ул. Сердобольская д. 64, к. 1, литер А</h4>
						</div>
					</div>
					<div class="row hided">
						<div class="col-lg-2 cell-phone col-md-2 col-sm-2"><img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/footer-cell-phone.png" alt=""></div>
						<div class="col-lg-10 col-md-10 col-sm-10 col-12">
							<h4><a href="tel:+78007009969">+7(800)700-99-69</a></h4>
						</div>
					</div>
					<div class="row hided">
						<div class="col-lg-2 col-md-2 col-sm-2"><img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/footer-phone.png" alt=""></div>
						<div class="col-lg-10 col-md-10 col-sm-10 col-12">
							<h4><a href="tel:+79214000006">+7(921)400-00-06</a></h4>
						</div>
					</div>
					<div class="row hided">
						<div class="col-lg-2 col-md-2 col-sm-2"><img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/footer-mail.png" alt=""></div>
						<div class="col-lg-10 col-md-10 col-sm-10 col-12"><a href="mailto:official@mwtrade.ru">
								<h4>official@mwtrade.ru</h4>
							</a></div>
					</div>
					<div class="row hided mt-4">
						<div class="col-2">
							<a href="https://vk.com/mwtrade" target="blank">
								<img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/vk.png">
							</a>
						</div>
						<div class="col-2">
							<a href="https://www.facebook.com/Modern.Way.Trade" target="blank">
								<img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/facebook.png">
							</a>
						</div>
						<div class="col-2">
							<a href="https://www.instagram.com/modern_way_trade/" target="blank">
								<img src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/img/instagram.png">
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
</footer>

<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery-background-video@1.0.0/jquery.background-video.min.js"></script>
<script src="https://mwtrade.abelog.ru/wp-content/themes/mwtrade/js/feedBackForm.js"></script>



</body>

</html><!-- WP Super Cache is installed but broken. The constant WPCACHEHOME must be set in the file wp-config.php and point at the WP Super Cache plugin directory. -->