/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}

.legend{
  font-size: 0.85em;         /* Smaller than normal text */
  color: #888888;            /* Light gray color for subtlety */
  font-style: italic;        /* Italic style to indicate it's a hint */
  font-family: sans-serif;   /* Clean and modern font */
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
ul{
	list-style:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
img{max-width: 100%; height: auto;}
a:focus {outline: none;}

.scroller,.scroller *,.social-feed-item,.social-feed-item *{box-sizing:border-box}.scroller .frame{overflow:hidden}.scroller .scroller-item{float:left;height:100%;padding:0;cursor:pointer}.scroller .scroller-item:last-child{margin-right:0}.scroller .scrollbar{height:10px;border:1px dotted #d0d0d0;line-height:0;margin-top:26px}.scroller .scrollbar .handle{width:100px;height:15px;position:relative;top:-4px;cursor:pointer;background:#024983}.scroller .scrollbar .handle .mousearea{position:absolute;left:0;width:100%;height:15px}.scroller-gallery .scrollbar .handle{background:#fff}.scroller-gallery .scrollbar .handle .icon span{background-color:#212121}.scroller-gallery .scrollbar .dragged .icon span,.scroller-gallery .scrollbar .handle:hover .icon span{background-color:#fff}.scroller .scrollbar .dragged,.scroller .scrollbar .handle:hover{background:#0e5d9e}.scroller-regular{margin:30px 0 20px;padding-top:20px}.scroller-regular .scroller-item{width:230px;margin:0 12px 0 0}.scroller-social-feed .scroller-item{width:228px;margin:0 12px 0 0}.scroller-social-feed .scrollbar{border:1px solid #fff;background-color:#fff}/*social-feed-item begin*/.social-feed-item{display:block;border:1px solid #ccc;background-color:#fff}.social-feed-item .thumb-wrap{position:relative}.social-feed-item .thumb{height:173px;background-size:cover;background-repeat:no-repeat;background-position:center center}.social-feed-item .social-icon{position:absolute;left:0;bottom:0;background-color:#ababab;color:#fff;text-align:center;width:40px;height:40px;display:block}.social-feed-item .social-icon .inner-t{display:table;width:100%;height:100%}.social-feed-item .social-icon .inner-tc{display:table-cell;vertical-align:middle}.social-feed-item .social-icon img{height:auto;display:block;margin:0 auto}.social-feed-item .social-icon .icon-facebook{width: 12px}.social-feed-item .social-icon .icon-instagram{width: 22px}.social-feed-item .social-icon .icon-youtube{width: 20px}.social-feed-item .social-icon .icon-twitter{width: 21px}.social-feed-item .thumb img{display:block}.social-feed-item .content-wrap{padding:20px}.social-feed-item .content{position:relative;overflow:hidden;font-size:15px;height:132px}.social-feed-item .date-published{font-size:.84em;color:#949494;font-style:italic;margin-bottom:5px;display:block}.social-feed-item .content:after{position:absolute;display:block;content:'';left:0;bottom:0;width:100%;height:30px;background:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.6) 63%,rgba(255,255,255,1) 100%)}.social-feed-item .content p{margin-bottom:15px}.social-feed-item .content p:last-child{margin-bottom:0}a.social-feed-item:hover .thumb{opacity:.8}

/* ======================== bootstrap modal minified ========================== */
.collapsing,.modal,.modal-open{overflow:hidden}.modal,.modal-backdrop{top:0;right:0;bottom:0;left:0}.fade{opacity:0;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;transition-property:height,visibility;transition-duration:.35s;transition-timing-function:ease}.modal{display:none;position:fixed;z-index:5010;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{transform:translate(0,-25%);transition:transform .3s ease-out}.modal.in .modal-dialog{transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:100%}.modal-content{position:relative;background-color:#fff;box-shadow:0 3px 9px rgba(0,0,0,.15);background-clip:padding-box;outline:0;border-radius:8px;}.modal-backdrop{position:fixed;z-index:5005;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.in{opacity:.7}.modal-body{position:relative;padding:48px 35px 38px 35px;}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}
.modal-dialog{padding: 0 12.5px; max-width:520px;}.modal-sm{max-width:455px}.modal-md{max-width:640px}.modal-lg{max-width:800px}.modal-xl{max-width:1400px}

.vertical-alignment-helper {display: flex; justify-content: center; height: 100%; width: 100%; pointer-events:none;}
.vertical-align-center {pointer-events:none; margin-top: auto; margin-bottom: auto;}
.modal-content {width:inherit; max-width:inherit; height:inherit; margin: 0 auto; pointer-events: all;}

.modal-content .close-btn {position: absolute; background: none; border: none; top: 0; right: 0; color: #024983; font-size: 30px; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.modal-content .close-btn:hover {color: #619fd1;}
.modal-body > *:last-child {margin-bottom: 0;}
@media screen and (max-width: 400px){.modal-body {padding-left: 20px; padding-right: 20px;}}
.modal-content .btn-wrap:last-child {padding-top: 17px;}
/* ======================== bootstrap modal minified ========================== */

/* ====================== HEADINGS h1-h6 ===================== */
h1, h2, h3, h4, h5, h6, .form-name {font-weight: 600; color: #000; line-height: 1.3; margin: 0 0 .5em 0;}
h1, .page-title {font-size: 25px;}
h2, .form-name {font-size: 16px;}
h3 {font-size: 14px; color: #024983;}
h4 {font-size: 14px;}
p{margin: 0 0 10px 0; padding: 0;}
strong, .form-name {font-weight: 600;}

/* ====================== FORM ELEMENTS ====================== */
input[type="text"], input[type="number"], input[type="submit"], input[type="button"], input[type="reset"], textarea{-webkit-appearance: none; padding: 0;}
input[type="submit"], input[type="button"], input[type="reset"], .btn-custom {cursor: pointer; border: none;}
.btn {display: inline-block; padding: 6px 10px; vertical-align: top;}
.btn-custom {font: 600 12px 'Raleway', sans-serif; color: #06acf8; border: 1px solid #d7d7d7;}

.form-container2 {max-width: 540px; font: 400 14px 'Open sans', sans-serif; padding-top: 15px;}
.form-name {margin: 0 0 25px 0;}
.element-container {background-color: #edf6fd; margin-bottom: 1px; padding: 14px 20px;}
.element-container:after {display: table; clear: both; content: '';}
.element-name, .element-content {float: left;}
.element-name  {width: 28%; padding: 5px 1.5% 0 0;}
.full-with  {width: 100% !important;}
.element-content {width: 70.5%;}
.required {color:#F00; font-size:13px;}

.element-content ul {margin: 0px; padding: 0px;}
.element-content li {margin: 0 0 3px 0; padding: 1px;	}
input[type="checkbox"], input[type="radio"] {position: relative; top: 2px;}
.choice-name {font-size: 13px;}
.form-container2 .buttons {margin-top: 30px; text-align: right;}
.form-container2 .buttons input:first-child {margin-right: 10px;}
.form-container2 .captcha {margin-top: 10px;}
.form-container2 .big {font-size: 16px; font-weight: bold;}
.form-container2.text-field .calendar {padding: 3px; font-size: 12px;}

.form-container2 input[type="text"], .form-container2 textarea {background: #fff; border: 1px solid #cfdce7; font: 400 14px "Open sans",sans-serif; height: 30px; line-height: 30px; padding: 0 2.5%; text-indent: 0; width: 94.68%;}

.captcha input[type="text"] {padding: 0 9px;}
.form-container2 textarea {height: 135px; line-height: 20px; padding: 6px 2.5%;}

.form-container2 input[type="submit"], .form-container2 input[type="reset"], .form-container2 input[type="button"], .form-container2 button {background: #06acf8; color: #fff; cursor: pointer; font: 600 12px/28px "Raleway",sans-serif; height: 30px; padding: 0 10px; border: 1px solid transparent;}

.form-container2 input[type="reset"] {background: #fff; border-color: #d7d7d7; color: #06acf8;}

.form-container2 input[type="submit"]:hover, .form-container2 input[type="button"]:hover, .form-container2 button:hover  {background: #16bcff;}
.form-container2 input[type="reset"]:hover, .btn-custom:hover, .get-quote .btn:hover {border-color: #bbb;}

.form-container2 input[type="text"]:focus, .form-container2 input[type="submit"]:focus, .form-container2 select:focus{outline: none;}
.form-container2 input[type="checkbox"], .form-container2 input[type="radio"] {margin: 0;}

.ui-selectmenu-button {display: block; border: 1px solid #a1a1a1; padding: 5px 0; position: relative; background-color: #fff;}
.ui-selectmenu-button .ui-icon {background: url('../images/arrow-amount2.gif') no-repeat 0 0; position: absolute; top: 0; bottom: 0; margin: auto; right: 11px; width: 9px; height: 5px;}
.ui-selectmenu-button .ui-selectmenu-text {padding: 0 35px 0 2.44299674267101%; font: 400 14px "Open sans",sans-serif;}

@media screen and (min-width: 481px){	
	.form_10 {margin: 0 auto; max-width: 680px;}
	.form_10 .element-container {padding: 6px 12px 8px 12px;}
	.form_10 .element-name {width: 39%;}
	.form_10 .element-content {width: 59.5%;}
}

/* tooltip */
.has-tp {cursor: pointer;}
.ui-tooltip {padding: 3px 9px 4px 9px; position: absolute; z-index: 9999; max-width: 300px; background-color: #fff; font: 600 13px 'Raleway', sans-serif; color: #000; border-radius: 4px;}
/* =========================== Layout styles =================== */
/* ============================================================= */
.cbReqBtn {position: fixed; top: 50%; transform: rotate(90deg) translateX(50%); transform-origin: top right; right: 0; z-index: 101; border-radius: 0 0 1em 1em; height: 2.2em; padding: 0 0.7em 0 0.7em; background-color: #024983; color: #fff; font-size: 14px; display: flex; align-items: center;}
.cbReqBtn:hover {background-color: #0c5d9f;}
.cbReqBtn__icn {width: 1.3em; height: auto; max-width: 100%; margin: 0 0.6em 0 0;}
body, html {height: 100%;}
body {color: #000; font: 400 14px/1.5 'Open sans', sans-serif; overflow-x: hidden; background-color: #fff;}
.centered-wrap {max-width: 1400px; margin: 0 auto; width: 100%;}
body.no-ribbon {border-top: 44px solid #024983;}

#top-blue-ribbon {background-color: #024983; text-align: right; padding: 12px 0;}
#top-blue-ribbon .title {margin: 0; font-size: 15px; font-weight: 400; font-style: italic; color: #d1d3d4; letter-spacing: -.5px;}
body.no-ribbon #top-blue-ribbon {display: none;}

#header {padding: 25px 0 25px 2.3%;}
#header-inner {position: relative;}

#header .i-b, #header .brands li, #lang li {display: inline-block; vertical-align: middle;}

#header .brands {padding-left: 8%;}
#header .brands li {margin-left: 16px;}

#top {position: relative;}
.top-list {
    font-size: 15px;
    left: 279px;
    position: absolute;
    top: 55px;
	display: block;
}
.top-list > *, .top-list li {float: left;}
.top-list-name {margin-bottom: 0;}
.top-list a {display: block;}
.top-list li {
    margin-left: 14px;
    padding-left: 14px;
    position: relative;
}
.top-list li:before {
    background-color: #34a4db;
    bottom: 0;
    content: "";
    height: 19px;
    left: 0;
    margin: auto 0;
    position: absolute;
    top: 0;
    width: 1px;
}
.top-list li:first-child:before {display: none;}

.slogan {margin-left: 10%;}
.slogan .title {font: 500 25px 'Raleway', sans-serif; color: #6d6e71; margin-bottom: 0; line-height: 1.14;}
.slogan .title .b {color: #024983; display: block; padding-left: 120px;}

#lang {position: absolute; top: 13px; right: 0; text-align: right; z-index: 1;}
#lang li {margin-left: 5px;}
#lang .title {font-size: 13px; margin-bottom: 5px;}

#slider {position: relative;}
#slider .rslides_tabs {position: absolute; z-index: 98; top: 33px; right: 40px;}
#slider .rslides_tabs li {float: left;}
#slider .rslides_tabs a {border-radius: 50%; border: 1px solid #fff; width: 11px; height: 11px; margin-left: 10px; text-indent: -9999px; display: block;}
#slider .rslides_tabs li:hover a, #slider .rslides_here a {background-color: #fff;}

#main-menu {border-top: 1px solid #c5d9e8; border-bottom: 1px solid #c5d9e8;}
#main-menu ul {font-size: 0;}
#main-menu .menu-l {float: left; width: 70%;}
#main-menu .menu-r {float: right; width: 25%; text-align: right;}
#main-menu li {display: inline-block; vertical-align: top;}
#main-menu a {font: 600 14px 'Raleway', sans-serif; text-transform: uppercase; display: block; padding: 27px 10px;}
#main-menu li:hover a, #main-menu li.active a {color: #fff; background-color: #024983;}
.toggle-menu, .sidebar-toggle {
    background: #024983 url("../images/toggle-menu.png") no-repeat center center;
    cursor: pointer;
    display: none;
    height: 32px;
    width: 41px;
	border-radius: 2px;
	vertical-align: top;
}
.submenu li {border-bottom: 1px solid #c5d9e8; padding: 5px 0 5px 10%;}
.submenu li:last-child {border-bottom: none;}
.submenu a {display: inline-block; vertical-align: top; font-weight: 600; line-height: 1.2; padding: 5px 0;}
.submenu a:hover, .imago a:hover, .contact-list .content a:hover, .four-blocks .title:hover, #service-location .contact a:hover, #footer-menus a:hover {text-decoration: underline;}
.sidebar-toggle {
    background-size: 18px auto;
    height: 20px;
    width: 60px;
	border-radius: 0;
}

#banner {position: relative;}
.slider-box {
    font: 500 12px "Raleway",sans-serif;
    position: absolute;
    text-align: center;
    width: 200px;
	-webkit-transition: -webkit-transform 0.5s ease;
	-moz-transition: -moz-transform 0.5s ease;
	transition: transform 0.5s ease;
	z-index: 100;
}
.slider-box:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	transform: scale(1.05);
}
.slider-box .inner {padding: 35px 20px 20px; display: block;}
.slider-box .title {font: 500 18px/1.2 'Raleway', sans-serif; padding-bottom: 12px; margin-bottom: 0; color: #e2e7eb;}
.slider-box p {color: #bcbec0; line-height: 1.4;}
.slider-box.cyan p {color: #d1d3d4;}
.slider-box.blue {background-color: rgba(3,54,95,.9); top: 34px; left: 34px;}
.slider-box.cyan {background-color: rgba(20,170,238,.9); bottom: 34px; right: 34px;}

#transport-intro {font-size: 13px; border-bottom: 1px solid #c5d9e8; padding: 60px 0 20px;}
#transport-intro .left {width: 45.16%; float: left;}
#transport-intro .right {width: 44.58%; padding-left: 6.26%; float: right;}
#transport-intro .title {font-size: 25px; margin-bottom: 25px;}
#transport-intro .right .title {position: relative; padding-left: 40px;}
#transport-intro .right .title:before {content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; background: url('../images/icon-location.png') no-repeat 0 0; height: 37px; width: 28px;}

#transport-intro .map-container {max-width: 535px; margin: 0 auto 17px auto;}
#transport-intro .blue-txt {color: #25abd5; padding: 0 20px;}

#europe-map {position: relative;}
#europe-map .map-location {background: url('../images/icon-location.png') no-repeat 0 0/16px auto; height: 21px; width: 16px; position: absolute; cursor: pointer;}

.map-location.denmark {left: 53%; top: 46%;}
.map-location.netherlands {left: 48%; top: 55%;}
.map-location.france {bottom: 26%;left: 43%;}
.map-location.spain {bottom: 11%; left: 35%;}
.map-location.portugal {bottom: 10%; left: 28%;}
.map-location.switzerland {bottom: 26%; left: 52%;}
.map-location.austria {bottom: 28%; right: 36%;}
.map-location.germany {left: 54.5%; top: 58%;}
.map-location.italy {bottom: 17%; right: 39%;}

.contact-list {padding-top: 15px;}
.contact-list ul {margin-left: -4.428044280442804%; font-size: 0;}
.contact-list li {width: 45.58303886925795%; max-width: 260px; display: inline-block; vertical-align: top; margin: 0 0 24px 4.240282685512367%;}
.contact-list .content {padding-top: 15px;}
.contact-list .content p {text-align: center; margin-bottom: 0; font-size: 13px;}
.contact-list .content .b {font-weight: 600;}
.contact-list li img:hover {opacity: 0.8;}

body.transport .four-blocks {margin-bottom: 60px;}
body.service .four-blocks {margin-bottom: 10px;}
.four-blocks {padding: 60px 0 50px 0;}
.four-blocks .title {font-size: 16px;}
.four-blocks > ul {display: flex; flex-wrap: wrap;}
.four-blocks li {width: 25%; position: relative; padding-bottom: 44px; margin-bottom:60px;}
.four-blocks li > .inner {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box;}
.four-blocks li:after {width: 1px; right: 0; bottom: -20px; top: -20px; position: absolute; content: ''; background-color: #c5d9e8;}
.four-blocks .inner {padding: 0 10% 0 10%; }
.four-blocks p {font-size: 13px; margin-bottom: 0;}
.four-blocks .more {position: absolute; bottom: 0;}
@media screen and (min-width: 769px){
	.four-blocks li:nth-child(4n):after {display: none;}
}

#service-intro {font-size: 13px; border-top: 1px solid #c5d9e8; padding: 45px 0;}
#service-intro .left {width: 37.75%; float: left;}
#service-intro .right {width: 56.16%; padding-left: 6.09%; float: right;}
#service-intro .title {font-size: 25px; line-height: 1.1; margin-bottom: 22px;}

#service-intro .article, #transport-intro .article {line-height: 1.3;}
#service-intro .article ul li, #transport-intro .article ul li {background-position: left 6px;}

#service-intro .btn-group {padding: 10px 0;}
#service-intro .btn-group .first {margin-right: 5px;}

#service-location {position: relative;}
#service-location .contact {float: left; width: 33.58%;}
#service-location .contact-inner {padding: 27px 5% 17px 12%;}
#service-location .map-container {float: left; width: 66.42%; left: 33.58%; height: 350px; position: relative;}
#service-location .map-container > *{width: 100% !important; height: 100% !important; position: absolute; left: 0; top: 0;}
@media screen and (min-width: 561px){#service-location .map-container{position: absolute; top: 0; right: 0; height: 100%;}}
#service-location {background-color: #f5f5f5;}
#service-location .contact p {margin-bottom: 20px;}
#service-location .blue {color: #139ad7;}
#service-location .b {font-weight: 700;}

#header img, #banner img, .contact-list li img, .map-container img {display: block; margin: 0 auto;}

#content-wrap {padding: 60px 0; position: relative;}
#sidebar {float: left; width: 24.5%;}
#sidebar-inner {padding-right: 23%;}
#content {float: left; width: 75.5%;}
#content.long {width: auto; float: none; padding-left: 3%; padding-right: 3%;}

#article-list .list {margin-left: -3.833333333333333%; padding: 20px 0; display: flex; flex-wrap: wrap;}
#article-list .item {width: 46.30818619582665%; margin: 0 0 40px 3.691813804173355%; position: relative; padding-bottom: 45px;}
#article-list .item-inner {display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box;}
#article-list .article {margin-bottom: 0;}
#article-list .article-title {margin-bottom: 7px; font-size: 16px;}
#article-list .read-more {padding: 10px 0 0 0; position: absolute; bottom: 0; left: 0;}
#article-list .btn-custom {color: #06acf8; text-decoration: none;}
#article-list .article li {font-size: 13px;}

.get-quote {text-align: center; margin-bottom: 40px;}
.get-quote .btn {color: #06acf8; font: 500 28px 'Raleway', sans-serif; border: 1px solid #d7d7d7; padding: 9px 30px;}

.cyan-ribbon {background-color: #06acf8; text-align: center; padding: 17px 30px 16px 30px;}
.cyan-ribbon p {font-size: 18px; line-height: 1.4; color: #fff; font-weight: 300;}

#footer {
	background: #003a79; 
	background: -moz-linear-gradient(top,  #003a79 0%, #003d7b 20%, #003d7b 100%); 
	background: -webkit-linear-gradient(top,  #003a79 0%,#003d7b 20%,#003d7b 100%); 
	background: linear-gradient(to bottom,  #003a79 0%,#003d7b 20%,#003d7b 100%); 
}
#footer-inner {padding: 70px 40px 70px;}

#footer-menus {float: left; width: 50%; padding-top: 14px;}
#footer-menus .col {float: left; width: 33.33333333333333%;}
#footer-menus .title {font-weight: 600; margin-bottom: 4px; color: #e6e7e8; font-size: 13px;}
#footer-menus .title, #footer-menus .menu {padding-right: 10%;}
#footer-menus .menu li {color: #e6e7e8; font-size: 13px; line-height: 1.1; margin-bottom: 4px;}

#footer-logos {float: right; text-align: right; width: 50%;}
#footer-logos li {display: inline-block; vertical-align: middle; margin: 0 12px 12px 0;}

.imago {padding: 15px 0; text-align: right;}
.imago a {color: #58595b; font-size: 9px; text-transform: uppercase;}
/* ======================= article styles ====================== */
/* ============================================================= */
.media-box{margin: 0 0 30px 0;}
.media-box iframe{width: 100%;}
.article{margin: 0 0 20px 0;}
.article b {font-weight: 600;}

.article ul{padding-left: 4px;}
.article li{margin-bottom: 5px !important; margin-top: 5px !important;}

.article ul li{padding: 0 0 0 17px; margin: 0; background: url("../images/article-list-style.gif") no-repeat left 8px;}
.article ul ol li{background: none; padding: 0;}
.article ol ul li{padding: 0 0 0 20px;}

.article ol{padding: 0 0 0 22px;}
.article ol ol{padding: 0 0 0 20px;}
.article ol li{padding: 0; margin: 0;}
.article > ul, .article > ol {margin-bottom: 15px;}

.article table{border-collapse: collapse; margin: 2em 0; width: 100%;}
.article table, .article td, .article th{border: 1px solid #bcb7b6;}
.article td, .article th{padding: 8px 10px;}
.article th{text-align: left; color: #000; background-color: #efefef; font-weight: 500;}
.article table.noborder, .article table.noborder td, .article table.noborder th{border: none;}

.loyaltyTable {margin: 2em 0;}
.loyaltyTable table {margin: 0;}
@media screen and (min-width: 961px){.loyaltyTable tr > * {padding-left: 20px; padding-right: 20px;}}
.loyaltyTable tr > *:first-child {padding-left: 0;}
.loyaltyTable tr > *:last-child {padding-right: 0;}
@media screen and (max-width: 960px){
	.loyaltyTable table {width: 1010px;}
}

.article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
.article table p{margin: 0;}
.article p{margin: 0 0 20px 0;}
.article a{text-decoration: underline; color: #024983;}
.article a:hover{text-decoration: none;}
img.floatLeft{float: left; margin-right: 0 2em 15px 0;}
img.floatRight{float: right; margin: 0 0 15px 2em;}

.a-columns {margin: 0 0 15px; padding: 14px 0 0 0;}
.article .a-columns .title, .article .a-columns .sub-title{margin: 0 0 10px 0;}
.article .a-columns .sub-title {margin: 0 0 22px 0;}
.a-columns .col {float: left; width: 50%;}
.a-columns .col1 .inner {padding-right: 5%;}
.a-columns .col2 .inner {padding-left: 5%;}
.a-columns .col .box {margin: 0 0 40px 0;}

/* gallery */
#tabs .gallery{padding: 20px 0;}
.gallery ul{font-size: 0; margin-left: -3.863134657836645%;}
.gallery li{display: inline-block; vertical-align: top; margin: 0 0 35px 3.719447396386823%; width: 29.54303931987248%; max-width: 278px;}
.long .gallery li {width: 21.2457337883959%;}
.gallery img{display: block; margin: 0 auto;}
.gallery .title{display: block; padding: 10px 8px 0 8px; font-size: 13px; font-weight: 300; line-height: 125%; text-align: center;}

/* accordion */
#accordion{margin: 0 0 10px 0;}
#accordion .title{margin: -1px 0 0 0; color: #272626; background-color: #eee; font-weight: 300; font-size: 14px; border: 1px solid #bcb7b6; cursor: pointer; position: relative;}
#accordion .ui-icon{background: url("../images/arrows-9x5.gif") no-repeat 0 0; width: 9px; height: 5px; position: absolute; top: 14px; right: 15px;}
#accordion .ui-state-active .ui-icon{background-position: 0 -5px;}
#accordion .title .inner{display: block; padding: 10px 35px 8px 10px;}
#accordion .ui-state-active{background-color: #cecdcd;}
#accordion .content{font-size: 13px; padding:10px; border: 1px solid #bcb7b6; border-top: none;}
.article #accordion p {margin: 0 0 10px 0;}

#products .gallery ul{margin: 0 0 0 -1.022727272727273%;}
#products .gallery li{margin: 0 0 28px 1.012373453318335%; width: 23.84701912260967%;}

.files-list{padding: 5px 10px; margin: 0 0 12px 0;}
.files-list li {margin: 0 0 10px 0;}

/* global */
.bold{font-weight: bold;}
.files-list{padding: 5px 10px; margin: 0 0 12px 0;}
.file{display: inline-block; padding: 10px 0 8px 33px; line-height: 14px;}
.file:hover{text-decoration: underline;}
.file.pdf{background: url(../images/icon-pdf.gif) no-repeat left center;}
.file.doc{background: url(../images/icon-doc.gif) no-repeat left center;}
.file.jpg{background: url(../images/icon-jpg.gif) no-repeat left center;}
.file.png{background: url(../images/icon-png.gif) no-repeat left center;}
.file.xls{background: url(../images/icon-xls.gif) no-repeat left center;}
.file.ppt{background: url(../images/icon-ppt.gif) no-repeat left center;}
.alignCenter{text-align: center;}
.alignRight{text-align: right;}
.underline{text-decoration: underline;}

div.clear{clear:both; height:0px; font-size:0px; line-height:0px;}
.floatLeft{float:left;}
.floatRight{float:right;}

.error, .success, .msg-success, .msg-fail{color: #fff; text-align: center; margin: 10px 0; padding: 9px 10px; background-color: #5ea14d; font-weight: 400; display: block;}
.msg-fail, .error{background-color: #cd4444;}
.white-popup {position: relative; background: #FFF; padding: 20px; width: auto; max-width: 500px; margin: 20px auto;}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1200px){	
	.get-quote .btn {font-size: 25px;}
	.cyan-ribbon p {font-size: 16px;}
}
@media screen and (max-width: 1100px){	
	.top-list {
		padding: 0 0 8px 10px;
		position: static;
		font-size: 14px;
	}

	#main-menu {border: none;}
	#main-menu .menu-l, #main-menu .menu-r {
		float: none;
		text-align: center;
		width: auto;
	}
	#main-menu .menu-l {border-top: 1px solid #c5d9e8; border-bottom: 1px solid #c5d9e8;}
	#main-menu a {padding: 20px 10px;}
	#main-menu .menu-r a {
		font-size: 13px;
		padding: 12px 10px;
	}

	#transport-intro .right .title {padding-left: 30px;}
	#transport-intro .right .title:before {
		background-size: 20px auto;
		height: 26px;
		width: 20px;
	}
	
	.slogan .title, h1, .page-title, #transport-intro .title, #service-intro .title {font-size: 22px;}
}
@media screen and (max-width: 1024px){
	.slogan .title {font-size: 19px;}
	
	#transport-intro {padding-top: 40px;}
	#transport-intro .right {width: 48.58%;}
	body.transport .four-blocks {margin-bottom: 30px;}
	
	.get-quote .btn {font-size: 22px;}
	
	#service-location .contact {width: 47%;}
	#service-location .contact p {margin-bottom: 11px;}
	#service-location .map-container {width: 53%; left: 47%;}
	#service-location .contact-inner {padding: 19px 20px;}
	
	#footer-inner {padding: 40px 50px 40px;}
	#footer-menus {
		max-width: none;
		width: 70%;
	}
	#footer-logos {width: 30%;}
}
@media screen and (max-width: 900px){
	body.no-ribbon {border-top-width: 36px;}
	#top-blue-ribbon {padding: 9px 0;}
	#top-blue-ribbon .title {font-size: 14px;}
	#header .brands li {max-width: 48px;}
	
	#header .logo img {width: 154px;}
	.slogan {margin-left: 4%;}
	.slogan .title {font-size: 16px;}
	.slogan .title .b {padding-left: 90px;}
	#lang {top: 5px;}

	h1, .page-title, #transport-intro .title, #service-intro .title, .get-quote .btn {font-size: 20px;}
	.four-blocks .title {font-size: 15px;}
	
	.slider-box .title {font-size: 16px;}
	.slider-box .inner {padding: 25px 20px 20px;}	
	.slider-box.blue {left: 20px; top: 20px;}
	.slider-box.cyan {bottom: 20px; right: 20px;}
		
	body.transport .four-blocks {margin-bottom: 15px;}
	.four-blocks {padding-top: 50px;}
	
	#transport-intro .right .title:before {
		background-size: 17px auto;
		height: 22px;
		width: 17px;
	}
	#service-intro {padding: 35px 0;}
	
	#content-wrap {padding: 40px 0 45px 0;}
		
	#article-list .item {margin-bottom: 32px;}
	#article-list .article {font-size: 13px;}
	.cyan-ribbon {padding: 15px 20px 14px;}
	.cyan-ribbon p {font-size: 15px;}
	
	.form-container2 {width: auto;}
 
}
@media screen and (max-width: 820px){
	body {font-size: 13px;}

	#main-menu .menu-l a {padding: 16px 10px;}
	#transport-intro .left, #transport-intro .right {float: none; width: auto;}
	
	#transport-intro .right {text-align: center; padding-left: 0;}
	#transport-intro .right .title {display: inline-block; vertical-align: top;}
	.contact-list {text-align: center; margin-bottom: 10px;}
	
	.slider-box .inner {padding: 20px 20px 10px;}

	#footer-menus, #footer-logos {
		float: none;
		width: auto;
	}
	#footer-inner {padding: 30px 0 20px;}
	#footer-menus .title, #footer-menus .menu {padding: 0 10px;}
	#footer-menus {margin-bottom: 15px; text-align: center;}
	#footer-logos {text-align: center;}
	#footer-logos li {margin: 0 6px 10px;}
	
	#article-list .article-title {font-size: 15px;}
	
	h1, .page-title, #transport-intro .title, #service-intro .title, .get-quote .btn {font-size: 18px;}
}
@media screen and (max-width: 768px){
	.top-list {padding: 8px 10px; font-size: 13px; text-align: center;}
	
	.top-list > *, .top-list li {
		display: inline-block;
		float: none;
		vertical-align: top;
	}
	.top-list li {
		margin: 0 5px;
		padding: 0 5px;
	}
	.top-list li:before {
		height: 14px;
		left: -8px;
	}

	body.no-ribbon {border-top-width: 36px;}
	body.transport #lang {right: 0;}
	#top {position: relative;}
	#header .logo {position: relative; z-index: 1;}
	#top-blue-ribbon .title {font-size: 13px;}
	#header {padding-left: 0; border-bottom: 1px solid #c5d9e8;}
	#header .brands, #header .slogan, #lang .title, .slider-box br, .four-blocks li:after {display: none;}
	#lang {right: 90px; top: 19px;}
	
	.toggle-menu {display: inline-block;}
	#main-menu {
		left: 0;
		position: absolute;
		right: 0;
		text-align: right;
		top: 37px;
		background-color: transparent;
	}

	#main-menu .menu-wrap {display: none; position: absolute; width: 75%; right: 0; z-index: 1004; background-color: #eeeeee;}
	#main-menu .menu-l, #main-menu .menu-r {border: none;}
	#main-menu li {display: block; text-align: center; margin: 0; border-top: 1px solid #fff; float: none;}
	#main-menu a {font-size: 13px;}
	#main-menu .menu-l a, #main-menu .menu-r a {padding: 10px;}
	
	
	#slider .rslides_tabs {
		bottom: auto;
		top: 33px;
	}
	.slider-box {
		position: static;
		width: auto;
	}
	.slider-box .inner {padding: 8px 10px 1px;}
	.slider-box .title {padding-bottom: 5px;}
	.slider-box {
		-webkit-transition: none;
		-moz-transition: none;
		transition: none;
	}
	.slider-box:hover {
		-webkit-transform: none;
		-moz-transform: none;
		transform: none;
	}
	
	.four-blocks li {
		border-bottom: 1px solid #c5d9e8;
		padding: 10px 0 14px;
		width: 100%;
	}
	.four-blocks .inner {height: auto !important;}
	.four-blocks .more {
		padding: 10px 0 0;
		position: static;
	}
	.four-blocks {padding: 18px 0;}
	.four-blocks .title {font-size: 14px;}
	#service-intro {padding: 15px 0 35px; border-top: none;}
	
	#sidebar {width: 240px; float: none; position: absolute; top: -1px; left: 15px; z-index: 1;}
	#sidebar-inner {padding: 11px 25px 13px; background-color: #fff; box-shadow: 0 3px 4px rgba(0,0,0,0.2); border-top: 2px solid #024983; display: none;}
	.sidebar-toggle {display: block;}
	.submenu li {padding: 2px 0;}
	.submenu a {display: block; padding: 7px 0;}
	#content {float: none; width: auto;}
	
	#service-intro .left, #service-intro .right {
		float: none;
		width: auto;
	}
	#service-intro .right {padding: 24px 0 0;}
	
	#article-list .list {padding: 20px 0 10px 0;}
	.get-quote {margin-bottom: 24px;}
	.get-quote .btn {font-size: 17px;}
	
	.form-name {margin-bottom: 15px;}
	.article td, .article th {padding: 5px 9px;}
	
	.file {
		background-size: auto 25px !important;
		padding: 8px 0 7px 28px;
	}
	
	#content, #article-list, .four-blocks .inner, #transport-intro, #service-intro {padding-left: 15px; padding-right: 15px;} /* indent content blocks */
}
@media screen and (max-width: 680px){
	body.no-ribbon {border-top-width: 16px;}
	.long .gallery li {width: 29.54303931987248%}
}
@media screen and (max-width: 560px){
	#top-blue-ribbon .title {font-size: 12px;}
	#header {padding: 23px 0;}
	#header .logo img {width: 126px;}
	#lang {top: 14px;}
	.toggle-menu {
		background-size: 18px auto;
		display: inline-block;
		height: 28px;
		width: 37px;
	}
	#main-menu {top: 32px;}
	
	#service-location .contact, #service-location .map-container {
		float: none;
		width: auto;
	}
	#service-location {padding: 19px 15px 22px;}
	#service-location .contact-inner {padding: 0 0 11px;}
	#service-location .contact {text-align: center;}
	#service-location .contact p {line-height: 1.3;}
	#service-location .map-container {left: auto; right: auto; top: auto;}
	
	#article-list .item {
		margin: 0 0 30px;
		padding: 0;
		width: 100%;
	}
	#article-list .list {margin-left: 0;}
	#article-list .read-more {
		padding: 0;
		position: static;
	}	
	.get-quote .btn {
		font-size: 16px;
		padding: 6px 25px;
	}
	.get-quote {margin-bottom: 16px;}
	.cyan-ribbon p {font-size: 14px;}
	.cyan-ribbon {padding: 13px 13px 7px;}

	#footer-inner {padding: 18px 0 20px;}
	#footer-menus .col {
		border-bottom: 1px solid #104d8b;
		float: none;
		margin-bottom: 11px;
		padding-bottom: 11px;
		width: auto;
	}
	#footer-logos {padding-top: 12px;}
	#footer-logos li {vertical-align: top;}
	#footer-logos img {display: block;}

	.form-container2 input[type="text"], .form-container2 textarea {width: 94.46%;}
	.a-columns .col {
		float: none;
		width: auto;
	}
	.a-columns .col .inner {padding: 0;}
}
@media screen and (max-width: 480px){
	/*#top-blue-ribbon {display: none;}
	body, body.no-ribbon {border-top: 7px solid #024983;}*/
	body.no-ribbon {border-top-width: 7px}
	
	#lang {right: 70px;}
	#main-menu .menu-wrap {width: 100%;}
	
	h1, .page-title, #transport-intro .title, #service-intro .title {font-size: 17px;}
	.slider-box .title {font-size: 15px;}
	
	#transport-intro {padding-top: 26px;}
	#transport-intro .title {margin-bottom: 14px;}	
	#article-list .list {padding: 10px 0;}
		
	.contact-list ul {margin-left: 0;}
	.contact-list li {
		display: block;
		margin: 0 auto 20px;
		width: auto;
	}

	.article p {margin-bottom: 10px;}
	.element-name, .element-content {
		float: none;
		width: auto;
	}
	.element-name {padding: 0 0 5px;}
	.form-container2, .form-container2 input[type="text"], .form-container2 textarea, .ui-selectmenu-button .ui-selectmenu-text, #accordion .title {font-size: 13px;}

	.gallery .title {display: none;}
}
@media screen and (max-width: 400px){
	.article img {
		display: block;
		float: none;
		margin: 15px auto;
	}
}
@media screen and (max-width: 360px){
	#header .logo img {width: 113px;}
	#lang {right: 56px; top: 12px;} 
	#main-menu {top: 30px;}
	#transport-intro {padding-top: 20px;}
		
	#slider .rslides_tabs {
		top: 16px;
		right: 16px;
	}
	#slider .rslides_tabs a {
		height: 8px;
		width: 8px;
	}
	#europe-map .map-location {
		background-size: 11px auto;
		height: 15px;
		width: 11px;
	}
	
	#article-list {margin-top: -10px;}
} 
@media screen and (max-width: 320px){ 
	#content, #article-list, .four-blocks .inner, #transport-intro, #service-intro {padding-left: 10px; padding-right: 10px;} /* indent content blocks */
	#service-location {padding: 19px 15px 15px;}
	#sidebar {left: 10px;}
	
	.form-container2 .captcha input[type="text"] {width: 92px !important;}
	.gallery ul {margin-left: 0;}
	.gallery li, .long .gallery li  {
		display: block;
		margin: 0 auto 16px;
		width: auto;
	}
}

/* ======================== clearfix =========================== */
/* ============================================================= */
/* Force Element To Self-Clear its Children */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */