/*==================================================================*/
/*   Page General                                                   */
/*==================================================================*/
html {}
body {margin: 0px; padding: 0px; font-family: 'Open Sans'; font-size: 100%; color: #343f48; background-color: #000000;}

/*--- Corrects `block` display not defined in IE 8/9 ---------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

/*--- Image Styles -------------------------------------------------*/
img {border: none;}

/*--- Link Styles --------------------------------------------------*/
/*a {text-decoration: none;}
a:link, a:visited {color: #343f48; text-decoration: none; border-bottom: dotted 1px #ff6600;}
a:hover, a:active {color: #ff6600; text-decoration: none; border-bottom: dotted 1px #343f48;}*/

/*--- Text Styles --------------------------------------------------*/
h1 {font-size: 2.5rem;/* 40 / 16 = 2.5 */ font-weight: 400; /*text-transform: uppercase;*/}
h2 {font-size: 1.875rem;/* 30 / 16 = 1.875 */ font-weight: 600; text-transform: uppercase;}
h3 {font-size: 1.25rem;/* 20 / 16 = 1.25 */ font-weight: 600; text-transform: uppercase;}
h4 {font-size: 1rem;/* 16 / 16 = 1 */ font-weight: 600; text-transform: uppercase;}

p {font-size: 1rem;/* 16 / 16 = 1 */ font-weight: 300;}

ul, ol, dl {font-size: 1rem;/* 16 / 16 = 1 */ font-weight: 300;}

th, td {font-size: 1rem;/* 16 / 16 = 1 */ font-weight: 300;}

/*--- Text Align ---------------------------------------------------*/
.align-left {text-align: left !important;}
.align-right {text-align: right !important;}
.align-center {text-align: center !important;}

/*--- Form Styles --------------------------------------------------*/
form {margin: 0px; padding: 0px;}
fieldset {border: 0px; margin: 0px; padding: 0px;}
input, select, textarea {font-family: 'Open Sans'; font-size: 1rem;/* 16 / 16 = 1 */ border: solid 1px #ced4d8; border-radius: 3px; padding: 10px 20px 10px 20px; box-sizing: border-box; -webkit-appearance: none;}
input[type="text"] {}
input[type="text"]:checked {}
input[type="radio"] {}
input[type="radio"]:checked {}
input[type="checkbox"] {}
input[type="checkbox"]:checked {}
input[type="submit"] {cursor: pointer; cursor: hand;}

/*--- Clear Fix ----------------------------------------------------*/
.clearfix {background: transparent; clear: both; font-size: 0em;}

/*--- Single Element Alignment -------------------------------------*/
.left {float: left;}
.right {float: right;}

/*--- Boxes --------------------------------------------------------*/

/*--- Buttons ------------------------------------------------------*/

/*--- Back To Top Scroll Button ------------------------------------*/
a.go-top {display: none; position: fixed; bottom: 1em; right: 1em; text-decoration: none; text-align: center; color: #ffffff; background-color: rgba(0,0,0,0.3); font-size: 1rem; padding: 10px 20px 15px 20px; border-radius: 3px;}
a.go-top:link, a.go-top:visited {background-color: rgba(0,0,0,0.3); color: #ffffff;}
a.go-top:hover, a.go-top:active {background-color: rgba(0,0,0,0.6); color: #ffffff;}

/*--- Responsive Youtube / iframe videos ---------------------------*/
.videoWrapper {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;}
.videoWrapper iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.videoWrapperBx {position: relative; /* 16:9 */ height: 300px; min-height: 300px;}
.videoWrapperBx iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*--- Brochure Issuue Embed ----------------------------------------*/
.issuuembed {width: 100%; height: 600px;}

/*==================================================================*/
/*   Page Header                                                    */
/*==================================================================*/
header {width: 100%; height: auto; margin: 0px; padding: 0px; background-color: #273038;}
header .header {position: relative;}

/*--- Logo ---------------------------------------------------------*/
header div.logo {height: 107px; padding: 10px 0px 0px 0px; position: relative;}
header div.logo img {width: 280px; height: 107px;}

/*--- Phone Number -------------------------------------------------*/
/*div.phone {position: absolute; top: 0px; right: 0px; z-index: 1000; margin: 0px 20px 0px 20px;}
div.phone p {text-align: right; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px 0px 0px 0px;}
div.phone p i {margin-right: 4px; font-size: 1rem;}
div.phone p b {font-weight: 300; font-size: 1.5rem; margin-left: 4px;}
div.phone p a {color: #ffffff; text-decoration: none; transition: all .3s ease;}
div.phone p a:hover {color: #ff6600;}
div.phone p span {border-right: solid 1px #455560; margin-right: 20px;}
div.phone p span a {margin-right: 20px;}*/

div.phone {position: absolute; top: 0px; right: 0px; z-index: 1000; margin: 0px 20px 0px 20px;}
div.phone p {text-align: right; color: #ffffff; margin: 0px; padding: 20px 0px 0px 0px;}
div.phone p a {display: inline-block; box-sizing: border-box; margin: 0px 10px 0px 0px; padding: 10px 20px 10px 15px; font-size: 0.875rem; font-weight: 400; color: #ffffff; text-transform: uppercase; text-decoration: none; border: solid 1px #ffffff; border-radius: 3px; transition: all .3s ease;}
div.phone p a:last-child {margin-right: 0px;}
div.phone p a:hover {border: solid 1px #fba91c; color: #ffffff;}
div.phone p span {border-right: solid 1px #455560; margin-right: 20px;}
div.phone p span a {margin-right: 20px;}
div.phone p i {margin-right: 10px; font-size: 0.875rem;}

/*--- Social Media -------------------------------------------------*/

/*--- Navigation ---------------------------------------------------*/
div.menu {height: 107px; padding: 10px 0px 0px 0px; position: relative;}
header nav {}
header nav ul {position: absolute; bottom: 0px; right: 0px; float: right;}
header nav ul, header nav ul li {list-style: none; margin: 0px; padding: 0px;}
/*header nav ul {float: right;}*/
header nav ul > li {display: inline;}
header nav ul > li > a {display: block; float: left; margin: 0px 15px 0px 15px; padding: 0px; border-bottom: solid 4px #273038; font-size: 1rem;/* 16 / 16 = 1 */ color: #ffffff; font-weight: 400; text-transform: uppercase; text-decoration: none; transition: all .3s ease;}
header nav ul > li:hover > a {color: #ffffff; text-decoration: none; /*margin-bottom: 0px;*/ border-bottom: solid 4px #fba91c;}
header nav ul > li:last-child > a {margin: 0px 0px 0px 15px !important;}
header nav ul > li.menu-item-hide {display: none;}

/*--- Mobile Menu --------------------------------------------------*/
header div.mobile-menu {display: none; text-align: center; position: absolute; bottom: 0px; right: 0px;}
header div.mobile-menu a {display: inline-block; color: #ffffff; border: solid 1px #ffffff; border-radius: 3px; padding: 8px 12px 8px 12px; text-transform: uppercase; text-decoration: none; transition: all .3s ease;}
header div.mobile-menu a i {margin: 0px 0px 0px 0px;}
header div.mobile-menu a:hover {color: #fba91c; text-decoration: none;}
header div.mobile-menu a span {margin-left: 5px;}

/*==================================================================*/
/*   Page Footer                                                    */
/*==================================================================*/
footer {width: 100%; margin: 0px; padding: 20px 0px 20px 0px; background-color: #273038; color: #ffffff; text-align: center;}

/*--- Navigation ---------------------------------------------------*/
footer ul, footer ul li {list-style: none; margin: 0px; padding: 0px;}
footer ul {}
footer ul > li {display: inline;}
footer ul > li > a {display: inline-block; margin: 0px; padding: 0px 15px 0px 15px; font-size: 0.875rem; color: #ffffff; border-right: 1px solid #cccccc; text-transform: uppercase; text-decoration: none; transition: all .3s ease;}
footer ul > li:first-child > a {padding-left: 0px;}
footer ul > li:last-child > a {padding-right: 0px; border-right: 0px;}
footer ul > li:hover > a {color: #fba91c;}
footer p.copyright {font-size: 0.875rem;}
footer p.copyright a {text-decoration: none; color: #ffffff; transition: all .3s ease;}
footer p.copyright a:link, footer p.copyright a:visited {color: #ffffff; text-decoration: none; border-bottom: dotted 1px #fba91c;}
footer p.copyright a:hover, footer p.copyright a:active {color: #fba91c; text-decoration: none; border-bottom: dotted 1px #343f48;}

/*--- Social Media -------------------------------------------------*/
.social a {color: #ffffff; transition: all .3s ease; text-decoration: none;}
.social a:hover {color: #fba91c;}
.social a i {margin: 0px 20px 0px 0px; font-size: 2rem;/* 32 / 16 = 2 */}
.social a:last-child i {margin: 0px 0px 0px 0px;}

/*--- Associations -------------------------------------------------*/
.associations img {display: inline-block; margin: 0px 10px 0px 10px;}

/*==================================================================*/
/*   bxSlider Banner                                                */
/*==================================================================*/
.intro-slider {width: 100%; box-sizing: border-box; height: 400px; min-height: 400px; /* background: url('/images/sliderimgs/slider-manhattan.jpg') */ center top no-repeat #000000; background-size: cover;}

.intro-slider ul, .intro-slider ul li {list-style: none; margin: 0px; padding: 0px;}
.intro-slider li {width: 100%; height: 400px; min-height: 400px; overflow: hidden;}
.intro-slider li div.slide {width: 100%; height: 400px; min-height: 400px; padding: 80px 0px 0px 0px; text-align: center; /*color: #ffffff;*/ color: #343f48; /*background-color: rgba(0,138,221,0.4);*/ background-color: rgba(255,255,255,0.6);}
.intro-slider li div.slide h1 {font-size: 4.375rem;/* 70 / 16 = 4.375 */ /*color: #ffffff;*/ margin: 0px 0px 0px 0px; text-transform: none; font-style: italic; font-weight: 300;}
.intro-slider li div.slide h1 i {font-size: 2.125rem;/* 34 / 16 = 2.125 */ position: relative; top: -30px;}
.intro-slider li div.slide p {font-size: 1.375rem;/* 22 / 16 = 1.375 */ margin: 10px 0px 0px 0px;}

.bx-wrapper {}
.bx-viewport {}
.bxslider {}

/*==================================================================*/
/*   Introduction Dark (not in use)                                 */
/*==================================================================*/
.intro-dark {width: 100%; padding: 60px 0px 60px 0px; text-align: center; color: #ffffff; background-color: rgba(0,138,221,0.4); display: none;}
.intro-dark h1 {font-size: 3.125rem;/* 50 / 16 = 3.125 */ color: #ff6600; margin-top: 0px;}
.intro-dark h1 span {/*background-color: rgba(255,255,255,0.8); */ padding: 5px 20px 5px 20px; border-radius: 3px;}
.intro-dark p {font-size: 1.5rem;/* 24 / 16 = 1.5 */ /*width: 70%;*/ margin: auto;}

/*==================================================================*/
/*   Introduction Light (not in use)                                */
/*==================================================================*/
.intro-light {width: 100%; padding: 60px 0px 100px 0px; text-align: center; color: #21292e;}
.intro-light h1 {font-size: 3.125rem;/* 50 / 16 = 3.125 */ color: #cfc285; margin-top: 0px;}
.intro-light p {font-size: 1.5rem;/* 24 / 16 = 1.5 */ /*width: 70%;*/ margin: auto; color: #21292e;}

/*==================================================================*/
/*   Introduction Page (general page intro)                         */
/*==================================================================*/
.intro-page {width: 100%; padding: 40px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); color: #21292e; background-color: rgba(255,255,255,1.0);}
.intro-page h1, .intro-page h1 span.title {font-size: 3.125rem;/* 50 / 16 = 3.125 */ color: #fba91c; margin: 0px 0px 10px 0px; font-weight: 300; text-transform: uppercase;}
.intro-page h1 span {display: block; font-size: 1.875rem;/* 30 / 16 = 1.875 */ color: #fba91c; margin: 0px 0px 10px 0px; text-transform: capitalize;}
.intro-page p {font-size: 1.5rem;/* 24 / 16 = 1.5 */ width: 100%; margin: 0px; color: #21292e;}

/*==================================================================*/
/*   Promotional Boxes 1                                            */
/*==================================================================*/
.promo {width: 100%; padding: 30px 0px 30px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(39,48,56,0.96);}
.promo h1 {color: #ffffff; margin: 0px;}
.promo i {display: block; margin: 0px auto 0px auto; font-size: 4rem;/* 64 / 16 = 4 */ text-align: center; /*color: #cfc285;*/}
.promo div.color-blue i {color: #008add;}
.promo div.color-green i {color: #9ccb00;}
.promo div.color-orange i {color: #ff6600;}
.promo div.color-pink i {color: #f70f54;}
.promo h2 {font-size: 1.625rem;/* 26 / 16 = 1.625 */ margin: 10px 0px 0px 0px;}

/*--- Promo Box ----------------------------------------------------*/
.promo .box {padding: 0px 10px 0px 10px; color: #ffffff;}

/*--- Promo Button -------------------------------------------------*/
.promo p.dark-button {padding: 5px 0px 5px 0px; margin-bottom: 0px;}
.promo p.dark-button a {padding: 10px 20px 10px 20px; background-color: #0e1c29; color: #ffffff; border-radius: 3px; text-transform: uppercase; text-decoration: none; transition: all .3s ease;}
.promo p.dark-button a i {display: inline; font-size: 1rem;/* 16 / 16 = 1 */ margin: 0px; position: relative; top: 0px; left: 5px;}
.promo p.dark-button a:hover {background-color: #cfc285; color: rgba(33,41,46,1.0);}
.promo p.dark-button a:hover i {color: rgba(33,41,46,1.0);}

.promo div.color-blue p.dark-button a:hover {background-color: #008add; color: #ffffff;}
.promo div.color-green p.dark-button a:hover {background-color: #9ccb00; color: #ffffff;}
.promo div.color-orange p.dark-button a:hover {background-color: #ff6600; color: #ffffff;}
.promo div.color-pink p.dark-button a:hover {background-color: #f70f54; color: #ffffff;}

/*==================================================================*/
/*   Spotlight Boxes                                                */
/*==================================================================*/
.spotlight {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.spotlight div > div.grid-8:nth-child(odd) {box-sizing: border-box; padding-right: 40px;}
.spotlight div > div.grid-8:nth-child(even) {box-sizing: border-box; padding-left: 40px;}
.spotlight img {border: solid 10px #e6e9ec;}

.spotlight .photo-corporate {border: solid 10px #e6e9ec; height: 200px; width: 96.5%; /* background: url('/images/spotlight-corporate-travel.jpg') */ center 20% no-repeat #000000; background-size: cover;}
.spotlight .photo-marineoffshore {border: solid 10px #e6e9ec; height: 200px; width: 96.5%; /* background: url('/images/spotlight-marine-offshore.jpg') */ center bottom no-repeat #000000; background-size: cover;}
.spotlight .photo-performingarts {border: solid 10px #e6e9ec; height: 200px;  width: 96.5%; /* background: url('/images/spotlight-conference.jpg') */ center bottom no-repeat #000000; background-size: cover;}
.spotlight .photo-beach {border: solid 10px #e6e9ec; height: 200px; width: 96.5%; /* background: url('/images/spotlight-corporate-leisure2.jpg') */ center bottom no-repeat #000000; background-size: cover;}

/*--- Spotlight Button -------------------------------------------------*/
.spotlight p.white-button {padding: 20px 0px 0px 0px;}
.spotlight p.white-button a {padding: 10px 20px 10px 20px; background-color: #ffffff; border: solid 1px #7c8791; color: #7c8791; border-radius: 3px; text-transform: uppercase; text-decoration: none; transition: all .3s ease;}
.spotlight p.white-button a:hover {background-color: #7c8791; color: #ffffff;}
.spotlight p.white-button a i {position: relative; top: 0px; left: 5px;}

/*==================================================================*/
/*   Resources Boxes                                                */
/*==================================================================*/
.resources {width: 100%; padding: 40px 0px 40px 0px; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.resources h2 {text-align: center;}
.resources h3 {margin-top: 0px; float: right; width: 85%; box-sizing: border-box;}
.resources p {margin-top: 0px; float: right; width: 85%; box-sizing: border-box;}
.resources i {color: #fba91c; float: left; width: 15%; padding-left: 20px; font-size: 3rem; box-sizing: border-box; position: relative; top: -10px;}
.resources a {text-decoration: none;}
.resources a:link, .resources a:visited {color: #343f48; text-decoration: none; border-bottom: dotted 1px #fba91c;}
.resources a:hover, .resources a:active {color: #fba91c; text-decoration: none; border-bottom: dotted 1px #343f48;}

/*==================================================================*/
/*   Our Services                                                   */
/*==================================================================*/
.what-we-offer {padding-top: 40px;}
.what-we-offer i {display: block; width: 120px; height: 120px; margin: 0px 20px 20px 20px; padding: 10px 0px 0px 0px; border-radius: 50%; border: solid 3px #343f48; font-size: 4rem;/* 16 / 16 = 1 */ float: left; box-sizing: border-box;}

.points {width: 100%; padding: 40px 0px 40px 0px; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.points h2 {text-align: center;}
.points h3 {margin-top: 0px; float: right; width: 80%; box-sizing: border-box;}
.points p {margin-top: 0px; float: right; width: 80%; box-sizing: border-box;}
.points i {color: #fba91c; float: left; width: 20%; padding-left: 20px; font-size: 4rem; box-sizing: border-box; position: relative; top: -10px;}
.points a {text-decoration: none;}
.points a:link, .resources a:visited {color: #343f48; text-decoration: none; border-bottom: dotted 1px #fba91c;}
.points a:hover, .resources a:active {color: #fba91c; text-decoration: none; border-bottom: dotted 1px #343f48;}

/*==================================================================*/
/*   Team Boxes                                                     */
/*==================================================================*/
.team {width: 100%; padding: 40px 0px 40px 0px; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.team h2 {text-align: center;}
.team h3 {margin-bottom: 0px;}
.team .grid-12 p {text-align: center;}
.team p.title {margin-top: 0px;}

.team div.photo-craig {width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 0px auto; background: url('/images/avatar2.jpg') -442px -30px no-repeat #000000;}
.team div.photo-doreen {width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 0px auto; background: url('/images/avatar1.jpg') -239px -442px no-repeat #000000;}
.team div.photo-gill {width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 0px auto; background: url('/images/avatar1.jpg') -442px -442px no-repeat #000000;}
.team div.photo-crichton {width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 0px auto; background: url('/images/avatar2.jpg') -442px -242px no-repeat #000000;}
.team div.photo-ken {width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 0px auto; background: url('/images/avatar2.jpg') -37px -30px no-repeat #000000;}
.team div.photo-reservation {width: 150px; height: 150px; border-radius: 50%; margin: 0px auto 0px auto; background: url('/images/avatar1.jpg') -37px -30px no-repeat #000000;}

/*==================================================================*/
/*   Peace Of Mind                                                  */
/*==================================================================*/
ul.peace-checklist, ul.peace-checklist li {list-style: none; margin: 0px; padding: 0px;}
ul.peace-checklist {margin-top: 40px;}
ul.peace-checklist li {width: 50%; float: left; margin-bottom: 20px;}
ul.peace-checklist li i {margin-right: 5px; font-size: 1.5rem;/* 24 / 16 = 1.5 */}

/*==================================================================*/
/*   Testimonials                                                   */
/*==================================================================*/
.testimonials-bg {width: 100%; background: url('/images/bg-testimonials.jpg') left top repeat #000000;}
/* The class   .testimonials   here was changed from 440px to 540px when the new green enquire buttons where brought in as testimonials where opening into it  */
.testimonials-bg .testimonials {height: 540px; padding: 40px 0px 40px 0px; background-color: rgba(0,138,221,0.9); color: #ffffff; box-sizing: border-box;}

.testimonials h2 {text-align: center; margin-bottom: 0px;}
.testimonials h3 {margin-bottom: 0px; text-transform: capitalize; font-size: 1rem;}
.testimonials .grid-12 p {text-align: center;}
.testimonials .quote p {text-align: left;}

.testimonials .grid-12 p i {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.testimonials .grid-12 p i:first-child {margin-right: 2px;}
.testimonials .grid-12 p i:last-child {margin-left: 2px;}

.testimonial-slider {width: 100%; box-sizing: border-box;}
.testimonial-slider ul, .fullwidth-slider ul li {list-style: none; margin: 0px; padding: 0px;}
.testimonial-slider li {width: 100%;}
.testimonial-slider li .slide {margin: 0px auto; max-width: 1180px; padding: 0px 20px 60px 20px; box-sizing: border-box;}

.bx-wrapper {}
.bx-viewport {}
.bxslider {}

/*==================================================================*/
/*   Register Box                                                   */
/*==================================================================*/
.register {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.register form label {position: absolute; bottom: 100000px; left: 0px;}
.register form div.field {display: block; width: 25%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box;}
.register form div.submit {display: block; width: 25%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box;}
.register form input {width: 100%;}
.register form input[type="submit"] {background-color: #fba91c; color: #ffffff; border: 0px; width: 100%; box-sizing: border-box;}

/*==================================================================*/
/*   Twitter News Feed                                              */
/*==================================================================*/
.twitternews {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}

.twitternews ul, .twitternews ul li {margin: 0px 0px 20px 0px; padding: 0px; list-style: none;}
.twitternews ul li {margin: 0px 0px 20px 0px; padding: 10px 20px 10px 20px; list-style: none; border: solid 1px rgba(132,147,158,0.3); border-radius: 3px;}
.twitternews a {color: #008add; transition: all .3s ease;}
.twitternews a:hover {color: #ff6600;}
/*.twitternews .user, .twitternews .tweet, .twitternews .timePosted {}
.twitternews .user {width: 25%;}
.twitternews .tweet {width: 50%;}
.twitternews .timePosted {width: 15%;}
.twitternews .user {clear: left;}
.twitternews .user a {width: 100px;}
.twitternews .user span span {width: 100px; display: block; margin-top: 10px;}
.twitternews .user img, .user a > span {float: left;}
.twitternews .interact {float: left; width: 10%; margin-top: -7px; border: solid 1px #ff0000;}
.twitternews .interact a {margin-left: 5px; float: left;}
.twitternews .user a > span {margin-left: 10px;}*/

/*==================================================================*/
/*   Contact Boxes                                                  */
/*==================================================================*/
.contact {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.contact h2 {margin: 0px;}
.contact .box {border-radius: 3px; border: solid 1px rgba(132,147,158,0.3); margin: 0px auto 0px auto; padding: 20px;}
.contact .box h3 {margin: 0px;}
.contact .box p {margin: 0px; padding-top: 10px;}
.contact .box p strong {font-weight: 400;}
.contact .box p i {/*display: block;*/ /*color: #008add;*/}
.contact .box a {text-decoration: none;}
.contact .box a:link, .contact .box a:visited {color: #343f48; text-decoration: none; border-bottom: dotted 1px #fba91c;}
.contact .box a:hover, .contact .box a:active {color: #fba91c; text-decoration: none; border-bottom: dotted 1px #343f48;}

/*==================================================================*/
/*   Enquiry Box                                                    */ 
/*==================================================================*/
.enquiry {width: 100%; padding: 20px 0px 20px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: #ffffff;}
.enquiry form label {position: absolute; bottom: 100000px; left: 0px;}
.enquiry form div.field {display: block; width: 33.3%; margin: 0px; padding: 0px 5px 10px 5px; float: left; box-sizing: border-box;}
.enquiry form div.message {display: block; padding: 0px 5px 10px 5px; box-sizing: border-box;}
.enquiry form div.submit {display: block; padding: 0px 5px 10px 5px; box-sizing: border-box;}
.enquiry form input {width: 100%;}
.enquiry form input[type="submit"] {background-color: #fba91c; border: none; color: #ffffff; width: 33.3%; box-sizing: border-box; transition: all .3s ease;}
.enquiry form input[type="submit"]:hover {background-color: #343f48; color: #ffffff; width: 33.3%; box-sizing: border-box;}
.enquiry form textarea {width: 100%; height: 200px; box-sizing: border-box;}

/*==================================================================*/
/*   Branches Boxes                                                 */
/*==================================================================*/
.branches {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.branches .box {height: 300px; border-radius: 3px; border: solid 1px rgba(132,147,158,0.3); margin: 0px auto 0px auto; padding: 20px;}
.branches .box h2 {margin: 0px; padding-top: 10px;}
.branches .box p {margin: 0px; padding-top: 10px;}
.branches .box i {color: #cfc285; font-size: 4rem;/* 64 / 16 = 4 */}

/*==================================================================*/
/*   Map                                                            */
/*==================================================================*/
.map {width: 100%; height: 300px; text-align: center; background-color: #ffffff; border-bottom: solid 1px rgba(132,147,158,0.3);}
.map iframe {width: 100%; height: 300px;}

/*==================================================================*/
/*   Find Us                                                        */
/*==================================================================*/
.find-us {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}

/*==================================================================*/
/*   Attribution                                                    */
/*==================================================================*/
.attribution {width: 100%; padding: 40px 0px 40px 0px; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}

/*==================================================================*/
/*   Page Sections                                                  */
/*==================================================================*/
.section-links {padding: 20px 0px 0px 0px;}
.section-links ul, .section-links ul li {list-style: none; margin: 0px; padding: 0px; display: inline;}
.section-links i {margin-right: 5px;}
.section-links a {display: inline-block; padding: 10px 20px 10px 15px; margin: 20px 10px 0px 10px; background-color: #ffffff; border: solid 1px #7c8791; color: #7c8791; border-radius: 3px; text-transform: uppercase; text-decoration: none; transition: all .3s ease;}
.section-links a:hover {border: solid 1px #fba91c; background-color: #fba91c; /*border: solid 1px #ff6600; background-color: #ff6600;*/ color: #ffffff;}

.section-area {width: 100%; padding: 40px 0px 40px 0px; text-align: center; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0); /*background: url('/images/sliderimgs/diinuwizz3otlmywbkmg.jpg') center center no-repeat #000000; background-size: cover;*/}
.section-area li {margin-bottom: 5px;}

.section-img-right {padding-left: 40px; box-sizing: border-box; position: relative;}
.section-img-right .img-bg {background-color: #cfc285; padding-left: 20px; /*min-height: 450px; height: 450px;*/ position: relative; z-index: 20;}
.section-img-right .img-pointer {background-color: #cfc285; width: 100px; height: 100px; position: absolute; top: 50%; left: 40px; margin-top: -50px; transform: rotate(45deg); z-index: 10;}
.section-img-right .img {/*min-height: 450px; height: 450px;*/}

.section-img-left {padding-right: 40px; box-sizing: border-box; position: relative;}
.section-img-left .img-bg {background-color: #cfc285; padding-right: 20px; /*min-height: 500px; height: 500px;*/ position: relative; z-index: 20;}
.section-img-left .img-pointer {background-color: #cfc285; width: 100px; height: 100px; position: absolute; top: 50%; right: 40px; margin-top: -50px; transform: rotate(45deg); z-index: 10;}
.section-img-left .img {/*min-height: 500px; height: 500px;*/}

.section-area-flex {display: flex; flex-wrap: wrap;}
.section-box {box-sizing: border-box; border: solid 1px #cccccc; padding: 15px 20px;}
.section-box h2 {margin-top: 0px; font-size: 1.25rem;/* 20 / 16 = 1.25 */}
.section-box ul {margin: 0px; padding: 0px 0px 0px 20px;}
.section-box ul li {margin: 0px; padding: 0px;}

/* The backgrounds here commented out when they where changed to img for lazy loading them */
.img-marine {height: 450px; /* background: url('/images/marineoffshore-marine.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-offshore {height: 520px; /* background: url('/images/marineoffshore-offshore.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-security {height: 400px; /* background: url('/images/marineoffshore-security.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-management {height: 500px; /* background: url('/images/marineoffshore-management.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-conference1 {height: 450px; /* background: url('/images/spotlight-conference.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-conference2 {height: 450px; /* background: url('/images/handshake.jpg') */ center center no-repeat #000000; background-size: cover;}

.img-tech-background {background: url('/images/tech-imac-travelogix.png') center center no-repeat #ffffff; background-size: contain; margin-top: 40px; height: 516px; }

.img-air {height: 300px; /* background: url('/images/corporate-air.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-rail {height: 300px; /* background: url('/images/corporate-rail.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-hotel {height: 300px; /* background: url('/images/corporate-hotel.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-other {height: 300px; /* background: url('/images/corporate-carhire.jpg') */ center center no-repeat #000000; background-size: cover;}

.img-performingarts {height: 300px; /* background: url('/images/performing-arts-services.jpg') */ center center no-repeat #000000; background-size: cover;}
.img-beach {height: 300px; /* background: url('/images/corporate-leisure2.jpg') */ center center no-repeat #000000; background-size: cover;}

.img-support {height: 300px; /* background: url('/images/whychooseus-support.jpg') */ center center no-repeat #000000; background-size: cover;}

.tech-img img {margin-top: 40px;}


.key-benefits h4 {margin-top: 0px;}
.key-benefits {padding-right: 20px; box-sizing: border-box;}

/*==================================================================*/
/*   Portal                                                         */
/*==================================================================*/
.portal-intro {width: 100%; padding: 40px 0px 20px 0px; text-align: left; border-bottom: solid 1px rgba(132,147,158,0.3); background-color: rgba(255,255,255,1.0);}
.portal-intro h1 {margin: 0px; padding: 0px;}
.portal-logo {display: inline-block; border-right: solid 1px rgba(132,147,158,0.3); padding-right: 40px;}

.portal-flags-box {border: solid 1px rgba(132,147,158,0.3); position: relative; text-align: center; margin-top: 40px !important;}

.portal-flags-intro {display: block; width: 100%; position: absolute; top: -12px; margin: 0px; text-transform: uppercase;}
.portal-flags-intro strong {display: inline-block; background-color: #ffffff; padding: 0px 10px; font-weight: 600;}

.portal-flags {display: flex; justify-content: space-around; padding: 40px 0px 40px 0px;}
.portal-flags svg {width: 100px; height: 100px; margin: 0px auto;}
.portal-flags .button-flag {width: 100px; height: 100px; position: relative; border-radius: 50%;}
.portal-flags .button-flag a {display: flex; width: 100px; height: 100px; border-radius: 50%; position: absolute; top: 0px; left: 0px; text-decoration: none; text-transform: uppercase; font-weight: 600; color: #ffffff; background-color: rgba(0,0,0,0.0); opacity: 0; transition: all .3s ease;}
.portal-flags .button-flag a span {display: inline-block; width: auto; height: auto; margin: auto; padding: 2px 0px 2px 0px; border-bottom: solid 3px #ffffff;}
.portal-flags .button-flag a:hover {background-color: rgba(0,0,0,0.5); opacity: 1;}

.portal-general p {font-size: 1.125rem;/* 18 / 16 = 1.125 */ margin: 0px; width: 90%;}

.portal-uk {display: flex; align-items: center; border: solid 1px rgba(132,147,158,0.3); background-color: rgba(132,147,158,0.1); border-radius: 25px 25px 25px 25px; width: 90%; height: 50px; margin-bottom: 20px;}
.portal-uk svg {width: 50px; height: 50px; margin-right: 20px;}
.portal-uk span {font-weight: 600; font-size: 1.125rem;/* 18 / 16 = 1.125 */ text-transform: uppercase;}

.portal-options-box {}
.portal-options {display: flex; justify-content: space-between; flex-wrap: wrap;}
.portal-options a {flex: 0 1 calc(50% - 10px); display: block; box-sizing: border-box; background-color: #292929; margin: 0px 10px 20px 0px; padding: 20px 30px; color: #ffffff; text-decoration: none; transition: all .3s ease;}
.portal-options a strong {text-transform: uppercase; font-weight: 800;}
.portal-options a:nth-child(even) {margin-right: 0px;}
.portal-options a:hover {}
.portal-options a:nth-child(1) {border-left: solid 5px #008add;}
.portal-options a:nth-child(1):hover {color: #008add;}
.portal-options a:nth-child(2) {border-left: solid 5px #9ccb00;}
.portal-options a:nth-child(2):hover {color: #9ccb00;}
.portal-options a:nth-child(3) {border-left: solid 5px #ff6600; /*margin-bottom: 0px;*/}
.portal-options a:nth-child(3):hover {color: #ff6600;}
.portal-options a:nth-child(4) {border-left: solid 5px #f70f54; /*margin-bottom: 0px;*/}
.portal-options a:nth-child(4):hover {color: #f70f54;}
.portal-options a:nth-child(5) {border-left: solid 5px #008add;}
.portal-options a:nth-child(5):hover {color: #008add;}

.portal-info {text-align: left;}

.portal-info-box {border: solid 1px rgba(132,147,158,0.3); background-color: rgba(132,147,158,0.1); box-sizing: border-box; padding: 20px; margin-bottom: 20px;}
.portal-info-box h2 {font-size: 1.25rem;/* 20 / 16 = 1.375 */  font-weight: 600; margin-top: 0px;}
.portal-info-box h3 {font-size: 1.125rem;/* 18 / 16 = 1.125 */  font-weight: 600; margin-bottom: 10px;}
.portal-info-box h3 + h4 {margin-top: 0px;}
.portal-info-box h4 {font-size: 1rem;/* 16 / 16 = 1 */ font-weight: 600; text-transform: none; margin-bottom: 5px;}
.portal-info-box h4 + p {margin-top: 0px;}
.portal-info-box strong {font-weight: 400;}
.portal-info-box a {text-decoration: none; color: #343f48; border-bottom: dotted 1px #343f48; transition: all .3s ease; word-wrap: break-word;}
.portal-info-box a:hover {color: #000000; border-bottom: dotted 1px #fba91c;}
.portal-info-box ul {padding-left: 20px;}

.other-portals {display: flex; justify-content: space-between;}
.other-portals a, .other-portals a:hover {border-bottom: none;}
.other-portals svg {width: 50px; height: 50px;}

/*==================================================================*/
/*   Responsive Grid 1200px +                                       */
/*==================================================================*/
.responsive-test {width: 100%;}
.container-12 {margin: 0px auto; max-width: 1180px; padding: 0px 10px 0px 10px;}
.container-16 {margin: 0px auto; max-width: 1180px; padding: 0px 10px 0px 10px;}
.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {display: inline; float: left; margin: 0px 10px 20px 10px;}

.container-12 .grid-1 {width: 78.3px;}
.container-12 .grid-2 {width: 176.6px;}
.container-12 .grid-3 {width: 274.9px;}
.container-12 .grid-4 {width: 373.2px;}
.container-12 .grid-5 {width: 471.5px;}
.container-12 .grid-6 {width: 570px;}
.container-12 .grid-7 {width: 668.5px;}
.container-12 .grid-8 {width: 766.8px;}
.container-12 .grid-9 {width: 865.1px;}
.container-12 .grid-10 {width: 963.4px;}
.container-12 .grid-11 {width: 1061.7px;}
.container-12 .grid-12 {width: 1160px;}

.container-16 .grid-1 {width: 53.7px;}
.container-16 .grid-2 {width: 127.4px;}
.container-16 .grid-3 {width: 201.1px;}
.container-16 .grid-4 {width: 274.8px;}
.container-16 .grid-5 {width: 348.5px;}
.container-16 .grid-6 {width: 422.2px;}
.container-16 .grid-7 {width: 495.9px;}
.container-16 .grid-8 {width: 569.6px;}
.container-16 .grid-9 {width: 643.3px;}
.container-16 .grid-10 {width: 717px;}
.container-16 .grid-11 {width: 790.7px;}
.container-16 .grid-12 {width: 864.4px;}
.container-16 .grid-13 {width: 938.1px;}
.container-16 .grid-14 {width: 1011.8px;}
.container-16 .grid-15 {width: 1085.5px;}
.container-16 .grid-16 {width: 1160px;}

/*==================================================================*/
/*   Responsive Grid 1366px (mediaqueries) (only to adjust banner for smaller desktop) */
/*==================================================================*/
@media only screen and (min-width: 1200px) and (max-width: 1400px) {

/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 240px; min-height: 240px;}
.intro-slider li {height: 240px; min-height: 240px;}
.intro-slider li div.slide {height: 240px; min-height: 240px; padding: 60px 0px 0px 0px;}
.intro-slider li div.slide h1 {font-size: 2.75rem;/* 44 / 16 = 2.75 */}
.intro-slider li div.slide h1 i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ top: -20px;}
.intro-slider li div.slide p {font-size: 1.375rem;/* 22 / 16 = 1.375 */ margin: 10px 0px 0px 0px;}

/*--- Promotional Boxes --------------------------------------------*/
.promo {padding: 20px 0px 20px 0px;}

}

/*==================================================================*/
/*   Responsive Grid 960px (mediaqueries)                           */
/*==================================================================*/
@media only screen and (min-width: 960px) and (max-width: 1199px) {

.container-12, .container-16 {width: 960px;}

.container-12 .grid-1 {width: 60px;}
.container-12 .grid-2 {width: 140px;}
.container-12 .grid-3 {width: 220px;}
.container-12 .grid-4 {width: 300px;}
.container-12 .grid-5 {width: 380px;}
.container-12 .grid-6 {width: 460px;}
.container-12 .grid-7 {width: 540px;}
.container-12 .grid-8 {width: 620px;}
.container-12 .grid-9 {width: 700px;}
.container-12 .grid-10 {width: 780px;}
.container-12 .grid-11 {width: 860px;}
.container-12 .grid-12 {width: 940px;}

.container-16 .grid-1 {width: 40px;}
.container-16 .grid-2 {width: 100px;}
.container-16 .grid-3 {width: 160px;}
.container-16 .grid-4 {width: 220px;}
.container-16 .grid-5 {width: 280px;}
.container-16 .grid-6 {width: 340px;}
.container-16 .grid-7 {width: 400px;}
.container-16 .grid-8 {width: 460px;}
.container-16 .grid-9 {width: 520px;}
.container-16 .grid-10 {width: 580px;}
.container-16 .grid-11 {width: 640px;}
.container-16 .grid-12 {width: 700px;}
.container-16 .grid-13 {width: 760px;}
.container-16 .grid-14 {width: 820px;}
.container-16 .grid-15 {width: 880px;}
.container-16 .grid-16 {width: 940px;}

/*--- Navigation ---------------------------------------------------*/
header nav ul > li > a {margin: 0px 8px 0px 8px;font-size: 0.9375rem;/* 15 / 16 = 1 */}
header nav ul > li:last-child > a {margin: 0px 0px 0px 8px !important;}

/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 240px; min-height: 240px;}
.intro-slider li {height: 240px; min-height: 240px;}
.intro-slider li div.slide {height: 240px; min-height: 240px; padding: 60px 0px 0px 0px;}
.intro-slider li div.slide h1 {font-size: 2.5rem;/* 40 / 16 = 2.5 */}
.intro-slider li div.slide h1 i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ top: -20px;}
.intro-slider li div.slide p {font-size: 1.375rem;/* 22 / 16 = 1.375 */ margin: 10px 0px 0px 0px;}

/*--- Promotional Boxes --------------------------------------------*/
.promo {padding: 20px 0px 20px 0px;}

/*--- Portal -------------------------------------------------------*/
.portal-intro {padding-bottom: 20px;}
.portal-intro h1 {font-size: 1.75rem;}
.portal-logo {padding-right: 40px;}
.portal-logo img {width: 220px; height: auto;}

.portal-flags-box {margin-top: 0px !important;}

.portal-flags-intro {position: static;}
.portal-flags-intro strong {padding: 20px 40px;}

.portal-flags {padding: 10px 20px 20px 20px;}
.portal-flags svg {width: 90px; height: 90px;}
.portal-flags .button-flag {width: 90px; height: 90px;}
.portal-flags .button-flag a {width: 90px; height: 90px;}

/*.portal-options a:nth-child(3) {margin-bottom: 0px;}
.portal-options a:nth-child(4) {margin-bottom: 0px;}*/

}

/*==================================================================*/
/*   Responsive Grid 720px (mediaqueries)                           */
/*==================================================================*/
@media only screen and (min-width: 720px) and (max-width: 959px) {

.container-12, .container-16 {width: 720px;}

.container-12 .grid-1 {width: 40px;}
.container-12 .grid-2 {width: 100px;}
.container-12 .grid-3 {width: 160px;}
.container-12 .grid-4 {width: 220px;}
.container-12 .grid-5 {width: 280px;}
.container-12 .grid-6 {width: 340px;}
.container-12 .grid-7 {width: 400px;}
.container-12 .grid-8 {width: 460px;}
.container-12 .grid-9 {width: 520px;}
.container-12 .grid-10 {width: 580px;}
.container-12 .grid-11 {width: 640px;}
.container-12 .grid-12 {width: 700px;}

.container-16 .grid-1 {width: 25px;}
.container-16 .grid-2 {width: 70px;}
.container-16 .grid-3 {width: 115px;}
.container-16 .grid-4 {width: 160px;}
.container-16 .grid-5 {width: 205px;}
.container-16 .grid-6 {width: 250px;}
.container-16 .grid-7 {width: 295px;}
.container-16 .grid-8 {width: 340px;}
.container-16 .grid-9 {width: 385px;}
.container-16 .grid-10 {width: 430px;}
.container-16 .grid-11 {width: 475px;}
.container-16 .grid-12 {width: 520px;}
.container-16 .grid-13 {width: 565px;}
.container-16 .grid-14 {width: 610px;}
.container-16 .grid-15 {width: 655px;}
.container-16 .grid-16 {width: 700px;}

/*--- Page General -------------------------------------------------*/
body {background-size: 300%;}

/*--- Text Styles --------------------------------------------------*/
h1 {font-size: 1.625rem;/* 26 / 16 = 1.625 */}
h2 {font-size: 1.875rem;/* 30 - 22 / 16 = 1.375 */}
h3 {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
h4 {font-size: 1rem;/* 16 / 16 = 1 */}

/*--- Header -------------------------------------------------------*/
header .logo, header .menu {width: 100% !important; margin-left: 0px; margin-right: 0px; margin-bottom: 10px;}

/*--- Logo ---------------------------------------------------------*/
header div.logo {height: 69px; padding-top: 0px;}
header div.logo img {width: 180px; height: 69px;}

/*--- Phone Number -------------------------------------------------*/
div.phone {position: static; margin: 0px 0px 10px 0px; border-bottom: solid 1px #343f48;}
div.phone p {text-align: center; padding: 20px 0px 20px 0px;}
div.phone p a {display: inline-block; box-sizing: border-box; margin: 0px 10px 0px 0px; padding: 8px 10px 8px 10px; font-size: 0.8125rem; font-weight: 400; color: #ffffff; text-transform: uppercase; text-decoration: none; border: solid 1px #ffffff; border-radius: 3px; transition: all .3s ease;}
div.phone p i {margin-right: 5px; font-size: 0.8125rem;}

/*--- Header Navigation --------------------------------------------*/
div.menu {height: auto; padding-top: 0px; margin-bottom: 0px;}
header nav {display: none;} /* javascript reveals this for mobile */
header nav ul {position: static;}
header nav ul {float: none;}
header nav ul > li > a {display: block; float: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: solid 1px #343f48;}
header nav ul > li:hover > a {border-bottom: none;}
header nav ul > li:first-child > a {margin: 0px 0px 0px 0px !important;}
header nav ul > li:last-child > a {margin: 0px 0px 10px 0px !important; padding: 10px 0px 0px 0px;}
header nav ul > li.menu-item-hide {display: block;}

/*--- Mobile Menu --------------------------------------------------*/
header div.mobile-menu {display: inline-block;}

/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 280px; min-height: 280px;}
.intro-slider li {height: 280px; min-height: 280px;}
.intro-slider li div.slide {height: 280px; min-height: 280px; padding: 50px 0px 0px 0px; background-color: rgba(255,255,255,0.7);}
.intro-slider li div.slide h1 {font-size: 2.875rem;/* 46 / 16 = 2.875 */}
.intro-slider li div.slide h1 i {font-size: 1.375rem;/* 22 / 16 = 1.375 */ top: -20px;}
.intro-slider li div.slide p {font-size: 1.375rem;/* 22 / 16 = 1.375 */ margin: 10px 0px 0px 0px;}

/*--- Intro --------------------------------------------------------*/
.intro-dark h1, .intro-light h1 {font-size: 2.5rem;/* 40 / 16 = 2.5 */}

/*--- Promotional Boxes --------------------------------------------*/
.promo .grid-3 {width: 340px; padding: 0px 35px 0px 35px; box-sizing: border-box;}
.promo .box {padding: 0px 10px 0px 10px;}
.promo p.dark-button {margin-bottom: 20px;}

/*--- Spotlight ----------------------------------------------------*/
.spotlight .photo-corporate, .spotlight .photo-marineoffshore, .spotlight .photo-performingarts, .spotlight .photo-beach {height: 140px;}
.spotlight div > div.grid-8:nth-child(odd) {padding-right: 20px;}
.spotlight div > div.grid-8:nth-child(even) {padding-left: 20px;}

/*--- Register Box -------------------------------------------------*/
.register form div.field {width: 100%; padding: 0px 0px 10px 0px;}
.register form div.submit {width: 100%; padding: 0px 0px 10px 0px;}

/*--- Resources ----------------------------------------------------*/
.resources h3 {width: 80%;}
.resources p {width: 80%;}
.resources i {width: 20%; padding-left: 0px;}

/*--- Our Services Points ------------------------------------------*/
.points h3 {width: 80%;}
.points p {width: 80%;}
.points i {width: 20%; padding-left: 0px;}

/*--- Contact Boxes ------------------------------------------------*/
.contact .box a {font-size: 0.9375rem;/* 15 / 16 = 0.9375 */ letter-spacing: -1px;}

/*--- Portal -------------------------------------------------------*/
.portal-intro {padding-bottom: 20px;}
.portal-intro h1 {font-size: 1.5rem;}
.portal-logo {padding-right: 20px;}
.portal-logo img {width: 200px; height: auto;}

.portal-flags-box {margin-top: 0px !important;}

.portal-flags-intro {position: static;}
.portal-flags-intro strong {padding: 20px 40px;}

.portal-flags {padding: 10px 20px 20px 20px;}
.portal-flags svg {width: 80px; height: 80px;}
.portal-flags .button-flag {width: 80px; height: 80px;}
.portal-flags .button-flag a {width: 80px; height: 80px;}

/*.portal-options a:nth-child(3) {margin-bottom: 0px;}
.portal-options a:nth-child(4) {margin-bottom: 0px;}*/

.other-portals svg {width: 38px; height: 38px;}

/*--- Enquiry Box --------------------------------------------------*/
.enquiry form div.field {width: 100%; padding: 0px 0px 10px 0px;}
.enquiry form div.message {padding: 0px 0px 10px 0px;}
.enquiry form div.submit {padding: 0px 0px 10px 0px;}
.enquiry form input {width: 100%;}
.enquiry form input[type="submit"] {width: 100%;}

}

/*--- Brochure Issuue Embed ----------------------------------------*/
.issuuembed {height: 500px;}
	
/*==================================================================*/
/*   Responsive Grid lt 720px / Mobile (mediaqueries)               */
/*==================================================================*/
@media only screen and (max-width: 719px) {

.container-12, .container-16 {width: 90%;}

.grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12, .grid-13, .grid-14, .grid-15, .grid-16 {width: 100%; margin-left: 0px; margin-right: 0px;}

.container-12 .grid-1, .container-12 .grid-2, .container-12 .grid-3, .container-12 .grid-4, .container-12 .grid-5, .container-12 .grid-6, .container-12 .grid-7, .container-12 .grid-8, .container-12 .grid-9, .container-12 .grid-10, .container-12 .grid-11, .container-12 .grid-12 {width: 100%;}
.container-16 .grid-1, .container-16 .grid-2, .container-16 .grid-3, .container-16 .grid-4, .container-16 .grid-5, .container-16 .grid-6, .container-16 .grid-7, .container-16 .grid-8, .container-16 .grid-9, .container-16 .grid-10, .container-16 .grid-11, .container-16 .grid-12, .container-16 .grid-13, .container-16 .grid-14, .container-16 .grid-15, .container-16 .grid-16 {width: 100%;}

/*--- Page General -------------------------------------------------*/
body {background-size: 300%;}

/*--- Text Styles --------------------------------------------------*/
h1 {font-size: 1.625rem;/* 26 / 16 = 1.625 */}
h2 {font-size: 1.375rem;/* 22 / 16 = 1.375 */}
h3 {font-size: 1.25rem;/* 20 / 16 = 1.25 */}
h4 {font-size: 1rem;/* 16 / 16 = 1 */}

/*--- Header -------------------------------------------------------*/
header .logo, header .menu {margin-bottom: 10px;}

/*--- Logo ---------------------------------------------------------*/
header div.logo {height: 69px; padding-top: 0px;}
header div.logo img {width: 180px; height: 69px;}

/*--- Phone Number -------------------------------------------------*/
div.phone {position: static; margin: 0px 0px 10px 0px; border-bottom: solid 1px #343f48;}
div.phone p {display: flex; justify-content: space-around; text-align: center; padding: 20px 0px 20px 0px;}
div.phone p a {flex: 1 0 auto; display: inline-block; box-sizing: border-box; margin: 0px 5px 0px 0px; padding: 8px 10px 8px 10px; font-size: 0.75rem; font-weight: 400; color: #ffffff; text-transform: uppercase; text-decoration: none; border: solid 1px #ffffff; border-radius: 3px; transition: all .3s ease;}
div.phone p i {display: none;}



/*div.phone {position: absolute; top: 0px; right: 0px; z-index: 1000; margin: 0px 20px 0px 20px;}
div.phone p {text-align: right; color: #ffffff; margin: 0px; padding: 20px 0px 0px 0px;}
div.phone p a {display: inline-block; box-sizing: border-box; margin: 0px 10px 0px 0px; padding: 10px 20px 10px 15px; font-size: 0.875rem; font-weight: 400; color: #ffffff; text-transform: uppercase; text-decoration: none; border: solid 1px #ffffff; border-radius: 3px; transition: all .3s ease;}
div.phone p a:last-child {margin-right: 0px;}
div.phone p a:hover {border: solid 1px #fba91c; color: #ffffff;}
div.phone p span {border-right: solid 1px #455560; margin-right: 20px;}
div.phone p span a {margin-right: 20px;}
div.phone p i {margin-right: 10px; font-size: 0.875rem;}*/



/*--- Header Navigation --------------------------------------------*/
div.menu {height: auto; padding-top: 0px; margin-bottom: 0px;}
header nav {display: none;} /* javascript reveals this for mobile */
header nav ul {position: static;}
header nav ul {float: none;}
header nav ul > li > a {display: block; float: none; margin: 0px 0px 0px 0px; padding: 10px 0px 10px 0px; border-top: solid 1px rgba(132,147,158,0.3); border-bottom: none;}
header nav ul > li:hover > a {border-bottom: none; color: #fba91c;}
header nav ul > li:first-child > a {margin: 0px 0px 0px 0px !important;}
header nav ul > li:last-child > a {margin: 0px 0px 10px 0px !important; padding: 10px 0px 0px 0px;}
header nav ul > li.menu-item-hide {display: block;}

/*--- Mobile Menu --------------------------------------------------*/
header div.mobile-menu {display: inline-block;}
header div.mobile-menu a span {display: none;}

/*--- bxSlider Banner ----------------------------------------------*/
.intro-slider {height: 280px; min-height: 280px;}
.intro-slider li {height: 280px; min-height: 280px;}
.intro-slider li div.slide {height: 280px; min-height: 280px; padding: 40px 0px 0px 0px; background-color: rgba(255,255,255,0.7);}
.intro-slider li div.slide h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
.intro-slider li div.slide h1 i {font-size: 1.125rem;/* 18 / 16 = 1.125 */ top: -10px;}
.intro-slider li div.slide p {font-size: 1rem;/* 16 / 16 = 1 */ margin: 10px 0px 0px 0px;}

/*--- Intro --------------------------------------------------------*/
.intro-dark h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
.intro-dark p {font-size: 1rem;/* 16 / 16 = 1 */}

.intro-dark h1 span {display: block;}

/*--- Intro Page General -------------------------------------------*/
.intro-page h1 {font-size: 1.875rem;/* 30 / 16 = 1.875 */}
.intro-page p {font-size: 1rem;/* 16 / 16 = 1 */}

/*--- Promotional Boxes --------------------------------------------*/
.promo .box {padding: 0px 10px 20px 10px; border-bottom: solid 1px rgba(255,255,255,0.3);}
.promo p.dark-button {margin-bottom: 20px;}

/*--- Spotlight Boxes ----------------------------------------------*/
.spotlight .photo-corporate, .spotlight .photo-marineoffshore, .spotlight .photo-performingarts, .spotlight .photo-beach {height: 140px;}
.spotlight div > div.grid-8:nth-child(odd) {padding-right: 0px; padding-bottom: 40px;}
.spotlight div > div.grid-8:nth-child(even) {padding-left: 0px;}

/*--- Peace Of Mind ------------------------------------------------*/
ul.peace-checklist {margin-top: 0px;}
ul.peace-checklist li {width: 100%; float: none; margin-bottom: 10px;}
ul.peace-checklist li i {margin-right: 0px;}

/*--- Testimonials -------------------------------------------------*/
.testimonials-bg .testimonials {height: auto;}

/*--- Register Box -------------------------------------------------*/
.register form div.field {width: 100%; padding: 0px 0px 10px 0px;}
.register form div.submit {width: 100%; padding: 0px 0px 10px 0px;}

/*--- Resources ----------------------------------------------------*/
.resources h3 {width: 80%;}
.resources p {width: 80%;}
.resources i {width: 20%; padding-left: 0px; font-size: 3rem;}

/*--- Our Services Points ------------------------------------------*/
.what-we-offer {padding-top: 0px;}
.what-we-offer i {width: 80px; height: 80px; margin: 0px 8px 20px 8px; padding: 8px 0px 0px 0px; font-size: 2.5rem;/* 40 / 16 = 2.5 */}

.points h3 {width: 80%;}
.points p {width: 80%;}
.points i {width: 20%; padding-left: 0px; font-size: 3rem;}

/*--- Page Sections ------------------------------------------------*/
.section-links a {display: block; margin: 0px 0px 10px 0px;}
.section-links i {float: left; margin-top: 0px;}

.section-img-right {padding-left: 0px;}
.section-img-right .img-bg {padding-left: 0px;}
.section-img-right .img-pointer {display: none;}

.section-img-left {padding-right: 0px;}
.section-img-left .img-bg {padding-right: 0px;}
.section-img-left .img-pointer {display: none;}

.img-marine, .img-offshore, .img-security, .img-management, .img-air, .img-rail, .img-hotel, .img-other, .img-support, .img-conference1, .img-conference2 {height: 140px;}

/*--- Portal -------------------------------------------------------*/
.portal-intro {padding: 20px 0px 20px 0px;}
.portal-intro h1 {text-align: center; font-size: 1.5rem;/* 24 / 16 = 1.5 */}
.portal-logo-box {margin-bottom: 0px !important;}
.portal-logo {display: block; border-right: 0px; padding-right: 0px; text-align: center;}
.portal-logo img {width: 200px; height: auto;}

.portal-flags-box {margin-top: 0px !important;}

.portal-flags-intro {position: static;}
.portal-flags-intro strong {padding: 20px 20px;}

.portal-flags {padding: 0px 20px 20px 20px;}
.portal-flags svg {width: 60px; height: 60px;}
.portal-flags .button-flag {width: 60px; height: 60px;}
.portal-flags .button-flag a {width: 60px; height: 60px;}

.portal-general p {width: 100%;}

.portal-uk {width: 100%;}

/*.portal-options a:nth-child(3) {margin-bottom: 0px;}
.portal-options a:nth-child(4) {margin-bottom: 0px;}*/

.portal-info {text-align: left;}
.portal-info-box:last-child {margin-bottom: 0px;}

/*--- Enquiry Box --------------------------------------------------*/
.enquiry form div.field {width: 100%; padding: 0px 0px 10px 0px;}
.enquiry form div.message {padding: 0px 0px 10px 0px;}
.enquiry form div.submit {padding: 0px 0px 10px 0px;}
.enquiry form input {width: 100%;}
.enquiry form input[type="submit"] {width: 100%;}

/*--- Branches Boxes -----------------------------------------------*/
.container-12 .grid-6 .box-shift-left {position: static;}
.container-12 .grid-6 .box-shift-right {position: static;}

/*--- Twitter News Feed --------------------------------------------*/
.twitternews h2 i {display: block; padding-bottom: 5px;}

/*--- Footer Navigation --------------------------------------------*/
footer {text-align: center;}
footer ul > li > a {display: block; padding: 10px 0px 10px 0px; border-right: 0px; border-bottom: 1px solid #343f48;}
footer ul > li:first-child > a {border-top: 1px solid #343f48;}

/*--- Associations -------------------------------------------------*/
.associations a {margin: 0px 5px 0px 5px;}
.associations a:first-child {margin: 0px 5px 0px 0px;}
.associations a:last-child {margin: 0px 0px 0px 5px;}

}

/*--- Brochure Issuue Embed ----------------------------------------*/
.issuuembed {height: 300px;}

/*==================================================================*/
/*   Responsive Grid lt 320px / Mobile (mediaqueries)               */
/*==================================================================*/
@media only screen and (max-width: 320px) {

.portal-options {display: block;}
.portal-options a {display: block; width: 100%; margin: 0px 0px 20px 0px; padding: 20px 30px;}

}

/*==================================================================*/
/*   Responsive Image                                               */
/*==================================================================*/
img.scale, img.responsive {max-width: 100%; height: auto;}


/*==================================================================*/
/*    Form Error                                                    */
/*==================================================================*/
.FormErrorClass {background: #ffcccc;}