@import url("//hello.myfonts.net/count/30ff28");

  
@font-face {font-family: 'CeraPRO-Light';src: url('../fonts/30FF28_0_0.eot');src: url('../fonts/30FF28_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30FF28_0_0.woff2') format('woff2'),url('../fonts/30FF28_0_0.woff') format('woff'),url('../fonts/30FF28_0_0.ttf') format('truetype');}
@font-face {font-family: 'CeraPRO-Bold';src: url('../fonts/30FF28_1_0.eot');src: url('../fonts/30FF28_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30FF28_1_0.woff2') format('woff2'),url('../fonts/30FF28_1_0.woff') format('woff'),url('../fonts/30FF28_1_0.ttf') format('truetype');}
@font-face {font-family: 'CeraPRO-Medium';src: url('../fonts/30FF28_2_0.eot');src: url('../fonts/30FF28_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30FF28_2_0.woff2') format('woff2'),url('../fonts/30FF28_2_0.woff') format('woff'),url('../fonts/30FF28_2_0.ttf') format('truetype');}
@font-face {font-family: 'CeraPRO-Regular';src: url('../fonts/30FF28_3_0.eot');src: url('../fonts/30FF28_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/30FF28_3_0.woff2') format('woff2'),url('../fonts/30FF28_3_0.woff') format('woff'),url('../fonts/30FF28_3_0.ttf') format('truetype');}

@font-face {
  font-family: "Flaticon";
  src: url("../fonts/Flaticon.eot");
  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Flaticon.woff") format("woff"),
       url("../fonts/Flaticon.ttf") format("truetype"),
       url("../fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
  font-size: 20px;
	font-style: normal;
}

.flaticon-facebook-logotype-button:before { content: "\f100"; }
.flaticon-linkedin:before { content: "\f101"; }
.flaticon-twitter-sign:before { content: "\f102"; }
.flaticon-instagram:before { content: "\f103"; }
.flaticon-social-facebook:before { content: "\f104"; }
.flaticon-social-twitter:before { content: "\f105"; }
.flaticon-social-instagram:before { content: "\f106"; }


.clearfix{ zoom:1; }.clearfix:before,.clearfix:after{ content:"\0020";display:block;height:0;overflow:hidden; }
.clearfix:after{ clear:both; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: none; color: #333;}
input, textarea {-webkit-appearance: none; appearance: none; -moz-appearance: none; outline: none; margin: 0; padding: 0; border: none;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
select {-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; -webkit-appearance: none; appearance: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body, p, .menu, input, button {font-weight: 300; line-height: 1.6; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
button {-webkit-appearance: none; outline: none; cursor: pointer;}

a, li, .work ul li img  {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out; cursor: pointer;}
header, .logo, .themenu, .main, .xout, .bookoverlay, header div {-webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;}

.main-menu {-webkit-transition:all 0.1s ease-in-out; -moz-transition:all 0.1s ease-in-out; -o-transition:all 0.1s ease-in-out; transition:all 0.1s ease-in-out; cursor: pointer;}

header ul.main-menu li.social-icon {
  padding: 0 0 0 10px;
}
header ul.main-menu li.social-icon.first {
  padding: 0 0 0 20px;
}
header ul.main-menu li.social-icon:hover {background: transparent;}



html {background: #fff;height: 100%;}
body {margin: 0 auto; position: relative; font-family: CeraPRO-light; font-size: 14px;height: 100%;}
input, textarea {font-family: CeraPRO-light;}
header, .clients ul li img, button, .work ul li div  {-webkit-transition:all 0.25s ease-in-out; -moz-transition:all 0.25s ease-in-out; -o-transition:all 0.25s ease-in-out; transition:all 0.25s ease-in-out;}
.js div#preloader { position: fixed; left: 0; top: 0; z-index: 99999; width: 100%; height: 100%; overflow: visible; background: #000;}
section > div {padding-left: 20px; padding-right: 20px;}
.work > div {padding-left: 0px; padding-right: 0px;}
			
header {position: fixed; z-index: 1000; overflow: visible; top: 0; width: 100%; height: 50px; background: rgba(0,131,168,0.9); opacity: 1; border-bottom: solid 1px rgba(255,255,255,0.1);}
header ul.main-menu {position: absolute; display: block; top: 50px; right: 0px; width: 100%; height: 0px; z-index: 1000; background: rgba(0,131,168,0.9); overflow: hidden;}
header ul.main-menu li {display: inline-block; color: #fff; padding: 0 20px; line-height: 40px; width: 100%; font-size: 16px;border-bottom: solid 1px rgba(255,255,255,0.1);}
/* header ul.main-menu li:first-child {border-top: solid 1px rgba(255,255,255,0.1);} */
header ul.main-menu li:hover {background: rgb(3,98,125);}
header a {display: block; color: #fff; text-decoration: none; cursor: pointer;}
header a:hover {color: #e5e5e5;}
.logo-small {width: 70px; position: absolute; left: 20px; top: 12px;}

.menu-toggle {color: #fff; font-size: 40px; display: block; position: absolute; right: 20px; top: 6px; line-height: 1; cursor: pointer;}
.main-menu.on {height: 249px;}
header ul.main-menu li.social-icon {width: auto; padding-top: 0px; border: none;}
header ul.main-menu li.social-icon a {position: relative; top: 6px;}
header ul.main-menu li.social-icon img {width: 24px; display: block;}

h1, h2, h3, h4, h5, h6 {font-family: CeraPRO-Medium;}
h1 {font-size: 200%; margin-bottom: 40px;}
h2 {font-size: 180%; text-transform: uppercase; text-align: center; margin-bottom: 35px;}
h3 {font-size: 140%; margin-bottom: 25px; line-height: 1.2;}
h4 {font-size: 130%;}
h5 {font-size: 120%;}
h6 {font-size: 100%;}

b {font-family: CeraPRO-Regular;}
p {margin-bottom: 25px;}
h2 hr {width: 8%; vertical-align: top; border: none; height: 1px; background: #b5b5b5; border: none; display: inline-block; margin: 0 10px; position: relative; top: 18px; max-width: 80px;}
button {height: 44px; line-height: 44px; padding: 0 20px; background: rgba(0,131,168,1); border: 0; color: #fff; font-family: CeraPRO-Regular; font-size: 16px; margin-top: 20px;}
button:hover {background: rgba(0,131,168,0.9);}
a {color: rgba(0,131,168,1);}
a:hover {text-decoration: none;}

.pre-logo {max-width: 100px; position: absolute; top: 50%; left: 50%; margin-left: -50px; width: 100%}
.logo {position: absolute; top: 48%; left: 0; right: 0; text-align: center; z-index: 900; width: 100%;}
.logo img {width: 100%; max-width: 250px;}

.showcase {position: relative; max-width: 100%; width: 100%; min-height: 550px; background-color: #000; overflow: hidden;}
#video-viewport, .work ul li div{-webkit-background-size: cover!important; -moz-background-size: cover!important; -o-background-size: cover!important; background-size: cover!important;}
.showcase > div {padding: 0;}
  
.button {position: absolute; left: 50%; margin-left: -105px; bottom: 70px;}

#video-viewport {position: absolute; top: 0; overflow: hidden; z-index: 1; width: 100%; opacity: 0.75; background: url('/assets/img/placeholder.jpg') no-repeat center center; background-size: cover;}
video {position: relative;}

.intro {width: 100%; text-align: center; border-bottom: solid 1px #f5f5f5;}
.intro > div {max-width: 1000px; margin: 0 auto;}
.intro p {font-size: 110%; color: #000; line-height: 1.8;}
.intro ol, .intro ul {margin-left: 15px;}
.intro ol, .intro ul, .intro ol li p, .intro ul li p {font-size: 17.6px; color: #000; line-height: 1.8;}
.intro ol li {margin: 0 0 10px 0;}


.clients > div, .service > div { margin: 0 auto;}
.clients > div {padding-bottom: 70px; max-width: 1800px;}
.contact > div, .intro > div{padding-top: 70px; padding-bottom: 70px;}
.intro > div {padding-bottom: 40px;}
.work > div {padding-top: 70px;}

.service {background: #fff;}
.service > div {padding-top: 70px; padding-bottom: 30px;}
.service ul {max-width: 1440px; margin: 0 auto; text-align: center;}
.service ul li {display: inline-block; width: 41%; font: 0; margin: 0 4% 40px 4%; vertical-align: top;}
.service ul li h3 {font-size: 150%;}
.service ul li ul {font-size: 16px;}
.service ul li ul li {width: 100%; line-height: 1.3; margin-bottom: 5px; }

.clients {background: url(../img/argyle.png) center center repeat; width: 100%; text-align: center; border-top: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5;}
.clients > div {padding-top: 70px; padding-bottom: 30px;}
.clients ul {width: 100%; border-top: solid 1px #f5f5f5; border-left: solid 1px #f5f5f5; font-size: 0;}
.clients ul li {border-right: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5; width: 33.3333333333%; display: inline-block; padding: 3%; background: #fff;}
.clients ul li img {width: 100%;}
.clients ul li:hover img {transform: scale(1.04,1.04);}


.work {background: #fafafa; width: 100%; text-align: center;}
.work ul {width: 100%; font-size: 0; background: #000;}
.work ul li {width: 100%; display: inline-block; font-size: 16px; vertical-align: top; background: #000; position: relative;}
.work ul li .fade {opacity: 0.8}
.work ul li:hover .fade {opacity: 0.25;}
.work ul li:hover img {opacity: 0;}
.work ul li:hover .text {opacity: 1;}
.work ul li div, .work .text {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 10;}
.work a {text-decoration: none;}
.work .text {padding: 10%; z-index: 100; color: #fff; text-align: center; position: absolute; top: 50%; transform: translateY(-30%); opacity: 0;}

.work .aza {background: url(../img/work/azamara.jpg) center center no-repeat;}
.work .npi {background: url(../img/work/nassau.jpg) center center no-repeat;}
.work .hilton {background: url(../img/work/hhi.jpg) center center no-repeat;}
.work .royal {background: url(../img/work/royal.jpg?v=2) center center no-repeat;}
.work .scrub {background: url(../img/work/scrub.jpg) center center no-repeat;}
.work .casa {background: url(../img/work/casa.jpg) center center no-repeat;}
.work .seaisland {background: url(../img/work/seaisland.jpg) center center no-repeat;}
.work .pebble {background: url(../img/work/pebblebeach.jpg) center center no-repeat;}
.work .principal {background: url(../img/work/principal.jpg) center center no-repeat;}
.work .celebrity {background: url(../img/work/celebrity.jpg) center center no-repeat;}
.work .onehotels {background: url(../img/work/1hotels.jpg) center center no-repeat;}
.work .dbc {background: url(../img/work/dbc.jpg) center center no-repeat;}
.work .edge {background: url(../img/work/edge.jpg) center center no-repeat;}
.work .baccarat {background: url(../img/work/baccarat.jpg) center center no-repeat;}
.work .southseas {background: url(../img/work/southseas.jpg) center center no-repeat;}
.work > div {padding-bottom: 0;}

.aza-logo, .npi-logo, .royal-logo, .hilton-logo, .scrub-logo, .casa-logo, .sea-logo, .pebble-logo, .principal-logo, .celebrity-logo, .onehotels-logo, .dbc-logo, .edge-logo, .baccarat-logo, .southseas-logo {max-width: 40%; position: relative; z-index: 200;}
.hilton-logo {max-width: 45%;}

.contact > div {max-width: 1440px; margin: 0 auto;}
.contact .text-block, .contact .emailer {width: 100%; display: inline-block; font-size: 16px; vertical-align: top; text-align: left;}

.contact .emailer {padding: 10px; background: url(../img/mail-bg.png) center center repeat;}
.contact .emailer form {background-color: #fff; padding: 35px;}
.contact .emailer #inquiry-success {background-color: #fff; padding: 35px;}
.contact .emailer #inquiry-error {background-color: #fff; padding: 35px;}
.contact .emailer #inquiry label.error {color: #cc3333;}
.contact .emailer h4 {margin: 0 0 20px 0;}
.emailer label {display: block; font-size: 14px;}
.emailer input, .emailer textarea {font-size: 16px; background: #fff; padding: 8px 10px; border: solid 1px #e5e5e5; display: block; width: 100%;}
.emailer textarea {height: 80px;}
.contact .emailer {margin-top: 20px;}

@media screen and (max-width: 575px) {
.g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:left top;-webkit-transform-origin:left top;}
}
@media screen and (max-width: 380px) {
.g-recaptcha {transform:scale(0.57);-webkit-transform:scale(0.57);transform-origin:left top;-webkit-transform-origin:left top;}
}

footer {background-color: #000; color: #fff; font-size: 14px; text-align: center; padding: 40px;position: relative;width: 100%;bottom: 0px;}
footer img {width: 60px; margin: 0 0 20px 0;}
footer p { vertical-align: top; margin-bottom: 0;}

@media screen and (min-width: 858px) {

.menu-toggle {display: none;}

header {position: fixed; z-index: 1000; overflow: visible; top: 0; width: 100%; background: none; height: 50px; opacity: 0;}
header.on {background: rgba(0,131,168,0.9); opacity: 1;}
header.constant {background: rgba(0,131,168,0.9); opacity: 1;}
header ul.main-menu {position: absolute; top: 0px; right: 30px; width: auto; height: 50px; z-index: 1000; background: none;}
header ul.main-menu li {display: inline-block; color: #fff; padding: 0 0 0 35px; line-height: 50px; width: auto; font-size: 16px; border-bottom: none;}
header a {color: #fff; text-decoration: none;}
header a:hover {color: #e5e5e5;}
.logo-small {width: 70px; position: absolute; left: 30px; top: 12px;}
header ul.main-menu li:hover {background: none;}

header ul.main-menu li.social-icon.first {
  padding: 0 0 0 40px;
}

}
	
	
@media screen and (min-width: 768px) {
	
.pre-logo {max-width: 150px; top: 49.5%; margin-left: -75px; }
.logo {top: 47%;}
.logo img {max-width: 350px;}

.clients ul li {border-right: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5; width: 25%; display: inline-block; padding: 4%;}
.contact > div, .intro > div, .work > div, .clients > div  {padding-top: 100px; padding-bottom: 100px;}
.service > div {padding-top: 100px; padding-bottom: 60px;}
.contact .text-block, .contact .emailer {width: 45%; }
.contact .text-block {margin-right: 9%;}
h2 hr {margin: 0 20px; position: relative; top: 25px;}
h2 {margin-bottom: 80px; font-size: 220%;}
.work > div {padding-bottom: 0;}
.left, .right {width: 40%; display: inline-block; vertical-align: top; text-align: left;}
.left {margin-right: 9%;}
.intro > div {padding-bottom: 70px;}
.service ul li {display: inline-block; width: 26%; font: 0; margin: 0 3% 40px 3%; vertical-align: top;}

.work ul li {width: 50%; display: inline-block; font-size: 16px; vertical-align: top; height: 50%; background: #000; position: relative;}


}

@media screen and (min-width: 1024px) {

body {font-size: 16px;}
.clients ul li {border-right: solid 1px #f5f5f5; border-bottom: solid 1px #f5f5f5; width: 16.6666666666%; display: inline-block; padding: 3.25%;}
.contact > div, .intro > div, .work > div, .clients > div {padding-top: 150px; padding-bottom: 150px;}
.contact .emailer form {padding: 50px;}
.service > div {padding-top: 150px; padding-bottom: 110px;}
.work > div {padding-bottom: 0;}
.intro > div {padding-bottom: 120px;}
.work ul li {width: 33.3333333333%; display: inline-block; font-size: 16px; vertical-align: top; height: 50%; background: #000; position: relative;}


}

.u-list-alpha {list-style-type: lower-alpha; list-style-position: inside; margin: 0 0 20px 0;}
.u-list-roman {list-style-type: lower-roman; list-style-position: inside;}
.u-list-disc {list-style-type: disc; list-style-position: inside; margin: 0 0 20px 0;}
.u-list-title {display: inline-block; margin: 0 0 10px 0;}
.u-remove-margin {margin: 0 !important;}
.u-font-align-left {text-align: left;}
.u-font-bold {font-weight: 700;}
.u-font-italic {font-style: italic;}
.u-color-blue {color: rgba(0,131,168,1);}
.u-color-white {color: #fff;}

/* Newsletter page */

.center{text-align: center;}

.notransform{text-transform: none;}

.newswrap{position: relative;min-height: 100%;padding-bottom: 171.688px;}

#mc_embed_signup .button {position: relative; left: 0; margin-left: 0; bottom: 0;}

#mc_embed_signup .button {width:150px;height: 44px; line-height: 44px; padding: 0 20px; background: rgba(0,131,168,1); border: 0; color: #fff; font-family: CeraPRO-Regular; font-size: 16px; margin-top: 20px;}
#mc_embed_signup .button:hover {background: rgba(0,131,168,0.9);}

.contact .lead-in{text-align:center;max-width:900px;margin:auto;}
.contact .lead-in p{font-size:22px;}

.news-page .text-block{text-align: center;font-size: 32px;margin-top: 100px;margin-right: 3%;}

.emailer .img-grid{max-width: 100%}
.emailer .img-wide > div{height:400px;margin-bottom:8px;background-size:cover!important;}

@media screen and (max-width:1100px){
    .news-page .text-block{margin-top: 20px;}
    .emailer .img-wide > div{height:300px;}
}
@media screen and (max-width:991px) and (min-width:599px){
    .emailer .img-wide{height:100%;width:100%;max-width:480px;}
    .emailer .img-wide > div{height:250px;margin-bottom:8px;margin-right:0;}
}
@media screen and (max-width:986px){
    .news-page .text-block{font-size: 18px;margin-top: 20px;}
}
@media screen and (max-width:400px){
    .news-page .text-block{margin-top: 0px;}
    .news-page .noshow{display: none;}
}

/*New Careers Page*/

.careers-page img{max-width:100%;height:auto;display:block;}
.careers-basic-content{padding:120px 20px;max-width:1220px;margin:auto;display:block;}
.careers-basic-content p{font-size:18px;}
.careers-top{padding:170px 20px 120px 20px;}
.columns{display:flex;justify-content:space-between;padding:0;align-items:center;}
.columns .column-left{flex:1 1 auto;padding-right:8%;}
.columns .column-right{width:100%;max-width:480px;}
.columns.columns-6-4 .column-left{width:60%;}
.columns.columns-6-4 .column-right{width:40%;}
.img-grid{max-width:480px;margin:auto;}
.img-wide{height:100%;width:100%;}
.img-wide > div{height:320px;margin-bottom:8px;background-size:cover!important;}
.img-split{display:flex;justify-content:space-between;height:100%;width:100%;}
.img-split > div{height:160px;width:100%;max-width:236px;background-size:cover!important;}
.img-split > div:first-child{margin-right:4px;}
.img-split > div:last-child{margin-left:4px;}
.life-at-verb{background:url(../img/argyle.png) center center repeat;width:100%;text-align:center;border-top:solid 1px #f5f5f5;border-bottom:solid 1px #f5f5f5;}
h2.withImage{display:flex;align-items:center;justify-content:center;margin:100px auto 40px;}
h2.withImage hr{top:0;}
.verb-box{background:#2290b1;position:relative;width:130px;height:130px;margin-left:20px;}
.verb-box img{position:absolute;left:0;right:0;top:0;bottom:0;width:80px;margin:auto;}
.verb-box-wrapper{display: flex; align-items: center;}
.life-at-verb .lead-in{text-align:center;max-width:850px;margin:auto;}
.lead-in p{font-size:24px;color:#333333;font-family:CeraPRO-Light;line-height:1.5;}
.lead-in strong{font-family:CeraPRO-Medium;font-style:italic;}
.lead-in i{font-style:italic;}
.img-grid-lists{padding:50px 20px 100px;max-width:1220px;margin:auto;display:block;}
.img-grid-lists .images-wrap{position:relative;height:134px;overflow:auto;}
.img-grid-lists .images{height:134px;display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;}
.img-grid-lists .images::-webkit-scrollbar{display:none;}
.img-grid-lists .images > div{height:134px;width:100%;max-width:179px;flex:0 0 auto;background-size:cover!important;}
.img-grid-lists .images.top{}
.img-grid-lists .images.bottom{}
.benefits-list{border:solid 1px #cecece;padding:40px 0;background:#fff;display:flex;}
.benefits-list .list{width:50%;}
.benefits-list ul{list-style:disc;list-style-position:outside;text-align:left;padding:0 12%;}
.benefits-list .left{}
.benefits-list .right{}
.benefits-list li{margin-bottom:10px;font-size:16px;}
.benefits-list li:hover{cursor: default;}
.benefits-list li b{color:#2290b1;font-family:CeraPRO-Medium;}

@media screen and (max-width:767px){
	.lead-in p{line-height:1.4;font-size:18px;}
	.benefits-list{flex-direction:column;}
	.benefits-list .list{width:100%;}
}

.careers-bottom .columns{align-items:flex-start;}
.careers-bottom h2{text-align:left;margin-bottom:30px;}
.career-listings{border:solid 1px #cecece;padding:40px }
.career-listings .listings-header{font:bold 12px "Helvetica Neue", Helvetica, Arial, sans-serif;text-transform:uppercase;margin-bottom:1.5em;color:#687277;}
.career-listings .job-link{text-decoration:none;margin-bottom:20px;display:block;}
.career-listings .job-link:hover .job-title{text-decoration:underline;cursor:pointer;}
.career-listings .job-title{font-size:18px;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;margin:0;padding:0;color:#2290b1;font-weight:400;}
.career-listings .job-description{font-size:13px;color:#687277;margin:0;}
.social-feed{padding:100px 20px;background:url(../img/argyle.png) center center repeat;width:100%;text-align:center;border-top:solid 1px #f5f5f5;border-bottom:solid 1px #f5f5f5;}
.social-bits{display:flex;justify-content:center;align-items:center;}
.social-bits > a{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:0 20px;}
.social-bits > a:hover span{text-decoration:underline;}
.social-bits .social-box{width:36px;height:36px;position:relative;}
.social-bits .social-link span{color:#2290b1;padding-left:10px;}
.social-bits .social-box i{font-style:normal;color:#fff;position:relative;width:36px;height:36px;display:block;}
.social-bits .social-box.fb{background:#4267b2;}
.social-bits .social-box.fb i:before{bottom:-9px;right:0px;position:absolute;font-size:28px;}
.social-bits .social-box.tw{background:#2caae1;}
.social-bits .social-box.tw i:before{position:absolute;top:3px;left:0;right:0;bottom:0;}
.social-bits .social-box.in{background:#d93175;}
.social-bits .social-box.in i:before{position:absolute;left:2px;right:0;top:2px;bottom:0;}

.confirmation > div {
	max-width: 1440px;
	display: flex;
	margin: 0 auto;
	padding-top: 150px;
	padding-bottom: 150px;
}

.subtitle {
	font-family: CeraPRO-light;
	text-transform: none;
	font-size: 140%;
}

.container {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

.message, .video {
	max-width: 50%;
}

.message {
	padding-right: 50px;
}

.video {
	padding: 10px;
	background: url('../img/mail-bg.png') center center repeat;
	overflow: hidden;
	align-self: flex-start;
}

.video > video {
	max-width: 100%;
	align-self: flex-start;
	display: block;
}


@media screen and (max-width:991px){.careers-top{padding:150px 20px 80px;}
	.careers-top-header-content{max-width:720px;margin:0 auto;display:block;}
	.careers-bottom .column-left *{text-align:center;}
	.careers-bottom .column-right{max-width:600px;margin:auto;margin-top:40px;}
	.careers-basic-content{padding:80px 20px;}
	.careers-basic-content p{font-size:15px;}
	.columns.columns-6-4 .column-left{width:100%;padding:0;}
	.columns.columns-6-4 .column-right{width:100%;padding:0;}
	.columns .column-right{max-width:100%;}
	.columns.columns-6-4{flex-direction:column;}
}
@media screen and (max-width:991px) and (min-width:599px){
	.img-grid{max-width:100%;flex-direction:row;display:flex;justify-content:center;align-items:center;align-self:center;}
	.img-wide{height:100%;width:100%;max-width:480px;}
	.img-wide > div{height:320px;margin-bottom:0;margin-right:8px;}
	.img-split{max-width:236px;flex-direction:column;max-height:320px;}
	.img-split > div:first-child{margin-bottom:4px;margin-right:0;}
	.img-split > div:last-child{margin-left:0;margin-top:4px;}
}

@media screen and (max-width:767px){
	.social-bits a{flex-direction:column;}
	.social-bits .social-link span{padding:10px 0 0 0;}
	.mobile-header-image{padding: 0; margin-bottom: 30px;}
	.mobile-header-image > div{background: url(/assets/img/careers/grid-large@2x.jpg) no-repeat center center; width: 100%; height: 320px; margin-bottom: 8px; background-size: cover!important;}
	.img-grid .img-wide{display: none;}
	.img-split{display: none;}
/*	.img-split{justify-content: center;}
	.img-split > div:first-child{margin-right:4px;margin-bottom:0;}
	.img-split > div:last-child{margin-bottom:0;margin-left:4px;}*/
}

@media screen and (max-width: 599px){
	.life-at-verb h2 hr{display: none;}
	.social-feed h2 hr{display: none;}
}

@media screen and (max-width: 499px){
	.careers-top-header-content h1{font-size: 6.6vw; margin-bottom: 30px;}
	.mobile-header-image > div{height: 250px;}
}



@media screen and ( max-width: 769px ) {
	.container {
		flex-direction: column-reverse;
		justify-content: center;
		padding-right: 0;
		padding-left: 0;
	}

	.confirmation > div {
		padding: 0;
	}

	.message {
		max-width: 75%;
	}

	.message {
		padding: 50px 10px 50px 10px;
		margin: 0 auto;
	}

	.video {
		min-width: 100%;
		padding: 0 0 25px 0;
		margin-top: 50px;
	}
}