/*FONTS START*/

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/f4584575-6d48-4b85-ab1a-f8515c8d5a47.eot?#iefix");
    src: url("../fonts/f4584575-6d48-4b85-ab1a-f8515c8d5a47.eot?#iefix") format("eot"), url("../fonts/db6fe929-f6d1-49c0-b801-fb3819bdab52.woff2") format("woff2"), url("../fonts/bb146907-1ee4-4afd-89c1-4fa3b50cf292.woff") format("woff"), url("../fonts/a46a9d92-1650-4841-ad2e-76edcb4e0e14.ttf") format("truetype"), url("../fonts/029b7395-517d-4666-bcd2-ad3d0197afc7.svg#instana-029b7395-517d-4666-bcd2-ad3d0197afc7") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/6c7c3b03-6b24-4e35-961b-bd1f10ae3a20.eot?#iefix");
    src: url("../fonts/6c7c3b03-6b24-4e35-961b-bd1f10ae3a20.eot?#iefix") format("eot"), url("../fonts/8a142bb4-8c8b-4f44-8c75-4cefea3b5bfd.woff2") format("woff2"), url("../fonts/980f3717-4345-4b45-af17-9cd125aec8e7.woff") format("woff"), url("../fonts/8940a93d-021f-4e12-b8df-4cc535f4e51d.ttf") format("truetype"), url("../fonts/ec779dbd-88cd-446a-a212-cf87ddc834d6.svg#instana-ec779dbd-88cd-446a-a212-cf87ddc834d6") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/047fe3ac-de79-474d-b69e-67628d04f5dd.eot?#iefix");
    src: url("../fonts/047fe3ac-de79-474d-b69e-67628d04f5dd.eot?#iefix") format("eot"), url("../fonts/6472997f-571e-423e-939f-a45bd43f7426.woff2") format("woff2"), url("../fonts/e28c0d06-fb26-4196-b7c2-5503cb8b11d2.woff") format("woff"), url("../fonts/1ed06607-9794-4498-921a-baea18b082a0.ttf") format("truetype"), url("../fonts/aa497888-dc7f-46f5-8747-2958aa3f18e1.svg#instana-aa497888-dc7f-46f5-8747-2958aa3f18e1") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/20dfc1fb-3e16-4085-adcb-ac03c7742ea7.eot?#iefix");
    src: url("../fonts/20dfc1fb-3e16-4085-adcb-ac03c7742ea7.eot?#iefix") format("eot"), url("../fonts/4f6df9f8-69df-491b-afcf-22a6ca3e8be0.woff2") format("woff2"), url("../fonts/80208d64-9030-4c0c-8644-a071f4f80e37.woff") format("woff"), url("../fonts/4de0920a-b842-420b-84e9-f5d3fd924960.ttf") format("truetype"), url("../fonts/b316049c-804c-4063-a0c5-7c67e1593c7a.svg#instana-b316049c-804c-4063-a0c5-7c67e1593c7a") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/7b247cf5-9340-41e2-9fec-176a0a16121a.eot?#iefix");
    src: url("../fonts/7b247cf5-9340-41e2-9fec-176a0a16121a.eot?#iefix") format("eot"), url("../fonts/5034f5ca-70f1-4f29-bb9c-8e837a950ec8.woff2") format("woff2"), url("../fonts/b3fc3e06-0529-46d3-8fde-82990bcc5ef2.woff") format("woff"), url("../fonts/b80c3ca5-5da6-4612-8ce9-e474df7ffd0a.ttf") format("truetype"), url("../fonts/b599f87c-c2b4-415f-8e9f-0dba63b02995.svg#instana-b599f87c-c2b4-415f-8e9f-0dba63b02995") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/57a06925-bc93-41c9-a641-b65322e24b09.eot?#iefix");
    src: url("../fonts/57a06925-bc93-41c9-a641-b65322e24b09.eot?#iefix") format("eot"), url("../fonts/c364d331-fecb-4e63-93d3-bf2e24d36035.woff2") format("woff2"), url("../fonts/c3d17111-261c-4c5e-afac-6931b5140e17.woff") format("woff"), url("../fonts/b7f2f96b-0f2f-448e-ace0-3e1a050fe460.ttf") format("truetype"), url("../fonts/dc7367b2-e520-4a8c-b3e6-761c53899bb5.svg#instana-dc7367b2-e520-4a8c-b3e6-761c53899bb5") format("svg");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/b4caf7c0-4a5f-4e63-bf85-4332283d1e0c.eot?#iefix");
    src: url("../fonts/b4caf7c0-4a5f-4e63-bf85-4332283d1e0c.eot?#iefix") format("eot"), url("../fonts/999dd6a4-c652-4d7c-8eed-037398f59dc8.woff2") format("woff2"), url("../fonts/a5af46b2-4f82-47f6-b95e-6049a32bdb67.woff") format("woff"), url("../fonts/da3a92b8-29f1-4a9a-87d6-6a2c88567b67.ttf") format("truetype"), url("../fonts/6d5c4e78-ec99-4330-8818-31809a2e8676.svg#instana-6d5c4e78-ec99-4330-8818-31809a2e8676") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans";
    src: url("../fonts/64e94f37-f9ce-4eac-98fd-ed8658841fe5.eot?#iefix");
    src: url("../fonts/64e94f37-f9ce-4eac-98fd-ed8658841fe5.eot?#iefix") format("eot"), url("../fonts/a8c41f08-9f26-485f-9536-c7e6cfef1e92.woff2") format("woff2"), url("../fonts/032b2abc-9043-4df9-a1ad-9e524f81f296.woff") format("woff"), url("../fonts/f9475a46-aedc-4b09-90e7-e9315007e3c8.ttf") format("truetype"), url("../fonts/410be8e5-5ee3-4575-9164-8b7bc774c4bf.svg#instana-410be8e5-5ee3-4575-9164-8b7bc774c4bf") format("svg");
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans Condensed";
    src: url("../fonts/fd0fbb29-91c3-4935-a86f-eeee8398c868.eot?#iefix");
    src: url("../fonts/fd0fbb29-91c3-4935-a86f-eeee8398c868.eot?#iefix") format("eot"), url("../fonts/7d02c168-550d-4626-a0ad-c558f8de9a8e.woff2") format("woff2"), url("../fonts/8cc345aa-0843-4834-830d-221e678f92ea.woff") format("woff"), url("../fonts/0e8d275c-4b80-4b19-9ee0-de5fcfda9662.ttf") format("truetype"), url("../fonts/2eb793da-d30a-4aab-a14f-3728f069a7d4.svg#instana-2eb793da-d30a-4aab-a14f-3728f069a7d4") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans Condensed";
    src: url("../fonts/5f7f0649-d389-4a22-a42d-ec7578ec7279.eot?#iefix");
    src: url("../fonts/5f7f0649-d389-4a22-a42d-ec7578ec7279.eot?#iefix") format("eot"), url("../fonts/01204f34-892a-4813-a599-62866e15865a.woff2") format("woff2"), url("../fonts/c08141b9-cd94-4301-859e-4e165f5e10fd.woff") format("woff"), url("../fonts/bed939cc-d3ca-4ca9-8960-5eb2ef5c2294.ttf") format("truetype"), url("../fonts/64232561-8fed-41ba-beb0-8fcb645a93d9.svg#instana-64232561-8fed-41ba-beb0-8fcb645a93d9") format("svg");
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans Condensed";
    src: url("../fonts/75029280-580e-45eb-9b2e-ecf38c417bf5.eot?#iefix");
    src: url("../fonts/75029280-580e-45eb-9b2e-ecf38c417bf5.eot?#iefix") format("eot"), url("../fonts/da55b34f-955e-4e88-a82d-a53ee43fbd46.woff2") format("woff2"), url("../fonts/95650eab-1376-4c84-90ca-f60eee89db8f.woff") format("woff"), url("../fonts/ef254193-6541-46d5-a8d7-42b6c2007082.ttf") format("truetype"), url("../fonts/95f5ef77-223c-42a9-b117-5b3fabf696e4.svg#instana-95f5ef77-223c-42a9-b117-5b3fabf696e4") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Pluto Sans Condensed";
    src: url("../fonts/bd8d98a6-71de-4b79-a196-6246a7372bcc.eot?#iefix");
    src: url("../fonts/bd8d98a6-71de-4b79-a196-6246a7372bcc.eot?#iefix") format("eot"), url("../fonts/0d5ee4ab-684e-471b-afdf-8e8fb1b02564.woff2") format("woff2"), url("../fonts/c85c4fa9-8a90-41d7-9ce0-d944b73d0952.woff") format("woff"), url("../fonts/ee140484-f3aa-4a64-8745-a687dae6e013.ttf") format("truetype"), url("../fonts/5692ab22-3442-4910-8feb-6d4e7dc9101b.svg#instana-5692ab22-3442-4910-8feb-6d4e7dc9101b") format("svg");
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "FontAwesome";
    src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'instanaiconfont';
    src: url('../fonts/instanaiconfont.eot?22555420');
    src: url('../fonts/instanaiconfont.eot?22555420#iefix') format('embedded-opentype'), url('../fonts/instanaiconfont.woff2?22555420') format('woff2'), url('../fonts/instanaiconfont.woff?22555420') format('woff'), url('../fonts/instanaiconfont.ttf?22555420') format('truetype'), url('../fonts/instanaiconfont.svg?22555420#instanaiconfont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/*FONTS END*/


/*MAING SETTINGS*/

html {
    overflow-x: hidden;
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    overflow: auto;
}

body,
a,
div,
ul,
ol,
li {
    margin: 0;
    font-family: "Pluto Sans Condensed", sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    color: #262e32;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Pluto Sans", sans-serif;
    font-weight: 600;
}

.wrapper {
    max-width: 1400px;
    margin: 0 auto !important;
}

#main img {
    width: 100%;
    height: auto;
}

[class^="icon-instana"]:before,
[class*=" icon-instana"]:before {
    font-family: "instanaiconfont";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-instanaproduct_alerting-root-cause-analysis-icon:before {
    content: '\e800';
}


/* '' */

.icon-instanaproduct_contex-guide-icon:before {
    content: '\e801';
}


/* '' */

.icon-instanaproduct_application-and-services-monitoring-icon-new:before {
    content: '\e802';
}


/* '' */

.icon-instanaproduct_unbounded-analytics-icon:before {
    content: '\e803';
}


/* '' */

.icon-instanaproduct_infrastructure-containers-icon:before {
    content: '\e804';
}


/* '' */

.icon-instanaproduct_pipeline-feedback-icon:before {
    content: '\e805';
}


/* '' */

.icon-instanaproduct_website-end-user-monitoring-icon:before {
    content: '\e806';
}


/* '' */

.icon-instanaproduct_smartalerts_icon:before {
    content: '\e807';
}


/* '' */

.icon-instanalink-arrow-01:before {
    content: '\e808';
}

.icon-instanaproduct-observability-icon:before { 
    content: '\e809'; 
}

/* '' */

.icon-instanasearch-icon-01:before {
    content: '\e80a';
}


/* '' */

.icon-instanaquote-icon:before {
    content: '\e80b';
}


/* '' */

.bg-faded {
    background: #fff;
}

.ctcc-left-side {
    color: #fff;
}

.blue-separator {
    background-image: url(/media/Headline-underline-01.svg);
    width: 55px;
    height: 10px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 55px;
    background-size: 100%;
}
.green-separator {
    background-image: url(/media/Headline-underline-teal.svg);
    width: 55px;
    height: 10px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 55px;
    background-size: 100%;
}
a:not([href]):not([tabindex]) {
    cursor: pointer;
}
/*MAIN SETTINGS END*/


/*HEADER START*/

.max-head-height {
    min-height: 550px;
}

.home-h-title {
    font-size: 70px;
    line-height: 1;
    font-weight: 500;
    font-family: "Pluto Sans";
    color: rgb(27, 39, 51);
    letter-spacing: -3px;
}

.dud {
    color: rgb(223, 228, 232);
    font-weight: 100;
    line-height: 0;
    margin: 0;
    padding: 0;
    font-size: 69px;
    font-family: "Pluto Sans";
}

.green-h-title {
    color: #00b3b3;
}

.home-h-subtitle {
    font-family: Pluto Sans Condensed;
    font-size: 30px;
    font-weight: 400;
    /* color: rgb(99, 114, 130); */
    color: rgb(71, 82, 93);
    margin-bottom: 60px;
    margin-top: 35px;
}

.header-logo {
    max-width: 150px;
    width: 100%;
    min-width: 150px;
}

.home-h-img {
    background-image: url(/media/Hero-Image-desktop-new.svg);
    background-size: contain;
    padding-bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px; 
}

.btn.btn-freetrial {
    background-color: rgb(23, 161, 230);
    border-width: 2px;
    border-color: rgb(23, 161, 230);
    color: #fff;
    border-radius: 6px;
    padding: 8px 35px 8px 35px;
    font-size: 18px;
    font-family: "Pluto Sans Condensed";
    margin-right: 20px;
}

.btn.btn-freetrial:hover {
    background-color: #2483b3;
    border-color: #2483b3;
}

.btn.btn-getstarted-he {
    background-color: #7a57c5;
    border-width: 2px;
    color: #fff;
    border-radius: 6px;
    padding: 10px 15px 10px 15px;
    font-size: 18px;
    font-family: "Pluto Sans Condensed";
    margin-right: 20px;
    min-width: 220px;
}

.btn.btn-getstarted-he:hover {
    background-color: #6946b5;
    border-color: #6946b5;
    color: #fff;
}

.btn.btn-freet-he {
    background-color: rgb(23, 161, 230);
    border-width: 2px;
    color: #fff;
    border-radius: 6px;
    padding: 10px 15px 10px 15px;
    font-size: 18px;
    font-family: "Pluto Sans Condensed";
    margin-right: 20px;
    min-width: 220px;
}

.btn.btn-freet-he:hover {
    background-color: #2483b3;
    border-color: #2483b3;
    color: #fff;
}

.btn.btn-wvideo,
.fv-player-lightbox-link {
    border-width: 2px;
    border-color: #1b2733;
    border-style: solid;
    border-radius: 6px;
    color: #1b2733;
    padding: 10px 15px 10px 15px;
    font-size: 18px;
    font-family: "Pluto Sans Condensed";
    text-decoration: none !important;
    min-width: 220px;
}

.btn.btn-wvideo:hover,
.fv-player-lightbox-link:hover {
    background-color: rgb(27, 39, 51);
    color: #fff;
}


/*HEADER END*/


/*PROMOTION SECTION START*/

.promotion-section-h {
    /*padding-bottom: 4%;*/
}

.promotion-box {
    background-color: #f2f6f7;
    /*box-shadow: 0px 0px 18px 12px rgba(229, 233, 237, 0.4);*/
    margin: 0 auto;
    border-radius: 10px;
}

.recent-title h2 {
    font-size: 28px;
    color: rgb(27, 39, 51);
    font-family: "Pluto Sans Condensed";
    font-weight: 600;
}

.recent-category p {
    font-size: 14px;
    color: #768594;
    font-family: "Pluto Sans Condensed";
    font-weight: 600;
    margin-bottom: 10px;
    line-height: 1;
    letter-spacing: 1.2px
}

.promo-but-align {
    text-align: right;
}

.btn.btn-promotion {
    background-color: #00b3b3;
    border-radius: 6px;
    color: #fff!important;
    padding: 8px 25px;
    font-size: 18px;
    font-family: pluto sans condensed;
}


.btn.btn-promotion:hover {
    background-color: #02a6a6;
}

.promotion-box {
    background-image: url(/media/Pattern-Announcment-01.svg);
    background-repeat: no-repeat;
}

a.link-wrapper {
    color: #1b2733 !important;
}

.zos-title {
    font-family: "Pluto Sans Condensed";
    font-weight: 500;
    font-size: 28px;
    color: #262e32;
    margin-bottom: 15px;
}
.zos-title-link {
    color: #262e32 !important;
}
.zos-link {
    font-family: "Pluto Sans Condensed";
    font-weight: 500;
    font-size: 18px;
    color: #00b3b3;
    display: flex;
    align-items: center;
}
.zos-link:hover {
    color: #00b3b3;
}
.zos-link:after {
    content: "";
    width: 20px;
    font-size: 10px;
    background-image: url(/media/arrow-zos-link.svg);
    height: 10px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 10px;
}
.zos-border {
    position: relative;
    background: #fff;
    background-clip: padding-box;
    border: solid 2px transparent;
    border-radius: 0.8rem;
    padding-top: 35px;
    padding-bottom: 35px;
}
.zos-box:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    margin: -2px;
    border-radius: inherit;
    background: linear-gradient( #00CCCC, #2483B3);
}
.zos-img-container {
    position: absolute;
    left: -45px;
    top: -13px;
    max-width: 120px;
}
.zos-img-container img {
    min-width: 120px;
}
@media screen and (max-width: 1440px) {
    .zos-title {
        font-size: 25px;
    }
    .zos-img-container {
        top: -15px;
    }
}
@media screen and (max-width: 1280px) {
    .zos-title {
        font-size: 23px;
    }
    .zos-img-container {
        top: -16px;
    }
}
@media screen and (max-width: 1024px) {
    .zos-title {
        font-size: 19px;
    }
    .zos-link {
        font-size: 16px;
    }
    .zos-img-container {
        top: -16px;
    }
    .zos-img-container {
        left: -30px;
        top: -10px;
        max-width: 104px;
    }
}
@media screen and (max-width: 991px) {
    .zos-box-h {
        min-height: 60px;
    }
    .zos-title {
        font-size: 23px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }
    .zos-link {
        font-family: "Pluto Sans Condensed";
        justify-content: center;
    }
    .zos-img-container {
        left: 50%;
        top: -60%;
        max-width: 120px;
        transform: translate(-50%, -50%);
    }
    .zos-border {
        margin-top: 60px;
    }
}
/*PROMOTION SECTION END*/

/*SOLUTIONS SECTION START*/
.solutions-section {
    padding-bottom: 80px;
    padding-top: 80px;
}
.solutions-section h2 {
    text-align: center;
    margin: auto;
    font-size: 35px;
    font-family: Pluto Sans Condensed;
    font-weight: 200;
    color: #262e32;
}
.solutions-section h3 {
    font-family: "Pluto Sans Condensed";
    color: #262e32;
    font-size: 25px;
    font-weight: 500;
}
.s-img-block img {
    max-width: 100px;
}
.s-img-block img {
    position: absolute !important;
    right: 5px;
    min-width: 60px;
}
.s-text-block p {
    font-family: "Pluto Sans Condensed";
    font-size: 16px;
    color: #262e32;
    font-weight: 400;
}
.box-body-inner {
    /*border: 1.5px solid #dfe4e8;*/
    border-radius: 8px;
    padding: 40px 30px;
    min-height: 350px;
    -webkit-box-shadow: 0 0 0 5px #dfe4e8;
    box-shadow: 0 0 0 5px #dfe4e8;
    transition: box-shadow 0.4s linear;
}
.box-body-inner:hover {
    box-shadow: 0 0 0 5px #2483b3;
}
.s-text-block ul {
    padding-left: 17px;
    font-size: 16px;
    font-family: "Pluto Sans Condensed";
    font-weight: 400;
    color: #262e32;
}
.box-body a {
    text-decoration: none !important;
}
.solutions-pat:before {
    content: url(/media/Product-pattern-01.svg);
    position: absolute;
    width: 100%;
    z-index: -1;
    max-width: 680px;
    /* text-align: center; */
    left: 0;
    right: 0;
    top: -30px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/*SOLUTIONS SECTION END*/

/*SUPPORTED TECH HOME START*/

.supported-section-h {
    padding-top: 80px;
    padding-bottom: 80px;
    background:#f0f0f0;
}

#supported-border {
    /*padding-bottom: 4%;*/
}

.success-h-subtitle {
    font-size: 28px;
    font-family: "Pluto Sans Condensed";
    color: rgb(99, 114, 130);
    font-weight: 300;
    padding-bottom: 4%;
}

.success-h-subtitle-top {
    font-size: 28px;
    font-family: "Pluto Sans Condensed";
    color: rgb(99, 114, 130);
    font-weight: 300;
    padding-bottom: 10px;
}

.img-logo-invert {
    max-width: 120px !important;
    filter: brightness(1.2) contrast(1) grayscale(100%) invert(0);
    -webkit-filter: brightness(1.2) contrast(1) grayscale(100%) invert(0);
    -moz-filter: brightness(1.2) contrast(1) grayscale(100%) invert(0);
    transition: .5s;
}

.hov-efect:hover .img-logo-invert {
    filter: brightness(1) contrast(1) grayscale(0) invert(0);
    -webkit-filter: brightness(1) contrast(1) grayscale(0) invert(0);
    -moz-filter: brightness(1) contrast(1) grayscale(0) invert(0);
}

.logo-cont {
    position: relative;
    overflow: hidden;
}

.logo-cont img {
    min-width: 100px;
    max-width: 100px !important;
}

.logo-cont img.img-logo-hover {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    max-width: 100px !important;
    margin: 0 auto;
}

.hov-efect:hover img {
    /* it's optional - for nicer transition effect */
    opacity: 1;
    -web-kit-transition: opacity 1s ease;
    -moz-transition: opacity 1s ease;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
}

.hov-efect:hover img.img-logo-hover {
    opacity: 1;
}

.hover-white-sup {
    width: 100%;
    border-radius: 10px;
    background-color: rgb(255, 255, 255);
    -webkit-box-shadow: 0 0 0 4px #2483b3;
    box-shadow: 0 0 0 0 #2483b3;
    transition: box-shadow .4s linear;
}

.hov-efect:hover .hover-white-sup {
    background-color: #fff;
    box-shadow: 0 0 0 5px #2483b3;
}

.supported-hover-link {
    text-decoration: none !important;
}

.st-number {
    font-size: 60px;
    font-family: "Pluto Sans Condensed";
    color: rgb(27, 39, 51);
    line-height: 1;
    font-weight: 300;
    margin-top: 15px;
    text-align: center;
}

.st-number-sub {
    font-size: 16px;
    font-family: "Pluto Sans Condensed";
    color: rgb(99, 114, 130);
    text-transform: uppercase;
    line-height: 1.556;
    font-weight: 600;
    letter-spacing: 1.2px;
}
.btn-black {
    background-color: #1b2733 !important;
    border-width: 2px !important;
    border-color: #1b2733 !important;
    color: #fff !important;
    border-radius: 6px !important;
    padding: 12px 35px !important;
    font-size: 20px !important;
    font-family: pluto sans condensed;
    margin-top: 30px;
}

.btn-black:hover {
    background-color: #0c151d !important;
    border-color: #0c151d !important;
    color: #fff !important;
}

.success-h-title {
    font-size: 40px;
    font-family: "Pluto Sans";
    color: #1b2733;
}
.case-studies {
    padding-top: 80px;
    padding-bottom: 80px;
}
.case-study-one {
    background: rgb(88,102,117);
    background: linear-gradient(180deg, rgba(88,102,117,1) 0%, rgba(108,124,140,1) 100%);
    padding: 30px;
    border-radius: 10px;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
.case-study-one:hover {
    background: rgb(108,124,140);
    background: linear-gradient(180deg, rgba(108,124,140,1) 0%, rgba(88,102,117,1) 100%);
}
.case-study-two {
    background: rgb(30,122,168);
    background: linear-gradient(180deg, rgba(30,122,168,1) 0%, rgba(33,134,185,1) 100%);
    padding: 30px;
    border-radius: 10px;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
.case-study-two:hover {
    background: rgb(33,134,185);
    background: linear-gradient(180deg, rgba(33,134,185,1) 0%, rgba(30,122,168,1) 100%);
}
.case-study-three {
    background: rgb(117,74,202);
    background: linear-gradient(180deg, rgba(117,74,202,1) 0%, rgba(137,94,225,1) 100%);
    padding: 30px;
    border-radius: 10px;
    height: 100%;
    min-height: 450px;
    -webkit-transition: background 1s ease-out;
    -moz-transition: background 1s ease-out;
    -o-transition: background 1s ease-out;
    transition: background 1s ease-out;
}
.case-study-three:hover {
    background: rgb(137,94,225);
    background: linear-gradient(180deg, rgba(137,94,225,1) 0%, rgba(117,74,202,1) 100%);
}
.case-study-three .case-link {
    position: absolute;
    bottom: 36px;
}
.case-body {
    position: relative;
}
.case-body:after {
    content: url(/media/Quote-symbol-01.svg);
    position: absolute;
    top: 0;
    width: 100px;
    right: 0;
    opacity: .2;
}
.case-body p {
    font-family: "Pluto Sans Condensed";
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 25px;
}
.case-author {
    font-family: "Pluto Sans Condensed";
    font-size: 22px;
    font-weight: 400;
    color: #fff;
}
.company-wrapper {
    display: flex;
    align-items: flex-end;
}
.case-company {
    font-family: "Pluto Sans Condensed";
    font-size: 14px;
    font-weight: 300;
    color: #fff;
}
.case-link a {
    font-family: "Pluto Sans Condensed";
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.case-link a:hover {
    color: #fff;
}
.case-link:after {
    content: url(/media/Link-Arrow.svg);
    display: inline-block;
    width: 10px;
    margin-left: 3px;
}
/*SUPPORTED TECH HOME END*/

/* CASE STUDIES START*/
.case-studies h2 {
    text-align: center;
    margin: auto;
    font-size: 35px;
    font-family: Pluto Sans Condensed;
    font-weight: 200;
    color: #262e32;
}
.bg-case-stud {
    background-image: url(/media/Customers-pattern-01.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
}
/*CASE STUDIES END*/

/*SUCCESS STORIES START*/
.success-stories h2 {
    font-family: pluto sans;
    color: #fff;
    font-size: 45px;
    font-weight: 500;
    text-align: center;
}
.white-separator {
    background-image: url(/media/white-separator.png);
    width: 55px;
    height: 10px;
    background-repeat: no-repeat;
    margin: 0 auto;
    margin-top: 25px;
    margin-bottom: 40px;
    background-size: 100%;
}
.success-stories {
    background: rgb(36,131,179);
    background: linear-gradient(180deg, rgba(36,131,179,1) 0%, rgba(36,131,179,1) 20%, rgba(9,168,179,1) 80%, rgba(255,255,255,1) 80%);
    padding-top: 80px;
    padding-bottom: 30px;
}
.tab-bg {
    background: #fff;
    padding-top: 40px;
    border-radius: 10px;
}
ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    max-width: 1300px;
    margin-top: -20px;
    margin-bottom: 20px;
}
ul.tabs li{
    background: none;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

ul.tabs li.current{
    background: #fff;
}

.tab-content{
    display: none;
    background: #fff;
    padding: 15px;
}

.tab-content.current{
    display: inherit;
}
.success-text {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.success-main-text p {
    font-family: "Pluto Sans Condensed";
    color: #262e32;
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 25px;
}
.success-main-aut {
    font-family: "Pluto Sans Condensed";
    font-size: 25px;
    font-weight: 600;
    color: #262e32;
    margin-bottom: 15px;
}
.success-main-com {
    font-family: "Pluto Sans Condensed";
    font-size: 16px;
    color: #999999;
    font-weight: 400;
}
.video-success {
    position: relative;
    display: block;
    width: 100%;
    left: 0;
    top: -90px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.author-suc-tab {
    font-family: "Pluto Sans Condensed";
    font-size: 20px;
    font-weight: 600;
    color: #262e32;
}
.comp-tab {
    font-family: "Pluto Sans Condensed";
    font-size: 14px;
    color: #999999;
    font-weight: 400;
}
li.tab-link {
    -webkit-box-shadow: 0 0 0 4px #fff;
    box-shadow: 0 0 0 0 #fff;
    transition: box-shadow .4s linear;
    border-radius: 5px;
}
li.tab-link.current {
    box-shadow: 0 0 0 5px #2483b3;
}
li.tab-link:hover {
    box-shadow: 0 0 0 5px #ececec;
}
li.tab-link.current:hover {
    box-shadow: 0 0 0 5px #2483b3;
}
.thumb-success img {
    border-radius: 10px;
    max-width: 150px;
    margin: 0 auto;
}
/*SUCCESS STORIES END*/

/*CUSTOMERS LOGO START*/

.customers-logos-inner {
    min-height: 120px;
}

.img-logo-max {
    max-width: 120px !important;
    filter: grayscale(100%);
}

.img-logo-max:hover {
    filter: grayscale(0%);
}

/*AWARDS SECTION START*/
.awards-title {
    text-align: center;
    margin: auto;
    font-size: 35px;
    font-family: Pluto Sans Condensed;
    font-weight: 200;
    color: #262e32;
}
.awards-section {
    padding-top: 80px;
    padding-bottom: 80px;
}
.award-top-img {
    max-width: 200px;
    margin: 0 auto;
}
.top-aword-title {
    font-family: "Pluto Sans Condensed";
    font-size: 24px;
    font-weight: 400;
    color: #262e32;
}
.outer-awards {
    border: 2px solid #dfe4e8;
    min-height: 220px;
    border-radius: 10px;
}
.awards-logos.row {
    padding-top: 70px;
    /*-webkit-mask-image: -webkit-gradient(linear, left center, right center, color-stop(0, transparent), color-stop(.10, rgba(0, 0, 0, .5)), color-stop(.25, black), color-stop(.75, black), color-stop(.90, rgba(0, 0, 0, .5)), color-stop(1, transparent));*/
}
.img-awards-max {
    max-width: 120px!important;
    padding-bottom: 15px;
}
.badge-img {
    max-width: 160px;
}
/*AWARDS SECTION END*/

/*CUSTOMERS LOGO END*/

/* CAROUSEL START */
.carousel-inner {
    min-height: 120px;
}
.customers-logos-h {
    background: #fff;
    padding-bottom: 5%;
}
.customers-logos-h .carousel-item {
    margin: 0 auto !important;
}
.carousel-indicators {
    bottom: -55px !important;
}
.carousel-indicators .active {
    background-color: #06b3b3 !important;
}
.carousel-indicators li {
    background-color: #b2b2b2 !important;
    top: 15px;
}
.carousel-indicators .active {
    background-color: #00b3b3 !important;
}
.carousel-indicators li {
    background-color: #c3cdd7 !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
}
.carousel-indicators {
    position: absolute;
    right: 0;
}
/*CAROUSEL END*/


/*WHATS NEW HOME START*/
.whats-new-h {
    background: rgb(36,131,179);
    background: linear-gradient(180deg, rgba(36,131,179,1) 0%, rgba(36,131,179,1) 35%, rgba(9,168,179,1) 100%);
    padding-top: 80px;
    padding-bottom: 80px;
}
.source-name {
    font-family: "Pluto Sans Condensed";
    font-size: 16px;
    color: #637282;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 5px;
}

.wats-title a {
    font-size: 24px;
    font-family: "Pluto Sans Condensed";
    color: rgb(35, 52, 66);
    line-height: 1.357;
}

.wats-title a:hover {
    color: rgb(35, 52, 66);
    text-decoration: underline;
}

.wats-after a {
    font-size: 16px;
    font-family: "Pluto Sans Condensed";
    color: rgb(6, 179, 179);
    text-transform: uppercase;
    line-height: 1.823;
    font-weight: 600;
    letter-spacing: 1.2px;
}

.wats-after a:hover {
    color: rgb(6, 179, 179);
    text-decoration: underline;
}

.wats-new-item {
    padding: 25px;
    border-radius: 10px;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(244,244,244,1) 100%);
    box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.15);
    transition: background 1s ease-out;
    /*min-height: 220px;*/
}

.wats-new-item:hover {
    background: rgb(244,244,244);
    background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    box-shadow: 0px 10px 20px 3px rgba(0, 0, 0, 0.15);
}

.rounded-img-top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.wats-title {
    /*padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;*/
}

.wats-after {
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 20px;
}

.shake-horizontal {
    font-size: 18px !important;
    margin-left: 10px;
    font-weight: 600 !important;
}

.btn:hover .shake-horizontal {
    -webkit-animation: shake-horizontal 1.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    animation: shake-horizontal 1.5s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
}


/*WHATS NEW HOME END*/


/*CAREERS SECTION START*/
.block_5 {
    padding-top: 80px;
    padding-bottom: 80px;
    background-image: url(/media/Section-Bg-desktop.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution:.001dpcm) {
    .block_5 {
        background-image: url(/media/Section-Bg-desktop.png);
    }
}
.main-title-growing {
    font-family: "Pluto Sans";
    color: #fff;
    font-size: 45px;
    font-weight: 500;
}
.main-title-growing-green {
    font-family: "Pluto Sans";
    color: #00b3b3;
    font-size: 45px;
    font-weight: 400;
}
.growing-text {
    font-family: "Pluto Sans Condensed";
    color: #fff;
    font-size: 19px;
    font-weight: 400;
    padding-bottom: 30px;
}
.growing-subtitle {
    font-family: "Pluto Sans Condensed";
    font-weight: 300;
    font-size: 35px;
    color: #00b3b3;
    padding-bottom: 30px;
}
.btn.btn-wvideo01, .fv-player-lightbox-link01 {
    background-color: #00b3b3;
    border-radius: 6px;
    color: rgb(255, 255, 255) !important;
    padding: 12px 25px!important;
    font-size: 20px;
    font-family: "Pluto Sans Condensed";
}
.btn.btn-wvideo01:hover, .fv-player-lightbox-link01:hover {
    background-color: #02a6a6;
} 
/*CAREERS SECTION END*/

/*TRIAL LIGHT START*/

.trial-light {
    min-height: 250px;
    background-color: #fff;
    background-image: url(/media/FreeTrial-light-bg-pattern-01-01.svg);
    background-repeat: no-repeat;
}

.trial-light h2 {
    color: #233442;
    font-size: 28px;
    font-family: "Pluto Sans Condensed";
    margin-bottom: 20px;
    font-weight: 600;
}

.btn.btn-freetrial-s {
    background-color: #1ba1e6;
    border-width: 2px;
    border-color: #1ba1e6;
    color: #fff;
    border-radius: 6px;
    padding: 8px 35px 8px 35px;
    font-size: 18px;
    font-family: "Pluto Sans Condensed";
}


/*TRIAL LIGHT END*/

/*GET STARTED SECTION START*/

.get-started {
    min-height: 250px;
    background-color: #fff;
    background-image: url(/media/Play-with-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.get-started h2 {
    color: #fff;
    font-size: 28px;
    font-family: "Pluto Sans Condensed";
    margin-bottom: 20px;
    font-weight: 600;
}

.btn.get-started-s {
    background-color: #7a57c5;
    border-width: 2px;
    color: #fff;
    border-radius: 6px;
    padding: 8px 35px 8px 35px;
    font-size: 18px;
    font-family: "Pluto Sans Condensed";
}

.btn.get-started-s:hover {
    background-color: #6946b5;
    color: #fff;
}


/*GET STARTED SECTION END*/


/*NEW FOOTER STYLE START*/

#footer {
    font-size: 12px;
    display: block;
    position: relative;
}

.footer-new .footer-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 75px .9375rem;
}

.footer-new {
    background-color: #1b2733 !important;
}

.footer-new .footer-top {
    background-color: transparent !important;
    background-image: none !important;
}

.footer-new .footer-bottom {
    background-color: #1b2733 !important;
}

.footer-new .social-home-new ul>li a {
    color: #05171f;
    border-radius: 8% !important;
}

.footer-new .cookies-cons p {
    margin-bottom: 0;
    margin-top: 1.2% !important;
}

.footer-new .cookies-cons {
    margin-top: 0 !important;
    border-top: 0 solid rgba(255, 255, 255, 0.12) !important;
    text-align: left;
    padding-left: 0;
}

.footer-new .footer-bottom .footer-container {
    padding-bottom: 24px !important;
    border-top: 1px solid #3c4e5f;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.footer-new .menu-title-footer h3,
.footer-new .networks-title-footer h3,
.footer-new h3.widget-title {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 400 !important;
}

.footer-new ul#menu-footer-navigation-new {
    list-style-type: none;
    padding-left: 0;
    display: block;
}

.footer-new #menu-footer-navigation-new li {
    font-size: 14px;
    color: #00bfc0;
    padding-right: 3%;
    display: inline-block;
}

.footer-new #menu-footer-navigation-new li a {
    color: rgba(0, 191, 192, 1);
    font-weight: 400;
    font-size: 14px;
}

.footer-new #menu-footer-navigation-new li a:hover {
    color: rgba(0, 191, 192, .85);
}

.footer-new #footer .footer-bottom .navigation li:not(:last-child):after {
    content: " " !important;
}

.footer-new .sp-social-networks ul>li i {
    color: #17181a;
}

.footer-new li.facebook {
    margin-left: 0 !important;
}

.footer-new .srpw-block li {
    min-height: 80px;
    align-items: center;
    display: flex;
}

.footer-new .srpw-content {
    display: flex;
    flex-direction: column;
}

.footer-new .srpw-meta {
    order: 1;
}

.footer-new a.srpw-title,
.footer-new .acf-rpw-title a {
    font-size: 18px;
    font-weight: 500;
    color: #fff !important;
    line-height: 1.2;
    order: 2;
    font-family: "Pluto Sans Condensed", sans-serif;
}

.footer-new a.srpw-title:hover,
.footer-new .acf-rpw-title a:hover {
    color: rgba(255, 255, 255, .55) !important;
}

.footer-new .srpw-author::before {
    content: "Author:" !important;
    color: #768594 !important;
    margin-left: 4px;
    padding-right: 3px !important;
    font-weight: 500;
    font-family: "Pluto Sans Condensed", sans-serif;
}

.footer-new a.srpw-author {
    color: #768594;
    font-weight: 500;
    font-size: 12px;
    font-family: "Pluto Sans Condensed", sans-serif;
}

.footer-new time.srpw-time.published {
    color: #768594;
    font-size: 12px;
    font-weight: 500;
    font-family: "Pluto Sans Condensed", sans-serif;
}

.footer-new time.srpw-time.published:after {
    content: "7C" !important;
    color: #768594 !important;
    margin-left: 8px;
    font-weight: 500;
    font-family: "Pluto Sans Condensed", sans-serif;
}

.footer-new a.footer-title-link {
    color: #fff;
    text-decoration: underline !important;
    font-size: 18px;
}

.footer-new a.footer-title-link:hover {
    color: rgba(255, 255, 255, 0.55);
}

.footer-new .acf-rpw-ul li {
    list-style-type: none;
    display: block;
    align-items: center;
    min-height: 80px;
}

.footer-new ul.acf-rpw-ul {
    padding-left: 0;
}

.footer-new .acf-rpw-before {
    order: 1;
}

.acf-rpw-excerpt {
    order: 3;
    padding: 2% 0 5% 0;
    font-size: 12px;
    color: #FFF;
    letter-spacing: 0;
    font-family: "Pluto Sans Condensed", sans-serif;
    font-weight: 300;
}

.footer-new .acf-rpw-after {
    order: 4;
    float: none;
    width: 100%;
    text-align: left;
}

.footer-new .acf-rpw-after-2 {
    order: 4;
    float: none;
    width: 100%;
    text-align: right;
}

.footer-new .acf-rpw-title {
    order: 2;
}

.footer-new .acf-rpw-before p {
    margin-bottom: 0;
    color: #768594;
    font-size: 12px;
    font-weight: 500;
}

.footer-new h3.acf-rpw-title {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    line-height: 0 !important;
}

.footer-new .acf-rpw-after a {
    padding: 5px 10px;
    border: 1.2px solid #00bfc0;
    border-radius: 3px;
    margin-top: 15px;
    color: #233442;
    font-size: 14px;
    font-weight: 600;
    background-color: #00bfc0;
    transition: all 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.footer-new .acf-rpw-after-2 a {
    padding: 5px 10px;
    border: 1.2px solid #00bfc0;
    border-radius: 3px;
    margin-top: 15px;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    background-color: transparent;
    transition: all 0.55s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.footer-new .acf-rpw-after a:hover {
    color: #00bfc0;
    background-color: transparent;
    border: 1.2px solid #00bfc0;
    text-decoration: none;
}

.footer-new .acf-rpw-after-2 a:hover {
    color: #1b2733;
    background-color: #00bfc0;
    border: 1.2px solid #00bfc0;
    text-decoration: none;
}

.footer-new .acf-rpw-li:first-child {
    padding-bottom: 15px;
    /*border-bottom: 1px solid #283439;*/
}

.footer-new .acf-rpw-li:last-child {
    padding-top: 8px;
}

.footer-new .srpw-block li:first-child {
    border-bottom: 1px solid #283439;
}

.footer-new .follow-us-footer {
    margin-top: 15%;
}

.footer-new .test {
    float: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0 15px 0 15px;
}

.footer-new .navigation a {
    color: rgba(118, 133, 148, 1) !important;
    font-size: 14px;
    font-weight: 500;
}

#footer .footer-bottom .navigation li:not(:last-child):after {
    content: '' !important;
}

.srpw-summary p {
    display: none;
}

.srpw-summary {
    line-height: 1 !important;
    padding-top: 0 !important;
    order: 3;
}

.srpw-block a {
    color: #787a7b;
    font-weight: 600;
}

.srpw-more-link {
    padding-top: 15px !important;
}

.sp-social-networks ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-new .social-home-new ul>li a {
    color: #fff;
    border-radius: 8% !important;
    background: #fff;
    display: block;
    width: 32px;
    height: 32px;
    font-size: 20px;
    line-height: 32px;
    text-align: center;
    background: #fff;
    border-radius: 5px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.sp-social-networks ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#footer .sp-social-networks {
    margin-bottom: 0;
}

.sp-social-networks ul>li {
    float: left;
    margin: 0 6px;
    margin-left: 6px;
}

#footer .footer-bottom .navigation li {
    float: left;
    margin-right: 0px;
}

#footer .footer-bottom .footer-container {
    padding-top: 24px;
    padding-bottom: 50px;
}

#footer .navigation,
#footer .navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.footer-container.footer-m {
    padding-bottom: 40px;
    padding-top: 0;
    border-top: 1px solid #3c4e5f;
    padding: 0;
    min-height: 80px;
    display: flex;
    align-items: center;
}

ul#menu-footer-navigation-secondary li {
    margin-right: 20px;
}

.test .footer-border-bottom {
    padding-bottom: 10px !important;
    margin-bottom: 10px !important;
    border-bottom: 1px solid #3c4e5f;
}

.test .footer-border-bottom:last-child {
    border-bottom: 0 solid #3c4e5f;
}

@media (min-width: 992px) {
    /*Customer slider*/
    .customers-logos-h {
        padding-bottom: 20px;
    }
    #home-customer-slider {
        max-height: 93px;
        overflow: hidden;
        -webkit-mask-image: -webkit-gradient(linear, left center, right center, color-stop(0, transparent), color-stop(.10, rgba(0, 0, 0, .5)), color-stop(.25, black), color-stop(.75, black), color-stop(.90, rgba(0, 0, 0, .5)), color-stop(1, transparent));
    }
    #home-customer-slider img {
        filter: grayscale(100%);
    }
    #home-customer-slider img:hover {
        filter: grayscale(0%);
    }
    .slick-slide {
        margin: 0px 20px;
    }
    .slick-slide img {
        width: 100%;
        min-height: 1px;
    }
    .slick-slider {
        position: relative;
        display: block;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
        touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    .slick-list {
        position: relative;
        display: block;
        overflow: hidden;
        margin: 0;
        padding: 0;
    }
    .slick-list:focus {
        outline: none;
    }
    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }
    .slick-slider .slick-track,
    .slick-slider .slick-list {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
    }
    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }
    .slick-track:after {
        clear: both;
    }
    .slick-loading .slick-track {
        visibility: hidden;
    }
    .slick-slide {
        display: none;
        float: left;
        height: 100%;
        min-height: 1px;
    }
    [dir='rtl'] .slick-slide {
        float: right;
    }
    .slick-slide img {
        display: block;
    }
    .slick-slide.slick-loading img {
        display: none;
    }
    .slick-slide.dragging img {
        pointer-events: none;
    }
    .slick-initialized .slick-slide {
        display: block;
    }
    .slick-loading .slick-slide {
        visibility: hidden;
    }
    .slick-vertical .slick-slide {
        display: block;
        height: auto;
        border: 1px solid transparent;
    }
    .slick-arrow.slick-hidden {
        display: none;
    }
    /*End customer slider*/
    /*Responsive hover*/
    .img-logo-max {
        max-width: 120px !important;
        filter: grayscale(100%);
    }
    .img-logo-max:hover {
        filter: grayscale(0%);
    }
    .footer-new .footer-container .col-md-6 {
        width: 40%;
    }
    .footer-new .footer-container .col-md-3 {
        width: 30%;
    }
}

@media (max-width: 600px) {
    .footer-new ul#menu-footer-navigation-new-test {
        display: block !important;
    }
    .footer-new #menu-footer-navigation-new li {
        padding-right: 2%;
    }
}


/*NEW FOOTER STYLE END*/

.d-lg-none {
    display: none;
}


/*MOBILE START*/
@media screen and (max-width: 1440px) {
    .max-head-height {
        min-height: 520px;
    }
}
@media screen and (max-width: 1440px) {
    .wrapper {
        max-width: 1200px;
    }
    .home-h-title {
        font-size: 55px;
        letter-spacing: -2px;
    }
    .max-head-height {
        min-height: 420px;
    }
    .dud {
        font-size: 54px;
    }
    .home-h-subtitle {
        font-size: 25px;
    }
    .success-body-text p {
        font-size: 25px;
    }
    .devider-line {
        top: 220px;
    }
    .solution-h-title {
        font-size: 28px;
    }
    .solutions-section h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 1280px) {
    .wrapper {
        max-width: 1140px;
    }
    .max-head-height {
        min-height: 380px;
    }
    .devider-line {
        top: 215px;
    }
    .success-body-text p {
        font-size: 24px;
    }
    .home-h-title {
        font-size: 50px;
    }
    .dud {
        font-size: 49px;
    }
    .home-h-subtitle {
        font-size: 25px;
    }
    .home-h-subtitle {
        font-family: Pluto Sans Condensed;
        font-size: 25px;
    }
}

@media screen and (max-width: 1024px) {
    .home-h-title {
        font-size: 40px;
        letter-spacing: -1px;
    }
    .dud {
        font-size: 39px;
    }
    .home-h-subtitle {
        font-size: 22px;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .success-body-text p {
        font-size: 20px;
    }
    .devider-line {
        top: 195px;
    }
    .wrapper {
        max-width: 940px;
    }
    .active .icon-solutions {
        margin-right: 5%;
        min-height: 65px;
        min-width: 65px;
    }
    .icon-solutions {
        font-size: 2.5rem;
        margin-right: 5%;
        min-height: 65px;
        min-width: 65px;
    }
    .solution-h-title {
        font-size: 24px;
    }
    .success-title h2 {
        font-size: 18px;
    }
    .st-number {
        font-size: 40px;
    }
    .wats-title {
        /*padding-left: 25px;
        padding-right: 25px;
        padding-top: 20px;*/
        line-height: 1;
    }
    .wats-title a {
        font-size: 20px;
        font-family: "Pluto Sans Condensed";
        color: rgb(35, 52, 66);
        line-height: 0;
        font-weight: 600;
    }
    .wats-new-item {
        padding-bottom: 20px;
        /*min-height: 220px;*/
    }
    ul.tabs {
        margin-top: 20px;
    }
}

@media screen and (max-width: 992px) {
    .promo-but-align {
        text-align: center;
    }
    .mobile-padding {
        padding-top: 95px;
    }
    .d-sm-none {
        display: none !important;
    }
    .st-number-sub {
        text-align: center;
    }
    .d-lg-none {
        display: block !important;
    }
    .home-h-subtitle {
        font-size: 25px;
        text-align: center;
    }
    .home-h-title {
        font-size: 35px;
        text-align: center;
        letter-spacing: 0px;
    }
    .dud {
        font-size: 34px;
    }
    .w-75.promotion-box.p-4.d-lg-flex.align-items-center {
        width: 85% !important;
    }
    .recent-title h2 {
        font-size: 21px;
        text-align: center;
        margin-bottom: 30px;
    }
    .recent-category p {
        text-align: center;
        margin-bottom: 25px;
    }
    .w-75.promotion-box.p-4.d-lg-flex.align-items-center {
        width: 85% !important;
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .success-h-title {
        font-size: 35px;
    }
    .green-quote.d-flex.align-items-center.justify-content-center {
        margin: 0 auto;
    }
    .success-body-text p {
        font-size: 20px;
        text-align: center;
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 30px;
    }
    .embed-responsive.embed-responsive-16by9 {
        margin-bottom: 30px;
    }
    .devider-line {
        border-bottom: 3px solid #06b3b3;
        position: relative;
        top: 0;
        display: block;
        left: 0;
        min-width: 100%;
        z-index: 1;
        margin-bottom: 25px;
        width: 100%;
    }
    .success-body-text {
        margin-bottom: 25px;
    }
    .name-success p {
        font-size: 22px;
        text-align: center;
    }
    .company-success p {
        text-align: center;
    }
    .padding-top-s .w-75 {
        width: 95% !important;
    }
    .success-box {
        margin-bottom: 30px;
    }
    .success-title h2 {
        font-size: 18px;
    }
    .btn.btn-success-h {
        margin-top: 6%;
        margin-bottom: 6%;
    }
    .trial-dark {
        background-image: url(/media/FreeTrial-Pattern-Dark-mobile.svg);
        padding-top: 15%;
    }
    .get-started {
        background-image: url(/media/PlayWith-Bg_mobile.png);
    }
    .success-h-subtitle {
        font-size: 22px;
    }
    .success-h-subtitle-top {
        font-size: 22px;
    }
    .wats-new-item {
        background-color: #fff;
        padding-bottom: 40px;
        border-radius: 10px;
        box-shadow: 0px 5px 10px 3px rgba(170, 170, 170, 0.35);
        transition: transform .7s ease-in-out, box-shadow .7s ease-in-out;
        margin-bottom: 30px;
        margin-left: 15px;
        margin-right: 15px;
        /*min-height: 220px;*/
    }
    .trial-light {
        background-image: url(/media/FreeTrial-Pattern-Light-mobile.svg);
    }
    .footer-new ul#menu-footer-navigation-new {
        display: block !important;
    }
    #footer-sidebar3 .test {
        padding-left: 0;
        padding-right: 0;
    }
    #footer .navigation,
    #footer .navigation ul {
        display: block !important;
        margin-left: 15px !important;
        margin-top: 15% !important;
    }
    .header-img {
        margin-top: 10%;
    }
    .header-buttons {
        width: 100%;
        margin: 0 auto;
        justify-content: center;
    }
    .icon-solutions {
        margin-right: 0;
        color: #2483b3;
    }
    [class^="icon-"]::before,
    [class*=" icon-"]::before {
        line-height: 1.8em;
    }
    .mobile-accordion-title {
        font-size: 19px;
        font-weight: 600;
        line-height: 1.2;
        font-family: "Pluto Sans Condensed";
    }
    .solution-h-title {
        font-size: 20px;
        font-weight: 600;
        font-family: "Pluto Sans Condensed";
        margin-top: 20px;
    }
    .solution-h-text {
        font-size: 16px;
        color: rgb(71, 82, 93);
        font-family: "Pluto Sans Condensed";
    }
    .btn.btn-solutions {
        padding: 0;
        font-size: 14px;
        color: rgb(6, 179, 179);
        text-transform: uppercase;
        font-family: "Pluto Sans Condensed";
        margin-bottom: 2%;
        letter-spacing: 1.2px;
        font-weight: 600;
    }
    .card-header {
        background: #fff !important;
        border: 0 !important;
        box-shadow: 0px 2px 25px 0px rgba(229, 233, 237, 0.95) !important;
    }
    .card {
        border: 0 !important;
    }
    .green-quote {
        max-height: 50px;
        max-width: 50px;
    }
    .btn-mobile[aria-expanded="false"] .fa-angle-down {
        display: block;
    }
    .btn-mobile[aria-expanded="true"] .fa-angle-down {
        display: none;
    }
    .btn-mobile[aria-expanded="false"] .fa-angle-up {
        display: none;
    }
    .btn-mobile[aria-expanded="true"] .fa-angle-up {
        display: block;
    }
    .fa.fa-angle-up,
    .fa.fa-angle-down {
        font-size: 23px;
        margin-top: 10px;
        color: #c3cdd7;
    }
    .carousel-inner {
        min-height: 120px;
    }
    .customers-logos-h {
        background: #fff;
        padding-bottom: 5%;
    }
    .customers-logos-h .carousel-item {
        margin: 0 auto !important;
    }
    .carousel-indicators {
        bottom: -55px !important;
    }
    .carousel-indicators .active {
        background-color: #06b3b3 !important;
    }
    .carousel-indicators li {
        background-color: #b2b2b2 !important;
        top: 15px;
    }
    .st-number {
        font-size: 40px;
    }
    .why-instana-h {
        background-image: none;
    }
    .home-h-img {
        background-image: none;
    }
    .carousel-indicators .active {
        background-color: #00b3b3 !important;
    }
    .carousel-indicators li {
        background-color: #c3cdd7 !important;
        width: 10px !important;
        height: 10px !important;
        border-radius: 100% !important;
    }
    .carousel-indicators {
        position: absolute;
        right: 0;
    }
    .outer-awards {
        margin-bottom: 20px;
    }
    .company-wrapper {
        display: block;
    }
    .video-success {
        top: 0;
        max-width: 100%;
        margin-bottom: 30px;
    }
}
@media (max-width: 480px) {
    .main-title-growing {
        font-size: 32px;
    }
    .main-title-growing-green {
        font-size: 32px;
    }
    .growing-subtitle {
        font-size: 25px;
    }
    .growing-text {
        font-size: 17px;
    }
    .btn-black {
        background-color: #1b2733 !important;
        font-size: 16px !important;
    }
    .outer-awards {
        padding-top: 25px;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .top-aword-title {
        text-align: center;
        margin-top:15px;
    }
    .success-stories h2 {
        font-size: 35px;
    }
    .s-img-block img {
        right: -5px;
    }
    .solutions-section h2 {
        font-size: 25px;
    }
}

@media (max-width: 767px) {
    .btn.btn-getstarted-he {
        padding: 10px 10px 10px 10px;
        font-size: 15px;
        margin-right: 0;
        min-width: 220px;
        margin-bottom: 15px;
    }
    .btn.btn-freet-he {
        padding: 10px 10px 10px 10px;
        font-size: 15px;
        margin-right: 0;
        min-width: 220px;
        margin-bottom: 15px;
    }
    .btn.btn-wvideo, .fv-player-lightbox-link {
        padding: 10px 10px 10px 10px;
        font-size: 15px;
        min-width: 220px;
    }
}

@media screen and (max-width: 1150px) {
    button#responsive-menu-pro-button {
        right: 0px !important;
    }
}

/*MOBILE END*/


/*ANIMATIONS START*/


/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */

@-webkit-keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}

@keyframes shake-horizontal {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    10%,
    30%,
    50%,
    70% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    20%,
    40%,
    60% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    80% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    90% {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }
}


/*ANIMATIONS END*/


/*Video fix*/

.embed-responsive::before {
    display: none;
    content: "";
}


/* Modal */

#homeModal {
    padding: 0 !important;
}

#homeModal .embed-responsive-16by9::before {
    padding-top: 0;
}

#homeModal .modal-dialog {
    margin: 0 auto !important;
    max-width: 80% !important;
    padding-top: 4% !important;
}

#homeModal .modal-content {
    background-color: transparent !important;
    border: 0 !important;
}

#homeModal .modal-body {
    position: relative;
    padding: 0px !important;
}

#homeModal .close {
    position: absolute;
    right: -30px;
    top: 0;
    z-index: 999;
    font-size: 1.5rem;
    font-weight: 500;
    color: #fff;
    text-shadow: 0 0.3px 0 #fff;
    opacity: 1;
}

#homeModal .close:focus,
#homeModal .close:active {
    outline: 0 !important;
}

.modal-img{
    max-width: 180px;
}

.btn.btn-wvideo:hover {
    color: #fff !important;
}

@media(max-width: 1024px) {
    #homeModal .modal-dialog {
        padding-top: 15% !important;
    }
}

@media(max-width: 425px) {
    #homeModal .modal-dialog {
        padding-top: 33% !important;
    }
}