*,

*::after,

*::before,

input[type="search"] {

    outline: medium none !important;

}

h1.dr-ex.dr-extop3 {
    margin-top: 50px;
    width: 100%;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    font-family: 'Metropolis Bold';     
}

.atreus-message>h3,

.banner h2 {

    text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);

}
span.gradient_st {
    background-repeat: no-repeat;
    background-image: url(https://frslabs.com/frslabs_bg_large1.png);
    display: inline;
    background-size: 100% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #12c2e9;
    /* background-image: linear-gradient(to right, #f64f59, #c471ed, #12c2e9);
    background: -webkit-linear-gradient(to right, #f64f59, #c471ed, #12c2e9); */
}


@font-face {

    font-family: 'bebas_neue_regular';

    src: url("../fonts/bebas/bebasneue_regular-webfont.eot");

    src: url("../fonts/bebas/bebasneue_regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebas/bebasneue_regular-webfont.woff2") format("woff2"), url("../fonts/bebas/bebasneue_regular-webfont.woff") format("woff"), url("../fonts/bebas/bebasneue_regular-webfont.ttf") format("truetype"), url("../fonts/bebas/bebasneue_regular-webfont.svg#bebas_neue_regularregular") format("svg");

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family: 'bebas_neuebook';

    src: url("../fonts/bebasneue/bebasneue_book-webfont.eot");

    src: url("../fonts/bebasneue/bebasneue_book-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/bebasneue/bebasneue_book-webfont.woff2") format("woff2"), url("../fonts/bebasneue/bebasneue_book-webfont.woff") format("woff"), url("../fonts/bebasneue/bebasneue_book-webfont.ttf") format("truetype"), url("../fonts/bebasneue/bebasneue_book-webfont.svg#bebas_neuebook") format("svg");

    font-weight: normal;

    font-style: normal;

}





/* @font-face {

    font-family: "SegoeUI-Light";

    font-style: normal;

    font-weight: 400;

    src: url("../fonts/SegoeUI-Light.woff") format("woff"), url("../fonts/SegoeUI-Light.ttf") format("truetype"), url("../fonts/SegoeUI-Light.svg#SegoeUI-Light") format("svg");

}

@font-face {

    font-family: "segoeuil";

    font-style: normal;

    font-weight: 400;

    src: url("../fonts/segoeuil.woff2") format("woff2"), url("../fonts/segoeuil.eot?#iefix") format("embedded-opentype");

} */



.aldus_logo {

    margin-top: -29% !important;

    position: relative;

	width: 150px;

}



body,

html {

    height: 100%;

    width: 100%;

}





.topnav {

    font-size: 14px;

}



.form-control,

output {

    display: block;

    font-size: 16px !important;

    font-weight: 100 !important;

    line-height: 1.42857;

}



.phAnimate {

    position: relative;

margin-bottom: 3%;

border-radius: 2px;

}



.phAnimate input {

    padding-left: 15px;

}

#mail_status {

    background: #3c9adc none repeat scroll 0 0;

    border-radius: 5px;

    color: #fff;

    padding: 10px;

    text-align: center;

    text-transform: uppercase;

margin-top: 15%;

}



.error_active {

    border: 1px solid red!important

}





#contact input[type="text"],

#contact input[type="email"],

#contact input[type="tel"],

#contact input[type="url"],

#contact textarea,

#contact button[type="submit"] {

    font-size: 16px;

    font-weight: 100

}



#contact {

    padding: 50px;

	width:800px;

	margin:0 auto;

}



#contact h3 {

    color: #F96;

    display: block;

    font-size: 30px;

    font-weight: 400

}



#contact h4 {

    margin: 5px 0 15px;

    display: block;

    font-size: 13px

}



.form-group {

    border: medium none!important;

    margin: 0 0 10px;

    min-width: 100%;

    padding: 0;

    width: 100%

}



#contact input[type="text"],

#contact input[type="email"],

#contact input[type="tel"],

#contact input[type="url"],

#contact textarea {

    background: #fff none repeat scroll 0 0;

    box-shadow: none;

    border: 1px solid #f1f1f1;

    border-radius: 5px;

    height: 50px;

    margin: 0 0 28px;

    padding: 10px;

    width: 100%

}



#contact input[type="text"]:hover,

#contact input[type="email"]:hover,

#contact input[type="tel"]:hover,

#contact input[type="url"]:hover,

#contact textarea:hover {

    -webkit-transition: border-color .3s ease-in-out;

    -moz-transition: border-color .3s ease-in-out;

    transition: border-color .3s ease-in-out;

    border: 1px solid #AAA

}



#contact textarea {

    height: 100px;

    max-width: 100%;

    resize: none

}





::-webkit-input-placeholder {

    color: #888

}



:-moz-placeholder {

    color: #888

}



::-moz-placeholder {

    color: #888

}



:-ms-input-placeholder {

    color: #888

}



.lead {

    font-size: 18px;

    font-weight: 400;

}



.linkHeader {

    color: #333;

    font-family: "bebas_neue_regular", Verdana, Arial, sans-serif;

    font-size: 20px;

    font-weight: 400;

    letter-spacing: 1px;

    line-height: 1.66667;

    margin: 0;

}



.linkHeader>h2 {

    margin-top: 0;

}



.atreus-header {

    /* background: rgba(0, 0, 0, 0) url("images/intro-bg.jpg") no-repeat scroll center center / cover;

    color: #f8f8f8;

    padding-bottom: 50px;

    padding-top: 50px;

    text-align: center; */

    background: rgba(0, 0, 0, 0) url(images/text-recognition-ocr.jpg) no-repeat scroll;

    color: #f8f8f8;

    padding-bottom: 110px;

    padding-top: 50px;

    text-align: center;

    background-size: cover;
    height: 90vh;

}



.def.icon1 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 3% 1%;

    height: 50px;

    width: 50px;

}



.errorMsg {

    background-color: #dff0d8;

    border: 1px solid #c8e9ba;

    border-radius: 3px;

    color: #89b975;

   

    font-size: 12px;

    height: 26px;

    margin-top: 15px;

    padding: 4px;

    position: absolute;

    text-align: center;

}
section.main-section-mobile {
    margin-bottom: 50px;
}
.dr-ex {
    /* margin-top: 50px; */
    width: 100%;
    font-weight: 700;
    font-size: 34px;
    line-height: 120%;
    font-family: 'Metropolis Bold';
    text-align: left;
    color: #333 !important;   
    margin-bottom: .5rem; padding: 0;
}
.dr-ex1 {
    /* margin-top: 50px; */
    width: 100%;
    font-weight: 700;
    font-size: 36px;
    line-height: 120%;
    font-family: 'Metropolis Bold';
    text-align: left;
    color: #333 !important;     margin-top: 18%;
}
.dr-ex2 {
    /* margin-top: 50px; */
    width: 100%;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    font-family: 'Metropolis Bold' !important;
    text-align: left;
    color: #333 !important;    
    font-weight: 500 !important;
    margin-top: 0 !important;
    margin-bottom: .5rem !important;
}

.cphoto {
      margin-top: 13%;
}
.cphotocs {
    margin-top: 5%;
}
.cphotos {
    margin-top: 16%;
}
.edr {
    padding: 35px 0 35px;
    font-weight: 300;
    font-size: 18px !important;
    float: left;
    text-align: left !important;
    padding-left: 0px !important;
    width: 100%;
    line-height: 150% !important;
    margin-bottom: 0px !important;
    margin-top:  0px !important;
    margin-bottom:  0px !important;
}


.atreus-message>h1,

.atreuspanel_1-message>h1,

.atreuspanel_1-message>h2 {

   

    font-weight: 400 !important;

}
.header-title {
    font-size: 64px !important;
    margin: 0 auto !important;
    color: #0f0f0f !important;
    font-weight: 700 !important;
    text-align: center;
    width: 85%;
    line-height: 72px;
    font-family: 'Metropolis Bold';
}


.def.icon2,

.def.icon3,

.def.icon4,

.def.icon5,

.def.icon6,

.def.icon7,

.def.icon8,

.def.icon9,

.def.icon10,

.def.icon11,

.def.icon12,

.def.icon13,

 .def.icon14 {

    height: 50px;

    width: 50px;

}



.atreus-message,

.atreuspanel_1-message,

.atreuspanel_2-message,

.atreuspanel_3 .img-responsive,

.atreuspanel_3-message,

.atreuspanel_4-message,

.atreuspanel_5-message,

.atreuspanel_6-message,

.atreuspanel_7-message,

.atreuspanel_8-message,

.atreuspanel_9-message,

.list-group-item,

.mobilee,

.mobilee1,

.pageNav,

.pageNav li .footerLinks {

    position: relative;

}



.def.icon2 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 5% 16%;

}



.def.icon3 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 83% 18%;

}



.def.icon4 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 3% 47%;

}



.def.icon5 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 87% 1%;

}



.def.icon6 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 88% 78%;

}



.def.icon7 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 88% 32%;

}



.def.icon8 {

    background: rgba(0, 0, 0, 0) url(images/spirt-video-KYC.png) repeat scroll 88% 48%;

}



.def.icon9 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 3% 32%;

}



.def.icon10 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 3% 94%;

}



.def.icon11 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 3% 78%;

}



.def.icon12 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 3% 63%;

}



.def.icon13 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 82% 64%;

}

.def.icon14 {

    background: rgba(0, 0, 0, 0) url("images/spirt-video-KYC.png") repeat scroll 82% 94%;

}

.error {

    display: none;

}

.atreus-message {


    padding-top: 5%;

}



.atreus-message>h1 {

    color: #000;
    font-size: 4em;
    margin: 0 0 35px;
    width: 100%;
    margin: 0 auto;
    font-weight: 300 !important;
    

}



.atreus-divider {

    border-bottom: 1px solid rgba(0, 0, 0, 0.2);

    border-top: 1px solid #f8f8f8;

    width: 400px;

}



.atreuspanel_1 {

    color: #f6f9fc;

    text-align: center;

}

.arrow::after, .arrow-right::after {
    content: '›';
    pointer-events: none;
    /* display: inline-block; */
    transition: transform 150ms cubic-bezier(0.4, 0, 0.6, 1);
    font-size: 30px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    margin-right: 50px;
}
a#button_open {
    font-size: 17px;
    font-weight: 600 !important;
    color:#333;
}
a#button_open:hover {
    font-size: 17px;
    font-weight: 600 !important;
    color:#ff5a5f;
}
.atreuspanel_1-message>h1 {

    color: #000;
    font-size: 3.8em;
    margin: 0 0 15px;
    font-weight: 700 !important;
    

}

.col-md-4.reveal.show {
    margin-bottom: 3rem!important;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
p.pargrap-feature {
    width: 90%;
    margin-left: 0px !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 15px !important;
    color: #333 !important;
    font-weight: 400 !important;
    padding: 0px !important;
}
body, h6 {
    font-size: 1rem;
}
.image-feature {
    width: 18% !important;
    margin-left: 0px;
    vertical-align: middle;
    display: inherit;
    margin-bottom: 1rem;
}
.heading--18 {
    font-size: 1.2rem;
    font-family: 'Inter', sans-serif;
    font-weight: 700 !important;
    width: 100%;
    margin-top: 1.25rem;
    text-align: left !important;
    color: #333 !important;
}
.atreuspanel_1-message>h2 {

    color: rgba(101, 101, 101, 0.65);
    font-size: 2.5em;
    margin: 0 0 10px;
    

}



.atreuspanel_1 p {
    width: 100% ;
    margin: 0 auto;
    text-align: center;
    color: #333 !important;
    font-size: 18px;
    line-height: 2.25rem;
    letter-spacing: -.03062rem;
    margin-top: .5rem;
    padding-bottom:3rem;
    font-weight: 400;
    font-family: 'Inter', sans-serif;
}

.atreuspanel_1 p span {
    color: #ae173a;
}


.content-width-base {
    max-width: 250px !important;
    margin: 0 auto;
}

.position-relative {
    position: relative !important;
}


.frame {
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.frame-phone {
    max-width: 330px;
}


.frame-chrome {
    overflow: hidden;
    position: relative;
    width: 100%;
    background-color: white;
    box-shadow: 0 2px 10px rgba(0,0,0,0.16);
}

.frame-phone .frame-chrome {
    height: 0;
    padding-bottom: 207.3286052009%;
    border-top-left-radius: 11.8203309693% 5.7012542759%;
    border-top-right-radius: 11.8203309693% 5.7012542759%;
    border-bottom-right-radius: 11.8203309693% 5.7012542759%;
    border-bottom-left-radius: 11.8203309693% 5.7012542759%;
}

.frame-ui {
    position: absolute;
    border-radius: 50%;
    background-color: #eceef1;
}

.frame-phone .frame-camera {
    width: 2.3640661939%;
    height: 1.1402508552%;
    left: 50%;
    top: 5.9863169897%;
    transform: translate(-500%, -50%);
}

.frame-phone .frame-speaker {
    width: 14.1843971631%;
    height: 1.1402508552%;
    left: 50%;
    top: 5.9863169897%;
    border-radius: 8.3333333333% / 50%;
    transform: translate(-50%, -50%);
}

.frame-phone .frame-home {
    width: 16.0756501182%;
    height: 7.7537058153%;
    left: 50%;
    bottom: 5.9863169897%;
    transform: translate(-50%, 50%);
}
.frame-image {
    overflow: hidden;
    background-color: #fff;
}
.frame-phone .frame-image {
    position: absolute;
    top: 11.9726339795%;
    right: 5.6737588652%;
    bottom: 11.9726339795%;
    left: 5.6737588652%;
}

.frame-image::after {
    content: ' ';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-shadow: inset 0 0 4px rgba(0,0,0,0.16);
    pointer-events: none;
}






.atreuspanel_2-message>h1,

.atreuspanel_2-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_1 p span {

    color: rgb(174,10,56);

}



.m_top {

    padding-top: 25px;

}



.atreuspanel_2 p,

.atreuspanel_3 p,

.atreuspanel_4 p,

.atreuspanel_5 p {

    line-height: 1.3;

    padding: 10px;

}



.atreuspanel_2 {

    color: #f6f9fc;

    text-align: center;

}



.mobilee {

    left: 126px;

}



.mobilee1 {

    margin-top: -235px;

    right: 83px;

}



.atreuspanel_2-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}
.feature p {
    font-weight: 400;
    color: rgba(101, 101, 101, .65);
    height: auto !important;
}


.atreuspanel_2-message>h2 {

    color: #ddd;
    font-size: 3.5em;
    margin: 0 0 50px;

}



.atreuspanel_2 p {
    color: #525f7f;
    font-size: 29px;
    font-weight: 200;
    line-height: 1.3;
    margin-left: 48px;
    padding: 10px;
    text-align: left;
    margin-top: 22%;

}



.atreuspanel_3-message>h1,

.atreuspanel_3-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_2 p span {

    color: rgb(174,10,56);

}



.atreuspanel_3 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_3-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}



.atreuspanel_3-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_3 p {

    color: #525f7f;
    font-size: 29px;
    font-weight: 200;
    line-height: 1.3;
    margin-left: 48px;
    padding: 10px;
    text-align: left;
    margin-top: 9%;

}



.atreuspanel_4-message>h1,

.atreuspanel_4-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_3 .img-responsive {

    margin: 0 auto;

    max-width: 100%;

}



.atreuspanel_3 p span {

    color: rgb(174,10,56);

}



.atreuspanel_4 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_4-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}



.atreuspanel_4-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_4 p {

    color: #525f7f;
    font-size: 29px;
    font-weight: 200;
    line-height: 1.3;
    padding: 10px;
    text-align: left;
    margin-top: 15%;

}
img.wow.fadeIn.img-responsive.animated.animated {
    width: 80%;
    margin-top: 20%;
}


.atreuspanel_5-message>h1,

.atreuspanel_5-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_4 p span {

    color: rgb(174,10,56);

}



.counter.wow.bounceInUp.animated.img-responsive.animated {

    margin-left: 49%;

    width: 210px;

}



.counter.wow.bounceInDown.animated.img-responsive.animated {

    margin-left: 8%;

    margin-top: -79%;

    position: relative;

    width: 210px;

}



.atreuspanel_5 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_5-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}



.atreuspanel_5-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_5 p {

    color: #525f7f;
    font-size: 1.8rem;
    font-weight: 200;
    line-height: 1.3;
    margin-left: 48px;
    padding: 10px;
    text-align: left;
    margin-top: 7%;

}



.atreuspanel_5 p span {

    color: rgb(174,10,56);

}



.panel_5_box {

    background: #f2f2f2 none repeat scroll 0 0;

    border-radius: 16px;

    color: #525f7f;

    font-size: 24px;

    font-weight: 100;

    height: 100%;

    margin-bottom: 43px;

    padding: 14px;

}



.box1 {

    padding: 29px;

}



.atreuspanel_6-message>h1,

.atreuspanel_6-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_6 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_6-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}



.atreuspanel_6-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_6 p {
    color: #525f7f;
    font-size: 1.8rem;
    font-weight: 200;
    line-height: 1.3;
    margin-left: 48px;
    padding: 10px;
    text-align: left;
    margin-top: 10%;

}



.atreuspanel_7-message>h1,

.atreuspanel_7-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_6 p span {

    color: rgb(174,10,56);

}



.id_card {

    padding: 35px;

}



.atreuspanel_7 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_7-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}



.atreuspanel_7-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_7 p {

    color: #525f7f;

    font-size: 30px;

    font-weight: 100;

    line-height: 1.3;

    margin-left: 78px;

    margin-top: 23px;

    padding: 10px;

    text-align: left;

}



.atreuspanel_8-message>h1,

.atreuspanel_8-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_7 p span {

    color: rgb(174,10,56);

}



.build {

    margin-top: 22%;

}



.atreuspanel_8 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_8-message>h1 {

    color: rgb(174,10,56);

    font-size: 4em;

    margin: 0 0 15px;

}



.atreuspanel_8-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_8 p {

    color: #525f7f;

    font-size: 30px;

    font-weight: 100;

    line-height: 1.3;

    margin-left: 78px;

    margin-top: 23px;

    padding: 10px;

    text-align: left;

}



.atreuspanel_8 p span {

    color: rgb(174,10,56);

}



.list-group-item>span {

    margin-left: 13px;

    vertical-align: sub;

}



.list-group-item {

    border: medium none !important;

    color: #333;

    display: block;

    font-size: 1.6em !important;

    font-weight: 100;

    margin-bottom: 30px;

    text-align: left;

}



.atreuspanel_9-message>h1,

.atreuspanel_9-message>h2 {

   

    font-weight: 100 !important;

}



.atreuspanel_9 {

    color: #f8f8f8;

    text-align: center;

}



.atreuspanel_9-message {

    text-align: center;

}



.atreuspanel_9-message>h1 {

    color: rgb(174,10,56);

    font-size: 4.8em;

    margin: 0 0 15px;

}



.atreuspanel_9-message>h2 {

    color: rgb(81,81,81);

    font-size: 3.5em;

    margin: 0 0 50px;

}



.atreuspanel_9 p,

.deli {

    color: #525f7f;

    font-size: 23px;

    font-weight: 100;

    line-height: 1.3;

    padding: 10px;

}



.atreuspanel_9 p {

    float: right;

    text-align: center;

    width: 250px;

}



.deli {

    float: left !important;

    margin-left: 39px;

    text-align: left !important;

    width: 250px !important;

}



.frs_contact,

.pad,

.pad1 {

    padding: 120px 0 60px 0;
    background: #fff;

}



b,

strong {

    font-size: 50px;

    font-weight: 400;

}



.atreuspanelclock-wrapper.enhanced {

    float: left;

}



.pad {

    background: #f6f9fc none repeat scroll 0 0;

}



input[type="text"],

input[type="number"],

input[type="password"],

input[type="email"],

input[type="company"],

input[type="tel"],

textarea {

    background: #ffffff none repeat scroll 0 0;

    border: 1px solid #ccc;

    display: block;

   

    font-size: 18px;

    font-weight: 300;

    line-height: 1.6;

    outline: medium none;

    padding: 12px 30px 17px 20px;

    transition: border-color 0.5s ease 0s;

    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);

    width: 100%;

    font-weight: 100;

}



input[type="text"]:hover,

input[type="number"]:hover,

input[type="password"]:hover,

input[type="email"]:hover,

input[type="tel"]:hover,

input[type="company"]:hover,

textarea[type="message"]:hover {

    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.08);

    border: 1px solid #00a2c5;

}






.has-error .form-control {

    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;

}



.col-md-6.col-md-offset-2.field.errorMsg {

    text-align: center;

    width: 64%;

}



.col-lg-6.cods,

.col-lg-6.cods1 {

    text-align: center !important;

}



#signup_form label {

    display: none !important;

}



#signup_form label span {

    color: red;

}



#signup_form .error {

    border: 1px solid red;

    box-shadow: 0 0 2px 1px #e2494c inset !important;

    margin: 0;

    padding: 12px 30px 17px 20px;

}



h3 {

    color: rgb(174,10,56);

   

    font-size: 4.8em;

    font-weight: 100 !important;

    margin: 0 0 5%;

}



.col-lg-6.cods {

    border-right: 1px solid #ccc;

}



.frs_contact p {

    color: #606369;

    margin-bottom: 3%;

}





.submit {

    float: right;

    margin-left: 11px;

    margin-top: 10px;

    padding: 20px;

    width: 100%;

}



.frs_contact .line span {

    background: #ccc none repeat scroll 0 0;

    display: inline-table;

    height: 2px;

    text-align: center;

    width: 170px;

}



.field {

    margin-bottom: 22px;

}



.img-responsive.mob {

    float: left;

    margin-left: 35px;

    width: 220px;

}



.col-lg-3.cods {

    border-right: 1px solid #ccc;

}



.img-responsive.mob1 {

    float: right;

    margin-right: 35px;

    width: 220px;

}



@media (min-width: 370px) and (max-width: 480px) {

    .atreus-header {

        background-size: cover;

     

}

.footer {

    height: auto !important;

}

.atreus-message {

padding-top: 4%;

}

.aldus_logo {

margin-top: -19% !important;

position: relative;

width: 120px;    

}

.atreus-message>h1 {

font-size: 2em;

margin-top: 90px;

}

    .fotopod-img {

        width: 280px !important;

        margin-left: 0% !important;

    }

    #newsletter-container form {

        float: left !important;

        margin-top: 10px;

    }

    .frs_build2new1 {

        padding: 40px 0 0

    }

    .logo.img-resposive>img {

        width: 150px;

        margin-top: -121%

    }

    .prism_round {

        background: #fff none repeat scroll 0 0;

        border: 2px solid #269fa9;

        border-radius: 50%;

        height: 100px;

        margin-right: 14px!important;

        width: 100px

    }

    .products_subtitle1 {

        font-size: 11px;

        position: relative;

        top: 31px

    }

    .products_subtitle {

        width: 294px!important

    }

    #mc_embed_signup div.response {

        margin: 1em 0;

        font-weight: bold;

        float: left;

        top: 8em !important;

        z-index: 1;

        width: 45% !important;

        position: absolute;

        font-size: 12px;

        left: 0 !important;

        width: 300px !important;

    }

    #mc_embed_signup .mc-field-group input {

        background: #fff;

        height: 46px;

        width: 300px !important;

        vertical-align: top;

        margin-right: 5px;

        border-radius: 4px;

        border: 1px solid #96cada;

        line-height: 20px;

        padding: 5px 10px 5px 20px;

        color: #000;

       

        font-weight: 100 !important;

        font-size: 16px;

        font-weight: 100 !important;

    }

    .btn-custom-3 {

        color: #fff !important;

        background-color: #269fa9 !important;

        width: auto !important;

        float: left !important;

        padding: 12px 20px !important;

        position: relative !important;

        margin-top: 15px !important;

        width: 53% !important;

        margin-left: 0px !important;

        top: 47px;

    }

    #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {

        display: inline-block;

        margin: 0px 0 1em 0;

        padding: 5px 10px;

        background-color: #e1e1e1;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        border-radius: 3px;

        font-size: 10px;

        font-weight: normal;

        z-index: 1;

        color: #e85c41;

        position: absolute;

        top: -20px;

        position: absolute;

        left: 0 !important;

    }

    #mc_embed_signup input {

        padding: 12px 20px;

        font-size: 17px;

        line-height: 20px;

        font-family: "bebas_neue_regular", Verdana, Arial, sans-serif;

        letter-spacing: 0px !important;

    }

    #newsletter-container {

        padding: 50px 0 80px !important;

    }

    #newsletter-container h3 {

        font-size: 19px !important;

        line-height: 34px;

        color: #345f77;

        text-transform: uppercase;

        margin: 0;

        float: left;

    }

    #mc_embed_signup .mc-field-group {

        width: 300px !important;

    }

}



@media (min-width: 360px) and (max-width: 369px) {

    .copyRight {

        font-size: 12px;

        top: 0 !important;

        color: #fff;

    }

    .footer {

        height: auto !important;

    }

    .atreus-header {

        background-size: cover;

}

.atreus-message {

padding-top: 4%;

}

.aldus_logo {

margin-top: -19% !important;

position: relative;

width: 120px;    

}

.atreus-message>h1 {

font-size: 2em;

width: 100%;

margin-top: 33px;

}

    .fotopod-img {

        width: 280px !important;

        margin-left: 0% !important;

    }

    #newsletter-container form {

        float: left !important;

        margin-top: 10px;

    }

    .frs_build2new1 {

        padding: 40px 0 0

    }

    .logo.img-resposive>img {

        width: 150px;

        margin-top: -121%

    }

    .prism_round {

        background: #fff none repeat scroll 0 0;

        border: 2px solid #269fa9;

        border-radius: 50%;

        height: 100px;

        margin-right: 14px!important;

        width: 100px

    }

    .products_subtitle1 {

        font-size: 11px;

        position: relative;

        top: 31px

    }

    .products_subtitle {

        width: 294px!important

    }

    #mc_embed_signup div.response {

        margin: 1em 0;

        font-weight: bold;

        float: left;

        top: 8em !important;

        z-index: 1;

        width: 45% !important;

        position: absolute;

        font-size: 12px;

        left: 0 !important;

        width: 300px !important;

    }

    #mc_embed_signup .mc-field-group input {

        background: #fff;

        height: 46px;

        width: 300px !important;

        vertical-align: top;

        margin-right: 5px;

        border-radius: 4px;

        border: 1px solid #96cada;

        line-height: 20px;

        padding: 5px 10px 5px 20px;

        color: #000;

       

        font-weight: 100 !important;

        font-size: 16px;

        font-weight: 100 !important;

    }

    .btn-custom-3 {

        color: #fff !important;

        background-color: #269fa9 !important;

        width: auto !important;

        float: left !important;

        padding: 12px 20px !important;

        position: relative !important;

        margin-top: 15px !important;

        width: 53% !important;

        margin-left: 0px !important;

        top: 47px;

    }

    #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {

        display: inline-block;

        margin: 0px 0 1em 0;

        padding: 5px 10px;

        background-color: #e1e1e1;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        border-radius: 3px;

        font-size: 10px;

        font-weight: normal;

        z-index: 1;

        color: #e85c41;

        position: absolute;

        top: -20px;

        position: absolute;

        left: 0 !important;

    }

    #mc_embed_signup input {

        padding: 12px 20px;

        font-size: 17px;

        line-height: 20px;

        font-family: "bebas_neue_regular", Verdana, Arial, sans-serif;

        letter-spacing: 0px !important;

    }

    #newsletter-container {

        padding: 50px 0 80px !important;

    }

    #newsletter-container h3 {

        font-size: 19px !important;

        line-height: 34px;

        color: #345f77;

        text-transform: uppercase;

        margin: 0;

        float: left;

    }



    #mc_embed_signup .mc-field-group {

        width: 300px !important;

    }

}

@media (min-width: 320px) and (max-width: 1024px) {

    #mail_status {

       

        margin-top: 34%;

    }

    .copyRight {

        font-size: 12px;

        top: 0 !important;

        color: #fff;

    }

    .mobilee1,

    .mobilee {

        display: none;

    }

}



@media (min-width: 1025px) and (max-width: 2500px) {

    .mobileenew {

        display: none;

    }

}



@media (min-width: 320px) and (max-width: 1199px) {

    .socialIcon {

        height: 35px !important;

        width: 35px !important;

    }

    .box1 {

        padding: 12px;

    }

    .atreuspanel_1-message>h1,

    .atreuspanel_2-message>h1,

    .atreuspanel_3-message>h1,

    .atreuspanel_4-message>h1,

    .atreuspanel_5-message>h1,

    .atreuspanel_6-message>h1,

    .atreuspanel_7-message>h1,

    .atreuspanel_8-message>h1,

    .atreuspanel_9-message>h1 {

        margin-left: 0;

        width: 100% !important;

    }

    .col-lg-6.cods>p {

        text-align: center !important;

    }

    .col-lg-6.cods1>p {

        text-align: center !important;

    }

    .deli {

        width: 100% !important;

    }

    .atreuspanel_1 p,

    .atreuspanel_2 p,

    .atreuspanel_3 p,

    .atreuspanel_4 p,

    .atreuspanel_5 p,

    .atreuspanel_6 p,

    .atreuspanel_7 p,

    .atreuspanel_8 p,

    .atreuspanel_9 p {

        margin-left: 0;

        text-align: justify;

        width: 100%;

    }

}



@media (max-width: 767px) {
    .atreus-message>h1 {
        font-size: 1.5em !important;
        margin-top: 0px !important;
    }
    .btn-start {
        width: 200px !important;
        position: absolute;
        margin-left: 20% !important;
    }
    .btn-outline-start {      
        margin-top: 20% !important;
        width: 200px !important;
        font-weight: 600 !important;
        margin-left: 21.6% !important;
    }
    .pad,

    .pad1 {

        background: #fff none repeat scroll 0 0;

        padding: 60px 0;

    }

    .pageNav {

        margin-bottom: 0 !important;

        padding-left: 50px !important;

        padding-top: 0 !important;

        position: relative;

        text-align: left;

    }

    .atreus-message {

        padding-bottom: 0%;

    }

    .atreus-message>h1 {

        font-size: 3em;

    }

    ul.atreus-social-buttons>li {

        display: block;

        margin-bottom: 20px;

        padding: 0;

    }

    ul.atreus-social-buttons>li:last-child {

        margin-bottom: 0;

    }

    .atreus-divider {

        width: 100%;

    }

}



.copyRight,

.pageNav,

p.copyright {

    text-align: center;

}



.network-name {

    font-size: 14px;

    font-weight: 400;

    letter-spacing: 2px;

    text-transform: uppercase;

}



.content-section-a {

    background-color: #f8f8f8;

    padding: 50px 0;

}



.content-section-b {

    border-bottom: 1px solid #e7e7e7;

    border-top: 1px solid #e7e7e7;

    padding: 50px 0;

}



.section-heading {

    margin-bottom: 30px;

}



.section-heading-spacer {

    border-top: 3px solid #e7e7e7;

    float: left;

    width: 200px;

}



#websiteMapContainer,

.footer {

    background-color: #269fa9;

    width: 100%;

}



.banner h2 {

    font-size: 3em;

    margin: 0;

}



.banner ul {

    margin-bottom: 0;

}



.banner-social-buttons {

    float: right;

    margin-top: 0;

}



@media (max-width: 1199px) {

    ul.banner-social-buttons {

        float: left;

        margin-top: 15px;

    }

}



@media (max-width: 767px) {

    .linkHeader {

        font-size: 14px;

        letter-spacing: 2px;

        margin-bottom: 35px !important;

        margin-left: 9px !important;

    }

    .col-lg-3.cods {

        border-right: medium none !important;

    }

    .banner h2 {

        font-size: 3em;

        margin: 0;

        text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.6);

    }

    ul.banner-social-buttons>li {

        display: block;

        margin-bottom: 20px;

        padding: 0;

    }

    ul.banner-social-buttons>li:last-child {

        margin-bottom: 0;

    }

}



.footer {

    bottom: 0;

    

}



p.copyright {

    font-size: 1.5em;

    margin: 0;

}



#websiteMapContainer {

    margin: 0 auto;

        padding-top: 10%;

    padding-bottom: 0%;

}



.pageNav {

    margin-bottom: 50px;

    padding-left: 0;

    padding-top: 30px;

}



.pageNav li #productsLinks a:hover,

.pageNav li .footerLinks:hover {

    color: #ae394c;

}



.pageNav li .footerLinks {

    color: #fff;

   

    font-size: 16px;

    font-weight: 300;

    letter-spacing: 1px;

    position: relative;

    text-decoration: none;

}



.socialIcon {

    background: rgba(0, 0, 0, 0) url("img/social-icon.png") no-repeat scroll 0 0 / 200% auto;

    display: block;

    height: 50px;

    overflow: hidden;

    width: 50px;

}



#socialNav li {

    display: inline-block;

}



.footerLinks>img {

    width: 99px;

}



.copyRight {

    color: #fff;

    display: block;

    font-size: 9px;

    font-weight: 100;

    letter-spacing: 2px;

    text-decoration: none;

   

}



.footerLogo {

    margin-bottom: 10px;

}



#facebookPage,

#logoAtlas {

    background-position: 100% 0 !important;

}



#facebookPage:hover,

#logoOrpheus {

    background-position: 0 0 !important;

}



#logoAtlas:hover,

#twitterPage {

    background-position: 100% 100% !important;

}



#logoOrpheus:hover,

#twitterPage:hover {

    background-position: 0 100% !important;

}



#linkedinPage {

    background-position: 100% 50% !important;

}



#linkedinPage:hover {

    background-position: 0 50% !important;

}



.pageNav li {

    display: block;

    margin: 0 0 15px 15px;

    text-align: left;

    vertical-align: top;

}



@media (max-width: 768px) {

    .header-title {
        font-size: 22px !important;
        margin: 0 auto !important;
        color: #0f0f0f !important;
        font-weight: 700 !important;
        text-align: center;
        width: 85%;
        line-height: 72px;
        font-family: 'Inter', sans-serif !important;
        margin-top: 12% !important;
    }
    section.main-section-mobile {
        margin-bottom: 50px;
        padding: 0 10px 0 10px !important;
    }
    .pageNav li {

        margin: 0 0 25px 13px;

    }
    .arrow::after, .arrow-right::after {
      
        margin-right: 16px;
    }
    .maskingnew {
        text-align: center;}
    .linkHeader {

        margin-left: 10px !important;

    }

    .deli {

        text-align: center !important;

        width: 100% !important;

    }

    /* .def.icon1,

    .def.icon2,

    .def.icon3,

    .def.icon4,

    .def.icon5,

    .def.icon6,

    .def.icon7,

    .def.icon8 {

        display: none;

    } */

    .img-responsive.mob {

        margin-left: -4px;

        max-width: 50%;

    }

    .img-responsive.mob1 {

        margin-right: -5px;

        max-width: 50%;

    }

    .pad1 {

        background: #fff;

        padding: 30px 0;

    }

    

    .pad {

        background: #f6f9fc none repeat scroll 0 0;

        padding: 30px 0;

    }

    .atreuspanel_1-message>h1,

    .atreuspanel_2-message>h1,

    .atreuspanel_3-message>h1,

    .atreuspanel_4-message>h1,

    .atreuspanel_5-message>h1,

    .atreuspanel_6-message>h1,

    .atreuspanel_7-message>h1,

    .atreuspanel_8-message>h1,

    .atreuspanel_9-message>h1 {

        color: rgb(174,10,56);

       padding:10px

        font-size: 1.6em;
        margin: 0 0 20px;

    }

    .btn.disabled,

    .btn[disabled],

    fieldset[disabled] .btn {

        box-shadow: none;

        cursor: pointer !important;

        opacity: 0.65;

    }

    .atreuspanel_1-message>h2,

    .atreuspanel_2-message>h2,

    .atreuspanel_3-message>h2,

    .atreuspanel_4-message>h2,

    .atreuspanel_5-message>h2,

    .atreuspanel_6-message>h2,

    .atreuspanel_7-message>h2,

    .atreuspanel_8-message>h2,

    .atreuspanel_9-message>h2 {

        color: #333;

       

        font-size: 1.2em;

        font-weight: 100 !important;

        margin: 0 0 20px;

    }
    .frame-phone {
        max-width: 150px;
    }
    a#button_open {
        font-size: 13px !important;
        font-weight: 600 !important;
        color:#333;
    }
    a#button_open:hover {
        font-size: 13px !important;
        font-weight: 600 !important;
        color:#ff5a5f;
    }
    .atreus-message>h1,

    .panel_5_box {

        font-size: 2em;

    }

    .m_top {

        padding-top: 0;

    }

   
    .atreuspanel_1 p,

    .atreuspanel_2 p,

    .atreuspanel_3 p,

    .atreuspanel_4 p,

    .atreuspanel_5 p,

    .atreuspanel_6 p,

    .atreuspanel_7 p,

    .atreuspanel_8 p,

    .atreuspanel_9 p {
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 2rem !important;
        margin-left: 0;
        margin-top: 10px !important;
        margin-bottom: 40px !important;
        padding: 10px;
        width: 100%;
text-align: center;
    }
    .edr{
        padding-bottom: 0px !important;
        font-size: 14px !important;
        font-weight: 300 !important;
        line-height: 1.5rem !important;
        padding: 0 !important;
    }
    .atreuspanel_1-message > p {
        padding-bottom: 30px !important;
    }
    .dr-ex1, .dr-ex2 {
        /* margin-top: 50px; */
        width: 100%;
        font-weight: 700;
        font-size: 22px  !important;
        line-height: 120%;
        font-family: 'Metropolis Bold';
        text-align: left;
        color: #333 !important;
        margin-top: 0;
    }

    .atreuspanel_3 .img-responsive {

        margin: 0 auto;

        max-width: 100%;

    }

    .counter.wow.bounceInUp.animated.img-responsive.animated {

        margin-left: 40%;

        margin-top: -4%;

        max-width: 100%;

    }

    .box1 {

        padding-top: 0;

    }

    *::after,

    *::before {

        box-sizing: border-box;

    }

    .list-group-item {

        float: left;

        margin-bottom: 20px;

        padding: 0;

        width: 100%;

    }

    .list-group {

        margin-bottom: 0;

        padding-left: 0;

    }

    .panel_5_box {

        background: #f2f2f2 none repeat scroll 0 0;

        border-radius: 16px;

        color: #525f7f;

        font-weight: 100;

        height: 100%;

        margin-bottom: 13px;

        padding: 12px;

    }

    .counter.wow.bounceInDown.animated.img-responsive.animated {

        margin-left: 7%;

        margin-top: -64%;

        max-width: 100%;

        position: relative;

    }

    .mobilee {

        left: 18px;

        max-width: 100%;

        position: relative;

    }

    .mobilee1 {

        max-width: 100%;

        position: relative;

        right: 31px;

        top: -152px;

    }

}

.def {

    padding: 14px 0 0 3px;

    width: 48px;

}

@media (min-width: 320px) and (max-width: 360px) {

    .copyRight {

        font-size: 12px;

        top: 0 !important;

        color: #fff;

    }

    .footer {

        height: auto !important;

    }

    .atreus-header {

                background-size: cover;

    }

    .atreus-message {

        padding-top: 4%;

    }

    .aldus_logo {

        margin-top: -19% !important;

        position: relative;

        width: 120px;    

    }

    .atreus-message>h1 {

        font-size: 2em;

        width: 100%;

        margin-top: 33px;

    }

#newsletter-container h3{

font-size: 17px !important;

}

  #mc_embed_signup .mc-field-group {

        width: 250px !important;

    }

    #mc_embed_signup input {

        padding: 12px 20px;

        font-size: 13px !important;

        line-height: 20px;

        font-family: "bebas_neue_regular", Verdana, Arial, sans-serif;

        letter-spacing: 0 !important;

		margin-bottom: 0px !important;

    }

    #mc_embed_signup div.response {

        margin: 1em 0;

        font-weight: bold;

        float: left;

        top: 8em !important;

        z-index: 1;

        width: 45% !important;

        position: absolute;

        font-size: 12px;

        left: 0 !important;

        width: 270px !important;

    }

    #mc_embed_signup .mc-field-group {

        width: 600px;

    }

    #mc_embed_signup .mc-field-group input {

        background: #fff;

        height: 46px;

        width: 260px !important;

        vertical-align: top;

        margin-right: 5px;

        border-radius: 4px;

        border: 1px solid #96cada;

        line-height: 20px;

        padding: 5px 10px 5px 20px;

        color: #000;

       

        font-weight: 100 !important;

        font-size: 16px;

        font-weight: 100 !important;

    }

    .btn-custom-3 {

        color: #fff !important;

        background-color: #269fa9 !important;

        width: auto !important;

        float: left !important;

        padding: 12px 20px !important;

        position: relative !important;

        margin-top: 15px !important;

        width: 53% !important;

        margin-left: 0px !important;

        top: 47px;

    }

    #mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {

        display: inline-block;

        margin: 0px 0 1em 0;

        padding: 5px 10px;

        background-color: #e1e1e1;

        -webkit-border-radius: 3px;

        -moz-border-radius: 3px;

        border-radius: 3px;

        font-size: 10px;

        font-weight: normal;

        z-index: 1;

        color: #e85c41;

        position: absolute;

        top: -20px;

        position: absolute;

        left: 0 !important;

    }

    #newsletter-container {

        padding: 50px 0 80px !important;

    }

    #newsletter-container form {

        float: left !important;

        margin-top: 10px;

    }

	

input[type="text"], input[type="number"], input[type="password"], input[type="email"], input[type="company"], input[type="tel"], textarea {

    margin-bottom: 20px;

}

.linkHeader {

    font-size: 18px;

    letter-spacing: 2px;

    margin-bottom: 15px !important;

}

.frs_contact, .pad, .pad1 {

    padding: 60px 0;

}

.pageNav li .footerLinks {

    color: #fff;

   

    font-size: 14px;

    font-weight: 300;

    letter-spacing: 1px;

    position: relative;

    text-decoration: none;

}

    #websiteMapContainer {

        margin: 0 auto;

        padding: 10% 0 1px 0;

    }

    .pageNav.new.col-lg-3.col-xs-3 {

       width: 80px;

padding-left: 20px !important;

    }

    .pageNav.new1.col-lg-3.col-xs-3 {

        margin-left: 0 !important;

        width: 300px;

    }

    .pageNav li {

        display: block;

        margin: 0 0 14px 5px;

        text-align: left;

        vertical-align: top;

    }

    .linkHeader {

        margin-left: 0 !important;

    }

    .socialIcon {

        height: 35px !important;

        width: 35px !important;

    }

    .col-md-6.col-xs-6.new.field {

        margin-top: 80px;

    }

    .mobilee,

    .mobilee1 {

        max-width: 100%;

        position: relative;

    }

    .atreuspanel_1-message>h1,

    .atreuspanel_2-message>h1,

    .atreuspanel_3-message>h1,

    .atreuspanel_4-message>h1,

    .atreuspanel_5-message>h1,

    .atreuspanel_6-message>h1,

    .atreuspanel_7-message>h1,

    .atreuspanel_8-message>h1,

    .atreuspanel_9-message>h1 {

        color: rgb(174,10,56);

        font-size: 1.6em;

        font-weight: 700 !important;

        margin: 0 0 15px;

    }

    .atreuspanel_1-message>h2,

    .atreuspanel_2-message>h2,

    .atreuspanel_3-message>h2,

    .atreuspanel_4-message>h2,

    .atreuspanel_5-message>h2,

    .atreuspanel_6-message>h2,

    .atreuspanel_7-message>h2,

    .atreuspanel_8-message>h2,

    .atreuspanel_9-message>h2 {

        color: #ccc;

       

        font-size: 1.5em;

        font-weight: 100 !important;

        margin: 0 0 18px;

    }

    .m_top {

        padding-top: 0;

    }

    .atreuspanel_1 p,

    .atreuspanel_2 p,

    .atreuspanel_3 p,

    .atreuspanel_4 p,

    .atreuspanel_5 p,

    .atreuspanel_6 p,

    .atreuspanel_7 p,

    .atreuspanel_8 p,

    .atreuspanel_9 p {

        color: #525f7f;

        font-size: 1.4em;

        font-weight: 100;

        line-height: 1.3;

        margin-left: 0;

        margin-top: 21px;

        padding: 0px;

        text-align: justify;

        width: 100%;

    }

    .col-lg-6.cods p {

        text-align: center;

    }

    .atreuspanel_3 .img-responsive {

        margin: 0 auto;

        max-width: 100%;

    }

 

    .counter.wow.bounceInUp.animated.img-responsive.animated {

        margin-left: 49%;

        margin-top: -4%;

        width: 100px;

    }

    .box1 {

        padding-top: 0;

    }

    *::after,

    *::before {

        box-sizing: border-box;

    }

    .list-group-item>span {

        font-size: 0.6em;

        margin-left: 9px;

        margin-top: 4px;

    }

    .list-group-item {

        margin-bottom: 0;

        padding: 0;

    }

    .list-group {

        margin-bottom: 0;

        padding-left: 0;

    }

    .panel_5_box {

        background: #f2f2f2 none repeat scroll 0 0;

        border-radius: 16px;

        color: #525f7f;

        font-size: 14px;

        font-weight: 100;

        height: 100%;

        margin-bottom: 13px;

        padding: 12px;

    }

    .counter.wow.bounceInDown.animated.img-responsive.animated {

        margin-left: 8%;

        margin-top: -81%;

        position: relative;

        width: 100px;

    }

    .mobilee {

        left: 26px;

    }

    .mobilee1 {

        right: 31px;

        top: 53px;

    }

    .img-responsive.mob1 {

        float: right;

        margin-right: 0;

        width: 220px;

    }

}



/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
   body{
    font-family: Inter;
  }
     .w-container {
      margin-left: auto;
      margin-right: auto;
  }
  
 .step-p {
    margin-top: 0px;
    margin-bottom: 1%;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    color: gray;
    font-family: 'Inter', sans-serif !important;
  }
  
  
  
  .label {
    color: #006cd0;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Inter', sans-serif !important;
  }
  
  .label.cc-main {
    color: #006cd0;
  }
  
  .label.cc-grey {
    color: #70768a;
  }
  
  .paragraph-big {
    font-size: 20px;
  }
  
  .paragraph-big.big {
    font-size: 18px;
    line-height: 32px;
  }
  
  .button {
    padding: 12px 24px;
    border-radius: 8px;
    background-color: #006cd0;
    color: #fff;
    font-weight: 700;
  }
  
  .section {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 1440px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  
  .divider {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #474a57;
    color: #474a57;
  }
  
  .selector {
    padding-right: 9px;
    padding-left: 9px;
    border-radius: 4px;
    background-color: #e55fb9;
    color: #fff;
    font-size: 12px;
    line-height: 32px;
  }
  
  .div-block {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
  }
  
  .color {
    width: 100%;
    height: 100%;
    margin-bottom: 0px;
  }
  
  .color.cc-black {
    background-color: #121212;
  }
  
  .color.cc-dark-grey {
    background-color: #474a57;
    color: #474a57;
  }
  
  .color.cc-medium-grey {
    background-color: #d9dbe1;
    color: #121212;
  }
  
  .color.cc-light-grey {
    background-color: #eeeff4;
  }
  
  .color.cc-main-2 {
    background-color: #006cd0;
  }
  
  .color.cc-white {
    background-color: #fff;
  }
  
  .styles-wrap {
    padding: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: #eeeff4;
  }
  
  ._3-wrap {
    display: -ms-grid;
    display: grid;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    justify-items: center;
    -webkit-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    grid-auto-columns: 1fr;
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }
  
  .step-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  
  .step-wrap.full {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  
  .style-guide-heading {
    margin-bottom: 100px;
    margin-left: 0px;
  }
  
  .style-guide-conatainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .color-wrap {
    width: 100%;
    height: 40px;
    margin-bottom: 40px;
  }
  
  .cc-white {
    color: #fff;
  }
  .heading {
    margin-bottom: 12px;
    font-family: 'Metropolis Bold' !important;
}
  .step {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 8%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 16px;
    background-color: #fff;
  }
  
  .step-block {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 76vh;
    margin-top: -1px;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
  }
  
  .steps-clone {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px;
  }
  
  .content-block {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .step-content-block {
    position: relative;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: left;
  }
  
  .bg-shadow {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 1;
    border-radius: 16px;
    box-shadow: 7px 7px 20px 0 rgba(18, 18, 18, 0.07);
  }
  
  .content {
    margin-top: 14px;
    font-size: 24px;
    line-height: 1.4;
    font-weight: 500;
  }
  
  .paragraph {
    color: #8c8f97;
  }
  
  .scroll-base {
    width: 6px;
    height: 100%;
    background-color: #eeeff4;
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  
  .scoll-wrap {
    position: absolute;
    bottom: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .dot {
    position: relative;
    z-index: 3;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    margin-bottom: -6px;
    border-radius: 50%;
    background-color: #eeeff4;
  }
  
  .img-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  
  .scroll-animate {
    position: absolute;
    bottom: 10px;
    width: 6px;
    height: 100%;
    background-color: rgb(38, 159, 169);
    -webkit-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
  }
  
  .scroll-animate._2 {
    height: 100%;
  }
  
  .hero-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 70vh;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .brand {
    padding: 20px;
    color: #121212;
    font-size: 16px;
    font-weight: 800;
  }
  
  .steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  
  .steps.left {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .steps.right {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  
  .steps.dots {
    margin-right: 24px;
    margin-left: 24px;
    padding-top: 11%;
    padding-bottom: 11%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .paragraph-2 {
    font-size: 18px;
  }
  
  .nav-link {
    margin-right: 20px;
    color: #006cd0;
  }
  
  .footer {
    padding-top: 5%;
    padding-bottom: 5%;
    background-color: #121212;
    color: #eeeff4;
  }
  
  .social-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  
  .icon {
    display: block;
    margin: 12px;
    padding: 4px;
  }
  
  .content-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end; overflow-y: visible;
  }
  @media screen and (max-width: 991px) {
    .hero-section {
      min-height: 90vh;
      padding-right: 10%;
      padding-left: 10%;
    }
  
    .brand {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
    }
  
    .nav-menu {
      border-bottom: 1px solid #d9dbe1;
      background-color: #f6f7fa;
    }
  
    .button-2 {
      margin-bottom: 20px;
    }
  
    .container-nav {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-align-content: flex-start;
      -ms-flex-line-pack: start;
      align-content: flex-start;
    }
  
    .hero-block {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .img-hero {
      width: 100%;
      min-height: 40vh;
      margin-top: 5%;
      margin-bottom: 0%;
    }
  
    .content-hero {
      width: 100%;
    }
  
    .scoll-wrap-hero {
      height: 75%;
    }
  
    .scroll-hero {
      min-height: 40vh;
    }
  
    .nav-link {
      margin-top: 20px;
      margin-right: 0px;
      margin-bottom: 20px;
      text-align: center;
    }
  
    .menu-button {
      position: static;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      background-color: transparent;
    }
  
    .menu-button.w--open {
      background-color: #f6f7fa;
    }
  
    .line-menu {
      width: 24px;
      height: 2px;
      padding-right: 0px;
      padding-bottom: 0px;
      background-color: #474a57;
    }
  
  
  
   
  }
  
  @media screen and (max-width: 767px) {
    h1 {
      font-size: 32px;
      line-height: 41px;
    }
  
    .wraper {
      width: 90%;
    }
  
    ._3-wrap {
      -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
      -ms-grid-rows: auto auto auto;
      grid-template-rows: auto auto auto;
    }
  
    .step {
      padding: 8%;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  
    .step-block {
      min-height: 90vh;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
    }
  
    .step-content-block {
      z-index: 2;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-ordinal-group: 0;
      -webkit-order: -1;
      -ms-flex-order: -1;
      order: -1;
    }
  
    .scoll-wrap {
      bottom: 50%;
      z-index: 1;
      height: 100%;
      display: none;
    }
  
    .dot {
      position: absolute;
      bottom: 50%;
      z-index: 99;
      margin-bottom: 0px;
      -webkit-align-self: center;
      -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2;
      display: none;
    }
    .mobile-step1 {
        min-height: auto !important;
        margin-bottom: 15vh !important;
        margin-top: 14vh !important;
    }
    .mobile-step2 {
        min-height: auto !important;
        margin-bottom:23vh !important;
        margin-top: 19vh !important;
    }
    .mobile-step3 {
        min-height: auto !important;
        margin-bottom: 34vh !important;
        margin-top: 21vh !important;
    }
    .mobile-step4 {
        min-height: auto !important;
        margin-bottom: 29vh !important;
        margin-top: 21vh !important;
    }
    .mobile-step5 {
        min-height: auto !important;
        margin-bottom: 24vh !important;
        margin-top: 21vh !important;
    }
    .mobile-step6 {
        min-height: auto !important;
        margin-bottom: 32vh !important;
        margin-top: 21vh !important;
    }

    .mobile-step7 {
        min-height: auto !important;
        margin-bottom: 36vh !important;
        margin-top: 21vh !important;
    }
    .mobile-step8 {
        min-height: auto !important;
        margin-bottom: 32vh !important;
        margin-top: 21vh !important;
    }
    .mobile-step9 {
        min-height: auto !important;
        margin-bottom:45vh !important;
        margin-top: 21vh !important;
    }
    .mobile-step10 {
        min-height: auto !important;
        margin-bottom: 28vh !important;
        margin-top: 21vh !important;
    }
    h5.header-titleinner.mobile-linnerdpdp {
        width: 100% !important;
    }
    .header-innerp {
        width: 100% !important;
    }

    .step-p {
        font-size: 14px;
    }
    .dpdp-lifecircle{
        margin-left: 3%;
        margin-right: 3%;
        width: 100% !important;
        margin-bottom: 10% !important;
        margin-top: -5% !important;
    }
  
    .content-wrap {
      width: 100%;
      height: 50vh; 
      padding-bottom: 20px;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; overflow-y: visible;
    }
  }
  
  @media screen and (max-width: 479px) {
    p {
      font-size: 15px;
    }
  
    ._3-wrap {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: auto auto auto auto auto auto;
      grid-template-rows: auto auto auto auto auto auto;
    }
  
    .steps-clone {
      position: static;
      display: block;
      /* margin-top: 50%; */
    }
  
    .content {
      font-size: 20px;
    }
  
    .img-block {
      width: 90%;
    }
  
    .brand {
      padding-right: 0px;
      padding-left: 0px;
    }
  
    .scoll-wrap-hero {
      height: 77%;
      margin-top: 12px;
    }
  
    .step-hero {
      padding-right: 10px;
      padding-left: 10px;
    }
  
    .scroll-hero {
      margin-top: 5%;
    }
  
    .steps.dots {
      padding-top: 9%;
      padding-bottom: 9%;
    }
  
    .social-icons {
      margin-top: 0px;
    }
  
    .icon {
      margin-right: 15px;
    }
  
    
  }