@charset "UTF-8";
.HeadCont,
.bridAnimtn,
.frConl,
.netLyfe,
.teamcover,
.testiimg,
.whuchLink {
    overflow: hidden;
}
.gallHeadArea,
.portHeadsec {
    align-items: center;
    display: flex;
}
.portTitle,
.viewHead {
    color: #142033;
    font-family: "Neuzeit Grotesk Black";
}
.adHead,
.cfootHead,
.clHead,
.clrCode,
.joinToTeam span,
.menuHead,
.teamDes span,
.technologiCvr ul li:first-child,
.testipersonnm,
a.getFdmain,
p a,
ul.mainMenu li a {
    font-family: "Neuzeit Grotesk Bold";
}
.abtagencyLeft,
.bannFrame,
.colrCvr,
.homeContactRight ul li:last-child,
.joinToTeam,
.listing li,
.netLyfe,
.palateCvr,
.portRowSec .gallaeryImg,
.teamcover,
.testibox,
li.btn.btn-default,
section.product .container-fluid,
ul.mainMenu {
    position: relative;
}
*,
.fa,
body,
html {
    -moz-osx-font-smoothing: grayscale;
}
.img-fluid,
.row > *,
img {
    max-width: 100%;
}
.copyLeft p span#yr {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    font-family: inherit;
}
@font-face {
    font-family: 'BlueHighway-Regular';
    src: url('../fonts/BlueHighway-Regular.eot');
    src: url('../fonts/BlueHighway-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BlueHighway-Regular.woff2') format('woff2'),
        url('../fonts/BlueHighway-Regular.woff') format('woff'),
        url('../fonts/BlueHighway-Regular.ttf') format('truetype'),
        url('../fonts/BlueHighway-Regular.svg#BlueHighway-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BlueHighway-Bold';
    src: url('../fonts/BlueHighway-Bold.eot');
    src: url('../fonts/BlueHighway-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BlueHighway-Bold.woff2') format('woff2'),
        url('../fonts/BlueHighway-Bold.woff') format('woff'),
        url('../fonts/BlueHighway-Bold.ttf') format('truetype'),
        url('../fonts/BlueHighway-Bold.svg#BlueHighway-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.ftrFlx {
    display: flex;
    align-items: center;
    justify-content: left;
}
.ftrLg {
    display: flex;
    align-items: center;
    justify-content: left;
        padding-right: 15px;
        position: relative;
    right: 50px;
}
.gdfirms {
    position: relative;
    right: 20px;
}
.gdfirms img {
    width: 110px;
}

ul.listing li a{
    
    color:#1474ab;
    
}
ul.listing li a:hover{
    
    color:#0a58ca;
    
}
.container-fluid.prl100.servicesTop.pb-0 {
    padding-bottom: 0 !important;
}
.bhfnt{font-family: 'BlueHighway-Regular' !important;}
body,
header.aniPos {
    background-color: #fff;
}
.moreBtn,
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
.abtagencyRight ul,
.agencyList,
.carForm li,
.footbox ul li a,
.footer-phone,
.mainMenucvr ul,
.partners ul,
.social,
.technologiCvr ul,
section.datesec ul,
ul.hmcl {
    list-style: none;
}
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}
*,
::after,
::before {
    box-sizing: border-box;
}
body {
    font-family: var(--bs-font-sans-serif);
    -webkit-tap-highlight-color: transparent;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
}
.h1,
h1 {
    font-size: calc(1.375rem + 1.5vw);
}
.h2,
h2 {
    font-size: calc(1.325rem + 0.9vw);
}
.h3,
h3 {
    font-size: calc(1.3rem + 0.6vw);
}
p a {
    color: #1474ab;
}
.abtcontentSec .row:last-child,
.autoHeight .serMinHeight p,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
}
section.clients.innrCli .brand-imgdiv {
    height: 100px;
}
section.clients.innrCli .brand-imgdiv img {
    max-height: 100px;
    filter: none;
}
img,
svg {
    vertical-align: middle;
}
button {
    border-radius: 0;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button,
select {
    text-transform: none;
}
#pageloader {
    display: none;
    position: absolute;
    left: 191px;
    top: 28px;
    width: 22px;
}
section.portfoliosec {
    margin-top: 130px;
    text-align: center;
    padding-bottom: 74px;
}
.portfoliosec .serviceBoxCvr {
    padding: 70px 30px 25px;
    margin-bottom: 37px;
    text-align: left;
    z-index: 100;
}
.portfoliosec .serviceBoxCvr:before {
    z-index: -1;
}
.portfoliosec .service-icon {
    height: 53px;
    width: 53px;
    padding: 15px;
    border-radius: 15px;
}
.portHeadsec {
    justify-content: left;
}
.portHeadsec .serviceHead {
    width: 80%;
    margin-bottom: 0;
}
.moreBtn img {
    width: 35px;
}
.moreBtn {
    width: 20%;
    text-align: right;
}
.viewAllSer {
    background: #f4f4f4;
    border: 1px solid #cfcfcf;
    padding: 65px 0;
}
.viewHead {
    font-size: 26px;
    line-height: 25px;
    font-weight: 800;
    padding-bottom: 12px;
}
.trustpilot-widget {
    display: inline-block;
    background: url(https://cdn.trustpilot.net/brand-assets/4.3.0/logo-white.svg) no-repeat left center;
    background-size: 92px;
    padding-left: 25px;
    float: left;
    text-decoration: none !important;
}
.trustpilot-widget a{text-decoration:none;}
.portTitle,
section.datesec ul li:last-child {
    font-weight: 700;
}
.viewArr img {
    width: 32px;
}
.portRowSec {
    padding: 60px 0 30px;
}
.portRowSec .gallaeryImg,
.portRowSec .gallery_product {
    border-radius: 0;
    width: 100%;
    float: none;
}
.portRowSec .gallaeryImg:hover .galleryTitle,
.welcome_not_left {
    display: flex;
}
.portRowSec .galleryTitle {
    position: absolute;
    bottom: 0;
    left: 0;
}
.portRowSec .gallaeryImg img {
    width: 100%;
    height: auto;
    object-fit: contain;
}
.gallHeadArea {
    justify-content: left;
    width: 100%;
    padding: 20px 0 0;
}
.portTitle {
    font-size: 24px;
    width: 50%;
    text-align: left;
}
.gallaction {
    width: 50%;
    text-align: right;
}
.gallery_product .gallaction a {
    color: #1474ab;
    border: 1px solid #1474ab;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 15px;
    border-radius: 5px;
    width: 122px;
    height: 41px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.gallery_product .gallaction a:hover {
    background: #1474ab;
    color: #fff;
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.portRowSec .gallery_product {
    margin-bottom: 60px;
}
.caseBanner.prtIn img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.logIm img {
    position: inherit !important;
    width: 160px !important;
}
.bannerLinkurl.devlpmt {
    bottom: 0;
    left: 5%;
    justify-content: left;
    width: 38%;
    position: inherit;
    min-height: 490px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 50px 0;
}
.siteTag,
.technologiCvr ul {
    align-items: center;
    display: inline-flex;
}
.bannerLinkurl.devlpmt p {
    color: #fff;
    font-size: 15px;
    line-height: 26px;
    text-align: justify;
}
.siteTag {
    color: #e1244e;
    background: #fff;
    min-width: 150px;
    padding: 15px;
    height: 30px;
    font-size: 14px;
    justify-content: center;
    margin: 10px 0;
}
a.visitWeb {
    color: #fff !important;
    border: 1px solid #fff;
    text-decoration: none !important;
    font-weight: 400;
    font-size: 14px !important;
    border-radius: 20px;
    padding: 7px 20px;
}
.HeadCont,
.cfootHead,
.footbox ul li a,
.footer-phone li a,
.frConl,
.getFdm,
.mainMenucvr ul li a,
.rdmr,
.services_box a,
.whuchLink,
a.getFdmain,
ul.hmcl li a,
ul.servicemenuMAin li a {
    text-decoration: none;
}
a.visitWeb:hover {
    background: #fff !important;
    color: #000 !important;
}
section.detailBottom {
    padding: 0 0 50px;
}
.technologiCvr {
    width: 100%;
    display: block;
    margin-top: 45px;
    padding-left: 50px;
}
.technologiCvr ul {
    justify-content: flex-start;
    margin: 0 15px 0 0;
    padding: 0;
    border-right: 1px solid #1374aa;
}
.technologiCvr ul:last-child {
    margin-right: 0;
    border-right: 0px;
}
.technologiCvr ul li {
    margin-right: 30px;
}
.technologiCvr ul li img {
    max-height: 35px;
}
section.coloPalate {
    padding: 0 15rem;
}
.palateCvr img {
    width: 80%;
    margin: 0 auto;
}
.palateCvr {
    text-align: left;
}
.HeadCont,
.abtagencyRight .heading,
.clrCode,
.colCode,
.float,
.footer-phone li,
.titleCenter h2,
.titleCenter h3,
section.clients.aboutSecClint {
    text-align: center;
}
.imgdiv.supptico img {
    max-width: 20px;
}
section.coloPalate .col-md-6:first-child .palateCvr:after {
    content: "";
    background: rgba(0, 0, 0, 50%);
    position: absolute;
    right: -15px;
    top: 50%;
    margin-top: -130px;
    width: 1px;
    height: 260px;
}
.colCode {
    padding: 38px 0 80px;
}
.clHead {
    padding-bottom: 20px;
}
.clrCode {
    position: absolute;
    bottom: 0;
    color: #fff;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.caseCvrLogoImg.ltHrtz {
    padding: 15px 0;
}
.opRwImg img {
    max-height: 559px;
    object-fit: cover;
}

@media only screen and (max-width: 767px) {
    ul.listing li a {
   
    font-size: 17px;
}
    #pageloader {
        left: 50%;
        margin-left: 104px !important;
        top: 43px;
    }
    body,
    html {
        overflow-x: hidden !important;
    }
}
[role="button"],
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
    cursor: pointer;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
}
textarea {
    resize: vertical;
}
.img-fluid {
    height: auto;
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto;
}
.bulletnone{
    text-decoration: none;
}
.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x) / -2);
    margin-left: calc(var(--bs-gutter-x) / -2);
}
.row > * {
    flex-shrink: 0;
    padding-right: calc(var(--bs-gutter-x) / 2);
    padding-left: calc(var(--bs-gutter-x) / 2);
    margin-top: var(--bs-gutter-y);
}
.close_mnu {
    width: 30px;
    height: 30px;
    background: url(../images/menu_icon_close.png) center no-repeat;
    display: block;
    margin-left: 30px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
.fa-whatsapp:before {
    content: "\f232";
}
@media (min-width: 576px) {
    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 768px) {
    .col-md-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-md-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-md-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-md-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-md-9 {
        flex: 0 0 auto;
        width: 75%;
    }
    .col-md-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
@media (min-width: 992px) {
    .mobCallBtn {
        display: none;
    }
    .footer-phone li a {
        font-family: "Neuzeit Grotesk Black";
    }
    .float {
        bottom: 170px !important;
    }
    div#fixed-bar {
        bottom: 96px !important;
    }
    .copyrite .container-fluid {
        right: 0;
        left: 0;
        bottom: 0;
        position: fixed;
        background: #fff;
        z-index: 999;
        padding-bottom: 30px !important;
    }
    footer {
        padding-bottom: 93px !important;
    }
    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.6666666667%;
    }
    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }
    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333333333%;
    }
    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.6666666667%;
    }
    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }
    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.3333333333%;
    }
    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.3333333333%;
    }
    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }
}
.align-items-center {
    align-items: center !important;
}
.mt-4 {
    margin-top: 1.5rem !important;
}
.me-auto {
    margin-right: auto !important;
}
.ms-auto {
    margin-left: auto !important;
}
.ps-1 {
    padding-left: 0.25rem !important;
}
@font-face {
    font-family: "Neuzeit Grotesk Light";
    src: url(../fonts/NeuzeitGro-Lig.eot);
    src: local("Neuzeit Grotesk Light"), local("NeuzeitGro-Lig"), url(../fonts/NeuzeitGro-Lig.eot?#iefix) format("embedded-opentype"), url(../fonts/NeuzeitGro-Lig.woff2) format("woff2"), url(../fonts/NeuzeitGro-Lig.woff) format("woff"),
        url(../fonts/NeuzeitGro-Lig.ttf) format("truetype");
    font-weight: 300;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Neuzeit Grotesk Regular";
    src: url(../fonts/NeuzeitGro-Reg.eot);
    src: local("Neuzeit Grotesk Regular"), local("NeuzeitGro-Reg"), url(../fonts/NeuzeitGro-Reg.eot?#iefix) format("embedded-opentype"), url(../fonts/NeuzeitGro-Reg.woff2) format("woff2"), url(../fonts/NeuzeitGro-Reg.woff) format("woff"),
        url(../fonts/NeuzeitGro-Reg.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Neuzeit Grotesk Bold";
    src: url(../fonts/NeuzeitGro-Bol.eot);
    src: local("Neuzeit Grotesk Bold"), local("NeuzeitGro-Bol"), url(../fonts/NeuzeitGro-Bol.eot?#iefix) format("embedded-opentype"), url(../fonts/NeuzeitGro-Bol.woff2) format("woff2"), url(../fonts/NeuzeitGro-Bol.woff) format("woff"),
        url(../fonts/NeuzeitGro-Bol.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: "Neuzeit Grotesk Black";
    src: url(../fonts/NeuzeitGro-Bla.eot);
    src: local("Neuzeit Grotesk Black"), local("NeuzeitGro-Bla"), url(../fonts/NeuzeitGro-Bla.eot?#iefix) format("embedded-opentype"), url(../fonts/NeuzeitGro-Bla.woff2) format("woff2"), url(../fonts/NeuzeitGro-Bla.woff) format("woff"),
        url(../fonts/NeuzeitGro-Bla.ttf) format("truetype");
    font-weight: 900;
    font-display: swap;
    font-style: normal;
}
@font-face {
    font-family: FontAwesome;
    src: url(../fonts/fontawesome-webfont.eot?v=4.7.0);
    src: url(../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"), url(../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),
        url(../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"), url(../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");
    font-weight: 400;
    font-display: swap;
    font-style: normal;
}
.serMinHeight p a {
    border: 0;
    font-size: inherit;
    margin: 0;
    padding: 0;
    display: initial;
}
*,
.footer-phone li a,
.teamDes span,
body,
html {
    font-size: 20px;
}
.deskHide,
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn,
.serMinHeight p a:before {
    display: none;
}
.service-icon {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 15px !important;
    background: #fff;
    padding: 20px;
    border-radius: 25px;
    height: 70px;
    width: 70px;
    box-shadow: 3px 7px 14px 1px #0000001a;
}
.prl200 {
    padding: 0 200px !important;
}
.prl25 {
    padding: 0 25px !important;
}
.footer-phone {
    margin: 0;
    padding: 0;
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
}
.float {
    position: fixed;
    width: 60px;
    height: 60px;
    bottom: 70px;
    background-color: rgb(37 211 102);
    background-image: linear-gradient(to top right, rgb(3 171 13) 0, rgb(127 254 59) 100%);
    right: 40px;
    color: rgb(255 255 255);
    border-radius: 50px;
    font-size: 30px;
    box-shadow: 2px 6px 7px 2px rgb(0 0 0 / 22%);
    z-index: 100;
}
.my-float {
    color: #fff;
    margin-top: 16px;
}
.cfootHead,
.contLedtHead,
.contactHead,
.getFdm,
.heading,
.rdmr:hover span,
a.getFdmain,
p,
section.innerTopsec .btn-outline-black:hover span,
span.rdmr:hover input.subbtn {
    color: #142033;
}
.footer-phone li {
    display: inline-flex;
    float: left;
    margin-left: 15px;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: 0px;
}
.footer-phone .imgdiv {
    margin-right: 10px;
    width: 35px;
    height: 35px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgb(9 76 112);
    border-radius: 50%;
}
.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: underline;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.8;
    color: #142033;
}
.no-js .owl-carousel,
.owl-carousel .owl-item img,
.owl-carousel.owl-loaded,
footer,
header,
section {
    display: block;
}
*,
body,
html {
    -webkit-text-size-adjust: 100%;
    font-family: "Neuzeit Grotesk Regular";
    -webkit-font-smoothing: antialiased;
    -ms-text-size-adjust: 100%;
    line-height: 33px;
    font-weight: 500;
}
.contactHead,
.heading,
h3,
h4,
section.clients h2 {
    font-weight: 900;
    letter-spacing: -2px;
}
p {
    font-size: 19px;
    margin-bottom: 20px;
    line-height: 34px;
}
.prl100 {
    padding: 0 100px !important;
}
.prl150 {
    padding: 0 150px !important;
}
header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
}
.mainHead {
    padding: 15px 0;
    position: relative;
    z-index: 9;
    background: #fff;
}
.headerRight {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.getFdm {
    font-size: 16px;
    margin-left: 7px;
}
a.getFdmain {
    font-size: 15px;
    margin: 0 12px;
    padding: 17px 0;
}
.HeadCont,
.HeadCont span {
    color: #fff;
    position: relative;
}
.HeadCont {
    background: #1474ab;
    padding: 5px 15px;
    font-family: CircularStdMedium;
    border-radius: 5px;
    margin-left: 30px;
    width: 122px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.HeadCont span,
.rdmr,
.rdmr strong {
    font-size: 16px;
}
.bannerCvr h1,
.bannerCvr h1 span,
.productHead,
.welcome_not_left h2 {
    font-size: 55px;
    font-family: "Neuzeit Grotesk Black";
    font-weight: 900;
    letter-spacing: -2px;
}
.HeadCont:before,
.whuchLink:before {
    width: 0;
    height: 0%;
    background: #085076;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 5px;
}
.menu-icon,
.quick-alo-ph-circle.active {
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
}
.menu-icon {
    width: 30px;
    height: 30px;
    background: url(../images/menu_icon.png) center no-repeat;
    display: block;
    margin-left: 30px;
    -ms-transition: 0.5s;
    transition: 0.5s;
}
.bridAnimtn,
.cloude1,
.cloude2,
.frConl:before {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
}
header.aniPos {
    position: fixed;
    width: 100%;
    left: 0;
    box-shadow: -1px -4px 32px 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: -1px -4px 32px 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: -1px -4px 32px 0 rgba(0, 0, 0, 0.15);
    -webkit-appearance: none;
}
.grecaptcha-badge,
section.clients .owl-nav {
    display: none !important;
}
section.banner {
    width: 100%;
    height: 84vh;
    background: url(../images/banner_bg.png) bottom left/60% no-repeat;
}
.bannerCvr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 84vh;
    padding-top: 40px;
}
.frConl,
.object,
.rdmr,
.whuchLink,
ul.hmcl li {
    align-items: center;
}
.bannerCvr h1,
.productHead,
.welcome_not_left h2 {
    margin: 0 0 20px;
    padding: 0;
    line-height: 61px;
    color: #142033;
    position: relative;
}
.aboutusCareers a:hover span,
.achievement_left a:hover span,
.btn-outline-black:hover span,
.productRight a:hover span,
.serviceBoxCvr:hover a span,
.services_box.contact_service .serviceBoxCvr.servicebg2 .serviceHead,
.services_box.contact_service .serviceBoxCvr.servicebg2 a span,
.services_box.contact_service .serviceBoxCvr.servicebg2 p,
.whuchLink,
section.innerTopsec .btn-outline-black span {
    color: #fff;
}
.bannerCvr h1 span {
    line-height: 50px;
    color: #094b6f;
}
.banner_left p {
    max-width: 670px;
}
.object {
    width: 45%;
    display: flex;
    justify-content: center;
    height: 655px;
}
.strip01 {
    position: absolute;
    left: 80px;
    bottom: 0;
}
.cloude1,
.cloude2 {
    position: absolute;
    z-index: 9;
}
.cloude1 {
    -webkit-animation-name: cld01;
    -webkit-animation-duration: 6s;
    animation-name: cld01;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    bottom: 128px;
}
.arrowanim,
.cloude2 {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.cloude2 {
    -webkit-animation-name: cld02;
    -webkit-animation-duration: 6s;
    animation-name: cld02;
    animation-duration: 6s;
    bottom: 60px;
    right: 0;
}
.arrowanim,
.graph01,
.graph02,
.graph03,
.plusIco1,
.plusIco2 {
    -webkit-animation-duration: 3s;
}
@-webkit-keyframes cld01 {
    0% {
        left: 0;
        opacity: 1;
    }
    80% {
        left: 36px;
        opacity: 1;
    }
    100% {
        left: 36px;
        opacity: 0;
    }
}
@keyframes cld02 {
    0% {
        right: 0;
        opacity: 1;
    }
    80% {
        right: 118px;
        opacity: 1;
    }
    100% {
        right: 118px;
        opacity: 0;
    }
}
.bridAnimtn {
    position: relative;
    margin: 0 auto;
    max-width: 544px;
}
.arrowanim {
    -webkit-animation-name: arw01;
    animation-name: arw01;
    animation-duration: 3s;
    position: absolute;
}
.plusIco1,
.plusIco2 {
    position: absolute;
    -webkit-animation-iteration-count: infinite;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
@keyframes arw01 {
    0% {
        right: -100px;
        top: 80px;
    }
    100% {
        right: 45px;
        top: 230px;
    }
}
.plusIco1 {
    bottom: 313px;
    right: 67px;
    -webkit-animation-name: plus01;
    animation-name: plus01;
}
@keyframes plus01 {
    0% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(120deg);
    }
}
.plusIco2 {
    bottom: 298px;
    right: 46px;
    -webkit-animation-name: plus02;
    animation-name: plus02;
}
.graph01,
.graph02,
.graph03,
.graph04 {
    bottom: 204px;
    background: #c9e1ee;
    position: absolute;
}
.graph01,
.graph02 {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}
@keyframes plus02 {
    0% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(120deg);
    }
}
.graph01 {
    width: 10px;
    height: 33px;
    right: 195px;
    -webkit-animation-name: grp01;
    animation-name: grp01;
}
@keyframes grp01 {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.graph02 {
    width: 12px;
    height: 55px;
    right: 177px;
    -webkit-animation-name: grp02;
    animation-name: grp02;
}
.graph03,
.graph04 {
    width: 13px;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@keyframes grp02 {
    0%,
    25% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.graph03 {
    height: 71px;
    right: 158px;
    -webkit-animation-name: grp03;
    animation-name: grp03;
    animation-duration: 3s;
}
@keyframes grp03 {
    0%,
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.graph04 {
    height: 90px;
    right: 138px;
    -webkit-animation-name: grp04;
    -webkit-animation-duration: 3s;
    animation-name: grp04;
    animation-duration: 3s;
}
.frConl,
.whuchLink {
    padding: 5px 15px;
    font-family: CircularStdMedium;
    border-radius: 5px;
    width: 162px;
    height: 41px;
    display: inline-flex;
    text-align: center;
}
@keyframes grp04 {
    0%,
    75% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.banner_bg {
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: left bottom;
}
.whuchLink {
    background: #1474ab;
    justify-content: center;
    position: relative;
}
.whuchLink span {
    color: #fff;
    position: relative;
    font-size: 17px;
}
.aboutusCareers a:hover:before,
.whuchLink:hover:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.frConl {
    color: #094b6f;
    justify-content: center;
    position: relative;
}
.contLedtHead,
.contactHead,
.heading,
.modal-title,
.serviceHead,
h3,
h4,
section.clients h2,
ul.achievement_round li span {
    font-family: "Neuzeit Grotesk Black";
}
.frConl span {
    color: #094b6f;
    font-size: 17px;
}
.frConl:before {
    width: 0%;
    height: 100%;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    transition: 0.4s;
    border-radius: 5px 0 0 5px;
    border-right: 0 !important;
}
.frConl:hover:after,
.frConl:hover:before {
    width: 50%;
    height: 100%;
    border: 2px solid #094b6f;
}
.frConl:after {
    width: 0%;
    height: 100%;
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 0 5px 5px 0;
    border-left: 0 !important;
}
.animated {
    -webkit-animation-duration: 2s;
    animation-duration: 1.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}
@-webkit-keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
@keyframes flash {
    0%,
    100%,
    50% {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}
@-webkit-keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}
@keyframes pulse {
    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}
@-webkit-keyframes rubberBand {
    0%,
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }
}
@keyframes rubberBand {
    0%,
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    30% {
        -webkit-transform: scaleX(1.25) scaleY(0.75);
        -ms-transform: scaleX(1.25) scaleY(0.75);
        transform: scaleX(1.25) scaleY(0.75);
    }
    40% {
        -webkit-transform: scaleX(0.75) scaleY(1.25);
        -ms-transform: scaleX(0.75) scaleY(1.25);
        transform: scaleX(0.75) scaleY(1.25);
    }
    60% {
        -webkit-transform: scaleX(1.15) scaleY(0.85);
        -ms-transform: scaleX(1.15) scaleY(0.85);
        transform: scaleX(1.15) scaleY(0.85);
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}
@-webkit-keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
}
@keyframes shake {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60%,
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
}
.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}
@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        transform: rotate(15deg);
    }
    40% {
        -webkit-transform: rotate(-10deg);
        -ms-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    60% {
        -webkit-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    80% {
        -webkit-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
    }
}
.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
@keyframes tada {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    10%,
    20% {
        -webkit-transform: scale(0.9) rotate(-3deg);
        -ms-transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale(1.1) rotate(3deg);
        -ms-transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale(1.1) rotate(-3deg);
        -ms-transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
    }
    100% {
        -webkit-transform: scale(1) rotate(0);
        -ms-transform: scale(1) rotate(0);
        transform: scale(1) rotate(0);
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}
@-webkit-keyframes wobble {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}
@keyframes wobble {
    0%,
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    15% {
        -webkit-transform: translateX(-25%) rotate(-5deg);
        -ms-transform: translateX(-25%) rotate(-5deg);
        transform: translateX(-25%) rotate(-5deg);
    }
    30% {
        -webkit-transform: translateX(20%) rotate(3deg);
        -ms-transform: translateX(20%) rotate(3deg);
        transform: translateX(20%) rotate(3deg);
    }
    45% {
        -webkit-transform: translateX(-15%) rotate(-3deg);
        -ms-transform: translateX(-15%) rotate(-3deg);
        transform: translateX(-15%) rotate(-3deg);
    }
    60% {
        -webkit-transform: translateX(10%) rotate(2deg);
        -ms-transform: translateX(10%) rotate(2deg);
        transform: translateX(10%) rotate(2deg);
    }
    75% {
        -webkit-transform: translateX(-5%) rotate(-1deg);
        -ms-transform: translateX(-5%) rotate(-1deg);
        transform: translateX(-5%) rotate(-1deg);
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}
@-webkit-keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes bounceIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05);
    }
    70% {
        -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounceInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(30px);
        -ms-transform: translateY(30px);
        transform: translateY(30px);
    }
    80% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px);
        -ms-transform: translateX(30px);
        transform: translateX(30px);
    }
    80% {
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    80% {
        -webkit-transform: translateX(10px);
        -ms-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes bounceInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    60% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    80% {
        -webkit-transform: translateY(10px);
        -ms-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
}
@keyframes bounceOut {
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    25% {
        -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
        transform: scale(0.95);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
}
.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes bounceOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes bounceOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes bounceOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes bounceOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        opacity: 1;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes fadeOutDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(20px);
        -ms-transform: translateY(20px);
        transform: translateY(20px);
    }
}
.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}
.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@keyframes fadeOutRight {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px);
    }
}
.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}
.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    100% {
        -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}
.animated.flip {
    -webkit-backface-visibility: visible;
    -ms-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateX(-10deg);
        -ms-transform: perspective(400px) rotateX(-10deg);
        transform: perspective(400px) rotateX(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateX(10deg);
        -ms-transform: perspective(400px) rotateX(10deg);
        transform: perspective(400px) rotateX(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
}
.flipInX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}
.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotateY(-10deg);
        -ms-transform: perspective(400px) rotateY(-10deg);
        transform: perspective(400px) rotateY(-10deg);
    }
    70% {
        -webkit-transform: perspective(400px) rotateY(10deg);
        -ms-transform: perspective(400px) rotateY(10deg);
        transform: perspective(400px) rotateY(10deg);
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
}
.flipInY {
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
@keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px) rotateX(0);
        -ms-transform: perspective(400px) rotateX(0);
        transform: perspective(400px) rotateX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateX(90deg);
        -ms-transform: perspective(400px) rotateX(90deg);
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}
.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
}
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
@keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px) rotateY(0);
        -ms-transform: perspective(400px) rotateY(0);
        transform: perspective(400px) rotateY(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: perspective(400px) rotateY(90deg);
        -ms-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}
.flipOutY {
    -webkit-backface-visibility: visible !important;
    -ms-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
@keyframes lightSpeedIn {
    0% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: translateX(-20%) skewX(30deg);
        -ms-transform: translateX(-20%) skewX(30deg);
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: translateX(0) skewX(-15deg);
        -ms-transform: translateX(0) skewX(-15deg);
        transform: translateX(0) skewX(-15deg);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
}
.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
@keyframes lightSpeedOut {
    0% {
        -webkit-transform: translateX(0) skewX(0);
        -ms-transform: translateX(0) skewX(0);
        transform: translateX(0) skewX(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateX(100%) skewX(-30deg);
        -ms-transform: translateX(100%) skewX(-30deg);
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}
.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(-200deg);
        -ms-transform: rotate(-200deg);
        transform: rotate(-200deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
@keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
}
.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
@keyframes rotateOut {
    0% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
        transform-origin: center center;
        -webkit-transform: rotate(200deg);
        -ms-transform: rotate(200deg);
        transform: rotate(200deg);
        opacity: 0;
    }
}
.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        opacity: 0;
    }
}
.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
@keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        opacity: 1;
    }
    100% {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        opacity: 0;
    }
}
.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}
@-webkit-keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slideInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
}
.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}
@-webkit-keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
@keyframes slideOutLeft {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(-2000px);
        -ms-transform: translateX(-2000px);
        transform: translateX(-2000px);
    }
}
.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
@keyframes slideOutRight {
    0% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(2000px);
        -ms-transform: translateX(2000px);
        transform: translateX(2000px);
    }
}
.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
@keyframes slideOutUp {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(-2000px);
        -ms-transform: translateY(-2000px);
        transform: translateY(-2000px);
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}
@-webkit-keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
}
.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
@keyframes slideOutDown {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(2000px);
        -ms-transform: translateY(2000px);
        transform: translateY(2000px);
    }
}
.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}
@-webkit-keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
@keyframes hinge {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        -webkit-transform: rotate(80deg);
        -ms-transform: rotate(80deg);
        transform: rotate(80deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40% {
        -webkit-transform: rotate(60deg);
        -ms-transform: rotate(60deg);
        transform: rotate(60deg);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    80% {
        -webkit-transform: rotate(60deg) translateY(0);
        -ms-transform: rotate(60deg) translateY(0);
        transform: rotate(60deg) translateY(0);
        -webkit-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(700px);
        -ms-transform: translateY(700px);
        transform: translateY(700px);
        opacity: 0;
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}
@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%) rotate(-120deg);
        -ms-transform: translateX(-100%) rotate(-120deg);
        transform: translateX(-100%) rotate(-120deg);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}
@-webkit-keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
@keyframes rollOut {
    0% {
        opacity: 1;
        -webkit-transform: translateX(0) rotate(0);
        -ms-transform: translateX(0) rotate(0);
        transform: translateX(0) rotate(0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translateX(100%) rotate(120deg);
        -ms-transform: translateX(100%) rotate(120deg);
        transform: translateX(100%) rotate(120deg);
    }
}
.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
    }
}
@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    50% {
        opacity: 1;
    }
}
.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        -ms-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        -ms-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(48px);
        transform: scale(0.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        -ms-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(48px);
        -ms-transform: scale(0.475) translateX(48px);
        transform: scale(0.475) translateX(48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-48px);
        transform: scale(0.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        -ms-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-48px);
        -ms-transform: scale(0.475) translateX(-48px);
        transform: scale(0.475) translateX(-48px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        -ms-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    60% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        -ms-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
}
.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        transform: scale(0.3);
    }
    100% {
        opacity: 0;
    }
}
@keyframes zoomOut {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(0.3);
        -ms-transform: scale(0.3);
        transform: scale(0.3);
    }
    100% {
        opacity: 0;
    }
}
.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}
@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(-60px);
        -ms-transform: scale(0.475) translateY(-60px);
        transform: scale(0.475) translateY(-60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(2000px);
        -ms-transform: scale(0.1) translateY(2000px);
        transform: scale(0.1) translateY(2000px);
        -webkit-transform-origin: center bottom;
        -ms-transform-origin: center bottom;
        transform-origin: center bottom;
    }
}
.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(42px);
        transform: scale(0.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}
@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(42px);
        -ms-transform: scale(0.475) translateX(42px);
        transform: scale(0.475) translateX(42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(-2000px);
        -ms-transform: scale(0.1) translateX(-2000px);
        transform: scale(0.1) translateX(-2000px);
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
    }
}
.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-42px);
        transform: scale(0.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}
@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateX(-42px);
        -ms-transform: scale(0.475) translateX(-42px);
        transform: scale(0.475) translateX(-42px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateX(2000px);
        -ms-transform: scale(0.1) translateX(2000px);
        transform: scale(0.1) translateX(2000px);
        -webkit-transform-origin: right center;
        -ms-transform-origin: right center;
        transform-origin: right center;
    }
}
.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        transform-origin: center top;
    }
}
@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale(0.475) translateY(60px);
        -ms-transform: scale(0.475) translateY(60px);
        transform: scale(0.475) translateY(60px);
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.1) translateY(-2000px);
        -ms-transform: scale(0.1) translateY(-2000px);
        transform: scale(0.1) translateY(-2000px);
        -webkit-transform-origin: center top;
        -ms-transform-origin: center top;
        transform-origin: center top;
    }
}
.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}
.partners {
    width: 100%;
    padding: 5px 0;
}
.partners ul li {
    margin: 0 30px;
}
.partners ul {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.service-icon,
.services_box a {
    display: inline-flex;
}
.partners ul li:nth-child(4) img {
    max-width: 135px;
}
.abtcontentSec,
section.team,
section.welcome_not {
    width: 100%;
    padding: 75px 0;
}
.serviceHead {
    color: #142033;
    font-size: 22px;
    line-height: 25px;
    margin-bottom: 15px;
}
.serviceBoxCvr img {
    position: relative;
    margin: 0;
}
.services_box a {
    margin: 12px 0 0;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    padding: 11px 15px;
    font-size: 20px;
    border-radius: 3px;
    position: relative;
}
.serMinHeight {
    min-height: 200px;
    position: relative;
}
.achievement_left a span,
.btn-outline-black span,
.productRight a span,
.services_box a span {
    font-size: 16px;
    color: #142033;
    position: relative;
}
.achievement_left a img,
.btn-outline-black img,
.productRight a img,
.services_box a img {
    margin-left: 10px;
}
.aboutusCareers a:before,
.achievement_left a:before,
.btn-outline-black:before,
.productRight a:before,
.services_box a:before {
    width: 0;
    height: 0%;
    background: #085076;
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 3px;
}
.serviceBoxCvr {
    width: 100%;
    padding: 35px 35px 45px;
    margin-bottom: 30px;
    position: relative;
}
.serviceBoxCvr:before {
    position: absolute;
    width: 100%;
    height: 0%;
    content: "";
    top: 0;
    left: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.serviceBoxCvr:hover:before {
    height: 100%;
}
.services_box p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 27px;
}
.serviceBoxCvr.servicebg1 a:before {
    background: #7b97df;
}
.serviceBoxCvr.servicebg2 a:before {
    background: #d8c281;
}
.serviceBoxCvr.servicebg3 a:before,
.serviceBoxCvr.servicebg5 a:before,
.serviceBoxCvr.servicebg8 a:before {
    background: #cd9a88;
}
.serviceBoxCvr.servicebg4 a:before,
.serviceBoxCvr.servicebg6 a:before {
    background: #64b499;
}
.serviceBoxCvr.servicebg7 a:before {
    background: #c697dd;
}
.serviceBoxCvr.servicebg1 a:hover,
.serviceBoxCvr:hover a {
    border-color: #ffffff00 !important;
}
.serviceBoxCvr.servicebg2 a:hover,
.serviceBoxCvr.servicebg3 a:hover,
.serviceBoxCvr.servicebg4 a:hover,
.serviceBoxCvr.servicebg5 a:hover,
.serviceBoxCvr.servicebg6 a:hover,
.serviceBoxCvr.servicebg7 a:hover,
.serviceBoxCvr.servicebg8 a:hover {
    border-color: #ffffff00;
}
.services_box:hover a:before {
    width: 100%;
    height: 101%;
    left: 0;
    top: -1px;
}
.servicebg1 {
    background: #f2f6ff;
}
.servicebg2 {
    background: #fff7e0;
}
.servicebg3,
.servicebg5,
.servicebg8 {
    background: #ffece6;
}
.servicebg4 {
    background: #e0fff9;
}
.servicebg6 {
    background: #e4fff6;
}
.servicebg7 {
    background: #fcf6ff;
}
.servicebg1:before {
    background: #e6edff;
}
.servicebg2:before {
    background: #ffefc1;
}
.servicebg3:before,
.servicebg5:before,
.servicebg8:before {
    background: #ffe1d6;
}
.servicebg4:before,
.servicebg6:before {
    background: #bcfde7;
}
.servicebg7:before {
    background: #f4deff;
}
section.product {
    width: 100%;
    padding: 75px 0 0;
    background: #f9f8fa;
    position: relative;
    margin-top: 45px;
}
section.product:before {
    width: 100%;
    position: absolute;
    content: "";
    height: 100px;
    background: #fff;
    bottom: 0;
    left: 0;
}
.productHead span {
    display: block;
    color: #094b6f;
    font-size: 28px;
}
.productRight {
    padding-left: 40px !important;
    padding-top: 10px;
}
.aboutusCareers a,
.achievement_left a,
.btn-outline-black,
.productRight a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ccc;
    padding: 5px 15px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 3px;
    position: relative;
}
.abtcontentSec .row,
.productRight p {
    margin-bottom: 40px;
}
.achievement_left a:hover:before,
.btn-outline-black:hover:before,
.productRight a:hover:before {
    width: 100%;
    height: 101%;
    left: 0;
    top: 0;
}
.achievement_left a:hover img,
.btn-outline-black:hover img,
.productRight a:hover img,
.services_box.contact_service .serviceBoxCvr.servicebg2 a img,
section.innerTopsec .btn-outline-black img {
    filter: invert(5) brightness(5);
}
section.innerTopsec .btn-outline-black:before {
    width: 100%;
    height: 102%;
    left: 0;
    top: -1px;
}
.rdmr:hover:before,
section.innerTopsec .btn-outline-black:hover:before {
    width: 0%;
    height: 0%;
    left: 50%;
    top: 50%;
}
.rdmr:hover img,
section.innerTopsec .btn-outline-black:hover span img {
    filter: invert(0) brightness(0);
}
.partners ul li:nth-child(5) img {
    max-width: 92px;
}
.achievement {
    width: 100%;
    padding: 100px 0;
}
.aniimg,
ul.achievement_round {
    width: 350px;
    height: 350px;
    margin: 0 auto;
}
ul.achievement_round {
    border-radius: 100%;
    border: 1px solid;
    position: relative;
    background: url(../images/netstager_logo.png) center/95px no-repeat;
}
ul.achievement_round li {
    width: 120px;
    height: 120px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: -1px -4px 32px 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: -1px -4px 32px 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: -1px -4px 32px 0 rgba(0, 0, 0, 0.15);
    -webkit-appearance: none;
    position: absolute;
    top: -51px;
    left: 50%;
    margin-left: -60px;
    flex-direction: column;
    text-align: center;
    font-size: 14px;
    line-height: 17px;
}
ul.achievement_round li:nth-child(2) {
    right: -60px;
    left: auto;
    top: 50%;
    margin-top: -60px;
}
ul.achievement_round li:nth-child(3) {
    right: auto;
    left: 50%;
    margin-left: -60px;
    top: auto;
    bottom: -60px;
    margin-top: -60px;
}
ul.achievement_round li:nth-child(4) {
    right: auto;
    left: -60px;
    top: auto;
    bottom: 50%;
    margin-bottom: -60px;
    margin-top: 0;
    margin-left: 0;
}
ul.achievement_round li span {
    color: #1474ab;
    font-size: 20px;
}
.aniimg {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.achievement_right {
    display: flex;
    align-items: center;
    justify-content: center;
}
.achievement_left p {
    margin-bottom: 30px;
}
.aniimg img {
    width: 65px !important;
}
.quick-alo-ph-circle.active {
    width: 500px;
    height: 500px;
    position: absolute;
    background-color: transparent;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid;
    opacity: 1;
    -webkit-animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    -moz-animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    -ms-animation: quick-alo-circle-anim 1.2s infinite ease-in-out;
    -o-animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    animation: 1.2s ease-in-out infinite quick-alo-circle-anim;
    transition: 0.5s;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
.quick-alo-ph-circle-fill.active,
.quick-alo-ph-img-circle.shake,
.quick-alo-phone-img-circle.shake {
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    position: absolute;
    opacity: 1;
}
.quick-alo-ph-circle-fill.active {
    width: 300px;
    height: 300px;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    -moz-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    -ms-animation: quick-alo-circle-fill-anim 2.3s infinite ease-in-out;
    -o-animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    animation: 2.3s ease-in-out infinite quick-alo-circle-fill-anim;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    transform-origin: 50% 50%;
}
.quick-alo-ph-img-circle.shake,
.quick-alo-phone-img-circle.shake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    border-radius: 100%;
    border: 2px solid transparent;
    -webkit-animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    -moz-animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    -ms-animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
    -o-animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    animation: 1s ease-in-out infinite quick-alo-circle-img-anim;
    transform-origin: 50% 50%;
}
.quick-alo-ph-img-circle.notshake,
.quick-alo-phone-img-circle.notshake {
    width: 50px;
    height: 50px;
    top: 0;
    left: 0;
    position: absolute;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    border: 2px solid transparent;
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
@-moz-keyframes quick-alo-circle-anim {
    0% {
        -moz-transform: rotate(0) scale(0.5) skew(1deg);
        opacity: 0.1;
        -moz-opacity: 0.1;
        -webkit-opacity: 0.1;
        -o-opacity: 0.1;
    }
    30% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.5;
        -moz-opacity: 0.5;
        -webkit-opacity: 0.5;
        -o-opacity: 0.5;
    }
    100% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.6;
        -moz-opacity: 0.6;
        -webkit-opacity: 0.6;
        -o-opacity: 0.1;
    }
}
@-webkit-keyframes quick-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        -webkit-opacity: 0.1;
    }
    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        -webkit-opacity: 0.5;
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: 0.1;
    }
}
@-o-keyframes quick-alo-circle-anim {
    0% {
        -o-transform: rotate(0) kscale(0.5) skew(1deg);
        -o-opacity: 0.1;
    }
    30% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        -o-opacity: 0.5;
    }
    100% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        -o-opacity: 0.1;
    }
}
@-moz-keyframes quick-alo-circle-fill-anim {
    0%,
    100% {
        -moz-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -moz-transform: rotate(0) -moz-scale(1) skew(1deg);
        opacity: 0.2;
    }
}
@-webkit-keyframes quick-alo-circle-fill-anim {
    0%,
    100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.2;
    }
}
@-o-keyframes quick-alo-circle-fill-anim {
    0%,
    100% {
        -o-transform: rotate(0) scale(0.7) skew(1deg);
        opacity: 0.2;
    }
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
        opacity: 0.2;
    }
}
@-moz-keyframes quick-alo-circle-img-anim {
    10% {
        transform: rotate(0) scale(1) skew(1deg);
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20%,
    40% {
        -moz-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -moz-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    100%,
    50% {
        -moz-transform: rotate(0) scale(1) skew(1deg);
    }
}
@-webkit-keyframes quick-alo-circle-img-anim {
    0%,
    100%,
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10%,
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20%,
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
}
@-o-keyframes quick-alo-circle-img-anim {
    0%,
    100%,
    50% {
        -o-transform: rotate(0) scale(1) skew(1deg);
    }
    10%,
    30% {
        -o-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20%,
    40% {
        -o-transform: rotate(25deg) scale(1) skew(1deg);
    }
}
section.clients {
    width: 100%;
    padding: 75px 0;
    background: #f9f8fa;
}
h3,
h4,
section.clients h2 {
    font-size: 55px;
    margin: 0 0 50px;
    padding: 0;
    line-height: 61px;
    color: #142033;
    position: relative;
}
.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}
.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}
.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}
.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    animation-name: fadeOut;
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.owl-height {
    transition: height 0.5s ease-in-out;
}
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 0.4s;
}
.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 0.1s;
}
.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 0.4s;
}
.rdmr:before,
.services_box.contact_service .serviceBoxCvr.servicebg2:hover a:before {
    background: #1474ab;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}
.brand-imgdiv {
    padding: 0 10px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hmclicvr .brand-imgdiv img {
    max-height: 96%;
}
.brand-imgdiv img {
    max-height: 260px;
    width: auto !important;
    max-width: 100%;
    filter: grayscale(100%);
}
.abtagencyRight ul li img:hover,
.brand-imgdiv:hover img {
    filter: grayscale(0);
}
.testimonialsCvr {
    margin-top: 75px;
}
.testiimg {
    width: 90px;
    height: 90px;
    border-radius: 100%;
}
.teamImg img,
div#accordionFlushExample,
section.services {
    width: 100%;
}
.services_box {
    margin: 12px 0;
}
.services .serviceBoxCvr {
    width: 100%;
    padding: 35px;
    margin-bottom: 30px;
    height: 100%;
    position: relative;
}
section.clients .testibox:after {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    background: url(../images/quote.png) center/100% no-repeat;
    top: -60px;
    left: 0;
}
section.clients .owl-carousel .owl-stage-outer {
    padding-top: 60px;
}
.testipara {
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    margin-bottom: 30px;
    margin-top: 15px;
}
.testi-client-loc {
    font-size: 14px;
    line-height: 17px;
}
section.clients .owl-dots {
    position: absolute;
    right: 25px;
    bottom: -40px;
}
section.clients .owl-dots button {
    margin-left: 5px;
}
section.clients .owl-dots button span {
    width: 10px;
    height: 10px;
    background: #e1e9f0;
    float: left;
    border-radius: 100px;
}
section.clients .owl-dots button.active span {
    background: #0f618f;
}
.homeContact {
    width: 100%;
    padding: 75px 0;
    background: url(../images/banner_bg.png) left bottom/50% no-repeat;
    border-bottom: 1px solid #dedddd;
}
.contactHead {
    font-size: 53px;
    margin: 0 0 20px;
    padding: 0;
    line-height: 61px;
    position: relative;
}
.rdmr {
    margin: 25px 0 0;
    display: inline-flex;
    justify-content: center;
    height: 47px;
    padding: 5px 15px;
    border-radius: 3px;
    position: relative;
    border: 1px solid #fff;
}
.rdmr:hover {
    border: 1px solid #ccc;
    height: 47px;
}
.rdmr:before {
    width: 102%;
    height: 101%;
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    border-radius: 3px;
}
.teamDes,
section.mainMenucvr {
    -webkit-transition: 0.7s;
    opacity: 0;
}
.aboutusCareers a span,
.rdmr span {
    font-size: 16px;
    color: #fff;
    position: relative;
}
.rdmr img {
    margin-left: 10px;
    filter: invert(5) brightness(5);
}
.homeContactLeft p {
    margin-bottom: 30px;
    padding-right: 50px;
}
ul.hmcl {
    margin: 50px 0 0;
    padding: 0;
}
ul.hmcl li {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 15px;
    min-width: 258px;
}
ul.hmcl li img {
    margin-right: 15px;
    max-width: 40px;
}
ul.hmcl li a {
    color: #1474ab;
    font-size: 22px;
    font-family: "Neuzeit Grotesk Bold";
}
.homeContactRight {
    padding-top: 140px;
}
.footbox ul,
.homeContactRight ul,
.listing,
ul.secMenu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.contLedtHead,
.homeContactRight ul li,
section.innerTopsec p {
    margin-bottom: 15px;
}
.homeContactRight ul li textarea,
input.frmFld {
    font-size: 15px;
    padding-left: 10px;
    width: 100%;
    float: left;
}
.contLedtHead {
    font-size: 26px;
    line-height: 33px;
}
.homeContactRight ul li {
    width: 100%;
    float: left;
}
input.frmFld {
    border: 1px solid #dedddd;
    border-radius: 4px;
    height: 50px;
}
.homeContactRight ul li textarea {
    border: 1px solid #dedddd;
    border-radius: 4px;
    height: 130px;
}
.carForm form#career .error,
.homeContactRight form .error {
    color: red;
    font-size: 14px;
}
span.rdmr input.subbtn {
    background: 0 0;
    border: none;
    position: relative;
    z-index: 12;
    color: #fff;
}
footer {
    width: 100%;
    float: left;
    padding: 75px 0 0;
}
.cfootHead {
    font-size: 20px;
}
.footbox ul li a {
    font-size: 16px;
    line-height: 43px;
}
.copyrite {
    width: 100%;
    float: left;
    padding: 0 0 30px;
}
.copyrite .container-fluid {
    border-top: 1px solid #dedddd;
    margin-top: 75px;
    padding-top: 30px !important;
}
.social {
    margin: 0;
    padding: 0;
    float: right;
}
.social li {
    display: inline-block;
    float: left;
    margin-left: 3px;
}
.social li a {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #094c70;
    border-radius: 100px;
}
.social li a img {
    max-width: 15px;
}
.copyLeft {
    text-align: left;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: left;
}
.social li a:hover {
    -ms-transform: rotate(20deg);
    transform: rotate(360deg);
}
.copyLeft p {
    font-size: 13px;
    margin-bottom: 0;
}
.copyRight {
    text-align: right;
}
section.mainMenucvr {
    width: 100%;
    float: left;
    height: 100vh;
    padding-top: 130px;
    position: fixed;
    background: #fff;
    z-index: 1;
    top: -250vh;
    -moz-transition: 0.75s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
section.mainMenucvr.active {
    max-height: 100vh;
    overflow-y: auto;
    top: 0;
    opacity: 1;
}
.mainMenucvr ul {
    margin: 0;
    padding: 30px 0 0;
}
.mainMenucvr ul li p {
    font-size: 17px;
    line-height: 28px;
}
.mainMenucvr ul li a {
    font-size: 17px;
    line-height: 42px;
}
ul.mainMenu:first-child:after {
    position: absolute;
    content: "";
    width: 215px;
    height: 1px;
    background: #e4e4e4;
    bottom: -14px;
    left: 0;
}
.menuHead {
    line-height: 30px;
    font-size: 26px;
}
.addressCol li {
    position: relative;
    padding-left: 50px;
    margin-bottom: 12px;
}
.addressCol li img {
    position: absolute;
    left: 0;
    top: 2px;
    max-width: 36px;
}
ul.social.menus {
    float: left;
    border-top: 1px solid #ccc;
    margin-top: 60px;
    padding-top: 50px;
    padding-right: 20px;
}
section.innerTopsec {
    width: 100%;
    margin-top: 100px;
    background: url(../images/banner_bg.png) left bottom no-repeat;
    padding: 30px 0;
}
.heading {
    font-size: 47px;
    margin: 0 0 40px;
    padding: 0;
    line-height: 52px;
    position: relative;
    margin-top: 40px;
}
section.abtagency {
    padding: 75px 0;
    background: #f9f8fa;
}
.topBnnerImg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.services.innerService {
    padding: 70px 0;
}
.container-fluid.servicesTop {
    text-align: center;
    max-width: 1250px;
    padding-bottom: 70px !important;
}
.agencyList li .agencyListBx {
    border: 1px solid #ccc;
    background: #fff;
    height: 100px;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 0 30px;
    position: relative;
}
.agencyList li .agencyListBx a {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.agencyList li .agencyListBx img {
    max-height: 88px;
}
.abtagencyRight ul {
    margin: 110px 0 0;
    padding: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.abtagencyRight ul li {
    padding: 10px;
    min-width: 170px;
}
.abtagencyRight ul li img {
    max-height: 100px;
    filter: grayscale(100%);
}
.abtagencyLeft:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 92%;
    border-right: 1px solid #ccc;
    top: 20px;
    right: -20%;
}
.teamImg {
    width: 100%;
    display: block;
}
.teamDes {
    position: absolute;
    bottom: -102%;
    z-index: 11;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/banner_bg.png) left bottom/100% no-repeat #f1f5ffcc;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
    flex-direction: column;
    padding: 20px 25px;
    line-height: 20px;
    font-size: 17px;
    -moz-transition: 0.4s;
    -ms-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    cursor: pointer;
}
.teamcover {
    height: 100%;
    margin-bottom: 0;
}
section.team .col-lg-3 {
    padding-bottom: 30px;
}
.teamcover:hover .teamDes {
    bottom: 0;
    opacity: 1;
}
.netLyfe {
    width: 100%;
    padding: 0 0 75px;
}
.netLyfe .owl-nav {
    position: absolute;
    top: -70px;
    right: 6%;
}
.netLyfe .owl-nav button span {
    background: url(../images/left.png) center/25px no-repeat;
    width: 35px;
    height: 30px;
    display: block;
    text-indent: 10000px;
}
.netLyfe .owl-nav button.owl-next span {
    background: url(../images/right.png) center/25px no-repeat;
}
.aboutus_Why-clients_Top {
    text-align: center;
    margin-bottom: 75px;
}
section.newcaseCvr {
    padding: 80px 0px 0px;
}

.listing li {
    font-size: 20px;
    padding-left: 25px;
    line-height: 34px;
    margin-bottom: 10px;
    text-align: left;
}
.listing li:after {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    left: 0;
    top: 11px;
    background: #094c70;
}
ul.listing.lstnew li:after {
    top: 12px;
}

 
.aboutus_Why-clients_Right {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 2rem;
}
.applyCard .teamcover,
div#fixed-bar {
    align-items: center;
    text-align: center;
}
.aboutusCareers {
    width: 100%;
    text-align: center;
    background: #0b4e74;
    margin-top: 75px;
    padding: 75px 0;
}
.aboutusCareers .heading {
    color: #fff;
    margin: 0 0 20px;
}
.aboutusCareers p {
    color: #fff;
    margin-bottom: 40px;
}
.aboutusCareers .container-fluid {
    width: 100%;
    max-width: 1020px;
}
.aboutusCareers a:hover {
    background: #ccc;
}
section.aboutus_Why-clients.faqabt {
    padding-top: 75px;
}
section.aboutus_Why-clients.faqabt .aboutus_Why-clients_Top {
    padding-bottom: 0;
}
section.aboutus_Why-clients.faqabt .accordion-button::after {
    background-image: url(../images/plus.png);
    background-size: 15px;
    background-position: center;
}
section.aboutus_Why-clients.faqabt .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus.png);
    background-position: center;
    transform: rotate(0);
}
section.aboutus_Why-clients.faqabt .accordion-button:before {
    position: absolute;
    left: 0;
    top: 25px;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #094c70;
}
section.aboutus_Why-clients.faqabt .accordion-button {
    padding: 0.7rem 1.25rem;
}
section.aboutus_Why-clients.faqabt .accordion-button:not(.collapsed) {
    color: #142033 !important;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
.logo img {
    max-width: 215px;
}
section.aboutus_Why-clients.faqabt.faqport .accordion-button {
    background-color: #f9f8fa;
}
.col-lg-2.portfolioRight {
    display: inline-block;
    width: auto;
}
.autoHeight .serMinHeight {
    min-height: auto;
}
div#fixed-bar {
    width: 40px;
    display: flex;
    justify-content: center;
    height: 40px;
    right: 48px !important;
}
div#fixed-bar img {
    width: 25px;
}
li.btn.btn-default.active,
li.btn.btn-default.active a,
li.btn.btn-default.filter-button.selal {
    color: #1374aa;
}
li.btn.btn-default.active:after,
li.btn.btn-default.filter-button.selal:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #1374ab;
    left: 0;
    bottom: 0;
}
section.portfolio.port-inner {
    margin-top: 70px;
}
.achievement_left ul.listing {
    margin-bottom: 25px;
}
.applyCard .teamcover {
    display: flex;
    background: #064b70;
    justify-content: space-around;
}
.applyCard .teamcover:before {
    content: "";
    left: 20px;
    top: 20px;
    right: 20px;
    bottom: 20px;
    border: 3px solid #2c7096;
    position: absolute;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
.applyCard:hover .teamcover:before {
    left: 50%;
    top: 50%;
    right: 50%;
    bottom: 50%;
    border: 1px solid;
}
.joinToTeam span {
    color: #fff;
    margin-bottom: 13px;
    display: inline-table;
    width: 100%;
}
.services_box.contact_service .serviceBoxCvr.servicebg2 {
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    background-position: left 37%;
    background-color: rgb(20 116 171) !important;
    background-repeat: no-repeat;
    border: 9px solid #1474ab;
}
.services_box.contact_service .serviceBoxCvr.servicebg2 a {
    border-color: #ccc;
    display: inline-block !important;
    padding: 7px 15px;
}
.services_box.contact_service .serviceBoxCvr.servicebg2:before,
.services_box.contact_service .serviceBoxCvr.servicebg2:hover:before {
    background: #afe7ff;
}
.services_box.contact_service .serviceBoxCvr.servicebg2:hover {
    border-color: #afe7ff;
}
.services_box.contact_service .serviceBoxCvr.servicebg2:hover .serviceHead,
.services_box.contact_service .serviceBoxCvr.servicebg2:hover p {
    color: #000;
}
.services_box.contact_service .serMinHeight {
    min-height: 10px;
    display: inline-table;
    width: 100%;
}
.applyCard .btn-primary {
    background-color: transparent !important;
    border-color: #2c7096 !important;
    color: #f5f5f5 !important;
}
.applyCard .btn-primary:hover {
    background-color: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #2c7096 !important;
}
.availPos .serMinHeight {
    min-height: 10px;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 28px;
}
.carForm input[type="email"],
.carForm input[type="phone"],
.carForm input[type="tel"],
.carForm input[type="text"],
.custom-file input {
    width: 100%;
    border: 1px solid #ced4da;
    font-size: 16px;
    padding: 5px 10px;
}
small.HeadCont {
    padding: 0;
    margin: 0;
}
small.HeadCont span {
    display: block;
    width: 100%;
}
.carForm input[type="submit"] {
    background: 0 0;
    border: none;
    color: inherit;
    cursor: pointer;
    width: 100%;
}
.carForm li {
    margin: 0 0 10px;
}
.uneditable-input:focus,
input[type="color"]:focus,
input[type="date"]:focus,
input[type="datetime-local"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="month"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="text"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
input[type="week"]:focus,
textarea:focus {
    border-color: rgba(20, 116, 171, 0.8);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(20, 116, 171, 0.6);
    outline: 0;
}
.innerTopsec .agencyListBx img {
    border: 1px solid #ccc;
    margin-bottom: 15px;
}
.netLyfe.uiuxWorks .gallTitle {
    text-align: center;
    width: 100%;
    color: #000;
    padding: 0;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 0%);
}
.netLyfe.uiuxWorks .gallery_product {
    margin-bottom: 5px;
}
.gallery .netstager-centralized {
    display: contents;
    align-items: inherit;
    justify-content: inherit;
    width: 100%;
}
.gallery .netstager-centralized img {
    object-fit: cover;
    width: 100%;
    height: 302px;
    cursor: pointer;
}
.datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul {
    background-position: 0 2px;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e4e4;
    padding-left: 80px;
}
.datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul:first-child {
    background-image: url(../images/client.png);
}
.datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul:nth-child(2) {
    background-image: url(../images/category.png);
}
.datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul:nth-child(3) {
    background-image: url(../images/location.png);
}
.datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul:nth-child(4) {
    background-image: url(../images/technology.png);
}
ul.servicemenuMAin {
    display: none;
    max-height: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    position: absolute;
    right: 0;
    background: #fff;
    padding: 35px 30px;
    max-width: 880px;
    border-bottom: 4px solid #1474ab;
    box-shadow: -1px -4px 32px 0 rgb(0 0 0 / 15%);
    -webkit-box-shadow: -1px -4px 32px 0 rgb(0 0 0 / 7%);
    -moz-box-shadow: -1px -4px 32px 0 rgba(0, 0, 0, 0.15);
    -webkit-appearance: none;
    margin-top: 10px;
}
ul.secMenu li {
    display: inline-block;
}
ul.servicemenuMAin li a {
    font-size: 16px;
}
ul.servicemenuMAin li {
    width: 33%;
    margin-right: 2.5%;
    float: left;
}
ul.servicemenuMAin li:nth-child(3n) {
    margin-right: 0;
    width: 29%;
}
li.servMenu:hover ul.servicemenuMAin {
    display: block;
    max-height: 400px;
    overflow: auto;
}
.hoverImg.produLeftImgH {
    height: 710px;
    background-size: 100% !important;
}
.supports {
    display: inline-flex;
    width: 35px;
    height: 35px;
    background: #094c70;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    float: right;
    margin-left: 5%; padding:5px;
}
@media screen and (max-width: 1799px) {
    .bridAnimtn {
        max-width: 450px;
    }
    @keyframes arw01 {
        0% {
            right: -100px;
            top: 80px;
        }
        100% {
            right: 25px;
            top: 180px;
        }
    }
    .plusIco2 {
        bottom: 230px;
        right: 37px;
    }
    .plusIco1 {
        bottom: 259px;
        right: 55px;
    }
    .graph01,
    .graph02,
    .graph03,
    .graph04 {
        bottom: 150px;
    }
    .graph01 {
        right: 167px;
    }
    .graph02 {
        right: 149px;
    }
    .graph03 {
        right: 130px;
    }
    .graph04 {
        right: 111px;
    }
}
section.datesec ul {
    margin-top: 10px;
}
@media screen and (max-width: 1450px) {
    .bannerCvr h1,
    .bannerCvr h1 span,
    .contactHead,
    .productHead,
    .welcome_not_left h2,
    section.clients h2 {
        font-size: 49px;
    }
    section.banner {
        background-size: 66%;
        height: 87vh;
    }
    .bannerCvr {
        height: 87vh;
    }
}
@media screen and (max-width: 1370px) {
    .serviceHead {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .serMinHeight {
        min-height: 289px;
    }
    .prl100 {
        padding: 0 30px !important;
    }
    .prl150 {
        padding: 0 120px !important;
    }
    section.product:before {
        height: 60px;
    }
    .productRight {
        padding-top: 40px;
    }
    .bannerCvr,
    section.banner {
        height: 85vh;
    }
}
@media screen and (max-width: 1330px) {
    .bridAnimtn {
        max-width: 415px;
    }
    @keyframes arw01 {
        0% {
            right: -70px;
            top: 80px;
        }
        100% {
            right: 15px;
            top: 150px;
        }
    }
    .plusIco2 {
        bottom: 200px;
        right: 37px;
    }
    .plusIco1 {
        bottom: 230px;
        right: 55px;
    }
    .graph01,
    .graph02,
    .graph03,
    .graph04 {
        bottom: 138px;
        width: 8px;
    }
    .graph01 {
        right: 142px;
    }
    .graph02 {
        right: 129px;
    }
    .graph03 {
        right: 115px;
    }
    .graph04 {
        right: 102px;
    }
}
@media screen and (max-width: 1281px) {
    .bannerCvr h1,
    .bannerCvr h1 span,
    .contactHead,
    .productHead,
    .welcome_not_left h2,
    section.clients h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .social li a {
    width: 28px;
    height: 28px;
    }
}
@media screen and (max-width: 1231px) {
    .arrowanim {
        width: 66px;
    }
    @keyframes arw01 {
        0% {
            right: -70px;
            top: 50px;
        }
        100% {
            right: 15px;
            top: 125px;
        }
    }
    .bridAnimtn {
        max-width: 330px;
    }
    .plusIco2 {
        bottom: 140px;
        right: 20px;
    }
    .plusIco1 {
        bottom: 175px;
        right: 40px;
    }
    .graph01,
    .graph02,
    .graph03,
    .graph04 {
        bottom: 111px;
        width: 8px;
    }
    .graph04 {
        right: 82px;
        height: 55px;
    }
    .graph03 {
        height: 44px;
        right: 95px;
    }
    .graph02 {
        height: 30px;
        right: 108px;
    }
    .graph01 {
        height: 16px;
        right: 121px;
    }
}
@media screen and (max-width: 1184px) {
    .datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul {
        background-position: 0 6px;
        background-size: 42px;
    }
}
@media screen and (max-width: 1090px) {
    .hoverImg.produLeftImgH {
        height: auto;
    }
    @keyframes arw01 {
        0% {
            right: -130px;
            top: 0;
        }
        100% {
            right: 8px;
            top: 105px;
        }
    }
    .graph04 {
        right: 74px;
        height: 55px;
    }
    .graph03 {
        height: 44px;
        right: 86px;
    }
    .graph02 {
        height: 30px;
        right: 98px;
    }
    .graph01 {
        height: 16px;
        right: 110px;
    }
    .bridAnimtn {
        max-width: 300px;
    }
    .plusIco1 {
        bottom: 164px;
        right: 35px;
    }
    .plusIco2 {
        bottom: 121px;
        right: 17px;
    }
    .graph01,
    .graph02,
    .graph03,
    .graph04 {
        bottom: 100px;
        width: 8px;
    }
}
@media screen and (max-width: 1025px) {
    .strip01 {
        width: 70px;
    }
    .cloude1 {
        bottom: 99px;
    }
    .cloude2 {
        bottom: 50px;
    }
    .cloude1,
    .cloude2 {
        width: 113px;
    }
    .col-lg-3.col-md-6.col-sm-12.services_box {
        width: 50%;
    }
    .serMinHeight {
        min-height: 190px;
    }
    .productRight {
        padding-top: 0;
    }
    section.product:before {
        display: none;
    }
    section.product {
        padding-bottom: 75px;
    }
    .bannerCvr h1,
    .bannerCvr h1 span,
    .contactHead,
    .productHead,
    .welcome_not_left h2,
    section.clients h2 {
        font-size: 37px;
    }
}
@media screen and (max-width: 991px) {
    .mobCallBtn {
        position: fixed;
        overflow: hidden;
        text-indent: -999999px;
        display: block;
        width: 35px;
        height: 35px;
        bottom: 32px;
        left: 15px;
        font-size: 22px;
        line-height: 7px;
        background: url(https://www.netstager.com/images/call_icon.png) center center no-repeat rgb(9 76 112);
        border-radius: 50%;
    }
    section.portfoliosec {
        margin-top: 80px;
        padding-bottom: 50px;
    }
    .portfoliosec .serviceBoxCvr {
        padding: 30px;
        margin-bottom: 15px;
    }
    .viewAllSer {
        padding: 40px;
    }
    .viewHead {
        font-size: 20px;
    }
    .portTitle {
        font-size: 18px;
    }
    .gallery_product .gallaction a {
        font-size: 14px;
    }
    .portRowSec .gallery_product {
        margin-bottom: 20px;
    }
    .caseBanner.prtIn img {
        position: relative;
    }
    .logIm img {
        filter: brightness(0);
    }
    .bannerLinkurl.devlpmt {
        bottom: 0;
        left: 0;
        justify-content: center;
        width: 100%;
        min-height: auto;
        text-align: center;
        padding: 50px 30px 0;
    }
    .bannerLinkurl.devlpmt p {
        color: #000;
        font-size: 15px;
        line-height: 26px;
        text-align: center;
    }
    .technologiCvr {
        margin-top: 30px;
        padding-left: 0;
    }
    .technologiCvr ul {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 0 20px;
        border: 0;
    }
    section.coloPalate,
    section.detailBottom {
        padding: 0;
    }
    a.visitWeb {
        color: #000 !important;
        border: 1px solid #000;
    }
    .colCode {
        padding: 30px 0;
    }
    .caseCvrLogoImg.ltHrtz {
        padding: 5px 0;
    }
}
@media screen and (max-width: 874px) {
    .prl100,
    .sampleUIUX .gallTitle {
        padding: 0 20px !important;
    }
    .abtcntSec01Right,
    .achievement_left,
    .banner_left,
    .heading,
    .hoverImg {
        text-align: center;
    }
    .listing li,
    .sitemap > li a,
    .sub_menu_sitemap > li a {
        font-size: 17px;
    }
    .hoverImg,
    .webdevCvr .row {
        margin-bottom: 30px;
    }
    .object,
    section.blueBg .col-lg-3.col-md-6,
    section.blueBg .col-lg-4.col-md-6 {
        width: 100%;
    }
    .gallTitle {
        left: inherit !important;
        bottom: 80px !important;
    }
    .gallTismall {
        right: inherit !important;
    }
    .netLyfe .owl-nav {
        top: -48px;
    }
    .headinggray {
        margin-top: 42px;
        font-size: 3rem !important;
    }
    .sampleUIUX .gallTitle {
        bottom: 50px !important;
        max-width: 86%;
        left: 15px;
        width: auto !important;
        color: #fff !important;
        border-radius: 0 50px 50px 0;
    }
    .sampleUIUX .gallTismall {
        left: 0;
        right: auto;
        border-radius: 0;
        bottom: 0 !important;
        background: #000000ad;
    }
    .prl150 {
        padding: 0 30px !important;
    }
    .bannerCvr {
        flex-direction: column-reverse;
        height: auto;
    }
    section.banner {
        height: auto;
        padding-top: 30px;
        padding-bottom: 75px;
    }
    .banner_left {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    section.partners ul li {
        margin: 0 20px;
        justify-content: center;
        display: flex;
    }
    .partners ul {
        flex-flow: row wrap;
        justify-content: center;
    }
    .aniimg {
        margin-top: 110px;
    }
    .achievement {
        padding: 100px 0 150px;
    }
    .productRight {
        padding-top: 0;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .achievement_left {
        padding: 0 15px;
    }
    #brand-carousel .owl-dots,
    .abtagencyLeft:after,
    .heading br,
    a.getFdmain,
    section.blueBg br,
    section.blueBg ul li br,
    ul.secMenu {
        display: none;
    }
    .topBnnerImg {
        justify-content: center;
    }
    .heading {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 20px;
    }
    .listing li {
        position: relative;
        padding-left: 19px;
        line-height: 20px;
        margin-bottom: 10px;
        text-align: left;
    }
    .aboutus_Why-clients_Top,
    .services.innerService,
    section.abtagency {
        padding: 50px 0;
    }
    .container-fluid.servicesTop {
        text-align: center;
        max-width: 1250px;
        padding-bottom: 36px !important;
    }
    section.innerTopsec {
        padding: 50px 0;
        text-align: center;
    }
    .aboutus_Why-clients_Left,
    .abtcntSec01Left {
        text-align: center;
        margin-bottom: 50px;
    }
    .abtagencyRight,
    .abtagencyRight ul {
        margin-top: 50px;
    }
    .abtagencyRight ul li img {
        max-height: 130px;
    }
    section.mainMenucvr {
        padding-top: 75px;
    }
    .listing.mt-3.md-mt-0,
    .mt-sm-0,
    .sm-bt-0 {
        margin-top: 0 !important;
    }
    .sm-mb-0 {
        margin-bottom: 0 !important;
    }
    .sm-pb-0,
    section.aboutus_Why-clients.faqabt.pb-5 {
        padding-bottom: 0 !important;
    }
    .pt0md,
    .sm-pt-0 {
        padding-top: 0 !important;
    }
    .serMinHeight {
        min-height: 233px;
    }
    .homeContact {
        padding-top: 50px;
    }
    .homeContactRight {
        padding-top: 10px;
    }
    .listing li:after {
        top: 5px;
    }
    .sitemap > li,
    .sub_menu_sitemap > li {
        text-align: left;
        font-size: 17px;
    }
    .container.testmnal.thnkyu {
        padding: 0 !important;
    }
    .services .serviceBoxCvr {
        padding: 35px 15px;
    }
    section.achievement .row {
        padding: 0 15px;
        margin: 0 !important;
    }
    .port-padding .heading,
    .portfolioLeft .heading {
        text-align: left;
    }
    section.team {
        padding-top: 0;
    }
    .md-pb-0 {
        padding-bottom: 0;
    }
    .applyCard .teamcover {
        padding: 45px 55px;
    }
    .object {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
        background-size: 110% !important;
    }
    .bannFrame {
        margin: 0 auto;
        max-width: 360px;
    }
    .strip01 {
        width: 60px;
    }
    .cloude1,
    .cloude2 {
        width: 100px;
    }
    .cloude1 {
        bottom: 78px;
    }
    .cloude2 {
        bottom: 40px;
    }
}
@media screen and (max-width: 767px) {
    .zohPartnr {
    text-align: center !important;
}
.ftrLg {
    display: block;
    padding-top: 20px;
    padding-right: 0;
    position: inherit;
}
.zohPartnr .heading {
        
        
        margin-top: 0;
    }
.abtcontentSec.zohPartnr .row, .zohPartnr .productRight p {
    margin-bottom: 0;
}
section.clients.innrCli h3 {
    text-align: center;
    padding: 0;
    margin: 0;
}
    .testiimg,
    ul.hmcl {
        align-items: center;
    }
    section.clients .owl-carousel .owl-stage-outer,
    ul.social.menus {
        padding-top: 20px;
    }
    .abtcontentSec dotlottie-player,
    section.innerTopsec dotlottie-player {
        width: 100% !important;
    }
    .datesec .col-lg-3.col-md-4.col-sm-12.col-xs-12 ul {
        padding-left: 60px;
    }
    .netLyfe.uiuxWorks .gallTismall {
        margin-left: 0 !important;
        color: #fff;
        border: none;
    }
    .netLyfe.uiuxWorks .gallTitle {
        color: #fff;
        width: auto;
    }
    div#fixed-bar {
        bottom: 7px;
        right: 13px !important;
    }
    .float {
        width: 35px;
        height: 35px;
        bottom: 59px;
        right: 15px;
        font-size: 22px;
        line-height: 7px;
    }
    .aniimg,
    ul.achievement_round {
        width: 210px;
        height: 210px;
    }
    .contLedtHead,
    .copyLeft,
    .portfolioLeft .heading,
    .productRight,
    .services .serviceBoxCvr,
    .testipara {
        text-align: center;
                justify-content: center;
    }
    .portfolio .gallery {
        margin-bottom: 10px;
    }
    .my-float {
        margin-top: 6px;
    }
    .netLyfe h3.heading {
        padding-right: 53px;
        font-size: 32px;
    }
    .headinggray {
        font-size: 2rem !important;
        margin-top: 47px;
    }
    .applyCard .teamcover {
        padding: 45px 0 55px;
    }
    #brand-carousel .owl-dots,
    .HeadCont,
    a.getFdm,
    section.aboutus_Why-clients.faqabt .accordion-button:before,
    section.coloPalate .col-md-6:first-child .palateCvr:after,
    ul.mainMenu:first-child:after {
        display: none;
    }
    .testiimg,
    form#career .HeadCont,
    ul.hmcl {
        display: flex;
    }
    a.close_mnu,
    a.menu-icon {
        position: absolute;
        top: -35px;
        right: 20px;
    }
    ul.achievement_round {
        background: url(../images/netstager_logo_icon.png) center no-repeat;
    }
    .quick-alo-ph-circle.active {
        width: 300px;
        height: 300px;
    }
    .object {
        width: 90%;
    }
    .bannerCvr h1,
    .bannerCvr h1 span,
    .contactHead,
    .productHead,
    .welcome_not_left h2,
    section.clients h2 {
        font-size: 27px;
        line-height: 35px;
        width: 100%;
        text-align: center;
    }
    h3,
    h4,
    section.clients h2 {
        font-size: 27px;
        font-weight: 900;
        margin: 0 0 50px;
        padding: 0;
        letter-spacing: -2px;
        line-height: 35px;
        color: #142033;
        position: relative;
        font-family: "Neuzeit Grotesk Black";
    }
    .colrCvr,
    .whuchLink {
        margin-bottom: 15px;
    }
    section.partners ul li {
        margin: 0;
        width: 50%;
    }
    section.partners ul li img {
        max-width: 100%;
        padding: 0;
    }
    section.welcome_not {
        padding: 50px 0;
        text-align: center;
    }
    .datesec ul {
        margin: 1em 0;
        padding: 0;
    }
    .prl200 {
        padding: 0 !important;
    }
    p {
        font-size: 17px;
        line-height: 28px;
    }
    .col-lg-3.col-md-6.col-sm-12.services_box,
    .col-lg-8.portfolioLeft li {
        width: 100%;
    }
    .serMinHeight {
        min-height: auto;
    }
    section.product {
        padding: 50px 0;
        margin-top: 15px;
    }
    .achievement {
        padding: 50px 0 120px;
    }
    section.clients {
        padding: 50px 0;
    }
    .col-lg-3.col-md-6.col-sm-12.services_box:last-child .serviceBoxCvr,
    section.clients h2 {
        margin-bottom: 0;
    }
    .testiimg {
        margin-bottom: 50px;
        justify-content: center;
    }
    section.clients .testibox:after {
        left: 0;
        top: -38px;
    }
    .testimonialsCvr {
        margin-top: 25px;
    }
    .testiimg img {
        display: inline-block !important;
    }
    .homeContactLeft p {
        margin-bottom: 30px;
        padding-right: 0;
        text-align: center;
    }
    .homeContact {
        padding: 25px 0;
    }
    ul.hmcl {
        margin: 30px 0 0;
        padding: 0;
        list-style: none;
        justify-content: center;
        flex-direction: column;
    }
    .social,
    .testibox {
        display: flex;
        align-items: center;
        text-align: center;
    }
    .homeContactRight {
        padding-top: 30px;
    }
    .footbox {
        text-align: center;
        margin-bottom: 15px;
    }
    .aboutus_Why-clients_Top,
    footer {
        padding: 50px 0 0;
    }
    .copyrite .container-fluid {
        border-top: 1px solid #dedddd;
        margin-top: 30px;
        padding-top: 30px !important;
    }
    .social {
        width: 100%;
        justify-content: center;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .footer-phone {
        margin: 15px 0 0;
        padding: 0;
        list-style: none;
        float: left;
        flex-direction: column;
    }
    .footer-phone li a {
        text-decoration: none;
        font-size: 16px;
        line-height: 36px;
    }
    .homeContactRight ul li:last-child {
        text-align: center;
        padding-top: 15px;
    }
    .logo img {
        max-width: 155px;
    }
    .gallTitle {
        background: #1473aaba;
        color: rgb(255 255 255);
        font-family: "Neuzeit Grotesk Bold";
        position: absolute;
        bottom: 46px !important;
        padding: 0 20px !important;
        font-size: 25px;
        left: inherit !important;
    }
    .gallTismall {
        font-size: 14px;
        background: #000000c7 !important;
        position: absolute;
        bottom: 1px !important;
        border-radius: 0 !important;
        padding: 3px 19px !important;
        margin: 0 !important;
        text-transform: uppercase;
        right: inherit !important;
    }
    .logo.col-lg-3.col-md-4.col-sm-12,
    .port-padding {
        padding: 0;
    }
    section.innerTopsec {
        padding: 0;
        text-align: center;
    }
    ul.social.menus {
        margin-top: 0;
        padding-bottom: 20px;
    }
    .heading {
        margin-bottom: 20px;
        font-size: 35px;
    }
    .listing li {
        padding-left: 25px;
    }
    .pb-sm-0 {
        padding-bottom: 0 !important;
    }
    .pt-sm-0 {
        padding-top: 0 !important;
    }
    .services.innerService {
        padding: 40px 0;
    }
    .netLyfe {
        padding: 0 0 10px;
    }
    section.aboutus_Why-clients.faqabt {
        padding-bottom: 0 !important;
        padding-top: 50px;
    }
    .container-fluid.servicesTop {
        padding-bottom: 15px !important;
    }
    .aboutus_Why-clients_Top {
        text-align: center;
        margin-bottom: 15px;
        padding-top: 0;
    }
    section.portfolio {
        padding-top: 50px !important;
        padding-bottom: 30px !important;
    }
    .abtcontentSec {
        width: 100%;
        padding: 50px 0 0;
    }
    section.team {
        padding-bottom: 50px;
        width: 100%;
        padding-top: 15px;
    }
    .netLyfe .owl-nav {
        position: absolute;
        top: -53px;
        right: 1%;
    }
    .aboutusCareers {
        width: 100%;
        text-align: center;
        background: #0b4e74;
        margin-top: 35px;
        padding: 50px 0;
    }
    .mainMenucvr ul {
        padding-top: 0;
    }
    .menuHead {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .seoForm ul li span.rdmr {
        margin-top: 10px;
    }
    section.mainMenucvr {
        top: 0;
        left: -100%;
    }
    section.mainMenucvr.active {
        top: 0;
        left: 0;
        opacity: 1;
    }
    .seoReportSec .seoReportSecCvr {
        margin-bottom: 30px !important;
    }
    .netstager-centralized {
        width: 100%;
        padding: 0;
    }
    .brand-imgdiv img {
        max-height: 90px;
        width: auto !important;
        max-width: 100%;
        filter: grayscale(0);
    }
    .testibox {
        position: relative;
        justify-content: center;
        flex-direction: column;
    }
    section.clients .owl-dots {
        position: absolute;
        right: 25px;
        bottom: -40px;
        width: 100%;
        text-align: center;
        left: 0;
    }
    .deskHide {
        display: block;
    }
    .portfolio-detail .heading {
        font-size: 35px;
        margin-top: 15px;
    }
    .col-lg-8.portfolioLeft {
        text-align: center;
        padding-bottom: 10px;
    }
    section.innerTopsec.portfolio-detail {
        margin-top: 70px;
    }
    .accordion-button.collapsed {
        width: 100%;
        float: left;
        margin-bottom: 5px;
        list-style: none;
    }
    .aboutus_Why-clients_Right {
        padding: 0 15px;
    }
    section.aboutus_Why-clients.faqabt .accordion-button {
        width: 100%;
        float: left;
        padding: 10px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .copyRight {
        display: block;
        align-items: center;
        justify-content: center;
    }
    .partners ul li:nth-child(5) img {
        max-width: 115px;
    }
    .close_mnu {
        background-image: url(../images/closeico.png);
        background-position: center;
        background-size: 30px;
    }
    .mt-5.mobspacHr {
        margin-bottom: 0;
        margin-top: 30px !important;
    }
    .row.msmbt0 {
        margin-bottom: 30px;
    }
    .col-lg12.text-center.pt-5.pb-5.pt0md {
        padding-bottom: 20px !important;
    }
    .footer-phone li {
        float: left;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .bannerLinkurl.devlpmt {
        padding: 30px 0 0;
    }
    .technologiCvr ul li {
        text-align: center;
        font-size: 14px;
        display: block;
        margin: 0 10px;
    }
    .technologiCvr ul li img {
        display: block;
        margin: 0 auto;
    }
    .technologiCvr ul {
        margin: 0 0 10px;
    }
    .technologiCvr {
        margin-top: 0;
    }
    .logIm img {
        width: 85px !important;
    }
    .palateCvr img {
        margin: 0 auto 15px;
    }
    .clrCode {
        bottom: 20px;
        font-size: 14px;
    }
    .opRwImg img {
        max-height: 100%;
    }
    .palateCvr {
        text-align: center !important;
    }

    






}
@media screen and (max-width: 479px) {
    .bannFrame {
        margin: 0 auto;
        max-width: 245px;
    }
    .strip01 {
        width: 44px;
        left: 52px;
    }
    .cloude1,
    .cloude2 {
        width: 56px;
    }
    .cloude1 {
        bottom: 47px;
    }
    .cloude2 {
        bottom: 13px;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    p {
        font-size: 16px;
        margin-bottom: 18px;
        line-height: 23px;
        color: #142033;
    }
    .prl200 {
        padding: 0 110px !important;
    }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
    .prl200 {
        padding: 0 60px !important;
    }
}
@media (min-width: 1920px) {
    .serMinHeight {
        min-height: 215px;
        position: relative;
    }
}
@media (max-width: 359px) {
    section.product > .container-fluid.prl150 .row {
        margin: 0;
    }
    .col-lg-5.productLeft {
        padding: 0;
    }
    section.product > .container-fluid.prl150 {
        padding: 0 !important;
    }
    
}

.btn-primary {
    color: #fff;
    background-color: #1474AB;
    border-color: #1474AB;
}
.btn-primary span{

    color: #fff;
}
.brndnamehding {
    font-size: 32px;
    font-family: "Neuzeit Grotesk bold";
    line-height: 37px;
}
.brndname {
    font-size: 64px;
    font-family: "Neuzeit Grotesk Regular";
    color: #1474AB;
    line-height: 64px;
    padding: 24px 0px 32px 0px;
}
p {
    font-size: 20px;
    line-height: 32px;
    font-family: "Neuzeit Grotesk Regular"
}
.brandcvr:before {
    content: "";
    background: url(../images/brand_asset_background_image.png);
    width: 216px;
    height: 191px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.brandcvr {
    background: #FFF3F0;
    padding: 48px 40px;
    position: relative;
    z-index: 99;
}
h5.typography {
    font-size: 40px;
    font-family: "Neuzeit Grotesk bold";
    margin-bottom: 16px;
}
.brndlogo:before {
    content: "";
    background: url(../images/brand_logo_background_image.png);
    width: 216px;
    height: 191px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
.brndlogo {
    background: #FFF7E0;
    padding: 48px 40px;
    position: relative;
    z-index: 99;
}
.brndlogohding {
    font-size: 32px;
    font-family: "Neuzeit Grotesk bold";
    line-height: 37px;
}
.rectangle {
    background-color: #094F74;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
section.Guidelines {
    margin-top: 75px;
}
.logo-image {
    background-color: #f5f5f5;
    margin: 0;
    text-align: center;
    width: 100%;
    height: 307px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
}
.bg-black {
    background-color: #1a1a1a;
   
}
section.Palette {
    margin: 75px 0px;
}
span.dos-icon {
    margin: 40px 0px 12px 0px;
    display: block;
    font-weight: bold;
}
span.donts-icon {
    margin: 40px 0px 12px 0px;
    display: block;
    font-weight: bold;
}
h6.prim-clr {
    font-weight: bold;
    margin: 0px 0px 16px 0px;
    font-size: 32px;
}
h6.sec-clr {
    font-weight: bold;
    margin: 40px 0px 16px 0px;
    font-size: 32px;
}
.colr-code-a1 {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0px;
}
.colr-code-a2 {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0px;
}
.colr-code-a3 {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0px;
}
.colr-code-b1 {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0px;
}
.colr-code-b2 {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0px;
}
.colr-code-b3 {
    font-size: 24px;
    font-weight: bold;
    margin: 8px 0px;
}
section.type-style {
    margin: 75px 0px;
}
.font-style {
    background-color: #D3EBF7;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px;
}
h3.font-lttr-1 {
    font-size: 120px;
    color: #094F74;
    margin-bottom: 0px;
    font-family: Blue Highway;
}
h3.font-lttr-2 {
    font-size: 120px;
    color: #094F74;
    margin-bottom: 0px;
    font-family: Neuzeit Grotesk;
}
.font-name {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
h2.font-nme {
    line-height: normal;
    font-weight: bold;
    font-size: 48px;
}
h5.clr-palet {
    font-size: 40px;
    font-family: "Neuzeit Grotesk bold";
    margin-bottom: 16px;
}
h5.brnd-lgo-gidelines {
    font-size: 40px;
    font-family: "Neuzeit Grotesk bold";
    margin-bottom: 16px;
}
.brndlogoimg {
    padding: 40px 0px 32px 0px;
}
.vrlogoimge {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 16px;
}
.hrlogoimge {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 16px;
}
.verticallogoimg {
    background-color: #E8F2F7;
    padding: 64px 150px;
    
}
.horizontallogoimg {
    background-color: #E8F2F7;
    padding: 64px 150px;
    
}
.logo-image-do {
    margin-bottom: 24px;
}
.logo-image-dont {
    margin-bottom: 24px;
}
.rect-clr-1 {
    background-color: #047BC1;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.rect-clr-2 {
    background-color: #00547b;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.rect-clr-3 {
    background-color: #333132;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.rect-clr-4 {
    background-color: #E3EFEF;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.rect-clr-5 {
    background-color: #F2F5D5;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.rect-clr-6 {
    background-color: #E0DEF0;
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    
}
.cmyk {
    color: #58595B;
    display: flex;
}
.cmyktext {
    width: 40%;
    color: #58595B;
}
h6.lgo_typ-fce {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 16px;
}
h6.sec_typ-fce {
    font-size: 32px;
    font-weight: bold;
    margin-bottom: 16px;
}
.cmykcode {
    font-weight: bold;
}
h6.fnt-wght {
    font-size: 30px;
    font-family: Blue Highway;
}
span.dont-icn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 9px;
}
span.dont-icn img {
    margin-right: 7px;
}
span.do-icn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 9px;
}
span.do-icn img {
    margin-right: 7px;
}



@media screen and (max-width: 767px) {
    .gdfirms {
    display: block;
    float: none;
    position: inherit;
    padding-bottom: 10px;
    right: inherit;
}
.copyRight {
    text-align: center;
}
.gdfirms img {
    width: 42%;
}

    .trustpilot-widget {
        margin-right: 0;
        display: block;
        width: auto;
        margin-top: 0;
        float: none;
        background-position: center !important;
    }

    /* bibin new media */

    .brndname {
        font-size: 34px;
        line-height: 56px;
        padding: 10px 0px 10px 0px;
    }
    .brandcvr {
        
        margin-bottom: 20px;
    }
    .rectangle {
      
        height: 160px;
       
    }
    h5.brnd-lgo-gidelines {
        text-align: center;
        line-height: normal;
        font-size: 32px;
        margin-bottom: 16px;
    }
    span.dos-icon {
        text-align: center;
        margin: 0px 0px 16px 0px;
    }
    .logo-image {
        margin-bottom: 24px;
    }
    span.donts-icon {
        text-align: center;
        margin: 16px 0px 16px 0px;
    }
    h5.clr-palet {
        text-align: center;
        font-size: 32px;
        margin: 0px 0px 0px 0px;
    }
    h6.prim-clr {
        text-align: center;
        font-size: 24px;
    }
    h6.sec-clr {
        text-align: center;
        font-size: 24px;
        margin: 8px 0px 16px 0px;
    }
    h5.typography {
        text-align: center;
        margin-bottom: 16px;
    }
    .brandcvr .btn span,.brndlogo .btn span {
        font-size: 16px;
    }
    .colr-code-a1 {
        font-size: 22px;
    }
    .colr-code-b1 {
        font-size: 22px;
    }
    section.Guidelines {
        margin: 40px 0px;
    }
    section.Guidelines {
        margin: 40px 0px 30px 0px;
    }
    section.Palette {
        margin: 30px 0px 30px 0px;
    }
    section.type-style {
        margin: 30px 0px 30px 0px;
    }
    h2.font-nme {
        font-size: 32px;
        margin: 24px 0px 0px 0px;
        text-align: center;
    }
    .verticallogoimg {
        background-color: #E8F2F7;
        padding: 32px 56px;
    }
    .horizontallogoimg {
        background-color: #E8F2F7;
        padding: 32px 56px;
        margin-bottom: 40px;
    }
    .vrlogoimge {
        font-size: 24px;
        text-align: center;
        margin: 0px 0px 16px 0px;
    }
    .hrlogoimge {
        font-size: 24px;
        text-align: center;
        margin: 24px 0px 16px 0px;
    }
    .do-icn-contnt {
        margin-bottom: 16px;
    }
    .dont-icn-contnt {
        margin-bottom: 16px;
    }
    .rect-clr-1 {
        height: 150px;
    }
    .rect-clr-2 {
        height: 150px;
    }
    .rect-clr-3 {
        height: 150px;
    }
    .rect-clr-4 {
        height: 150px;
    }
    .rect-clr-5 {
        height: 150px;
    }
    .rect-clr-6 {
        height: 150px;
    }
    .cmyktext {
        font-size: 16px;
    }
    .cmykcode {
        font-size: 16px;
    }
    .fnt-name {
        text-align: center;
    }
    h6.lgo_typ-fce {
        font-size: 24px;
        text-align: center;
    }
    h6.sec_typ-fce {
        font-size: 24px;
        text-align: center;
    }
    .clr-cvr {
        margin-bottom: 24px;
    }
    .txt-cntr {
        justify-content: center;
    }
    h6.fnt-wght {
        font-size: 20px;
        font-family: Blue Highway;
    }
    .col-lg-8.d-flex.align-items-center.txt-cntr {
        margin-bottom: 24px;
    }
    span.do-icn img {
        margin-top: 4px;
    }
    span.do-icn {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 4px;
        line-height: 30px;
    }
    span.dont-icn img {
        margin-top: 4px;
    }
    span.dont-icn {
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        margin-bottom: 4px;
        line-height: 30px;
    }
    .brndlogoimg {
        padding: 16px 0px 16px 0px;
    }

    /* end */
    .supports {
    margin-left: 0px;
    margin-right: 6px;
    margin-top: 6px;
}
.footer-phone {
     align-items: center;
    justify-content: center;
    }
    .footer-phone li{ justify-content: center;}
}