* { box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Montserrat', sans-serif;}

body {font-size: 14px; margin: 0; padding:0; background:#fff;}

h1, h2, h3, h4 {font-family: 'Barlow Condensed', sans-serif; margin: 0 0 1em 0;}

p {line-height: 1.5em;}


.clear-after {position:relative;}
.clear-after::after {clear:both; display:block; content:""; }

.width-70 {float:left; width: 60%;}
.width-70:last-child {float:right; width: 38%; background:#fff; border:1px solid #ccc; padding: 30px;}

.width-50 {float:left; width: 47.5%;}
.width-50:last-child {float:right;}
.width50 {float:left; width: 47.5%;}
.width50:last-child {float:right;}

.width33 { width: 30%; margin-right: 5%; float:left;}
.width33:last-child { margin-right: 0%;}

.width25 { width: 21.25%; margin-right: 5%; float:left;}
.width25:last-child { margin-right: 0%;}

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

.relative {position:relative;}


header { background:#fff; padding: 30px 15px ; }

.app-header-container {max-width: 1400px; margin: 0 auto; position: relative;}
.app-menu {position:absolute; bottom: -5px; left: auto; right: 100px; border-top: 0;}
.profile-menu {position:absolute; bottom: -5px; left: auto; right: 0; border-top: 0;}

.app-menu a, .profile-menu a {width: 100px; display:block; float:left; font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; text-align:center; padding: 10px 0; text-decoration:none;color:#400040; font-size: 1.25em;}
.profile-menu a span {font-family: 'Barlow Condensed', sans-serif;}
.app-menu a img, .profile-menu a img {width: 30px; height: auto; display:block; border: 0; margin: 0 auto;}

main {max-width: 1400px; margin: 0 auto 100px auto;}

.page-title {padding: 15px;}
.page-title h1 {font-size: 2.5em; margin-bottom:0;}
.page-title h1 * {font-family: 'Barlow Condensed', sans-serif;}
.page-title h1 span:not(.user-name) {font-size: 16px; text-transform:uppercase; color:#999;display:block;}


.welcome-container {-webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%);   box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%); padding: 30px; margin: 20px 15px 50px 15px; border-radius: 5px; -moz-border-radius: 5px;}
.apply-container {-webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%);   box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%); padding: 30px; margin: 20px 15px 50px 15px; border-radius: 5px; -moz-border-radius: 5px;}

.take-survey {background: url(../images/online-survey.jpg) no-repeat; background-size: auto 250px; height: 300px; background-position: 100% 0; padding: 20px 350px 0 15px;}
.take-survey h3 {font-size: 2em; text-transform: uppercase; color:#400040;}

.news-sub {background: url(../images/news-subscription.jpg) no-repeat; background-size: auto 300px; height: 300px; background-position: 100% 0; padding: 20px 350px 0 15px;}
.news-sub h3 {font-size: 2em; text-transform: uppercase; color:#400040;}




.my-services-container {padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
article {background:#fff; border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; -webkit-box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); margin-bottom: 30px;}
.my-services-container article {margin: 0 0 30px 0; display: inline-block; width: 31.75%}
.my-services-container article:nth-child(3n+2) {margin: 0 2% 30px;}


.service-meta {font-size:.8em; font-weight: 700; margin-bottom: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgba(255,255,255,.9);}
.section-title { text-transform: uppercase; font-weight:600; position: relative; margin-bottom: 20px; margin: 15px 15px 30px;}
.section-title::before {content:""; display: block; position: absolute; height:1px; background:#ccc; top:50%; width: 100%;}
.section-title span:not(.user-name) {position:relative; z-index:1; background:#fff; padding-right:15px; font-size: .8em;}

.service-overview {padding: 30px; background: rgb(8,107,125);  height: 250px;  background: -moz-linear-gradient(45deg,  rgba(8,107,125,1) 1%, rgba(7,63,112,1) 100%);    background: -webkit-linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    background: linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086b7d', endColorstr='#073f70',GradientType=1 ); color:#fff;}
.service-overview h2 {font-size: 30px; color:#fff; margin-bottom: .5em; text-transform: uppercase; font-weight: 600;}

.service-learn-more-lnk a {display:block; background:url(../images/app-icon-go.png) no-repeat #fff; background-size: auto 50%; background-position: 20px 50%; padding: 20px 30px 20px 50px; text-align:left; text-decoration: none; color: #400040; font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; font-size: 20px; border-bottom: 1px solid #ccc;}

.service-state {padding: 15px 30px; text-align:right; background: rgb(219,219,219);    background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(247,247,247,1) 19%);    background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(247,247,247,1) 19%);    background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(247,247,247,1) 19%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f7f7f7',GradientType=0 );}
.service-state a {font-family: 'Barlow Condensed', sans-serif; display:inline-block; color:#400040; text-transform: uppercase; text-decoration:none;}

.wrap-around-container { padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
.wrap-around-container article {margin: 0 0 30px 0; display: inline-block; width: 31.75%}
.wrap-around-container article:nth-child(3n+2) {margin: 0 2% 30px;}


.wrap-around-container article .service-overview {background: rgb(64,0,64);
    background: -moz-linear-gradient(45deg,  rgba(64,0,64,1) 1%, rgba(93,0,96,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(64,0,64,1) 1%,rgba(93,0,96,1) 100%);
    background: linear-gradient(45deg,  rgba(64,0,64,1) 1%,rgba(93,0,96,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#400040', endColorstr='#5d0060',GradientType=1 );
    }


.additional-container { padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
.additional-container article {margin: 0 0 30px 0; display: inline-block; width: 31.75%}
.additional-container article:nth-child(3n+2) {margin: 0 2% 30px;}
    
    
.additional-container article .service-overview {background: rgb(237,92,2);
    background: -moz-linear-gradient(45deg,  rgba(237,92,2,1) 0%, rgba(254,191,1,1) 100%);
    background: -webkit-linear-gradient(45deg,  rgba(237,92,2,1) 0%,rgba(254,191,1,1) 100%);
    background: linear-gradient(45deg,  rgba(237,92,2,1) 0%,rgba(254,191,1,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed5c02', endColorstr='#febf01',GradientType=1 );
    }

 


/*Questionnaire*/
#form, #confirm-form {max-width: 600px; margin: 0 auto;}
/*#apply-form {max-width: 800px; margin: 0 auto;}*/

.apply-container .section-title {margin: 30px 0 15px}


.question {background:#fff; padding: 0 15px 15px 15px; margin-bottom: 15px; border-radius: 5px;  -moz-border-radius: 5px;} 
.question-container {padding: 30px; margin: 0 0 30px 0; color:#fff; border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; -webkit-box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); background: rgb(8,107,125);    background: -moz-linear-gradient(45deg,  rgba(8,107,125,1) 1%, rgba(7,63,112,1) 100%);    background: -webkit-linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    background: linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086b7d', endColorstr='#073f70',GradientType=1 ); }
.question span {display:block; font-family: 'Barlow Condensed', sans-serif; margin: 0 0 15px 0; font-size: 1.5em; border-bottom: 1px solid rgba(204, 204, 204, 0.123); padding: 0 0 15px 0;}
.question select {width: 100%; padding: 10px;}

.cb-question label {display:block;}


.tag {padding: 5px 7px; width: 48%; float:left; border: 1px solid #fff; margin: 0 0 15px 0; border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; text-align: left;}
.tag:nth-child(even) {float:right;}

.tag.selected {background:url(../images/app-icon-add.png) no-repeat #fff; padding-left: 30px; background-size: auto 50%; background-position: 10px 50%; color:#000;}


.search-by-keyword {padding: 0 15px 30px; position: relative;}
.search-by-keyword input {width: 100%; padding: 10px;}
.search-by-keyword .search- btn {position:absolute; top:0; right: 15px; display:inline-block; background:#400040; color:#fff; border-radius: 3px; -moz-border-radius: 3px; padding: 12px 24px; text-decoration:none;font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;}

.search-by-keyword .clear-lnk {display:inline-block; color: #999;font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; text-decoration: none; margin: 10px 0 0;}

.add-to-profile {background:url(../images/app-icon-add.png) no-repeat; padding-left: 20px; background-size: auto 75%; background-position: 0 50%;}
.not-interested {background:url(../images/app-icon-notinterested.png) no-repeat; padding-left: 20px; background-size: auto 75%; background-position: 0 50%;}
.remove-from-profile {background:url(../images/app-icon-remove.png) no-repeat; padding-left: 20px; background-size: auto 75%; background-position: 0 50%;}

.seperator {display:inline-block; width: 1px; border-left: 1px solid #999; margin: 0 15px; height: 16px;}

/*Create Profile*/
.form-container {padding: 15px;}
.form-container .section-title {margin: 15px 0 30px;}


/*Form Properties*/
.form-item > textarea {padding: 10px; width:100%; height: 150px;}

.form-item { margin-bottom: 15px; }
    .form-item > span:not([class^="k-"]) {font-family: 'Barlow Condensed', sans-serif; display: block; font-size: 1em; color:#086b7d; text-transform:uppercase; font-weight: 600; margin-bottom: 8px; }

        .form-item > span.required:before { color:red; content:"*"; display:inline-block; padding-right: 5px;}

        input[type=text], input[type=password], input[type=date], input[type=number], input[type=email], input[type=tel], select, textarea { display: block; width: 100%; padding: 10px; border: 1px solid #ccc; font-family: 'Montserrat', sans-serif; font-size: 1em;}

        .invalid {border: 2px solid red !important;}

        .btn {text-align: center;    color: #fff;    display: block;    font-family: 'Barlow Condensed', sans-serif;    text-decoration: none;    text-transform: uppercase;    font-size: 2em;    background: #086b7d;    padding: 15px;    border-radius: 5px;    -moz-border-radius: 5px;}
        .wiznav .btn {background:#fff; color:#400040; border: 2px solid #400040;}
        .search-btn {background:#400040; color:#fff; border: 2px solid #400040; position: absolute; top:0; right: 15px; text-transform:uppercase; padding: 9px 20px; font-family: 'Barlow Condensed', sans-serif; text-decoration:none;}
        .relative .search-btn {right:0; top: 25px;}

        select {
            -webkit-appearance: none;
            background:url(../images/app-icon-dd.png) no-repeat #fff; background-size: auto 20px; background-position: 98% 50%; color:#000; border-radius: 3px; -moz-border-radius: 3px;
            }

            

/*News Subscriptions */

.news-cat-container {padding: 0 15px;}
.news-cat-item {position: relative; border-bottom: 1px solid #ccc; padding: 10px 90px 10px 0; margin-bottom: 10px;}
.news-toggle {position:absolute; right:0; top:10px;}
.news-toggle a {display:block; height: 36px; width: 70px; background:#ccc; position: relative; border-radius: 100px; -moz-border-radius: 100px;}
.news-toggle a.active {background:rgb(8, 165, 34);}
.news-toggle a::before {content:""; display:block; position:absolute; top:5px; left: 7px; width: 26px; height: 26px; background:#fff; border-radius: 100px; -moz-border-radius: 100px;}
.news-toggle a.active::before {left:auto; right: 7px; }


@media only screen and (max-width: 1024px) {
    body {background:#fff;}
    main {width: 100%; margin: 0 auto 100px auto;}

    .welcome-container {-webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%);   box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%); padding: 15px; margin: 15px 15x 30px 15px; border-radius: 5px; -moz-border-radius: 5px;}
    .apply-container {-webkit-box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%);   box-shadow: 0 0 50px 0 rgb(0 0 0 / 9%); padding: 15px; margin: 15px 15x 30px 15px; border-radius: 5px; -moz-border-radius: 5px;}

    .welcome-container .width-50 {float:none; width: 100%;}
    .welcome-container .width-50:last-child {float:none;}
    .welcome-container .width50 {float:none; width: 100%;}
    .welcome-container .width50:last-child {float:none;}

    .take-survey {background: url(../images/online-survey.jpg) no-repeat; background-size: auto 200px; height: auto; background-position: center 0; padding: 190px 0 0 0; text-align:center; margin-bottom: 30px;}
    .take-survey h3 {font-size: 2em; text-transform: uppercase; color:#400040; margin-bottom: 20px;}
    
    .news-sub {background: url(../images/news-subscription.jpg) no-repeat; background-size: auto 200px; height: auto; background-position: center 0; padding: 190px 0 0 0; text-align:center; margin-bottom: 30px;}
    .news-sub h3 {font-size: 2em; text-transform: uppercase; color:#400040; margin-bottom: 20px;}
    



    .my-services-container {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding-bottom: 30px;  padding-left: 0; padding-right: 0;}
    .my-services-container p {white-space:normal; padding-left: 15px; padding-right: 15px;}
    article {background:#fff; border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; -webkit-box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); margin-bottom: 30px; width: 80%}
    .my-services-container article {margin: 0 15px 0 0; display: inline-block; white-space:normal; width: 80%}
    .my-services-container article:first-child {margin-left: 15px;}
    .my-services-container article:last-child {margin-right: 15px;}
    .my-services-container article:nth-child(3n+2) {margin: 0 15px;}
    
    .service-meta {font-size:.8em; font-weight: 700; margin-bottom: 15px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: rgba(255,255,255,.9);}
    
    .section-title { text-transform: uppercase; font-weight:600; position: relative; margin-bottom: 20px; margin: 15px;}
    .section-title::before {content:""; display: block; position: absolute; height:1px; background:#ccc; top:50%; width: 100%;}
    .section-title span {position:relative; z-index:1; background:#fff; padding-right:15px; font-size: .8em;}
    
    .service-overview {padding: 30px; height: 300px; background: rgb(8,107,125);    background: -moz-linear-gradient(45deg,  rgba(8,107,125,1) 1%, rgba(7,63,112,1) 100%);    background: -webkit-linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    background: linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086b7d', endColorstr='#073f70',GradientType=1 ); color:#fff;}
    .service-overview h2 {font-size: 30px; color:#fff; margin-bottom: .5em; text-transform: uppercase; font-weight: 600;}
    
       
    .service-state {padding: 15px 30px; text-align:right; background: rgb(219,219,219);    background: -moz-linear-gradient(top,  rgba(219,219,219,1) 0%, rgba(247,247,247,1) 19%);    background: -webkit-linear-gradient(top,  rgba(219,219,219,1) 0%,rgba(247,247,247,1) 19%);    background: linear-gradient(to bottom,  rgba(219,219,219,1) 0%,rgba(247,247,247,1) 19%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#f7f7f7',GradientType=0 );}
    .service-state a {font-family: 'Barlow Condensed', sans-serif; display:inline-block; color:#400040; text-transform: uppercase; text-decoration:none;}
    
    .wrap-around-container {overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding-bottom: 30px;  padding-left: 0; padding-right: 0;}
    .wrap-around-container article {margin: 0 15px 0 0; display: inline-block; white-space:normal; width: 80%}
    .wrap-around-container article:first-child {margin-left: 15px;}
    .wrap-around-container article:last-child {margin-right: 15px;}
    .wrap-around-container article:nth-child(3n+2) {margin: 0 15px;}
  
    .additional-container { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; padding-bottom: 30px;  padding-left: 0; padding-right: 0;}
    .additional-container article {margin: 0 15px 0 0; display: inline-block; white-space:normal; width: 80%}
    .additional-container article:first-child {margin-left: 15px;}
    .additional-container article:last-child {margin-right: 15px;}
    .additional-container article:nth-child(3n+2) {margin: 0 15px;}

    
    /*Questionnaire*/
    .question-container {padding: 30px; margin: 0 0 30px 0; color:#fff; border-radius: 5px; -moz-border-radius: 5px; overflow: hidden; -webkit-box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); box-shadow: 20px 20px 20px 0 rgba(0,0,0,.09); background: rgb(8,107,125);    background: -moz-linear-gradient(45deg,  rgba(8,107,125,1) 1%, rgba(7,63,112,1) 100%);    background: -webkit-linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    background: linear-gradient(45deg,  rgba(8,107,125,1) 1%,rgba(7,63,112,1) 100%);    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#086b7d', endColorstr='#073f70',GradientType=1 ); }
    
    .question {background:#fff; padding: 0 15px 15px 15px; margin-bottom: 15px; border-radius: 5px;  -moz-border-radius: 5px;} 
    .question span {display:block; font-family: 'Barlow Condensed', sans-serif; margin: 0 0 15px 0; font-size: 1.5em; border-bottom: 1px solid rgba(204, 204, 204, 0.123); padding: 0 0 15px 0;}
    .question select {width: 100%; padding: 10px;}
    
    .cb-question label {display:block;}
    
    
    .tag {padding: 5px 7px; width: 48%; float:left; border: 1px solid #fff; margin: 0 0 15px 0; border-radius: 5px; -moz-border-radius: 5px; cursor: pointer; text-align: left;}
    .tag:nth-child(even) {float:right;}

    .tag.selected {background:url(../images/app-icon-add.png) no-repeat #fff; padding-left: 30px; background-size: auto 50%; background-position: 10px 50%; color:#000;}
    
    


    .app-menu {position:fixed; bottom: 0; left:0; right: 0; background:#fff; border-top: 1px solid #ccc; z-index: 999;}
    .app-menu a {width: 25%; display:block; float:left; font-family: 'Barlow Condensed', sans-serif; text-transform:uppercase; text-align:center; padding: 10px 0; text-decoration:none;color:#400040; font-size: 1em;}
    .app-menu a img {width: 30px; height: auto; display:block; border: 0; margin: 0 auto;}

    .profile-menu {right: 15px; bottom: 5px;}
    .profile-menu a {border: 1px solid #ccc; width: 40px; height: 40px; padding: 4px 0 0 0; border-radius: 100px; -moz-border-radius: 100px; -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.2); box-shadow: 0 0 20px 0 rgba(0,0,0,.2);}
    .profile-menu a span {display:none;}


    .width-50 {float:left; width: 49%;}
    .width-50:last-child {float:right;}
    .width50 {float:left; width: 49%;}
    .width50:last-child {float:right;}

    .block-items .width50 {float:none; width: 100%;}
    .block-items .width50:last-child {float:left;}
    
    .width33 { width: 32%; margin-right: 2%; float:left;}
    .width33:last-child { margin-right: 0%;}
    
    .width25 { width: 100%; margin-right: 0; float:none;}
    .width25:last-child { margin-right: 0%;}
    
    
    .relative {position:relative;}

    .mobile-no-show {display:none;}



}