/* Archivo Regular */
@font-face {font-family: 'Archivo Regular';src: url('../fonts/Archivo-Regular.eot');src: url('../fonts/Archivo-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Archivo-Regular.woff2') format('woff2'),url('../fonts/Archivo-Regular.woff') format('woff'),url('../fonts/Archivo-Regular.ttf') format('truetype'),url('../fonts/Archivo-Regular.svg#wf') format('svg');}

/* Archivo Medium */
@font-face {font-family: 'Archivo Medium';src: url('../fonts/Archivo-Medium.eot');src: url('../fonts/Archivo-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Archivo-Medium.woff2') format('woff2'),url('../fonts/Archivo-Medium.woff') format('woff'),url('../fonts/Archivo-Medium.ttf') format('truetype'),url('../fonts/Archivo-Medium.svg#wf') format('svg');}

/* Archivo Semibold */
@font-face {font-family: 'Archivo SemiBold';src: url('../fonts/Archivo-SemiBold.eot');src: url('../fonts/Archivo-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Archivo-SemiBold.woff2') format('woff2'),url('../fonts/Archivo-SemiBold.woff') format('woff'),url('../fonts/Archivo-SemiBold.ttf') format('truetype'),url('../fonts/Archivo-SemiBold.svg#wf') format('svg');}

/* Cardo Regular */
@font-face {font-family: 'Cardo';src: url('../fonts/Cardo-Regular.eot');src: url('../fonts/Cardo-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Cardo-Regular.woff2') format('woff2'),url('../fonts/Cardo-Regular.woff') format('woff'),url('../fonts/Cardo-Regular.ttf') format('truetype'),url('../fonts/Cardo-Regular.svg#wf') format('svg');}

/* ----- GLOBAL ----- */
html{box-sizing: border-box;}
body{font-family:'Cardo';font-size:1.8rem;color:#fff;background-color: #212121;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-family: 'Archivo SemiBold';margin:0;}
.h1,h1{font-size:4.5rem;line-height:48px;letter-spacing:1.94px;}
.h2,h2{font-size:3rem;line-height:35px;letter-spacing:0.03px;}
.h3,h3{font-size:1.6rem;letter-spacing:0.55px;}
a,a:focus{color:#fff;transition:all ease 0.5s;text-decoration:none;outline:none;}
a:hover{color:#a63d55;text-decoration:none;transition:all ease 0.5s;}
ul,p{margin:0;padding:0;}
.container-fluid {padding-right: 150px;padding-left: 150px;}
header .container-fluid, footer .container-fluid {padding-left: 72px;padding-right: 72px;}
header, footer {position: fixed;width: 100%;z-index: 99;}

/* ----- HEADER ----- */
header{top:0;padding: 25px 0 0;}
.logo {width: 82px;padding-top: 12px;}
.get-in-touch{font-family: 'Archivo SemiBold';font-size:1.6rem;line-height:normal;letter-spacing:1.07px;text-align: right;}
.get-in-touch a {display: inline-block;padding: 10px 20px;background-color: #a63d55;border-radius:6px;border:1px solid #a63d55;}
.get-in-touch a:hover{background-color:#fff;}

/* ----- MOBILE NAVIGATION----- */
.mob-btn {width: 35px;height: 18px;margin-left: auto;cursor: pointer;position: relative;top: 3px;}
.mob-btn span {width: 100%;height: 3.2px;background-color: #818181;display: block;position: absolute;transition: .3s ease;}
.mob-btn span:nth-child(1) {transform: rotate(0deg);top: 0;}
.mob-btn span:nth-child(2) {top: 7px;display:none;}
.mob-btn span:nth-child(3) {transform: rotate(0deg);top: 12px;}

body.mobnavOpen{overflow:hidden !important;}
.mob-nav {position: fixed;transform: translateX(100%);padding: 25px 50px;top: 0;width: 100%;height: 100%;z-index: 99;background-color: #212121;
transition: all ease 1s;opacity: 0;}
body.mobnavOpen .mob-nav {transform: translateX(0);transition: all ease 1s;opacity: 1;}
.mob-nav-inner {padding: 30px 0;overflow: auto;height: 380px;float: left;width: 100%;}
.mob-nav-inner ul {list-style-type: none;float: left;width: 100%;}
.mob-nav-inner a {text-decoration:none;}
.mob-nav-inner > ul li:not(:first-child) {margin-top: 26px;}
.mob-nav-inner > ul li a{font-family: 'Archivo SemiBold';font-size:4.5rem;line-height:48px;letter-spacing:1.94px;}

/*Nav Close*/
.mob-nav-close .mob-btn span:nth-child(1) {transform: rotate(45deg);top: 8px;}
.mob-nav-close .mob-btn span:nth-child(3) {transform: rotate(-45deg);top: 8px;}

/*Nav Social Icons*/
.nav-social-icons {margin-top:50px;width: 100%;float: left;}
.nav-social-icons ul li {float: left;}
.nav-social-icons ul li:not(:last-child) {margin-right: 15px;}
.nav-social-icons ul li a {font-size: 3.4rem;}
p.copyright {float: left;width: 100%;font-family: 'Archivo Regular';font-size: 1.4rem;color: #818181;margin-top: 6px;}

/* ----- FOOTER ----- */
footer{bottom:0;padding-bottom: 25px;}
.social-quick-links > ul > li {display: inline-block;vertical-align: middle;}
.social-quick-links > ul > li:not(:last-child) {margin-right:14px;}
footer .privacy-terms{font-family: 'Archivo SemiBold';font-size:1.6rem;line-height:normal;color:#818181;letter-spacing:0.02px;text-transform:uppercase;
text-align: right;}
footer .copy-right {font-family: 'Archivo Regular';font-size: 1.4rem;color: #818181;text-align:center;margin-top: 12px;}

/* ----- CONTENT ----- */
.common-section {width: 100%;height: 100%;position: fixed;background-repeat:no-repeat;background-size:cover;}
.common-section-inner{position: absolute;left: 0;right: 0;top: 50%;
    transform: translateY(-50%);max-height: calc(100vh - 200px);}

/* Home */
section.home{background-image:url('../images/banner/home-bg.png');}
.home-content {padding-top: 32px;}
.home-content-inner p {font-family: 'Archivo Medium';font-size:1.8rem;line-height:23px;letter-spacing:0px;color:#b7b7b7;margin-top: 15px;}
.home-content .home-button {font-family: 'Archivo Medium';font-size:1.6rem;line-height:normal;letter-spacing:0.05px;margin-top: 52px;}
.home-content .home-button a{color:#2a2a2a;display:inline-block;background-color:#fff;padding: 12px 36px;border-radius: 6px;}
.home-content .home-button a:hover{background-color:#a63d55;color:#fff;}
.home-image {width: 400px;margin-left: auto;margin-right: auto;}
.home-image img {transform: rotate3d(0,0,0, 0deg);transition: transform ease 4s;}
.home-image:hover img {transform: rotate3d(0,0,1, 180deg);}

/* About */
section.about{background-image:url('../images/banner/how-we-do-bg.png');}
.about-common {margin-top: 36px;}
.about-content-inner {display: flex;flex-wrap: wrap;}
.about-common > * {float: left;width: 50%;}
.about-common .about-icon {width: 60px;margin-right: 25px;margin-bottom: 50px;}
.about-common .about-head .sub-head{font-family: 'Archivo Medium';font-size:1.4rem;line-height:normal;letter-spacing:0.35px;margin-top: 10px;}
.about-common .about-detail{font-family: 'Archivo Medium';font-size:1.2rem;margin-top: 12px;color: #b7b7b7;}

/* Expertise */
.expertise-content-container {width: calc(100vw);}
.expertise-content-container .slick-list{padding:0 38% 0 0;}
.expertise-content-container .slick-slide {display: flex;margin: 0px 70px 0 0;opacity: 0.35;transition:opacity ease 0.3s;}
.expertise-content-container .slick-slide.slick-active {opacity: 1;transition:opacity ease 0.3s;}
.expertise-content .slick-dots {top: -66px;bottom: auto;padding-right: 43%;padding-left: 18%;text-align:left;}
.expertise-content .slick-dots li {vertical-align: middle;margin:0;}
.expertise-content .slick-dots li:not(:last-child) {padding: 0 20% 0 0;}
.expertise-content .slick-dots li:not(:last-child):after {background-color: #743241;content: "";position: absolute;width: 100%;left: 14px;top: 46%;transform: translateY(-50%);height: 2px;z-index: -1;}
.expertise-content .slick-dots li button:before {font-size: 10px;opacity: 1;color: #743241;}
.expertise-content-container .expertise-content {margin-top: 36px;margin-bottom:0;opacity:0;}
section.active .expertise-content-container .expertise-content {opacity: 1;}
.expertise-content-inner .expertise-left,
.expertise-content-inner .expertise-right {float: left;width: 50%;color:#000;padding: 30px;height: 328px;overflow:hidden;}
.expertise-content-inner .expertise-left {background-color: #fff;}
.expertise-content-inner .expertise-left h2 {font-size: 2rem;line-height:normal;}
.expertise-content-inner .expertise-left p {font-size: 1.4rem;letter-spacing: 0.05px;margin-top: 15px;}
.expertise-content-inner .expertise-left .expertise-btn {font-family: 'Archivo SemiBold';background-color: #743241;padding: 8px 18px;border-radius: 6px;display: inline-block;margin-top: 15px;font-size: 1.2rem;letter-spacing:0.05px;border: 1px solid #a63d55;}
.expertise-content-inner .expertise-left .expertise-btn:hover {background-color:#fff;}
.expertise-content-inner .expertise-right {background-color: #ececec;}
.expertise-content-inner .expertise-right ul {list-style-type: none;}
.expertise-content-inner .expertise-right ul li{font-family: 'Archivo SemiBold';font-size:1.4rem;letter-spacing:0.07px;line-height: normal;}
.expertise-content-inner .expertise-right ul li:not(:first-child){margin-top:15px;}
.expertise-content-inner .expertise-right ul li span{font-family: 'Cardo';font-size:1.2rem;letter-spacing:0.04px;display:block;margin-top: 10px;}

/* Ripple Effect */
.expertise-content .slick-dots li.slick-active button.pinkBg,
.expertise-content .slick-dots li.slick-active button .pinkBg {background-color: #fff !important;border-radius:50%;}
.expertise-content .slick-dots li.slick-active button .ripple{position:absolute;width:80px;height:80px;z-index:1;left:10px;top:50%;opacity:0;
margin:-40px 0 0 -40px;-webkit-animation:ripple 1.8s infinite;animation:ripple 1.8s infinite;}
.expertise-content .slick-dots li.slick-active button:before {color:#fff;}
.expertise-content .slick-dots li.slick-active button .ripple:nth-child(1){animation-delay:.3s;-webkit-animation-delay:.3s;}
.expertise-content .slick-dots li.slick-active button .ripple:nth-child(2){animation-delay:.6s;-webkit-animation-delay:.6s;}
@-webkit-keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ripple{
    0%{
        opacity:1;
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        opacity:0;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}

/* Our Mentors */
.mentors-common h2{visibility:hidden;}
.mentors-common {margin-top: 36px;}
.mentors-content-inner {display: flex;flex-wrap: wrap;}
.mentors-common > * {float: left;width: 50%;}
.mentors-common .mentors-image {position:relative;}
.mentors-common .mentors-image .linkedin {position: absolute;right: 0;bottom: 0;background-color: #007cba;
color: #fff;text-align: center;width: 30px;height: 30px;line-height: 30px;}
.mentors-common .mentors-detail {padding-left: 22px;}
.mentors-common .mentors-detail .designation,
.mentors-common .mentors-detail .company {font-family: 'Archivo Medium';font-size: 1.2rem;color:#d1d1d1;}
.mentors-common .mentors-detail .designation {margin-top: 5px;}
.mentors-common .mentors-detail .company {margin-top: 25px;}
.mentors-content-outer {margin-top: 25px;}
.mentors-content-outer p {font-size: 1.6rem;line-height: 22px;color: #b7b7b7;font-family: 'Archivo Medium';}
.mentors-content-outer .mentors-cta {margin-top:25px;}
.mentors-content-outer .mentors-cta a {font-family: 'Archivo SemiBold';background-color:#a63d55;color:#fff;
font-size:1.4rem;padding: 10px 38px;display: inline-block;border-radius: 5px;}
.mentors-content-outer .mentors-cta a:hover{background-color:#fff;color:#a63d55;}

/* Our Team */
section.team{background-image:url('../images/banner/home-bg.png');}
.team-common h2{visibility:hidden;}
.team-common {margin-top: 36px;}
.team-content-inner {display: flex;flex-wrap: wrap;}
.team-common > * {float: left;width: 50%;}
.team-common .team-image {position:relative;}
.team-common .team-image .linkedin {position: absolute;right: 0;bottom: 0;background-color: #007cba;
color: #fff;text-align: center;width: 30px;height: 30px;line-height: 30px;}
.team-common .team-detail {padding-left: 22px;}
.team-common .team-detail .team-name {line-height: normal;letter-spacing: 0;}
.team-common .team-detail .designation,
.team-common .team-detail .company {font-family: 'Archivo Medium';font-size: 1.2rem;color:#d1d1d1;}
.team-common .team-detail .designation {margin-top: 5px;}
.team-common .team-detail .company {margin-top: 25px;}
.team-content-outer {margin-top: 45px;}
.team-content-outer p {font-size: 1.6rem;line-height: 22px;color: #b7b7b7;font-family: 'Archivo Medium';}
.team-content-outer .team-cta {margin-top:25px;}
.team-content-outer .team-cta a {font-family: 'Archivo SemiBold';background-color:#a63d55;color:#fff;
font-size:1.4rem;padding: 10px 38px;display: inline-block;border-radius: 5px;}
.team-content-outer .team-cta a:hover{background-color:#fff;color:#a63d55;}

.team-members .team-common {width: 20%;}
.team-members .team-common .team-detail {padding-left: 8px;}
.team-members .team-common .team-detail .team-name {font-size: 1.2rem;}
.team-members .team-common .team-detail .designation,
.team-members .team-common .team-detail .company {font-size: 1rem;}
.team-members .team-common .team-detail .company {margin-top: 10px;}

.team-content-inner, .team-members, .about-team, .hide-team-item {display:none;}
.team-content-outer .team-btn {font-size: 1.6rem;color: #f26283;font-family: 'Archivo Regular';margin-top: 28px;display: inline-block;text-decoration:none;}

/* Contact Us */
.contact-content {font-family: 'Archivo Regular';}
.contact-content-container .mob-show {display:none;}
.contact-content .form-group:last-child {margin-bottom: 0;}
.form-group label {font-size: 1.6rem;opacity: 0.5;font-weight: 400;margin:0;transition: all ease 0.5s;}
.form-group input {display: none;font-family: 'Archivo Medium';border: none;background: transparent;font-size: 2.6rem;opacity: 1;width: 72%;
color: #fff;}
.form-group.empty input::placeholder {color:red;}
.form-group input:focus {outline: none;}
.form-group .continue-btn, .form-group .submit-btn {margin-top: 0;overflow: hidden;height: 0;transition: all ease 0.5s;}
.form-group .continue-btn a,
.form-group .submit-btn a {display: inline-block;background-color: #fff;color: #000;font-size: 1.4rem;padding: 8px 40px;border-radius: 4px;
line-height: normal;text-decoration:none;vertical-align: middle;}
.form-group .submit-btn a.clear {margin-left: 10px;}
.form-group .continue-btn a:hover, .form-group .submit-btn a:hover,
.form-group .continue-btn a:focus, .form-group .submit-btn a:focus {background-color: #a63d55;color: #fff;outline:none;}
.form-group .submit-btn > #btn-submit {font-size: 1.4rem;padding: 8px 40px;background-color: #fff;color: #000;
    opacity: 1;width: auto;display: inline-block;vertical-align: middle;line-height: normal;border-radius: 4px;
    font-family: 'Archivo Regular';transition:all ease 0.5s;}
.form-group .submit-btn > #btn-submit:hover,
.form-group .submit-btn > #btn-submit:focus {background-color: #a63d55;color: #fff;outline:none;transition:all ease 0.5s;}
.form-group span.error {color: red;font-size: 1.4rem;font-family: 'Archivo SemiBold';display: block;}

/* Input Focused */
.form-group.focused label {opacity: 0.5;transition: all ease 0.5s;}
.form-group.default, .form-group.completed + .form-group:not(.completed):not(:last-child) {margin-bottom: 30px;}
.form-group.completed:not(:last-child){margin-bottom: 25px;}
.form-group.default label,
.form-group.completed + .form-group:not(.completed) label {font-size: 2.6rem;letter-spacing: 1.5px;font-family: 'Archivo Medium';margin: 0;opacity: 0.8;}
.form-group.default input,
.form-group.completed + .form-group input {display: block;}
.form-group.continue-next .continue-btn,
.form-group.continue-next .submit-btn {overflow: visible;height: auto;margin-top: 15px;transition: all ease 0.5s;}
.form-group.continue-next.completed .continue-btn,
.form-group.continue-next.completed .submit-btn {margin-top: 0;}
.form-group.completed .continue-btn {margin-top: 0;overflow: hidden;height: 0;transition: all ease 0.5s;}
.form-group.completed label, .form-group.completed input {font-size: 1.6rem;}

/* Email Validation */
.form-group.completed.invalid-input .continue-btn {overflow: visible;height: auto;margin-top: 15px;}
.form-group.continue-next.invalid-input .continue-btn a, .form-group.completed.invalid-input .continue-btn a {pointer-events: none;cursor: default;}
.form-group.completed.invalid-input + .form-group label {font-size: 1.6rem;opacity: 0.5;font-weight: 400;margin: 0;}
.form-group.completed.invalid-input + .form-group input {display: none;}
input[type="submit"]:disabled {background-color: #fff !important;opacity: 0.6 !important;cursor: default;
    color: #000 !important;}