
#content {width:100%}

.band {width:100%;}
.center {margin:0 auto;}
.center.separator {border-bottom: 1px solid #e1e1e1; margin: 30px auto;}

.marquee {position:relative;}
.marquee .catch p {color: #fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4); line-height: 120%;}
.marquee .catch p.title-1 {margin-left: 4px; font-size: 42px; width: 500px; max-width: 100%; line-height: 100%;}
.marquee .catch p.text  {margin: 24px 0 40px 4px; font-size: 20px; width: 400px; letter-spacing: 0.02em;}
.marquee .catch .button-wrap a {width:192px; height: 40px; line-height: 40px;}


.mk-home-title {
    width:100%; text-align: center; height: auto; margin: 20px 0 50px;
    font-size: 30px; color:#333; line-height: 110%;
}

.lu-mi-nar-y {float:left; width:100%; margin:50px 0 20px 0;}
.lu-mi-nar-y img {float:left; margin:0 20px;}
.lu-mi-nar-y p {float: left; margin: 5px 0 0 10px; font-size: 26px; color:#777; line-height: 110%;}
.lu-mi-nar-y p span        {font-size: 26px; font-style: italic; color:#777; line-height: 110%;}
.lu-mi-nar-y p span.number {font-size: 32px; font-style: normal; margin-left: 10px;}

.talent-imgs {width:100%;}
.talent-imgs li {float:left;width:33.3333%; height:245px;}
.talent-imgs li div {width:100%; height:100%; background-size: cover; background-position: 50% 0;}

.talents {float:left; width:100%; margin: 30px 0 40px 0;}
.talents p.title {text-align: center; font-weight:bold; font-size: 30px; color:#333; line-height: 110%;}
.talents ul li p {font-size: 16px; text-align: center; margin-top:20px;}

.steps {float:left; position: absolute;}
.steps .step123 {float:left; margin: 110px 0 0 100px;}
.steps .step123 ul {}
.steps .step123 ul li {width:760px; float:left; margin-bottom:30px;}
.steps .step123 ul li .number {float:left;}
.steps .step123 ul li p.text {float:left;
                              font-size: 22px; color:#fff; line-height: 120%;
                              text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4);}
.steps .button {margin:40px 0 0 378px;}

.why {float:left; width:100%;}
.why ul {float:left; margin-top:30px;}
.why ul li {margin-top:40px; float:left; width:320px; height:160px;}
.why ul li p.subject {float:left; width:300px; font-size: 21px; color:#333; line-height:100%; margin-bottom: 10px;}
.why ul li p.text {float:left; width:280px; font-size: 16px; color:#333; }





#vendorSignUp .center {text-align: center;}
#vendorSignUp #forgot-password{display: none; cursor: pointer; font-size: 13px; font-style: italic; border: none; text-decoration: underline; color: #00a94f;}
#vendorSignUp input.longBox {width:100%;}
#vendorSignUp p.errors {
    color: #ee5757;
    display: none;
    font-size: 14px;
    font-style: italic;
    text-align: center;
}

#vendorSignUp .band[questionid] {
    padding: 55px 0;
    border-bottom: 1px solid #e1e1e1;
}

#vendorSignUp input.otherInput {font-size: 14px; padding-left: 0px; margin: 0 0 0 5px; border-top: none; border-left: none; border-right: none; background-color: #FFF; padding: 5px;}
#vendorSignUp .buttonParent {margin: 10px auto 0;}

#vendorSignUp .topics {margin: 0 auto;}
#vendorSignUp .topics .label{margin: 6px 0 0 12px; font-size: 14px;}
#vendorSignUp .topics .f-row .block-con{width: 250px; display: inline-block; vertical-align: top;}
#vendorSignUp .topics .f-row.radioBoxes{margin-bottom: 25px;}
#vendorSignUp .topics .f-row .radioBox{vertical-align: middle;}
#vendorSignUp .topics .f-row {text-align: left; margin-bottom: 10px;}
#vendorSignUp .topics .sub-topics {display: none;}

#vendorSignUp .header {font-size: 23px; color: #333; margin-bottom: 20px;}


#vendorSignUp .row-container .buttonParent{width: 350px; margin: 0 auto; margin-top: 15px;}
#vendorSignUp .button-x-wide {width: 342px;}

#vendorSignUp .wordsRemaining, .counter-text, .charRemaining{font-size:13px; line-height: 17px; color: #777;}

#vendorSignUp .checkBox,
#vendorSignUp .radioBox {background-color: white; cursor: pointer; height: 15px; margin: 0; padding: 5px; width: 15px;}

#vendorSignUp .checkBox.select,
#vendorSignUp .radioBox.select {background: url('/images/io/icon_checkmark_green.png') no-repeat 5px 5px; background-size: cover; background-color: white; background-position: center;}

#vendorSignUp .radioOtherBox {width: 15px; height: 15px; margin: 0; padding: 5px; cursor: pointer; background-color: white; }

#vendorSignUp .button-wrap  {float: inherit;}
#vendorSignUp .button-outer {float: inherit;}

#vendorSignUp .social_icons p {
    color: #fff;
    font-size: 11px;
    letter-spacing: 0.14em;
    text-align: center;
    margin:0; padding: 0;
    width:100%;
}
#vendorSignUp .form-row .button-row {float: inherit;}
#vendorSignUp .form-row .button-row a.predefined{float: inherit; padding: 10px 45px; margin-left: 0px;}


#vendorSignUp .signup-full {min-height:400px; max-height:1200px;}

#vendorSignUp .signup-top {background:none; position: relative; padding: 100px 30px 40px; z-index: 3;}
#vendorSignUp .signup-top h3 {font-size:32px; color:#fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4);}
#vendorSignUp .signup-top a.why {font-size:12px; letter-spacing: 0.14em;}

#vendorSignUp .landingPage {background:none; position: relative; width:350px; z-index: 3; border:0;}
#vendorSignUp .landingPage .sec-header{font-size: 18px; margin-bottom: 10px; color: #fff;}
#vendorSignUp .landingPage p.agree {font-size:15px; color:#fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4);}
#vendorSignUp .landingPage p.agree a {font-size:15px; color:#fff; text-shadow: 1px 2px 4px rgba(51, 51, 51, 0.4); text-decoration: underline;}

#vendorSignUp .edit-label {
    color: #777;
    font-size: 13px;
    font-style: italic;
    text-align: left;
}

/*
    vendor portal dashboard chart
===============================================================================
*/

.dashboard.mobile .flex-ele{width: 90%;}
.dashboard.mobile .mid-sec {width: 100%; margin-top:20px;}
.dashboard.mobile .flex-ele img.right-arr{margin-bottom: -3px;}

#dashboard-chart { width: 100%;}
#dashboard-chart p.zs-header { display:none;}
#statistics-options-wrapper {padding: 0 20px; float:none;}
#statistics-options { width: 100%;}

#stat-charts li.tab {list-style:none}

#stat-charts {width: 100%; float:left; border: 1px solid #e1e1e1; box-sizing: border-box; margin-top:10px;}
#stat-charts .tabs {}
#stat-charts .tabs .tab {
    position: relative;
    background-color:#fafafa; cursor: pointer;
    width: 100%; height:100px; float:left;
    box-sizing: border-box;
    border-bottom: 1px solid #e1e1e1;
}
#stat-charts .tabs .tab.current {background-color:#fff; border-bottom:none;}

#stat-charts .tabs .thumb {margin: 12px 20px;}
#stat-charts .tabs .tab-title {float: left; width: 100%;}
#stat-charts .tabs .tab-title .text {float:left; color:#333; font-size: 11px; line-height: 28px; letter-spacing: 0.12em; text-transform: uppercase;}
#stat-charts .tabs .tab-title .info {
    background: url("/images/icon_info_green_new.png") no-repeat scroll 0 0 / 28px auto;
    float: left; height: 28px; margin-left: 4px; width: 28px;
}
#stat-charts .tabs .main-val {float:left; color:#000; font-size: 26px; line-height: 1; margin: 15px 0 12px 0;}

#stat-charts .tabs .sub,
#stat-charts .tabs .sub .val {color:#777; font-size: 13px;}
#stat-charts .tabs .sub {position: absolute; right: 20px; top: 40px; width: 150px;}
#stat-charts .tabs .sub.second {top: 60px}


#stat-charts .tabs .sub .val {float:right; padding-right:4px;}

#stat-charts .tabs .tooltip {
    display: none; padding: 10px; position: absolute; width: 190px; height:73px; z-index: 100;
    top: 2px; right:20px;
    background: #f2f2f2; border: 1px solid #e1e1e1;
}
#stat-charts .tabs .tooltip .close-tip {position:absolute; bottom:2px; right:2px; width: 24px; height:24px;}

#stat-charts .panes {display:none}


/* FLIGHT DELAY */

.flight_delay_orders_overlay {z-index:10000;}
.ui-autocomplete{z-index:10001;}
.flight_delay_orders_overlay .flight-delay-header {margin: 0 20px 20px;}
.flight_delay_orders_overlay  .ifonly_pop {width:500px; height:500px; padding-bottom:0;}
.flight_delay_orders_overlay .warning_icon {width:60px; }
.flight_delay_orders_overlay .body_row > * {margin-top:20px;}
.flight_delay_orders_overlay .btn_row {margin-top: 50px;}
.flight_delay_orders_overlay .btn_row .button {margin: 0 10px;}
.flight_delay_orders_pop_content {margin-bottom: 50px;}
.flight-delay-content { padding: 20px 0; overflow: auto; height: 480px; }
.flight_delay_orders_overlay .flight-delay-button {width: 100%; height: 100%; justify-content: center;}
.flight_delay_orders_overlay .flight-info-section-row {width: 100%; /*height: 50px;*/ padding: 0 20px;}
.flight_delay_orders_overlay .flight-info-section-template {display: none;}
.js-flight-delay-text {height: 30px;}
.flight_delay_orders_overlay .flight-info-section input[type='text'] {height: 30px !important; border-radius: 5px; display: none; width: 90% !important;}
.flight_delay_orders_overlay .flight-info-section.edit .js-flight-delay-text {display: none;}
.flight_delay_orders_overlay .flight-info-section.edit .js-flight-delay-input {display: block;}

.flight_delay_orders_overlay .flight-info-section .js-additional-passengers {cursor: pointer; text-decoration: underline; display: none;}
.flight_delay_orders_overlay .flight-info-section.edit .js-additional-passengers {display: block;}
.flight_delay_orders_overlay .flight-delay-button {height: 50px; width: 100%; position: absolute; bottom: 0;}
.flight_delay_orders_overlay .flight-delay-button.disabled {cursor: auto; background-color: #e1e1e1; color: #000;}
.flight_delay_orders_overlay .circle-container {margin: 3px 5px;}
.flight_delay_orders_overlay .circle-container .circle {cursor: pointer; background-color: #808080; width: 25px; height: 25px; border-radius: 50%;}
.flight_delay_orders_overlay .additional-passengers-container {position: relative; padding-right: 31px;}
.flight_delay_orders_overlay .flight-info-section:last-of-type hr {display: none;}
