@media screen and (min-width: 1801px) {
   
    .navbar-inverse .navbar-nav>li>a {
        font-size: 18px !important;
    }
    .container {
        width: 100% !important;
    }
   .talent-names {
     max-width: 1390px;
    margin-right: auto;
    margin-left: auto;
 }
}
/*
@media screen and (min-width: 1100px) and (max-width:1199px) {
    .navbar-inverse .navbar-nav>li>a {
        font-size: 13px !important;
    }
}

@media screen and (min-width: 870px) and (max-width:1099px) {
    .navbar-inverse .navbar-nav>li>a {
        font-size: 12px !important;
    }
  
}
*/

.col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-offset-0, .col-sm-offset-1, .col-sm-offset-10, .col-sm-offset-11, .col-sm-offset-12, .col-sm-offset-2, .col-sm-offset-3, .col-sm-offset-4, .col-sm-offset-5, .col-sm-offset-6, .col-sm-offset-7, .col-sm-offset-8, .col-sm-offset-9 {
   
}

/*
@media screen and (min-width: 500px) {
    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    } 
}
*/

.robotoHeader2 {
    font-family: roboto;
    font-size: 2em;
    font-weight: bold;
}





#navbar img {
    width: 170px;
}

#block-block-1 {
    /*float: right;
width: 13%;*/
    padding-left: 3% !important;
}

.first-sm {
    order: 1 !important;
}


/*
section.services{
background: #fbfaf7 !important;
}
*/
.panel-bod, .panel-collapse {
    font-size: 15px;
    font-family: robotoLight;
}

.pricing-panel .panel-collapse {
    font-size: 16px;
}

#protfolio_sec {
    background-color: transparent !important;
}

.field-label.text-primary.didotBold, .drpl-title {
    font-family: 'Roboto', sans-serif !important;
}

.field-item.even, .field-label {
    font-size: 16px;
}

section.talentlist {
    background-size: cover;
}

.field-label.text-primary.didotBold:before {
    width: 80%;
    content: " ";
    background-image: url(../../files/imgs/orange-bar.jpg);
    position: absolute;
    left: 0;
    top: 0;
    height: 15px;
}


#int-page1 {
    padding-left: 4.5% !important;
    padding-right: 4.5% !important;
}

.webform-submit.button-primary.btn.form-submit.btn-tertiary.btn-block {
    text-transform: uppercase;
}

input[placeholder], [placeholder], *[placeholder] {
    color: #000000 !important;
    opacity: 1;
    font-weight: bold;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #000000 !important;
    opacity: 1;
    font-weight: bold;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #000000 !important;
    opacity: 1;
    font-weight: bold;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000 !important;
    opacity: 1;
    font-weight: bold;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #000000 !important;
    opacity: 1;
    font-weight: bold;
}

.col-sm-12.col-sm-5 .field.field-name-body.field-type-text-with-summary.field-label-hidden {
    float: left;
    width: 60%;
    padding-left: 15px;
    padding-right: 15px;
}




section.about {
    background-size: cover !important;
}

.banner-flex-rectangle {
    width: 31.98%;
    float: right;
    /*background: #EBA173; */
    background-color: rgba(249, 211, 188, 1);
}

.banner-flex-rectangle:before {
    content: "";
    display: block;
    padding-top: 28%;
}



.views-field-field-mobile-image {
    display: none;
}

div[about="/services"] .page-title {
    padding-left: 4%
}

div[about="/about"] .page-title {
    padding-left: 4.5%;
}

div[about="/revealing"] .page-title {
    padding-left: 4.5%;
}

#section2 .cd-story {
    margin-top: -87%;
}

@media screen and (max-width: 767px) {
    .banner-flex-rectangle:before {
        display: block;
        padding-top: 50%;
    }
    .robotoBold {
        display: inline-block;
    }
    .roboto {
        text-align: left;
    }
    .rectangleBox {
        padding: 20px !important;
        padding-left: 5% !important;
        text-align: left !important;
    }
    .col-md-4.col-md-push-2 {
        padding: 20px;
        padding-left: 5% !important;
        padding-right: 5% !important;
        width: 100% !important;
    }
   
    #block-block-1 {
        float: none;
        width: 95%;
        padding-left: 6.4% !important;
    }
    .cta_box_ctrl {
        padding-left: 5%;
        padding-right: 5%;
        padding-top: 4%;
        padding-bottom: 4%;
    }
    section.cta2 .cta_box p {
        text-align: justify;
    }
    
   
    .navbar-inverse .navbar-toggle .icon-bar {
        background-color: black;
    }
    .collapse {
        display: none !important;
    }
   
    a.logo {
        padding-left: 5.5% !important;
    }
    .list-inline>li {
        /*display: block !important;*/
    }
    .contactBlock a {
        font-size: 18px !important;
    }
    section.cta .rectangle {
        background: url(../../files/imgs/bg_02.jpg) center top repeat-y !important
    }
    .col-md-5.col-md-push-2 {
        padding: 20px;
        padding-left: 5% !important;
        padding-right: 5% !important;
        width: 100% !important;
    }
    body.html.no-sidebars.page-node.page-node-.node-type-biography {
        background-size: 100% !important;
    }
    .node.node-biography.view-mode-full {
      
        padding-left: 5% !important;
        width: 100% !important;
        padding-right: 5% !important;
        margin: 0 !important;
    }
    .node.node-biography.view-mode-full .col-sm-4 {
        order: 1 !important;
       
    }
    .drpl-title {
        margin-bottom: 5px !important;
    }
    .field-name-field-activity .field-items .field-item.even {
        font-size: 1.85em;
    }
    .field-name-body {
        /*padding-top: 3%;*/
        text-align: left;
        padding-bottom: 5%;
    }
    .panel {
        background-color: transparent;
        margin-top: 15px !important;
    }
 
    .field-label.text-primary.didotBold:before {
        left: 0;
        width: 100%;
    }
    section.talent {
        padding: 0 !important;
        padding-bottom: 20px !important;
    }
    section.talent .col-md-12.col-xs-12 {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
   
    #protfolio_sec {
        padding: 0 !important;
    }
    #protfolio_sec .all-portfolios {
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
    #protfolio_sec .single-portfolio {
        overflow: auto;
        position: relative !important;
        float: none;
        width: 100%;
        top: 0 !important;
    }
    .nodisp-movt {
        display: none !important;
    }
    section.talentlist {
        padding: 0 !important;
        padding-bottom: 50px !important;
    }
    section.talentlist ul {
        margin: 0 !important;
        padding: 0 !important;
        padding-top: 10px !important;
    }
    section.talentlist ul li {
        text-decoration: none !important;
    }
    .work-intro {
        position: absolute;
        padding: 0 !important;
        background-color: rgba(255, 255, 255, 0.75);
        top: 0;
        overflow: hidden;
    }
    .work-intro .work-title {
        font-size: 2.5em;
        font-weight: bold;
        top: 23%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .work-intro .work-descr {
        font-size: 2em;
        top: 23%;
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    .col-sm-12 {
        width: 100%;
        margin-top: 0;
    }
    .celebrate .wrap {
        padding: 0 !important;
        overflow: hidden;
        bottom: 0;
        padding-bottom: 10% !important;
        max-width: 90%;
    }
    .celebrate .col-sm-5 {
        padding-left: 5% !important;
        padding-right: 5% !important;
        order: 1 !important;
    }
    .celebrate .col-sm-offset-1.col-sm-6 {
        width: 100% !important;
    }
    .field-item.even #section1 .celebrate, .field-item.even #section3 .celebrate, .field-item.even #section5 .celebrate {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #section7 .celebrate .wrap {
        max-width: 100% !important;
    }
    #int-page1 h1 {
        font-size: 1.7em;
    }
    .text-left.didotBold {
        font-size: 2.2em;
        margin-bottom: 15px;
    }
    .col-sm-12.col-sm-5 .field.field-name-body.field-type-text-with-summary.field-label-hidden {
        float: none;
        width: 94%;
    }
    form.webform-client-form.webform-client-form-111, form.webform-client-form.webform-client-form-129 {
        margin-top: 15px !important;
        float: none;
        width: 94%;
        padding-left: 0;
        padding-right: 3%;
    }
    div[about="/reservations"] .webform-component-time select {
        display: inline-block;
    }
    section.services, section.spotlight {
        padding: 11%;
    }
    section.services .didot p {
        font-size: 2.7em !important;
    }
    section.services .nav-tabs>li {
        max-width: 50%;
    }
    section.services .nav-tabs>li a {
        font-size: 0.6em !important;
        letter-spacing: 0;
        padding: 7px !important;
    }
    .collapse.in {
        display: block !important;
    }
    .btn-secundary {
        font-size: 0.8em;
    }
    .onyelpTxt.col-xs h2 {
        line-height: 1.2em !important;
        font-size: 16px !important;
        text-align: justify;
    }
    section.onyelp .onyelpTxt span {
        font-size: 1.2em;
        display: block;
        padding-top: 3%;
    }
    #section1 .col-sm-offset-1.col-sm-6 .didot {
        font-size: 2.5em;
    }
    #section1 .col-sm-offset-1.col-sm-6 {
        padding-left: 5% !important;
        padding-right: 5% !important;
    }
    #section1 .col-sm-offset-1.col-sm-6 .col-sm-5 {
        width: 100% !important;
        margin-right: 0 !important;
        padding-bottom: 5% !important;
    }
    #section1 .col-sm-offset-1.col-sm-6 .col-xs-6, #section1 .col-sm-offset-1.col-sm-6 .col-xs-4 {
        margin-right: 0 !important;
        width: 100%;
        display: block;
        float: none;
        max-width: 100% !important;
        flex-basis: 100% !important;
        padding-bottom: 5%;
    }
    section.about .col-sm-10.col-xs-12 {
        padding-left: 4.5% !important;
        padding-right: 4.5% !important;
    }
    section.about p {
        padding-left: 0!important;
    }
    section.about p a {
        color: #333;
        text-decoration: none;
        font-size: 0.75em !important;
    }
    section.about {
        margin-top: 0 !important;
        padding: 40px 0 250px 0 !important;
    }
    section#section.container-fluid {
        margin-top: -20% !important;
    }
    section#section.container-fluid .didotBold {
        font-size: 1.75em;
        line-height: 1.35em;
        padding-left: 0 !important;
    }
    section#section2.container-fluid {}
    section#section2.container-fluid .wrap.height95p {}
    /*
    #section2>.about {
        background-size: 100%;
        padding-bottom: 5%;
        margin-bottom: 0;
        margin-top: 15%;
        min-height: 355px;
    }*/
    #section2>.about .col-sm-offset-2.col-xs {
        /*margin-top: -35%; */
        text-align: right;
    }
    #section2>.about .row.end-sm.bottom-sm.height95p .col-sm-3 {
        width: 100%;
    }
    #section2>.about .col-sm-offset-2.col-xs h2 {
        font-size: 1.2em !important;
    }
    #section2>.about .row.end-sm.bottom-sm.height95p {
        position: relative;
        margin-top: -20%;
    }
    #section3>.about .col-sm-4, #section3>.about .col-sm-3 {
        width: 100%;
        padding-bottom: 10%;
    }
    #section3>.about {
        min-height: 380px;
    }
    #section2 .cd-story {
        margin-top: -88%;
    }
    #section3 .us-space .col-sm-4, #section3 .us-space .col-sm-8 {
        width: 100%;
    }
    #section3 .us-space .wrap {
        position: relative !important;
        padding: 0 !important;
    }
    #section3>.us-space:before {
        padding-top: 0 !important;
    }
    .mw-rev {
        max-width: 100%;
        padding-top: 10%;
    }
    section#talent.about .didotBold.text—left {
        font-size: 2.7em !important;
    }
}

@media screen and (min-width: 500px) and (max-width: 767px) {
    .robotoBold {
        font-size: 1.8em;
    }
    #section2 .cd-story .robotoBold {
        font-size: 16pt;
    }
}


@media screen and (max-width: 499px) {
    #navbar img {
        width: 130px;
    }
    h2 .page-title {
        font-size: 3vh;
        font-family: roboto;
        font-style: bold;
    }
    .robotoBold {
        font-size: 1em !important;
    }
   
    .drpl-title {
        font-size: 1.9em !important;
    }
    .field-name-field-activity .field-items .field-item.even {
        font-size: 1.55em !important;
    }
   
    .banner-flex-rectangle:before {
        display: none;
    }
    .banner-flex-rectangle {
        display: none;
    }
    .views-field-image {
        display: none;
    }
    .views-field-field-mobile-image {
        display: block;
    }
    .field-label.text-primary.didotBold:before {
        display: none;
    }
    .group-phrase .field-item {
        padding-bottom: 5%;
    }
    div[about="/services"] .page-title {
        padding-left: 0;
    }
}

.mw-rev {
    max-width: 60%;
}

#section1>.us-space {
    background-image: url("../imgs/space/space-banner.jpg");
    background-position: top center;
    /*background-position-y: 100% !important;*/
    /*background-position-x: 2px !important;*/
    background-size: cover;
    padding-top: 58.75%;
    height: 0;
}

#section1>.us-space::before {
    padding-top: 66.6%;
}

#section2>.us-space {
    background-image: url("../imgs/space/space2.epg.png");
    background-position: top center;
    background-size: cover;
}

.header-image-row {
    position: relative;
}

#section1>.about {
    background-image: url("../imgs/about/about1.png");
    background-position: top center;
    background-size: cover;
}

#section1>.about::before {
    padding-bottom: 78%;
    display: block;
    content: "";
}

#section1 .header-image-row .header-image-container {
    margin-top: -78%;
}

#section2>.about {
    background-image: url("../imgs/about/about2.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    /*height: 100vw;*/
    width: 100%;
}

#section2>.about::before {
    padding-bottom: 86.7%;
    content: "";
    display: block;
}

#section2 .cd-story-row {
    position: relative;
}

#section2 .cd-story p .robotBold {
    font-size: 3vw;
}

#section2 .cd-btn-row {
    margin-top: -14.5%;
    margin-bottom: 9%;
}

#section3>.about {
    background-image: url("../imgs/about/about3.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#section3>.about::before {
    padding-bottom: 35.1%;
    content: "";
    display: block;
}

#section3 .back-image-row .back-image-container {
    margin-top: -35.1%;
}

.back-image-row {
    position: relative;
}

#mc_embed_signup {
    background: transparent !important;
}

.back-bot {
    padding: 10px 18px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background-color: #f9ad81;
    border-radius: 3px;
}

.back-bot:hover {
    color: #f9ad81;
    background-color: #fff;
    text-decoration: none;
}

.mw {
    max-width: 100%;
}

@media screen and (max-width:767px) {
    .no-resp {
        display: none !important;
    }
}

@media screen and (min-width: 768px) {
    #parent-sect {
        margin-top: -3.5%;
    }
}


/*  A Better button with orange dot inside */

.btn-orange-dot {
    display: block;
    color: #303e48;
    border: 1px solid #303e48;
    border-radius: 0;
    height: 34px;
    width: 100%;
    /*margin: 8px auto; */
}

.btn-orange-dot::before {
    display: block;
    content: " ";
    background-color: orange;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin: 13px auto;
}


/* Start of mobile friendly additions */

div[about="/about"] #read-more {
    /*
    margin: 0 auto;
    width: 162px;
    */
}

.wrap-box {
    width: 270px;
    text-align: left;
}

.cta_box_ctrl {
    padding-bottom: 80px;
}

.code_btn {
    width: 156px;
    font-family: didot;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

.code_btn a:hover {
    text-decoration: none;
}

.code_btn.btn-bigger {
    width: 300px;
    padding: 0 40px;
}







div[about="/revealing"] .field-name-body .mw-rev2 {
    max-width: 75%;
}

div[about="/story"] .field-name-body .auto-txt-sizer {
    margin-bottom: 20px;
    font-size: 18px;
}

@media screen and (min-width: 768px) and (max-width:991px) {
    div[about="/home"].node .row .col-md-6 {
        margin-left: 20px !important;
    }
}


@media screen and (min-width: 500px) and (max-width: 767px) {
    div[about="/home"] .field-name-body .row {
        padding-left: 20px;
    }
    .wrap-box {
        width: 180px;
        padding-top: 40px;
    }
}

@media screen and (max-width:767px) {
    div[about="/about"] #section2>.about {
        margin-top: 0 !important;
    }
   
    div[about="/about"] #read-more-btn {
        margin-top: 60px;
    }
    .code_btn, .code_btn.btn-bigger {
        width: 100%
    }
}

@media screen and (max-width: 499px) {
    h1.page-title {
        font-size: 2.5em;
    }
    div[about="/home"] .field-name-body .row {
        padding: 0 20px;
    }
    a.tri-block {
        width: 100%;
        font-size: 1.2em;
    }
    .cta_box_ctrl {
        padding-bottom: 40px;
    }
    div[about="/revealing"] .field-name-body .mw-rev2 {
        max-width: 100%;
    }
    /*div[about="/about"] .field-name-body .page-title {
        font-size: 2.5em;
    }*/
    div[about="/space-plus-place"] .field-name-body .page-title {
        font-size: 3vh;
        font-style: bold;
    }
    div[about="/services"] section.spotlight {
        background-position: right center;
    }
    .wrap-box {
        width: 100%;
        text-align: center;
        padding-top: 24px;
    }
    .wrap-box>h1.robotoBold {
        font-size: 1.2em !important;
    }
   
    .code_btn>.explrapro_btn img {
        content: url("/sites/default/files/imgs/explrapro_btn_mob.png");
        margin-bottom: 10px;
    }
   
    div[about="/about"] #read-more {
        width: 100%;
    }
    div[about="/about"] .page-title {
        padding-left: 0px;
    }
    div[about="/revealing"] .page-title {
        padding-left: 2%;
    }
    body.html.no-sidebars.page-node.page-node-.node-type-biography {
        /*
        background-image: none !important;
        background-position: none !important;
        background-size: 100% 200px !important;
        */
    }
}

#partners-img-mob {
    display: none;
}





/* Safari bug fix for Flex-basis */

@media screen and (min-width: 500px) {
    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%
    }
    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%
    }
    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%
    }
    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.2%;
        max-width: 33.33333333%
    }
    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.5%;
        max-width: 41.66666667%
    }
    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%
    }
    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.5%;
        max-width: 66.66666667%
    }
    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%
    }
    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%
    }
    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%
    }
    
}


/* Start of mobile friendly additions */

.divider-line {
    height: 240px;
    border: 1px inset gray;
    box-sizing: border-box;
    width: 1px;
    margin: 0 auto;
}

@media screen and (max-width: 499px) {
    #section3-mob-img {
        content: url("/sites/default/files/imgs/about/about3_mob.png");
        width: 100%;
    }
    #section3>.about {
        background-image: url("../imgs/about/about3_mob_bot.png");
    }
    .divider-line {
        border: 1px inset gray;
        width: 100%;
        height: 1px;
        margin-bottom: 10%;
    }
}

@media screen and (min-width: 500px) and (max-width: 1023px) {
    .divider-line {
        border: 0px;
        width: 100%;
        height: 1px;
        margin-bottom: 10%;
    }
    #section3 .end-xs {
        padding-left: 40%;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }
}