@import url('https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
.new-styles {
    font-family: 'Montserrat', 'OpenSans', sans-serif !important;
    font-style: normal;
}

.headline-p {
    width: 60%;
}

h1.new-styles {
    font-weight: bold;
    line-height: normal;
    font-size: 48px !important;
    color: #304857;
    margin-bottom: 0 !important;
}

h1.inner-title {
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 40px !important;
    color: #304857;
}

h2.new-styles {
    font-weight: normal;
    line-height: normal;
    font-size: 28px !important;
    color: #304857;
    margin-bottom: 34px !important;
    line-height: 1.2em !important;
}

h3.new-styles {
    font-weight: normal;
    line-height: 22px !important;
    font-size: 18px !important;
    color: #304857;
}

p.new-styles {
    font-weight: 500;
    line-height: 16px !important;
    font-size: 12px !important;
    color: #304857;
}

.bold, strong, b {
    font-weight: bold;
    line-height: 15px;
    /* font-size: 12px; */
    color: #304857;
}

p.headline.new-styles {
    font-weight: bold;
    line-height: 18px !important;
    font-size: 14px !important;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #49c7ba;
    padding-bottom: 6px !important;
}

h1.white, h2.white, h3.white, p.white {
    color: #ffffff;
}

h1.dark, h2.dark, h3.dark, p.dark {
    color: #304857;
}

h1.green, h2.green, h3.green, p.green {
    color: #49C7BA;
}

.center {
    margin: 0 auto;
}

button {
    display: block;
    width: 320px;
    height: 40px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: left;
    padding-left: 15px;
    box-shadow: 0px 15px 35px rgba(48, 72, 87, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
    cursor: pointer;
}

button.primary {
    background: #49c7ba;
}

.button {
    display: block;
    max-width: 320px;
    height: 40px;
    border: none;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    text-align: left !important;
    padding-left: 15px;
    box-shadow: 0px 15px 35px rgba(48, 72, 87, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    text-transform: none;
}

.button.primary {
    background: #49c7ba;
}

.button.primary:hover , .button.primary:active , .button-simple:hover , .button-simple:active{
    color: #ffffff;
}

#button svg {
    width: 40px;
    height: 25px;
    float: right;
    margin-right: 0;
}

.button-simple , .hs-button.primary.large {
    font-family: Montserrat !important;
    display: inline-block;
    width: 180px;
    height: 40px;
    border: none;
    color: #fff;
    font-style: normal;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: 0px 15px 35px rgba(48, 72, 87, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
    background: #49c7ba;
    padding: 9px;
    margin: 0 10px;
    text-align: center !important;
}

.hs-button.primary.large {
    width: 150px !important;
}

.button-hollow {
    font-family: Montserrat !important;
    display: inline-block;
    width: 180px;
    height: 40px;
    color: #fff !important;
    font-size: 12px;
    font-weight: 500;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    box-shadow: 0px 15px 35px rgba(48, 72, 87, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    margin: 0 10px;
    padding: 8px;
    text-align: center !important;
}

@media screen and (max-width: 1000px) {
    a.button.primary {
        margin: 0 auto;
    } 
}


@media screen and (max-width: 481px) {
    .button-simple {
        margin: 0 8px;
        width: 115px !important;
        /* padding-left:0; */
    }

    .button-simple.cta-request-demo {
        margin: 0 8px !important;
        width: 100% !important;
    }
   
    .button-hollow {
        margin: 0 8px;
        width: auto !important;
        /* padding-left:0; */
    }

}

@media screen and (max-width: 380px) {
    .button-simple , .button-hollow{
        margin: 0 8px;
        width: auto !important;
        display: block;
        margin-top: 10px;
    }
   
}

.features-icon {
    margin: 0 !important;
}

.margin-150 {
    margin: 150px 0;
}

.mt-50 {
    margin-top: 50px;
}

@media screen and (max-width: 1000px) {
    .mt-50 {
        margin: 0 auto;
        text-align: center;
        padding-bottom: 20px;
    }
}

.float-left {
    float: left;
}

.ic-description-text {
    width: 85%;
    margin: 0 auto;
}

.ic-img {
    width: 60px !important;
}

.ic-title-text {
    padding-bottom: 12px !important;
    width: 70%;
    margin: 0 auto;
}

/*  curved section */

.curved-section {
    padding-top: 250px !important;
}

.sitonit_notebook:before {
    /* border-radius: 0 0 5% 47%; */
    position: absolute;
    /* background: linear-gradient(125.69deg, #fcfcfc 34.18%, rgba(255, 255, 255, 0) 57.58%), #f1f2f7; */
    bottom: 30px;
    right: -250px;
    left: -35px;
    content: '';
    top: 0;
    background-image: url(../../../uploads/sitonit_notebook02.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 152px 0px;
}

@media screen and (min-width: 1500px) {
    .client-bar {
        margin-bottom: 150px;
    }
}

@media only screen and (min-width: 1150px) and (max-width: 1499px) {
    .curved-background.brands-page>.row-bg-wrap>.using-bg-color:before {
        background-position: 50px -20vh !important;
    }
}

@media screen and (max-width: 1149px) {
    .curved-background.brands-page>.row-bg-wrap>.using-bg-color:before {
        background-position: 50px 0 !important;
    }
}

@media screen and (max-width: 880px) {
    .curved-background.brands-page>.row-bg-wrap>.using-bg-color:before {
        background-position: 50px 6vh !important;
    }
}

@media screen and (max-width: 500px) {
    .curved-background.brands-page>.row-bg-wrap>.using-bg-color:before {
        background-position: 50px 3vh !important;
    }
}

@media screen and (max-width: 1500px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: 0 !important;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position: 80px 5px !important;
        z-index: 4;
        background-size: contain;
        border-radius: 0 0 0% 35% !important;
    }
}

@media screen and (max-width: 1270px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: -7%;
        width: 110%;
        /* background-position-x: 170px; */
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position: 65px 0px !important;
        z-index: 4;
        background-size: contain;
    }
    .curved-section {
        padding-top: 180px !important;
    }
}

@media screen and (max-width: 1000px) {
    .sitonit_notebook:before {
        position: absolute;
        top: -50px;
        left: 0;
        width: 110%;
        /* background-position-x: 170px; */
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 205px !important;
        background-position-x: 15vw !important;
        z-index: 4;
        background-size: contain;
        border-radius: 0 0 0 10% !important;
    }
    
    .cyl-resize {
        top: 100px;
    }

    .curved-section {
        padding-top: 145px !important;
    }

    .ic-description-text {
        /* width: 50%; */
    }
}

@media screen and (max-width: 830px) {
    .sitonit_notebook:before {
        position: absolute;
        top: -50px;
        left: 0;
        width: 110%;
        /* background-position-x: 170px; */
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 290px !important;
        background-position-x: 10vw !important;
        z-index: 4;
        background-size: contain;
        border-radius: 0 0 0 10% !important;
    }
    .curved-section {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 690px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 275px !important;
        background-position-x: 42vw !important;
        z-index: 4;
        background-size: contain;
    }
    .curved-section {
        padding-top: 130px !important;
    }
    .ic-description-text {
        width: 85%;
    }
}

@media screen and (max-width: 600px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 270px !important;
        background-position-x: 32vw !important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 460px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 310px !important;
        background-position-x: 33vw !important;
        z-index: 4;
        background-size: contain;
    }
    .curved-section {
        padding-top: 100px !important;
    }
}

@media screen and (max-width: 400px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 320px !important;
        background-position-x: 32vw !important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 350px) {
    .sitonit_notebook:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 315px !important;
        background-position-x: 32vw !important;
        z-index: 4;
        background-size: contain;
    }
    .curved-section {
        padding-top: 80px !important;
    }
}


.curved-background>.row-bg-wrap>.using-bg-color {
    /* position: relative; */
    /* margin: 35px auto;   */
    overflow: hidden;
    /* min-height: 800px; */
    width: 100%;
}

.curved-background>.row-bg-wrap>.using-bg-color:before {
    border-radius: 0 0 0 80%;
    position: absolute;
    background: white;
    bottom: 120px;
    right: -200px;
    left: -200px;
    content: '';
    top: 0;
}

.curved-background.hd-viewer-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/Layer-19.jpg) !important;
    background-size: cover;
}

.curved-background.content_api_page_new>.row-bg-wrap>.using-bg-color:before {
     /* background: linear-gradient(125.69deg, #fcfcfc 34.18%, rgba(255, 255, 255, 0) 57.58%), #f1f2f7; */
     background: #fdfdfd; /* Old browsers */
     background: -moz-linear-gradient(-45deg, #fdfdfd 0%, #f1f2f7 100%); /* FF3.6-15 */
     background: -webkit-linear-gradient(-45deg, #fdfdfd 0%,#f1f2f7 100%); /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(135deg, #fdfdfd 0%,#f1f2f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f2f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    
}

.curved-background.platform-tour-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/header-bcg-1.jpg) !important;
    background-size: cover;
    background-position: center;
}

.curved-background.styleshots-page>.row-bg-wrap:before {
    background-color: rgba(0,0,0,0.85);
}

.curved-background.styleshots-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/styleshots-video.gif) !important;
    background-size: initial;
    background-position: center;
}

.curved-background.brands-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/sofa-xl.jpg) !important;
    background-size: cover;
    background-position: 90px center;
}

.curved-background.retailers-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/retailers-bcg.jpg) !important;
    background-size: cover;
    background-position: center;
}

.curved-background.customers-cases-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/success-stories-bcg.jpg) !important;
    background-size: cover;
    background-position: center top;
}

.curved-background.intelligence-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/header_bcg.jpg) !important;
    background-size: cover;
}

.curved-background.plush-case>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/plush_top_head_case.jpg) !important;
    background-size: cover;
}

.curved-background.jeromes-case>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/jeremoes_top_head_case.jpg) !important;
    background-size: cover;
    background-position-y: -350px;
}

.curved-background.id-case>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/inte_def_top_head_case.jpg) !important;
    background-size: cover;
    background-position-y: -215px;
}

@media screen and (max-width: 1200px) {
    .curved-background.id-case>.row-bg-wrap>.using-bg-color:before {
        background-position-y: -50px;
    }
    .curved-background.jeromes-case>.row-bg-wrap>.using-bg-color:before {
        background-position-y: -50px;
    }
}


/* Home PAge Classes START */

.white .sa_owl_theme .owl-nav .owl-prev , .white .sa_owl_theme .owl-nav .owl-next{
    background: rgba(0,0,0,0.5) url(../images/icon_prev.png) no-repeat center center !important;
    border-radius: 0 !important;
}

.sa_owl_theme .owl-nav div, .sa_owl_theme .owl-nav button { 
    top: 70% !important;
}

.home-page #sample_slider {
    position: absolute;
    bottom: -300px;
    top: 300px;
    padding-bottom: 500px;
}

.case_study_page #sample_slider {
    position: absolute;
    bottom: 0;
    top: 0;
    padding-bottom: 375px;
}

/*  Home Page Cover */
.curved-background.cylindo-home-page>.row-bg-wrap>.using-bg-color:before {
    /* background: linear-gradient(125.69deg, #fcfcfc 34.18%, rgba(255, 255, 255, 0) 57.58%), #f1f2f7; */
    background: #fdfdfd; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #fdfdfd 0%, #f1f2f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #fdfdfd 0%,#f1f2f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #fdfdfd 0%,#f1f2f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f1f2f7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
   
}

.content-api-icons {
    width: 40px !important;
    padding: 20px 0;
    margin: 0 !important;
}

img.cyl.use-cases-img {
    width: 130% !important;
    position: absolute;
    left: 0;
    z-index: -1;
    top: -70px;
}

@media only screen and (min-width: 1000px) and (max-width: 1310px) {
    img.cyl.use-cases-img {
        width: 108% !important;
        position: absolute;
        left: 55px;
        z-index: -1;
        top: -95px;
    }
}

img.cyl.use-cases-img-retailers-content-api {
    width: 115% !important;
    position: absolute;
    left: 0;
    z-index: -1;
    top: -125px;
}

img.cyl.use-cases-img-sm {
    width: 90% !important;
    position: absolute;
    left: 60px;
    z-index: -1;
    top: -20px;
}

img.cyl.use-cases-img-brands-intelligence {
    width: 120% !important;
    position: absolute;
    left: -120px;
    z-index: -1;
    top: -95px;
}

img.cyl.use-cases-img-brands-styleshots {
    width: 90% !important;
    position: absolute;
    left: 90px;
    z-index: -1;
    top: 10px;
}

img.cyl.use-cases-img-brands-brands {
    width: 90% !important;
    position: absolute;
    left: 0;
    z-index: -1;
    top: -15px;
}

img.cyl.use-cases-full-img {
    width: 125% !important;
    position: relative;
    left: -125px;
    z-index: -1;
    top: 0;
}

img.cyl.use-cases-img-big {
    width: 170% !important;
    position: absolute;
    left: -186px;
    z-index: -1;
    top: -55px;
}

#sample_slider .cyl.inner-logos {
    margin-top: 33%;
    padding: 0 30px;
}

.cyl.row {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    -ms-flex-wrap: wrap; /* IE10 */
    flex-wrap: wrap;
    padding: 0 4px;
    background: #ffffff;
}

/* Create four equal columns that sits next to each other */
.cyl.column {
    -ms-flex: 20%; /* IE10 */
    flex: 20%;
    max-width: 20%;
    padding: 0 10px;
}

.cyl.column img {
    margin-top: 20px;
    vertical-align: middle;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
    .cyl.column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
    }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .cyl.column {
        -ms-flex: 100%;
        flex: 100%;
        max-width: 100%;
    }

    img.cyl.use-cases-img-sm {
        width: 85% !important;
    }
}




@media screen and (max-width: 1000px) {
    img.cyl.use-cases-img {
        max-width: unset !important;
        width: 100% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }

    img.cyl.use-cases-img.home-page {
        padding-bottom: 120px !important;
    }

    img.cyl.use-cases-full-img {
        max-width: unset !important;
        width: 100% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }
    img.cyl.use-cases-img-sm {
        width: 50% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }

    img.cyl.use-cases-img-brands-styleshots {
        max-width: unset !important;
        width: 60% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }
    img.cyl.use-cases-img-brands-brands {
        max-width: unset !important;
        width: 60% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }

    img.cyl.use-cases-img-retailers-content-api {
        max-width: unset !important;
        width: 100% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }
}

@media screen and (max-width: 1200px) {
    .home-page #sample_slider {
        position: relative;
        top: 0;
        margin-bottom: -230px;
        padding-bottom: 0;
    }
    .case_study_page #sample_slider {
        position: relative;
        top: 0;
        margin-bottom: -230px;
        padding-bottom: 0;
    }
}


.cylindo-home-page .viewer_white_back {
    box-shadow: 0px 10px 100px rgba(48, 72, 87, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05) !important;
}
/* Home PAge Classes END */


/* Brands Page START */
ul.brands-list li:before {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    left: 5px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #D2F2EE;
    color: #fff;
    content: "\F00C";
    font-family: FontAwesome;
    font-size: 10px;
    margin-top: 2px;
}

/* Brands Page END */

.cyl.cta-bottom {
    display: block;
    background: #fff;
    border-radius: 25px;
    position: relative;
    left: 0;
    right: 0;
    top: 150px;
    text-align: center;
    color: #fff;
    padding: 0;
    border: 0;
    margin: 0 auto;
    width: 850px;
    min-height: 200px;
    -webkit-box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    padding: 25px;
}

.cyl.cta-bottom-ver2 {
    display: block;
    background-image: url(../../../uploads/logomark-inverted-transparent.png) !important;
    background-size: cover;
    background-position: center;
    background: #fff;
    background-repeat: no-repeat;    
    border-radius: 25px;
    position: relative;
    left: 0;
    right: 0;
    top: 150px;
    color: #fff;
    padding: 0;
    border: 0;
    margin: 0 auto;
    width: 850px;
    min-height: 200px;
    -webkit-box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    padding: 25px;
}

.cyl.cs.cta-bottom-ver2 {
    top: 0;
    margin: 0;
    background-image: url(../../../uploads/logomark-inverted-transparent-1.png) !important;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat !important;    
    background: #304857;
    width: 100%;
}

.cyl.cta-bottom-white {
    
    background-image: url(../../../uploads/logomark-grey.png) !important;
    background-size: contain !important;
    background-position: center;
    background-repeat: no-repeat !important;    
    background: #fff;
    display: block;
    border-radius: 25px;
    position: relative;
    left: 0;
    right: 0;
    top: 150px;
    padding: 0;
    border: 0;
    margin: 0 auto;
    width: 100%;
    min-height: 200px;
    -webkit-box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 0px 26px 2px rgba(0, 0, 0, 0.08);
    z-index: 1000;
    padding: 25px;
}

@media screen and (max-width: 500px) {
    .cyl.cs.cta-bottom-ver2 , .cyl.cta-bottom-white {
        background-size: cover !important;
      }

}

.margin-top-minus-50 {
    margin-top: -50px;
}

@media screen and (max-width: 1001px) {
    p.headline {
        margin-top: -100px;
    }
    button {
        margin: 0 auto;
    }
    p.headline-p {
        margin: 0 auto;
        width: 50%;
        text-align: center;
    }
    h1.new-styles {
        font-size: 40px !important;
        margin: 0 auto;
        text-align: center;
    }
    h1.inner-title {
        font-size: 32px !important;
        margin: 0 auto;
        text-align: center;
    }
    h1.new-styles.error-text {
        font-size: 140px !important;
        margin: 40px auto;
        text-align: center;
        padding-bottom: 54px;
    }	
    h2.new-styles {
        font-size: 24px !important;
        margin-bottom: 10px !important;
        margin: 0 auto;
        text-align: center;
    }
    p.headline {
        text-align: center;
    }
    .features-icon {
        margin: auto !important;
    }
    .cyl.cta-bottom { 
        margin-top: 50px !important;
    }
    .cyl.cta-bottom-white { 
        margin-top: 50px !important;
    }
}

@media screen and (max-width: 710px) {
    p.headline-p , h2.headline-p {
        width: 80%;
    }
    h1.new-styles {
        line-height: 46px !important;
    } 
    h2.new-styles {
        margin: 10px 0;
    }
    h3.new-styles {
        line-height: 22px !important;
        margin: 10px 0;;
    }
}

@media screen and (max-width: 1200px) {
    .cyl.cta-bottom {
        margin-bottom: 125px;
        top: 0;
        margin-top: 125px;
    }
    .cyl.cta-bottom-ver2 { 
        margin-bottom: 125px;
        top: 0;
        margin-top: 125px;
    }
    .cyl.cta-bottom-white {
        margin-bottom: 125px;
        top: 0;
        margin-top: 125px;
    }
}

@media screen and (max-width: 850px) {
    .cyl.cta-bottom {
        width: 100%;
    }
    .cyl.cta-bottom-white {
        width: 100%;
    }
}

@media screen and (max-width: 500px) {
    button {
        width: 250px;
    }
    p.headline-p {
        width: 90%;
    }
    h1.new-styles {
        font-size: 26px !important;
        line-height: 32px !important;
    }
    h1.new-styles.error-text {
        font-size: 88px !important;
        margin: 0 auto;
        text-align: center;
    }
    p.headline.new-styles {
        font-size: 10px !important;
    }
    h2.new-styles {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }
    h3.new-styles {
        font-size: 20px !important;
        margin-bottom: 10px !important;
    }
    h1.new-styles.inner-title {
        font-size: 28px !important;
    }

    .headline-on-mobile {
        padding-top: 150px !important;
    }
}

/*** Testimonial classes START ***/

.testimonial__layout {
    box-sizing: content-box;
    margin-left: auto;
    margin-right: auto;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.testimonial__img-wrapper {
    position: relative;
    text-align: center;
    margin: 0 0 1rem;
    padding: 0;
}

.testimonial__text-wrapper {
    position: relative;
}

.testimonial__img-wrapper img {
    display: block;
    border-radius: 50%;
    width: 80px !important;
    height: 80px;
}

.testimonial__quote, .testimonial blockquote, .testimonial q {
    position: relative;
    font-size: 2rem;
    line-height: 2.625rem;
    quotes: '\201C' '\201D';
    padding: 3rem 0;
}

.testimonial__quote span::after {
    content: close-quote;
    margin: 0.8125rem 0 0 0.175rem;
    font-family: Open Sans;
}

.testimonial__quote::before {
    content: open-quote;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.testimonial__quote::before, .testimonial__quote span::after {
    position: absolute;
    color: #ff7a59;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1;
}

.testimonial__quote span {
    display: inline-block;
    color: #304857;
    font-weight: 300;
}

.testimonial__quote::before, .testimonial__quote span::after {
    position: absolute;
    color: #49c7ba;
    font-size: 5rem;
    font-weight: 500;
    line-height: 1;
    font-family: Open Sans;
}

.testimonial__bottom-content {
    position: relative;
    /* margin: 2rem 0 0;
  padding: 2rem 0 0; */
}

.testimonial__name {
    font-size: 0.8125rem;
    font-weight: 600;
    line-height: 1.5385;
    text-transform: none;
}

.testimonial__title, .testimonial__company {
    color: #516f90;
    font-size: 0.75rem;
    line-height: 1.5;
}

.testimonial__title {
    display: block;
    font-weight: 500;
}

.testimonial__logo {
    display: inline-block;
    margin: 1rem 0 0;
}

.testimonial__logo img {
    display: block;
    width: 100px !important;
}

.testimonial__bottom-content {
    display: flex;
    align-items: center;
    margin: 0 0 1rem;
    padding: 0;
}

.testimonial__logo {
    border-left: 1px solid #cbd6e2;
    margin: 0 0 0 0.5rem;
    padding-left: 10px;
}

@media screen and (min-width: 768px) {
    .testimonial__layout {
        padding-top: 6.25rem;
        padding-bottom: 6.25rem;
    }
    .testimonial__content {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        text-align: left;
    }
    .testimonial__img-wrapper {
        margin: 1rem 2rem 0 0;
        padding: 0;
    }
    .testimonial__text-wrapper {
        flex: 1;
        padding: 0 0 0 3rem;
    }
    .testimonial__quote, .testimonial blockquote, .testimonial q {
        position: static;
        padding: 0;
    }
    .testimonial__quote::before {
        left: 15px;
        top: -15px;
        -webkit-transform: none;
        transform: none;
    }
    .testimonial__quote span {
        position: relative;
        padding: 0 3rem 0 0;
    }
    .testimonial__attribution {
        display: flex;
        flex-direction: column;
    }
    .testimonial__attribution, .testimonial__logo {
        padding: 0.375rem 0;
        padding-left: 10px;
    }
}

@media screen and (max-width: 767px) {
    .testimonial__quote span::after {
        bottom: -3rem;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%);
        margin: 0;
    }
    .testimonial__quote span {
        font-size: 28px;
        line-height: 34px;
    }
    .testimonial__bottom-content {
        padding: 0;
        display: inline-flex;
    }
    .mt-35-ic {
        margin-top: 35px; 
        }
}


@media screen and (max-width: 575px) {
    .ss-mt-35-ic {
        margin-top: 35px; 
        }
        .ss.ic-description-text {
            width: 63%;
        }
}
/*** Testimonial classes END ***/

/* SS Case Studies START*/
@media screen and (min-width: 1150px) {
    .ss.ic-description-text {
        width: 63%;
    }
}

@media screen and (min-width: 575px) {
        .ss.ic-headline-text {
            width: 63%;
            margin: 0 auto;
        }
}

.ss.testimonial__layout {
    padding-top: 10px;
    padding-bottom: 120px;
}

.hd-viewer.testimonial__layout {
    padding-top: 10px;
    padding-bottom: 90px;
}

.ss.cs_slide_down i#arrow-down {
    top: 0 !important;
}

.ss.mb-140 {
    margin-bottom: 25px !important;
}

@media screen and (max-width: 1000px) {
    .ss.mb-140 {
        margin-bottom: 140px !important;
    }

    .cta-bottom-btn {
        min-width: 150px;
    }
    
}
.jeromes-case.video-holder-bottom {
    padding-bottom: 300px!important;
}

.plush-case.video-holder-bottom {
    padding-bottom: 300px!important;
}

.id-case.video-holder-bottom {
    padding-bottom: 300px!important;
}
.video-holder-bottom {
    padding-bottom: 300px;
}

.cs_parallax_1 ,  .cs_parallax_2 , .cs_parallax_3 {
    border-bottom: 0 !important;
} 

span.num_bullet {
    background: #49c7ba;;
    float: none;
    line-height: 21px;
    width: 22px;
    height: 22px;
    font-size: 14px;
}

span.num_bullet .green {
    background: #49c7ba;
}
/* SS Case Studies END */

/* Content API Page - START */

.content_api_page_new .ic-arrow.ig_pointer {
    height: 12px;
    width: 30px;
    background: url(https://www.cylindo.com/wp-content/uploads/dot_pointer_icons.png) no-repeat;
    background-position: center top;
    margin-bottom: 90px;
    display: inline-block;
    background-size: 30px;
} 

@media screen and (min-width: 1000px) {
    .cyl.span_5 {
        width: 43.5%;
    } 
    .cyl.span_7 {
        width: 54.5%;
    } 
}

@media screen and (max-width: 1000px) {
    .content_api_page_new .ic-arrow.ig_pointer {
        position: absolute;
        transform: rotate(90deg);
        left: calc(50% - 16px);
        top: 220px;
    }
}

@media screen and (max-width: 1000px) {
    .content_api_page_new .custom_tab_section .tabbed>ul li a , .page-id-5456 .custom_tab_section .tabbed>ul li a {
        margin: 0;
        font-size: 12px;
    }
    .content_api_page_new .ic-arrow.ig_pointer {
        top: 47%;
    }
    .content_api_page_new .ecom_plat_log p, .content_api_page p.tab-width {
        width: 100%;
    }
}

@media screen and (max-width: 690px) {
    .content_api_page_new .custom_tab_section.ct3 .wpb_content_element .wpb_tabs_nav li , .page-id-5456 .custom_tab_section.ct3 .wpb_content_element .wpb_tabs_nav li {
        width: 33% !important;
    }
    .content_api_page_new .custom_tab_section.ct3 .wpb_content_element .wpb_tabs_nav li:last-child , .page-id-5456 .custom_tab_section.ct3 .wpb_content_element .wpb_tabs_nav li:last-child{
        width: 33% !important;
        text-align: center;
        padding: 0;
    }
    .content_api_page_new div.col.span_12.dark > div.sect_wrap.custom_tab_section.ct3 , .page-id-5456 div.col.span_12.dark > div.sect_wrap.custom_tab_section.ct3{
        padding: 10px 5px;
    }
    img.cyl.use-cases-img-brands-styleshots {
        max-width: unset !important;
        width: 100% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }
    img.cyl.use-cases-img-brands-brands {
        max-width: unset !important;
        width: 100% !important;
        position: relative;
        left: auto !important;
        top: auto !important;
    }
    
}

@media screen and (max-width: 400px) {
    .content_api_page_new .custom_tab_section.ct3 .tabbed>ul li a , .page-id-5456 .custom_tab_section.ct3 .tabbed>ul li a{
        font-size: 12px;
        margin: 0;
    }
    .content_api_page_new .ic-arrow.ig_pointer {
        margin-top: -25px !important;
    }
}


.content_api_page_new .toggle.open h3 a {
    color: #ffffff!important;
    background-color: #49C7BA;
}

.content_api_page_new .toggle h3 a:hover {
    /* color: white!important; */
    opacity: 0.8;
    color: #ffffff;
    background-color: #49C7BA;
}

.content_api_page_new .toggle h3 a {
    display: block;
    letter-spacing: 0;
    font-size: 16px!important;
    line-height: 14px!important;
    padding: 14px 14px 16px 14px;
    font-family: 'OpenSansRegular';
    background-color: rgb(255, 255, 255);
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    border-top: 1px solid rgba(73, 199, 186, 0.3);
    color: #304857;
    /* border-bottom: 1px solid #49C7BA; */
}

.content_api_page_new .toggle.open h3 a i {
    color: #ffffff;
}

.content_api_page_new .toggle h3 a:hover i {
    color: #ffffff;
}

/*  Platform Tour START*/
@media only screen and (min-width: 1001px) and (max-width: 1500px) {
    .pt-100 {
        padding-bottom: 100px !important;
    }
}

@media screen and (max-width: 1000px) {
    .video-holder-bottom.platform-tour-page {
        padding-bottom: 370px !important;
    }

    .video-holder-bottom.hd-viewer-page {
        padding-bottom: 370px !important;
    }

    .video-holder-bottom.cylindo-home-page {
        padding-top: 160px !important;
    }

    .padding-top-100 {
        padding-top: 100px !important;
    }
}


    .customers-cases-page.video-holder-bottom {
        padding-bottom: 290px !important;
    }



/* Platform Tour END*/
/* .video-holder-bottom.cylindo-home-page {
    padding-bottom: 0 !important;
} */

/* Content API Page - END */

/*intelligence START */
.cyl.page-id-5158 .toggle.open h3 a {
    color: #ffffff!important;
    background-color: #49C7BA;
}

.cyl.page-id-5158 .toggle h3 a:hover {
    /* color: white!important; */
    opacity: 0.8;
    color: #ffffff;
    background-color: #49C7BA;
}

.cyl.page-id-5158 .toggle h3 a {
    display: block;
    letter-spacing: 0;
    font-size: 16px!important;
    line-height: 20px!important;
    padding: 14px 14px 16px 14px;
    font-family: 'OpenSansRegular';
    background-color: rgb(255, 255, 255);
    transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    border-top: 1px solid rgba(73, 199, 186, 0.3);
    color: #304857;
    /* border-bottom: 1px solid #49C7BA; */
}

.cyl.page-id-5158 .toggle.open h3 a i {
    color: #ffffff;
}

.cyl.page-id-5158 .toggle h3 a:hover i {
    color: #ffffff;
}

.cyl.page-id-5158  .toggle {
    margin-bottom: 0px!important;
}

.inteli_head_dash_new {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-position-x: 180px;
    background-position-y: -55px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    /* background-position: 50% 550px; */
    z-index: 4;
    background-image: url(../../../uploads/dashboard.png);
}

.home-page-header-image {
    position: absolute;
    top: 143px;
    left: -200px;
    width: 60%;
    background-position-x: 0px;
    background-position-y: 0px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: contain;
    -moz-background-size: contain;
    -webkit-background-size: contain;
    /* background-position: 50% 550px; */
    z-index: 4;
    background-image: url(../../../uploads/mac-screen-with-mac-book.png);
}

@media screen and (max-width: 1920px) {
    .home-page-header-image {
        position: absolute;
        top: 117px;
        left: -180px;
        width: 58%;
        background-position-x: 0px;
        background-position-y: 0
    }
}

@media screen and (max-width: 1720px) {
    .home-page-header-image {
        position: absolute;
        top: 145px;
        left: -200px;
        width: 60%;
        background-position-x: 0px;
        background-position-y: 0
    }
}

@media screen and (max-width: 1500px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position: 80px 5px!important;
        z-index: 4;
        background-size: contain;
        /* background-image: url(https://www.cylindo.com/wp-content/uploads/inteligance_head_dashr_v3.png); */
    }
    .home-page-header-image {
        position: absolute;
        top: 170px;
        left: -200px;
        width: 60%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
       z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 1270px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: -7%;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position: 90px 5px!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 24%;
        left: -125px;
        width: 60%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 1000px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: 0;
        width: 130%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 240px!important;
        background-position-x: -43vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 0;
        left: 9vw;
        width: 73%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 830px) {
    .inteli_head_dash {
        position: absolute;
        top: 0;
        left: 0;
        width: 140%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 290px!important;
        background-position-x: -46vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 0;
        left: 9vw;
        width: 73%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 690px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 275px!important;
        background-position-x: -38vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 18px;
        left: 38vw;
        width: 51%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 600px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 265px!important;
        background-position-x: -50vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 10vh;
        left: 38vw;
        width: 51%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 500px) {
    .home-page-header-image {
        position: absolute;
        top: 0;
        left: 38vw;
        width: 51%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 460px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 15px;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 300px!important;
        background-position-x: -48vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 0vh;
        left: 29vw;
        width: 60%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}
@media screen and (max-width: 422px) {
    .home-page-header-image {
        position: absolute;
        top: 3vh;
        left: 29vw;
        width: 60%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}
@media screen and (max-width: 400px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 300px!important;
        background-position-x: -48vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 8vh;
        left: 27vw;
        width: 63%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}

@media screen and (max-width: 350px) {
    .inteli_head_dash_new {
        position: absolute;
        top: 0;
        left: 0;
        width: 110%;
        background-position-x: 170px;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 330px!important;
        background-position-x: -47vw!important;
        z-index: 4;
        background-size: contain;
    }
    .home-page-header-image {
        position: absolute;
        top: 10vh;
        left: 30vw;
        width: 60%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: contain;
        -moz-background-size: contain;
        -webkit-background-size: contain;
        background-position-y: 380px!important;
        background-position-x: 4vw!important;
        z-index: 4;
        background-size: contain;
    }
}



/*intelligence END */



/* TAB SECTION NEW - START */
.cyl.custom_tab_section.ct3 > div > div > ul > li:first-child a{
    border-bottom-left-radius: 25px;
    border-top-left-radius: 25px;
    border-right: none !important;
}
.cyl.custom_tab_section.ct3 > div > div > ul > li:last-child a{
    border-bottom-right-radius: 25px;
    border-top-right-radius: 25px;
    border-left: none !important;
}


.cyl.custom_tab_section.ct3 > div > div > ul > li a{
    border: 1px solid #49C7BA !important;
    
}
@media screen and (max-width: 500px) {
    .cyl.custom_tab_section.ct3 > div > div > ul > li a{
        white-space: normal;
        padding: 10px 0;
        
    }
    /* .cs_section > div.col.span_12.dark > .cyl.custom_tab_section.ct3 > div > div > ul > li a{
        white-space: unset;
        padding: 10px 0;
        
    } */
    .page-id-5456.cyl.custom_tab_section.ct3 > div > div > ul > li:last-child a{ 
        padding: 10px 5px;
    }
}
.cyl.custom_tab_section .tabbed>ul li a.active-tab {
    color: #ffffff;
    background: #49c7ba;
    box-shadow: none;
}

.cyl.custom_tab_section .tabbed>ul li a:hover {
    color: #ffffff;
    background-color: #45BFB3!important;
}

.cyl.custom_tab_section .tabbed>ul li a.active-tab:hover {
    color: #fff;
    box-shadow: none;
    background: #49c7ba;
}

.cyl.tab_wrap {
    height: auto;
}

.custom_tab_section .wpb_wrapper.tabbed.clearfix {
    height: auto;
}
/* TAB SECTION NEW - END */

/* COUNTER */

.circle-counter {
    background: linear-gradient(109.35deg, #FCFCFC 34.18%, rgba(255, 255, 255, 0) 57.58%), #F1F2F7;
    /* Cyan Cylindo */
    border: 25px solid #49C7BA;/* button style */
    box-shadow: 0px 15px 35px rgba(48, 72, 87, 0.1), 0px 5px 15px rgba(0, 0, 0, 0.05);
    font-family: Montserrat;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    font-size: 52px;
    color: #304857;
    border-radius: 200px;
    width: 180px;
    height: 180px;
    margin: 0 auto;
    padding: 33px 12px;
    text-align: center;
    margin-bottom: 20px;
}

@media screen and (max-width: 690px) {
    .circle-counter {
        border: 15px solid #49C7BA;
        width: 130px;
        height: 130px;
        font-size: 44px;
        padding: 23px 8px;
    }

    .circle-counter > h3.new-styles {
        font-size: 16px !important;
    }
}


@media screen and (max-width: 575px) {
    .mt-35 {
    margin-top: 35px; 
    }
}
/* Menu - START */

html body #menu-item-2953 a {
    color: white !important;
    background-color: #45bfb3;
    border-radius: 99px;
    margin: 5px;
    height: 40px;
    line-height: 22px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    margin-left: 20px;
    opacity: 1;
}

/* Menu - END */ 
@media screen and (min-width: 999px) {
    .clients-section {
        top: -75px !important;
    }
}
@media screen and (max-width: 540px) {
    .clients-section {
        top: -50px !important;
    }
}

@media screen and (max-width: 495px) {
    .clients-section {
        top: -70px !important;
    }
}

@media screen and (max-width: 415px) {
    .clients-section {
        top: -110px !important;
    }
}

@media screen and (max-width: 350px) {
    .clients-section {
        top: -150px !important;
    }
}

.viewer-hd-icons {
    width: 50px !important;
    padding: 0px 0;
    margin: 0 !important;
    margin-left:  -7px !important;
}

.viewer-hd-process-icons {
    width: 40px !important;
    padding: 0px 0;
    margin: 0 !important;
    margin-left:  0 !important;
    padding-bottom: 10px;
}

.ic-arrow.ig_pointer-hd {
    height: 27px;
    width: 30px;
    background: url(../../../uploads/dot_pointer_icons_new.png) no-repeat;
    background-position: center top;
    margin-bottom: 65px;
    display: inline-block;
    background-size: 30px;
    left: -45px;
    position: relative;
}

.col-one-quarter.hd-viewer-page {
    width: 20%;
}

@media screen and (min-width: 1000px) {
    .process_wrap.hd-viewer-page {
        margin-left: 8%;
    }
}

@media screen and (max-width: 1000px) {
    .viewer-hd-icons {
        margin: 0 auto !important;
    }

    .ic-arrow.ig_pointer-hd {
        left: 0;
        margin-bottom: 35px;
    }
    .viewer-hd-process-icons {
        margin: 0 auto!important;
    }
    
    .tabs-section.intelligence {
        top: -85px !important;
        padding-top: 0px !important;
    }
    .pb-80 {
        padding-bottom: 80px;
    }
}

@media screen and (min-width: 1000px) {
    .clients-area.initelligence {
        padding-top: 120px !important;
    }
}

.pt-120 {
    padding-top: 120px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pb-15 {
    padding-bottom: 15px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-5 {
    padding-top: 5px;
}


@media only screen and (min-width: 545px) and (max-width: 1000px) {
    .pt-50-vh  {
        padding-top: 50vh !important;
    }

    .pt-25-vh  {
        padding-top: 25vh !important;
    }
}
/*CLASSES FOR FORMS START*/
#hsForm_b380bb88-5f5b-49d9-b7c4-c78e900bc677 > div > div.actions > input , #hsForm_98ebe1ca-bc72-47f4-b562-931d3492d3e1 > div > div.actions > input{
    margin: 0 auto;
    margin-top: 25px;
}

/*CLASSES FOR FORMS END*/

.contact-map > div.row-bg-wrap > div {
    background-size: contain !important;
    position: absolute;
    top: -130px;
}
@media screen and (min-width: 1200px) {
    .contact-map {
        min-height: 135vh !important;
        background-size: cover !important;
    }
}

@media only screen and (min-width: 800px) and (max-width: 1199px) {
    .contact-map {
        min-height: 675px !important;
    }
}

/* @media screen and (max-width: 799px) {
    .contact-map > div.row-bg-wrap > div {
        background-size: contain !important;
    }
    .contact-map {
        min-height: 500px !important;
    }
} */

@media screen and (max-width: 1100px) {
    .contact-map {
        display:none!important;
    }
  }

@media screen and (min-width: 1100px) {
    .contact-map-2 > div.col.span_12.light > img {
    display: none!important;
    }
}
@media screen and (max-width: 1099px) {
    .contact-map-2 {
        left: -27px;
        width: 117%;
        position: relative;
        top: -120px;
    }
}

.ebook-page .hs-form .hs-form-field>label span , .guide-page .hs-form .hs-form-field>label span {
    color: #FFFFFF;
}

.ebook-page .actions , .guide-page .actions{
    text-align: center;
}


#header-outer li.cms-login-btn a , body.menu-dark #header-outer.menu-dark li.cms-login-btn a , html body.page-id-5505 #header-outer.header-transparent li.cms-login-btn a , body.menu-light #header-outer.header-solid.menu-light li.cms-login-btn a{
    background-color: transparent;
    border-radius: 99px;
    margin: 5px;
    height: 40px;
    line-height: 20px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    opacity: 1;
    border: 1px solid #49C7BA;
    min-width: 150px;
    text-align: center;
    color: #49C7BA !important;
}

body.menu-light #header-outer.menu-light li.cms-login-btn a {
    background-color: transparent;
    border-radius: 99px;
    margin: 5px;
    height: 40px;
    line-height: 20px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
    opacity: 1;
    border: 1px solid #fff;
    min-width: 150px;
    text-align: center;
    color: #fff !important;
}

#header-outer li.cms-login-btn a:hover , body.menu-dark #header-outer.menu-dark li.cms-login-btn a:hover , html body.page-id-5505 #header-outer.header-transparent li.cms-login-btn a:hover , body.menu-light #header-outer.header-solid.menu-light li.cms-login-btn a:hover , body.menu-light #header-outer.menu-light li.cms-login-btn a:hover{ 
    opacity: 0.8;
}

/* Classes for the guide landing page */
.guide-page #footer-widgets, .guide-page #header-outer, .guide-page header#top {
    display: none;
}

.green-dot {
    height: 12px;
    width: 12px;
    background-color: #45BFB3;
    border-radius: 50%;
    display: inline-block;
}

.sop_p.guide {
    font-size: 18px;
    padding-top: 30px;
    line-height: 24px;
    color: #2F3A4C;
    font-weight: 500;
}

.sop_subheading.guide {
    font-size: 28px;
    padding: 0px 3px;
    font-weight: 300;
    letter-spacing: 0.6px;
    line-height: normal;
    color: #2F3A4C;
}

.sop_heading.guide {
    font-size: 36px;
    line-height: normal;
    font-weight: 600;
    padding: 20px 3px;
    width: 75%;
    margin: 0 auto;
    margin-top: 35px;
    color: #2F3A4C;
    margin-bottom: 15px;
}

.guide-hard-cover {
    margin-top: 0;
}

.guide-image-bottom {
    max-height: 400px;
}

.sop_heading.guide span.green-text {
    font-size: 120%;
}

ul.ebook-ul.guide li:before {
    content: "";
    display: inline-block;
    /* vertical-align: top; */
    margin-right: 8px;
    position: relative;
    top: 25px;
    background-repeat: no-repeat;
    background: url(https://www.cylindo.com/wp-content/uploads/check-mark.png);
    background-size: 40px 40px, contain;
}

/* @media screen and (min-width: 1201px) {
    .page-id-5852 #footer-outer {
        background-color: #1d1e21;
    }
} */

@media screen and (min-width: 1000px) {
    .sop_p.guide {
        width: 80%;
        margin: 0 auto;
    }
    ul.ebook-ul.guide {
        width: 62%;
        margin-left: 23%;
    }
}

@media only screen and (min-width: 1001px) {
    .download-ebook-mobile {
        display: none;
    }
    .guide-image-middle-size {
        display: none !important;
    }
    .guide-image-small-size {
        display: none !important;
    }

    div.col.span_4.col_last.boxed.form-black.download-ebook-bigscreen > div > h3 {
        padding: 0 0 20px;
    }
    
    #hsForm_d77e51f2-b3f7-4d93-b345-95e1f7f20a55 > div.hs_submit.hs-submit > div.actions > input {
        margin: 10px 0 20px;
    }
    
    div.col.span_4.col_last.boxed.form-black.download-ebook-bigscreen {
        margin-top: 40px;
    }
}

@media only screen and (max-width: 1000px) {
    .guide-cover .row-bg-wrap .row-bg {
        /* background-image: url(https://www.cylindo.com/wp-content/uploads/guide-cover-devices.jpg) !important; */
        background-position: center center;
    }

    .guide-cover>.col.span_12.light>.divider, .guide-cover>.col.span_12.light>.clear {
        display: none;
    }

    .sop_subheading.guide {
        font-size: 23px;
        padding: 0px 3px;
        text-align: center;
        letter-spacing: 0.6px;
        line-height: normal;
    }

    .sop_heading.guide {
        font-size: 40px;
        line-height: normal;
        text-align: center;
        padding: 20px 3px;
        width: 70%;
    }

    .col.centered-text img.header-logo-guide {
        margin-top: 35px !important;
        margin-bottom: 20px !important;
    }

    ul.guide-share-icons >li  {
        float: none !important;
    }

    ul.guide-share-icons {
        margin-left: 0 !important;
    }
}

.guide-cover .row-bg-wrap .row-bg {
    background-size: contain;
    opacity: 0.1;
}

.header-logo-guide {
    max-height: 80px;
    margin-bottom: 20px!important;
}

@media screen and (max-width: 1270px) {
    .guide-cover .row-bg-wrap .row-bg {
        background-size: contain;
        background-position-y: 32px !important;
    }
    .sop_subheading.guide {
        font-size: 24px;
        padding: 0px 3px;
        letter-spacing: 0.6px;
        line-height: normal;
    }
    .sop_heading.guide {
        font-size: 37px;
        line-height: normal;
        padding: 20px 3px;
        margin-top: 100px;
        width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 830px) {
    .sop_heading.guide {
        font-size: 34px;
        line-height: normal;
        text-align: center;
        padding: 20px 3px;
        width: 90%;
    }
    .sop_subheading.guide {
        font-size: 23px;
        padding: 0px 3px;
        text-align: center;
        letter-spacing: 0.6px;
        line-height: normal;
    }
}

@media screen and (max-width: 690px) {
    .sop_p.guide {
        padding: 0 20px;
        font-size: 16px;
        line-height: 20px !important;
    }
    .sop_subheading.guide {
        font-size: 23px;
        padding: 0px 3px;
        text-align: center;
        letter-spacing: 0.6px;
        line-height: normal;
    }
    .sop_heading.guide {
        font-size: 40px;
        line-height: normal;
        text-align: center;
        padding: 20px 3px;
    }
    .guide-hard-cover {
        display: none;
    }
    .guide-image-middle-size {
        display: none !important;
    }
    .guide-image-small-size {
        max-height: 430px;
        margin: 0 auto;
    }
}

@media (max-width:1000px) and (min-width:690px) {
    .sop_p.guide {
        text-align: left;
        padding-left: 10px;
        font-size: 16px !important;
        line-height: 22px !important;
    }
    .guide-hard-cover {
        display: none;
    }
    .guide-image-middle-size {
        max-height: 500px;
        margin: 0 auto;
        display: block;
    }
    .guide-image-small-size {
        display: none !important;
    }
}

@media screen and (max-width: 600px) {
    .sop_subheading.guide {
        font-size: 23px;
        padding: 0px 3px;
        text-align: center;
        letter-spacing: 0.6px;
        line-height: normal;
    }
    .sop_heading.guide {
        font-size: 32px;
        line-height: normal;
        text-align: center;
        padding: 20px 3px;
        width: 100%;
    }
}


@media screen and (max-width: 460px) {
    .sop_heading.guide {
        font-size: 29px;
        line-height: normal;
        text-align: center;
        font-weight: 500;
        padding: 20px 3px;
    }
    .sop_subheading.guide {
        font-size: 20px;
        padding: 0px 3px;
        text-align: center;
        letter-spacing: 0.6px;
        line-height: normal;
    }
}
@media screen and (max-width: 350px) {
    .sop_subheading.guide {
        font-size: 16px;
        padding: 0px 3px;
        text-align: center;
        font-weight: 400;
        letter-spacing: 0.6px;
        line-height: normal;
    }
    .sop_heading.guide {
        font-size: 21px;
        line-height: normal;
        text-align: center;
        font-weight: 600;
        padding: 20px 3px;
    }
}

#social.guide-share-icons >li > a > [class^="icon-"],[class*=" icon-"] {
    background-color: #fff;
    border-radius: 999px 999px 999px 999px;
    -moz-border-radius: 999px 999px 999px 999px;
    -webkit-border-radius: 999px 999px 999px 999px;
    -o-border-radius: 999px 999px 999px 999px;
    color: #90999e;
    display: inline-block;
    font-size: 16px;
    height: 32px;
    line-height: 35px;
    max-width: 100%;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 32px;
    top: -2px;
    word-spacing: 1px
}

#social.guide-share-icons >li > a > [class^="icon-"]:hover {
    color: #49c7ba;
}

ul.guide-share-icons >li  {
    list-style: none !important;
    list-style-position: unset;
    display: inline-block;
}

/* High Point LP classes START */

.bm_top_wrap.high-point-lp {
    width: 600px;
    margin-top: 180px;
}

.vrd_clients_wrap.high-point-lp {
    margin-left: 65px;
    margin-top: -290px;
    padding-bottom: 25px;
}




@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .bm_top_wrap.high-point-lp {
        width: 60%;
        margin-left: 0;
    }
}

@media only screen and (min-width: 1000px) and (max-width: 1016px) {
    #t_bookmv2 > div.bm_top_wrap.high-point-lp > div > h1 {
        margin-top: 0 !important;
     }
}

@media only screen and (max-width: 690px) {
    #t_bookmv2 > div.bm_top_wrap.high-point-lp > div > h1 {
        width: 44% !important;
        font-size: 28px !important;
        margin-top: 5px;
    }

    .high-point-logo {
        margin-top: -10px !important;
        width: 190px;
        height: 30% !important;
    }
}

@media only screen and (max-width: 400px){
    #t_bookmv2 > div.bm_top_wrap.high-point-lp > div > img {
        height: 20% !important;
        vertical-align: middle;
        margin-left: 10px !important;
        width: 145px !important;
        margin-top: 12px !important;
    }

    #t_bookmv2 > div.bm_top_wrap.high-point-lp > div > h1 {
        width: 50% !important;
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 500px){
    #t_bookmv2 .bm_top_wrap.high-point-lp { 
        margin-top: 95px !important;
    }
}

@media only screen and (max-width: 580px){
    #t_bookmv2 .bm_top_wrap.high-point-lp { 
        margin-top: 100px !important;
    }
    .vrd_clients_wrap.high-point-lp {
        margin-left: 0;
        margin-top: -335px;
    }
}

@media only screen and (min-width: 581px) and (max-width: 769px) {
    #t_bookmv2 .bm_top_wrap.high-point-lp { 
        margin-top: 15% !important;
    }
    .vrd_clients_wrap.high-point-lp {
        margin-left: 20px;
        margin-top: -325px;
    }
}

@media only screen and (min-width: 993px) and (max-width: 1000px) {
    #t_bookmv2 .vrd_clients_wrap.high-point-lp {
        margin-left: 205px;
     }
    }


@media only screen and (min-width: 690px) and (max-width: 1200px) {
    #t_bookmv2 > div.bm_top_wrap.high-point-lp > div > h1 {
        /* margin-top: 20px; */
     }
    }

 @media only screen and (min-width: 945px) and (max-width: 1000px) {
    #t_bookmv2 > div.bm_top_wrap.high-point-lp > div > h1 {
        margin-top: 5px;
        margin-left: 166px;
        width: 39% !important;
    }
}

@media screen and (min-width: 1000px) {
    .clients-section-new.high-point > div.col.span_12.dark > div {
        width: 50%;
    }

    .process_wrap.capi-pdf-page {
        margin-left: 8%;
    }
}

@media screen and (max-width: 1000px) {
    .clients-section-new.high-point > div.col.span_12.dark > div {
        margin-top: 30px !important;
    }
   
    #t_bookmv2 .vrd_clients_wrap.high-point-lp {
        position: inherit;
    }
}

@media screen and (max-width: 460px) {
    .vrd_clients_wrap.high-point-lp {

    }
}

.high-point-logo {
    height: 40% !important;
    vertical-align: middle;
    margin-left: 35px;
    width: 210px;
    margin-top: -42px;
}

/* High Point LP classes END */
/* Viewer on Blog Start*/

.viewer-on-blog {
    box-shadow: 0px 0px 100px rgba(48, 72, 87, 0.05), 0px 5px 15px rgba(0, 0, 0, 0.05);
}

.glyphicon-menu-left:before {
    font-family: 'Glyphicons Halflings';
    content: "\e257";
    color: #7BC7C7;
}

.glyphicon-menu-right:before {
    font-family: 'Glyphicons Halflings';
    content: "\e258";
    color: #7BC7C7;
} 

.cylindo-threesixty-list, .cylindo-thumbnail-list {
    list-style: none !important;
    padding: 0;
    margin: 0 auto !important;
}

ul.cylindo-threesixty-list li{
    list-style: none !important;
}
/* Viewer on Blog End*/

li.current-menu-item > a {
	color: #49c7ba !important;
}

/* Content api demo for download START*/
.demo-wrapper .demo-content .right-panel .variationscapi li {
    border-radius: 50%;
}

.demo-wrapper .demo-content .right-panel .variations li.selected:after, .fancybox-inner .right-panel .variations.capi li.selected:after {

}

p.headline.capi {
    margin-top: 0;
} 

.demo-wrapper .demo-content .right-panel.capi {
    position: relative;
    border-left: 1px solid #E5E5E5;
    margin-left: 0;
}

.cs_parallax_1.capi {
    background: #2F4455;
    padding-bottom: 40px;
    margin-top: 70px;
}

/* #label-firstname-98ebe1ca-bc72-47f4-b562-931d3492d3e1 > span {
    color: #ffffff;
}

#hsForm_98ebe1ca-bc72-47f4-b562-931d3492d3e1 > div.hs_submit.hs-submit > div.actions {
    text-align: center;
} */

/* .hs-form-02788341-5445-4661-b5d0-792004416252_dcf84d77-e331-43fc-8c87-89ffe61c76bf > fieldset.form-columns-2 > .hs-form-field{
    text-align: center !important;
    margin: 0 auto;
} */

#hsForm_02788341-5445-4661-b5d0-792004416252 > fieldset:nth-child(1) > div.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field , #hsForm_02788341-5445-4661-b5d0-792004416252 > fieldset:nth-child(1) > div.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field , #hsForm_02788341-5445-4661-b5d0-792004416252 > fieldset:nth-child(2) > div.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field , #hsForm_02788341-5445-4661-b5d0-792004416252 > fieldset:nth-child(2) > div.hs_jobtitle.hs-jobtitle.hs-fieldtype-text.field.hs-form-field{
    text-align: center;
}

#hsForm_02788341-5445-4661-b5d0-792004416252 > div > div.actions {
    margin-top: 25px;
    text-align: center;
}

#label-firstname-02788341-5445-4661-b5d0-792004416252 > span , #label-lastname-02788341-5445-4661-b5d0-792004416252 > span , #label-email-02788341-5445-4661-b5d0-792004416252 > span , #label-jobtitle-02788341-5445-4661-b5d0-792004416252 > span {
    color: #ffffff;
}

#label-firstname-02788341-5445-4661-b5d0-792004416252 > label > span , #label-lastname-02788341-5445-4661-b5d0-792004416252 > label > span , #label-email-02788341-5445-4661-b5d0-792004416252 > label > span , #label-jobtitle-02788341-5445-4661-b5d0-792004416252 > label > span {
    color: #ffffff !important;
} 


#hsForm_62fbaf02-e763-44ea-8734-a257a20abf66 > fieldset:nth-child(1) > div.hs_firstname.hs-firstname.hs-fieldtype-text.field.hs-form-field , #hsForm_62fbaf02-e763-44ea-8734-a257a20abf66 > fieldset:nth-child(1) > div.hs_lastname.hs-lastname.hs-fieldtype-text.field.hs-form-field , #hsForm_62fbaf02-e763-44ea-8734-a257a20abf66 > fieldset:nth-child(2) > div.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field , #hsForm_62fbaf02-e763-44ea-8734-a257a20abf66 > fieldset:nth-child(2) > div.hs_jobtitle.hs-jobtitle.hs-fieldtype-text.field.hs-form-field{
    text-align: center;
}

#hsForm_62fbaf02-e763-44ea-8734-a257a20abf66 > div > div.actions {
    margin-top: 25px;
    text-align: center;
}

#label-firstname-62fbaf02-e763-44ea-8734-a257a20abf66 > span , #label-lastname-62fbaf02-e763-44ea-8734-a257a20abf66 > span , #label-email-62fbaf02-e763-44ea-8734-a257a20abf66 > span , #label-jobtitle-62fbaf02-e763-44ea-8734-a257a20abf66 > span {
    color: #ffffff;
}

#label-firstname-62fbaf02-e763-44ea-8734-a257a20abf66 > label > span , #label-lastname-62fbaf02-e763-44ea-8734-a257a20abf66 > label > span , #label-email-62fbaf02-e763-44ea-8734-a257a20abf66 > label > span , #label-jobtitle-62fbaf02-e763-44ea-8734-a257a20abf66 > label > span {
    color: #ffffff !important;
} 


.demo-wrapper .demo-content .right-panel .variationscapi li {
    width: 37px;
    height: 37px;
    display: inline-block;
    background: #EFEFEF;
    cursor: pointer;
    opacity: 0.7;
    transition: opacity 0.2s ease;
    position: relative;
    margin-right: 5px;
    margin-bottom: 5px;
}

.demo-wrapper .demo-content .right-panel .variationscapi li.selected:after, .fancybox-inner .right-panel .variationscapi li.selected:after {
    content: "";
    display: block;
    position: absolute;
    width: 70%;
    height: 3px;
    border-radius: 2px;
    background: rgba(73, 199, 186, 0.78);
    bottom: -7px;
    left: 15%;
}

.variationscapi > ul.variation-selector , .variationscapi > button {
    margin-left: 0;
}

@media screen and (max-width: 1000px) {
    .variationscapi {
        text-align: center;
        margin-bottom: 24px;
    }

    .padding-top-70 {
        padding-top: 70px;
    }

    .auto-width {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .video-holder-bottom.capi-pdf-page {
        padding-bottom: 370px !important;
    }
}

@media screen and (min-width: 768px) {
    .pad-top-20p {
        padding-top: 12%;
    }
}

.auto-width {
    width: 80%;
    margin: 0 auto;
}

.curved-background.capi-pdf-page>.row-bg-wrap>.using-bg-color:before {
    background-image: url(../../../uploads/Cylindo_Cover_Design8.png) !important;
    background-size: cover;
}

.col-one-quarter.capi-pdf-page {
    width: 20%;
}
/* Content api demo for download END*/

/* 404 page START*/
h1.error-text {
    font-weight: bold;
    line-height: normal;
    font-size: 180px !important;
    color: #304857;
    margin-bottom: 0 !important;
}

/* 404 page END*/