:root {
    --orange: #f95602;
    --off-orange: #F97702;
    --light-orange: #FFE1C8;
    --off-white: #F3F3F3;
    --white: #fff;
    --off-black: #242424;
    --black: #000;
    --mid-grey: #4D4D4D;
    --light-grey: #E2E2E2;
    --font-montserrat: 'Montserrat', sans-serif;
    --font-roboto: 'Roboto', sans-serif;
    --font-roboto-condendsed: 'Roboto Condensed', sans-serif;
	--dark-100: #16181b;
}

section.custom-perspective.section.section-overlay-opacity::before {
	z-index:-1 !important;
}

section.section.section-primary-overlay::before {
  background: var(--primary-rgba-90) !important;
}
section.section.section-primary-overlay-80::before {
  background: var(--primary-rgba-80) !important;
}
section.section.section-primary-overlay-70::before {
  background: var(--primary-rgba-70) !important;
}
section.section.section-primary-overlay-60::before {
  background: var(--primary-rgba-60) !important;
}
section.section.section-primary-overlay-50::before {
  background: var(--primary-rgba-50) !important;
}
.v3 .checkbox label input{
    margin-right:10px;
}
.bg-color-dark-100, .bg-dark-100 {
  background-color: var(--dark-100) !important;
}
.light-orange-tooltip + .tooltip > .tooltip-inner {
    background-color: #f00 !important;
}
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
}
.investor-logo-container {
  display: grid;
  grid-auto-flow: column;
  align-items: center;
  height: 110px;
  width: 160px;
}
.investor-logo-container img{margin: 0 auto;}
.bg-gradient {
  background-color: var(--off-black) !important;
  background-image: linear-gradient(to right, var(--off-black) 60%, var(--mid-grey) 100%) !important;
}
.thumb-info .thumb-wrapper-30::after{
  background: var(--dark-rgba-30) !important;
}

.embed-responsive::before {
    display: block;
    content: "";
    padding-top: 56.25%;
}

.embed-responsive iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.light-orange-tooltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #f00 !important;
}
/* creative subsite theme */
.creative .checkbox input{
    margin-right:5px;
}
.light-orange-tooltip + .tooltip-inner {
    background-color: #f00 !important;
    color: #f00;
}

.light-orange-tooltip + .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #f00 !important;
}

.light-orange-tooltip + .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #f00 !important;
}


.light-orange-tooltip + .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #f00 !important;
}


.light-orange-tooltip + .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #f00 !important;
}

@media (max-width: 991px) {
    .creative #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a.active {
        background: var(--orange);
        color:var(--orange);
    }
    .creative #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul > li > a:hover {
        color: var(--orange);
    }
    .creative #header .header-nav-main:not(.header-nav-main-mobile-dark) nav > ul:hover{
        color:var(--black);
    }
}
.creative .card-body.filter {
    border: 3px solid #e2e2e2;
    background-color: white;
    padding: 10px 20px 20px 20px;
}
.creative #header .header-btn-collapse-nav {
    background:var(--orange);
}
.creative .img-center-vertical-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.creative .height100{height:100px;}
.creative .height125 {height: 125px;}
.creative .height150 {height: 150px;}
.creative .height200 {height: 200px;}
.creative .body{
    min-height:100vh;
    background-color:var(--off-white);
}
h1.creative-page-heading {
    line-height: 1.2;
    font-size: 7.6em;
}
h2.creative-page-heading {
    line-height: 1.2;
    font-size: 5em;
}
.creative-page-lead {
    line-height: 32px;
    font-size: 29px;
}
.creative #header .header-nav.header-nav-links nav > ul > li > a{
    font-family:var(--font-montserrat) !important;
    font-wieght:700 !important;
    letter-spacing: 0px !important;
}
.creative .color-wrapper{
    text-align:center;
}
.creative .bg-color-selector {
    width: 50px;
    height: 50px;
    display: inline-block;
    margin: 0 5px;
}
.creative #logo-changer-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
}
.creative .bg-off-white-color-selector {
    border: solid 1px;
    border-color: var(--off-black);
}
.creative .white-logo-bg-color-selector.bg-off-black {
    border: solid 1px;
    border-color: var(--off-white);
}
.creative div[contenteditable="true"] {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; 
}
.creative [contentEditable=true]:empty:not(:focus):before {
    content: attr(data-ph);
}

.creative #roboto-font-result, .creative #montserrat-font-result {
    height: 60px;
    font-size: 30px;
}
.creative .font-example{font-size:30px;margin-bottom:5px;}
.creative .font-weigt-name{font-size:18px;}

.full-Window-Embed{
     height: calc(100vh - 46px);
}
.creative .logo-subtext {
    padding: 5px;
    background-color: var(--orange);
    display: block;
    color: var(--white);
    font-size: 16px;
}
/* start overriding org theme styling */
.v3 #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a {
    color: var(--black);
}
#white-header #header .header-nav.header-nav-links nav > ul > li > a,
#white-header #header .social-icons li a,
#white-header #header .header-nav-features .header-nav-top-icon {
    color: #fff !important;
}
#white-header #header .header-nav.header-nav-links nav > ul > li:hover > a {
    color: var(--orange) !important;
}

    #white-header #header .header-nav.header-nav-links nav > ul > li > a
    .v3 #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a.active {
        
    }
.v3 #header .header-nav.header-nav-links nav > ul:not(:hover) > li > a:hover {
    color: var(--off-orange);
}
.v3 #header .header-nav.header-nav-links nav > ul > li > a {
    line-height:35px;
}
.v3 .btn.btn-sm {
    font-size: 12.8px;
    font-size: 0.8rem;
    padding: 2px 8px;
}
html .v3 .text-primary { color: var(--orange) !important; }
html .v3 .text-secondary { color: var(--mid-grey) !important; }
html .v3 .text-white,
html .v3 .text-white p
{
    color: white !important;
}
html .v3 .bg-primary { background-color: var(--orange) !important; }
html .v3 .bg-secondary { background-color: var(--mid-grey) !important; }
html .v3 .bg-primary a {color:#fff !important;}

html .v3 .page-header h2 { border-bottom-color: var(--off-orange) !important; }
html .v3 .bg-grey-100 {background-color: var(--grey-100) !important;}

html .v3 .btn-primary {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--off-white) !important;
}

html .v3 .btn-primary:hover {
    background-color: var(--off-orange) !important;
    border-color: var(--off-orange) !important;
    color: var(--off-white) !important;
}
html.sidebar-light:not(.dark) .v3 .page-header {
    box-shadow: 1px 3px 0 1px var(--light-orange);
}
html .v3 .card-featured-primary {
    border-color:var(--orange) !important;
}
/* end overriding org theme styling */

html .v3 .btn-orange {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--off-white) !important;
}

html .v3 .btn-orange:hover {
    background-color: var(--off-orange) !important;
    border-color: var(--off-orange) !important;
    color: var(--off-white) !important;
}

html .v3 .btn-off-orange {
    background-color: var(--off-orange) !important;
    border-color: var(--off-orange) !important;
    color: var(--off-white) !important;
}

html .v3 .btn-off-orange:hover {
    background-color: var(--orange) !important;
    border-color: var(--orange) !important;
    color: var(--off-white) !important;
}

html .v3 .btn-light-orange {
    background-color: var(--light-orange) !important;
    border-color: var(--light-orange) !important;
    color: var(--off-black) !important;
}

html .v3 .btn-off-orange:hover {
    background-color: var(--off-orange) !important;
    border-color: var(--off-orange) !important;
    color: var(--off-black) !important;
}

html .v3 .btn-off-black {
    background-color: var(--off-black) !important;
    border-color: var(--off-black) !important;
    color: var(--white) !important;
}

html .v3 .btn-off-black:hover {
    background-color: var(--black) !important;
    border-color: var(--black) !important;
    color: var(--white) !important;
}

html .v3 .btn-mid-grey {
    background-color: var(--mid-grey) !important;
    border-color: var(--mid-grey) !important;
    color: var(--white) !important;
}

html .v3 .btn-mid-grey:hover {
    background-color: var(--off-black) !important;
    border-color: var(--off-black) !important;
    color: var(--white) !important;
}

html .v3 .btn-off-white {
    background-color: var(--off-white) !important;
    border-color: var(--off-white) !important;
    color: var(--off-black) !important;
}

html .v3 .btn-off-white:hover {
    background-color: var(--white) !important;
    border-color: var(--white) !important;
    color: var(--off-black) !important;
}
div.featured-box-secundary div.box-content {
    border-top-color: #0088cc;
}



.v3 .text-orange { color: var(--orange) !important; }
.v3 .text-off-orange { color: var(--off-orange) !important; }
.v3 .text-light-orange { color: var(--light-orange) !important; }
.v3 .text-off-white { color: var(--off-white) !important; }
.v3 .text-off-black { color: var(--off-black) !important; }
.v3 .text-mid-grey { color: var(--mid-grey) !important; }
.v3 .text-light-grey {color:var(--light-grey) !important;}

.v3 .bg-orange { background-color: var(--orange) !important; }
.v3 .bg-off-orange { background-color: var(--off-orange) !important; }
.v3 .bg-light-orange { background-color: var(--light-orange) !important; }
.v3 .bg-off-white { background-color: var(--off-white) !important; }
.v3 .bg-off-black { background-color: var(--off-black) !important; }
.v3 .bg-mid-grey { background-color: var(--mid-grey) !important; }
.v3 .bg-light-grey { background-color: var(--light-grey) !important;}

.v3 .border-orange { border-color: var(--orange) !important; }
.v3 .border-off-orange { border-color: var(--off-orange) !important; }
.v3 .border-light-orange { border-color: var(--light-orange) !important; }
.v3 .border-off-white { border-color: var(--off-white) !important; }
.v3 .border-off-black { border-color: var(--off-black) !important; }
.v3 .border-mid-grey { border-color: var(--mid-grey) !important; }
.v3 .border-light-grey { border-color:var(--light-grey) !important; }

body.v3 {
    color: var(--off-black) !important;
    background-color: var(--off-white) !important;
    font-family: 'Roboto', sans-serif !important;
    line-height: 22px;
    margin: 0;
    font-size: 13px;
}
body.v3 .custom-stroke-text-effect-1{
    font-family:"Poppins", Arial, sans-serif;  
}
.v3 .a {color: var(--orange) !important;}
.v3 a:hover, a:focus { color: var(--off-orange) !important; }
.v3 a:active { color: var(--orange) !important; }

.v3 h1, .v3 h2, .v3 h3, .v3 h4, .v3 h5, .v3 h6 {
    font-weight: 700;
    font-family: var(--font-montserrat);
    letter-spacing:0 !important;
    color: var(--off-black);
}

.v3 .font-italic { font-style: italic !important;}
.v3 .font-weight-thin {font-weight: 100 !important;}
.v3 .font-weight-light { font-weight: 300 !important; }
.v3 .font-weight-regular { font-weight: 400 !important; }
.v3 .font-weight-bold { font-weight: 700 !important; }
.v3 .font-weight-black { font-weight: 900 !important; }
.v3 .font-family-montserrat { font-family: var(--font-montserrat) !important; }
.v3 .font-family-roboto {font-family: var(--font-roboto) !important;}
.v3 .font-family-roboto-condensed {font-family: var(--font-roboto-condendsed) !important;}

.flex-display {
    display: flex;
}

.text-align-bottom {
    align-self: flex-end;
}

.text-align-top {
    align-self: flex-start;
}
.flex-display .pull-right {
    margin-left: auto;
}
.branding .img-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 250px;
    border-bottom: solid 2px var(--white);
}
.branding .img-container+.card-body{
    border-top: solid 3px var(--orange);
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
.branding .img-container .center {
    width: 50%;
}
.v3 .hover {
    color: #000;
    background: linear-gradient(90deg,var(--orange) 50%,#000 0) var(--_p,100%)/200% no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    transition: .4s;
}

.hover:hover {
    --_p: 0%;
}
a.bordered-div-button {
    border: solid 3px var(--orange);
    transition: 0.6s;
    display: block;
}
a.bordered-div-button:hover {
    background-color: var(--orange);
    color: white !important;
    text-decoration: none !important;
}
.grow {
    transition: all .2s ease-in-out;
}

.grow:hover {
    transform: scale(1.1);
}

.v3 .progress-bar-primary{
    background-color:var(--orange)!important;
}
.v3 .progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 27px;
    border: 2px solid #7d7d7d;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: white;
}

.v3 .progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #7d7d7d;
    top: 15px;
    left: -50%;
    z-index: -1;
}

.v3 .progressbar li:first-child:after {
    content: none;
}

.v3 .progressbar li.active {
    color: var(--orange);
}

.v3 .progressbar li.completed, .progressbar li.completed a {
    color: var(--off-orange);
}

.v3 .progressbar li.active:before {
    border-color: var(--orange);
}

.v3 .progressbar li.completed:before {
    border-color: var(--off-orange);
}

.v3 .progressbar li.active + li:after {
    background-color: var(--off-orange);
}

.progressbar li.completed + li:after {
    background-color: var(--off-orange);
}

.v3 .progressbar li.completed:before {
    background-color: var(--light-orange);
    color: var(--off-orange);
}

.v3 .alternative-font.text-orange{
    font-weight:500 !important;
}

.v3 .divider .text {
    background: #FFF;
    color: #a9a9a9;
    display: inline-block;
    height: 26px;
    line-height: 25px;
    position: absolute;
    text-align: center;
    font-size: 15px;
    margin: 0 auto 0 -15px;
    top: -13px;
    left: 50%;
    z-index: 1;
    min-width: 30px;
}


/* STUDENTS CUSTOM CSS */

.custom-perspective {
    perspective: 1000px;
}

.custom-available-bullet {
    padding-left: 18px;
    position: relative;
}

    .custom-available-bullet:before {
        animation: blinker 1s linear infinite;
        content: '';
        position: absolute;
        width: 12px;
        height: 12px;
        top: 3px;
        left: 0;
        display: block;
        border-radius: 100%;
        background-color: #39b54a;
    }

@keyframes blinker {
    50% {
        opacity: 0.4;
    }
}

.custom-hero-font-1 {
    font-size: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
    line-height: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
    text-transform: uppercase;
}

.custom-border-bottom-1 {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.custom-border-bottom-2 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.custom-hero-text-1 {
    padding: 0 0 0 15px;
    display: block;
    max-width: 430px;
    font-size: 20.8px;
    font-size: 1.3rem;
    line-height: 1.7;
    margin: 0;
}

@media (max-width: 1200px) {
    .custom-hero-text-1 {
        font-size: 1rem;
    }
}

@media (max-width: 991px) {
    .custom-hero-text-1 {
        max-width: 95%;
    }
}

.custom-stroke-text-effect-1 {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;

    white-space: nowrap;
}
.text-stroke-white {
    -webkit-text-stroke-color: var(--white) !important;
}
.custom-stroke-text-effect-2 {
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--light);
    white-space: nowrap;
}

.custom-hero-img-1 {
    max-width: 100px;
    max-height: 100px;
    margin: 15px;
}

.custom-footer-font-1 {
    font-size: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
    line-height: calc(40px + 50 * ((100vw - 300px) / (1200 - 300)));
    text-transform: uppercase;
}

    .custom-footer-font-1 em {
        padding: 0 40px;
        border-radius: 20px;
        font-style: normal;
        zoom: 0.52;
        position: relative;
        top: -40px;
    }

.custom-footer-img-1 {
    max-width: 100px;
    max-height: 100px;
    margin: 15px;
}

@media (max-width: 991px) {
    .custom-disable-scroll-mobile-1 {
        transform: none !important;
    }
}

.section-top-padding{
    padding-top:190px !important;
}
.section-bottom-padding{
	padding-bottom:190px !important;
}
.text-12{
    line-height:1.1em !important;
}

.h-400px {
    height: 400px;
}
.bg-size-cover {
    background-size: cover !important;
}
.btn-link-effect-1::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: var(--off-white);
    transition: width 0.25s ease-out;
}
/* Transforms */
/* Negative */
.transform3dx-n50 {
    transform: translate3d(-50%, 0, 0);
}

.transform3dy-n50 {
    transform: translate3d(0, -50%, 0);
}

.transform3dxy-n50 {
    transform: translate3d(-50%, -50%, 0);
}

.transform3dx-n100 {
    transform: translate3d(-100%, 0, 0);
}

.transform3dy-n100 {
    transform: translate3d(0, -100%, 0);
}

/* Positive */
.transform3dx-p50 {
    transform: translate3d(50%, 0, 0);
}

.transform3dy-p50 {
    transform: translate3d(0, 50%, 0);
}

.transformY-p100 {
    transform: translateY(100%);
}

/* Positive */
.transformZ0 {
    transform: translateZ(0px);
}

/* Top / Bottom / Left / Right */
.top-auto {
    top: auto !important;
}

.bottom-auto {
    bottom: auto !important;
}

.top-50pct {
    top: 50%;
}

.left-50pct {
    left: 50%;
}

.left-100pct {
    left: 100%;
}

.right-100pct {
    right: 100%;
}

.top-0 {
    top: 0px !important;
}

.bottom-0 {
    bottom: 0px !important;
}

.left-0 {
    left: 0px !important;
}

.right-0 {
    right: 0px !important;
}

.top-1 {
    top: 1px !important;
}

.bottom-1 {
    bottom: 1px !important;
}

.left-1 {
    left: 1px !important;
}

.right-1 {
    right: 1px !important;
}

.top-2 {
    top: 2px !important;
}

.bottom-2 {
    bottom: 2px !important;
}

.left-2 {
    left: 2px !important;
}

.right-2 {
    right: 2px !important;
}

.top-3 {
    top: 3px !important;
}

.bottom-3 {
    bottom: 3px !important;
}

.left-3 {
    left: 3px !important;
}

.right-3 {
    right: 3px !important;
}

.top-4 {
    top: 4px !important;
}

.bottom-4 {
    bottom: 4px !important;
}

.left-4 {
    left: 4px !important;
}

.right-4 {
    right: 4px !important;
}

.top-5 {
    top: 5px !important;
}

.bottom-5 {
    bottom: 5px !important;
}

.left-5 {
    left: 5px !important;
}

.right-5 {
    right: 5px !important;
}

.top-6 {
    top: 6px !important;
}

.bottom-6 {
    bottom: 6px !important;
}

.left-6 {
    left: 6px !important;
}

.right-6 {
    right: 6px !important;
}

.top-7 {
    top: 7px !important;
}

.bottom-7 {
    bottom: 7px !important;
}

.left-7 {
    left: 7px !important;
}

.right-7 {
    right: 7px !important;
}

.top-8 {
    top: 8px !important;
}

.bottom-8 {
    bottom: 8px !important;
}

.left-8 {
    left: 8px !important;
}

.right-8 {
    right: 8px !important;
}

.top-9 {
    top: 9px !important;
}

.bottom-9 {
    bottom: 9px !important;
}

.left-9 {
    left: 9px !important;
}

.right-9 {
    right: 9px !important;
}

.top-10 {
    top: 10px !important;
}

.bottom-10 {
    bottom: 10px !important;
}

.left-10 {
    left: 10px !important;
}

.right-10 {
    right: 10px !important;
}

.top-11 {
    top: 11px !important;
}

.bottom-11 {
    bottom: 11px !important;
}

.left-11 {
    left: 11px !important;
}

.right-11 {
    right: 11px !important;
}

.top-12 {
    top: 12px !important;
}

.bottom-12 {
    bottom: 12px !important;
}

.left-12 {
    left: 12px !important;
}

.right-12 {
    right: 12px !important;
}

.top-13 {
    top: 13px !important;
}

.bottom-13 {
    bottom: 13px !important;
}

.left-13 {
    left: 13px !important;
}

.right-13 {
    right: 13px !important;
}

.top-14 {
    top: 14px !important;
}

.bottom-14 {
    bottom: 14px !important;
}

.left-14 {
    left: 14px !important;
}

.right-14 {
    right: 14px !important;
}

.top-15 {
    top: 15px !important;
}

.bottom-15 {
    bottom: 15px !important;
}

.left-15 {
    left: 15px !important;
}

.right-15 {
    right: 15px !important;
}

.top-20 {
    top: 20px !important;
}

.top-30 {
    top: 30px !important;
}

.bottom-20 {
    bottom: 20px !important;
}

.bottom-30 {
    bottom: 30px !important;
}


/* STUDENTS PAGE */

/* Grid */
@media (min-width: 1236px) {
		.container {
				max-width: 1236px;
		}
}

@media (min-width: 576px) {
		.container-fluid {
				padding-left: 3%;
				padding-right: 3%;
		}
}

p {
		letter-spacing: -0.05em;
		font-size: 16px;
		font-size: 1rem;
}

.custom-counter-1 h3 {
		font-size: 3.571em;
		line-height: 1;
		font-weight: bold;
}

.custom-counter-1 p {
		font-size: 0.9286em;
		margin: 5px 0 0;
		font-weight: 600;
		line-height: 19.2px;
		line-height: 1.2rem;
		color: var(--light);
		opacity: 0.7;
		letter-spacing: -0.02em;
		text-transform: uppercase;
}

.custom-counter-1 a {
		font-size: 18px;
		font-size: 1.125rem;
		letter-spacing: -0.05em;
		color: var(--dark);
}

.custom-header-min-height-1 {
		min-height: 68vh;
}

.custom-header-max-width-1 {
		max-width: 703px;
}

.custom-banner-content-1 {
		background: var(--light);
		border-radius: var(--border-radius2x);
		width: 100%;
}

.custom-banner-content-item-1 {
		cursor: pointer;
		position: absolute;
		top: 48.3% !important;
		left: -9%;
		z-index: 10;
}

.custom-banner-content-item-2 {
		border-radius: var(--border-radius);
		position: absolute;
		bottom: -6%;
		left: -4%;
		z-index: 10;
}

.custom-banner-content-slider-1 {
		position: relative;
		margin: 0 10px 10px 10px;
}

.section-concept p,
.custom-text-color-1 {
		color: rgba(255, 255, 255, 0.6) !important;
}

.color-inherit {
		color: inherit !important;
}

.custom-header-bar:before {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		right: 10px;
		width: 50vw;
		background-image: linear-gradient(150deg, var(--primary) 0%, var(--primary) 30%, var(--secondary) 70%, var(--secondary) 100%);
		border-radius: var(--border-radius);
		box-shadow: 0 0 60px rgba(0, 0, 0, 0.06);
}

@media (max-width: 1200px) {
		.custom-header-bar:before {
				width: 110vw;
		}
}

.custom-font-size-1 {
		font-size: 17.6px;
		font-size: 1.1rem;
		line-height: 28.8px;
		line-height: 1.8rem;
}

.custom-font-size-2 {
		font-size: 18px;
		font-size: 1.125rem;
}

.custom-nav-link {
		font-size: 13px;
		font-size: .8125rem;
		letter-spacing: -0.025em;
		text-transform: uppercase;
		font-weight: 700;
		padding: 4px 0 !important;
		padding: .25rem 0 !important;
		margin: 0 20px;
		margin: 0 1.25rem;
		border-bottom: 4px solid transparent;
}

.custom-nav-link:not(.active).nav-link {
		color: var(--dark);
}

.owl-carousel.carousel-center-active-item-2 .owl-item.active > div {
		background-image: linear-gradient(150deg, var(--orange) 0%, var(--off-orange) 50%) !important;
}

/* Landing Page Text Reasons */
.text-reasons {
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		transform: rotate(-10deg);
}

.text-reasons h3 {
		padding: 12px 56px;
		padding: .75rem 3.5rem;
		text-transform: uppercase;
		border-radius: var(--border-radius);
		margin-bottom: 6.4px;
		margin-bottom: .4rem;
		font-weight: 800;
}

.text-reasons h3:nth-child(2) {
		background: rgba(25, 25, 25, 0.15);
		margin-left: -10%;
}

.text-reasons h3:nth-child(3) {
		background: rgba(25, 25, 25, 0.57);
		font-size: 28px;
		font-size: 1.75rem;
		line-height: 1.5;
		padding-left: 80px;
		padding-left: 5rem;
		margin-left: 32px;
		margin-left: 2rem;
}

.text-reasons h3:nth-child(4) {
		background: var(--dark);
		font-size: 36px;
		font-size: 2.25rem;
		padding: 8px 20px;
		padding: .5rem 1.25rem;
		margin-left: 15%;
}

.text-reasons label {
		font-size: 200px;
		font-size: 12.5rem;
		line-height: .8;
		font-weight: 800;
		position: absolute;
		left: 0;
		top: 0;
}

.text-reasons .highlighted-word {
		letter-spacing: -.025em;
}

.text-reasons .highlighted-word:after {
		bottom: -0.33em;
		left: 10%;
		transform: scaleY(-1);
}

/* Strong Shadow */
.strong-shadow {
		position: relative;
		display: inline-block;
}

.strong-shadow:before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: #494b4e;
		z-index: -1;
}

.strong-shadow.strong-shadow-top-right:before {
		top: -25px;
		left: 25px;
		right: -25px;
		bottom: 25px;
}

.strong-shadow.rounded:before {
		border-radius: 5px;
}

/* SVG Background */
.background-svg-style-1 {
		position: absolute;
		top: 31px;
		width: 100vw;
}

.background-svg-style-1 .dots {
		filter: url(#shadow);
}

.background-svg-style-1 .dots.dots-animation {
		filter: url(#shadow);
}

/* Video Open Icon */
.video-open-icon {
		display: inline-block;
		width: 64px;
		width: 4rem;
		height: 64px;
		height: 4rem;
		padding: 6px;
		padding: .375rem;
		transition: padding .2s;
		border-radius: 2rem;
		background: rgba(255, 255, 255, 0.07);
		position: relative;
		vertical-align: middle;
		margin-right: 8px;
		margin-right: .5rem;
		box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
}

.video-open-icon:before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 2rem;
		background: var(--light);
}

.video-open-icon:after {
		content: '';
		border-left: 12px solid #08c;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -6px 0 0 -5px;
}

.video-open-icon:hover {
		padding: 4px;
		padding: .25rem;
}

/* Filter */
.filter-wrapper.sticky-active {
		padding: 0 58px;
		position: relative;
}

.filter-wrapper.sticky-active:after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 1px;
		background: rgba(0, 0, 0, 0.06);
}

.filter-wrapper .search-form {
		position: relative;
		border: 2px solid #e7e7e7;
		border-radius: 3rem;
		display: inline-block;
		margin: -10px 0;
}

.filter-wrapper .search-form input[type="search"]::-webkit-search-decoration,
.filter-wrapper .search-form input[type="search"]::-webkit-search-cancel-button,
.filter-wrapper .search-form input[type="search"]::-webkit-search-results-button,
.filter-wrapper .search-form input[type="search"]::-webkit-search-results-decoration {
		display: none;
}

.filter-wrapper .search-form input {
		padding: 12.8px 48px 12.8px 19.2px;
		padding: 0.8rem 3rem 0.8rem 1.2rem;
		border: none;
		background-color: transparent;
		font-size: 16px;
		font-size: 1rem;
		font-weight: 500;
		letter-spacing: -0.05em;
		color: var(--dark);
		outline: 0;
}

.filter-wrapper .search-form .btn {
		position: absolute;
		top: 53%;
		right: -11.2px;
		right: -0.7rem;
		font-size: 19.2px;
		font-size: 1.2rem;
		min-width: 80px;
		min-width: 5rem;
		transform: translateY(-50%);
		padding: 0;
		background: none;
		transition: color 0.3s;
}

/* List Icons */
.custom-list-icons-1 .custom-list-icon {
		width: 28px;
		height: 28px;
		border-radius: 2px;
		margin-right: 3px;
		display: inline-block;
		text-align: center;
		font-weight: bold;
		line-height: 28px;
}

.custom-letter-spacing-1 {
		letter-spacing: 5px;
}

/* Investor */

.highlighted-word.highlighted-word-animation-1::after {
  background: url(/frontend/porto5/img/pencil-blue-line.png) !important;
}


/* Box Shadow */
.box-shadow-none {
	box-shadow: none !important;
}

.box-shadow-hover {
	transition: ease all 300ms;
}

.box-shadow-1:before {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: 0.33;
	content: '';
	box-shadow: 0 30px 90px #BBB;
	transition: all 0.2s ease-in-out;
}

.box-shadow-1.box-shadow-1-hover:before {
	opacity: 0;
}

.box-shadow-1.box-shadow-1-hover:hover:before {
	opacity: 0.33;
}

.box-shadow-2:not(.box-shadow-hover) {
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-2.box-shadow-hover:hover {
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.45);
}

.box-shadow-3:not(.box-shadow-hover) {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-3.box-shadow-hover:hover {
	box-shadow: 0 30px 60px -30px rgba(0, 0, 0, 0.45);
}

.box-shadow-4:not(.box-shadow-hover) {
	box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

.box-shadow-4.box-shadow-hover:hover {
	box-shadow: 0px 0px 21px -5px rgba(0, 0, 0, 0.2);
}

.box-shadow-5:not(.box-shadow-hover) {
	box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45);
}

.box-shadow-5.box-shadow-hover:hover {
	box-shadow: 0 15px 60px -36px rgba(0, 0, 0, 0.45);
}

.box-shadow-6:not(.box-shadow-hover) {
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.08);
}

.box-shadow-6.box-shadow-hover:hover {
	box-shadow: 0 12px 45px rgba(0, 0, 0, 0.08);
}

/* Box Shadow - Skin */
.box-shadow-1-primary:before {
	box-shadow: 0 30px 90px var(--primary) !important;
}

.box-shadow-1-secondary:before {
	box-shadow: 0 30px 90px var(--secondary) !important;
}

.box-shadow-1-tertiary:before {
	box-shadow: 0 30px 90px var(--tertiary) !important;
}

.box-shadow-1-quaternary:before {
	box-shadow: 0 30px 90px var(--quaternary) !important;
}

.box-shadow-1-dark:before {
	box-shadow: 0 30px 90px var(--dark) !important;
}

.box-shadow-1-light:before {
	box-shadow: 0 30px 90px var(--light) !important;
}
.custom-drop-caps .custom-drop-caps-number {
    font-weight: bold;
    float: left;
    font-size: 90px;
    line-height: 90px;
    padding: 0;
    margin-right: 15px;
    margin-top: 0;
}
.custom-vr-1 {
    width: 6px;
    height: 70px;
}
@media (max-width: 991px) {
    #header .header-nav-main nav > ul {
        background-color:white;
    }
	#white-header #header .header-nav.header-nav-links nav > ul > li a.active {
    	color: #FFF !important;
    	background: var(--primary) !important;
    }
	#white-header #header .header-nav.header-nav-links nav > ul > li > a, #white-header #header .social-icons li a, #white-header #header .header-nav-features .header-nav-top-icon {
        color: var(--primary) !important;
    }
	#header .header-btn-collapse-nav {
		background: var(--primary) !important;
	}
	
}
html.sticky-header-active #white-header #header .header-body {
	  background: rgba(0, 0, 0, 0.6);
	  transform: translate3d(0, 0, 0);
	}
	
.v3-alert-header{
	position: relative !important;
	z-index: 10000 !important;
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, 0.3);
	border-bottom: solid 3px var(--light-grey);
}