/*html, body {overflow-x: hidden; height: 100%; -webkit-overflow-scrolling: touch; background-color: #fff}
body {font-family: 'Muller'; color: #2e1a47; min-width: 320px}*/
a, button, .btn {-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
a:hover {text-decoration: none}
input, button, textarea {font-family: 'Gilroy', sans-serif;}
*:focus {outline: none}
button:focus {outline: none; outline: none auto -webkit-focus-ring-color}
hr {margin-top: 3rem; margin-bottom: 3rem; border: 0; border-top: 1px solid #e5e4e3}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {line-height: 1.1; font-weight: 700}
.h5, h5 {font-size: 1.125rem; padding-top: 1rem; margin-bottom: 1rem}
hr + .h5, hr + h5 {padding-top: 0}
.tooltip-inner {background-color: #ff6c0c}
.bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before {border-top-color: #ff6c0c}
.brand_color {color: #ff6c0c}
.border {border: 1px solid #e7e4ea !important}
.lead {font-size: 1.375rem; font-weight: 400; line-height: 1.4}
address a[href^="tel:"] {color: #2e1a47; font-size: 115%}
.display-1 {font-size: 3.75rem; font-weight: 700; line-height: 1; color: #ff6c0c; margin: 0}
.modal-open {padding-right: 0 !important}
.modal-content {border: 1px solid #fff; border-radius: 0}
.modal-header .close span {display: block; margin-top: -2px}
.modal-backdrop {background-color: #2e1a47}
.modal-backdrop.show {opacity: .75}
.btn-primary {color: #fff; background-color: #ff6c0c; border-color: #ff6c0c; font-weight: 700; padding: .65rem 1rem .5rem; border-radius: 0; font-size: 0.9375rem}
.btn-lg {padding: .8rem 1.6rem .7rem; font-size: 1.125rem; line-height: 1.5}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {color: #ff6c0c; background-color: transparent; border-color: #ff6c0c}
.btn-primary:focus {box-shadow: none}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 0.2rem rgba(255, 108, 12, .25); border-color: rgba(255, 108, 10, 0.5)}
.btn-link.focus, .btn-link:focus {text-decoration: none}
.cancel-off-png, .cancel-on-png, .star-half-png, .star-off-png, .star-on-png {font-size: 1rem}
.cancel-off-png, .cancel-on-png, .star-half-png, .star-off-png, .star-on-png {-moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: raty; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; speak: none; text-transform: none}
.cancel-on-png:before {content: "\e600"}
.cancel-off-png:before {content: "\e601"}
.star-on-png:before {content: "\f005"}
.star-off-png:before {content: "\f006"}
.star-half-png:before {content: "\f123"}
/**/
.more_slide {position: absolute; top: 40px; right: 30px; z-index: 1; line-height: 1; cursor: pointer}
.more_slide div {position: absolute; top: 16px; left: -100px}
@media (min-width:1200px) {
.more_slide {top: 60px; right: 50px}
}
/* ++++++++++++++++++++ container Start ++++++++++++++++++++ */
.container, .container-fluid .container-fluid {padding-right: 30px; padding-left: 30px}
@media (min-width:576px) {
.container, .container-fluid .container-fluid {padding-right: 15px; padding-left: 15px}
}
/* ++++++++++++++++++++ Main ++++++++++++++++++++ */
main {background: #fff; padding-top: 60px}
.section__dark {background: #2e1a47; color: #fff; padding: 4rem 0}
.section__dark .display-1 {color: #c7b7d1; position: relative}
section.include {background: rgb(244, 243, 246); padding: 4rem 0; margin: 2rem 0}
.teaser {background: rgb(244, 243, 246); padding: 4rem 0; margin: 4rem 0 -4rem}
.teaser .teaser__item * {-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.teaser .teaser__item {position: relative; border: 1px solid transparent; background: #2e1a47; color: rgba(255, 255, 255, .5); padding: 2rem; border-radius: .25rem; line-height: 1.2}
.teaser .teaser__item a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; overflow: hidden; font-size: 0; text-indent: -999px}
.teaser .teaser__item .h3 {font-size: 1rem; font-weight: 500; margin: 0 0 1rem}
.teaser .teaser__item .h3 + span {font-size: 0.875rem; padding: 0 1rem 0 0; position: relative; color: #ff6c0c; display: table}
.teaser .teaser__item .icon {width: 60px; height: 60px; border: 2px solid rgba(255, 255, 255, .15); border-radius: 50%; position: relative; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.teaser .teaser__item .icon span {display: block; width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.teaser .teaser__item:hover .h3 {color: rgba(255, 255, 255, 1)}
.teaser .teaser__item:hover .icon {border-color: #ff6c0c}
.teaser .teaser__item:hover .icon span {-webkit-transform: translateX(-50%) translateY(-50%) scale(1.2); -moz-transform: translateX(-50%) translateY(-50%) scale(1.2); -ms-transform: translateX(-50%) translateY(-50%) scale(1.2); -o-transform: translateX(-50%) translateY(-50%) scale(1.2); transform: translateX(-50%) translateY(-50%) scale(1.2)}
.teaser .teaser__item:hover .h3 + span {padding-right: 1.5rem}
.teaser .teaser__item .link_icon {position: absolute; display: block; top: 50%; right: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
.teaser .teaser__item:hover .link_icon::before {content: ""; background: url("../img/link_icon.svg") center no-repeat; width: 6px; height: 10px; display: block; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.teaser .slick-dots {bottom: -3rem}
.teaser .slick-dots li button:before {color: #2e1a47; font-size: 8px}
.teaser .slick-dots li.slick-active button:before {color: #2e1a47}
.teaser .slide {height: 100%}
@media (min-width:768px) {
main {padding-top: 70px}
}
@media (min-width:992px) {
main {padding-top: 0}
.section__dark {padding: 6rem 0}
section.include {padding: 6rem 0; margin: 4rem 0}
.teaser {margin: 5rem 0 -5rem}
}
/* ++++++++++++++++++++ header Start ++++++++++++++++++++ */
.m3cargo__header {height: 60px; background-color: #ff6c0c; color: #fff; position: fixed; top: 0; left: 0; width: 100%; z-index: 100}
.m3cargo__header a {color: #fff}
.m3cargo__header--brand a {display: block; margin: 0 auto}
.m3cargo__header--brand svg {height: 30px}
.m3cargo__header--phone a, .m3cargo__header--phone div {font-size: 1.75rem; font-weight: bold; display: block; line-height: 1;font-family: 'Muller', sans-serif;}
.m3cargo__header--phone span {display: block; font-size: 0.8125rem; font-weight: 500; padding-left: 1rem}
.m3cargo__header--phonemodal {display: block; width: 25px; height: 25px}
.m3cargo__header--toggle {width: 30px; display: block; position: relative; cursor: pointer; padding-top: 22px}
.m3cargo__header--toggle div {font-size: 8px; text-transform: uppercase; font-weight: bold}
.m3cargo__header--toggle span {background: #fff; height: 2px; width: 17px; display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__header--toggle span:after, .m3cargo__header--toggle span:before {content: ""; background: #fff; height: 2px; display: block; position: absolute; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__header--toggle span:before {width: 21px; top: -6px}
.m3cargo__header--toggle span:after {width: 27px; top: 6px}
.m3cargo__header--toggle:hover span, .m3cargo__header--toggle:hover span:before, .m3cargo__header--toggle:hover span:after {width: 25px}
.m3cargo__header--track {position: relative; z-index: 1}
.m3cargo__header--track span {display: block; line-height: 1; font-weight: 700}
.m3cargo__header--track_search {position: relative}
.m3cargo__header--track_search input {width: 100%; height: 50px; padding: 0 1.5rem; padding-right: 50px; border: 0; background-color: #fff; -webkit-box-shadow: none; box-shadow: none; color: rgba(32, 18, 50, .5); font-size: 0.875rem; font-weight: 500}
.m3cargo__header--track_search button {position: absolute; top: 0; right: 0; width: 50px; height: 50px; border: 0; padding: 0; background-color: transparent; -webkit-box-shadow: none; box-shadow: none; color: #ff6c0c; cursor: pointer}
.m3cargo__header--track_search button svg {width: 18px; height: 18px; margin-top: -3px}
@media (min-width:768px) {
.m3cargo__header {height: 70px}
.m3cargo__header--brand svg {height: 40px}
}
@media (min-width:992px) {
.m3cargo__header {height: 120px; position: relative}
.m3cargo__header--brand a {width: 166px; margin: 0}
.m3cargo__header--brand svg {height: 34px}
}
/* ++++++++++++++++++++ m3cargo__nav Start ++++++++++++++++++++ */
.m3cargo__nav {background: rgb(244, 103, 15)}
.m3cargo__nav .nav-link {padding: 0}
.m3cargo__nav .nav-fill {height: 50px; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__nav .nav-fill a {color: rgba(255, 255, 255, .6); font-size: 0.875rem}
.m3cargo__nav .nav-link.active, .m3cargo__nav .nav-link:hover {color: #fff}
@media (min-width:1200px) {
.m3cargo__nav .nav-fill a {font-size: 1rem}
}
.m3cargo__nav.fixed {visibility: hidden; opacity: 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 100; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transform: translateY(-50px); -webkit-transform: translateY(-50px); -o-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px)}
.m3cargo__nav.fixed.visible {visibility: visible; opacity: 1; -moz-transform: translateY(0px); -webkit-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px)}
.m3cargo__nav.fixed .m3cargo__header--toggle {margin: 0 auto}
.m3cargo__nav.fixed .nav-fill a:first-child, .m3cargo__nav.fixed .nav-fill a:last-child {color: #fff}
.m3cargo__nav.fixed .nav-fill a svg {max-height: 25px}
.m3cargo__nav.fixed .nav-fill .m3cargo__header--toggle {height: 30px; padding-top: 0}
.m3cargo__nav.fixed .nav-fill .m3cargo__header--toggle span {margin-top: -1px; left: 2px}
/* ++++++++++++++++++++ footer Start ++++++++++++++++++++ */
/*footer {font-size: 0.875rem; position: relative; overflow: hidden}
.brand_symbol {position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; transform: translateX(-25%)}
.brand_symbol:after {background: url("../img/brand_symbol.svg") no-repeat; width: 60px; height: 30px; content: ""; display: block}
main + footer {background-color: #fff; padding: 2.5rem 0; -webkit-box-shadow: 0 -10px 20px 0 rgba(32, 18, 50, .075); box-shadow: 0 -10px 20px 0 rgba(32, 18, 50, .075)}
.m3cargo__footer--social a {display: block; width: 22px; height: 22px; opacity: .25; color: #201232}
.m3cargo__footer--social a:hover {color: #201232; opacity: 1}
.m3cargo__footer--phone {margin-bottom: 3rem}
.m3cargo__footer--phone a, .m3cargo__footer--phone div {font-size: 1.5rem; font-weight: 900; display: block; line-height: 1; color: #201232}
.m3cargo__footer--phone span {display: block; font-size: 0.875rem; font-weight: 500; padding-left: 1rem; opacity: .5}
.m3cargo__footer--nav {margin-bottom: 3rem; font-size: 0.9375rem}
.back_to_top {display: block; cursor: pointer; width: 45px; margin: 0 auto; color: #ff6c0c; text-align: center; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.back_to_top:hover {-moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px)}
.back_to_top svg {width: 18px; height: 45px}
@media (min-width:768px) {
.brand_symbol {height: 50px}
.brand_symbol:after {width: 100px; height: 50px}
}
@media (min-width:992px) {
.brand_symbol {height: 70px}
.brand_symbol:after {width: 140px; height: 70px}
}
.brand_symbol {-webkit-animation: shake 8s linear alternate infinite; -moz-animation: shake 8s linear alternate infinite; -o-animation: shake 8s linear alternate infinite; animation: shake 8s linear alternate infinite}
.brand_symbol:after {-webkit-animation: boat 8s linear alternate infinite; -moz-animation: boat 8s linear alternate infinite; -o-animation: boat 8s linear alternate infinite; animation: boat 8s linear alternate infinite}
@-webkit-keyframes shake {0% {transform: translateX(-25%)}75% {transform: translateX(50%)}100% {transform: translateX(125%)}}
@-moz-keyframes shake {0% {transform: translateX(-25%)}75% {transform: translateX(50%)}100% {transform: translateX(125%)}}
@-o-keyframes shake {0% {transform: translateX(-25%)}75% {transform: translateX(50%)}100% {transform: translateX(125%)}}
@keyframes shake {0% {transform: translateX(-25%)}75% {transform: translateX(50%)}100% {transform: translateX(125%)}}
@-webkit-keyframes boat {0% {transform: rotate(0)}50% {transform: rotate(0)}75% {transform: rotate(-35deg)}100% {transform: rotate(0)}}
@-moz-keyframes boat {0% {transform: rotate(0)}50% {transform: rotate(0)}75% {transform: rotate(-35deg)}100% {transform: rotate(0)}}
@-o-keyframes boat {0% {transform: rotate(0)}50% {transform: rotate(0)}75% {transform: rotate(-35deg)}100% {transform: rotate(0)}}
@keyframes boat {0% {transform: rotate(0)}50% {transform: rotate(0)}75% {transform: rotate(-35deg)}100% {transform: rotate(0)}}*/
/* ++++++++++++++++++++ accordion Start ++++++++++++++++++++ */
/*.m3cargo__accordion {font-size: 0.9375rem}
.m3cargo__accordion .link > a, .m3cargo__accordion .link button {font-weight: 700; position: relative; padding-left: 1.25rem; background: transparent; border: none; display: table; line-height: 1.1; cursor: pointer}
.m3cargo__accordion .link > a {color: #201232}
.m3cargo__accordion .link.active > a {color: #ff6c0c}
.m3cargo__accordion .link button {color: #ff6c0c}
.m3cargo__accordion .link button.collapsed {color: #201232}
.m3cargo__accordion .link > a:before {content: ""; width: 8px; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #fff; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.menu_desktop .m3cargo__accordion .link > a:before {display: none}
.m3cargo__accordion .link button:before {content: ""; width: 8px; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #ff6c0c; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__accordion .link button.collapsed:after {content: ""; width: 8px; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #ff6c0c; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.m3cargo__accordion .link button.collapsed:before, .m3cargo__accordion .link button.collapsed:after {background-color: #ceccd0}
.m3cargo__accordion .link > a:hover, .m3cargo__accordion .link li a:hover, .m3cargo__accordion .link button.collapsed:hover {color: #ff6c0c}
.m3cargo__accordion .link > a:hover:before, .m3cargo__accordion .link button.collapsed:hover:before, .m3cargo__accordion .link button.collapsed:hover:after {background-color: #ff6c0c}
.m3cargo__accordion .link:not(:last-child) {margin-bottom: 1rem}
.menu_desktop .m3cargo__accordion .link:not(:last-child) {margin-bottom: 1.25rem}
.m3cargo__accordion .link ul {padding-left: 1.5rem; padding-top: .75rem}
.menu_desktop .m3cargo__accordion .link ul {padding-left: 0}
.m3cargo__accordion .link li:not(:last-child) {margin-bottom: .25rem}
.m3cargo__accordion .link li a {color: #afadb3; font-size: 90%; font-weight: 400; line-height: 1.2; display: inline-block;}
.m3cargo__accordion .link.active li.active a {color: #ff6c0c}
@media (min-width:576px) {
.m3cargo__accordion {font-size: 1rem}
}*/
/* ++++++++++++++++++++ pushy Start ++++++++++++++++++++ */
/*
.pushy {position: fixed; width: 290px; height: 100%; top: 0; z-index: 9999; background: #201232; color: #75707c; overflow: auto; -webkit-overflow-scrolling: touch; -webkit-box-shadow: 0 0 100px 0 rgba(16, 7, 29, 0); box-shadow: 0 0 100px 0 rgba(16, 7, 29, 0)}
.pushy .m3cargo__accordion {padding-right: 2rem}
.pushy.pushy-left {left: 0}
.pushy.pushy-right {right: 0}
.pushy-content {visibility: hidden}
.pushy-left {-webkit-transform: translate3d(-290px, 0, 0); -ms-transform: translate3d(-290px, 0, 0); transform: translate3d(-290px, 0, 0)}
.pushy-open-left .pushy, .pushy-open-right .pushy {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -box-shadow: 0 0 100px 0 rgb(16, 7, 29); box-shadow: 0 0 100px 0 rgb(16, 7, 29)}
.pushy-open-left .pushy-content, .pushy-open-right .pushy-content {visibility: visible}
#container, .push, .pushy {transition: transform .2s cubic-bezier(.16, .68, .43, .99)}
.pushy-content {transition: visibility .2s cubic-bezier(.16, .68, .43, .99)}
.site-overlay {display: none}
.pushy-open-left .site-overlay {display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9998; background-color: rgba(32, 18, 50, .5); -webkit-animation: fade .5s; -moz-animation: fade .5s; -o-animation: fade .5s; animation: fade .5s}
@-webkit-keyframes fade {0% {opacity: 0}100% {opacity: 1}}
@-moz-keyframes fade {0% {opacity: 0}100% {opacity: 1}}
@-o-keyframes fade {0% {opacity: 0}100% {opacity: 1}}
@keyframes fade {0% {opacity: 0}100% {opacity: 1}}
@media (min-width:375px) {
.pushy {width: 320px}
.pushy-left {-webkit-transform: translate3d(-320px, 0, 0); -ms-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0)}
}
@media (min-width:414px) {
.pushy {width: 360px}
.pushy-left {-webkit-transform: translate3d(-360px, 0, 0); -ms-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0)}
}
@media (min-width:576px) {
.pushy {width: 480px}
.pushy-left {-webkit-transform: translate3d(-480px, 0, 0); -ms-transform: translate3d(-480px, 0, 0); transform: translate3d(-480px, 0, 0)}}
@media (min-width:992px) {
.pushy {width: 900px}
.pushy-left {-webkit-transform: translate3d(-900px, 0, 0); -ms-transform: translate3d(-900px, 0, 0); transform: translate3d(-900px, 0, 0)}
}
@media (min-width:1200px) {
.pushy {width: 1100px}
.pushy-left {-webkit-transform: translate3d(-1100px, 0, 0); -ms-transform: translate3d(-1100px, 0, 0); transform: translate3d(-1100px, 0, 0)}
}
@media (min-width:1400px) {
.pushy {width: 1300px}
.pushy-left {-webkit-transform: translate3d(-1300px, 0, 0); -ms-transform: translate3d(-1300px, 0, 0); transform: translate3d(-1300px, 0, 0)}
}
*/
/*.m3cargo--sidebar-body {padding: 2rem}
.m3cargo--sb-m {margin-bottom: 3rem; line-height: 1}
.m3cargo--sb-m_avatar {width: 80px; height: 80px; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: rgba(46, 26, 71, .1); border-radius: 50%; overflow: hidden}
.m3cargo--sb-m_name {font-weight: 700; font-size: 1rem; margin-bottom: .5rem}
.m3cargo--sb-m_title {font-weight: 500; font-size: .875rem; color: rgba(46, 26, 71, .5); margin-bottom: .75rem}
.m3cargo--sb-m_btn {display: block; border-radius: 50%; width: 32px; height: 32px; background-color: #201232; position: relative; cursor: pointer; color: #ff6c0c; border: 2px solid rgba(255, 108, 12, 1); box-shadow: 0 0 0 rgba(255, 108, 12, .5); -webkit-animation: pulse 2s infinite; -moz-animation: pulse 2s infinite; -o-animation: pulse 2s infinite; animation: pulse 2s infinite}
@-webkit-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4)}70% {-webkit-box-shadow: 0 0 0 8px rgba(255, 108, 12, 0); box-shadow: 0 0 0 10px rgba(255, 108, 12, 0)}100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0)}}
@-moz-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4)}70% {-webkit-box-shadow: 0 0 0 8px rgba(255, 108, 12, 0); box-shadow: 0 0 0 10px rgba(255, 108, 12, 0)}100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0)}}
@-o-keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4)}70% {-webkit-box-shadow: 0 0 0 8px rgba(255, 108, 12, 0); box-shadow: 0 0 0 10px rgba(255, 108, 12, 0)}100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0)}}
@keyframes pulse {0% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0.4)}70% {-webkit-box-shadow: 0 0 0 8px rgba(255, 108, 12, 0); box-shadow: 0 0 0 10px rgba(255, 108, 12, 0)}100% {-webkit-box-shadow: 0 0 0 0 rgba(255, 108, 12, 0); box-shadow: 0 0 0 0 rgba(255, 108, 12, 0)}}
.m3cargo--sb-m_btn svg {width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.m3cargo--sb-m_btn:hover, .m3cargo--sb-m_btn:focus {background-color: #ff6c0c; color: #fff}
.m3cargo--sb-m_btn:hover:before, .m3cargo--sb-m_btn:hover:after, .m3cargo--sb-m_btn:focus:before, .m3cargo--sb-m_btn:focus:after {background-color: #fff}
a.m3cargo--sb-m_phone {font-weight: 700; font-size: 1.125rem; color: rgba(46, 26, 71, 1); display: block}
a.m3cargo--sb-m_phone:hover {color: rgba(46, 26, 71, 1)}
a.m3cargo--sb-m_email {font-size: .875rem; color: #ff6c0c; display: block}
a.m3cargo--sb-m_email:hover {color: #ff6c0c}
.popover {z-index: 9999}
.popover-body {padding: 1rem}
.pushy .m3cargo--sb-m_name {color: #fff}
.pushy .m3cargo__accordion .link > a:before {background-color: #201232}
.pushy .m3cargo--sb-m_title {color: #75707c}
.pushy .m3cargo__header--track {margin-bottom: 3rem}
.pushy .m3cargo__header--track span {color: #fff}
.pushy .m3cargo__header--track span small {color: #75707c}
.pushy .m3cargo__accordion .link > a, .pushy .m3cargo__accordion .link button.collapsed {color: #9b97a0}
.menu_desktop .m3cargo__accordion .link > a {padding-left: 0}
.pushy .m3cargo__accordion .link > a:hover, .pushy .m3cargo__accordion .link li a:hover, .pushy .m3cargo__accordion .link button.collapsed:hover {color: #ff6c0c}
.pushy .m3cargo__accordion .link button.collapsed:before, .pushy .m3cargo__accordion .link button.collapsed:after {background-color: #75707c}
.pushy .m3cargo__accordion .link li:not(:last-child) {margin-bottom: .75rem}
.pushy .m3cargo__accordion .link li a {color: #75707c; font-size: 85%; font-weight: 400; line-height: 1.3; display: table}
@media (min-width:375px) {
.m3cargo--sb-m_avatar {width: 100px; height: 100px}
}
@media (min-width:576px) {
.m3cargo--sidebar-body {padding: 3rem}
}
@media (min-width:992px) {
.pushy .m3cargo__header--track {display: none !important}
.pushy .m3cargo__accordion {padding: 0}
.m3cargo--sb-m_name {font-size: 1.125rem}
.m3cargo--sb-m_title {font-size: 1rem}
.m3cargo--sidebar-body {padding: 4rem}
.pushy .m3cargo__accordion {font-size: 1.063rem}
.m3cargo--sb-m_avatar {width: 120px; height: 120px}
.m3cargo--sb-m_btn {width: 40px; height: 40px}
.m3cargo--sb-m_btn svg {width: 18px; height: 18px}
}
@media (min-width:1200px) {
.m3cargo--sidebar-body {padding: 6rem}
.pushy .m3cargo__accordion {font-size: 1.25rem}
}*/
/* ++++++++++++++++++++ popover Start ++++++++++++++++++++ */
/*.popover {background-color: #ff6c0c; border: 1px solid #ff6c0c; color: #fff; top: 2px !important}
.bs-popover-auto[x-placement^=top] .arrow::before, .bs-popover-top .arrow::before {border-top-color: #ff6c0c}
.bs-popover-auto[x-placement^=top] .arrow::after, .bs-popover-top .arrow::after {border-top-color: #ff6c0c}
.bs-popover-auto[x-placement^=right] .arrow::before, .bs-popover-right .arrow::before {border-right-color: #ff6c0c}
.bs-popover-auto[x-placement^=right] .arrow::after, .bs-popover-right .arrow::after {border-right-color: #ff6c0c}
.bs-popover-auto[x-placement^=bottom] .arrow::before, .bs-popover-bottom .arrow::before {border-bottom-color: #ff6c0c}
.bs-popover-auto[x-placement^=bottom] .arrow::after, .bs-popover-bottom .arrow::after {border-bottom-color: #ff6c0c}
.bs-popover-auto[x-placement^=left] .arrow::before, .bs-popover-left .arrow::before {border-left-color: #ff6c0c}
.bs-popover-auto[x-placement^=left] .arrow::after, .bs-popover-left .arrow::after {border-left-color: #ff6c0c}
.popover-header {background-color: #ff6c0c; border-bottom: 1px solid #ff6c0c; padding: 1rem 1.5rem 0}
.bs-popover-auto[x-placement^=bottom] .popover-header::before, .bs-popover-bottom .popover-header::before {border-bottom: 1px solid #ff6c0c}
.popover-body {padding: .75rem 1.5rem 1.5rem}
.popover-body a {color: #fff}
.popover-body a:hover {color: #fff; opacity: .75}*/
/* ++++++++++++++++++++ m3cargo__content Start ++++++++++++++++++++ */
.m3cargo__content {padding: 2rem 0 4rem}
.m3cargo__content p a {color: #ff6c0c; position: relative; display: inline-block}
.m3cargo__content p a:after {content: ""; background: #ff6c0c; height: 1px; width: 0; display: block; position: absolute; left: 0; bottom: -1px; z-index: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__content p a:hover:after {width: 100%}
.m3cargo__content .small {font-size: 0.9375rem; color: #a69cb2}
.m3cargo__content .btn-link:after {display: none}
.m3cargo__content .btn-link {font-weight: 700; color: #ff6c0c; font-size: 0.875rem; padding: 0 1rem 0 0; position: relative; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__content .btn-link:hover {text-decoration: none; padding-right: 1.5rem}
.m3cargo__content .btn-link .link_icon {position: absolute; display: block; top: 50%; right: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
.m3cargo__content .btn-link .link_icon::before {content: ""; background: url("../img/link_icon.svg") center no-repeat; width: 6px; height: 10px; display: block; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__content .blockquote {margin: 0; font-size: 0.9375rem; background: url("../img/comment.svg") top left no-repeat; border-radius: .25rem; background-position: 1rem 1rem; border: 2px solid #f4f3f6; padding: 2rem}
.m3cargo__content .blockquote p {font-size: 0.9375rem !important}
.m3cargo__content .blockquote + p {margin-top: 2rem}
.m3cargo__content p + .blockquote {margin-top: 2rem}
.m3cargo__content .blockquote-footer {font-size: 95%; color: #a69cb2}
.m3cargo__content ol {counter-reset: section; font-size: 1rem; color: rgba(46, 26, 71, .75); padding-left: 1rem; margin-bottom: 0}
.m3cargo__content ol + p {margin-top: 2rem}
.m3cargo__content ol li {list-style: none; position: relative; padding-left: 2.25rem}
.m3cargo__content ol li:not(:last-child) {margin-bottom: 1.25rem}
.m3cargo__content ol li:before {counter-increment: section; content: counter(section); background: transparent; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; color: #ff6c0c; font-weight: 700; text-align: center; font-size: 80%; border: 1px solid #ff6c0c}
.m3cargo__content ul li a {color: #ff6c0c; position: relative; display: inline-block}
.m3cargo__content ol li a {color: #ff6c0c; position: relative; display: inline-block}
.m3cargo__content ol li a:after {content: ""; background: #ff6c0c; height: 1px; width: 0; display: block; position: absolute; left: 0; bottom: -1px; z-index: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__content ol li a:hover:after {width: 100%}
.missiya {margin-right: -8px; margin-left: -8px; margin-bottom: -16px}
.missiya .col {margin-bottom: 16px; padding-right: 8px; padding-left: 8px}
.missiya .col > div {border: 1px solid #ff6c0c; color: #ff6c0c; padding: 1rem; border-radius: .25rem; width: 100%}
@media (min-width:992px) {
.m3cargo__content {padding: 3rem 0 5rem}
}
/* ++++++++++++++++++++ karyera Start ++++++++++++++++++++ */
.m3cargo__karyera .item:not(:last-child) {margin-bottom: 60px}
.m3cargo__karyera .cover {width: 100%; height: 100%; padding-bottom: 62.5%; border-radius: .25rem; position: relative; overflow: hidden; /*box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important*/}
.m3cargo__karyera .cover:after {content: ""; background: url("../img/symbol.svg") no-repeat center; width: 100px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 1}
.m3cargo__karyera .cover .photo {background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); border-radius: .25rem}
.m3cargo__karyera .item:hover .cover .photo {-moz-transform: scale(.98); -webkit-transform: scale(.98); -o-transform: scale(.98); -ms-transform: scale(.98); transform: scale(.98)}
.m3cargo__karyera .cover a {display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 3}
.m3cargo__karyera h3, .m3cargo__karyera .info {padding-left: 2rem}
.m3cargo__karyera h3 {font-size: 1.125rem; font-weight: 700; margin-bottom: 1rem}
.m3cargo__karyera h3 a {color: #ff6c0c}
.m3cargo__karyera h3 a:hover {color: #2e1a47}
.m3cargo__karyera .info, .m3cargo__karyera--detail .info {font-size: 0.9375rem; color: #a69cb2}
.m3cargo__karyera .info div:not(:last-child), .m3cargo__karyera--detail .info div:not(:last-child) {margin-bottom: .25rem}
.m3cargo__karyera .info strong, .m3cargo__karyera--detail .info strong {color: #2e1a47}
@media (min-width:576px) {
.m3cargo__karyera .item:not(:last-child) {margin-bottom: 30px}
.m3cargo__karyera h3, .m3cargo__karyera .info {padding-left: 1rem}
}
@media (min-width:1500px) {
.m3cargo__karyera h3, .m3cargo__karyera .info {padding-left: 2rem}
}
.m3cargo__karyera--detail ul:not(:first-child) {font-size: 0.9375rem; color: #a69cb2; padding-left: 1rem; margin-bottom: 0}
.m3cargo__karyera--detail ul:not(:first-child) + p {margin-top: 2rem}
.m3cargo__karyera--detail ul:not(:first-child) li {list-style: none; position: relative; padding-left: 1.25rem; line-height: 1.2}
.m3cargo__karyera--detail ul:not(:first-child) li:not(:last-child) {margin-bottom: .5rem}
.m3cargo__karyera--detail ul:not(:first-child) li:before {content: ""; width: .4rem; height: .4rem; display: block; position: absolute; top: 50%; left: 0; border-radius: 50%; background: #ff6c0c; font-weight: 700; text-align: center; font-size: 80%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
/* ++++++++++++++++++++ m3cargo__litsa Start ++++++++++++++++++++ */
.m3cargo__litsa > .nav-pills .nav-item {position: relative}
.m3cargo__litsa > .nav-pills .nav-item:first-child {padding-right: 2rem; margin-right: 1rem}
.m3cargo__litsa > .nav-pills .nav-item:first-child:after {content: "/"; font-size: 2rem; position: absolute; top: 0; right: 0; line-height: 1; opacity: .25}
.m3cargo__litsa > .nav-pills .nav-link {color: #a69cb2; font-weight: 700; padding: 0; display: inline-block; font-size: 1.25rem}
.m3cargo__litsa > .nav-pills .nav-link:hover, .m3cargo__litsa > .nav-pills .nav-link.active {color: #2e1a47; background-color: #fff}
.m3cargo__litsa .tab-content .nav-pills .nav-item:first-child {margin-right: 1rem}
.m3cargo__litsa .tab-content .nav-pills .nav-link {color: #a69cb2; font-size: 0.9375rem; border: 2px solid #a69cb2; padding: .4rem 1.15rem .25rem 2rem; border-radius: 5rem; position: relative}
.m3cargo__litsa .tab-content .nav-pills .nav-link:before {position: absolute; top: 11px; left: 1rem; width: 10px; height: 10px; content: ''; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-border-radius: 50%; border-radius: 50%; background-color: #a69cb2}
.m3cargo__litsa .tab-content .nav-pills .nav-link:hover, .m3cargo__litsa .tab-content .nav-pills .nav-link.active {color: #ff6c0c; background-color: #fff; border-color: #ff6c0c}
.m3cargo__litsa .tab-content .nav-pills .nav-link:hover:before, .m3cargo__litsa .tab-content .nav-pills .nav-link.active:before {background-color: #ff6c0c}
.m3cargo__litsa .figure {margin-bottom: 30px}
.m3cargo__litsa .figure-img {height: 300px; width: 100%; object-fit: cover; object-position: top center; margin-bottom: 1rem}
.m3cargo__litsa .figure-caption {font-size: 100%; color: #a69cb2}
.m3cargo__litsa .figure-caption .h4 {font-size: 1.25rem; font-weight: 700; color: #2e1a47}
.m3cargo__litsa .figure-caption p {line-height: 1.2; margin-bottom: .5rem}
.m3cargo__litsa .figure-caption a {display: block; width: 24px; height: 24px; line-height: 1; margin-right: 1rem; color: #a69cb2}
.m3cargo__litsa .figure-caption a:last-child {margin-right: 0}
.m3cargo__litsa .figure-caption a:hover {color: #ff6c0c}
.m3cargo__litsa .figure-caption a.telegram:hover {color: #0088cc}
.m3cargo__litsa .figure-caption a.messenger:hover {color: #0084ff}
.m3cargo__litsa .figure-caption a svg {width: 100%; height: 100%}
.tooltip_telegram .tooltip-inner {background-color: #0088cc}
.tooltip_telegram.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip_telegram.bs-tooltip-top .arrow::before {border-top-color: #0088cc}
.tooltip_messenger .tooltip-inner {background-color: #0084ff}
.tooltip_messenger.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip_messenger.bs-tooltip-top .arrow::before {border-top-color: #0084ff}
/* ++++++++++++++++++++ breadcrumb Start ++++++++++++++++++++ */
.breadcrumb {background-color: transparent; padding: 0; font-size: 0.875rem; white-space: nowrap; overflow: hidden; position: relative; z-index: 1}
.breadcrumb-item.active, .breadcrumb-item a {color: #a69cb2}
.breadcrumb-item a:hover {color: #ff6c0c}
.breadcrumb-item + .breadcrumb-item {padding-left: 1rem}
.breadcrumb-item + .breadcrumb-item::before {content: ""; padding-right: 0; margin-right: .5rem; background: url("../img/breadcrumb.svg") center no-repeat; width: 6px; height: 10px; opacity: .5}
/* ++++++++++++++++++++ pagetitle Start ++++++++++++++++++++ */
.pagetitle {margin-bottom: 3rem}
.pagetitle h1 {font-size: 1.75rem; font-weight: 700; margin-bottom: .5rem;}
.pagetitle h2 {font-size: 1.5rem; font-weight: 700; margin-bottom: .5rem;}
.pagetitle h1 + span {font-size: 1.125rem; font-weight: 500; color: #a69cb2; line-height: 1.2; display: block}
.pagetitle h2 + span {font-size: 1rem; font-weight: 500; color: #a69cb2; line-height: 1.2; display: block}
.pagetitle h1 > span {font-weight: 400; color: #ff6c0c}
.pagetitle h1 > span:before {content: "/"; color: rgba(166, 156, 178, .5); margin: 0 1.25rem; display: inline-block}
.pagetitle:not(:first-child) {font-size: 85%}
@media (min-width:768px) {
.pagetitle h1 {font-size: 2rem}
.pagetitle h2 {font-size: 1.75rem}
}
/* ++++++++++++++++++++ Blog Listing ++++++++++++++++++++ */
.m2cargo__blog {margin-bottom: 0}
.m2cargo__blog .item {margin-bottom: 60px}
.m2cargo__blog .cover {width: 100%; height: auto; border-radius: .25rem; position: relative; overflow: hidden; padding-bottom: 50%; background-color: rgba(255, 108, 12, .1); -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.m2cargo__blog .cover:after {content: ""; background: url("../img/symbol.svg") no-repeat center; width: 100px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.m2cargo__blog .cover .photo {background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0;border-radius: .25rem; z-index: 1}
.m2cargo__blog .item:hover .cover {-moz-transform: scale(.98); -webkit-transform: scale(.98); -o-transform: scale(.98); -ms-transform: scale(.98); transform: scale(.98)}
.m2cargo__blog .item .post_date {background: rgba(46, 26, 71, .05); font-size: 0.75rem; color: #a69cb2; font-weight: 500; padding: .35rem .7rem .25rem; display: inline-block; white-space: nowrap; border-radius: .25rem}
.m2cargo__blog .item .views {color: rgba(46, 26, 71, .5); font-weight: 500; font-size: 0.75rem;}
.m2cargo__blog .item .views svg {width: auto; height: 10px;color: rgba(46, 26, 71, .2);}
.m2cargo__blog .item h3 {font-size: 1.125rem; line-height: 1.3; font-weight: 500; margin-bottom: 1rem; margin: 0}
.m2cargo__blog .item a {color: #2e1a47;}
.m2cargo__blog .item:hover a {color: #ff6c0c}
/*Page Navigation*/
.modern-page-navigation {font-size: 0.9375rem; font-weight: 700}
.modern-page-navigation a, .modern-page-current, .modern-page-dots {padding: 0.5rem 1rem 0.3rem; background: rgba(46, 26, 71, .05); color: #a69cb2; border-radius: .25rem}
.modern-page-navigation a:hover, .modern-page-current, .modern-page-dots {background-color: #ff6c0c; color: #fff}
.modern-page-navigation a, .modern-page-current, .modern-page-navigation a.modern-page-previous, .modern-page-dots {margin-right: .25rem; margin-bottom: .25rem}
/* ++++++++++++++++++++ Blog Detail ++++++++++++++++++++ */
.m2cargo__blog--detail .cover { width: 100%; height: auto; border-radius: .25rem; position: relative; overflow: hidden; padding-bottom: 50%;background-color: rgba(255, 108, 12, .1); }
.m2cargo__blog--detail .cover:after {content: ""; background: url("../img/symbol.svg") no-repeat center; width: 100px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}
.m2cargo__blog--detail .cover .photo {background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: .25rem; z-index: 1}
.m2cargo__blog--detail .post_date {background: rgba(46, 26, 71, .05); font-size: 0.75rem; color: #a69cb2; font-weight: 500; padding: .35rem .7rem .25rem; display: inline-block; white-space: nowrap; border-radius: .25rem}
.m2cargo__blog--detail .views {color: rgba(46, 26, 71, .5); font-weight: 500; font-size: 0.75rem; margin-left: 1rem}
.m2cargo__blog--detail .views svg {width: auto; height: 10px;color: rgba(46, 26, 71, .2);}
@media (max-width:1199px) {.blog_right_list {border-top: 1px solid #e5e4e3; padding-top: 3rem; margin-top: 3rem}}
@media (min-width:768px) and (max-width:991px) {.blog_right_list .m2cargo__blog .col-lg:last-child .item {display: none;}}
@media (min-width:992px) {
.m2cargo__blog .col-lg {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
}
@media (min-width:1200px) {
.blog_right_list .m2cargo__blog .col-lg {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%}
}
.for_editors {font-size: 1.063rem}
.for_editors p {margin-bottom: 2rem; text-align: justify}
.for_editors :not(section) p:last-child, .for_editors section:last-child p:last-child {margin-bottom: 0}
.for_editors .h2 a, .for_editors .h3 a, .for_editors .h4 a, .for_editors .h5 a, .for_editors .h6 a, .for_editors h1 a, .for_editors h2 a, .for_editors h3 a, .for_editors h4 a, .for_editors h5 a, .for_editors h6 a, .for_editors .card a {color: #ff6c0c;position: relative;display: inline;}
.for_editors .h2 a:after, .for_editors .h3 a:after, .for_editors .h4 a:after, .for_editors .h5 a:after, .for_editors .h6 a:after, .for_editors h1 a:after, .for_editors h2 a:after, .for_editors h3 a:after, .for_editors h4 a:after, .for_editors h5 a:after, .for_editors h6 a:after, .for_editors .card a:after {content: "";background: #ff6c0c;height: 1px;width: 0;display: block;position: absolute;left: 0;bottom: -1px;z-index: 1;-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.for_editors .h2 a:hover:after, .for_editors .h3 a:hover:after, .for_editors .h4 a:hover:after, .for_editors .h5 a:hover:after, .for_editors .h6 a:hover:after, .for_editors h1 a:hover:after, .for_editors h2 a:hover:after, .for_editors h3 a:hover:after, .for_editors h4 a:hover:after, .for_editors h5 a:hover:after, .for_editors h6 a:hover:after, .for_editors .card a:hover:after {width: 100%;}
.for_editors h2, .for_editors .h2 { font-size: 1.75rem}
.for_editors h3, .for_editors .h3 {font-size: 1.5rem}
.for_editors h4, .for_editors .h4 {font-size: 1.313rem}
.for_editors h5, .for_editors .h5 {font-size: 1.125rem}
.for_editors h6, .for_editors .h6 {font-size: 1.063rem}
.for_editors .h2, .for_editors .h3, .for_editors .h4, .for_editors .h5, .for_editors .h6, .for_editors h1, .for_editors h2, .for_editors h3, .for_editors h4, .for_editors h5, .for_editors h6 {margin-bottom: 1rem; padding-top: 0}
.for_editors p + .h2, .for_editors p + .h3, .for_editors p + .h4, .for_editors p + .h5, .for_editors p + .h6, .for_editors p + h1, .for_editors p + h2, .for_editors p + h3, .for_editors p + h4, .for_editors p + h5, .for_editors p + h6, .for_editors ul + .h2, .for_editors ul + .h3, .for_editors ul + .h4, .for_editors ul + .h5, .for_editors ul + .h6, .for_editors ul + h1, .for_editors ul + h2, .for_editors ul + h3, .for_editors ul + h4, .for_editors ul + h5, .for_editors ul + h6, .for_editors ol + .h2, .for_editors ol + .h3, .for_editors ol + .h4, .for_editors ol + .h5, .for_editors ol + .h6, .for_editors ol + h1, .for_editors ol + h2, .for_editors ol + h3, .for_editors ol + h4, .for_editors ol + h5, .for_editors ol + h6, .for_editors section .h2, .for_editors section .h3, .for_editors section .h4, .for_editors section .h5, .for_editors section .h6, .for_editors section h1, .for_editors section h2, .for_editors section h3, .for_editors section h4, .for_editors section h5, .for_editors section h6 { padding-top: 1rem}
.for_editors ul, .for_editors ol {padding-left: 0;margin-bottom: 2rem;}
.for_editors ul li, .for_editors ol li {position: relative; list-style: none; padding-left: 1.25rem; color: #796c89}
.for_editors ul li:not(:last-child), .for_editors ol li:not(:last-child) {margin-bottom: .75rem}
.for_editors ul.list-group .list-group-item {border: none;padding: .5rem 1rem;margin: 0; line-height: 1.2}
.for_editors ul li:before {content: ''; width: 6px; height: 6px; display: block; position: absolute; left: 0; top:10px; border-radius: 50%; background-color:#ff6c0c;}
.for_editors ol li {padding-left: 2.25rem;}
.for_editors ol li:before {counter-increment: section; content: counter(section); background: transparent; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; display: block; position: absolute; top: 0; left: 0; border-radius: 50%; color: #ff6c0c; font-weight: 700; text-align: center; font-size: 80%; border: 1px solid #ff6c0c}
.for_editors .list-group a {color: #2e1a47;position: relative;display: inline;}
.for_editors .list-group a:after {content: "";background: #ff6c0c;height: 1px;width: 0;display: block;position: absolute;left: 0;bottom: -1px;z-index: 1;-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.for_editors .list-group a:hover {color: #ff6c0c;}
.for_editors .list-group a:hover:after {width: 100%;}
.for_editors .list-group + hr {margin-top: .5rem}
@media (min-width:768px) {
.for_editors {font-size: 1.125rem}
}
/* ++++++++++++++++++++ m3cargo_seo Start ++++++++++++++++++++ */
.m3cargo_seo {font-size: 0.9375rem; color: #a69cb2}
.m3cargo_seo p:last-child {margin-bottom: 0}
/* ++++++++++++++++++++ feedback Start ++++++++++++++++++++ */
.feedback {position: relative; padding: 3rem 2rem 2rem; border: 4px solid #ff6c0c; margin-top: 1rem}
.feedback .title {font-size: 1.25rem; font-weight: 700; position: absolute; z-index: 1; top: 0; left: 1rem; padding: .5rem 1rem; color: #ff6c0c; background-color: #fff; -moz-transform: translateY(-1.65rem); -webkit-transform: translateY(-1.65rem); -o-transform: translateY(-1.65rem); -ms-transform: translateY(-1.65rem); transform: translateY(-1.65rem)}
.feedback .info {margin-bottom: 2rem; padding-right: 2rem}
.feedback small {color: #a69cb2; font-size: 0.8125rem; line-height: 1.2; display: block}
.feedback small a {color: #ff6c0c}
.feedback small a:hover {color: #2e1a47}
.feedback .close {position: absolute; top: 1rem; right: 1rem; font-size: 2rem; color: #2e1a47}
.feedback .form-group {margin-bottom: 1.5rem}
.feedback .form-control {font-size: 0.9375rem; background-color: #efeff1; border-color: transparent; color: #2e1a47; border-radius: 0}
.feedback input.form-control {height: calc(3rem + 2px)}
.form-control:focus {color: #a69cb2; background-color: #fff; box-shadow: 0 0 0 0.2rem rgba(255, 108, 12, .25); border-color: rgba(255, 108, 10, 0.5)}
.feedback-form .form-control.error {border-color: #F44336; background: #fff}
.feedback-form label.error {font-size: 0.75rem; color: #F44336; margin-bottom: 0; padding-left: .75rem; line-height: 1.2; padding-top: .5rem}
.feedback textarea {resize: none}
.feedback-form__radio {display: inline-block !important; width: auto !important; margin-right: 30px; margin-bottom: 30px !important; cursor: pointer; vertical-align: middle}
.feedback-form__radio input {display: none}
.feedback-form__radio span {font-size: 15px; font-weight: normal; position: relative; display: inline-block; padding-left: 29px; vertical-align: middle}
.feedback-form__radio span:before {position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; -webkit-border-radius: 50%; border-radius: 50%; background-color: #efeff1}
.feedback-form__radio input:checked + span:before {background-color: #ff6c0c}
.feedback .btn {font-size: 1rem; font-weight: 700; display: inline-block; width: 150px; height: 50px; color: #fff; border-color: transparent; background-color: #ff6c0c; -webkit-box-shadow: none; box-shadow: none; border-radius: 0}
.feedback .btn:hover, .feedback .btn:focus {color: #ff6c0c; border: 1px solid #ff6c0c; background-color: #fff}
@media (min-width:1500px) {
.feedback {padding: 4rem}
.feedback .title {font-size: 1.5rem; left: 3rem; -moz-transform: translateY(-1.85rem); -webkit-transform: translateY(-1.85rem); -o-transform: translateY(-1.85rem); -ms-transform: translateY(-1.85rem); transform: translateY(-1.85rem)}
}
.modal-body .feedback {margin: 0}
.modal-body .feedback .title {color: #fff; background-color: #ff6c0c}
.modal-content {border: 0; padding-top: 40px; background: transparent}
.modal-body {padding: 0; background: #fff}
.modal-body ul {list-style: none; padding-left: 1rem}
.modal-body ul li {font-size: 95%; opacity: .8; padding-left: 1.125rem; position: relative}
.modal-body ul li:before {content: ""; background: #ff6c0c; width: 6px; height: 6px; border-radius: 50%; display: block; position: absolute; top: 5px; left: 0}
.modal-body ul li:not(:last-child) {margin-bottom: .5rem}
@media (min-width: 576px) {
.modal-dialog {max-width: 800px}
}
@media (min-width: 576px) {
.modal-dialog.modal-xl {max-width: 1140px}
}
/* ++++++++++++++++++++ review Start ++++++++++++++++++++ */
.media {background: #fff}
.media:not(:last-child) {margin-bottom: 2rem}
.fb_logo {width: 25px; height: 25px; color: #4267b2; position: absolute; right: 1.5rem; top: 1.5rem; display: block}
.fb_logo:hover {opacity: .5}
.media-body a {color: #2e1a47}
.media-body a:hover {color: #ff6c0c}
.media-body .rating_date {font-size: 85%; color: #a69cb2; margin-bottom: .5rem; padding-top: .25rem}
.media-body .rating i {padding: 0 .125rem; font-size: 1rem; color: #ff6c0c}
@media (min-width:576px) {
.fb_logo {right: 3rem; top: 3rem}
}
/* ++++++++++++++++++++ faqForm Start ++++++++++++++++++++ */
.faq-content-form {padding: 25px; background-color: #efeff1}
.faq-content-form .feedback-form__input {margin-bottom: 14px; background-color: #fff}
.faq-content-form-title {font-size: 21px; font-weight: bold; color: #2E1A47}
.faq-content-form-text {font-size: 15px; margin-bottom: 19px; color: #2E1A47}
.faq-content-form--custom {margin-bottom: 95px}
.faq-content-form--custom .feedback-form__input {display: inline-block; width: 75%; margin-top: 19px; vertical-align: middle}
.faq-content-form--custom .feedback-form__btn {line-height: 52px; width: 25%; height: 52px; margin-top: 19px}
/* ++++++++++++++++++++ case Start ++++++++++++++++++++ */
.m3cargo__case--tags {margin-bottom: 3rem}
.m3cargo__case--tags li {position: relative; margin-bottom: .25rem; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__case--tags li a {font-size: 0.9375rem; color: #a69cb2; font-weight: 500}
.m3cargo__case--tags li a:hover, .m3cargo__case--tags li a:focus {color: #2E1A47}
.m3cargo__case--tags li .badge {background-color: #ff6c0c; color: #fff; padding: .25rem 1rem .2rem; border-radius: 1rem; margin-left: 1rem; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.bx-no-touch .m3cargo__case--tags li .badge {visibility: hidden; opacity: 0}
.bx-no-touch .m3cargo__case--tags li:hover .badge {visibility: visible; opacity: 1}
.m3cargo__case .nav {border-top: 2px solid #e7e9f1}
.m3cargo__case .nav .nav-item {position: relative; margin: 1.25rem 1.5rem; color: #a69cb2}
.m3cargo__case .nav .nav-item.active {color: #ff6c0c}
.m3cargo__case .nav .nav-item.active:before {position: absolute; top: calc(-1.25rem - 2px); width: 100%; height: 2px; content: ''; background-color: #ff6c0c}
.m3cargo__case-items .item * {-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__case-items {margin-bottom: -2.5rem}
.m3cargo__case-items .item {position: relative; display: block; width: 100%; margin-bottom: 30px; background: #fff; overflow: hidden}
.m3cargo__case-items .item .cover {height: 0; position: relative; padding-bottom: 50%; background-color: #fff}
.m3cargo__case-items .item .cover:after {content: ""; background: url(../img/symbol.svg) no-repeat center; width: 100px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); z-index: 1}
.m3cargo__case-items .item .cover .photo {background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__case-items .item .caption {width: 100%; padding: 1.25rem .5rem; background-color: #fff; overflow: hidden; position: relative}
.m3cargo__case-items .item .caption .h3 {font-size: 1.25rem; margin: 0; color: #2E1A47}
.m3cargo__case-items .item .caption span {font-size: .75rem; display: table; color: #a69cb2; text-transform: uppercase; font-weight: 700; margin-top: .75rem}
.m3cargo__case-items .item:hover .cover {-moz-transform: scale(.97); -webkit-transform: scale(.97); -o-transform: scale(.97); -ms-transform: scale(.97); transform: scale(.97)}
.m3cargo__case-items .item:hover .caption {color: #ff6c0c}
.m3cargo__case-items .item:hover .caption .h3 {color: #ff6c0c}
.m3cargo__case-items .item:hover .caption span {color: #ff6c0c}
.bx-no-touch .m3cargo__case-items .item .caption span {color: #ff6c0c; -moz-transform: translateX(calc(-100% - 1rem)); -webkit-transform: translateX(calc(-100% - 1rem)); -o-transform: translateX(calc(-100% - 1rem)); -ms-transform: translateX(calc(-100% - 1rem)); transform: translateX(calc(-100% - 1rem))}
.bx-no-touch .m3cargo__case-items .item:hover .caption span {-moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0)}
.bx-no-touch .m3cargo__case-items .item:hover .caption .views {color: #ff6c0c; background-position: left -1px; background-size: 20px 11px; position: relative; top: -1px}
.m3cargo__case--cover {background-color: #2e1a47; padding: 5rem 0 4rem; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; color: rgba(255, 255, 255, .65); margin-top: -4.3rem}
.m3cargo__case--detail .h1, .m3cargo__case--detail .h2, .m3cargo__case--detail .h4, .m3cargo__case--detail .h5, .m3cargo__case--detail .h6, .m3cargo__case--detail h1, .m3cargo__case--detail h2, .m3cargo__case--detail h4, .m3cargo__case--detail h5, .m3cargo__case--detail h6 {margin-bottom: .75rem}
.m3cargo__case--detail h2 {font-size: 1.5rem; font-weight: normal; color: #ff6c0c;}
.m3cargo__case--detail h3 {font-size: 1.25rem; margin-bottom: .5rem;}
.m3cargo__case--detail .h3 {margin-bottom: 1.5rem; font-size: 2rem}
.m3cargo__case--detail .h4, .m3cargo__case--detail h4 {font-size: 1.75rem}
.m3cargo__case--detail ul {list-style: none; padding-left: 0; margin-bottom: 0}
.m3cargo__case--detail ul li {font-size: 95%; padding-left: 1.125rem !important; position: relative}
.m3cargo__case--detail ul li:before {content: ""; background: #ff6c0c; width: 6px; height: 6px; border-radius: 50%; display: block; position: absolute; top: 8px; left: 0}
.m3cargo__case--detail ul li:not(:last-child) {margin-bottom: .75rem}
.m3cargo__case--detail .cd-section {padding-top: 3rem; padding-bottom: 3rem}
.m3cargo__case--detail .cd-section p, .m3cargo__case--detail .cd-section li {font-size: 1.063rem}
.m3cargo__case--detail .cd-section p:last-child {margin-bottom: 0}
.m3cargo__case--detail .figure-caption {line-height: 1.2; padding-top: .5rem}
/**/
.m3cargo__case--detail .m3cargo_solution_problem {background: rgb(244, 243, 246)}
.m3cargo__case--detail .solution_problem {width: 100%; position: relative; margin-top: 3rem}
.m3cargo__case--detail .solution_problem-item {position: relative}
.m3cargo__case--detail .solution_problem-item:not(:last-child) {margin-bottom: 3rem}
.m3cargo__case--detail .solution_problem-stage {display: inline-block; font-size: 1.5rem; line-height: 1; color: #fff; background-color: #ff6c0c; padding: .65rem 1rem .5rem; border-radius: .25rem; font-weight: 700; margin-bottom: 1.5rem}
.m3cargo__case--detail .solution_problem-content p {font-size: 1rem !important}
.m3cargo__case--detail .solution_problem-content .blockquote {background-color: #fff; border-color: #fff}
@media (min-width:992px) {
.m3cargo__case--detail .solution_problem-item {padding-right: 10%}
.m3cargo__case--detail .solution_problem-item:not(:last-child) {margin-bottom: 4rem}
.m3cargo__case--detail .solution_problem-content p {font-size: 1.125rem !important}
}
@media (min-width: 1200px) {
.m3cargo__case--detail .cd-section {padding-top: 5rem; padding-bottom: 5rem}
.m3cargo__case--detail .solution_problem-item {padding-right: 5%}
}
.m3cargo__case--cover:after {content: ''; background: rgba(46, 26, 71, .90); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.m3cargo__case--cover div {position: relative; z-index: 1}
.m3cargo__case--cover h1 {font-weight: 700; color: #fff; font-size: 1.5rem; line-height: 1.1; margin-bottom: 1.5rem}
.m3cargo__case--cover .lead {font-size: 1.125rem}
@media (min-width:768px) {
.m3cargo__case--cover h1 {font-size: 2rem}
}
@media (min-width:992px) {
.m3cargo__case--cover {margin-top: -5.3rem; padding: 8rem 0 6rem}
.m3cargo__case--cover h1 {font-size: 2.5rem}
}
.m3cargo__slider-item .m3cargo__case-items {margin-bottom: 1rem}
.m3cargo__slider-item .m3cargo__case-items .item {text-align: left}
.m3cargo__slider-item .m3cargo__case-items .item .caption .h3 {padding: 0}
.m3cargo__slider-item .media {text-align: left}
.m3cargo__slider-item .media p {font-size: 90%}
.m3cargo__slider-item .media.border {border: 1px solid #fff !important}
.cd-img-replace {display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap}
/*.cd-nav-trigger {display: none}*/
#cd-vertical-nav {display: none;}
.bx-no-touch #cd-vertical-nav {position: fixed; right: 30px; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; display: none}
.bx-no-touch #cd-vertical-nav li {text-align: right}
.bx-no-touch #cd-vertical-nav li:not(:last-child) {margin-bottom: .25rem}
.bx-no-touch #cd-vertical-nav a {display: block; -webkit-backface-visibility: hidden; backface-visibility: hidden}
.bx-no-touch #cd-vertical-nav a:after {content: ""; display: table; clear: both}
.bx-no-touch #cd-vertical-nav a span {display: inline-block; float: right; -webkit-transform: scale(.6); -moz-transform: scale(.6); -ms-transform: scale(.6); -o-transform: scale(.6); transform: scale(.6)}
.bx-no-touch #cd-vertical-nav a:hover span {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
.bx-no-touch #cd-vertical-nav a:hover .cd-label {opacity: 1}
.bx-no-touch #cd-vertical-nav a.is-selected .cd-dot {background-color: red}
.bx-no-touch #cd-vertical-nav .cd-dot {position: relative; top: 10px; height: 12px; width: 12px; border-radius: 50%; background-color: #ff6c0c; -webkit-transition: -webkit-transform .2s, background-color .5s; -moz-transition: -moz-transform .2s, background-color .5s; transition: transform .2s, background-color .5s; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; transform-origin: 50% 50%}
.bx-no-touch #cd-vertical-nav .cd-label {position: relative; margin-right: 1rem; padding: .25rem 1rem; color: #fff; font-size: .875rem; background-color: #ff6c0c; -webkit-transition: -webkit-transform .2s, opacity .2s; -moz-transition: -moz-transform .2s, opacity .2s; transition: transform .2s, opacity .2s; opacity: 0; -webkit-transform-origin: 100% 50%; -moz-transform-origin: 100% 50%; -ms-transform-origin: 100% 50%; -o-transform-origin: 100% 50%; transform-origin: 100% 50%; border-radius: 1rem}
/*
.bx-touch .cd-nav-trigger {display: block; z-index: 12; position: fixed; bottom: 20px; right: 5%; height: 44px; width: 44px; border-radius: .25rem; background: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(32, 18, 50, .20); box-shadow: 0 0 20px 0 rgba(32, 18, 50, .20)}
.bx-touch .cd-nav-trigger span {position: absolute; height: 4px; width: 4px; background-color: #ff6c0c; border-radius: 50%; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.bx-touch .cd-nav-trigger span::before, .bx-touch .cd-nav-trigger span::after {content: ''; height: 100%; width: 100%; position: absolute; left: 0; background-color: inherit; border-radius: inherit}
.bx-touch .cd-nav-trigger span::before {top: -9px}
.bx-touch .cd-nav-trigger span::after {bottom: -9px}
*/
.bx-touch #cd-vertical-nav {position: fixed; z-index: 10; right: 5%; bottom: 20px; width: 90%; max-width: 400px; max-height: 90%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: .2s; -moz-transition-duration: .2s; transition-duration: .2s; border-radius: .25rem; background-color: #fff; -webkit-box-shadow: 0 0 20px 0 rgba(32, 18, 50, .20); box-shadow: 0 0 20px 0 rgba(32, 18, 50, .20)}
.bx-touch #cd-vertical-nav a {display: block; padding: .75rem 1.5rem; border-bottom: 1px solid rgba(62, 57, 71, .1); color: #2e1a47; font-size: 0.9375rem}
.bx-touch #cd-vertical-nav a span:first-child {display: none}
.bx-touch #cd-vertical-nav a.is-selected span:last-child {color: #d88683}
.bx-touch #cd-vertical-nav.open {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1)}
/*
.bx-touch #cd-vertical-nav.open + .cd-nav-trigger {background-color: transparent; -webkit-box-shadow: 0 0 0 0 rgba(32, 18, 50, 0); box-shadow: 0 0 0 0 rgba(32, 18, 50, 0)}
.bx-touch #cd-vertical-nav.open + .cd-nav-trigger span {background-color: transparent}
.bx-touch #cd-vertical-nav.open + .cd-nav-trigger span::before, .bx-touch #cd-vertical-nav.open + .cd-nav-trigger span::after {background-color: #3e3947; height: 3px; width: 20px; border-radius: 0; left: -8px}
.bx-touch #cd-vertical-nav.open + .cd-nav-trigger span::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 1px}
.bx-touch #cd-vertical-nav.open + .cd-nav-trigger span::after {-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); bottom: 0}
*/
.bx-touch #cd-vertical-nav li:last-child a {border-bottom: none}
@media (min-width:768px) {
.bx-no-touch #cd-vertical-nav {display: block}
/* .bx-touch .cd-nav-trigger, .bx-touch #cd-vertical-nav {bottom: 40px}*/
}
.m3cargo__case--seo p:last-child {margin-bottom: 0}
/* ++++++++++++++++++++ sitemap Start ++++++++++++++++++++ */
ul.sitemap-level-0 a {font-size: 1.125rem; font-weight: 700; color: #2E1A47}
ul.sitemap-level-1 a, ul.sitemap-level-2 a, ul.sitemap-level-3 a {font-size: 0.875rem; font-weight: 400}
/* ++++++++++++++++++++ service Start ++++++++++++++++++++ */
.m3cargo__service .row {margin-bottom: -30px; padding-top: 3rem; padding-bottom: 3rem}
.m3cargo__service .title span {display: block; color: #dedee9}
.m3cargo__service .title > span {padding-right: 1rem}
.m3cargo__service .title span img {margin-top: -5px}
.m3cargo__service .title span + span {font-size: 1.75rem; line-height: 1}
.m3cargo__service .item {border: 1px solid rgba(255, 255, 255, .15); padding: 2rem; margin-bottom: 30px; position: relative; background: #2e1a47; z-index: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__service .item .icon {width: 100px; height: 100px; border: 1px solid rgba(255, 255, 255, .15); border-radius: 50%; position: relative; margin-bottom: 2rem; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__service .item .icon span {display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.m3cargo__service .item:hover, .m3cargo__service .item:hover .icon {border-color: #ff6c0c}
.m3cargo__service .item .h3 {font-size: 1.25rem; margin-bottom: 1.5rem}
.m3cargo__service .item p {font-size: 0.875rem; opacity: .5}
@media (min-width:375px) {
.m3cargo__service .title span + span {font-size: 2rem; font-weight: 300}
}
@media (min-width:414px) {
.m3cargo__service .title span img {width: 80px; height: 80px}
.m3cargo__service .title span + span {font-size: 2.5rem}
}
@media (min-width:768px) {
.m3cargo__service .row {margin-bottom: -30px; padding-top: 4rem; padding-bottom: 4rem}
.m3cargo__service .col-sm {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%}
.m3cargo__service .col-sm:nth-child(n+9) {-ms-flex: 0 0 100%; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%}
}
@media (min-width:992px) {
.m3cargo__service .col-sm, .m3cargo__service .col-sm:nth-child(n+9) {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%}
}
@media (min-width:1200px) {
.m3cargo__service .title span img {width: 100px; height: 100px}
.m3cargo__service .title span + span {font-size: 3rem}
}
.m3cargo__service.light {background: #f4f3f6; padding: 4rem 0}
.m3cargo__service.light .row {margin-bottom: 0; padding: 0}
.m3cargo__service.light .display-4 {line-height: 1; font-size: 3rem; color: #ff6c0c; margin-bottom: 3rem}
.m3cargo__service.light .item {color: #fff; border: none}
.m3cargo__service.light .item .h3 a {color: #fff;}
.m3cargo__service.light .item .h3 a:hover {color: #ff6c0c;}
.m3cargo__service.light .item:hover {transform: scale(1.0225)}
.m3cargo__service--detail .cover {background-color: #2e1a47; padding: 6rem 0 3rem; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; color: rgba(255, 255, 255, .65); margin-top: -6rem}
.m3cargo__service--detail .cover:after {content: ''; background: rgba(46, 26, 71, .90); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0}
.m3cargo__service--detail .cover .container {position: relative; z-index: 1}
.m3cargo__service--detail .cover h1 {font-weight: 700; color: #fff; font-size: 2.5rem; line-height: 1.1; margin-bottom: 1rem}
.m3cargo__service--detail .cover .lead {font-size: 1.125rem}
.m3cargo__service--detail .cover .anchor_links a {color: #fff}
.m3cargo__service--detail .cover .icon {width: 100px; height: 100px; border: 1px solid #ff6c0c; border-radius: 50%; position: relative}
.m3cargo__service--detail .cover .icon span {display: block; width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.m3cargo__service--detail .cover.video {overflow: hidden}
@media (min-width:768px) {
.m3cargo__service--detail .cover.video {padding: 12rem 0}
.m3cargo__service--detail .cover.video .lead {padding-right: 10rem}
}
@media (min-width:992px) {
.m3cargo__service--detail .cover {margin-top: -5.3rem; padding: 8rem 0 4rem}
.m3cargo__service--detail .cover.video {padding: 13rem 0}
}
@media (min-width:1600px) {
.m3cargo__service--detail .cover.video {padding: 16rem 0}
.m3cargo__service--detail .cover.video .lead {padding-right: 30rem}
}
.m3cargo__service--detail_body {font-size: 1.063rem}
.m3cargo__service--detail_body .h1, .m3cargo__service--detail_body .h2, .m3cargo__service--detail_body .h3, .m3cargo__service--detail_body .h4, .m3cargo__service--detail_body .h5, .m3cargo__service--detail_body .h6, .m3cargo__service--detail_body h1, .m3cargo__service--detail_body h2, .m3cargo__service--detail_body h3, .m3cargo__service--detail_body h4, .m3cargo__service--detail_body h5, .m3cargo__service--detail_body h6 {margin-bottom: 1.5rem; padding-top: 0}
.m3cargo__service--detail_body .h2, .m3cargo__service--detail_body h2 {font-size: 1.875rem; font-weight: 300; color: #ff6c0c}
.m3cargo__service--detail_body .nav-pills a {margin-bottom: 2rem; color: #2e1a47; font-weight: 700; font-size: 1.125rem; display: block; line-height: 1.2}
.m3cargo__service--detail_body .nav-pills a:hover, .m3cargo__service--detail_body .nav-pills a.active {color: #ff6c0c}
.m3cargo__service--detail_body .tab-content {color: rgba(46, 26, 71, .75); font-size: 1rem}
.m3cargo__service--detail_body section:nth-child(even) .h2, .m3cargo__service--detail_body section:nth-child(even) h2 {color: #2e1a47}
.m3cargo__service--detail_body section {padding: 4rem 0; -webkit-box-shadow: 0 1px 0 0 rgb(244, 243, 246); box-shadow: 0 1px 0 0 rgb(244, 243, 246)}
.m3cargo__service--detail_body section:nth-child(even) {background: rgb(244, 243, 246)}
.m3cargo__service--detail_body section p {color: rgba(46, 26, 71, .75)}
.m3cargo__service--detail_body section p.lead {font-size: 1.375rem}
.m3cargo__service--detail_body section p:last-child {margin-bottom: 0}
.m3cargo__service--detail_body section .row h3 {font-size: 1.25rem; line-height: 1.2}
.m3cargo__service--detail_body section .row p {font-size: 1.063rem}
.m3cargo__service--detail_body section .row p.lead {font-size: 1.063rem}
.m3cargo__service--detail_body section p em {opacity: .75}
.m3cargo__service--detail_body section ul {list-style: none; padding-left: 1rem; margin-bottom: 0}
.m3cargo__service--detail_body section ul li {opacity: .8; padding-left: 1.125rem; position: relative}
.m3cargo__service--detail_body section ul li:before {content: ""; background: #ff6c0c; width: 6px; height: 6px; border-radius: 50%; display: block; position: absolute; top: 8px; left: 0; }
.m3cargo__service--detail_body section ul li:not(:last-child) {margin-bottom: .5rem}
.m3cargo__service--detail_body section ul li a {color: #ff6c0c; position: relative; display: inline-block}
.m3cargo__service--detail_body section ul li a:after {content: ""; background: #ff6c0c; height: 1px; width: 0; display: block; position: absolute; left: 0; bottom: -1px; z-index: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__service--detail_body section ul li a:hover:after {width: 100%}
/* ++++++++++++++++++++ service End ++++++++++++++++++++ */
.m3cargo__service--detail.landing .cover .lead {font-size: 1.125rem}
.m3cargo__service--landing {margin-bottom: 6rem}
.m3cargo__service--landing section {padding: 3rem 0; -webkit-box-shadow: 0 1px 0 0 rgb(244, 243, 246); box-shadow: 0 1px 0 0 rgb(244, 243, 246); font-size: 1.063rem}
.m3cargo__service--landing section:nth-child(even) {background: rgb(244, 243, 246)}
.m3cargo__service--landing section.section__dark {background: #2e1a47}
.m3cargo__service--landing section.section__dark p {color: #968ca3}
.m3cargo__service--landing section .icon {width: 120px; height: 120px; border: 1px solid #ff6c0c; border-radius: 50%; position: relative; margin: 0 auto}
.m3cargo__service--landing section .icon span {display: block; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.m3cargo__service--landing section.quick_feedback {background: #ff6c0c; padding: 5rem 0}
.m3cargo__service--landing section.quick_feedback:before {left: 10%}
.m3cargo__service--landing .h1, .m3cargo__service--landing .h2, .m3cargo__service--landing .h3, .m3cargo__service--landing .h4, .m3cargo__service--landing .h5, .m3cargo__service--landing .h6, .m3cargo__service--landing h1, .m3cargo__service--landing h2, .m3cargo__service--landing h3, .m3cargo__service--landing h4, .m3cargo__service--landing h5, .m3cargo__service--landing h6 {margin-bottom: 1.5rem; padding-top: 0}
@media (min-width:768px) {
.m3cargo__service--landing section {padding: 5rem 0}
.m3cargo__service--detail.landing .cover h1 {font-size: 4rem}
}
@media (min-width:1200px) {
.m3cargo__service--landing section {padding: 8rem 0}
.m3cargo__service--detail.landing .cover h1 {font-size: 4.5rem}
}
.quick_feedback {background: #ff6c0c; color: #fff; text-align: center; padding: 3rem 0; overflow: hidden; position: relative}
.quick_feedback .container {position: relative}
.quick_feedback:before {content: ""; display: block; width: 200px; height: 104px; position: absolute; left: 50%; top: 50%; background: url("../img/brand_symbol_white.svg") no-repeat center; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg); opacity: .075}
.quick_feedback:before {-webkit-animation: feedback 10s linear infinite; -moz-animation: feedback 10s linear infinite; -o-animation: feedback 10s linear infinite; animation: feedback 10s linear infinite}
@-webkit-keyframes feedback {0% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}25% {transform: translateX(-100%) translateY(-50%) scale(3) rotate(0deg)}50% {transform: translateX(-50%) translateY(-50%) scale(3.5) rotate(15deg)}75% {transform: translateX(0) translateY(-50%) scale(3) rotate(0deg)}100% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}}
@-moz-keyframes feedback {0% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}25% {transform: translateX(-100%) translateY(-50%) scale(3) rotate(0deg)}50% {transform: translateX(-50%) translateY(-50%) scale(3.5) rotate(15deg)}75% {transform: translateX(0) translateY(-50%) scale(3) rotate(0deg)}100% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}}
@-o-keyframes feedback {0% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}25% {transform: translateX(-100%) translateY(-50%) scale(3) rotate(0deg)}50% {transform: translateX(-50%) translateY(-50%) scale(3.5) rotate(15deg)}75% {transform: translateX(0) translateY(-50%) scale(3) rotate(0deg)}100% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}}
@keyframes feedback {0% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}25% {transform: translateX(-100%) translateY(-50%) scale(3) rotate(0deg)}50% {transform: translateX(-50%) translateY(-50%) scale(3.5) rotate(15deg)}75% {transform: translateX(0) translateY(-50%) scale(3) rotate(0deg)}100% {transform: translateX(-50%) translateY(-50%) scale(1.75) rotate(-15deg)}}
.quick_feedback .display-1 {color: #fff; font-weight: 300; font-size: 2rem}
.quick_feedback .display-1 p {font-size: 1.125rem}
.quick_feedback .btn-primary {color: #fff; background-color: #2e1a47; border-color: #2e1a47; white-space: nowrap}
.quick_feedback .btn-primary:hover, .quick_feedback .btn-primary:not(:disabled):not(.disabled):active {color: #ff6c0c; background-color: #fff; border-color: #fff}
.quick_feedback .btn-primary:not(:disabled):not(.disabled):active, .quick_feedback .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .25); border-color: rgba(255, 255, 255, 0.5)}
@media (min-width:992px) {
.quick_feedback .display-1 {text-align: left}
}
/* ++++++++++++++++++++ FAQ Start ++++++++++++++++++++ */
.m3cargo__faq .list-group-item {padding: .75rem 0 .65rem}
.m3cargo__faq .list-group-item a {color: rgba(46, 26, 71, .5); display: block; line-height: 1.2; font-weight: 500; font-size: 0.9375rem}
.m3cargo__faq .list-group-item a:hover, .m3cargo__faq .list-group-item.active a {color: #ff6c0c}
.m3cargo__faq .list-group-item:first-child {margin-bottom: 0; border: 0}
.m3cargo__faq .list-group-item.active {z-index: 2; color: #ff6c0c; background-color: #fff !important; border-color: rgba(0, 0, 0, .125) !important}
.m3cargo__faq .faq_card-header h2 {margin-bottom: 1rem}
.m3cargo__faq .faq_card .btn-link {font-size: 1rem; color: rgba(46, 26, 71, 1); text-align: left; line-height: 1.2; display: table; padding-left: 1.25rem; padding-right: 0}
.m3cargo__faq .faq_card .btn-link:before {content: ""; width: 8px; height: 2px; display: block; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #ff6c0c; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.m3cargo__faq .faq_card .btn-link:after {content: ""; display: block; width: 8px; height: 2px; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #ff6c0c; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg)}
.m3cargo__faq .faq_card .btn-link:hover, .m3cargo__faq .faq_card .btn-link[aria-expanded="true"] {color: #ff6c0c}
.m3cargo__faq .faq_card .btn-link[aria-expanded="true"]:after {opacity: 0}
.m3cargo__faq .faq_card .btn-link[aria-expanded="false"]:before, .m3cargo__faq .faq_card .btn-link[aria-expanded="false"]:after {background-color: #ceccd0}
.m3cargo__faq .faq_card .btn-link[aria-expanded="false"]:hover:before, .m3cargo__faq .faq_card .btn-link[aria-expanded="false"]:hover:after {background-color: #ff6c0c}
.m3cargo__faq .faq_card .faq_card-body {font-size: 0.875rem; opacity: 0.75; margin-bottom: 2rem}
.m3cargo__faq--detail {padding-bottom: 4rem}
.m3cargo__faq--detail ul {list-style: none; padding-left: 1rem}
.m3cargo__faq--detail ul li {opacity: .8; padding-left: 1.125rem; position: relative}
.m3cargo__faq--detail ul li:before {content: ""; background: #ff6c0c; width: 6px; height: 6px; border-radius: 50%; display: block; position: absolute; top: 8px; left: 0}
.m3cargo__faq--detail ul li:not(:last-child) {margin-bottom: .5rem}
.m3cargo__faq--detail .h1, .m3cargo__faq--detail .h2, .m3cargo__faq--detail .h3, .m3cargo__faq--detail .h4, .m3cargo__faq--detail .h5, .m3cargo__faq--detail .h6, .m3cargo__faq--detail h1, .m3cargo__faq--detail h2, .m3cargo__faq--detail h3, .m3cargo__faq--detail h4, .m3cargo__faq--detail h5, .m3cargo__faq--detail h6 {margin-bottom: 1rem; font-weight: 700; padding-top: 1.5rem}
.m3cargo__faq--detail .h2, .m3cargo__faq--detail h2 {font-size: 1.75rem}
.m3cargo__faq--detail .h3, .m3cargo__faq--detail h3 {font-size: 1.625rem}
.m3cargo__faq--detail .h4, .m3cargo__faq--detail h4 {font-size: 1.375rem}
.m3cargo__faq--detail .h5, .m3cargo__faq--detail h5 {font-size: 1.25rem}
.m3cargo__faq--detail .h6, .m3cargo__faq--detail h6 {font-size: 1.125rem}
.m3cargo__faq--detail p:last-child {margin-bottom: 0}
/* ++++++++++++++++++++ FAQ End ++++++++++++++++++++ */
/* ++++++++++++++++++++
homePage Start
++++++++++++++++++++ */
/*main.m3cargo_home {color: #fff}
main.m3cargo_home .m3cargo_home-left {background: #ff6c0c; padding: 40px; z-index: 1; overflow: hidden}
main.m3cargo_home .m3cargo_home-right {background: #201232; padding: 0}
@media (min-width:992px) {
main.m3cargo_home {padding: 0}
}
@media (min-width:1200px) {
main.m3cargo_home .m3cargo_home-left {-ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; padding: 30px 40px}
main.m3cargo_home .m3cargo_home-right {-ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%}
}
@media (min-width:1300px) {
main.m3cargo_home .m3cargo_home-left {padding: 30px 50px}
}
@media (min-width:1400px) {
main.m3cargo_home .m3cargo_home-left {padding: 60px}
}
@media (min-width:1600px) {
main.m3cargo_home .m3cargo_home-left {-ms-flex: 0 0 27%; flex: 0 0 27%; max-width: 27%}
main.m3cargo_home .m3cargo_home-right {-ms-flex: 0 0 73%; flex: 0 0 73%; max-width: 73%}
}
main.m3cargo_home .m3cargo__header--brand a, main.m3cargo_home .m3cargo__header--phone a {color: #fff}
main.m3cargo_home .m3cargo__header--brand {margin-bottom: 3rem}
main.m3cargo_home .m3cargo__header--phone, main.m3cargo_home .m3cargo__nav + .btn, main.m3cargo_home .m3cargo__nav {margin-bottom: 1.75rem}
main.m3cargo_home .m3cargo__nav {background: transparent}
main.m3cargo_home .m3cargo__nav .nav-link {padding: .5rem 0; font-size: 1rem; font-weight: 500; color: #fff; position: relative}
main.m3cargo_home .m3cargo__nav .nav-link:after {content: ""; display: block; width: 100%; height: 2px; background: #e4630a; position: absolute; top: 50%; left: 0; margin-top: -1px; z-index: 1}
main.m3cargo_home .m3cargo__nav .nav-link:before {content: ""; display: block; width: 0; height: 2px; background: #fff; position: absolute; top: 50%; left: 0; margin-top: -1px; z-index: 2; -webkit-transition: all 800ms cubic-bezier(0.075, 0.82, 0.165, 1); transition: all 800ms cubic-bezier(0.075, 0.82, 0.165, 1)}
main.m3cargo_home .m3cargo__nav .nav-link:hover:before {width: 100%}
main.m3cargo_home .m3cargo__nav .nav-link span {display: inline-block; background: #ff6c0c; position: relative; z-index: 3; padding-right: 1rem}
main.m3cargo_home .m3cargo__nav + .btn-primary {color: #fff; background-color: #2e1a47; border-color: #2e1a47}
main.m3cargo_home .m3cargo__nav + .btn-primary:hover, main.m3cargo_home .m3cargo__nav + .btn-primary:not(:disabled):not(.disabled):active {color: #ff6c0c; background-color: #fff; border-color: #fff}
main.m3cargo_home .m3cargo__nav + .btn-primary:not(:disabled):not(.disabled):active, main.m3cargo_home .m3cargo__nav + .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, .25); border-color: rgba(255, 255, 255, 0.5)}
main.m3cargo_home footer {width: 100%; padding: 0 40px 40px; position: absolute; left: 0; bottom: 0}
main.m3cargo_home .mobile_slogan {background: #2e1a47; padding: .75rem 30px; font-weight: 700; position: relative}
main.m3cargo_home .mobile_slogan img {height: 30px}
main.m3cargo_home .mobile_slogan span {text-align: left; line-height: 1.2}
@media (min-height:500px) and (max-height:680px) {
main.m3cargo_home .m3cargo__header--phone, main.m3cargo_home .m3cargo__nav + .btn, main.m3cargo_home .m3cargo__nav {margin-bottom: 1rem}
main.m3cargo_home .m3cargo__nav .nav-link {padding: .4rem 0; font-size: .915rem}
}
@media (min-width:992px) {
main.m3cargo_home .m3cargo__header--phone a, .m3cargo__header--phone div {font-size: 1.8rem}
main.m3cargo_home .m3cargo__header--phone span {padding-top: .25rem}
}
@media (min-width:1200px) {
main.m3cargo_home .m3cargo__header--phone a, main.m3cargo_home .m3cargo__header--phone div {font-size: 1.85rem}
main.m3cargo_home footer {padding: 30px 40px}
main.m3cargo_home .m3cargo__header--phone, main.m3cargo_home .m3cargo__nav + .btn, main.m3cargo_home .m3cargo__nav {margin-bottom: 2rem}
main.m3cargo_home .m3cargo__nav .nav-link {font-size: 1.063rem}
}
@media (min-width:1300px) {
main.m3cargo_home .m3cargo__header--phone a, main.m3cargo_home .m3cargo__header--phone div {font-size: 2rem}
main.m3cargo_home .m3cargo__header--phone span {font-size: 0.875rem}
main.m3cargo_home footer {padding: 30px 50px}
}
@media (min-width:1400px) {
main.m3cargo_home .m3cargo__header--brand {margin-bottom: 4rem}
main.m3cargo_home .m3cargo__header--phone, main.m3cargo_home .m3cargo__nav + .btn, main.m3cargo_home .m3cargo__nav {margin-bottom: 3rem}
main.m3cargo_home footer {padding: 30px 60px 60px}
}
@media (min-width:1900px) {
main.m3cargo_home .m3cargo__header--phone a, main.m3cargo_home .m3cargo__header--phone div {font-size: 2.125rem}
main.m3cargo_home .m3cargo__nav .nav-link {padding: .65rem 0; font-size: 1.125rem}
}
@media (min-width:768px) {
main.m3cargo_home .slick-slide > div, .m3cargo__map, .m3cargo__slider-item .d-flex {height: 75vh}
}
@media (min-width:992px) {
main.m3cargo_home .slick-slide > div, .m3cargo__map, .m3cargo__slider-item .d-flex {height: 100vh}
}
.slick-prev {left: 30px; z-index: 1}
.slick-next {right: 30px; z-index: 1}
.slick-next, .slick-prev {width: 30px; height: 30px}
.slick-next:before, .slick-prev:before {font-size: 30px}
.m3cargo__slider-item {position: relative; background-repeat: no-repeat; background-position: center; background-size: cover}
.m3cargo__slider-item_overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(32, 18, 50, .75)}
.m3cargo__slider-item .d-flex {padding: 4rem 0}
.m3cargo__slider-item .d-flex p {color: #abadb4}
.m3cargo__slider-item .d-flex .lead {font-size: 1.125rem}
.m3cargo__slider-item .d-flex .h3 {font-size: 1rem; padding-top: 1rem}
.m3cargo__slider-item .d-flex .h3 + p {font-size: 0.9375rem; margin-bottom: 2rem}
.m3cargo__slider-item .d-flex img {margin: 0 auto}
.m3cargo__slider-item .d-flex .btn-primary:hover, .m3cargo__slider-item .d-flex .btn-primary:not(:disabled):not(.disabled):active {color: #ff6c0c; background-color: #fff; border-color: #ffffff}
.m3cargo__slider-item .d-flex .btn-primary:not(:disabled):not(.disabled):active, .m3cargo__slider-item .d-flex .btn-primary:not(:disabled):not(.disabled):active:focus {box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.25)}
@media (min-width:768px) {
.m3cargo__slider-item .d-flex {padding: 0 2rem}
.m3cargo__slider-item .d-flex .h3 + p {max-width: 320px; margin-left: auto; margin-right: auto}
}
@media (min-width: 992px) {
.m3cargo__slider-item .d-flex {padding: 0 4rem}
.m3cargo__slider-item .d-flex .h2 {font-size: 2.25rem}
}
@media (min-width: 1200px) {
.m3cargo__slider-item .d-flex {padding: 0 4rem}
.m3cargo__slider-item .d-flex .h2 {font-size: 3rem}
.m3cargo__slider-item .d-flex .lead {font-size: 1.5rem}
.m3cargo__slider-item .d-flex .h3 {font-size: 1.125rem; padding-top: 1.5rem}
.m3cargo__slider-item .d-flex .h3 + p {font-size: 1rem; line-height: 1.2}
}
.m3cargo__map-mobile {overflow: hidden; padding: 4rem 0 0}
.m3cargo__map-mobile .track_link {position: absolute; left: 30px; bottom: 6rem; line-height: 1; font-weight: 700; color: #ff6c0c; cursor: pointer; z-index: 1; font-size: 1.25rem}
.m3cargo__map-mobile .menu-btn {margin-bottom: 4rem}
.m3cargo__map-mobile .menu-btn img {-moz-transform: scale(2.3) translateX(-14%); -webkit-transform: scale(2.3) translateX(-14%); -o-transform: scale(2.3) translateX(-14%); -ms-transform: scale(2.3) translateX(-14%); transform: scale(2.3) translateX(-14%)}
.m3cargo__stat {position: relative; z-index: 10; background-color: #ff6c0c; padding: 15px 15px 15px 30px; pointer-events: none}
.m3cargo__map-mobile .m3cargo__stat {pointer-events: auto}
.m3cargo__stat-item:not(:last-child) {margin-right: 1rem}
.m3cargo__stat-item span {display: block; line-height: 1; font-weight: bold; font-size: 1.25rem}
.m3cargo__stat-item i {font-style: normal; display: block; line-height: 1; font-size: 0.6875rem}
@media (min-width:375px) {
.m3cargo__stat-item span {font-size: 1.75rem}
.m3cargo__stat-item i {font-size: .75rem}
}
@media (min-width:768px) {
.m3cargo__stat {position: absolute; top: 0; left: 0; background-color: transparent; padding: 30px}
.m3cargo__stat-item:not(:last-child) {margin-right: 2rem}
.m3cargo__stat-item span {font-size: 3rem}
.m3cargo__stat-item i {font-size: 1rem}
}
@media (min-width:992px) {
.m3cargo__stat {top: 0}
.m3cargo__stat-item:not(:last-child) {margin-right: 3rem}
}
@media (min-width:1400px) {
.m3cargo__stat {padding: 50px}
.m3cargo__stat-item:not(:last-child) {margin-right: 4rem}
}
.m3cargo__map {position: relative; overflow: hidden}
#m3cargo_map * {-webkit-transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
#m3cargo_map {position: absolute; width: auto; height: 500px; top: 0; right: 0}
@media (min-width:768px) {
#m3cargo_map {height: 950px; top: 20px; right: -220px}
}
@media (min-width:992px) {
#m3cargo_map {height: 850px; right: -200px}
}
@media (min-width:1200px) {
#m3cargo_map {height: 1000px; top: -80px}
}
@media (min-width:1300px) {
#m3cargo_map {height: 1080px; top: -120px}
}
@media (min-width:1600px) {
#m3cargo_map {height: 1250px}
}
@media (min-width:1900px) {
#m3cargo_map {height: 1300px; right: -100px}
}
#m3cargo_map .cls-1 {fill: #2d203e; fill-rule: evenodd}
#m3cargo_map .cls-2 {fill: #fff}
#m3cargo_map .cls-3 {fill: #ff6c0c; stroke: #ff6c0c; stroke-miterlimit: 10}
#m3cargo_map .cls-4 {fill: #ff6c0c}
#m3cargo_map .dots_small, #m3cargo_map .dots_big {position: relative; z-index: 1}
#m3cargo_map g[data-toggle="tooltip_map"] {cursor: pointer}
#m3cargo_map .dots_small [data-toggle="tooltip_map"] path {stroke: #ff6c0c; stroke-width: 2}
#m3cargo_map .dots_small[data-toggle="tooltip_map"]:hover path {fill: #fff; stroke: #fff; stroke-width: 6}
#m3cargo_map .dots_big[data-toggle="tooltip_map"]:hover path:first-child {fill: #fff}
#m3cargo_map .dots_big[data-toggle="tooltip_map"]:hover path:last-child {fill: #ff6c0c}
.tooltip_map.tooltip {z-index: 9; cursor: pointer}
.tooltip_map .tooltip-inner {background-color: #fff; color: #2e1a47; font-weight: 700; font-size: 0.8125rem; padding: .35rem .75rem .45rem 2.25rem; line-height: 1; position: relative}
.tooltip_map .tooltip-inner:before {content: ""; background-image: url("/assets/img/boat_dark.svg"); background-repeat: no-repeat; display: block; width: 20px; height: 16px; position: absolute; left: .55rem; top: 3px; opacity: 1}
.tooltip_map .tooltip-inner:after {content: ""; background-image: url("/assets/img/boat.svg"); background-repeat: no-repeat; display: block; width: 20px; height: 16px; position: absolute; left: .55rem; top: 3px; opacity: 0}
.tooltip_map.tooltip:hover .tooltip-inner, .tooltip_map.tooltip:focus .tooltip-inner {background: #ff6c0c; color: #fff}
.tooltip_map.tooltip:hover .tooltip-inner:before {opacity: 0}
.tooltip_map.tooltip:hover .tooltip-inner:after {opacity: 1}
.tooltip_map[x-placement^=top], .tooltip_map.bs-tooltip-top {top: -5px !important}
.tooltip_map[x-placement^=right], .tooltip_map.bs-tooltip-right {left: 5px !important}
.tooltip_map[x-placement^=left], .tooltip_map.bs-tooltip-left {left: -5px !important}
.tooltip_map[x-placement^=top] .arrow::before, .tooltip_map.bs-tooltip-top .arrow::before {border-top-color: #fff}
.tooltip_map[x-placement^=right] .arrow::before, .tooltip_map.bs-tooltip-right .arrow::before {border-right-color: #fff}
.tooltip_map[x-placement^=bottom] .arrow::before, .tooltip_map.bs-tooltip-bottom .arrow::before {border-bottom-color: #fff}
.tooltip_map[x-placement^=left] .arrow::before, .tooltip_map.bs-tooltip-left .arrow::before {border-left-color: #fff}
.tooltip_map[x-placement^=top]:hover .arrow::before, .tooltip_map:hover.bs-tooltip-top .arrow::before {border-top-color: #ff6c0c}
.tooltip_map[x-placement^=right]:hover .arrow::before, .tooltip_map:hover.bs-tooltip-right .arrow::before {border-right-color: #ff6c0c}
.tooltip_map[x-placement^=bottom]:hover .arrow::before, .tooltip_map:hover.bs-tooltip-bottom .arrow::before {border-bottom-color: #ff6c0c}
.tooltip_map[x-placement^=left]:hover .arrow::before, .tooltip_map:hover.bs-tooltip-left .arrow::before {border-left-color: #ff6c0c}
.tooltip_map .tooltip-inner, .tooltip_map .tooltip-inner:before, .tooltip_map .tooltip-inner:after, .tooltip_map[x-placement^=top] .arrow::before, .tooltip_map.bs-tooltip-top .arrow::before, .tooltip_map[x-placement^=right] .arrow::before, .tooltip_map.bs-tooltip-right .arrow::before, .tooltip_map[x-placement^=bottom] .arrow::before, .tooltip_map.bs-tooltip-bottom .arrow::before, .tooltip_map[x-placement^=left] .arrow::before, .tooltip_map.bs-tooltip-left .arrow::before {-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.popover_map.popover {z-index: 10}
.popover_map.popover {-webkit-box-shadow: 0 0 30px 0 rgba(46, 26, 71, .4); box-shadow: 0 0 30px 0 rgba(46, 26, 71, .4)}
.popover_map.popover {max-width: 280px; border: 3px solid #ff6c0c; border-top-width: 1px}
.popover_map.popover .close {float: none; font-weight: 400; color: #fff; text-shadow: none; opacity: 1; position: absolute; right: 5px; top: 7px; width: 30px; height: 30px}
.popover_map.popover .popover-header {padding: .75rem 1.25rem; font-size: 0.875rem}
.popover_map.popover .popover-body {padding: 1.25rem; background: #fff; border-radius: .3rem; max-height: 320px; overflow-y: auto}
.popover_map.popover .popover-body dl {font-size: 0.8125rem; color: #a69cb2; margin-bottom: 0}
.popover_map.popover .popover-body h5 {padding: 0; margin-bottom: .75rem; font-size: 0.85rem}
.popover_map.popover .popover-body dl + h5 {padding-top: 1.25rem; margin-top: 1.25rem; position: relative}
.popover_map.popover .popover-body dl + h5:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e5e4e3}
.popover_map.popover .popover-body dt {font-weight: 600}
.popover_map.popover .popover-body dl i {font-style: normal; color: #2e1a47}
.popover_map.popover .popover-body dl b {font-weight: 700; color: #ff6c0c}
.popover_map.popover .popover-body dd {margin-bottom: .25rem}*/
/**/
.m3cargo__tracker {padding: 3rem 0 0; background: transparent}
.m3cargo__tracker .item {background: #fff; border-radius: .3rem; padding: 1.5rem}
.m3cargo__tracker .item:not(:last-child) {margin-bottom: 1rem}
.m3cargo__tracker .item .h3 {color: #ff6c0c; font-size: 1rem; margin: 0 0 1.5rem 0; position: relative; padding-left: 2.5rem}
.m3cargo__tracker .item .h3:after {content: ""; background-image: url("/assets/img/boat_dark.svg"); background-repeat: no-repeat; display: block; width: 30px; height: 24px; position: absolute; left: 0; top: -7px}
.m3cargo__tracker .item .h5 {}
.m3cargo__tracker dl {font-size: 0.8125rem; color: #a69cb2; margin-bottom: 0}
.m3cargo__tracker .h5 {padding: 0; margin-bottom: .75rem; font-size: 0.85rem; color: #2e1a47}
.m3cargo__tracker dl + .h5 {padding-top: 1.25rem; margin-top: 1.25rem; position: relative}
.m3cargo__tracker dl + .h5:before {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #e5e4e3}
.m3cargo__tracker dt {font-weight: 600}
.m3cargo__tracker dl i {font-style: normal; color: #2e1a47}
.m3cargo__tracker dl b {font-weight: 700; color: #ff6c0c}
/*--------------------------------------------------
Swipe Icon
---------------------------------------------------*/
.bx-no-touch .swipe_iconbox {opacity: 0}
@media (max-width:767px) {
.bx-touch .swipe_iconbox {opacity: 0}
}
.swipe_iconbox {height: 60px; width: 60px; position: absolute; top: 10%; left: 51%; z-index: 1; margin-left: -50px; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.swipe_iconbox span {height: 100%; width: 100%; transform-origin: bottom; display: block; -webkit-animation: bounce 2s ease infinite; -moz-animation: bounce 2s ease infinite; -o-animation: bounce 2s ease infinite; animation: bounce 2s ease infinite}
@-webkit-keyframes bounce {0% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}25% {-moz-transform: translateX(20px); -webkit-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: .5}50% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}75% {-moz-transform: translateX(-20px); -webkit-transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); opacity: .5}100% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}}
@-moz-keyframes bounce {0% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}25% {-moz-transform: translateX(20px); -webkit-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: .5}50% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}75% {-moz-transform: translateX(-20px); -webkit-transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); opacity: .5}100% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}}
@-o-keyframes bounce {0% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}25% {-moz-transform: translateX(20px); -webkit-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: .5}50% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}75% {-moz-transform: translateX(-20px); -webkit-transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); opacity: .5}100% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}}
@keyframes bounce {0% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}25% {-moz-transform: translateX(20px); -webkit-transform: translateX(20px); -o-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); opacity: .5}50% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}75% {-moz-transform: translateX(-20px); -webkit-transform: translateX(-20px); -o-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); opacity: .5}100% {-moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); opacity: 1}}
main.m3cargo_home > .container-fluid > .row > [class^="col-"]:hover .swipe_iconbox, main.m3cargo_home > .container-fluid > .row > [class*=" col-"]:hover .swipe_iconbox, main.m3cargo_home > .container-fluid > .row > [class^="col-"]:focus .swipe_iconbox, main.m3cargo_home > .container-fluid > .row > [class*=" col-"]:focus .swipe_iconbox {opacity: 0}
/*Timeline компании*/
.timeline {width: 100%; position: relative; margin-top: 3rem}
.timeline-nav__item {width: auto; height: auto; text-align: center; opacity: 0.5; background: transparent; color: #2e1a47; margin: 0 0 1rem; padding: 0 1.5rem; position: relative; font-weight: 700; outline: none; cursor: pointer}
.timeline-nav__item::before {content: ""; position: absolute; top: 30px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 10px; height: 10px; border-radius: 100%; background-color: #2e1a47; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.slick-current .timeline-nav__item, .slick-slide .timeline-nav__item:hover {opacity: 1; color: #ff6c0c}
.slick-current .timeline-nav__item::before, .slick-slide .timeline-nav__item:hover::before {background-color: #ff6c0c}
.timeline-wrapper {position: relative; margin: 3rem auto 0}
.timeline-wrapper .slick-list {height: auto !important; padding: 0 !important}
.timeline-slide {position: relative; width: 80%}
.timeline-slide__content {opacity: 1; transition: opacity 1s}
.timeline-year {display: inline-block; font-size: 2rem; color: #ff6c0c; font-weight: 700; -webkit-transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: opacity 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.timeline-title {font-size: 1.5rem !important}
.timeline-text {font-size: 1.125rem !important}
.timeline .slick-current .timeline-year {opacity: 1}
.timeline .slick-current .timeline-slide__content {opacity: 1}
@media (min-width:768px) {
.timeline-year {font-size: 3rem}
}
@media (min-width:992px) {
.timeline-year {font-size: 4rem}
}
.phonesvg {background: url(/assets/svg/phone.svg?x85292) no-repeat center center; color: rgba(36, 40, 42, 0.5); font-size: 14px; font-size: 0; text-indent: -99999px}
/*--------------new-tinmeline---------------*/
.timeline-wrap {max-width: 100%; padding: 30px 0}
.timeline-wrap > .container {width: auto; max-width: 1384px}
.line-block {position: relative; width: 100%; margin-top: 60px; height: 250px; background: url('../img/line1366.svg') no-repeat center; background-size: 1410px auto}
.line-step {position: absolute}
.line-step--1 {left: calc(50% - 585px); top: 55px}
.line-step--2 {left: calc(50% - 355px); top: 175px}
.line-step--3 {left: calc(50% - 112px); top: 142px}
.line-step--4 {left: calc(50% + 120px); top: 90px}
.line-step--5 {left: calc(50% + 365px); top: 185px}
.line-step--6 {left: calc(50% + 575px); top: 140px}
.line-step__number {margin: 0; color: #ddd; font-size: 2.813rem; font-weight: 700; line-height: 1}
.line-step__text {max-width: 135px; margin: 5px 0 0 0; color: #2E1A47; font-size: 1.188rem; line-height: 1.1; font-weight: 500}
.line-step__link {display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; margin: 10px 0 0 0; color: #FF6C0C;font-size: 0.875rem; text-decoration: none; font-weight: 700}
.line-step__link span {padding-left: .5rem;-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
.line-step__link span svg {width: 8px}
.line-step__link:hover {color: #FF6C0C}
.line-step__link:hover span { margin-left: .5rem}
.line-title {color: #2E1A47; padding: 0 1rem; text-align: center}
.line-title .h2 {font-weight: 400}
@media (max-width: 1366px) {
.line-block {height: 250px; background: url('../img/line1024.svg') no-repeat center; background-size: 1068px auto}
.line-step__number {font-size: 42px}
.line-step__text {font-size: 16px}
.line-step--1 {left: calc(50% - 455px); top: 66px}
.line-step--2 {left: calc(50% - 276px); top: 183px}
.line-step--3 {left: calc(50% - 97px); top: 160px}
.line-step--4 {left: calc(50% + 60px)}
.line-step--5 {left: calc(50% + 240px)}
.line-step--6 {left: calc(50% + 417px); top: 160px}
}
@media (max-width: 1023px) {
.line-block {width: 100%; max-width: 768px; height: 1097px; margin: 60px auto 0 auto; background: url('../img/line768.svg') no-repeat center; background-size: auto 1097px}
.line-step--1 {left: calc(50% - 100px); top: 96px}
.line-step--2 {left: calc(50% + 80px); top: 260px}
.line-step--3 {left: calc(50% - 100px); top: 432px}
.line-step--4 {left: calc(50% + 77px); top: 692px}
.line-step--5 {left: calc(50% - 102px); top: 830px}
.line-step--6 {left: calc(50% + 78px); top: calc(100% - 44px)}
.timeline-wrap {padding-bottom: 60px}
}
@media (max-width: 767px) {
.line-block {width: 100%; max-width: 320px; height: 1028px; background: url('../img/line320.svg') no-repeat center; background-size: auto 1028px}
.line-step--1 {left: 91px; top: 36px}
.line-step--2 {left: 145px; top: 200px; text-align: right}
.line-step--3 {left: 92px; top: 370px}
.line-step--4 {left: 65px; top: 628px; text-align: right}
.line-step--4 .line-step__text {max-width: 171px}
.line-step--5 {left: 90px; top: 764px}
.line-step--6 {left: 157px; top: calc(100% - 23px); text-align: right}
}
/*YouTube Video*/
.youtube__cover {width: 100%; height: 100%; padding-bottom: 56.25%; overflow: hidden; position: relative; background-color: #2e1a47}
.youtube__cover img {position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
.youtube__cover:after {content: ''; background: #2e1a47; opacity: .75; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%}
/*YouTube Caption*/
.youtube__caption {display: block; position: absolute; top: 1rem; left:0; z-index: 2; width: 100%; text-align: center;line-height: 1.2; font-size: .8125rem;}
/*Play Button*/
.youtube__play_icon {display: block; position: absolute; top: 50%; left: 50%; z-index: 1; -moz-transform: translateX(-50%) translateY(-50%) scale(.4); -webkit-transform: translateX(-50%) translateY(-50%) scale(.4); -o-transform: translateX(-50%) translateY(-50%) scale(.4); -ms-transform: translateX(-50%) translateY(-50%) scale(.4); transform: translateX(-50%) translateY(-50%) scale(.4); }
.youtube__play_icon:after, .youtube__play_icon:before {content: ""; display: block; position: absolute; top: 50%; left: 50%; z-index: -1; border-radius: 50%; background-color: #fff; transform: translate(-50%, -50%)}
.youtube__play_icon:before {width: 160px; height: 160px; opacity: .1}
.youtube__play_icon:after {width: 120px; height: 120px; opacity: .25}
.youtube__play_icon span {display: block; position: relative; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; transition: all 200ms ease-in}
.youtube__play_icon span i {position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); transition: all 200ms ease-in}
.youtube__play:hover .youtube__play_icon:after, .youtube__play:hover .youtube__play_icon:before {-webkit-animation: youtubeplay 1500ms ease-in-out 0s infinite; -moz-animation: youtubeplay 1500ms ease-in-out 0s infinite; -o-animation: youtubeplay 1500ms ease-in-out 0s infinite; animation: youtubeplay 1500ms ease-in-out 0s infinite}
.youtube__play:hover .youtube__play_icon:after {animation-delay: .2s}
.youtube__play:hover .youtube__play_icon span {background-color: #ff6c0c; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)}
.youtube__play:hover .youtube__play_icon span i path {fill: #fff}
.youtube__play:hover path {fill: #fff}
@media (min-width: 768px) {
.youtube__play_icon {-moz-transform: translateX(-50%) translateY(-50%) scale(.8); -webkit-transform: translateX(-50%) translateY(-50%) scale(.8); -o-transform: translateX(-50%) translateY(-50%) scale(.8); -ms-transform: translateX(-50%) translateY(-50%) scale(.8); transform: translateX(-50%) translateY(-50%) scale(.8)}
.youtube__caption { font-size: 1.25rem; top: 2rem}
}
@media (min-width: 992px) {
.youtube__play_icon {-moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); -ms-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1)}
.youtube__caption { font-size: 1.5rem; top: 3rem}
}
@-webkit-keyframes youtubeplay {0%, 5%, 95% {transform: translate(-50%, -50%) scale(1)}45%, 55% {transform: translate(-50%, -50%) scale(.9)}}
@-moz-keyframes youtubeplay {0%, 5%, 95% {transform: translate(-50%, -50%) scale(1)}45%, 55% {transform: translate(-50%, -50%) scale(.9)}}
@-o-keyframes youtubeplay {0%, 5%, 95% {transform: translate(-50%, -50%) scale(1)}45%, 55% {transform: translate(-50%, -50%) scale(.9)}}
@keyframes youtubeplay {0%, 5%, 95% {transform: translate(-50%, -50%) scale(1)}45%, 55% {transform: translate(-50%, -50%) scale(.9)}}
/*fancybox Custom*/
.fancybox-bg {background: #2e1a47}
.fancybox-is-open .fancybox-bg {opacity: 1}
.fancybox-button {background: transparent; height: 64px; padding: 20px; width: 64px}
.fancybox-container {z-index: 9999999999;}
/*https://m3cargo.com/ru/dlya-nachinayushchikh/*/
.presentation {padding: 10rem 0; background-position: center; background-repeat: no-repeat; background-size: cover; position: relative}
.presentation:before {content: ''; background-color: rgba(244, 243, 246,.8); position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.presentation .btn-primary:hover, .presentation .btn-primary:not(:disabled):not(.disabled):active {background-color: #fff;border-color: #fff;}
/*Nav Pills*/
.nav-pills .nav-link {color: #a69cb2; font-size: 95%;line-height: 1.4;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #f4670f;}
/*sticky*/
.sticky_blog_nav, .sticky_blog_nav span, .sticky_blog_nav .list-group i {-webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955);}
.sticky_blog_nav .list-group {font-size: 1.063rem; padding-left: 0; line-height: 1.2;margin-bottom: 0;}
.sticky_blog_nav .list-group .list-group-item {border: none;padding: 0;margin: 0 0 1rem; line-height: 1.2;position: relative; list-style: none;}
.sticky_blog_nav .list-group .list-group-item:last-child {margin-bottom: 0}
.sticky_blog_nav .list-group .list-group-item span {color: #2e1a47;position: relative;display: block; cursor: pointer; padding-left: 1.75rem;font-weight: 500;}
.sticky_blog_nav .list-group .list-group-item span:hover, .sticky_blog_nav .list-group span.active {color: #ff6c0c;}
.sticky_blog_nav .list-group .list-group-item span i {display: block; width: 16px; height: 16px; position: absolute; top: 0; left: 0; opacity: .4}
/*.sticky_blog_nav .list-group .list-group-item span i path:first-child {opacity: .4}*/
.sticky_blog_nav .list-group .list-group-item span:hover i, .sticky_blog_nav .list-group .list-group-item span.active i { opacity: 1;color: #ff6c0c;}
/*custom_list*/
ul.custom_list {color: #a69cb2; padding-left: 1rem; margin-bottom: 0}
ul.custom_list li {list-style: none; position: relative; padding-left: 1.25rem; line-height: 1.2;margin-bottom: .5rem}
ul.custom_list li:before {content: ""; width: .4rem; height: .4rem; display: block; position: absolute; top: 50%; left: 0; border-radius: 50%; background: #ff6c0c; font-weight: 700; text-align: center; font-size: 80%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)}
ul.custom_list li a {}
ul.custom_list li a {color: #ff6c0c; position: relative; display: inline-block}
ul.custom_list li a:after {content: ""; background: #ff6c0c; height: 1px; width: 0; display: block; position: absolute; left: 0; bottom: -1px; z-index: 1; -webkit-transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 200ms cubic-bezier(0.455, 0.03, 0.515, 0.955)}
ul.custom_list li a:hover:after {width: 100%}
.search-tags-cloud {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.search-tags-cloud a {color:rgba(46, 26, 71, .5); background-color: rgba(255, 108, 12, .2);padding: .5rem .75rem .35rem;font-weight: 500;font-size: 95%;border-radius: .25rem; white-space: nowrap;line-height: 1;display: block;-ms-flex-item-align: start; align-self: flex-start;}
.search-tags-cloud a:not(:last-child){margin: 0 .5rem .5rem 0;}
.search-tags-cloud a:hover {background-color: rgba(255, 108, 12, 1);color: #fff}
/**/
.search-tags-chain { display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-bottom: 1rem;}
.search-tags-chain span {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-align: center; align-items: center;}
.search-tags-chain span:not(:last-child) {margin-right: 1rem}
.search-tags-chain a, .search-tags-chain span span {color:rgba(46, 26, 71, .5);font-weight: 500;font-size: 95%; display: block; line-height: 1;padding-top: 4px;}
.search-tags-chain a:hover {color: rgba(255, 108, 12, 1);}
.search-tags-link {background: rgba(245, 67, 67, .5); width: 18px; height: 18px; display: block; border-radius: 50%;position: relative;margin-right:.5rem;}
.search-tags-link svg {position: absolute; left: 50%; top: 50%;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.search-tags-link:hover {background: rgba(245, 67, 67, 1);}
.brand_color {color: #ff6c0c !important}