@font-face {
font-family:'GothamRounded-Medium';
src:url('https://lydian.io/fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url('https://lydian.io/fonts/GothamRounded-Medium.otf') format('opentype'), url('https://lydian.io/fonts/GothamRounded-Medium.woff') format('woff'), url('https://lydian.io/fonts/GothamRounded-Medium.ttf') format('truetype'), url('https://lydian.io/fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:'GothamRounded-Book';
src:url('https://lydian.io/fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'), url('https://lydian.io/fonts/GothamRounded-Book.otf') format('opentype'), url('https://lydian.io/fonts/GothamRounded-Book.woff') format('woff'), url('https://lydian.io/fonts/GothamRounded-Book.ttf') format('truetype'), url('https://lydian.io/fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:'GothamRounded-Light';
src:url('https://lydian.io/fonts/GothamRounded-Light.eot?#iefix') format('embedded-opentype'), url('https://lydian.io/fonts/GothamRounded-Light.otf') format('opentype'), url('https://lydian.io/fonts/GothamRounded-Light.woff') format('woff'), url('https://lydian.io/fonts/GothamRounded-Light.ttf') format('truetype'), url('https://lydian.io/fonts/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
font-weight:400;
font-style:normal
}
@font-face {
font-family:'Conv_GothamRnd-Bold';
src:url('https://lydian.io/fonts/GothamRnd-Bold.eot');
src:local('â˜º'), url('https://lydian.io/fonts/GothamRnd-Bold.woff') format('woff'), url('https://lydian.io/fonts/GothamRnd-Bold.ttf') format('truetype'), url('https://lydian.io/fonts/GothamRnd-Bold.svg') format('svg');
font-weight:400;
font-style:normal
}
body { overflow-x: hidden; min-height:100%; background-size:cover; }
body.home { background-color:#FFF; }
body.page-id-589 { background:url(https://lydian.io/wp-content/uploads/2017/08/contact-bg.png) no-repeat center 42%;}
body.page-id-589 .entry-content strong { font-size: inherit; }
* { margin:0; padding:0; }
img { max-width:100%; }
a { text-decoration:none; color:#2073d1; }
.splash-container { float:left; width:100%; text-align:center; padding-top:100px; }
.splash-container .splash { opacity:0; transition: all 0.4s ease-in-out 0s; transform: scale(0.6); }
.splash-container .content { float:left; width:100%; padding:30px 0 15px; opacity:0; transition: all 0.8s ease-in-out 0s; margin-top:-100px; }
.splash-container .open { opacity:1; transform: scale(1); margin:0; }
.splash-container .content h1 { color: #444444; font-family: "GothamRounded-Light"; font-size: 40px; letter-spacing: -2px; font-weight: 500; margin:0; }
.splash-container .content p { color: #444444; font-family: "GothamRounded-Light"; font-size: 20px; padding: 10px 0 0; }
.splash-container .content a { color: #444444; }
.skip { position:absolute; top:85%; left:0; float:left; width:100%; text-align:center; z-index:999999; }
.skip a { cursor:pointer; font-family:'GothamRounded-Medium'; text-transform:uppercase; font-size:24px; color:#FFF; padding: 6px 18px; background: rgba(204, 204, 204, 0.31) none repeat scroll 0 0; border-radius: 4px; }
.home header { display:none; background:none; }
.btn-menu { color: #444444; }
#mainnav-mobi ul > li > a { text-transform:uppercase; font-family: "GothamRounded-Medium"; }
#mainnav ul li a, #mainnav ul li::before { color: #444444; text-transform: uppercase; }
#mainnav ul li a { cursor: pointer; font-size: 14px; font-family: 'GothamRounded-Medium'; }
#mainnav ul li a:hover { color: #0075d6; }
button, input[type="button"], input[type="reset"], input[type="submit"] { font-family: "GothamRounded-Light"; background-color: #1C3245; border: 1px solid #1C3245; border-radius: 0 5px 5px 0; }
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover { background-color: #1C3245; color: #fff; }
.wpcf7-form-control.wpcf7-text { width:340px; position: relative; top: 3px; border-radius: 5px 0 0 5px; border: 2px solid #e5e3e3; border-right:none; background:#fff; }
span.wpcf7-not-valid-tip { bottom: -40px; left: 2px; position: absolute; font-size:12px; }
div.wpcf7-mail-sent-ok { border: 2px solid #1C3245; margin:0; font-size:17px; }
#joinus .wpcf7-validation-errors { display:none !important; }
.site-header { background:none; }
.site-header.float-header { background-color: #fff; }
footer { float: left; width: 100%; background:url(https://lydian.io/wp-content/uploads/2017/08/footer-bg.png) repeat-x center top; padding-top:197px; }
footer .footer-menu { float: right; width:100%; }
footer .footer-menu li { display: inline; padding:0 0 0 20px; text-transform: uppercase; font-size:16px; }
footer .footer-menu li a { color:#767676; }
footer .footer-menu li a:hover { color:#CCC; } 
footer a:hover { color:#CCC; } 
.s-social-media-buttons { float: right; width:100%; }
.s-social-media-button.s-type-link { display: inline; margin: 0 5px; }
.footer-widgets { padding: 25px 0; }
.coming-soon { padding:0 0 40px; clear:both; }
.coming-soon p { font-size:20px; font-family: "GothamRounded-Light"; color:#444444; clear:both; }
.home .youtube-overlay-section { display: none; left: 50%; margin-left: -400px; position: absolute; top: 22%; width: 800px; z-index: 99999; }
.home .youtube-overlay-section a.close { background: #fff none repeat scroll 0 0; border: 1px solid #9a9a9a; border-radius: 20em; color: #333; cursor: pointer; font-size: 15px; font-weight: 700; line-height: 9px; opacity: 1; padding: 7px; position: absolute; right: -10px; top: 5px; z-index: 99999; }
.home .youtube-overlay-section::after {
 background: rgba(255, 255, 255, 0.7) none repeat scroll 0 0;
 content: "";
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
}
.home .youtube-overlay-section .inner-overlay { background: #fff none repeat scroll 0 0; float: left; min-height: 400px; width: 100%; z-index: 9; }
.home .youtube-overlay-section iframe { box-shadow: 0 0 8px #a4a4a4; float: left; height: 500px; position: relative; width: 100%; z-index: 9999; }
.home footer { background:none; padding-top:0; }
.post-594 a { color: #444444; }
.btn-col { float:left; width:100%; display:inline-block; text-align:center; margin:20px 0 35px; }
a.btn { background:#FFF; border: 2px solid #e5e3e3; border-radius: 5px; color: #444444; font-family: "GothamRounded-Light"; font-size: 18px; padding: 14px 40px; text-transform: uppercase; transition: all 0.4s ease-in-out 0s; margin-right:20px; }
a.btn:hover { background: #1c3245 none repeat scroll 0 0; color: #fff; }
#mainnav-mobi { background-color: #1c3245; }
.splash-circle { float: left; min-height: 500px; text-align: center; width: 100%; margin-top: 50px; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { border: 1px solid #1c3245; }
.content-area .hentry { padding:0; }
.product-list { background: #fff none repeat scroll 0 0; float: left; margin-bottom: 19px; width: 100%; }
.hentry h1.title-post { color: #142c41; font-family: "GothamRounded-Light"; font-size: 52px; font-weight: 300; margin-top:20px; }
.entry-content { color:#444444; }
.entry-content h2 { color: #142c41; font-family: "GothamRounded-Light"; font-size: 34px; font-weight:400; line-height: 42px; margin-top:30px; }
.entry-content h2 span { font-weight:normal; font-family:'Conv_GothamRnd-Bold'; }
.entry-content h3 { color: #142c41; font-family: "GothamRounded-Light"; font-size: 44px; font-weight:400; line-height: 57px; margin-top: 70px; text-align: center; }
.entry-content p { font-family: "GothamRounded-Book"; font-size: 16px; }
.entry-content h3 span { display:block; font-family: "GothamRounded-Medium"; }
.entry-content strong { font-weight:normal; font-size:20px; font-family:'Conv_GothamRnd-Bold'; }
.product-listing ul li:first-child .content-sxn { margin-bottom: 28px; }
.content-sxn { float: left; padding: 50px; width: 100%; }
.content-sxn p { font-size:16px; color:#555555; line-height:30px; }
.page-template-default .site-header { top:0; }
.content-area { margin-top:130px; min-height:53vh; font-family: "GothamRounded-Book"; }
.top-content-area { padding:20px 0; }
.top-content-area p { text-align:center; font-size:21px; color:#444444; }
.top-content-area figure { margin:75px 0; }
.fold-content { background:url(https://lydian.io/wp-content/uploads/2017/08/separator-bg.png) repeat-x center bottom; padding:40px 0; }
.fold-content:first-child { padding-top:0; }
.fold-content:last-child { background:none; padding-bottom: 0; }
.fold-content.gray { background:#fafafa; }
.fold-content p { padding:10px 0; }
.fold-content figure { margin:40px 0 0; }
.entry-content .fold-content h3 { margin-top:40px; }
.col-spacing-left { padding-left:15px; }
.col-spacing-right { padding-right:15px; }
.margin-bottom-60 { margin-bottom:60px; }
.page-id-587 .fold-content h3 { font-size: 34px; line-height: 44px; }
.page-id-589 .entry-content h3 { color:#142c41; font-size:20px; font-weight:700; margin:0; text-align:left; font-family: "GothamRounded-Book"; }
.page-id-589 .content-area { min-height:50vh; }
.contact-wrapper { padding:3% 3% 3% 5%; margin-top:40px; }
.contact-wrapper .icon-box { float: left; padding-right: 15px; }
.contact-wrapper .contact-info { float: left; padding-bottom: 30px; }
.contact-wrapper .contact-info a#csm { float: left; margin-right:15px; }
.contact-wrapper .fa { background: #f4f4f4; border-radius: 50%; font-size: 22px; width:50px; height:50px; padding-top:27%; text-align:center; }
.contact-wrapper .fa-facebook { color: #3b5998; }
.contact-wrapper .fa-twitter { color: #55acee; }
.page-id-589 .entry-content h3 img { float: left; margin: 20px 14px 0 0; }
.s-social-icon.s-social-icon-twitter { margin: 0 10px; }
.desktop-view { display:block; }
.mobile-view { display:none; }
.event-page { padding-top:50px; }
.event-page .event-info { padding:5px 20px; border:#e3e3e3 solid 1px; }
.event-page .event-info h3 { font-size:22px; text-align:left; margin:5px 0; }
.event-page h2 { min-height:124px; margin:0; padding:0; }
.event-page h2.nyc { background:url(https://lydian.io/wp-content/uploads/2017/08/new-york.png) no-repeat right bottom;  }
.event-page h2.london { background:url(https://lydian.io/wp-content/uploads/2017/08/london.png) no-repeat right bottom; }
.event-page h2.singapore { background:url(https://lydian.io/wp-content/uploads/2017/08/singapore.png) no-repeat right bottom; }
.event-page h2 > span { font-family: "GothamRounded-Book"; clear: both; float: left; margin: 60px 0 0; }
.event-page .event-info h3 { font-size:20px; color:#444444; line-height:32px; }
 @media (max-height:800px) {
.splash-container .splash {
max-height:60vh;
}
.splash-circle {
min-height: 400px;
}
}
@media (max-width:1160px) {
.splash-container .content h1 {
font-size:3.9vw;
}
.splash-container .content p {
font-size:1.3vw;
}
.page-id-589 .entry-content h3 { font-size:16px; margin-top:12px; }
.entry-content h3 { font-size: 36px; }
}
 @media (max-width:1023px) {
.skip {
top:75%;
}
.splash-container .content h1 {
font-size:4vw;
}
.splash-container .content p {
font-size:1.9vw;
}
.entry-content h2 { font-size:24px; margin-top: 10px; }
.splash-container {
width:90%;
float:none;
margin:auto;
}
 .splash-container.open {
display:block;
}
.home .youtube-overlay-section {
 left: 12px;
 margin-left: 0;
 width: 94%;
}
.content-area {
margin-top:22px;
}
.content-sxn {
padding:50px 0;
}
.content-sxn .pull-right.text-center, .content-sxn .pull-left.text-center {
width:100%;
margin-bottom:20px;
}
.hentry h1.title-post {
font-size:40px;
}
.entry-content h3 {
font-size:24px;
line-height:37px;
margin:45px 0 0;
}
.entry-content .fold-content h3 {
margin: 8px 0;
}
.top-content-area p {
font-size:17px;
}
.page-id-587 .fold-content h3 {
font-size:23px;
line-height:37px;
}
.page-id-587 .fold-content p { font-size:13px; }
.page-id-589 .entry-content h3 img { margin-top:12px; }
.entry-content p { font-size:14px; padding-bottom:0; }
.fold-content p { padding-bottom:0; }
.fold-content figure { margin: 30px 0; }
.fold-content .pull-left, .fold-content .pull-right { float:none; }
footer .col-xs-12 { text-align:center; }
footer .footer-menu { padding-top:20px; }
footer .footer-menu li { padding: 0 10px; font-size:15px; }
footer .footer-logo img { width:190px; }
.col-spacing-left { padding-left:0; }
.col-spacing-right { padding-right:0; }
.event-page .event-info h3 { font-size:16px; }
}
@media (min-width:768px) and (max-width:1024px) {
.coming-soon {
clear:both;
}
.content-area {
margin-top:22px;  
min-height: 47vh;
}
}
@media (max-width:635px) {
.splash-container {
padding-top: 40px;
}
.splash-container .content {
padding-top: 15px;
}
.splash-container .content h1 {
font-size:5.8vw;
}
.splash-container .content p {
font-size:3.4vw;
padding: 8px 5% 0;
}
.splash-container .content h1 {
letter-spacing: -1px;
}
.wpcf7-form-control.wpcf7-text {
 width: 192px;
 top:0;
}
.entry-content h3 { font-size: 21px; }
button, input[type="button"], input[type="reset"], input[type="submit"] { padding: 12px 25px; }
}
@media (min-width:320px) and (max-width:767px) {
a.btn { margin-right:0; margin-bottom:10px; display:block; }
.desktop-view { display:none; }
.mobile-view { display:block; }
.contact-wrapper { margin-top:0; }
body.page-id-589 { background:none; }
.splash-container { padding-top:0; }
.splash-container .splash { max-height: 40vh; }
.splash-circle { margin-top: 0; min-height: 230px;}
.coming-soon  { padding: 15px 0 40px; }
.coming-soon p { font-size:14px; }
a.btn { padding:10px 40px; font-size: 15px;}
.btn-col { margin:0; }
.event-page { padding-top:0; }
}
