html{scroll-behavior: smooth;}

.outline-f-white{
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
}
.outline-f-red{
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--red);
}
.outline-f-blue{
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: var(--blue);
}

.mark-overlay {height:75vh; width: auto; float:right; right:15% !important; top:20% !important;}

.mark-overlay-profile {height:90vh; float:right; right:5%; top:-100px;}


@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}



.logo-blue{ fill: var(--blue); }
.logo-red{ fill: var(--red); }
.logo-white{ fill: var(--white); }
.logo-border-red{ enable-background:new; }
.logo-blank{ fill: none; }

.logo-top{
    width: 34vw;
    top:14vh;
    right:8vw;
}
.logo-top svg{
    width:100%;
    height:auto;
    z-index: 9;
}
.logo-element{  width: 34vw; bottom: 0}
.logo-element svg{
    width:100%;
    height:auto;
    z-index: 9;
}
.logo-top{
    top: 1rem;
    left: 1rem;
}

.scroll-arrow-footer{   bottom:-3em; }
.scroll-arrow{
    bottom:3em;
    z-index: 999
}
.scroll-arrow a{
    padding:40px 10px;
    padding-right:40px;
    display: block;
}


/*Material Icon Font*/
a i.zmdi-long-arrow-down:before {
    color:rgba(246,30,71,1);
    -webkit-transition: .2s ease-out;
    transition: .2s ease-out;
 }
a:hover i.zmdi-long-arrow-down:before {
    color:rgba(255,255,255,1);
}



.img-fluid img {
    min-width: 100%;
    height: auto;
}

.shadow-white{
    -webkit-box-shadow: 0px 0px 90px 145px #fff;
    box-shadow: 0px 0px 90px 145px #fff;
    background-color: rgba(255,255,255,.98)

}

.iconbox P{     line-height: 1.5;  }
.iconbox-round { border-radius: 90px; }

ul.bullets{
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0 !important;
    margin-inline-end: 0 !important;
    padding-inline-start: 0 !important;
    padding: 0 !important;
}
ul.bullets{
    list-style: none;
}

.overflow-hidden{   overflow: hidden;}
.overflowx-hidden{ overflow-x: hidden;}

.transform-y:hover{
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
}

.arrow-left{
    float:left;
    left:0;
    z-index:999;
}
.align-center{
    text-align:center;
}



/* General button style (reset) */
.btn {
    font-family: "poppins", "Roboto Slab", Helvetica, sans-serif;
    text-align: center;
    text-decoration: none !important;
    text-transform:none;
    letter-spacing: 0;
    line-height:2.2;
    border-radius: 99rem;
    padding: .675rem .75rem;
/*  background: linear-gradient(to right, #28275f, #4d4c92);
    white-space: nowrap;
    vertical-align: middle;
    
    display: block;
    border-radius: 4px;
    outline: none !important;
    position: relative;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
    
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: .375rem .75rem;
    padding: 14px 30px 14px 30px;*/
}
.btn:hover{
    color: #ffffff;
    box-shadow:none;
/*  background: linear-gradient(to right, #28275f, #28275f);
    padding: 14px 45px 14px 15px;
    -webkit-box-shadow: 8px 8px 50px rgba(0,0,0,.3);
    box-shadow: 8px 8px 50px rgba(0,0,0,.3);*/
}
/* Filled star */
.btn-noshadow, .btn-noshadow:hover {
    box-shadow:none !important;
    -webkit-box-shadow:none !important;
}
.btn:active .preview-arrow, .btn:focus .preview-arrow, .btn:hover .preview-arrow {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    transform: translate(0,0);
}
.btn-splash{
    color: var(--blue) !important;
    background: transparent !important;
    padding: 0.85rem 0rem;
    padding-right: 1.5rem;
    margin: 0;
    border-radius: 2px;
    display: inline-block;
}
span.btn-splash:before, h1.btn-splash:before, h2.btn-splash:before, h3.btn-splash:before, a.btn-splash:before{
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='19' viewBox='0 0 102 19'%3E%3Cg id='btn-splash' transform='translate(-303.181 -168.547)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M404.176,172.783c.036-.194-.118-.506-.665-.292a6.161,6.161,0,0,0-1.286.825,8.315,8.315,0,0,1-3.794,1.278v.006c-3.838.46-15.244.085-31.318-1.732-8.2-.928-26.148-2.5-37.456-3.125-7.15-.393-13.623-.493-18.774,2.619-5.614,3.392-8.232,12.519-5.782,13.85,1.55.842,2.259,0,5.07-1.53,2.514-1.373,9.3-3.059,28.2-1.748,11.014.764,27.011,2.293,35.847,2.459,15.35.288,20.64-2.041,23.562-3.708a11.735,11.735,0,0,0,6.338-8.582C404.117,173.085,404.158,172.881,404.176,172.783Z' stroke='none'/%3E%3Cpath d='M 323.8251342773438 169.5471343994141 C 318.9857482910156 169.5471343994141 314.5917358398438 170.1226959228516 310.8823547363281 172.3634643554688 C 305.2684326171875 175.7550506591797 302.6505126953125 184.8825378417969 305.1005859375 186.2131500244141 C 306.6509094238281 187.0548706054688 307.3599853515625 186.2177734375 310.1703186035156 184.6826629638672 C 312.044189453125 183.6588745117188 316.2949829101562 182.4615020751953 326.1629333496094 182.4613037109375 C 329.5330505371094 182.4612426757812 333.5561828613281 182.6007995605469 338.3664855957031 182.9346160888672 C 349.3804626464844 183.6983642578125 365.3774719238281 185.2278900146484 374.2138977050781 185.3936767578125 C 389.5635681152344 185.6813507080078 394.8536682128906 183.3529968261719 397.7757263183594 181.685791015625 C 401.0838928222656 179.7993469238281 403.33544921875 177.3177337646484 404.11376953125 173.1037292480469 C 404.1174011230469 173.0845489501953 404.1576843261719 172.8813018798828 404.1757202148438 172.7831420898438 C 404.2113342285156 172.5886535644531 404.0578002929688 172.2773895263672 403.5109558105469 172.491455078125 C 403.0393371582031 172.676025390625 402.4214782714844 173.1601715087891 402.2247619628906 173.3168487548828 C 401.5360107421875 173.8246154785156 400.2562255859375 174.3691101074219 398.4311218261719 174.5949249267578 L 398.4305725097656 174.6004791259766 C 394.59228515625 175.0600738525391 383.1863098144531 174.6856231689453 367.1123962402344 172.8688354492188 C 358.9093017578125 171.9409942626953 340.9639587402344 170.3656005859375 329.65673828125 169.7442016601562 C 327.6554870605469 169.6341857910156 325.7062683105469 169.5471343994141 323.8251342773438 169.5471343994141 M 323.8251342773438 168.5471343994141 C 325.8291625976562 168.5471343994141 327.9253845214844 168.6475219726562 329.7116394042969 168.7457122802734 C 340.6716613769531 169.3480224609375 358.5562744140625 170.8946990966797 367.2247924804688 171.8751678466797 C 377.9310302734375 173.0852813720703 387.7363891601562 173.7793121337891 394.1265869140625 173.7793121337891 C 395.8641357421875 173.7793121337891 397.2731323242188 173.7239379882812 398.2128295898438 173.6190032958984 C 398.2441101074219 173.6120300292969 398.2759704589844 173.6064910888672 398.308349609375 173.6024932861328 C 400.3310546875 173.3522186279297 401.3388061523438 172.7241516113281 401.6181945800781 172.5215606689453 C 402.2169799804688 172.0461883544922 402.7310791015625 171.7228088378906 403.146484375 171.5602264404297 C 403.3855590820312 171.4666595458984 403.6181945800781 171.4192199707031 403.8379211425781 171.4192199707031 C 404.25634765625 171.4192352294922 404.6261596679688 171.5865478515625 404.8793334960938 171.8903198242188 C 405.1239624023438 172.1838226318359 405.2286682128906 172.5849304199219 405.1593627929688 172.9632720947266 C 405.1449890136719 173.0414123535156 405.1174926757812 173.1817779541016 405.1033325195312 173.2539978027344 L 405.0963439941406 173.2895660400391 C 404.6906433105469 175.4831695556641 403.9013366699219 177.31201171875 402.6833190917969 178.8808441162109 C 401.5981140136719 180.2786102294922 400.1548767089844 181.4802703857422 398.2710876464844 182.5544738769531 C 396.891357421875 183.3416900634766 394.8723449707031 184.3444366455078 391.4796447753906 185.1165313720703 C 387.6314392089844 185.9922790527344 382.8113098144531 186.4179992675781 376.7438659667969 186.4179992675781 C 375.9192199707031 186.4179992675781 375.0617065429688 186.4097595214844 374.1951293945312 186.3935089111328 C 368.1303405761719 186.2797241210938 358.8528747558594 185.5382080078125 349.880859375 184.8211364746094 C 345.7173461914062 184.4883575439453 341.7847290039062 184.1740570068359 338.2973022460938 183.9322052001953 C 333.7933044433594 183.6196594238281 329.7107238769531 183.4612426757812 326.1629333496094 183.4613037109375 C 316.5160522460938 183.4615020751953 312.4021606445312 184.6028289794922 310.6497802734375 185.5602264404297 C 310.1127014160156 185.8536071777344 309.6517639160156 186.1222839355469 309.2450866699219 186.3593139648438 C 308.0179138183594 187.0746002197266 307.2072143554688 187.5471496582031 306.2396240234375 187.5471496582031 C 305.7089538574219 187.5471496582031 305.1954040527344 187.4025115966797 304.6234436035156 187.0919647216797 C 303.9898376464844 186.7478637695312 303.2256164550781 185.9434356689453 303.1824645996094 184.0650024414062 C 303.1398315429688 182.2096710205078 303.8297729492188 179.7444000244141 305.0280151367188 177.4703979492188 C 306.3930969238281 174.8797912597656 308.28857421875 172.7621459960938 310.3652648925781 171.5075378417969 C 314.7089233398438 168.8836059570312 319.8401184082031 168.5471343994141 323.8251342773438 168.5471343994141 Z' stroke='none' fill='%23ea2d33'/%3E%3C/g%3E%3C/svg%3E");
    position: absolute;
    float: right;
    right: 0;
    z-index: -990;
    bottom: -2px;
    -webkit-transition:fill-in 14.5s ease-in-out;
    transition:fill-in 15.5s ease-in-out;
}
a:hover.btn-splash:before{
    content:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='106' height='19' viewBox='0 0 102 19'%3E%3Cg id='btn-splash' transform='translate(-303.181 -168.547)' fill='%23ea2d33' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M404.176,172.783c.036-.194-.118-.506-.665-.292a6.161,6.161,0,0,0-1.286.825,8.315,8.315,0,0,1-3.794,1.278v.006c-3.838.46-15.244.085-31.318-1.732-8.2-.928-26.148-2.5-37.456-3.125-7.15-.393-13.623-.493-18.774,2.619-5.614,3.392-8.232,12.519-5.782,13.85,1.55.842,2.259,0,5.07-1.53,2.514-1.373,9.3-3.059,28.2-1.748,11.014.764,27.011,2.293,35.847,2.459,15.35.288,20.64-2.041,23.562-3.708a11.735,11.735,0,0,0,6.338-8.582C404.117,173.085,404.158,172.881,404.176,172.783Z' stroke='none'/%3E%3Cpath d='M 323.8251342773438 169.5471343994141 C 318.9857482910156 169.5471343994141 314.5917358398438 170.1226959228516 310.8823547363281 172.3634643554688 C 305.2684326171875 175.7550506591797 302.6505126953125 184.8825378417969 305.1005859375 186.2131500244141 C 306.6509094238281 187.0548706054688 307.3599853515625 186.2177734375 310.1703186035156 184.6826629638672 C 312.044189453125 183.6588745117188 316.2949829101562 182.4615020751953 326.1629333496094 182.4613037109375 C 329.5330505371094 182.4612426757812 333.5561828613281 182.6007995605469 338.3664855957031 182.9346160888672 C 349.3804626464844 183.6983642578125 365.3774719238281 185.2278900146484 374.2138977050781 185.3936767578125 C 389.5635681152344 185.6813507080078 394.8536682128906 183.3529968261719 397.7757263183594 181.685791015625 C 401.0838928222656 179.7993469238281 403.33544921875 177.3177337646484 404.11376953125 173.1037292480469 C 404.1174011230469 173.0845489501953 404.1576843261719 172.8813018798828 404.1757202148438 172.7831420898438 C 404.2113342285156 172.5886535644531 404.0578002929688 172.2773895263672 403.5109558105469 172.491455078125 C 403.0393371582031 172.676025390625 402.4214782714844 173.1601715087891 402.2247619628906 173.3168487548828 C 401.5360107421875 173.8246154785156 400.2562255859375 174.3691101074219 398.4311218261719 174.5949249267578 L 398.4305725097656 174.6004791259766 C 394.59228515625 175.0600738525391 383.1863098144531 174.6856231689453 367.1123962402344 172.8688354492188 C 358.9093017578125 171.9409942626953 340.9639587402344 170.3656005859375 329.65673828125 169.7442016601562 C 327.6554870605469 169.6341857910156 325.7062683105469 169.5471343994141 323.8251342773438 169.5471343994141 M 323.8251342773438 168.5471343994141 C 325.8291625976562 168.5471343994141 327.9253845214844 168.6475219726562 329.7116394042969 168.7457122802734 C 340.6716613769531 169.3480224609375 358.5562744140625 170.8946990966797 367.2247924804688 171.8751678466797 C 377.9310302734375 173.0852813720703 387.7363891601562 173.7793121337891 394.1265869140625 173.7793121337891 C 395.8641357421875 173.7793121337891 397.2731323242188 173.7239379882812 398.2128295898438 173.6190032958984 C 398.2441101074219 173.6120300292969 398.2759704589844 173.6064910888672 398.308349609375 173.6024932861328 C 400.3310546875 173.3522186279297 401.3388061523438 172.7241516113281 401.6181945800781 172.5215606689453 C 402.2169799804688 172.0461883544922 402.7310791015625 171.7228088378906 403.146484375 171.5602264404297 C 403.3855590820312 171.4666595458984 403.6181945800781 171.4192199707031 403.8379211425781 171.4192199707031 C 404.25634765625 171.4192352294922 404.6261596679688 171.5865478515625 404.8793334960938 171.8903198242188 C 405.1239624023438 172.1838226318359 405.2286682128906 172.5849304199219 405.1593627929688 172.9632720947266 C 405.1449890136719 173.0414123535156 405.1174926757812 173.1817779541016 405.1033325195312 173.2539978027344 L 405.0963439941406 173.2895660400391 C 404.6906433105469 175.4831695556641 403.9013366699219 177.31201171875 402.6833190917969 178.8808441162109 C 401.5981140136719 180.2786102294922 400.1548767089844 181.4802703857422 398.2710876464844 182.5544738769531 C 396.891357421875 183.3416900634766 394.8723449707031 184.3444366455078 391.4796447753906 185.1165313720703 C 387.6314392089844 185.9922790527344 382.8113098144531 186.4179992675781 376.7438659667969 186.4179992675781 C 375.9192199707031 186.4179992675781 375.0617065429688 186.4097595214844 374.1951293945312 186.3935089111328 C 368.1303405761719 186.2797241210938 358.8528747558594 185.5382080078125 349.880859375 184.8211364746094 C 345.7173461914062 184.4883575439453 341.7847290039062 184.1740570068359 338.2973022460938 183.9322052001953 C 333.7933044433594 183.6196594238281 329.7107238769531 183.4612426757812 326.1629333496094 183.4613037109375 C 316.5160522460938 183.4615020751953 312.4021606445312 184.6028289794922 310.6497802734375 185.5602264404297 C 310.1127014160156 185.8536071777344 309.6517639160156 186.1222839355469 309.2450866699219 186.3593139648438 C 308.0179138183594 187.0746002197266 307.2072143554688 187.5471496582031 306.2396240234375 187.5471496582031 C 305.7089538574219 187.5471496582031 305.1954040527344 187.4025115966797 304.6234436035156 187.0919647216797 C 303.9898376464844 186.7478637695312 303.2256164550781 185.9434356689453 303.1824645996094 184.0650024414062 C 303.1398315429688 182.2096710205078 303.8297729492188 179.7444000244141 305.0280151367188 177.4703979492188 C 306.3930969238281 174.8797912597656 308.28857421875 172.7621459960938 310.3652648925781 171.5075378417969 C 314.7089233398438 168.8836059570312 319.8401184082031 168.5471343994141 323.8251342773438 168.5471343994141 Z' stroke='none' fill='%23ea2d33'/%3E%3C/g%3E%3C/svg%3E%0A");

}
.btn-bg-border-blue {border:solid 1px rgb(132,128,255,1); background: none; color: rgb(40,37,95,1) !important }
.btn-bg-border-blue:hover {border:solid 1px rgb(132,128,255,.3); background: none; color: rgb(40,37,95,1) !important; 
    -webkit-box-shadow: none;
    box-shadow: none}

.btn-bg-white {background: rgb(255,255,255,1); color: rgb(235,45,51,1) !important }
.btn-bg-white:hover {background: rgb(255,255,255,1); color: rgb(235,45,51,1) !important; 
    -webkit-box-shadow: none;
    box-shadow: none}

.btn-bg-blue {background: rgb(132,128,255,1); }
.btn-bg-blue:hover {background: rgb(255,128,128,1); }

.btn-bg-blue-dark {background: rgb(40,37,95,1); }
.btn-bg-blue-dark:hover {background: rgb(40,37,95,1); }

.btn-bg-green {background-color: rgb(98,179,80,1) !important; }
.btn-bg-green:hover {background: rgb(150,215,136,1) !important; }

.btn-bg-red {background: rgb(235,45,51,1); }
.btn-bg-red:hover {background: rgb(255,128,128,1); }

.btn.btn-lg {
    font-size: 1.5rem;
    padding: 1.2rem 3rem;
    border-radius: 60px 5px 60px 10px;
}
.btn.btn-md {
    font-size: 1.2rem;
    padding: 1rem 2.4rem;
}

.btn-shadow{
    box-shadow: 1px 10px 28px 0 rgba(87,75,172,.32);
}
.btn-shadow:hover, .btn-shadow:focus{
    box-shadow: none !important;
}

.btn-primary {
    background-image: var(--gradient-secondary) !important;
    color: var(--white) !important;
    border: none !important;
}
.btn-primary:hover {
    background-image: var(--gradient-secondary) !important;
    transform: translateY(-2px);
    /*-webkit-transition: transform .35s;
    transition:transform .35s;*/
}

.btn-anim {
    /* background: 56deg,#1E4ECA, #190041 35%,#1E4ECA 255% !important; Your gradient colors */
    background-size: 250% 100%; /* Make the background wider than the element */
    transition: background-position 0.4s ease-out; /* Smooth transition for background-position */
    color: var(--white) !important;
    border: none !important;
}
.btn-anim:hover {
    background-position: 100% 0; /* Shift the background to the right on hover */
    animation: gradient-shift .6s ease-in-out forwards; /* Apply keyframe animation on hover */
    /*-webkit-transition: transform .35s;
    transition:transform .35s;*/
}

@keyframes gradient-shift {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 100% 0%;
    }
}

.btn-primary.dropdown-toggle {background-color: var(--red-light) !important; }
.btn-primary.dropdown-toggle:hover, .btn-primary.dropdown-toggle:focus {background-color: var(--red-light) !important; }
.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active,.show > .btn-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: var(--red-light) !important;
}
.btn-primary:not([disabled]):not(.disabled):active:focus, .btn-primary:not([disabled]):not(.disabled).active:focus,.show > .btn-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}

.btn-outline-primary {
    border: 2px solid var(--blue) !important;
    background-color: transparent !important;
    color: #4285f4 !important;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary:active:focus, .btn-outline-primary.active {
    border-color: #4285f4 !important;
    background-color: transparent !important;
    color: #4285f4 !important;
}
.btn-outline-primary:not([disabled]):not(.disabled):active, .btn-outline-primary:not([disabled]):not(.disabled).active,.show > .btn-outline-primary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #4285f4 !important;
}
.btn-outline-primary:not([disabled]):not(.disabled):active:focus, .btn-outline-primary:not([disabled]):not(.disabled).active:focus,.show > .btn-outline-primary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.btn-outline-secondary {
  border: 2px solid var(--grey-light) !important;
  background-color: transparent !important;
  color: var(--red) !important; }
  .btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary:active:focus, .btn-outline-secondary.active {
    border-color: #4285f4 !important;
    background-color: transparent !important;
    color: var(--red) !important; }
  .btn-outline-secondary:not([disabled]):not(.disabled):active, .btn-outline-secondary:not([disabled]):not(.disabled).active,
  .show > .btn-outline-secondary.dropdown-toggle {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    background-color: transparent !important;
    border-color: #4285f4 !important; }
  .btn-outline-secondary:not([disabled]):not(.disabled):active:focus, .btn-outline-secondary:not([disabled]):not(.disabled).active:focus,
  .show > .btn-outline-secondary.dropdown-toggle:focus {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); }




.bg-splash{
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.1.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='144px' height='24.592px' viewBox='0 113.704 144 24.592' enable-background='new 0 113.704 144 24.592' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23EADDD8' d='M28.66 114.275c2.685 0 5.466 0.12 8.323 0.271c16.145 0.857 41.767 3.031 53.481 4.31c17.159 1.875 30.591 2.636 38.568 2.636c2.693 0 4.766-0.086 6.149-0.247l0.002-0.008c2.605-0.311 4.434-1.062 5.415-1.763c0.282-0.215 1.165-0.883 1.838-1.138c0.187-0.07 0.34-0.1 0.467-0.1c0.403 0 0.521 0.299 0.484 0.502c-0.028 0.135-0.085 0.415-0.091 0.441c-1.112 5.813-4.325 9.235-9.049 11.838c-3.936 2.169-10.875 5.147-30.027 5.147c-1.158 0-2.364-0.011-3.615-0.033c-12.618-0.228-35.459-2.338-51.186-3.391c-6.872-0.461-12.62-0.653-17.433-0.653c-14.085 0-20.152 1.651-22.828 3.064c-2.919 1.54-4.25 2.57-5.612 2.57c-0.51 0-1.024-0.145-1.627-0.461c-3.498-1.835 0.24-14.424 8.256-19.103C15.473 115.069 21.749 114.275 28.66 114.275 M28.66 114.175c-8.198 0-13.914 1.203-18.535 3.9c-6.344 3.702-9.713 11.921-9.617 16.187c0.035 1.572 0.507 2.641 1.365 3.091c0.615 0.322 1.146 0.473 1.674 0.473c1.022 0 2-0.551 3.62-1.463c0.588-0.331 1.255-0.706 2.039-1.119c2.636-1.394 8.728-3.054 22.781-3.054c5.1 0 10.963 0.22 17.426 0.653c4.99 0.334 10.613 0.769 16.565 1.228c12.786 0.987 26.008 2.008 34.625 2.163c1.23 0.022 2.447 0.034 3.617 0.034c18.356 0 25.715-2.758 30.075-5.16c5.273-2.906 8.079-6.579 9.1-11.907c0.002-0.01 0.015-0.075 0.031-0.156l0.059-0.284c0.027-0.153-0.015-0.313-0.111-0.429c-0.074-0.089-0.216-0.194-0.471-0.194c-0.147 0-0.316 0.036-0.502 0.106c-0.467 0.177-1.093 0.565-1.863 1.152c-0.556 0.397-2.196 1.365-5.366 1.743l-0.069 0.008l-0.002 0.008c-1.41 0.158-3.451 0.238-6.068 0.238c-9.176 0-23.229-0.961-38.558-2.636c-12.377-1.351-37.88-3.481-53.486-4.311C34.457 114.313 31.488 114.175 28.66 114.175L28.66 114.175z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: top -10% right 350%;
    background-size: 120%
}


.icon-logo-mono:before {
  content: "e901";
}
.icon-logo:before {
  content: "e901";
  color: #000;
  font-size:20px;
  text-decoration:none;
  *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
}
a.icon-logo:hover, a.icon-logo:focus{
    text-decoration:none
}

/*
header div{
    width: 1170px;
    max-width: 100%;
}*/
header div.portfolio{
    width: 100%;
}
footer{
    color:#000;
    margin-top:calc(10% + 5px);
}
footer fab, footer fas{
    background-color:#f61e47;
}
footer a:focus, footer a:active, footer a:hover{
    -webkit-transition:.35s;
    transition:.35s;
    text-decoration: none;
}


.bg-footer{
    z-index: -99;
    float: left;
    /*left: -100px;*/
    width: 100%;
    height: 95vh;
}
@media (max-width: 920px) { 
.bg-footer {left: 0px;}
.bg-footer img { width: 220vw !important;}
}
.bg-gradient-primary-img{ background: var(--gradient-primary-img) }
.bg-gradient-secondary-img{ background: var(--gradient-secondary-img) }

ul.footer-content {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
}
ul.footer-content li.nav-item{
    margin: auto .1rem;
}
ul.footer-content .disabled{
    /*color: var(--grey-light) !important;*/
    color: var(--grey-lighter) !important;
}


/* == Navigation Start Here == */
.navbar.scrolling-navbar{z-index:100}
.navbar.scrolling-navbar{transition:background .5s ease-in-out,padding .5s ease-in-out; padding-top:1.5rem; padding-bottom:1.5rem; }
.navbar.scrolling-navbar .navbar-nav>li{transition-duration:1s}
.navbar.scrolling-navbar.top-nav-collapse{padding-top:1rem; padding-bottom:1rem; padding-left: 2rem !important; padding-right: 2rem !important;}
.navbar.scrolling-navbar.top-nav-collapse > .navbar-brand{
    margin-left:calc(5% + 8px);
    max-width:45px;
}
.navbar.scrolling-navbar.top-nav-collapse > .navbar-brand2{
    margin-left:calc(.5% + 2px);
    max-width:46px;
}
.navbar{
    box-shadow:none !important;
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
}

.nav-item{
    margin: auto .2rem;
    padding: .5rem 0;
    display: block;
}
.navbar.navbar-light .navbar-nav .nav-item .nav-link, .nav-link{
    text-decoration:none; 
    -webkit-transition:.35s;
    transition:.35s;
    padding-right: 1rem;
    padding-left: 1rem;
    color: var(--grey-dark);
}
.navbar-nav:hover .nav-item:hover .nav-link:hover{color: var(--red);}
.active:hover .nav-link:hover{color:var(--red)}

.underline-animation { display: inline-block; position: relative; }
.underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: var(--red);
  transition: transform 0.25s ease-out;
}
.underline-animation::after { background-color: var(--red-lighter);}
.underline-animation:hover::after { transform: scaleX(1); }
.underline-animation.left::after { transform-origin: bottom right; }
.underline-animation.left:hover::after { transform-origin: bottom left; }

.navbar .navbar-brand{
    /*margin-left:calc(5% + 8px);*/
    max-width:142px;
    margin-left:/*calc(.5% + 2px)*/0;
    margin-right:0;
    float:left;
}


.navbar .navbar-brand2{
    margin-left:/*calc(.5% + 2px)*/0;
    margin-right:0;
    max-width:50px;
    float:left;
}
.navlogo{
    top:0;
    left:.0;
}
.navlogo svg.navlog{
    max-width: 50px !important;
    height:50px;
    z-index: 9;
    float:left;
}
.navbar .navbar-brand img, .navbar .navbar-brand2 img{width:100%;}
.navbar-dummy2{
        display: -ms-flexbox!important;
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        text-align: right;
        -ms-flex-preferred-size: 100%;
        -ms-flex-align: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -ms-flex-preferred-size: 100%;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-align: center;
        align-items: center;
    }
.brand-name img{
    width:100%;
    max-width:5%;
}
.brand-name .brand2{
    margin-left:calc(5% + 2px);
}
.brand1, .brand2{
    max-width:65px;
    margin-right:calc(5% + 2px);
    margin-bottom:30px;
}


/* == Navigation Start Here == */
.collapse, .navbar-collapse, .navbar-toggler{
    text-align: right;
}
.navbar-collapse{
    flex-basis: auto;
    flex-grow: 0;
}
.collapse:not(.show) {
    display: none;
}
.fade {
  transition: opacity 0.15s linear;
}



/* == Navigation toggler == */
.navbar-light .navbar-toggler{
    fill: var(--red) !important;
    border: none !important;
}

.navbar-light .navbar-toggler-icon {
    background-image: url('data:image/svg+xml,<svg width="34" height="24" viewBox="0 0 34 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22 2H32" stroke="black" stroke-width="3" stroke-linecap="round"/><path d="M2 12H32" stroke="black" stroke-width="3" stroke-linecap="round"/><path d="M13 22H32" stroke="black" stroke-width="3" stroke-linecap="round"/></svg>');
}


.navbar-toggler:focus{
    box-shadow: 0 0 0 0 !important;
}
/* == Navigation Start Here == */






@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}


.intro-cell{
/*  margin:300px auto 0 auto !important;*/
    max-width:800px;
}
.services-cell{
/*  margin:300px auto 0 auto !important;*/
    max-width:1100px;
}
.workhd-cell{
    width:250px;
    margin-left:calc(15% + 8px);
}
.workintro-cell{
    width:550px;
    margin-left:calc(15% + 8px);
    margin-right:calc(15% + 8px);
}
/*.container-fluid{max-width:1600px;}*/
.container-1170{
    width: 1170px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}
.container{
    width: 1380px;
    max-width: 100%;
}


.container, .container-fluid, .container-1170 {
    padding-right: 15px;
    padding-left: 15px;
}
.no-gutters {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.service-brand{
/*
    display: flex;
    flex-flow: column;
    width:auto;
    height:85px;
    margin-bottom:calc(5% + 5px);
*/
}
.service-brand p{
    line-height:45px;
}
.service-brand .text{
    margin-top:25px;
}


.astronaut{
    position:absolute;
    bottom:50px;
    float:right;
    right:0;
    top:calc(28% + 10px);
}
.astronaut img{
    height:50vh;
}
  
.service-details h1 span{
      margin-bottom:20px;
}
.service-details p{
    font-family: "Roboto Slab", Helvetica, sans-serif;
    font-weight:300;
    font-size: 18px;
    letter-spacing: 0;
}
/*.service-details .mt45{
    margin-top:100px;
}
*/.project-details h1 span{
      /*margin-bottom:0;*/
}
.project-details{
}
.project-details h1{
    font-family: "Roboto Slab", Helvetica, sans-serif;
    font-weight:600;
    font-size: 18px;
    letter-spacing: 0;
}
.project-details p{
    font-family: "Roboto Slab", Helvetica, sans-serif;
    font-weight:300;
    font-size: 18px;
    letter-spacing: 0;
    margin-bottom:0;
}
.project-header img{    
    padding:0 auto;
    margin:0;
    min-height: auto;
    max-width: 100%;
}
.visual{height:auto}
.visual img{width:100%;height:auto}



.preview-arrow{
    -webkit-transition: all .3s cubic-bezier(.4,0,.2,1);
    -o-transition: all .3s cubic-bezier(.4,0,.2,1);
    transition: all .3s cubic-bezier(.4,0,.2,1);
    -webkit-transform: translate(-200%,0);
    -ms-transform: translate(-200%,0);
    transform: translate(-200%,0);
    position: absolute;
    top: 33%;
    right: 15px;
    color: transparent;
}












/* not in use */

#animate2 {transition: background-color 1s;}
h4.smooth-scroll.text-blue{position: relative;}
.arrow-downcurved:hover{color: #000 !important;}


.splash-anim {
  stroke-dasharray: 1000;
  stroke-dashoffset: 1000;
  animation: dash 5s linear alternate infinite;
}

@keyframes dash {
  from {
    stroke-dashoffset: 822;
  }
  to {
    stroke-dashoffset: 0;
  }
}

ul.p-inline-start { padding-inline-start: 20px !important }





.svg-container { 
    display: inline-block;
    position: absolute;
    width: 100%;
    padding-bottom: 100%; 
    vertical-align: middle; 
    overflow: hidden; 
}
.svg-content { 
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    /*content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.1.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='144px' height='24.592px' viewBox='0 113.704 144 24.592' enable-background='new 0 113.704 144 24.592' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23EADDD8' d='M28.66 114.275c2.685 0 5.466 0.12 8.323 0.271c16.145 0.857 41.767 3.031 53.481 4.31c17.159 1.875 30.591 2.636 38.568 2.636c2.693 0 4.766-0.086 6.149-0.247l0.002-0.008c2.605-0.311 4.434-1.062 5.415-1.763c0.282-0.215 1.165-0.883 1.838-1.138c0.187-0.07 0.34-0.1 0.467-0.1c0.403 0 0.521 0.299 0.484 0.502c-0.028 0.135-0.085 0.415-0.091 0.441c-1.112 5.813-4.325 9.235-9.049 11.838c-3.936 2.169-10.875 5.147-30.027 5.147c-1.158 0-2.364-0.011-3.615-0.033c-12.618-0.228-35.459-2.338-51.186-3.391c-6.872-0.461-12.62-0.653-17.433-0.653c-14.085 0-20.152 1.651-22.828 3.064c-2.919 1.54-4.25 2.57-5.612 2.57c-0.51 0-1.024-0.145-1.627-0.461c-3.498-1.835 0.24-14.424 8.256-19.103C15.473 115.069 21.749 114.275 28.66 114.275 M28.66 114.175c-8.198 0-13.914 1.203-18.535 3.9c-6.344 3.702-9.713 11.921-9.617 16.187c0.035 1.572 0.507 2.641 1.365 3.091c0.615 0.322 1.146 0.473 1.674 0.473c1.022 0 2-0.551 3.62-1.463c0.588-0.331 1.255-0.706 2.039-1.119c2.636-1.394 8.728-3.054 22.781-3.054c5.1 0 10.963 0.22 17.426 0.653c4.99 0.334 10.613 0.769 16.565 1.228c12.786 0.987 26.008 2.008 34.625 2.163c1.23 0.022 2.447 0.034 3.617 0.034c18.356 0 25.715-2.758 30.075-5.16c5.273-2.906 8.079-6.579 9.1-11.907c0.002-0.01 0.015-0.075 0.031-0.156l0.059-0.284c0.027-0.153-0.015-0.313-0.111-0.429c-0.074-0.089-0.216-0.194-0.471-0.194c-0.147 0-0.316 0.036-0.502 0.106c-0.467 0.177-1.093 0.565-1.863 1.152c-0.556 0.397-2.196 1.365-5.366 1.743l-0.069 0.008l-0.002 0.008c-1.41 0.158-3.451 0.238-6.068 0.238c-9.176 0-23.229-0.961-38.558-2.636c-12.377-1.351-37.88-3.481-53.486-4.311C34.457 114.313 31.488 114.175 28.66 114.175L28.66 114.175z'/%3E%3C/g%3E%3C/svg%3E");*/

}

.svg-container2 { 
    display: inline-block;
    position: absolute;
    width: 100%;
    top:-15%; 
    vertical-align: middle; 
    overflow: hidden;
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.1.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='144px' height='24.592px' viewBox='130 113.704 44 24.592' enable-background='new 0 113.704 144 24.592' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%23EADDD8' d='M28.66 114.275c2.685 0 5.466 0.12 8.323 0.271c16.145 0.857 41.767 3.031 53.481 4.31c17.159 1.875 30.591 2.636 38.568 2.636c2.693 0 4.766-0.086 6.149-0.247l0.002-0.008c2.605-0.311 4.434-1.062 5.415-1.763c0.282-0.215 1.165-0.883 1.838-1.138c0.187-0.07 0.34-0.1 0.467-0.1c0.403 0 0.521 0.299 0.484 0.502c-0.028 0.135-0.085 0.415-0.091 0.441c-1.112 5.813-4.325 9.235-9.049 11.838c-3.936 2.169-10.875 5.147-30.027 5.147c-1.158 0-2.364-0.011-3.615-0.033c-12.618-0.228-35.459-2.338-51.186-3.391c-6.872-0.461-12.62-0.653-17.433-0.653c-14.085 0-20.152 1.651-22.828 3.064c-2.919 1.54-4.25 2.57-5.612 2.57c-0.51 0-1.024-0.145-1.627-0.461c-3.498-1.835 0.24-14.424 8.256-19.103C15.473 115.069 21.749 114.275 28.66 114.275 M28.66 114.175c-8.198 0-13.914 1.203-18.535 3.9c-6.344 3.702-9.713 11.921-9.617 16.187c0.035 1.572 0.507 2.641 1.365 3.091c0.615 0.322 1.146 0.473 1.674 0.473c1.022 0 2-0.551 3.62-1.463c0.588-0.331 1.255-0.706 2.039-1.119c2.636-1.394 8.728-3.054 22.781-3.054c5.1 0 10.963 0.22 17.426 0.653c4.99 0.334 10.613 0.769 16.565 1.228c12.786 0.987 26.008 2.008 34.625 2.163c1.23 0.022 2.447 0.034 3.617 0.034c18.356 0 25.715-2.758 30.075-5.16c5.273-2.906 8.079-6.579 9.1-11.907c0.002-0.01 0.015-0.075 0.031-0.156l0.059-0.284c0.027-0.153-0.015-0.313-0.111-0.429c-0.074-0.089-0.216-0.194-0.471-0.194c-0.147 0-0.316 0.036-0.502 0.106c-0.467 0.177-1.093 0.565-1.863 1.152c-0.556 0.397-2.196 1.365-5.366 1.743l-0.069 0.008l-0.002 0.008c-1.41 0.158-3.451 0.238-6.068 0.238c-9.176 0-23.229-0.961-38.558-2.636c-12.377-1.351-37.88-3.481-53.486-4.311C34.457 114.313 31.488 114.175 28.66 114.175L28.66 114.175z'/%3E%3C/g%3E%3C/svg%3E");
}

.splash-f { 
    display: inline-block;
    position: absolute;
    width: 100%;
    top:-15%; 
    vertical-align: middle; 
    overflow: hidden;
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.1.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='104px' height='24.592px' viewBox='150 113.704 44 24.592' enable-background='new 0 113.704 144 24.592' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%232d0e75' d='M28.66 114.275c2.685 0 5.466 0.12 8.323 0.271c16.145 0.857 41.767 3.031 53.481 4.31c17.159 1.875 30.591 2.636 38.568 2.636c2.693 0 4.766-0.086 6.149-0.247l0.002-0.008c2.605-0.311 4.434-1.062 5.415-1.763c0.282-0.215 1.165-0.883 1.838-1.138c0.187-0.07 0.34-0.1 0.467-0.1c0.403 0 0.521 0.299 0.484 0.502c-0.028 0.135-0.085 0.415-0.091 0.441c-1.112 5.813-4.325 9.235-9.049 11.838c-3.936 2.169-10.875 5.147-30.027 5.147c-1.158 0-2.364-0.011-3.615-0.033c-12.618-0.228-35.459-2.338-51.186-3.391c-6.872-0.461-12.62-0.653-17.433-0.653c-14.085 0-20.152 1.651-22.828 3.064c-2.919 1.54-4.25 2.57-5.612 2.57c-0.51 0-1.024-0.145-1.627-0.461c-3.498-1.835 0.24-14.424 8.256-19.103C15.473 115.069 21.749 114.275 28.66 114.275 M28.66 114.175c-8.198 0-13.914 1.203-18.535 3.9c-6.344 3.702-9.713 11.921-9.617 16.187c0.035 1.572 0.507 2.641 1.365 3.091c0.615 0.322 1.146 0.473 1.674 0.473c1.022 0 2-0.551 3.62-1.463c0.588-0.331 1.255-0.706 2.039-1.119c2.636-1.394 8.728-3.054 22.781-3.054c5.1 0 10.963 0.22 17.426 0.653c4.99 0.334 10.613 0.769 16.565 1.228c12.786 0.987 26.008 2.008 34.625 2.163c1.23 0.022 2.447 0.034 3.617 0.034c18.356 0 25.715-2.758 30.075-5.16c5.273-2.906 8.079-6.579 9.1-11.907c0.002-0.01 0.015-0.075 0.031-0.156l0.059-0.284c0.027-0.153-0.015-0.313-0.111-0.429c-0.074-0.089-0.216-0.194-0.471-0.194c-0.147 0-0.316 0.036-0.502 0.106c-0.467 0.177-1.093 0.565-1.863 1.152c-0.556 0.397-2.196 1.365-5.366 1.743l-0.069 0.008l-0.002 0.008c-1.41 0.158-3.451 0.238-6.068 0.238c-9.176 0-23.229-0.961-38.558-2.636c-12.377-1.351-37.88-3.481-53.486-4.311C34.457 114.313 31.488 114.175 28.66 114.175L28.66 114.175z'/%3E%3C/g%3E%3C/svg%3E");
}
.splash-f2 { 
    display: inline-block;
    position: absolute;
    width: 100%;
    bottom: -15%; 
    vertical-align: middle; 
    overflow: hidden;
    content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 15.1.0  SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='100' height='60' viewBox='0 111 50 24.592' enable-background='new 0 113.704 144 24.592' xml:space='preserve'%3E%3Cg%3E%3Cpath fill='%233a377a' d='M28.66 114.275c2.685 0 5.466 0.12 8.323 0.271c16.145 0.857 41.767 3.031 53.481 4.31c17.159 1.875 30.591 2.636 38.568 2.636c2.693 0 4.766-0.086 6.149-0.247l0.002-0.008c2.605-0.311 4.434-1.062 5.415-1.763c0.282-0.215 1.165-0.883 1.838-1.138c0.187-0.07 0.34-0.1 0.467-0.1c0.403 0 0.521 0.299 0.484 0.502c-0.028 0.135-0.085 0.415-0.091 0.441c-1.112 5.813-4.325 9.235-9.049 11.838c-3.936 2.169-10.875 5.147-30.027 5.147c-1.158 0-2.364-0.011-3.615-0.033c-12.618-0.228-35.459-2.338-51.186-3.391c-6.872-0.461-12.62-0.653-17.433-0.653c-14.085 0-20.152 1.651-22.828 3.064c-2.919 1.54-4.25 2.57-5.612 2.57c-0.51 0-1.024-0.145-1.627-0.461c-3.498-1.835 0.24-14.424 8.256-19.103C15.473 115.069 21.749 114.275 28.66 114.275 M28.66 114.175c-8.198 0-13.914 1.203-18.535 3.9c-6.344 3.702-9.713 11.921-9.617 16.187c0.035 1.572 0.507 2.641 1.365 3.091c0.615 0.322 1.146 0.473 1.674 0.473c1.022 0 2-0.551 3.62-1.463c0.588-0.331 1.255-0.706 2.039-1.119c2.636-1.394 8.728-3.054 22.781-3.054c5.1 0 10.963 0.22 17.426 0.653c4.99 0.334 10.613 0.769 16.565 1.228c12.786 0.987 26.008 2.008 34.625 2.163c1.23 0.022 2.447 0.034 3.617 0.034c18.356 0 25.715-2.758 30.075-5.16c5.273-2.906 8.079-6.579 9.1-11.907c0.002-0.01 0.015-0.075 0.031-0.156l0.059-0.284c0.027-0.153-0.015-0.313-0.111-0.429c-0.074-0.089-0.216-0.194-0.471-0.194c-0.147 0-0.316 0.036-0.502 0.106c-0.467 0.177-1.093 0.565-1.863 1.152c-0.556 0.397-2.196 1.365-5.366 1.743l-0.069 0.008l-0.002 0.008c-1.41 0.158-3.451 0.238-6.068 0.238c-9.176 0-23.229-0.961-38.558-2.636c-12.377-1.351-37.88-3.481-53.486-4.311C34.457 114.313 31.488 114.175 28.66 114.175L28.66 114.175z'/%3E%3C/g%3E%3C/svg%3E");
}
.valign-middle{
    vertical-align: middle;
}
.bg-shots {background: url(../projects/designsystem-l.png); background-blend-mode: darken;}
/*.bg-shots::before {    
      content: "";
      background-image: url(../projects/designsystem-l.png);
      background-blend-mode: darken;
      background-size: cover;
      position: absolute;
      top: 0px;
      right: 0px;
      bottom: 0px;
      left: 0px;
      opacity: 0.25;
}*/


.line-height-0-8x {line-height: .8em !important; }
.line-height-1x {line-height: 1em !important; }




.rounded-top {
  border-top-left-radius: 2rem !important;
  border-top-right-radius: 2rem !important;
}
.rounded-right {
  border-top-right-radius: 3.25rem !important;
  border-bottom-right-radius: 3.25rem !important;
}
.rounded-bottom {
  border-bottom-right-radius: 2rem !important;
  border-bottom-left-radius: 2rem !important;
}
.rounded-left {
  border-top-left-radius: 3.25rem !important;
  border-bottom-left-radius: 3.25rem !important;
}
.border-radius-5x {border-radius: 5em}



/* == BREAKPOINTS STARTS HERE == */

@media (max-width: 1366px) /* == EQUAL TO or BELLOW 1366px == */ { 
    .container{
        width: /*1170px*/ 1180px;
        max-width: 100%;
    }
    .line-height-0-8x {line-height: 1em !important; }
    .line-height-1x {line-height: 1.2em !important; }
    .logo-top{
        width: 35vw;
        top:20vh;
        right:1vw !important;
    }

}


@media (max-width: 992px) /* == EQUAL TO or BELLOW 920px == */ {

.line-height-0-8x {line-height: 1.2em !important; }
.line-height-1x {line-height: 1.2em !important; }

.navbar-nav .nav-item{
    padding: 0 !important;
    margin: 0 !important;
}
.navbar-nav .nav-item .nav-link{
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.nav-link {
    padding: 1rem 0;
}



/*
@media (max-width: 991px) {
    .logo{
        width: 85vw;
    }
    .logo-top{
        width: 100%;
        top:auto;
        bottom: 10vh;
        right:auto !important;
    }
    .logo-top svg{
        width:40vw;
        height:auto;
        z-index: 9;
    }
    .logo-element{
    width: 64vw;
    display: none;
    }*/
}

@media (max-width: 640px) /* == EQUAL TO or BELLOW 920px == */ {

h5{font-size: 85px !important; font-weight: 500 !important;}
.navbar.scrolling-navbar{padding:25px 2em}
.navbar .navbar-brand{
    /*max-width:46px;*/
    width: 500px;
    float:left;
    }
.navbar .navbar-brand2{
    max-width:45px;
}
.scroll-arrow {
    position: absolute;
    bottom: 0.5em;
}

.rounded-top {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}
.rounded-right {
    border-top-right-radius: 3.25rem !important;
    border-bottom-right-radius: 3.25rem !important;
}
.rounded-bottom {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}
.rounded-left {
    border-top-left-radius: 3.25rem !important;
    border-bottom-left-radius: 3.25rem !important;
}
.border-radius-5x {
    border-radius: 5em}


}


@media screen and (min-width: 768px) {

.lqd-iconbox-stack .iconbox { width: 140px; }


}

.toph-txt{
    background-color: var(--blue);
    background-image: url(../images/mark.svg);
    background-position: -110px -280px;
    -webkit-background-clip: text;
    background-clip: text;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-text-fill-color: transparent;
    line-height: 4.5rem;
}

.badge{
    white-space: normal;
    text-align: left;
}
.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
}
.fixed-bottom, .fixed-top{
    position: -webkit-fixed;
    position: fixed;
    top: 0;
    z-index: 1020;
}

/* WhatsApp Button */
.float {
    position: fixed;
    width: 85px;
    height: 85px;
    bottom: 40px;
    right: 40px;
    background: linear-gradient(160deg, #25d366, 95%, #147538);
    color: #FFF;
    border-radius: 50px;
    text-align: center;   
    font-size: 30px;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .5);
    z-index: 100;
}
.my-float{
    /*margin-top:16px;*/
    font-size: xxx-large !important;
}




/* sss */

.a{color: #E7484F}
.b{color: #F68B1D}
.c{color: #FCED00}
.d{color: #009E4F}
.e{color: #00AAC3}
.f{color:  #732982}

.rainbow{
  background-color: #343A40;
  border-radius: 4px;  
  color: #fff;
  cursor: pointer;
  padding: 8px 16px;
  
}

.rainbow-1:hover{
   background-image: linear-gradient(90deg, #00C0FF 0%, #FFCF00 49%, #FC4F4F 80%, #00C0FF 100%);
   animation:slidebg 5s linear infinite;
}