/* Imports */
@import url('https://fonts.googleapis.com/css?family=Montserrat');
@font-face {
    /** http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ **/
    font-family: 'museo_font_bold';
    src: url('../font/museo700-regular-webfont.eot');
    src: url('../font/museo700-regular-webfont.eot?#iefix') format('embedded-opentype'),
        url('../font/museo700-regular-webfont.woff') format('woff'),
        url('../font/museo700-regular-webfont.ttf') format('truetype'),
        url('../font/museo700-regular-webfont.svg#museo700') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    /** http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ **/
    font-family: 'museo_font';
    src: url('../font/museo500-regular.otf'),
        url('../font/museo500-regular.otf') format('truetype');
    font-weight: normal;
    font-style:normal;
}

@font-face {
    /** http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/ **/
    font-family: 'museo_font_light';
    src: url('../font/Museo300-Regular.otf'),
        url('../font/Museo300-Regular.otf') format('truetype');
    font-weight: normal;
    font-style:normal;
}

.header-box, .footer-box {
    width: 100%;
    min-width: 900px;
    background-color: #0080c5;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-repeat: repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
}

.footer-box {
    height: 150px;
    padding-top: 20px;
    color: #fff;
    font-family: Arial;
}
.footer-box small {
    font-size: 80%;
}

.inner-footer-right{
    margin-top: 20px;
}

.float-r{ float:right}
.float-l{ float:left}

a.underline{ 
    text-decoration: underline; 
    color: #fff;
}

.header-text {
    font-size: 22px;
    color: #F6F6F6;
    line-height: 26px;
    font-family: Montserrat;
    text-align: center;
    font-weight: 400;
    text-transform: uppercase;
    padding: 10px 0;
}

.partners-box {
    text-align: center;
    font-family: Montserrat;
    width: 100%;
    min-width: 900px;
    height: 100px;
    background-color: #fff;
    border-radius: 0px 0px 0px 0px;
    opacity: 1;
    filter: alpha(opacity=100);
    background-repeat: repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: top left;
    padding-top: 20px;
}

.offer-box {
    position:relative;
    text-align: center;
    font-family: Montserrat, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #2D2C2C;
    opacity: 1;
    font-size: 18px;
    margin-top:100px;
}
.offer-box .img {
    position:absolute;
    bottom:0;
}
.offer-box .txt {
    padding:10px 0;
}
.offer-box .offer-btn {
    float:right;
    margin: 10px;
}
@media only screen and (max-width: 1024px) {
    .offer-box {
        text-align: right;
        margin-top: 100px;
    }
    .offer-box .txt {
        margin-left:180px;
    }
    .offer-box .img img {
        width:180px;
    }
}

.partners-box img {
    max-height: 70px;
    border-width: 0;
}

.partners-box p {
    margin-top: 20px;
}

.centered {
    text-align: center;
}

.no-mobile{
    display: block;
}

.mobile{
    display: none;
}

#wrap h3 {
    font-weight: 700;
}

.no-padding{
    padding: 0!important;
}

#wrap {
    background-color: #e9e9e9;
    color: #666;
    font-family: Montserrat;
}

#seminar-page .container{
    width: 920px;
}
#seminar-page label{
    font-weight: 500;
    margin-bottom: 0;
    color: #878787;
}
#seminar-page label.error{
    color: #D90000;
}
.important {
    color: #545454;
    font-weight: 700;
    font-size: 59px;
    text-transform: uppercase;
    margin: 20px 0 -5px;
}
.green {
    color: #00a84e;
}
.blue {
    color: #0080c5;
}

.margin-bottom{
    margin-bottom: 20px;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: pointer;
    background-color: #fff;
}
.margin-topbtn{
    margin-top: 20px;
}
.margin-top-invite{
    font-size: 18px;
    margin-top: 100px;
}
#formSeminarInvite p {
    color: #878787;
    margin-bottom: 100px;
}
.mandatory-align{
    color: #999;
    padding-top: 18px;
}

.goback{
    padding-top: 18px;
}
.goback a{
    text-decoration: underline;
    padding-left: 19px;
    font-size: 15px;
    color: #878787;
}
.goback .icon{
    color: #878787;
    position: absolute;
    padding-top: 4px;
    font-size: 18px;
}

.mobtn{
    text-transform: uppercase;
    background-color: #00a84e;
    border-color: #00a84e;
    padding: 14px 12px;
    font-size: 22px;
    font-weight: 700;
}
.mobtn:visited, .mobtn:hover, .mobtn:focus {
    background-color: #00a84e;
    border-color: #00a84e;
}

.important-list {
    margin-top: 10px;
}
.important-list .list-text{
    font-size: 21px;
    font-family: Montserrat;
    color: #474A59;
}
.important-list li {
    display: block;
}
.important-list .icon-ok:before {
    margin-right: 5px;
    color: #00a84e;
}
#seminars-selector-container{
    display: none;
}

#seminar-page .seminar-datepicker::before {
    position: absolute;
    top: 27px;
    right: 30px;
    font-family: FontAwesome;
    content: "\f073";
    -webkit-font-smoothing: antialiased;
    cursor: pointer;
}

#seminars-table {
    margin-top: 15px;
    margin-bottom: 15px;
}
#seminars-table .column-label{
    margin-top: 30px;
}
#seminars-table article,
#seminars-table .seminarInfo{
    height: 60px;
}
#seminars-table article {
    overflow: hidden;
    border: solid 1px #ccc;
    margin-top: -1px;
    margin-right: -1px;
}
#seminars-table .seminarInfo {
    width: 100%;
    display: inline-block;
    padding-left: 20px;
    padding-top: 10px;
}
.seminarTime{
    font-size: 20px;
}
#seminars-table .seminarInfo.seminarUnavailable {
    /* On "top" */
    background:
        repeating-linear-gradient(
        45deg,
        transparent,
        transparent 1px,
        #fff 4px,
        #ddd 4px
        );
    color: #888;
}
#seminars-table .seminarInfo.seminarAvailable {
    color: #0080C5;
    cursor: pointer;
    background:#fff;
}
#seminars-table .seminarInfo.seminarAvailable:hover,#seminars-table .seminarInfo.seminarSelected {
    background: #ddd;
    color: #00a84e;
}
#column-morning, #column-afternoon, #column-evening {
    padding-left: 0;
    padding-right: 0;
}

a.changes{
    text-decoration: underline;
    color: #878787;
    font-size: 15px;
}
.seminar-name {
    font-size: 20px;
    margin-top: 70px;
}
.confirmation{
    font-size: 18px;
}
.addtocalendar {
    margin-top: 15px;
    margin-bottom: 100px;
}
.margin-bottoma{
    margin-bottom: 210px;
}
.margin-bottomb{
    margin-bottom: 240px;
}
.margin-thankyou{
    margin-top: 300px;
    margin-bottom: 300px;
}
.atc-style-blue .atcb-item-link,
.atc-style-blue .atcb-item-link:hover, 
.atc-style-blue .atcb-item-link:active, 
.atc-style-blue .atcb-item-link:focus,
.atc-style-blue .atcb-link, 
.atc-style-blue .atcb-link:hover, 
.atc-style-blue .atcb-link:active, 
.atc-style-blue .atcb-link:focus {
    font-family: Montserrat;
    font-size: 15px;
}

.nofloat {
    float: none;
}
#seminar-page .intl-tel-input {
    display: block;
}


@media only screen and (max-width: 1024px){
    .col-sm-12 {
        width: 100%;
    }
    .header-box{
        padding: 10px 0;
    }
    .header-text{
        font-size: 1.4em;
        line-height: 1em;
    }
    .header-box, .footer-box, .partners-box{
        min-width: 1em;
    }
    .partners-box {
        height: 3em;
        margin-top: 0.5em;
    }
    .container {
        width: 100%;
    }
    .partners-box img {
        max-height: 3em;
    }
    .partners-box p {
        margin-top: 0.8em;
    }
    .footer-box small {
        font-size: 0.7em;
    }
    small {
        font-size: 0.7em;
    }
    .inner-footer-right {
        margin-top: 1.2em;
        font-size: 1em;
    }
    .no-mobile{
        display: none;
    }
    .mobile{
        display: block;
    }
    .footer-box {
        height: 80px;
        padding-top: 10px;
    }
    .col-xs-6 {
        width: 100%;
    }
    .col-xs-5, .col-xs-2 {
        width: 33.33%;
        padding-left: 0;
        padding-right: 0;
    }
    .mandatory-align {
        display: none;
    }
    #wrap {
        background-color: #fff;
    }
    #seminar-page .container{
        width: 90%;
    }
    .important {
        margin: 30px -5px;
        line-height: 1em;
        font-size: 2.8em;
        text-align: center;
    }
    .important-list{
        padding-left: 0;
    }
    .important-list ul{
        list-style-type: none;
    }
    .important-list .list-text{
        font-size: 1em;
    }
    .important-list .icon-ok {
        font-size: 1em;
    }
    .important-list .icon-ok:before {
        margin-right: 1em;
    }
    .important-list li {
        margin-top: 0.3em;
        text-indent: -1em;
    }
    #reg_step_1 h3, #reg_step_2 h3 {
        display: none;
    }   
    #seminar-page label {
        font-size: 1.5em;
    }
    .form-control {
        border-radius: 5px;
        height: 2.5em;
        font-size: 1em;
    }
    .mobtn{
        padding: 0.6em 1em;
        font-size: 2.0em;
    }
    .mob-centered{
        text-align: center;
    }
    .margin-topmbl{
        margin-top: 1em;
    }

    .margin-bottom{
        margin-bottom: 1em;
    }
    .margin-bottoma{
        margin-bottom: 3em;
    }
    #seminars-selector-container{
        display: block;
        margin-top: 3em;
    }
    #seminars-table{
        display: none;
    }
    .goback{
        display: none;        
    }
    a.changes {
        font-size: 0.8em;
    }
    #seminar-page .seminar-datepicker::before{
        font-size: 1.5em;
        top: 1.5em;
    }
    .extratop {
        margin-top: 2.5em;
    }
    .ui-widget {
        font-size: 1em;
    }
    .atc-style-blue .atcb-item-link,
    .atc-style-blue .atcb-item-link:hover, 
    .atc-style-blue .atcb-item-link:active, 
    .atc-style-blue .atcb-item-link:focus,
    .atc-style-blue .atcb-link, 
    .atc-style-blue .atcb-link:hover, 
    .atc-style-blue .atcb-link:focus, 
    .atc-style-blue .atcb-link:active {
        padding: 0.5em 0.5em;
        font-size: 1.5em;
        line-height: 1.5em;
        border-radius: 5px;
    }
    .atc-style-blue .atcb-list {
        width: 15em;
    }
    .addtocalendar {
        margin-top: 3em;
        margin-bottom: 5em;
    }
    .margin-top-invite{
        font-size: 1em;
        margin-top: 3em;
    }
    textarea.input-lg {
        height: 5em;
    }
    .margin-bottomb{
        margin-bottom: 4em;
    }
    .margin-thankyou{
        margin-top: 8em;
        margin-bottom: 16em;
        font-size: 1em;
    }
    .confirmation{
        font-size: 1em;
    }
    .seminar-name {
        font-size: 1.5em;
        margin-top: 1em;
    }
    #formSeminarInvite p{
        font-size: 0.8em;
        margin-top: 0.8em;
        margin-bottom: 6em;
    }
}

@media only screen and (max-width: 400px){
    .header-text {
        font-size: 1em;
    }
    .partners-box img {
        max-height: 2em;
    }
    small {
        font-size: 0.5em;
    }
    .partners-box p {
        margin-top: 0.3em;
    }
    .important {
        font-size: 2em;
    }
    #seminar-page label {
        font-size: 1em;
    }
    .mobtn {
        padding: 0.5em 0.4em;
        font-size: 1.6em;
    }
    .form-control {
        font-size: 0.9em;
    }
    a.changes {
        font-size: 0.6em;
    }
    #seminar-page .seminar-datepicker::before{
        font-size: 1em;
        top: 1.8em;
    }
    .atc-style-blue .atcb-item-link,
    .atc-style-blue .atcb-item-link:hover, 
    .atc-style-blue .atcb-item-link:active, 
    .atc-style-blue .atcb-item-link:focus,
    .atc-style-blue .atcb-link, 
    .atc-style-blue .atcb-link:hover, 
    .atc-style-blue .atcb-link:focus, 
    .atc-style-blue .atcb-link:active {
        padding: 0.5em 0.5em;
        font-size: 1em;
        line-height: 1em;
        border-radius: 5px;
    }
    .atc-style-blue .atcb-list {
        width: 12em;
    }
    .margin-thankyou {
        margin-top: 8em;
        margin-bottom: 9em;
        font-size: 1em;
    }
}