

.text-bold {font-weight: 900}
.text-thin {font-weight: 400}
.text-large {font-size:20px}
.text-medium {font-size:18px}
.text-very-large {font-size:33px}

/*COLOURS*/
.switch-white {color:#fff}
.switch-blue-dark {color:#004B81}
.switch-blue-light {color:#00abe6}
.switch-blue-lighter {color:#90cdf0}
.switch-orange {color:#f36c24}
.switch-light-orange {color:#FAB183}
.switch-grey {color:#939598;}
.switch-dark-grey {color:#58585A;}

.switch-bkr-blue {background: #002d5b;color:#fff;}
.switch-bkr-orange {background: #f36c24;color:#fff;}
.switch-bkr-orange-medium {background: #F39F72;color:#fff;}
.switch-bkr-orange-light {background: #FEF3E9;}
.switch-bkr-blue-light {background: #EFF6FA}
.switch-bkr-blue-dark {background: #004B81; color:#fff;}
.switch-bkr-grey-light { background:#F3F3F4;}
.blue-blocks { background:#A6D7F4; padding:10px;}
.orange-blocks {background:#FBC099; padding:10px;}
.white-blocks { background:#fff; padding:10px;}
.light-grey-blocks { background:#F3F3F4; padding:10px;}
.block-trans {background: rgba(255, 255, 255, .8); padding:30px; }
.block-trans-two {background: rgba(255, 255, 255, .3); padding:30px; }

.switch-bkr-dark-blue {background: #A6D7F4;color:#004B81;}
.switch-bkr-medium-blue {background: #D1EAF9;color:#004B81;}


.layout-table {display:table;width:100%;border-collapse:collapse}
.layout-table-row {display:table-row}
.layout-table-gutter {display:table-cell}
.layout-table-cell {display:table-cell;box-sizing: border-box;}
.layout-table-cell-third {display:table-cell;box-sizing: border-box; width:33%; }

.layout-table.banner {height: 800px}
.layout-table.banner .layout-table-cell {padding:37px}

.layout-table.banner .layout-table-cell.narrow-one {width:26.25%;background:rgba(242, 107, 36, .8);vertical-align: top;font-family: "LatoBlack",sans-serif;font-size:48px;color:#fff} /*336 div 1280 = */
.layout-table.banner .layout-table-cell.narrow-one p {font-family: "Lato",sans-serif;font-size:24px; font-weight:600}
.layout-table.banner .layout-table-cell.gap-one {width:39.765625%} /*509 div 1280 = 39,765625*/
.layout-table.banner .layout-table-cell.narrow-two {width:33.984375%;background:rgba(242, 107, 36, .8);} /*435 div 1280 = 33,984375*/
.layout-table.banner .layout-table-cell.narrow-three {width:26.25%;background:rgba(0, 171, 230, .8);vertical-align: top;font-family: "LatoBlack",sans-serif;font-size:48px;color:#fff} /*336 div 1280 = */
.layout-table.banner .layout-table-cell.narrow-three p {font-family: "Lato",sans-serif;font-size:24px; font-weight:600}
.layout-table.banner .layout-table-cell.narrow-four {width:33.984375%;background:rgba(0, 171, 230, .8);} /*435 div 1280 = 33,984375*/

.grid2 .grid {width:49%;color:#004A80;min-height:200px;background:#fff;padding:10px;float:left;margin-right:2%;margin-bottom:10px;box-sizing:border-box}
.grid3 .grid {width:32%;color:#004A80;min-height:200px;background:#fff;padding:10px;float:left;margin-right:2%;margin-bottom:10px;box-sizing:border-box}
.grid2 .grid-2, .grid2 .grid-4, .grid2 .grid-6, .grid2 .grid-8, .grid2 .grid-10, .grid2 .grid-12 {margin-right:0}
.grid3 .grid-3 {margin-right:0}

.grid p span {font-family: "LatoBlack",sans-serif;font-size:180%;line-height: 1.2}
.grid p span.up:before {content:'\e939';font-family:'Linearicons';speak: none;margin-right:10px;color:#1AB0E6}

.layout-table.grid-home .layout-table-gutter {width:1.525423728813559%} /*18 div 1180*/
.layout-table.grid-home .layout-table-cell {box-sizing: border-box;padding:26px}
.layout-table.grid-home .layout-table-cell.home-wide {width:82.3728813559322%} /*972 div 1180*/
.layout-table.grid-home .layout-table-cell.home-narrow {width:16.10169491525424%;text-align: center;vertical-align: middle} /*190 div 1180*/
.layout-table.grid-home .layout-table-cell.home-narrow p {font-size: 25px}
.layout-table.grid-home .layout-table-cell.home-narrow a {display: block;text-decoration: none;color:#fff} /*190 div 1180*/
.layout-table.grid-home .layout-table-cell.home-narrow a:hover {color:#004A80} /*190 div 1180*/
.layout-table.grid-home .layout-table-cell hr {color:#ccc;background-color:#ccc;height: 1px;border:none}
.layout-table.grid-home .layout-table-cell i.arrow-next {font-style: normal; display: inline-block;text-align:center;margin:0 auto;font-size:90px}
.layout-table.grid-home .layout-table-cell i.arrow-next {font-style: normal; display: inline-block;text-align:center;margin:0 auto;font-size:90px}
.layout-table.grid-home .layout-table-cell i.arrow-next:before {content:'\e965';font-family:'Linearicons';speak: none;}
.header-with-logo img {float:right;margin-right:17.6271186440678%;margin-top:-25px} /*208 div 1180*/
.layout-table.grid-home .layout-table-cell.home-wide img {max-width: 100%} /*972 div 1180*/




.panel-open {display:none}
.penel-open {display:block}
.layout-table.grid-home .layout-table-cell .layout-table-cell {padding:0}
.layout-table.grid-two .layout-table-cell {vertical-align: top}
.layout-table.grid-two .layout-table-cell {width:48%}
.layout-table.grid-two .layout-table-gutter {width:2%}
.grid2 .grid {min-height:auto;text-align:center}
.grid2.switch-orange .grid.grid-border {border-bottom:1px solid #f36c24}
.grid2.switch-blue-dark .grid.grid-border {border-bottom:1px solid #00abe6}
.grid2 .grid.grid-3.wide {width:100%;}
.switch-bkr-blue-blue {background-color:#00abe6;color:#fff}
.grid p {font-size:17px}
.grid p span.large {font-size:30px;font-weight: 700}

.leadership-banner {padding:26px;background:#F7F8F8;}
.leadership-banner .grid3 .grid {padding:0;background:#F7F8F8;margin-bottom: 0}
.leadership-banner .grid {text-align: left}
figure.leadership {position: relative;bottom:0}
figure.leadership img {max-width: 100%}
figure.leadership figcaption {position: absolute;top: -68px;right: 0;bottom:0;width: 52%;z-index: 22;box-sizing: border-box}
figure.leadership figcaption a {display:block;height: 100%}
figure.leadership figcaption .caption {color:#fff;left:10px;right:10px;}

figure.leadership figcaption .caption h3, figure.leadership figcaption .caption h4 {font-size: 18px}
figure.leadership figcaption .caption:before {content:'\e965';font-family:'Linearicons';speak: none;font-size: 80px; bottom:120px;position: absolute;left: 50%;transform:translate(-50%);}
figure.leadership figcaption.switch-blue {background:rgba(0, 75, 129, .6);}
figure.leadership figcaption.switch-orange {background:rgba(242, 107, 36, .6);}
figure.leadership figcaption.switch-blue:hover {background:rgba(0, 75, 129, 1);}
figure.leadership figcaption.switch-orange:hover {background:rgba(242, 107, 36, 1);}


figure.leadership img {display: block}
figure.leadership figcaption.switch-orange .caption:hover {color:#004B81}
figure.leadership figcaption.switch-blue .caption:hover {color:#f36c24}

.grid p {margin-bottom: 0}
.grid2 .grid.no-bkr {background:transparent}
ul.list-blocks li {float:left;margin-right:1em}
ul.list-blocks li:before {content:'';margin-right: 10px;width:12px;height:12px;background:#fff;display:inline-block}
ul.list-blocks li.dark-orange:before {background:#f36c24;}
ul.list-blocks li.medium-orange:before {background:#FAB184;}
ul.list-blocks li.light-orange:before {background:#FDE5D3;}
ul.list-blocks li.grey:before {background:#58585A;}
ul.list-blocks li.light-blue:before {background:#BCE0F7;}
ul.list-blocks li.medium-blue:before {background:#00ABE6;}
ul.list-blocks li.dark-blue:before {background:#004A80;}

.panel-link-section {padding-top: 1.5em;}
.panel-link-section p, .panel-link-section ul {float:left}
.panel-link-section ul {margin:47px 0 0 10px}

ul.pagination-blocks li {float:left;}
ul.pagination-blocks li.active:before {content:'';margin-right: 10px;width:12px;height:12px;background:#fff;display:inline-block}
ul.pagination-blocks li a {display:inline-block;}
ul.pagination-blocks.orange li.active:before {border:1px solid #f36c24;background:#f36c24;}
ul.pagination-blocks.orange li.next a {width:12px;height:12px;background:#fff;border:1px solid #1AB0E6;}
ul.pagination-blocks.orange li.next a:hover {background-color: #1AB0E6;}
ul.pagination-blocks.blue li.active:before {border:1px solid #1AB0E6;background:#1AB0E6;}
ul.pagination-blocks.blue li.next a {width:12px;height:12px;background:#fff;border:1px solid #f36c24;}
ul.pagination-blocks.blue li.next a:hover {background-color: #f36c24;}


p.button.blue a {background:#1AB0E6}
p.button.blue a:hover {background:#f36c24}
p.button.orange a {background:#f36c24}
p.button.orange a:hover {background:#1AB0E6}
p.button a:before {content:'\e965';font-family:'Linearicons';speak: none;font-size: 30px; margin-right:12px;vertical-align:middle}

.pie-block-revenue-split {background:#fff;padding:20px;margin-bottom: 1em}
.pie-block-revenue-split h5 {text-align: right}

.grid2.switch-blue-dark .grid.wide-cell {width:56%;min-height: 120px}
.grid2.switch-blue-dark .grid.narrow-cell {width:42%;min-height: 120px}
.grid-square-bullets .bullets {float:left;width:49%;border:none}
.grid-square-bullets .bullets + .bullets {border-left:1px solid #1AB0E6}

/*=BODY CONTENT
---------------*/
figure.overlay-image img {display:block}
figure.overlay-image {position: relative;margin-left:-50px;margin-top: 2em}
figure.overlay-image figcaption {position: absolute;top:-20px;right:-50px;bottom:0;width:50%;z-index: 22;}
figcaption.switch-blue {background:rgba(0, 45, 91, .6);}
figcaption.switch-orange {background:rgba(242, 107, 36, .6);}
figcaption .caption {position: absolute;top:70%;left:20px}
figcaption .caption h3 {font-family: "Lato",sans-serif;font-size: 26px;font-weight: 700; margin-bottom:10px;padding-bottom:10px; border-bottom:1px solid #fff;color:#fff}
figcaption .caption h4 {font-size: 18px;font-weight: 700;color:#fff  }

div.intro  {margin:1em 0}
div.intro p {font-family: "Lato",sans-serif;font-size:16px;color:#004A80; font-weight:900;}

ul.list li,ol.list li {line-height:1.4; font-weight:400;}
ul.list ul {margin-left:1.5em;list-style:disc}
ul.list ul li:before {content:none}
ol.list {list-style:decimal;margin-left:2.5em}
ul.list-icons li {/*line-height:1.6; */margin-left:.75em;}
ul.list-icons i {font-size:120%;padding-right:.5em;margin-left:-.5em}

ul.list {list-style-image:none; margin-left: 1.1em; /*margin-top:-15px;*/ font-weight:normal !important; margin-bottom: 15px;}
ul.list li:before {content:''; width:5px; height:5px; border-bottom:1px solid #939598; border-right:1px solid #939598; position:absolute; left:-15px; top:6px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg);}
ul.list li {position:relative;}

ul.list.dark-blue {color:#002d5b}
ul.list.dark-blue li:before {border-bottom:1px solid #002d5b; border-right:1px solid #002d5b;}

ul.list.light-blue {color:#00abe6}
ul.list.light-blue li:before {border-bottom:1px solid #00abe6; border-right:1px solid #00abe6;}

ul.list-bullet {margin:0px; padding:0px; list-style:disc;}
ul.list-bullet li {margin-left:18px; line-height:1.7;}

ul.list.orange {color:#f36c24}
ul.list.orange li:before {border-bottom:1px solid #f36c24; border-right:1px solid #f36c24;}

.bubble-number {background:url(../images/bubble-number.png) no-repeat; width:44px; height:50px; position:relative;}
.bubble-number i {font-style:normal; color:#fff; font-size:1.2em; position:absolute;top:11px;left:16px;    font-weight: 600;}

.bubble-number-rgt {background:url(../images/bubble-number-rgt.png) no-repeat; width:50px; height:44px; position:relative;}
.bubble-number-rgt i {font-style:normal; color:#fff; font-size:1.2em; position:absolute;top:11px;left:16px; font-weight: 600;}

.numbers-position {position:absolute; top:-5px;}

ul.page-list {list-style:none; margin:0px; padding:0px;}
ul.page-list li {margin-left:0px; position:relative; padding-bottom: .5em; line-height: 1.4; font-weight:100;}
ul.page-list li img {position:absolute; top:-4px; left:-22px;}

ul.mouse-list {list-style:none; margin:0px; padding:0px;}
ul.mouse-list li {margin-left:0px; position:relative; padding-bottom: .5em; line-height: 1.4; font-weight:100;}
ul.mouse-list li img {position:absolute; top:-8px; left:-23px;}

.border-full {position:relative;}
.border-full:after {content:''; position:absolute; left:-10px; width:108%; border-bottom:1px solid #00ABE6; bottom: -10px;}

.layout-table.grid4 {border-collapse: collapse}
.layout-table.grid4  {display:table-row}
.layout-table.grid4 .layout-table-gutter {width:2%}
.layout-table.grid4 .layout-table-cell {width:23.5%;background:#fff;color:#707070;padding:15px}
.layout-table.grid4 .layout-table-cell {text-align: center}
#four .layout-table.grid4 .layout-table-cell {text-align: left}
.layout-table.grid4 .layout-table-cell {border-bottom:1px solid #F26B24}
.layout-table.grid4 .layout-table-cell img {display:block;margin:0 auto;max-width: 100%}
.layout-table.grid4 .layout-table-cell span {font-family: "LatoBlack",sans-serif;font-size:18px;}
.layout-table.grid4 .layout-table-row.switch-orange p {color:#F26B24}
.layout-table.grid4 .layout-table-row.switch-orange p span {font-size:180%}

p.button {line-height: 1;font-size: 25px}
p.button a {display: inline-block;padding:15px;color:#fff;text-decoration: none;vertical-align:-50%}
p.button.blue-light a {background:#1AB0E6}
p.button a:before {content:'\e965';font-family:'Linearicons';speak: none;font-size: 30px; margin-right:12px;vertical-align:middle}
p.button.blue-light a:hover {background:#F26B24}

p.button.enlarge a:before {display:none}
p.button.enlarge a {display:inline-block;background:#00abe6;font-size:25px;margin-right:10px}
p.button.enlarge a:hover {background:#004B81}

.finthinblue {border-bottom:1px solid #00ABE6;}
.finthingrey {border-bottom:1px solid #939598;}
.finthinorange {border-bottom:1px solid #f36c24;}
.white-bkr{ background:#ffffff}
.finthickdarkblue {border-bottom:2px solid #004A80;}
table h5 span.medium-font-txt {font-size:1.8em; line-height:1.4}
table ul.page-list {list-style:none; margin:0px; padding:0px;}
table ul.page-list li {margin-left:20px; position:relative; padding-bottom: .5em; line-height: 1.4; font-weight:100;}
table ul.page-list li img {position:absolute; top:5px; left:-22px;}

table ul.mouse-list {list-style:none; margin:0px; padding:0px;}
table ul.mouse-list li {margin-left:20px; position:relative; padding-bottom: .5em; line-height: 1.4; font-weight:100;}
table ul.mouse-list li img {position:absolute; top:5px; left:-23px;}

.bus-model-img-container {background:url(../images/logistics-business-model.png) no-repeat; position:relative; width:100%;height: 1020px; background-position-x: center;}
.bus-model-block1 {position:absolute; bottom:-30px; left:0px; width:46%;}
.bus-model-block2 {position:absolute; bottom:-30px; right:0px; width:46%;}

.bus-model-img-container2 {background:url(../images/motus-business-model.png) no-repeat; position:relative; width:100%; height:853px;}
.bus-model-block3 {position:absolute; bottom:177px; left:0px; width:46%;}
.bus-model-block4 {position:absolute; bottom:-83px; right:0px; width:46%;}

/*=ACCORDION
------------*/
.accordion {margin-bottom:1em;}
h4.expand {font-size:18px;padding:14px 0;margin:0 auto;padding:5px 0}
h4.expand a {padding:.5em; line-height:1.3}
.expand a {display:block;}
.expand a.open{background:#939598;color:#fff;}
.expand a {color:#fff;text-decoration:none;background:#004A80;}
.expand a:hover, .expand a:active {background:#004A80;color:#fff}
/*.expand a.open:link, .expand a.open:visited {background:#939598;color:#fff;}*/
.expand a:before {content:'\e936';font-family:'icomoon';speak: none;padding-right:.5em}
.expand a.open:before {content:'\e937';font-family:'icomoon';speak: none;padding-right:.5em}
.tab-content .gutter {border:1px solid #004A80;padding:15px 15px 15px 40px}

/*RESETS*/
.no-margin{margin: 0!important;}
.no-marginT{margin-top: 0!important;}
.no-marginB{margin-bottom: 0!important;}
.no-marginL{margin-left: 0!important;}
.no-marginR{margin-right: 0!important;}

.no-padding{padding: 0!important;}
.no-paddingT{padding-top: 0!important;}
.no-paddingB{padding-bottom: 0!important;}
.no-paddingL{padding-left: 0!important;}
.no-paddingR{padding-right: 0!important;}

.padding-30{padding: 30px;}
.padding-30L{padding-left: 30px!important;}
.padding-30R{padding-right: 30px!important;}
.padding-30T{padding-top: 30px!important;}
.padding-30B{padding-bottom: 30px!important;}

.padding-25{padding: 20px!important;}
.padding-25L{padding-left: 20px!important;}
.padding-25R{padding-right: 20px!important;}
.padding-25T{padding-top: 20px!important;}
.padding-25B{padding-bottom: 20px!important;}

.padding-20{padding: 20px!important;}
.padding-20L{padding-left: 20px!important;}
.padding-20R{padding-right: 20px!important;}
.padding-20T{padding-top: 20px!important;}
.padding-20B{padding-bottom: 20px!important;}

.padding-15{padding: 15px!important;}
.padding-15L{padding-left: 15px!important;}
.padding-15R{padding-right: 15px!important;}
.padding-15T{padding-top: 15px!important;}
.padding-15B{padding-bottom: 15px!important;}

.padding-10{padding: 10px!important;}
.padding-10L{padding-left: 10px!important;}
.padding-10R{padding-right: 10px!important;}
.padding-10T{padding-top: 10px!important;}
.padding-10B{padding-bottom: 10px!important;}

.padding-5{padding: 5px!important;}
.padding-5L{padding-left: 5px!important;}
.padding-5R{padding-right: 5px!important;}
.padding-5T{padding-top: 5px!important;}
.padding-5B{padding-bottom: 5px!important;}

.margin-30{margin: 30px!important;}
.margin-30L{margin-left: 30px!important;}
.margin-30R{margin-right: 30px!important;}
.margin-30T{margin-top: 30px!important;}
.margin-30B{margin-bottom: 30px!important;}

.margin-25{margin: 25px!important;}
.margin-25L{margin-left: 25px!important;}
.margin-25R{margin-right: 25px!important;}
.margin-25T{margin-top: 25px!important;}
.margin-25B{margin-bottom: 25px!important;}

.margin-20{margin: 20px!important;}
.margin-20L{margin-left: 20px!important;}
.margin-20R{margin-right: 20px!important;}
.margin-20T{margin-top: 20px!important;}
.margin-20B{margin-bottom: 20px!important;}

.margin-15{margin: 15px!important;}
.margin-15L{margin-left: 15px!important;}
.margin-15R{margin-right: 15px!important;}
.margin-15T{margin-top: 15px!important;}
.margin-15B{margin-bottom: 15px!important;}

.margin-10{margin: 10px!important;}
.margin-10L{margin-left: 10px!important;}
.margin-10R{margin-right: 10px!important;}
.margin-10T{margin-top: 10px!important;}
.margin-10B{margin-bottom: 10px!important;}

.margin-70B{margin-bottom: 70px!important;}

.margin-100B{margin-bottom: 100px!important;}

.margin-5{margin: 5px!important;}
.margin-5L{margin-left: 5px!important;}
.margin-5R{margin-right: 5px!important;}
.margin-5T{margin-top: 5px!important;}
.margin-5B{margin-bottom: 5px!important;}

.line-height-17 {line-height:1.7!important;}

@media screen and (max-width: 980px){
.layout-table {display:block;width:100%;margin:10px 0; padding:10px; }
.layout-table-row {display:block;width:100%;margin:0; padding:0; }
.layout-table-gutter {display:block;width:100%;margin:0; padding:0; }
.layout-table-cell {display:block;margin:10px 0; padding:0; width:95%!important; }
.layout-table-cell-third {display:block;margin:10px 0; padding:0; width:100%; }

}

@media screen and (max-width: 540px){
.grid-1,.grid-2,.grid-3,.grid-4 {display:block;width:100%;margin:10px 0; padding:0; width:100%; }

.grid2 .grid {width: 99%;}
.grid2.switch-blue-dark .grid.wide-cell { width: 99%;}
.grid2.switch-blue-dark .grid.narrow-cell {width: 99%;}

}



