/* 
COLOR PALETTE
=============================
Dark Blue : #2b3472 (about page)
Dark Pink : #db3b5a (about page)
Text : #1a1a1a (about page)
*/

/* Reset DOM Elements
============================================================================ */
html, body { height: 100%; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, ul, li, table, tr, th, td, p, span, label, a { margin:0px; padding:0px; text-decoration:none; text-align:left; font-weight:normal; line-height:none; list-style:none; }

/* Global
============================================================================ */
body { font-family: 'Open Sans', sans-serif; color:#fff; box-sizing:border-box; font-size:13px; -webkit-font-smoothing: subpixel-antialiased; padding-top:80px; }
.backdrop1 { background: url(../images/backdrop1.jpg)no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }	
.backdrop2 { background: url(../images/backdrop2.jpg) left top repeat; }	
.container { width:1024px; margin:0px auto; padding:0px; }
.cover-text { position:absolute; top:25px; color:#fff; font-weight:700; font-size:22px; padding:15px; background-color:#2b3472; width:450px; }
.display-4 { width:100%; color:#000; font-weight:700; font-size:18px; }
.display-table-100 { display:table;height:100px; }
.bg-pink { background-color: #db3b5a !important; }
.bg-blue { background-color: #2b3472 !important; }
a.download { font-weight:600; font-size:14px; color:#FFF; }
.w200 { width:200px !important; }
.w250 { width:250px !important; }
.w300 { width:300px !important; }
.w500 { width:500px !important; }
.w600 { width:600px !important; }
.w800 { width:800px !important; }
.w900 { width:900px !important; }

/* Helper Classes 
================================================== */
.mt-75 { margin-top:75px !important; }
.ml-74 { margin-left:74px; }	
.h-100 { height: 100px !important; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml50 { margin-left: 45px; }
.ml100 { margin-left: 100px; }
.mt30 { margin-top: 30px; }

	
/* Menu
============================================================================ */
.navbar { background-color:#F9D160; }
.navbar-light .navbar-nav .nav-link { font-weight:700; color:#000; text-transform:uppercase; }
.fixed-top { height:80px; }
.navbar-nav > li > a:hover { color:#db3b5a !important; }
li.active a { color:#db3b5a !important; }

/* Landing Page
============================================================================ */ 
.landing-box { position: absolute; width: 450px; height: 200px; left: 50%; top: 50%; border-radius: 10%; margin-left: -225px; margin-top: -100px; }
.landing-box div { margin-top:20px; font-size:20px; }

/* About Page
================================================== */
.cover-about { background: url(../images/cover-about.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:450px; position:relative; }
.about-insight18 { float:left; background-color:#2b3472; width:700px; padding:50px 100px 35px 35px; font-size:18px; font-weight:300; line-height:30px; }
.about-design { position:absolute; left:640px; top:30px; height:300px; float:left; background-color:#db3b5a; width:400px; padding:25px; font-size:16px; font-weight:300; line-height:25px; }
.theme { min-height:325px; width:475px; background-color:#FFF7C3; float:left; padding:40px 35px; color:#000; }
.theme img { width:100px; height:auto; }
.theme-name { font-weight:700; font-size:22px; width:100%; display:table-cell; vertical-align:middle; }
.theme-desc { font-size:14px; line-height:25px; }

/* Speakers Page
================================================== */
.cover-speaker { background: url(../images/cover-speaker.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:450px; position:relative; }
.speaker-bio { float:left; width:900px; padding:50px 150px 35px 35px; }
.speaker-bio p { font-weight:300 !important; font-size:15px;  line-height:25px; }
.speaker-pic { position:absolute; left:800px; top:55px; float:left; }
.about-speaker { padding:5px 20px; width:240px; }
.about-speaker h1 { color:#fff; text-align:center; position:relative; top:2px; font-size:16px; font-weight:600; }
.about-speaker h2 { line-height:18px; margin-top:10px; margin-bottom:16px; font-weight:300; font-size:13px; padding:3px; text-align:center; }

/* Info Page 
================================================== */
.cover-info { background: url(../images/cover-info.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:450px; position:relative; }
.info-about { position:absolute; width:240px; float:left; top:55px; }
.info-about h1 { font-size:20px; font-weight:600; padding:35px 35px 35px 50px; } 
.about-city a { font-weight:900; color:#fff; font-size:15px; text-decoration:none; }
.arrival { float:left; width:900px; padding:50px 150px 35px 35px; min-height:600px; }
.arrival a { font-weight:600; color:#fff; }
.arrival li { list-style:none; }
.arrival li span { float:left; }
.arrival i { font-size:32px; width:40px; }
.arrival li span:nth-child(2) { width:90%; margin-left:20px; font-size:14px; }
.tbl-route-info { width:90%; font-size:14px; }
.tbl-route-info th { font-weight:700; vertical-align:top; width:30%; height:35px; font-size:13px; }
.tbl-route-info td { height:35px; }
.tbl-route-info th:nth-child(2), .tbl-route-info td:nth-child(2) { text-align:center; width:40%; }

/* Contact Page 
================================================== */
.cover-contact { background: url(../images/cover-contact.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:450px; position:relative; }
.contact li  { color: #000000; font-size:15px; font-weight:600; margin-top:15px; }
.contact li i { color: #2b3472; display:inline-block; width:40px; font-weight:700; font-size:20px; }
.contact h2, .contact h3 { color:#000000; font-size:20px; font-weight:700; }
.contact h3 { font-size:15px; margin-top:5px; }
li.fb { margin-top:60px; }
li.fb span { float:left; }
li.fb span:nth-child(1) { width:40px; }
li.fb span:nth-child(2) { width:300px; font-weight:600; font-size:14px; line-height:18px; }

/* Registration Page [PAID]
================================================== */
.cover-register { background: url(../images/cover-register.jpg); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width:100%; height:450px; position:relative; }
.registration-ins { float:left; width:900px; padding:50px 150px 35px 35px; font-size:15px; }
.registration-ins h3 { font-weight:700; font-size:15px; margin:20px 0 5px 0; }
.registration-form { width:600px; }
.registration-form td { height:75px; }
.registration-form span { display:inline-block; }
.registration-form h3 { font-weight:600; font-size:13px; margin:0; color:#FFFFFF; }
.registration-form h4 { font-weight:400; font-size:24px; margin:0; color:#727272; border-bottom:1px solid #E4E4E4; padding-bottom: 7px; }
.registration-form input[type="text"], .registration-form select, .registration-form input[type="file"], .registration-form textarea { background-color:#F3F3F3; border-radius:3px; margin-top:3px; padding:5px; color:#000000; font-weight:600; font-size:14px; outline: none; border:none; height:35px; resize:none; }
.registration-form input[type="radio"] { width:15px; height:15px; position:relative; top:3px; }
.registration-form input[type="file"] { padding:5px 5px 5px 0;}
.registration-form td.hasGender label { font-weight:600; font-size:14px; margin-left:3px; color:#FFFFFF; }
.btn-submit { font-weight:600; font-size:15px; text-transform:uppercase; color:#fff; background-color:#2b3472; border:2px solid #2b3472; padding:10px; width:100px; border-radius:3px; transition:all ease-in .5s }
.btn-submit:hover { color:#fff; background-color:#2b3472; border:2px solid #fff;  }