/* MARKETING */

#banner h1 {
    font-family: FlamaUltralight;
    margin-bottom: 3%;
    margin-top: 0 !important;
}

#banner .va,
#banner .vb {
    margin-top: 0 !important;
    font-size: 55px !important;
}

#banner > div > div > div > div > div:nth-child(1) > div > div > div > div {
    width: 90%;
    font-family: FlamaLight;
    font-size: 18px;
    text-align: justify;
    color: #555555;
}

#banner > div > div > div > div > div:nth-child(2) > div > div > div > div > iframe {
    margin-top: 12%;
}

#m-service > div > div > div > div:nth-child(1) > div > div > div > h3 {
    font-family: FlamaLight;
    margin-bottom: 8%;
    color: #333333;
}

#m-service > div > div > div > div:nth-child(2) > div > div > div > div,
#m-service > div > div > div > div:nth-child(3) > div > div > div > div {
    margin: 0;
    height: 60px;
}

#m-service > div > div > div > div:nth-child(2) {
    margin-bottom: 8%;
}

#m-service > div > div > div > div:nth-child(3) {
    margin-bottom: 5%;
}

#m-service h5 {
    font-family: FlamaLight;
    color: #333333;
    font-size: 18px;
}

/* Widths */
#m-service .size-1 {
    width: 35%;
    margin: auto;
}

#m-service .size-2 {
    width: 50%;
    margin: auto;
}

#m-service .size-3 {
    width: 75%;
    margin: auto;
}

#m-service .size-4 {
    width: 80%;
    margin: auto;
}

#m-service .size-5 {
    width: 90%;
    margin: auto;
}

#m-service .size-6 {
    width: 100%;
}

#assessment > div > div > div > div > div > div > div > div > div > p {
    color: #fff;
    font-family: FlamaLight;
    font-size: 37px;
    width: 85%;
    margin: auto;
}

#assessment > div > div > div > div.vc_row.wpb_row.vc_inner.vc_row-fluid > div > div > div > div > div > p > em {
    color: #ffcc00;
    font-style: normal;
}

#assessment .wpcf7 {
    text-align: center;
}

#assessment .wpcf7 > form > p > label {
    text-align: left;
    color: #999;
    line-height: 50px;
    font-size: 20px;
    font-family: FlamaLight;
    width: 100%;
    max-width: 400px;
}

#assessment .wpcf7 > form > p > label > span > input,
#assessment .wpcf7 > form > p > label > span > select {
    border-radius: 0;
    height: 40px;
    width: 100%;
}

#assessment .wpcf7 > form > p > label > span > textarea{
    max-height: 150px;
    border-radius: 0;
    max-width: 100%;
    min-width: 100%;
    min-height: 150px;
    line-height: 30px!important;
}

#assessment .wpcf7 form > div.wpcf7-response-output.wpcf7-display-none.wpcf7-mail-sent-ok{
    color: #fff!important;
}

#assessment .wpcf7 > form input#service-btn {
    width: 30%;
    background-color: #96499c;
    font-family: FlamaLight;
    font-size: 18px;
    line-height: 1px !important;
    margin: 5%;
}

#assessment .wpcf7 > form input#service-btn:hover {
    background-color: #ac53b5;
}

#boxes > div > div > div > div > div:nth-child(1) > div > div > div > figure > a:after,
#boxes > div > div > div > div > div:nth-child(2) > div > div > div > figure > a:after,
#boxes > div > div > div > div > div:nth-child(2) > div > div > div > figure > div:after,
#boxes > div > div > div > div > div:nth-child(3) > div > div > div > figure > a:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
}

#sidebar ul li a:hover:after,
#boxes > div > div > div > div > div:nth-child(1) > div > div > div > figure > a:hover:after,
#boxes > div > div > div > div > div:nth-child(2) > div > div > div > figure > a:hover:after,
#boxes > div > div > div > div > div:nth-child(2) > div > div > div > figure > div:hover:after,
#boxes > div > div > div > div > div:nth-child(3) > div > div > div > figure > a:hover:after {
    width: 120%;
    background-color: rgba(255,255,255,0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

#boxes > div > div > div > div > div:nth-child(2) > div > div > div > figure > div {
    cursor: pointer;
}

/* Popup */
#popmake-181 > div > div {
    width: 100%;
    display: block;
}

#popmake-181 > div > div > h1 {
    text-align: center;
    margin: 2% 0 5%;
}

#popmake-181 > div > div > div.popup-form {
    width: 48%;
    margin-right: 2%;
    float: left;
}

#popmake-181 > div > div > div.popup-img {
    width: 48%;
    margin-left: 2%;
    float: left;
}

#popmake-181 > div > div > div.popup-img > img {
    width: 100%;
}

#popmake-181 > div > div > div.popup-form > h3 {
    font-family: FlamaMedium;
    font-size: 18px;
    margin-bottom: 10%;
}

.popup-form > .wpcf7 > form > p:nth-child(2) > label {
    font-family: FlamaLight;
    font-size: 15px;
    margin-bottom: 5%;
}

.popup-form > .wpcf7 > form > p:nth-child(2) > span > input:focus {
    border-color: #96499c;
}

#wpcf7-f185-o4 > form > p:nth-child(4) {
    width: 40%;
    margin: 0 auto;
}

.popup-form > .wpcf7 > form > p:nth-child(4) > input {
    width: 100%;
    background-color: #96499c;
    font-family: FlamaBook;
    font-size: 12px;
    line-height: 5px;
}

.popup-form > .wpcf7 > form > p:nth-child(4) > input:hover {
    background-color: #ac53b5;
}

/* Services */

#service-banner {
    height: 300px;
}

#service-banner h3 {
    margin-top: 0 !important;
}

#services-list {
    margin-bottom: 2%;
}

#services-list .service-item {
    width: 90%;
    margin: 0 5%;
    height: 120px;
    background-image: linear-gradient(to right, #fbeefc, #fbeefc 50%, transparent 50%, transparent);
    background-repeat: no-repeat;
    background-position: 100% 0;
    background-size: 200% 100%;
    border-radius: 100px;
    transition: all 0.7s linear;
}

#services-list .service-item:hover {
    background-position: 0 0;
}

#services-list .service-item .item-img {
    float: left;
    width: 11.5%;
    height: 120px;
    text-align: center;
    margin-right: 3.5%;
}

#services-list .service-item .item-img > img {
    width: 70px;
    height: 70px;
    margin-top: 20px;
}

#services-list .service-item .item-det {
    float: left;
    width: 85%;
    height: 120px;
}

#services-list .service-item div.item-det > h1 > a {
    margin: 2% 0;
    font-family: FlamaLight;
    font-size: 25px;
    color: #282828;
}

#services-list .service-item div.item-det > h1 > a:hover {
    color: #96499c;
    text-decoration: none;
}

#services-list .service-item div.item-det > p {
    font-size: 15px;
}

#services-list .service-item .item-img {
    background-color: #fbeefc;
    border-radius: 100%;
}

/* About Us */
#about-us-head > div > div {
    padding-top: 2%;
}

#about-us-head > div > div > div > h1 {
    font-family: FlamaUltralight;
    margin-bottom: 3%;
    margin-top: 0;
    line-height: 60px;
}

#about-us-head > div > div > div > div > div > p {
    font-family: FlamaLight;
    margin-bottom: 2%;
}

#about-marisa > div > div > div > div > div > div > div > h1 {
    font-family: FlamaUltralight;
}

#about-marisa > div > div > div > div > div > div > div > div > div > p {
    font-family: FlamaLight;
}

#about-us-banner {
    padding-right: 0 !important;
}

#about-us-banner > div > div {
    padding-top: 0 !important;
}

#about-us-banner > div > div > div > div > div.wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill > div {
    padding-top: 0;
    padding-right: 0;
}

#about-us-banner > div > div > div > div > div.wpb_column.vc_column_container.vc_col-sm-8.vc_col-has-fill > div > div > div {
    margin: 0;
}

#about-us-banner > div > div > div > div > div.wpb_column.vc_column_container.vc_col-sm-4 > div > div {
    margin-top: 10%;
}

#about-us-banner h1 {
    margin-top: 0;
    font-size: 25px !important
}

#about-us-banner p {
    text-align: right;
    margin-left: 5%;
    font-size: 13px;
    color: #fff;
}

#about-us-banner span:before {
    font-size: 60%;
}

#about-us-banner .right-arrow,
#about-us-banner .left-arrow {
    width: 10%;
    float: right;
    cursor: pointer;
}

#about-us-banner .vc_icon_element {
    margin-bottom: 35px;
}

#vision h1,
#mission h1,
#culture h1 {
    margin-top: 1%;
}

#culture > div > div > div > div > div > div > div > div.fadeInDown {
    margin-bottom: 2%;
}

#culture .core {
    text-align: center;
    max-height: 470px;
}

#culture .core h3 {
    padding: 0;
    font-size: 22px;
    margin-bottom: 5px;
    transition: all 100ms linear;
}

#culture .core h3:nth-child(3),
#culture .core h3:nth-child(7) {
    margin-bottom: 3%;
}

#culture .core h3:hover {
    font-size: 40px;
    color: #96499c;
}

/* Blog */
#blog-banner > div > div > div > div > div > div {
    height: 600px;
}

#nav-back-1 {
    display: block;
    margin-top: 1%;
    width: 7%;
}

#wrapper-blog-post > h1 {
    padding-top: 0;
    font-family: FlamaMedium;
    font-size: 35px;
    margin: 1% 0 0;
    color: #2c202c;
}

#wrapper-blog-post > p:nth-child(3) {
    font-family: FlamaLight;
    color: #2c202c;
}

#wrapper-blog-post > p:nth-child(3) > strong {
    color: #2ba9cd;
    text-transform: capitalize;
}

#inner-wrapper {
    width: 68%;
    margin: 5% auto 0;
    color: #2c202c;
    font-family: FlamaBook;
}

#inner-wrapper > h3 {
    font-size: 20px;
}

#inner-wrapper > div.col-sm-8 {
    padding-left: 0;
}

#inner-wrapper > div.col-sm-4 {
    padding-right: 0;
}

#inner-wrapper > p:nth-child(5) {
    clear: both;
}

#inner-wrapper > div.col-sm-4 > p {
    display: none;
}


#inner-wrapper > div.col-sm-4 > h3 {
    padding: 0;
    margin: 0 auto;
    width: 80%;
    font-size: 24px;
    font-style: italic;
    text-align: center;
    position: relative;
    top: -15px;
}

#inner-wrapper > div.addtoany_share_save_container.addtoany_content_bottom {
    margin-top: 7%;
}

#nav-back-2 {
    display: block;
    margin-top: 3%;
    width: 7%;
}

.wrapper-rel {
    background: #eef1f3;
    padding: 3% 0;
}

.wrapper-rel .related-post .inner-wrap {
    background: #fff;
}

.wrapper-rel .related-post .inner-wrap p {
    margin: 3% 3% 0;
    font-size: 12px;
    text-transform: uppercase;
    color: #00ccff;
    font-family: FlamaBook;
}

.wrapper-rel .related-post .inner-wrap h4 {
    margin: 3%;
    height: 80px;
    font-size: 18px;
    font-family: FlamaBook;
}

.wrapper-rel .related-post .inner-wrap a:hover {
    text-decoration: none;
    color: #96499c;
}

/* Portfolio */
#portfolio .vc_tta-tab > a {
    background: white;
    color: #333;
    border: none;
}

#portfolio .vc_tta-tab.vc_active > a {
    background: #f1f1f1;
    border-radius: 10px;
}

#portfolio .vc_tta-tab > a:hover {
    background: #f1f1f1;
}

/* Careers */
#career-section .vc_tta-tab > a {
    background: #edf1f4;
    color: #999999;
    border: none;
}

#career-section .vc_tta-tab.vc_active > a {
    background: #fff;
    border-radius: 10px;
}

#career-section .vc_tta-tab > a:hover {
    background: #fff;
    border-radius: 10px;
}

#career-section .vc_tta-panels-container > div {
    background: transparent;
}

#career-section div.vc_tta-panel-body {
    padding: 0;
    margin-top: 2%;
}

#career-section .row {
    margin: 0;
}

#accordion {
    margin-bottom: 2%;
    background: #fff;
}

#accordion > div.acc-head.row{
    padding: 2%;
}

#accordion > div.acc-head.row .career-title {
    margin: 0;
    font-size: 25px;
    color: #282828;
}

#accordion > div.acc-head.row .career-cat {
    margin: 5px 0;
    color: #999;
}

#accordion > div.acc-head.row .career-excerpt {
    padding: 2% 0 3%;
    color: #282828;
    font-size: 18px;
}

#accordion > div.acc-head.row .learn-more {
    width: 100%;
    border: 2px solid #ae96b0;
    text-align: center;
    padding: 13px 0;
    font-family: FlamaMedium;
    font-size: 18px;
    color: #ae96b0;
    margin: 7% 0;
    background: white;
}

#accordion > div.acc-head.row .learn-more:hover {
    background: #ae96b0;
    color: #fff;
    text-decoration: none;
}

#accordion > div.acc-head.row .apply-now {
    width: 100%;
    background: #96499c;
    color: #fff;
    font-family: FlamaMedium;
    font-size: 18px;
    line-height: 17px;
}

#accordion > div.acc-head.row .apply-now:hover {
    background-color: #ac53b5;   
}

#accordion > div.acc-content.row {
    background: #e3e9ed;
    display: none;
}

#accordion > div.acc-content.row > div.acc-content-wrapper > div:not(:empty) {
    padding: 1% 3%;
}

#accordion > div.acc-content.row > div.acc-content-wrapper > div > h3 {
    font-family: FlamaMedium;
    font-size: 18px;
    color: #282828;
}

#accordion > div.acc-content.row > div.acc-content-wrapper > div > ul {
    margin-left: 5%;
    font-family: FlamaLight;
    font-size: 15px;
}

#accordion > div.acc-soc-med.row {
    padding: 0 0 2% 3%;
}

#accordion > div.acc-soc-med.row.clicked {
    padding-top: 2%;
}

/* No post */
.no-post {
    background: #fff;
    width: 100%;
}

.no-post h2 {
    text-align: center;
    width: 100%;
}

/* Popup Careers */
#popmake-480 > div > h1 {
    text-align: center;
    font-family: FlamaMedium;
    font-size: 25px;
}

#popmake-480 > div > h1.position {
    margin: 0;
}

#popmake-480 > div > h1.position > em {
    font-style: normal;
    color: #96499c;
}

#popmake-480 > div > h1.form-desc {
    padding: 0;
    margin-top: 0;
    margin-bottom: 3%;
}

#popmake-480 > div {
    padding: 0 3%;
}

.wpcf7 form > div.basic-info {
    margin-bottom: 3%;
}

.wpcf7 form > div.basic-info > br {
    display: none;
}

.wpcf7 form > div.basic-info input {
    margin-bottom: 10px;
    border-radius: 0;
    border: 1px solid #a794a9;
    color: #a794a9;
}

.wpcf7 form > div.add-on-info > p:nth-child(1),
.wpcf7 form > div.add-on-info > p:nth-child(3) {
    margin-bottom: 5px;
    font-size: 15px;
    color: #746a75;
}

.wpcf7 form > div.add-on-info select {
    width: 100%;
    border-radius: 0;
    border: 1px solid #a794a9;
    margin-bottom: 10px;
}

.wpcf7 form > div.oath > h3 {
    text-align: center;
    font-size: 17px;
    width: 70%;
    margin: 0 auto 3%;
}

.wpcf7 form > div.oath > p {
    width: 30%;
    margin: 0 auto;
}

.wpcf7 form > div.oath > p > input {
    width: 100%;
    font-size: 14px;
    font-family: FlamaMedium;
    background: #96499c;
}

.wpcf7 form > div.oath > p > input:hover {
    background-color: #ac53b5;
}

.wpcf7 form > div.add-on-info > p:nth-child(2) {
    margin: 0;
}

/* hide subject */
#popmake-480 .wpcf7 > form > p {
    display: none;
}

/* Thank you page */

#thank-you-banner h1 {
    padding: 0;
    margin: 0 0 2% !important;
    font-family: FlamaMedium;
}

#thank-you-banner p {
    font-size: 16px;
    color: #2c202c;
    font-family: FlamaBook;
    text-align: center;
    width: 85%;
    margin: 1% auto;
}

#thank-you-banner a {
    width: 25%;
}

#thank-you-banner > div.upb-background-text-wrapper.full-browser-size > div > div > div > div > div:nth-child(1) > div > div > div > div {
    margin: 0;
}

#thank-you-banner > div.upb-background-text-wrapper.full-browser-size > div > div > div > div > div:nth-child(1) > div > div > div > div > div > embed {
    margin: 0;
}

#thank-you-banner > div.upb-background-text-wrapper.full-browser-size > div > div > div > div > div:nth-child(1) > div > div > div > div > div {
    width: 200px;
    margin: 0 auto;
}

/* Contact us */
#contact-us-details > div > div > div > div:nth-child(4) > div > p {
    width: 60%;
    margin: 0 auto;
}

#contact-us-details p,
#contact-us-details .contact-info {
    font-family: FlamaLight;
    color: #666;
    font-size: 18px;
}

#contact-form h1 {
    font-family: FlamaLight;
    color: #666;
}

#contact-form .wrapper-form-contact {
    margin: 0 auto 6%;
    width: 50%;
}

#contact-form .wrapper-form-contact .border-set {
    border: 1px solid #999;
}

#contact-form .wrapper-form-contact form .email,
#contact-form .wrapper-form-contact form .number {
    width: 48%;
    display: block;
    float: left;
    margin-bottom: 3%;
}

#contact-form .wrapper-form-contact form > p #email,
#contact-form .wrapper-form-contact form > p #num {
    width: 100%;
}

#contact-form .wrapper-form-contact form .email {
    margin-right: 2%;
}

#contact-form .wrapper-form-contact form .number {
    margin-left: 2%;
}

#contact-form .wrapper-form-contact p br:nth-child(4) {
    display: none;
}

#contact-form #cont-message {
    resize: none;
}

#contact-form #submit {
    width: 50%;
    margin: 0 auto;
    display: block;
    color: #666;
    font-size: 18px;
    font-family: FlamaLight;
    padding: 2%;
    background: #eee;
}

#contact-form #submit:hover {
    background: #96499c;
    color: #fff;
}