@charset "utf-8";
/* CSS Document */



body
{
	font-family: 'Open Sans', sans-serif;
	font-size: 17px;
	line-height: 1.5;
	color: #26324a;
	background: #fff;
	text-align: left;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection{
	background: #1d63c2;
	color:#fff;
}

::-moz-selection {
	background: #1d63c2;
	color:#fff;
}

webkit::-webkit-selection {
	background: #1d63c2;
	color:#fff;
}

*
{
	margin: 0;
	padding: 0;
	border:none;
	outline:none;
}

input, select, textarea
{
	font-family: 'Open Sans', sans-serif;
}
/* Simon Dirlik toevoegingen */
.error{
	box-shadow: 0 0 5px #f55;
}
#track-trace-form {
	display: none;
}
.map {
	height: 250px;
}
.home-page .news-list .item .news-content, .interior .news-list .item .news-content .content p {
	word-wrap: break-word;
}
/*
.interior .news-list .item .news-image {
	display: table;
	margin: 0 auto;
	max-height: 592px;
	max-width: 100%;
	position: relative;
	width: auto !important;
	float: none !important;
}
*/
/* Einde Simon Dirlik toevoegingen*/
a
{
	color: #1d63c2;
	text-decoration: none;
	outline: none;
	cursor: pointer;
}

a:hover
{
	color: #495678;
}

p
{
	position: relative;
	float: left;
	width: 100%;
}

.inside
{
	position: relative;
	width: 1310px;
	padding: 0 10px;
	margin: 0 auto;
}


/* MAIN STYLES*/
.col-12
{
	position: relative;
	float: left;
	width: 97%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-9
{
	position: relative;
	float: left;
	width: 72%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-6
{
	position: relative;
	float: left;
	width: 47%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.col-4
{
	position: relative;
	float: left;
	width: 30.3333%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-3
{
	position: relative;
	float: left;
	width: 22%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-with-email
{
	position: relative;
	float: left;
	width: 21%;
	margin: 0 0.7%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-without-email
{
	position: relative;
	float: left;
	width: 16.5%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col-1-2
{
	position: relative;
	float: left;
	width: 10%;
	margin: 0 1.5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.row
{
	position: relative;
	float: left;
	width: 100%;
}

.border-right
{
	border-right: 1px solid #d0d0d0;
}

.border-top
{
	border-top: 1px solid #d0d0d0;
}

.main-heading
{
	position: relative;
	float: left;
	width: 100%;
	font-weight: 800;
	text-transform: uppercase;
	font-size: 34px;
}

.sub-heading
{
	position: relative;
	float: left;
	width: 100%;
	font-weight: 300;
	text-transform: uppercase;
	font-size: 21px;
}

.mt-10
{
	margin-top: 10px;
}

.mt-20
{
	margin-top: 20px;
}

.mt-30
{
	margin-top: 30px;
}

.mt-40
{
	margin-top: 40px;
}

.mt-50
{
	margin-top: 50px;
}

.mt-60
{
	margin-top: 60px;
}

.pb-10
{
	padding-bottom: 10px;
}

.pb-100
{
	padding-bottom: 100px;
}

.pr-45
{
	padding-right: 45px;
}

.pr-70
{
	padding-right: 70px;
}

.main-link
{
	position: relative;
	float: left;
	font-size: 18px;
	color: #1a63bf;
	font-weight: 700;
	padding-right: 20px;
	background: url(images/arrow-icon.svg) no-repeat 100% 8px;
}

.main-link.no-float
{
	float: none;
	background-position: right 6px;
}

.image-fw
{
	width: 100%;
}

.text-blue
{
	color: #1a63bf;
}

.text-small
{
	font-size: 14px;
}


#header
{
	position: relative;
	float: left;
	width: 100%;
	height: 116px;
	min-width: 1330px;
	z-index: 10;
	background: #27314c url(images/header-bg.png) repeat-x 0 0;
}


#header .logo
{
	position: relative;
	float: left;
	width: 360px;
	height: 130px;
	padding: 0 10px;
	margin-top: 14px;
	background: url(images/logo-bg.png) no-repeat center bottom;
}

#header .logo img
{
	position: relative;
	float: left;
	width: 100%;
	-webkit-transition: all .30s ease-in-out;
	-moz-transition: all .30s ease-in-out;
	transition: all .30s ease-in-out;
}

#header .logo:hover > img
{
	-ms-transform: scale(.98);
	-webkit-transform: scale(.98);
	transform: scale(.98);
}

#header .search
{
	position: relative;
	float: right;
	width: 30px;
	height: 30px;
	margin-top: 26px;
	margin-left: 22px;
	border-left: 1px solid #d0d0d0;
}

#header .search .search-btn
{
	position: relative;
	float: right;
	width: 14px;
	height: 14px;
	margin-top: 8px;
	background: url(images/search-icon.svg) no-repeat center center;
	background-size: cover;
}

#header .nav
{
	position: relative;
	float: right;
	height: 72px;
	line-height: 72px;
	margin-top: 5px;
	list-style: none;
}

#header .nav li
{
	position: relative;
	float: left;
	height: 72px;
	padding: 0;
}

#header .nav li a
{
	position: relative;
	float: left;
	height: 72px;
	padding: 0 22px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 17px;
	color: #27314c;
}

#header .nav li a:hover
{
	background: url(images/nav-hover.png) repeat-x 0 0;
}

#header .subnav
{
	position: relative;
	float: right;
	height: 39px;
	line-height: 39px;
	list-style: none;
}

#header .subnav li
{
	position: relative;
	float: left;
	height: 39px;
	padding: 0 20px;
}

#header .subnav li a
{
	position: relative;
	float: left;
	color: #fff;
	font-size: 14px;
}

#header .subnav li a:hover
{
	text-decoration: underline;
}

#header .subnav li.login-btn
{
	background: #1a63bf;
	padding: 0;
	margin-left: 10px;
}

#header .subnav li.login-btn a
{
	background: #1a63bf;
	padding: 0 20px;
	font-weight: bold;
}

#header .subnav li.login-btn a .login-ico
{
	position: relative;
	float: left;
	width: 16px;
	height: 16px;
	margin: 12px 8px 0 0;
	background: url(images/login-icon.svg) no-repeat center center;
}

#header .nav-wrap
{
	position: relative;
}

#header .nav-toggle
{
	position: absolute;
	top: 29px;
	right: 20px;
	width: 30px;
	height: 22px;
	display: none;
	cursor: pointer;
}

#header .nav-toggle .menu-ico
{
	position: absolute;
	width: 100%;
	height: 4px;
	background: #27314c;
	top: 50%;
	margin-top: -2px;
}

#header .nav-toggle .menu-ico:before
{
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: #27314c;
	top: -8px;
}

#header .nav-toggle .menu-ico:after
{
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	background: #27314c;
	top: 8px;
}



#home-slider-wrap
{
	position: relative;
	float: left;
	width: 100%;
	min-width: 1330px;
	height: 490px;
	z-index: 0;
}

#home-slider-wrap .home-slider,
#home-slider-wrap .home-slider .slide
{
	position: relative;
	float: left;
	width: 100%;
	height: 490px;
}

#home-slider-wrap .home-slider .slide
{
	text-align: center;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#home-slider-wrap .home-slider .slide h1
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 104px;
	color: #fff;
	font-weight: 800;
	margin-top: 100px;
	text-transform: uppercase;
	box-sizing: border-box;
}


#home-slider-wrap .home-slider .content h1
{
	margin-top: 50px;
	font-size: 64px;
	padding: 0 200px;
	line-height: 1.5em;
	height: 3em;
}

#home-slider-wrap .home-slider .content .btn
{
	position: relative;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	background: #ba2b2f;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	width: 200px;
	text-align: center;
	margin-top: 15px;
}

#home-slider-wrap .home-slider .content .btn:hover
{
	background: #26324a;
}


#content
{
	position: relative;
	float: left;
	width: 100%;
	min-width: 1330px;
	min-height: 400px;
	background: url(images/container-shadow.png) no-repeat center top;
	margin-top: -150px;
}


#content .inside
{
	position: relative;
	width: 1160px;
	padding: 70px 75px;
	margin-top: 33px;
}

.home-page .services-info
{
	margin-bottom: 30px;
}

.home-page .services-info .wrap
{
	background: #f6f6f6;
	border: 1px solid #d0d0d0;
}

.home-page .services-info .item
{
	position: relative;
	float: left;
	width: 33.333%;
	height: 82px;
	line-height: 32px;
	padding: 25px;
	font-weight: 700;
	font-size: 16px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #d0d0d0;
}

.home-page .services-info .item:first-child
{
	border: none;
}

.home-page .services-info .item .checkmark
{
	position: relative;
	float: left;
	width: 32px;
	height: 32px;
	margin-right: 25px;
	background: url("images/checkmark.svg") no-repeat center center;
	background-size: cover;
}


.home-page .services
{
	margin-bottom: 30px;
}

.home-page .services .item
{
	margin-bottom: 50px;
}

.home-page .services h2
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
	color: #26324a;
	margin-bottom: 10px;
	background: url(images/arrow-icon.svg) no-repeat 100% 50%;
}

.home-page .services h2:hover
{
	color: #1d63c2;
}

.home-page .services img
{
	position: relative;
	float: left;
	width: 100%;
}

.home-page .services p
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 16px;
	margin-top: 20px;
}

.home-page .welcome-wrap
{
	min-height: 360px;
}

.home-page .news-list
{
	min-height: 360px;
	padding-right: 3%;
}

.home-page .news-list h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
}

.home-page .news-list .item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 15px 0;
	border-bottom: 1px solid #d0d0d0;
}

.home-page .news-list .item .news-title
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 15px;
}

.home-page .news-list .item .news-title a
{
	color: #26324a;
}

.home-page .news-list .item .news-title a:hover
{
	color: #1d63c2;
}

.home-page .news-list .item .news-date
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 12px;
	color: #1a63bf;
}

.home-page .news-list .item .news-content
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 12px;
	margin-top: 10px;
}

.side-links
{
	min-height: 360px;
}

.side-links h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
}

.side-links h4
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
}

.side-links ul
{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
	padding-left: 20px;
	padding-bottom: 15px;
	border-bottom: 1px solid #d0d0d0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.side-links ul li
{
	position: relative;
	float: left;
	width: 100%;
	font-weight: 700;
	font-size: 15px;
	margin-bottom: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.side-links ul li a
{
	color: #26324a;
}

.side-links ul li a:hover
{
	color: #1d63c2;
}

.side-links ul li span
{
	font-weight: normal;
	font-size: 12px;
}

.side-links .services-info
{
	position: relative;
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

.side-links .services-info .item
{
	position: relative;
	float: left;
	width: 100%;
	padding-left: 40px;
	line-height: 24px;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 12px;
	background: url("images/checkmark.svg") no-repeat left top;
	background-size: 24px 24px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.side-links .services-info .btn
{
	position: relative;
	float: left;
	height: 44px;
	line-height: 44px;
	background: #ba2b2f;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	width: 200px;
	text-align: center;
	margin-top: 10px;
}

.side-links .services-info .btn:hover
{
	background: #26324a;
}

.home-page .box
{
	padding: 26px;
	height: 248px;
}

.home-page .box h2
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 29px;
	line-height: 36px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 800;
	margin-bottom: 10px;
}

.home-page .box h2 span
{
	color: #2a314b;
}

.home-page .box h3
{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 123px;
	color: #fff;
	font-size: 16px;
	font-weight: 800;
	text-transform: uppercase;
}

.home-page .box .input
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 15px;
	margin-bottom: 5px;
	font-size: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.home-page .box select.input
{
	height: 33px;
}

.home-page .box .submit
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 15px;
	margin-bottom: 5px;
	font-size: 14px;
	background: #1a63c1;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.home-page .box .submit:hover
{
	background: #26324a;
}

.home-page .box.get-quote
{
	background: #495678;
}

.home-page .box.track-trace
{
	background: url(images/track-and-trace-home.jpg) no-repeat center center;
	background-size: cover;
}

.home-page .box.control-supply
{
	background-image: url(images/control-supply-chain-hover.jpg);
	background: url(images/control-supply-chain.jpg) no-repeat center center;
	background-size: cover;
}

.home-page .box.control-supply:hover
{
	background-image: url(images/control-supply-chain-hover.jpg);
}

.home-page .box.connect
{
	background-image: url(images/request-login-hover.jpg);
	background: url(images/request-login.jpg) no-repeat center center;
	background-size: cover;
}

.home-page .box.connect:hover
{
	background-image: url(images/request-login-hover.jpg);
}

#interior-heading
{
	position: relative;
	float: left;
	width: 100%;
	min-width: 1330px;
	height: 490px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}

#interior-heading h1
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 104px;
	color: #fff;
	font-weight: 800;
	margin-top: 100px;
	text-align: center;
	text-transform: uppercase;
}

#interior-heading.other-links h1
{
	font-size: 60px;
}

#interior-heading h2
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 54px;
	color: #fff;
	font-weight: 800;
	margin-top: 100px;
	text-align: center;
	text-transform: uppercase;
}

#interior-heading h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 34px;
	color: #fff;
	font-weight: 800;
	text-align: center;
	text-transform: uppercase;
}


#interior-heading.about-us
{
	background-image: url(images/about-us.jpg);
}


#interior-heading.air-freight
{
	background-image: url(images/air-freight.jpg);
}

#interior-heading.customs
{
	background-image: url(images/customs.jpg);
}

#interior-heading.dashboard
{
	background-image: url(images/dashboard-connect.jpg);
}

#interior-heading.ecommerce
{
	background-image: url(images/ecommerce.jpg);
}

#interior-heading.fcl
{
	background-image: url(images/fcl.jpg);
}

#interior-heading.insurance
{
	background-image: url(images/insurance.jpg);
}

#interior-heading.quote
{
	background-image: url(images/quote.jpg);
}

#interior-heading.references
{
	background-image: url(images/references.jpg);
}

#interior-heading.road-freight
{
	background-image: url(images/road-freight.jpg);
}

#interior-heading.sea-freight
{
	background-image: url(images/sea-freight.jpg);
}

#interior-heading.time
{
	background-image: url(images/time-sensitive.jpg);
}

#interior-heading.warehousing
{
	background-image: url(images/warehousing.jpg);
}

#interior-heading.tools
{
	background-image: url(images/tools.jpg);
}

#interior-heading.track-trace
{
	background-image: url(images/track-and-trace.jpg);
}

#interior-heading.uld
{
	background-image: url(images/uld.jpg);
}

#interior-heading.news
{
	background-image: url(images/news.jpg);
}

#interior-heading.search-results
{
	background-image: url(images/search.jpg);
}

#interior-heading.sitemap
{
	background-image: url(images/sitemap.jpg);
}

#interior-heading.contact
{
	background-image: url(images/direct-contact.jpg);
}

.interior .interior-slider
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .interior-slider .slide img
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .interior-slider .slide p
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	margin-top: 5px;
}

.interior .interior-slider .bx-controls
{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 15px;
}

.interior .interior-slider .bx-controls a
{
	position: relative;
	float: left;
	width: 24px;
	height: 24px;
	background-color: #27314c;
	overflow: hidden;
	margin-right: 4px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 34%;
}

.interior .interior-slider .bx-controls a:hover
{
	background-color: #1a63bf;
}

.interior .interior-slider .bx-controls a.bx-prev
{
	background-image: url(images/arrow-white-icon-left.svg);
}

.interior .interior-slider .bx-controls a.bx-next
{
	background-image: url(images/arrow-white-icon-right.svg);
}

.interior .content-heading
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 1.17em;
}

.interior .checkbox-wrap
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .checkbox-wrap .item
{
	position: relative;
	float: left;
	width: 24%;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	text-align: center;
	padding: 40px 10px 10px;
	min-height: 200px;
	margin: 0.5% 0.5%;
}

.interior .checkbox-wrap .checkmark
{
	position: relative;
	display: inline-block;
	width: 64px;
	height: 64px;
	background: url("images/checkmark.svg") no-repeat center center;
	background-size: cover;
}

.interior .checkbox-wrap p
{
	position: relative;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	color: #1a63bf;
	margin-top: 24px;
}

.interior .logos-wrap
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .logos-wrap .item
{
	position: relative;
	float: left;
	width: 24%;
	border: 1px solid #d0d0d0;
	box-sizing: border-box;
	text-align: center;
	margin: 5px 0.5%;
	padding: 25px;
}



.interior .tables,
.interior .tables .item
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .tables .item img
{
	position: relative;
	float: left;
	width: 23%;
}

.interior .tables .item .content
{
	position: relative;
	float: right;
	width: 74%;
}

.interior .tables .item .content h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 18px;
	font-weight: 700;
}

.interior .tables .item .content .table-wrap
{
	position: relative;
	float: left;
	width: 100%;
	overflow: auto;
}

.interior .tables .item .content table
{
	position: relative;
	float: left;
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #d0d0d0;
}

.interior .tables .item .content table th
{
	text-align: center;
	font-size: 12px;
	border: 1px solid #d0d0d0;
	padding: 10px 5px;
	background: #f5f5f5;
	width: 10%;
}

.interior .tables .item .content table th span
{
	font-weight: 400;
	font-size: 11px;
}

.interior .tables .item .content table td
{
	text-align: center;
	font-size: 12px;
	border: 1px solid #d0d0d0;
	padding: 10px 5px;
	width: 10%;
}

.interior .quote-form h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
}

.interior .quote-form .form-wrap
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .quote-form .input
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 12px;
	background: #f2f3f8;
	font-size: 12px;
	margin-bottom: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .quote-form select.input
{
	height: 37px;
}

.interior .quote-form label
{
	position: relative;
	float: left;
	width: 100%;
	text-indent: 12px;
	font-size: 12px;
	padding-bottom: 4px;
}

.interior .quote-form .row-half
{
	position: relative;
	float: left;
	width: 48%;
}

.interior .quote-form .right
{
	float: right;
}


.interior .quote-form .row-big
{
	position: relative;
	float: left;
	width: 66%;
}

.interior .quote-form .row-small
{
	position: relative;
	float: right;
	width: 30%;
}

.interior .quote-form .map
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .quote-form .submit
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 15px;
	margin-bottom: 5px;
	font-size: 14px;
	background: #1a63c1;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .quote-form .submit:hover
{
	background: #26324a;
}

.interior .gallery
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .gallery .gallery-item
{
	position: relative;
	float: left;
	width: 32.3%;
	height: 0;
	padding-bottom: 32.3%;
	background-position: center center;
	background-size: cover;
	margin: 0.5%;
}


.interior .gallery .gallery-item .overlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.interior .gallery .gallery-item .overlay span
{
	position: relative;
	float: left;
	width: 100%;
	height: 50px;
	top: 50%;
	margin-top: -25px;
	opacity: 0;
	background: url(images/icon-gallery.svg) no-repeat center center;
	transition: opacity .40s ease-in-out;
	-moz-transition: opacity .40s ease-in-out;
	-webkit-transition: opacity .40s ease-in-out;
}


.interior .gallery .gallery-item .overlay:before
{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #0c1536;
	opacity: 0.8;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.4s;
	transition-duration: 0.4s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.interior .gallery .gallery-item:hover > .overlay:before
{
	-webkit-transform: scale(1);
	transform: scale(1);
}

.interior .gallery .gallery-item:hover > .overlay span
{
	opacity: 100;
}

.interior .tools-list
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .tools-list fieldset
{
	position: relative;
	float: left;
	width: 100%;
	padding: 20px;
	border: 1px solid #d0d0d0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .tools-list fieldset legend
{
	color: #1a63bf;
	padding: 0 10px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 800;
	margin-left: -10px;
}

.interior .tools-list fieldset .item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 12px 20px;
	font-size: 14px;
	background: #f2f3f8;
	margin-bottom: 5px;
	color: #26324a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .tools-list fieldset .item .arrow
{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 45px;
	background: #1a63bf url(images/arrow-white-icon-right.svg) no-repeat center center;
}

.interior .tools-list fieldset .item:hover
{
	background-color: #eee;
}

.interior .tools-list fieldset .item:hover > .arrow
{
	background-color: #495678;
}

.interior .tools-list.tracking p
{
	font-size: 12px;
}

.interior .tools-list.tracking .form
{
	position: relative;
	float: left;
	width: 100%;
	margin-top: 10px;
	background: #f2f3f8;
	height: 40px;
}

.interior .tools-list.tracking .form .input
{
	position: relative;
	float: left;
	width: calc(100% - 190px);
	padding: 11px;
	font-size: 14px;
	background: none;
}

.interior .tools-list.tracking .form .custom-select
{
	display: none;
}
.interior .tools-list.tracking .form .right
{
	position: relative;
	float: right;
	height: 24px;
	padding-left: 12px;
	margin-top: 8px;
	border-left: 1px solid #d0d0d0;
}

.interior .tools-list.tracking .form .submit
{
	position: relative;
	float: left;
	width: 155px;
	height: 40px;
	font-size: 14px;
	background: #1a63c1;
	color: #fff;
	cursor: pointer;
	margin-top: -8px;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .tools-list.tracking .form .submit:hover
{
	background: #26324a;
}


.interior .tools-list.tracking .form .custom-select
{
	position: relative;
	float: left;
    padding: 0 0 0 8px;
    margin: 0;
    width: 150px;
    height: 24px;
    overflow: hidden;
    background: url(images/arrow-down.svg) no-repeat left center;
    background-size: 8px 5px;
}

.interior .tools-list.tracking .form .custom-select select
{
	position: relative;
	float: left;
	margin: 0;
    padding: 1px 8px;
    width: 130%;
    height: 23px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}

.interior .tab-nav
{
	position: relative;
	float: left;
	width: 100%;
	border-bottom: 1px solid #d0d0d0;
}

.interior .tab-nav a
{
	position: relative;
	float: left;
	height: 40px;
	font-weight: 800;
	margin-right: 45px;
	text-transform: uppercase;
	color: #26324a;
}

.interior .tab-nav a.active
{
	color: #1a63bf;
}

.interior .tab-nav a.active:after, .interior .tab-nav a.active:before
{
	bottom: -1px;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.interior .tab-nav a.active:after
{
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
}
.interior .tab-nav a.active:before
{
	border-color: rgba(208, 208, 208, 0);
	border-bottom-color: #d0d0d0;
	border-width: 11px;
	margin-left: -11px;
}

.interior .tab-content
{
	display: none;
}

.interior .tab-content.active
{
	display: block;
}

.interior .uld-list .item p
{
	margin-top: 16px;
	font-size: 14px;
}


.interior .news-list
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .news-list .item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #d0d0d0;
}

.interior .news-list .item .news-image
{
	position: relative;
	float: left;
	width: 33%;
}

.interior .news-list .item .news-content
{
	position: relative;
	float: right;
	width: 64%;
}

.interior .news-list .item .news-content .title
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 22px;
}

.interior .news-list .item .news-content .title a
{
	color: #26324a;
}

.interior .news-list .item .news-content .title a:hover
{
	color: #1a63bf;
}

.interior .news-list .item .news-content .content
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
	padding: 10px 0;
}

.interior .news-list .item .news-content .content p
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0;
}

.interior .news-list .item .news-content .content ul,
.interior .news-list .item .news-content .content ol
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0;
	overflow: hidden;
}

.interior .news-list .item .news-content .content ul li,
.interior .news-list .item .news-content .content ol li
{
	position: relative;
	float: left;
	width: 100%;
	margin-left: 20px;
}

.interior .news-list .item .main-link
{
	font-size: 14px;
	padding-top: 3px;
}

.interior .news-list .item.single-article .news-image,
.interior .news-list .item.single-article .news-content
{
	width: 100%;
}

.interior .news-list .item.single-article .news-content
{
	margin-top: 30px;
}

.interior .news-list .pager
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .news-list .pager a
{
	position: relative;
	float: left;
	width: 24px;
	height: 24px;
	margin-right: 5px;
	background: #29304c;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	font-weight: 700;
}

.interior .news-list .pager a.active
{
	background: #1a63bf;
}

.interior .news-list .pager a:hover
{
	background: #999;
}

.interior .search-form h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 800;
	text-transform: uppercase;
}

.interior .search-form .form-wrap
{
	position: relative;
	float: left;
	width: 100%;
	height: 40px;
}

.interior .search-form .form-wrap .input
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 12px;
	background: #f2f3f8;
	font-size: 12px;
	margin-bottom: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .search-form .form-wrap .submit-btn
{
	position: absolute;
	top: 50%;
	right: 10px;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	cursor: pointer;
	background: url(images/search-icon.svg) no-repeat center center;
	background-size: cover;
}

.interior .results-list
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 0;
}

.interior .results-list .item
{
	position: relative;
	float: left;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #d0d0d0;
}

.interior .results-list h3
{
	position: relative;
	float: left;
	width: 100%;
	padding-bottom: 6px;
}

.interior .results-list p
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 14px;
}

.interior .sitemap-image
{
	width: 100%;
	max-width: 290px;
}

.interior .sitemap-row
{
	position: relative;
	float: left;
	width: 100%;
	padding: 30px 0;
	border-bottom: 1px solid #d0d0d0;
}

.interior .sitemap-row .col-3
{
	position: relative;
	float: left;
	width: 32%;
	margin: 0 1.3% 0 0;
	list-style: none;
	font-size: 14px;
}

.interior .sitemap-row .col-3 li
{
	position: relative;
	float: left;
	width: 100%;
	padding: 5px 0;
}

.interior .sitemap-row .col-3 li a
{
	color: #26324a;
}

.interior .sitemap-row .col-3 li a:hover
{
	color: #1a63bf;
}

.interior .sitemap-row h3
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 20px;
	color: #1a63bf;
	padding-bottom: 20px;
}

.interior .contact-form
{
	padding-right: 3%;
}

.interior .contact-form .form-wrap
{
	position: relative;
	float: left;
	width: 100%;
}

.interior .contact-form .form-wrap label
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 13px;
	margin-top: 20px;
}

.interior .contact-form .form-wrap label span
{
	color: #ff0000;
}

.interior .contact-form .form-wrap .input
{
	position: relative;
	float: left;
	width: 100%;
	padding: 10px 12px;
	background: #f2f3f8;
	font-size: 12px;
	margin-top: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .contact-form .form-wrap textarea.input
{
	resize: none;
	height: 200px;
}

.interior .contact-form .form-wrap .submit
{
	position: relative;
	float: left;
	width: 100%;
	max-width: 260px;
	padding: 8px 15px;
	margin-bottom: 5px;
	font-size: 14px;
	margin-top: 20px;
	background: #1a63c1;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.interior .contact-form .form-wrap .submit:hover
{
	background: #26324a;
}




#content.terms-page
{
	margin: -30px 0 0;
	background: none;
}

.terms-page .sidebar
{
	position: relative;
	float: left;
	width: 30%;
	margin-left: 1.5%;
	min-height: 245px;
	overflow: hidden;
	background: url(images/sidebar-shadow.jpg) no-repeat right top;
	padding: 55px 60px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.terms-page .sidebar p
{
	position: relative;
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 26px;
}

.terms-page .sidebar p.active
{
	background: url(images/arrow-icon.svg) no-repeat right center;
}

.terms-page .sidebar p a
{
	color: #26324a;
}

.terms-page .sidebar p a:hover,
.terms-page .sidebar p.active > a
{
	color: #1d63c2;
}

.terms-page .content
{
	position: relative;
	float: right;
	width: 64%;
	margin-right: 1.5%;
}

.terms-page .content p
{
	font-size: 14px;
}

.terms-page .content ul,
.terms-page .content ol
{
	position: relative;
	float: left;
	width: 100%;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.terms-page .content ul li,
.terms-page .content ol li
{
	padding-left: 20px;
	margin: 15px 0;
	font-style: italic;
}



#footer
{
	position: relative;
	float: left;
	width: 100%;
	min-width: 1330px;
}

#footer .inside
{
	position: relative;
	width: 1160px;
	padding: 40px 75px 0;
}

#footer .logos
{
	text-align: center;
}

#footer .logos img
{
	position: relative;
	float: left;
	width: 14.28%;
	margin: 0;
}

#footer .box h3
{
	position: relative;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
	margin-top: 10px;
	margin-bottom: 20px;
}

#footer .box p
{
	position: relative;
	width: 100%;
	font-size: 14px;
	line-height: 1.8;
}

#footer p a
{
	color: #26324a;
}

#footer p a:hover
{
	color: #1d63c2;
}

#footer .copyright p
{
	width: 100%;
	padding: 15px 0;
	font-size: 12px;
	text-align: center;
}

#footer .copyright p a
{
	text-transform: uppercase;
}

#footer .copyright span
{
	float: right;
}

.pop-window
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(images/lightbox-overlay.png);
	z-index: 100;
	display: none;
}

.pop-window .content-wrap
{
	position: absolute;
	top: 20%;
	left: 50%;
	width: 420px;
	border-radius: 6px;
	margin-left: -210px;
	overflow: hidden;
	box-shadow: 0 0 10px #20283f;
}

.pop-window .content-wrap .heading
{
	position: relative;
	float: left;
	width: 100%;
	height: 45px;
	line-height: 45px;
	background: #27314c;
	text-align: center;
	font-size: 22px;
	font-weight: 800;
	color: #fff;
	text-transform: uppercase;
}

.pop-window .content-wrap .content
{
	position: relative;
	float: left;
	width: 380px;
	padding: 15px 20px;
	background: #fff;
}

.warning-pop p
{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}

.warning-pop p a
{
	font-size: 14px;
}

.warning-pop .btn
{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	padding: 10px 0;
}

.warning-pop .btn a
{
	position: relative;
	width: 170px;
	margin: 0 auto;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	color: #fff;
	font-weight: 800;
	background: #1a63c1;
}

.warning-pop .btn a:hover
{
	background-color: #495678;
}


.pop-window.login-pop .content-wrap
{
	width: 360px;
	margin-left: -180px;
}

.pop-window.login-pop .content-wrap .heading
{
	height: 60px;
	z-index: 10;
}

.pop-window.login-pop .content-wrap .heading img
{
	margin-top: 15px;
}

.pop-window.login-pop .content-wrap .heading .close-btn
{
	position: absolute;
	top: 8px;
	right: 10px;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	font-weight: 700;
	cursor: pointer;
}

.pop-window.login-pop .content-wrap .content
{
	width: 270px;
	padding: 30px 45px;
}

.login-pop h2
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 24px;
	font-weight: 800;
	text-align: center;
	padding: 15px 0;
	text-transform: uppercase;
}

.login-pop .form
{
	position: relative;
	float: left;
	width: 100%;
}

.login-pop .form .input
{
	position: relative;
	float: left;
	width: 100%;
	font-size: 13px;
	padding: 8px 12px;
	background: #f2f3f8;
	margin-bottom: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login-pop .form .submit
{
	position: relative;
	float: left;
	width: 100%;
	padding: 8px 15px;
	font-size: 14px;
	background: #1a63c1;
	color: #fff;
	cursor: pointer;
	margin-top: 5px;
	text-transform: uppercase;
	font-weight: 700;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.login-pop .form .submit:hover
{
	background: #26324a;
}


.login-pop p
{
	position: relative;
	float: left;
	width: 100%;
	text-align: center;
	font-size: 12px;
	padding: 0;
}



.pop-window.search-pop
{
	background: url(images/overlay-darker.png);
}

.search-pop .close-btn
{
	position: absolute;
	top: 30px;
	right: 35px;
	color: #fff;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
	cursor: pointer;
}

.search-pop .search-input
{
	position: absolute;
	width: 60%;
	top: 35%;
	font-size: 28px;
	padding: 15px 0;
	margin-left: 20%;
	background: none;
	text-align: center;
	border-bottom: 1px solid #8b8f9b;
	color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.search-pop .search-input:focus
{
	border-color: #fff;
}


.show-xs
{
	display: none;
}


.top {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #27314c;
	color: #ffffff;
	font-size: 14px;
/*	font-weight: bold;*/
}
.top a {
	color: #ffffff;
}
.top a:hover {
	color: #999999;
}
.top .left > * {
	float: left;
}
.top .left span {
	margin: 0 5px;
}
.top .left a {
	height: 30px;
	line-height: 30px;
	display: inline-block;
}
.top .left a img {
	margin-top: 9px;
	margin-bottom: 5px;
}
.top .left {
	float: left;
}
.top .right {
	float: right;
}
