/**
 * title:      Legacy Telecom
 * created:    01/06/2022
 * author:     Development Team <info@optiva.co.uk>
 * copyright:  Optiva Ltd

 * ========================================================================== */
/* Generic */
body { background: #ffffff; font-family: 'Source Sans Pro', sans-serif; }

.container { max-width: 1790px; }

h1 { color: #333333; font-size: 81px; line-height: 84px; font-weight: 300; margin: 0px; }
h2 { color: #333333; font-size: 60px; line-height: 65px; font-weight: 300; margin: 0px; }
h3 { color: #333333; font-size: 48px; line-height: 54px; font-weight: 300; margin: 0px; }
h4 { color: #333333; font-size: 32px; line-height: 38px; font-weight: 300; margin: 0px; }
h5 { color: #333333; font-size: 26px; line-height: 34px; font-weight: 700; margin: 0px; }
h6 { color: #333333; font-size: 16px; line-height: 22px; font-weight: 500; margin: 0px; }

p { color: #666666; font-size: 28px; line-height: 36px; font-weight: 300; }
p strong { font-weight: 600; }
p a { color: #0971ce; }
p a:hover { color: #0267c1; }

li { color: #333333; font-size: 30px; line-height: 38px; font-weight: 300; }
li a { color: #0971ce; }
li a:hover { color: #0267c1; }

a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }

.text-left { text-align: left; }
.text-right { text-align: right; }

.set-width-holder { padding: 0px 35px; margin: auto; max-width: 1920px; position: relative; }
.set-width { width: 100%; margin: auto; border-radius: 10px; }

/* Buttons */
.btn { font-size: 22px; line-height: 24px; font-weight: 400; padding: 12px 30px; border: 1px #cccccc solid; border-radius: 30px; filter: drop-shadow(0px); box-shadow: none; transition-timing-function: ease-in; transition: 0.3s; }
.btn:hover { transition-timing-function: ease-in; transition: 0.3s; }
.btn:focus { box-shadow: none; transition-timing-function: ease-in; transition: 0.3s; }

.btn-white { color: #666666; background: #ffffff; border-color: #ffffff; }
.btn-white:hover { color: #ffffff; background: #e62c27; border-color: #e62c27; }

.btn-white-keyline { color: #ffffff; border-color: #ffffff; }
.btn-white-keyline:hover { color: #e62c27; background: #ffffff; }

.btn-grey-keyline { color: #666666; border-color: #666666; }
.btn-grey-keyline:hover { color: #ffffff; background: #666666; }

.btn-red { color: #ffffff; background: #e62c27; border-color: #e62c27; }
.btn-red:hover { color: #ffffff; background: #d82f2a; border-color: #d82f2a; }

.btn-red-keyline { color: #e62c27; border-color: #e62c27; }
.btn-red-keyline:hover { color: #ffffff; background: #e62c27; }

.btn-primary { color: #ffffff; background: #e62c27; border-color: #e62c27; }
.btn-primary:hover { color: #ffffff; background: #d82f2a; border-color: #d82f2a; }

.btn-primary.disabled, .btn-primary:disabled { color: #fff;background-color: #e62c27; border-color: #e62c27; }


/* Buttons */
.button  { display: inline-block;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: .375rem .75rem;
font-size: 1rem;
border-radius: .25rem;
transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.button { font-size: 22px; line-height: 24px; font-weight: 400; padding: 12px 30px; border: 1px #cccccc solid; border-radius: 30px; filter: drop-shadow(0px); box-shadow: none; transition-timing-function: ease-in; transition: 0.3s; }
.button:hover { transition-timing-function: ease-in; transition: 0.3s; }
.button:focus { box-shadow: none; transition-timing-function: ease-in; transition: 0.3s; }

.button-white { color: #666666; background: #ffffff; border-color: #ffffff; }
.button-white:hover { color: #ffffff; background: #e62c27; border-color: #e62c27; }

.button-white-keyline { color: #ffffff; border-color: #ffffff; }
.button-white-keyline:hover { color: #e62c27; background: #ffffff; }

.button-grey-keyline { color: #666666; border-color: #666666; }
.button-grey-keyline:hover { color: #ffffff; background: #666666; }

.button-red { color: #ffffff; background: #e62c27; border-color: #e62c27; }
.button-red:hover { color: #ffffff; background: #d82f2a; border-color: #d82f2a; }

.button-red-keyline { color: #e62c27; border-color: #e62c27; }
.button-red-keyline:hover { color: #ffffff; background: #e62c27; }

.button-primary { color: #ffffff; background: #e62c27; border-color: #e62c27; }
.button-primary:hover { color: #ffffff; background: #d82f2a; border-color: #d82f2a; }

.button-primary.disabled, .button-primary:disabled { color: #fff;background-color: #e62c27; border-color: #e62c27; }


#list_website_pages { padding-top: 140px; }

.oe_img_bg { background-size: auto; }

/**
 * Main Slider
 * ========================================================================== */

.main-slider { background: #ffffff; position: relative; min-height: 1000px!important; margin-bottom: 0px; overflow: hidden; }
    .main-slider .slide { background-position: bottom center; background-repeat: no-repeat; padding: 0px 0px 0px 0px!important; min-height: 1000px!important; border-radius: 0px; position: relative; overflow: hidden; }
        .main-slider .slide h5 { color: #cccccc; font-size: 20px; line-height: 26px; margin-bottom: 15px; text-transform: uppercase; }
        .main-slider .slide h2 { color: #333333; margin-bottom: 30px; }
        .main-slider .slide h3 { color: #180b0b; font-size: 44px; line-height: 52px; margin-bottom: 30px; }
        .main-slider .slide p { padding-right: 85px; margin-bottom: 35px; }
        .main-slider .slide .btn { margin-right: 18px; }
        .main-slider .slide .button { margin-right: 18px; }

        .main-slider .col-12 { position: relative; }

        .main-slider .slide .side-img { position: absolute; z-index: 6; bottom: 0px; right: 50px; }

        .main-slider .slide .logo-holder-feature { background: url(../assets/main-slider-logo-holder.png) 50% center no-repeat; background-size: 278px; width: 278px; height: 277px; top: 210px; left: -30px; position: absolute; z-index: 7; }
            .main-slider .slide .logo-holder-feature img { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }

        .main-slider .slide .col-12 { min-height: 1000px; position: relative; }
            .main-slider .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 700px; margin: auto; }

        .main-slider.s_carousel.s_carousel_default .carousel-indicators { bottom: 200px; margin: 0px; justify-content: left; }
            .main-slider.s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
            .main-slider.s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }

    .main-slider .shape-holder { height: 1775px; width: 1775px; left: 850px; top: -300px; position: absolute; z-index: 5; }

    .main-slider .slick-dots { text-align: left; padding-left: 160px; bottom: 245px; }


/**
 * Generic Panels
 * ========================================================================== */

/* Centre Feature Content Panel */
.center-feature-content-panel { padding: 0px 30px 0px 30px; min-height: 800px; background-color: #032e3e; background-size: 1850px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; margin-bottom: 50px; }
    .center-feature-content-panel .contained { min-height: 800px; width: 100%; max-width: 1000px; margin: auto; position: relative; }
    .center-feature-content-panel .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 100%; margin: auto; }
    .center-feature-content-panel .left { padding-right: 50px; }
        .center-feature-content-panel .left h5 { color: #cccccc; font-size: 20px; line-height: 26px; margin-bottom: 15px; text-transform: uppercase; }
        .center-feature-content-panel .left h4 { color: #ffffff; margin-bottom: 30px; text-transform: uppercase; }
        .center-feature-content-panel .left p { color: #cccccc; font-size: 18px; line-height: 24px; margin-bottom: 30px; }
    .center-feature-content-panel .right { padding-left: 60px; }
    .center-feature-content-panel .right.border-left { border-left: 1px #cccccc solid; }

    .center-feature-content-panel .circle-cta-feature { background: #caa330; height: 270px; width: 270px; border-radius: 50%; text-align: center; position: relative; margin-top: 40px; }
        .center-feature-content-panel .circle-cta-feature h5 { color: #ffffff; font-size: 30px; line-height: 38px; font-weight: 900; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; text-transform: uppercase; }

/* Left Content Panel */
.left-content-panel { padding: 170px 0px 170px 0px; min-height: 500px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .left-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .left-content-panel ul.no-border li { border: 0px; }
    .left-content-panel li { color: #f8f8f8; font-size: 26px; line-height: 32px; font-weight: 200; padding: 12px 0px; border-bottom: 1px #999999 solid; }
    .left-content-panel li:first-child { padding-top: 0px; }
    .left-content-panel li:last-child { border: none; }
    .left-content-panel h5 { color: #cccccc; font-weight: 400; margin-bottom: 25px; }
    .left-content-panel h2 { color: #ffffff; margin-bottom: 30px; }
    .left-content-panel h3 { color: #ffffff; margin-bottom: 35px; }
    .left-content-panel h4 { color: #ffffff; margin-bottom: 20px; }
    .left-content-panel p { color: #f8f8f8; margin-bottom: 35px; }
    .left-content-panel p + h3 { margin-top: 60px; }
    .left-content-panel.white h5 { color: #999999; }
    .left-content-panel.white h2 { color: #00a8b7; }
    .left-content-panel.white h3 { color: #00a8b7; }
    .left-content-panel.white h4 { color: #00a8b7; }
    .left-content-panel.white p { color: #666666; }
    .left-content-panel.white li { color: #666666; }
    .left-content-panel h5.orange { color: #ff3333; }
    .left-content-panel .shape-holder { height: 1495px; width: 1495px; left: 1000px; top: -200px; position: absolute; z-index: 5; }
    .left-content-panel .right .shape-holder { left: 0px; }
    .left-content-panel .side-img { margin-top: 81px; float: right; position: relative; z-index: 6; }
    .left-content-panel .center-content { width: 100%; max-width: 750px; margin-left: 0; margin-right: 45px; float: right; }
    .left-content-panel .side-icons { width: 100%; max-width: 600px; margin: -50px auto auto auto; }

    /* Vertical Center */
    .left-content-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
        .left-content-panel.vertical-center .col.left { min-height: 900px; position: relative; }
        .left-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 700px; margin: auto; }

    .left-content-panel.vertical-center.height-800 { min-height: 800px; }
        .left-content-panel.vertical-center.height-800 .col.left { min-height: 800px; }
    .left-content-panel.vertical-center.height-700 { min-height: 700px; }
        .left-content-panel.vertical-center.height-700 .col.left { min-height: 700px; }
    .left-content-panel.vertical-center.height-600 { min-height: 600px; }
        .left-content-panel.vertical-center.height-600 .col.left { min-height: 600px; }


/* Right Content Panel */
.right-content-panel { padding: 170px 0px 170px 0px; min-height: 500px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .right-content-panel.oe_img_bg.o_bg_img_center { background-position: top center; }
    .right-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 30px 0px; width: 100%; }
    .right-content-panel ul.no-border li { border: 0px; }
    .right-content-panel li { color: #f8f8f8; font-size: 26px; line-height: 32px; font-weight: 200; padding: 12px 0px; border-bottom: 1px #999999 solid; }
    .right-content-panel li:first-child { padding-top: 0px; }
    .right-content-panel li:last-child { border: none; }
    .right-content-panel h5 { color: #f8f8f8; font-weight: 400; margin-bottom: 25px; }
    .right-content-panel h2 { color: #00a8b7; margin-bottom: 30px; }
    .right-content-panel h3 { color: #00a8b7; margin-bottom: 35px; }
    .right-content-panel h4 { color: #00a8b7; margin-bottom: 20px; }
    .right-content-panel p { color: #f8f8f8; margin-bottom: 35px; }
    .right-content-panel.white h5 { color: #999999; }
    .right-content-panel.white h2 { color: #00a8b7; }
    .right-content-panel.white h3 { color: #00a8b7; }
    .right-content-panel.white h4 { color: #00a8b7; }
    .right-content-panel.white p { color: #666666; }
    .right-content-panel.white li { color: #666666; }
    .right-content-panel h5.orange { color: #ff3333; }
    .right-content-panel .center-content { width: 100%; max-width: 750px; margin-left: 0; margin-right: 0; }
    .right-content-panel .side-icons { width: 100%; max-width: 600px; margin: -50px auto auto auto; }

    /* Vertical Center */
    .right-content-panel.vertical-center { min-height: 900px; padding: 0px 0px 0px 0px; }
        .right-content-panel.vertical-center .col.right { min-height: 900px; position: relative; }
        .right-content-panel.vertical-center .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 700px; margin: auto; }

    .right-content-panel.vertical-center.height-800 { min-height: 800px; }
        .right-content-panel.vertical-center.height-800 .col.right { min-height: 800px; }
    .right-content-panel.vertical-center.height-700 { min-height: 700px; }
        .right-content-panel.vertical-center.height-700 .col.right { min-height: 700px; }
    .right-content-panel.vertical-center.height-600 { min-height: 600px; }
        .right-content-panel.vertical-center.height-600 .col.right { min-height: 600px; }


/* Center Content Panel */
.center-content-panel { padding: 100px 0px 100px 0px; overflow: hidden; position: relative; width: 100%; }
    .center-content-panel .col-lg-3 { text-align: center; min-height: 200px; position: relative; }
        .center-content-panel .col-lg-3 img { max-width: 350px; max-height: 190px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }
    .center-content-panel h2 { margin-bottom: 40px; }

    .center-content-panel .slide { padding: 0px!important; }

    .center-content-panel .s_carousel.s_carousel_default .carousel-indicators { position: relative; bottom: 0px; margin: 0px; padding: 60px 0px 0px 0px; }
        .center-content-panel .s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
        .center-content-panel .s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }


/* Right Content Panel */
.double-content-panel { min-height: 700px; position: relative; }
    .double-content-panel .container { width: 100%; max-width: 100%; }
    .double-content-panel .left { padding: 170px 0px 170px 0px; min-height: 700px; position: relative; }
    .double-content-panel .right { padding: 170px 0px 170px 0px; min-height: 700px; position: relative; }

    .double-content-panel h5 { color: #ffffff; font-weight: 600; margin-bottom: 25px; }
    .double-content-panel h2 { color: #ffffff; margin-bottom: 20px; }
    .double-content-panel h3 { color: #ffffff; margin-bottom: 20px; }
    .double-content-panel p { color: #ffffff; margin-bottom: 35px; }

    .double-content-panel .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 700px; margin: auto; }
        .double-content-panel .left .center-content p { padding-right: 210px; }
        .double-content-panel .right .center-content p { padding-right: 210px; }


/**
 * Services Features Panel
 * ========================================================================== */

.services-features-panel { background: #ffffff; padding: 100px 0px 0px 0px; }

    .services-features-panel .services-features-carousel { min-height: 350px; }
    .services-features-panel h2 { margin-bottom: 70px; }
    .services-features-panel .carousel-inner .col-6 { min-height: 220px; }
    .services-features-panel .slide { text-align: center; min-height: 220px; padding: 0px!important; position: relative; }
        .services-features-panel .slide img { width: 190px; max-height: 140px; margin: auto; }
        .services-features-panel .slide h4 { padding: 15px; }

        .services-features-panel .s_carousel.s_carousel_default .carousel-indicators { position: relative; bottom: 0px; margin: 0px; padding: 100px 0px 30px 0px; }
            .services-features-panel .s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
            .services-features-panel .s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }

        .services-features-panel .slick-dots { bottom: 0px; }


/**
 * Full Panel Slider
 * ========================================================================== */

.full-panel-slider { min-height: 1000px!important; padding: 0px!important; }

    .full-panel-slider.vertical-center .col.left { min-height: 1000px!important; }

    .full-panel-slider .slide { position: relative; overflow: hidden; padding: 0px!important; }
        .full-panel-slider .slide .shape-holder { height: 1495px; width: 1495px; left: 0px; top: 0px; position: absolute; z-index: 5; }
        .full-panel-slider .slide .side-img { left: 0px; right: 0px; bottom: 0px; margin: auto; position: absolute; z-index: 6; }

    .full-panel-slider.s_carousel.s_carousel_default .carousel-indicators { bottom: -400px; margin: 0px; }
        .full-panel-slider.s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
        .full-panel-slider.s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }

    .full-panel-slider .slick-dots { text-align: left; padding-left: 160px; bottom: 185px; }

    .full-panel-slider .slide .logo-holder-feature { background: url(../assets/main-slider-logo-holder.png) 50% center no-repeat; background-size: 278px; width: 278px; height: 277px; top: 210px; position: absolute; z-index: 7; }
    .full-panel-slider .slide .logo-holder-feature img { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%)!important; margin: auto; }


/**
 * News Features Panel
 * ========================================================================== */

.news-features-panel { background: #ffffff; padding: 100px 0px 100px 0px; }

    .news-features-panel h2 { margin-bottom: 70px; }
    .news-features-panel .slide { padding-top: 0px!important; padding-bottom: 0px!important; }
    .news-features-panel .carousel { padding: 0px 100px; }

    .news-features-panel .s_carousel.s_carousel_default .carousel-indicators { position: relative; bottom: 0px; margin: 0px; padding: 100px 0px 30px 0px; }
        .news-features-panel .s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
        .news-features-panel .s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }
    .news-features-panel .slick-dots { bottom: -120px; left: 0px; right: 0px; }

    .news-feature { width: 90%; margin: auto; }
        .news-feature .content { background: #f6f6f6; min-height: 250px; padding: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; }
            .news-feature .content h5 { color: #666666; font-size: 20px; line-height: 26px; font-weight: 400 !important; margin: 0px 0px 5px 0px; }
            .news-feature .content h4 { font-size: 38px; line-height: 46px; font-weight: 400; }
            .news-feature .content p { color: #e62c27; font-size: 24px; line-height: 30px; margin: 0px; bottom: 35px; position: absolute; }
        .news-feature .image { height: 250px; background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; overflow: hidden; position: relative;}
            .news-feature .image img { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%)!important; margin: auto; }

    .news-listing-panel { padding: 30px 0px; }
        .news-listing-panel .news-feature { margin: auto auto 50px auto; }
            .news-listing-panel .news-feature .content { min-height: 320px; }
                .news-listing-panel .news-feature .content h4 { font-size: 34px; line-height: 42px; font-weight: 400; max-height: 95px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 100%; }
                .news-listing-panel .news-feature .content h5 { margin-top: 20px; max-height: 85px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 100%; }
            .news-listing-panel .news-feature .image { min-height: 250px; border-left: 1px #eee solid; border-bottom: 1px #eee solid; border-right: 1px #eee solid; background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

    .news-features-panel .news-feature .content h4 { font-size: 34px; line-height: 42px; font-weight: 400; max-height: 95px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 100%; }
    .news-features-panel .news-feature .image { min-height: 250px; border-left: 1px #eee solid; border-bottom: 1px #eee solid; border-right: 1px #eee solid; background-position: 50% center; background-repeat: no-repeat; background-size: cover; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }

    .news-listing-panel.resources .news-feature .content { min-height: 250px; }
        .news-listing-panel.resources .news-feature .content h5 { margin: 0px 0px 6px 0px; }

/**
 * Partner Logos Panel
 * ========================================================================== */

.partner-logos-panel { background: #ffffff; padding: 100px 0px 120px 0px; }

    .partner-logos-panel h2 { margin-bottom: 70px; }
    .partner-logos-panel .slide { text-align: center; min-height: 220px; position: relative; }
    .partner-logos-panel .col-xl-3 { text-align: center; min-height: 200px; position: relative; }
        .partner-logos-panel img { max-height: 95px; max-width: 260px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }

    .partner-logos-panel .s_carousel.s_carousel_default .carousel-indicators { position: relative; bottom: 0px; margin: 0px; padding: 100px 0px 30px 0px; }
        .partner-logos-panel .s_carousel.s_carousel_default .carousel-indicators li { border: 2px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; padding: 0px; margin-right: 5px; margin-left: 5px; box-shadow: none; opacity: 1; }
        .partner-logos-panel .s_carousel.s_carousel_default .carousel-indicators li.active { background: #999999; }
    .partner-logos-panel .slick-dots { bottom: -120px; }


/**
 * Internal Header Panel
 * ========================================================================== */

.internal-header-panel { background: #ffffff; min-height: 940px; margin-bottom: 0px; overflow: hidden; background-position: center -300px; background-repeat: no-repeat; padding: 0px 0px 0px 0px; border-radius: 0px; position: relative; overflow: hidden; }
    .internal-header-panel.oe_img_bg.o_bg_img_center {  background-position: center -300px; }
    .internal-header-panel h5 { color: #e62c27; font-weight: 400; margin-bottom: 25px; }
    .internal-header-panel h2 { color: #333333; margin-bottom: 30px; }
    .internal-header-panel h3 { color: #333333; font-size: 46px; line-height: 52px; margin-bottom: 30px; }
    .internal-header-panel p { margin-bottom: 35px; }
    .internal-header-panel .btn { margin-right: 18px; }
    .internal-header-panel .button { margin-right: 18px; }

    .internal-header-panel .col-12 { position: relative; }

    .internal-header-panel .side-img { position: absolute; z-index: 6; bottom: 0px; right: 50px; }

    .internal-header-panel .logo-holder-feature { background: url(../assets/main-slider-logo-holder.png) 50% center no-repeat; background-size: 278px; width: 278px; height: 277px; top: 210px; left: 0px; position: absolute; z-index: 7; }
        .internal-header-panel .logo-holder-feature img { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; }

    .internal-header-panel .col-12 { min-height: 940px; position: relative; }
        .internal-header-panel .center-content { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); width: 94%; max-width: 570px; margin: auto; }

    .internal-header-panel .shape-holder { height: 1775px; width: 1775px; left: 850px; top: -300px; position: absolute; z-index: 5; }

    .internal-header-panel.short { min-height: 0px; background-position: center -110px!important }
        .internal-header-panel.short .col-12 { min-height: 0px; }
        .internal-header-panel.short .center-content { position: relative; max-width: 100%; left: 0px; right: 0px; top: 0px; transform: none; padding-top: 190px; }
        .internal-header-panel.short p { margin-bottom: 35px; }
       /** #wrap:has(.internal-header-panel.short) { background-image: url('https://smart-ltd-15.s-test.co.uk/web/image/261347-2529b7fa/resources-header-bg.jpg'); background-repeat: no-repeat; background-position: center -100px; }
        #wrap:has(.internal-header-panel.short) .internal-header-panel.short { background: none!important; } */

/**
* Internal Background Content Panel
* ========================================================================== */

.internal-background-content-panel { padding: 140px 0px 120px 0px; background-position: top center; background-repeat: no-repeat; overflow: hidden; position: relative; width: 100%; }
    .internal-background-content-panel .center-content { width: 100%; max-width: 90%; }
    .internal-background-content-panel ul { list-style: none; padding: 0px; margin: 0px 0px 60px 0px; width: 100%; }
    .internal-background-content-panel ul.no-border li { border: 0px; }
    .internal-background-content-panel li { color: #ffffff; font-size: 26px; line-height: 32px; font-weight: 300; padding: 12px 0px; border-bottom: 1px #5a5d61 solid; }
    .internal-background-content-panel li:last-child { border: none; }
    .internal-background-content-panel h5 { color: #cccccc; font-weight: 600; margin-bottom: 25px; }
    .internal-background-content-panel h2 { color: #ffffff; margin-bottom: 30px; }
    .internal-background-content-panel h3 { color: #ffffff; margin-bottom: 25px; }
    .internal-background-content-panel p { color: #ffffff; font-size: 26px; line-height: 32px; font-weight: 300; margin-bottom: 35px; }
    .internal-background-content-panel.white h5 { color: #999999; }
    .internal-background-content-panel.white h2 { color: #333333; }
    .internal-background-content-panel.white h3 { color: #333333; }
    .internal-background-content-panel.white p { color: #666666; }
    .internal-background-content-panel h5.orange { color: #ff3333; }

/**
* Internal Content Panel
* ========================================================================== */

.internal-content-panel { background: #ffffff; padding: 140px 0px 120px 0px; min-height: 500px; overflow: hidden; position: relative; }
    .internal-content-panel .row.list-items { text-align: center; margin-bottom: -80px; }
    .internal-content-panel .row.list-items .list-item { max-width: 400px; margin: auto auto 80px auto; }
        .internal-content-panel .row.list-items .list-item .img-fluid { max-width: 250px; max-height: 150px; margin-bottom: 30px; }
        .internal-content-panel .row.list-items .list-item h4 { margin-bottom: 10px; }
        .internal-content-panel .row.list-items .list-item p { margin: 0px; }

        .internal-content-panel .two-column-container { max-width: 1635px; width: 95%; margin: auto; }
        .internal-content-panel .two-column h5 { color: #ff3333; font-size: 30px; line-height: 36px; font-weight: 400; margin-bottom: 12px; }
        .internal-content-panel .two-column p { font-size: 24px; line-height: 30px; margin-bottom: 80px; }
        .internal-content-panel .two-column img { max-height: 80px; max-width: 150px; margin-bottom: 25px; }
        .internal-content-panel .left .two-column { padding-right: 100px; }
        .internal-content-panel .right .two-column { padding-left: 100px; }

        .internal-content-panel.header-block { min-height: 0px; padding: 70px 0px 20px 0px; margin-bottom: -100px; position: relative; z-index: 1; background: none; }
        .internal-content-panel.header-block.solid { background: #eeeeee; min-height: 0px; padding: 45px 0px 45px 0px; margin-bottom: 0px; position: relative; }

.internal-center-content-panel { padding: 160px 0px 80px 0px; }
    .internal-center-content-panel h2 { font-family: 'Source Sans Pro', sans-serif!important; }
    .internal-center-content-panel h3 { font-family: 'Source Sans Pro', sans-serif!important; }
    .internal-center-content-panel h3 span { font-weight: 300!important; }
    .internal-center-content-panel h3.main-title { color: #e62c27; margin-bottom: 20px; }
    .internal-center-content-panel h3.main-title + h4 { margin-top: 0px; }
    .internal-center-content-panel h4 { font-family: 'Source Sans Pro', sans-serif!important; }
    .internal-center-content-panel p { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    .internal-center-content-panel p span { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    .internal-center-content-panel p:empty { display: none; }
    .internal-center-content-panel p a { color: #e62c27; }
    .internal-center-content-panel ul { list-style: none; padding: 0px; margin: 30px 0px 30px 0px; }
    .internal-center-content-panel li { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; border-top: 1px #ccc solid; padding: 12px 0px; font-family: 'Source Sans Pro', sans-serif!important; }
    .internal-center-content-panel h3 { font-size: 40px; line-height: 46px; margin: 30px 0px 12px 0px; }
    .internal-center-content-panel h4 { margin: 30px 0px 10px 0px; }
    .internal-center-content-panel .job-name { padding-bottom: 40px; }
    .internal-center-content-panel .contained-text { width: 100%; max-width: 1000px; margin: auto; }
    .internal-center-content-panel.js_hr_recruitment h2 { font-size: 48px; line-height: 52px; margin-bottom: 10px; }

    .internal-center-content-panel .internal-job-title h4 { margin-top: 0px; margin-bottom: 30px; }

    .internal-center-content-panel .s_features { border-radius: 10px; padding: 60px 50px!important; }
        .internal-center-content-panel .s_features .col-lg-3 { width: 50%; padding: 50px; }
            .internal-center-content-panel .s_features .col-lg-3 h3 { display: none; }
            .internal-center-content-panel .s_features .col-lg-3 h4 { margin-top: 2px; }
            .internal-center-content-panel .s_features .col-lg-3 p { display: none; }
            .internal-center-content-panel .s_features .col-lg-3 i { background: #e62c27!important; }
            .internal-center-content-panel .s_features p.lead { display: none; }
            .internal-center-content-panel .s_features .o_default_snippet_text + br { display: none; }

    .internal-center-content-panel .s_features + .pt24.pb16 { display: none; }



.case-study-side-cta { background: #00a8b7; background-position: 30px 210px; background-repeat: no-repeat; border-radius: 10px; width: 100%; min-height: 350px; max-width: 340px; padding: 25px; margin-left: 100px; }
    .case-study-side-cta h5 { color: #ffffff; font-size: 26px; font-weight: 500; margin-bottom: 10px; }
    .case-study-side-cta p { color: #f5f5f5; font-size: 24px; }

/**
* Blog Posts
* ========================================================================== */

.services-features-panel + #s_blog_posts { display: none; }


/**
* Background Quote Panel
* ========================================================================== */

.background-quote-panel { padding: 140px 0px 140px 0px; }
    .background-quote-panel .quote-panel { background: #ffffff; width: 100%; max-width: 900px; padding: 90px 70px; margin: auto; border-radius: 10px; }
        .background-quote-panel .quote-panel h3 { margin-bottom: 15px; }
        .background-quote-panel .quote-panel h4 { color: #666666; margin-bottom: 30px; font-style: italic; }
        .background-quote-panel .quote-panel h5 { color: #666666; font-weight: 500; margin-bottom: 0px; }
        .background-quote-panel .quote-panel .btn { margin-top: 40px; }
        .background-quote-panel .quote-panel .button { margin-top: 40px; }
        .background-quote-panel .quote-panel form .s_website_form_result { display: block; }
        .background-quote-panel .quote-panel form label { font-size: 20px; font-weight: 400; }
        .background-quote-panel .quote-panel h4.small { font-size: 26px; line-height: 34px; }

/**
* Apps Grid Panel
* ========================================================================== */

.apps-grid-panel { padding: 90px 0px; }
    .apps-grid-panel .container { max-width: 1685px; }
    .apps-grid-panel h2 { padding-left: 25px; margin-bottom: 35px; }
    .apps-grid-panel .grid-feature { margin: auto auto 30px auto; text-align: center; cursor: pointer; }
        .apps-grid-panel .grid-feature img { width: 80%; max-width: 220px; margin-bottom: 20px; }
        .apps-grid-panel .grid-feature h5 { font-size: 24px; line-height: 32px; font-weight: 400; margin-bottom: 0px; }
    .apps-grid-panel .grid-feature:hover h5 { color: #e62c27; }


/**
* Careers Listing Panel
* ========================================================================== */

.careers-listing-panel { padding: 110px 0px; }
    .careers-listing-panel .title-section h2 { margin-bottom: 35px; }

    .careers-listing-panel .careers-feature { width: 100%; max-width: 90%; margin: auto; border-radius: 15px; }
        .careers-listing-panel .careers-feature .body-text { background: #f2f2f2; position: relative; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; padding: 30px 30px 90px 30px; min-height: 300px; }
            .careers-listing-panel .careers-feature .body-text h3 { font-size: 38px; line-height: 44px; margin-bottom: 10px; }
            .careers-listing-panel .careers-feature .body-text .btn-red { font-size: 20px; bottom: 30px; position: absolute!important; }
            .careers-listing-panel .careers-feature .body-text .button-red { font-size: 20px; bottom: 30px; position: absolute!important; }

    .careers-listing-panel .careers-feature .image-holder { height: 250px; overflow: hidden; border-top-left-radius: 15px; border-top-right-radius: 15px; }

/**
* Blog Section
* ========================================================================== */

.row.justify-content-between .border-right.d-none.d-lg-block { display: none!important; }
.row.justify-content-between .col-12.col-md-3.d-flex.col-lg-4 { display: none!important; }

#o_wblog_posts_loop .col-12.mt-2.mb-5.px-2 { display: none!important; }
#o_wblog_posts_loop .pb-4.col-12 { width: 33.3%; display: inline-block; padding-bottom: 0px; }

#o_wblog_posts_loop article.blog-feature.o_wblog_post { background: #f6f6f6; width: 100%; max-width: 90%; border-radius: 10px; margin: 0px auto 40px auto; }
    #o_wblog_posts_loop article.blog-feature.o_wblog_post .content { background: #f6f6f6; min-height: 250px; padding: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; }
        #o_wblog_posts_loop article.blog-feature.o_wblog_post .content .o_blog_post_title { font-size: 30px; line-height: 36px; height: 72px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
        #o_wblog_posts_loop article.blog-feature.o_wblog_post .content time { color: #666666; font-size: 20px; line-height: 26px; font-weight: 400!important; margin: 0px 0px 5px 0px; }
        #o_wblog_posts_loop article.blog-feature.o_wblog_post .content .o_wblog_post_short_tag_section { display: none!important; }
        #o_wblog_posts_loop article.blog-feature.o_wblog_post .content .o_wblog_read_text { display: none!important; font-size: 18px; line-height: 24px; max-height: 75px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 100%; }
        #o_wblog_posts_loop article.blog-feature.o_wblog_post .content .link { color: #e62c27;  font-size: 24px; line-height: 30px; margin: 0px; bottom: 35px; position: absolute; }
        #o_wblog_posts_loop article.blog-feature.o_wblog_post .o_record_cover_container { margin: 0px !important; border-radius: 0px !important; border-bottom-left-radius: 10px!important; border-bottom-right-radius: 10px!important; box-shadow: none !important; }
        #o_wblog_posts_loop .row { margin: 0px; }
        #o_wblog_posts_loop + .justify-content-center.pagination { padding-bottom: 90px; }
        #o_wblog_posts_loop + .justify-content-center.pagination .page-item.active .page-link { background-color: #e62c27; border-color: #e62c27; color: #ffffff; }
        #o_wblog_posts_loop + .justify-content-center.pagination .page-item .page-link { color: #e62c27; }

    #o_wblog_index_content { padding-top: 54px; }
        #o_wblog_index_content .container { padding-top: 0px!important; }

.blog-header { padding-top: 180px; }
    .blog-header .o_wblog_post_title #o_wblog_post_name { color: #e62c27; font-size: 48px; line-height: 54px; margin-bottom: 10px; }
    .blog-header .o_wblog_post_title #o_wblog_post_subtitle { font-size: 26px; line-height: 32px; margin-bottom: 20px; }
    .blog-header .text-muted.mb-2 { margin-bottom: 35px!important; }
    .blog-header .o_record_cover_container { margin-bottom: 40px; }

#o_wblog_post_content { width: 100%; max-width: 100%; }
    #o_wblog_post_content .o_wblog_read_text h2 { font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text h3 { font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text h4 { font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text span { color: #666666!important; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text p { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text p span { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    #o_wblog_post_content .o_wblog_read_text p:empty { display: none; }
    #o_wblog_post_content .o_wblog_read_text p a { color: #e62c27; }

    #o_wblog_post_content .o_wblog_read_text h3 { font-size: 40px; line-height: 46px; margin: 30px 0px 12px 0px; }
    #o_wblog_post_content .o_wblog_read_text h4 { margin: 30px 0px 10px 0px; }

    #o_wblog_post_content .badge.post_link { color: #666; }
    #o_wblog_post_sidebar .badge.post_link { color: #666; }

    #o_wblog_post_content .s_call_to_action { background: #04223c; padding: 40px 50px 40px 50px!important; text-align: center!important; }
        #o_wblog_post_content .s_call_to_action h3 { margin-top: 0px!important; text-align: center!important; }
        #o_wblog_post_content .s_call_to_action p { color: #cccccc!important; margin-bottom: 0px; text-align: center!important; }
        #o_wblog_post_content .s_call_to_action .col-lg-8 { width: 100%; }
        #o_wblog_post_content .s_call_to_action .col-lg-3 { width: 100%; }
        #o_wblog_post_content .s_call_to_action .btn { color: #ffffff!important; }
        #o_wblog_post_content .s_call_to_action .button { color: #ffffff!important; }

    #o_wblog_post_footer a { text-decoration: none; }
    #o_wblog_post_footer #o_wblog_post_name { color: #333333; }
    #o_wblog_post_footer #o_wblog_post_subtitle { color: #666666; }


/**
* Article Content Panels
* ========================================================================== */

.article-header-panel { min-height: 500px; max-width: 1200px; padding-top: 113px; margin: auto; border-radius: 10px; background-size: cover; background-position: top center; background-repeat: no-repeat; margin-bottom: 0px; position: relative; }
    .article-header-panel .image-container { min-height: 387px; position: relative; }
    .article-header-panel img { max-height: 280px; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%)!important; margin: auto; }

.article-content-panel { background: #ffffff; padding: 90px 0px 80px 0px; }
    .article-content-panel .article-content { max-width: 1000px; margin: auto; }
    .article-content-panel .article-content .main-title { color: #e62c27; margin-bottom: 10px; }
    .article-content-panel .article-content .main-title + h4 { margin-bottom: 30px; }
    .article-content-panel .article-content .main-title + p { margin-top: 30px; }
    .article-content-panel .article-content h2 { margin-bottom: 20px; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content h3 { margin-bottom: 20px; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content h4 { margin-bottom: 20px; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content span { color: #666666!important; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content p { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; margin-bottom: 25px!important; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content p span { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content p:empty { display: none; }
    .article-content-panel .article-content p a { color: #e62c27; }
    .article-content-panel .article-content ul { list-style: none; padding: 0px; margin: 30px 0px 30px 0px; }
    .article-content-panel .article-content li { color: #666666; font-size: 24px!important; line-height: 30px!important; font-weight: 300; border-top: 1px #ccc solid; padding: 12px 0px; font-family: 'Source Sans Pro', sans-serif!important; }
    .article-content-panel .article-content blockquote { border-color: #e62c27; margin: 30px 0px; }
    .article-content-panel .article-content blockquote .s_blockquote_icon { display: none; }
    .article-content-panel .article-content blockquote .s_blockquote_content { padding: 35px; border-radius: 10px; }
    .article-content-panel .article-content blockquote .s_blockquote_content p:last-child { margin-bottom: 0px!important; }
    .article-content-panel .article-content.no-margins h2 { margin-bottom: 0px; }
    .article-content-panel .article-content.no-margins h3 { margin-bottom: 0px; }
    .article-content-panel .article-content.no-margins h4 { margin-bottom: 0px; }
    .article-content-panel .article-content.no-margins p { margin-bottom: 0px!important; }

.article-quote-panel { background: #092942; padding: 80px 0px 80px 0px; }
    .article-quote-panel .article-content { color: #ffffff; font-size: 30px!important; line-height: 36px!important; font-weight: 300; max-width: 900px; margin: auto; }
    .article-quote-panel .article-content .text-black { color: #e62c27!important; }
    .article-quote-panel .article-content p { color: #ffffff; }
    .article-quote-panel .article-content span { opacity: 1!important; }
    .article-quote-panel .article-content p b { color: #e62c27!important; }
    .article-quote-panel .article-content b { opacity: 1!important; font-weight: 600!important; }


/**
* Full Panel Cta Panel
* ========================================================================== */

.full-panel-cta-panel { background: #00a8b7; padding: 50px 0px 50px 0px; }
    .full-panel-cta-panel h3 { color: #ffffff; margin-bottom: 10px; }
    .full-panel-cta-panel h4 { color: #ffffff; margin-bottom: 10px; }
    .full-panel-cta-panel .btn { margin-top: 20px; }
    .full-panel-cta-panel .button { margin-top: 20px; }
    .full-panel-cta-panel .play-icon { width: 95px; height: 95px; border: 2px #ffffff solid; border-radius: 50%; padding: 21px 0px 0px 8px; margin: auto auto 20px auto; }
        .full-panel-cta-panel .play-icon i { color: #ffffff; font-size: 50px; }
    .full-panel-cta-panel .play-icon:hover { background: #ffffff; }
        .full-panel-cta-panel .play-icon:hover i { color: #e62c27; }

/**
 * Footer Cta Panel
 * ========================================================================== */

.footer-cta-panel { background: #00a8b7; padding: 50px 0px 50px 0px; }
    .footer-cta-panel h2 { color: #ffffff; margin-bottom: 30px; }
    .footer-cta-panel h3 { color: #ffffff; margin-bottom: 30px; }


/**
 * Modals
 * ========================================================================== */

.app-grid-modal .modal-content { border: none; border-radius: 0px; }
.app-grid-modal .modal-dialog { max-width: 1320px; }
    .app-grid-modal .modal-body { overflow: visible; padding: 0px; overflow: hidden; }
    .app-grid-modal .modal-body .row { margin: 0px; }
    .app-grid-modal .modal-body .btn-close { position: absolute; right: 30px; top: 25px; }
    .app-grid-modal .modal-dialog .left { padding: 70px; }
        .app-grid-modal .modal-dialog .left img { width: 100%; display: block; margin-bottom: 70px; }
        .app-grid-modal .modal-dialog .left .btn { width: 100%; font-size: 28px; padding: 16px 20px; }
        .app-grid-modal .modal-dialog .left .button { width: 100%; font-size: 28px; padding: 16px 20px; }
    .app-grid-modal .modal-dialog .right { padding: 70px; }
        .app-grid-modal .modal-dialog .right h3 { margin-bottom: 20px; }
        .app-grid-modal .modal-dialog .right p { margin-bottom: 25px; }
        .app-grid-modal .modal-dialog .right ul { list-style: none; padding: 0px; margin-bottom: 25px; }
        .app-grid-modal .modal-dialog .right li { color: #666666; font-size: 28px; line-height: 36px; padding: 10px 0px; border-top: 1px #ccc solid; }



/**
 * Contact Form Panel
 * ========================================================================== */

.contact-form-panel { padding: 180px 0px 80px 0px!important; }
    .contact-form-panel h3 { margin-bottom: 20px; }
    .contact-form-panel p { font-size: 26px; line-height: 34px; margin-bottom: 35px; }
    .contact-form-panel p br { display: none; }
    .contact-form-panel .col-lg-8 { padding-right: 100px; }
        .contact-form-panel label { font-size: 22px; line-height: 28px; font-weight: 300; }
    .contact-form-panel .col-lg-4 ul li { font-size: 24px; line-height: 30px; border-bottom: 1px #cccccc solid; padding: 12px 0px; }


/**
 * Modal Popup
 * ========================================================================== */

    #main-video-popup .iframe-container { position: relative; overflow: hidden; width: 100%; padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */}
        #main-video-popup .iframe-container iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }
        #main-video-popup .col-12 { padding: 0px; }


/**
 * Tablet/Laptop
 * ========================================================================== */

@media screen and (max-width: 1780px) {

    .main-slider .shape-holder { left: 750px; }

}

@media screen and (max-width: 1725px) {

    .left-content-panel .center-content { padding-left: 30px; margin-right: 0px; float: none; }

}



@media screen and (max-width: 1700px) {

    .main-slider .slide .logo-holder-feature { width: 234px; height: 233px; background-size: 234px; top: 250px; }
        .main-slider .slide .logo-holder-feature img { width: 140px; }

}


@media screen and (max-width: 1670px) {

    .main-slider .shape-holder { left: 680px; }

    .news-features-panel .carousel { padding: 0px 50px; }
    .news-features-panel .news-feature .content h4 { font-size: 32px; line-height: 40px; }

    footer .footer .footer-cta-feature { padding: 20px; }

}

@media screen and (max-width: 1600px) {

    .left-content-panel { background-position: right bottom!important; background-size: 1200px; }
    .left-content-panel.laptop-background-top { background-position: right top!important; }
    .left-content-panel .side-icons { max-width: 400px; }

    .right-content-panel .center-content { padding-right: 20px; }

    .apps-grid-panel .grid-feature h5 { font-size: 20px; line-height: 30px; }

    .internal-header-panel.short p { font-size: 24px; line-height: 32px; }

}

@media screen and (max-width: 1550px) {
    .main-slider { min-height: 800px!important; }
        .main-slider .slide { min-height: 800px!important; background-position: center -320px; }
        .main-slider .slide .col-12 { min-height: 800px!important; }
        .main-slider .slide .side-img { right: 90px; width: 500px; }
        .main-slider .slide .btn { font-size: 18px; line-height: 20px; padding: 10px 20px; }
        .main-slider .slide .button { font-size: 18px; line-height: 20px; padding: 10px 20px; }

        .main-slider.s_carousel.s_carousel_default .carousel-indicators { bottom: 100px; }

        .main-slider .slide .logo-holder-feature { width: 204px; height: 203px; background-size: 204px; top: 250px; left: 10px; }

    .main-slider .slick-dots { padding-left: 60px; bottom: 145px; }

    .double-content-panel { min-height: 500px; }
        .double-content-panel .left { min-height: 500px; padding: 130px 0px 130px 0px; }
            .double-content-panel .left .center-content p { padding-right: 110px; }
        .double-content-panel .right { min-height: 500px; padding: 130px 0px 130px 0px; }
            .double-content-panel .right .center-content p { padding-right: 110px; }
        .double-content-panel .center-content { position: relative; left: 0px; right: 0px; top: 0px; transform: none; }

    .internal-header-panel h3 { font-size: 40px; line-height: 48px; }

}


@media screen and (max-width: 1500px) {

    h2 { font-size: 55px; line-height: 62px; }
    h3 { font-size: 44px; line-height: 54px; }

    .main-slider .shape-holder { left: 580px; }

    .internal-header-panel { min-height: 840px; }
    .internal-header-panel .col-12 { min-height: 840px; }

    .internal-header-panel .logo-holder-feature { width: 234px; height: 233px; background-size: 234px; top: 250px; }
        .internal-header-panel .logo-holder-feature img { width: 140px; }

}


@media screen and (max-width: 1450px) {

    .main-slider .shape-holder { left: 545px; }
    .main-slider .slide .logo-holder-feature { left: -30px; }

    .internal-header-panel h3 { font-size: 36px; line-height: 44px; }

    .partner-logos-panel { padding: 80px 0px 100px 0px; }
        .partner-logos-panel h2 { margin-bottom: 20px; }
        .partner-logos-panel img { max-height: 85px; max-width: 220px; margin: 40px 0px; position: relative; top: auto; transform: none; }
        .partner-logos-panel .col-xl-3 { min-height: 0px; }

}


@media screen and (max-width: 1400px) {

    .main-slider .slide h3 { font-size: 40px; line-height: 48px; }
    .main-slider .slide p { font-size: 22px; line-height: 30px; }
    .main-slider .shape-holder { left: 505px; }

    .main-slider .slide .logo-holder-feature { width: 184px; height: 183px; background-size: 184px; }
    .main-slider .slide .logo-holder-feature img { width: 120px; }
    .main-slider .slide .btn { font-size: 16px; line-height: 18px; padding: 10px 20px; }
    .main-slider .slide .button { font-size: 16px; line-height: 18px; padding: 10px 20px; }

    .product-category-features .product-category-feature.red {background-position: -50px 270px; }

    .product-list-item { padding: 30px; }
    .cta-product-list-item { padding: 30px; }

    .news-features-panel .carousel { padding: 0px 10px; }
    .news-features-panel .news-feature .content h4 { font-size: 28px; line-height: 36px; }

    .careers-listing-panel .careers-feature .body-text h3 { font-size: 32px; line-height: 38px; }
    .careers-listing-panel .careers-feature .body-text p { font-size: 22px; line-height: 30px; }
    .careers-listing-panel .careers-feature .image-holder img { max-width: 150%; height: auto; margin: auto; }

    .internal-content-panel .row.list-items .list-item h4 {font-size: 26px; line-height: 32px; }

}

@media screen and (max-width: 1350px) {

    h2 { font-size: 50px; line-height: 58px; }
    p {  font-size: 24px; line-height: 32px; }
    li { font-size: 24px; line-height: 32px; }

    .main-slider .slide .side-img { width: 450px; }
    .main-slider .center-content { padding-right: 50px; }

    .btn { font-size: 20px; line-height: 22px; padding: 12px 20px; }
    .button { font-size: 20px; line-height: 22px; padding: 12px 20px; }

    .left-content-panel { min-height: 300px; padding: 120px 0px 120px 0px; }
        .left-content-panel h3 { margin-bottom: 25px; }
        .left-content-panel li { font-size: 24px; line-height: 32px; }

    .right-content-panel { min-height: 300px; padding: 120px 0px 120px 0px; }
        .right-content-panel h3 { margin-bottom: 25px; }
        .right-content-panel li { font-size: 24px; line-height: 32px; }

    .internal-background-content-panel p { font-size: 24px; line-height: 32px; }

    .internal-header-panel.short { background-position: center -10px !important; }

    .app-grid-modal .modal-dialog .right li { font-size: 24px; line-height: 32px; }

    .apps-grid-panel .grid-feature h5 { font-size: 17px; line-height: 24px; }

}


@media screen and (max-width: 1300px) {

    .main-slider .slide { background-position: center -380px; }

    .services-features-panel .carousel-inner .col-6 { min-height: 190px; }
    .services-features-panel .slide img { width: 150px; max-height: 100px; }
    .services-features-panel .slide h4 { font-size: 26px; line-height: 34px; }
    .services-features-panel .s_carousel.s_carousel_default .carousel-indicators { padding: 50px 0px 30px 0px; }

    .internal-content-panel .two-column-container { width: 97%; }

    .article-header-panel { min-height: 500px; max-width: 100%; border-radius: 0px; }

    .fixed-side-icons { display: none; }

}

@media screen and (max-width: 1200px) {

    h2 { font-size: 44px; line-height: 50px; }
    h3 { font-size: 38px; line-height: 46px; }

    .main-slider { min-height: 750px; }
    .main-slider .slide { background-size: 1000px; min-height: 750px; background-position: right bottom; padding: 220px 20px 0px 20px; }
    .main-slider .slide h3 { font-size: 36px; line-height: 44px; }

    .product-category-feature { margin-bottom: 40px!important; margin-left: 0px!important; margin-right: 0px !important; }
    .product-category-feature.yellow { margin: 0px 0px 0px 0px!important; }

    .full-panel-slider { min-height: 850px!important; }
    .full-panel-slider .slide { min-height: 850px; background-size: 1100px!important; background-position: bottom right!important; }
    .full-panel-slider.vertical-center .col.left { min-height: 850px !important; }
    .full-panel-slider .slide .logo-holder-feature { left: 120px; }
    .full-panel-slider.s_carousel.s_carousel_default .carousel-indicators { bottom: 60px; }

    .center-content-panel .col-lg-3 img { max-width: 300px; max-height: 165px; }

    .left-content-panel { background-position: center bottom!important; background-size: 1200px; }
    .left-content-panel .center-content { padding-left: 0px; }
    .left-content-panel h3 br { display: none; }

    .right-content-panel.vertical-center { min-height: 700px; }
    .right-content-panel.vertical-center .col.right { min-height: 700px; }
    .right-content-panel h3 br { display: none; }

    .news-feature { width: 100%; }
    .news-features-panel .news-feature .content h4 { font-size: 26px; line-height: 34px; }
    .news-feature .content p { font-size: 20px; line-height: 26px; bottom: 25px; }
    .news-feature .content { padding: 25px; }

    .internal-header-panel { min-height: 720px; padding: 200px 0px 150px 0px; background-size: 1000px; background-position: right 75px; }
    .internal-header-panel.oe_img_bg.o_bg_img_center { background-position: right 75px; }
        .internal-header-panel .col-12 { min-height: 0px; }
        .internal-header-panel .center-content { position: relative; top: auto; transform: none; }
        .internal-header-panel .logo-holder-feature { display: none; }
        .internal-header-panel h2 { font-size: 38px; line-height: 44px; margin-bottom: 20px; }
        .internal-header-panel h3 { font-size: 30px; line-height: 38px; margin-bottom: 20px; }
        .internal-header-panel h5 { margin-bottom: 20px; }
        .internal-header-panel p { font-size: 21px; line-height: 28px; }

    .internal-header-panel.short { background: #ffffff!important; min-height: 0px; padding: 160px 0px 30px 0px; }
        .internal-header-panel.short .center-content { padding-top: 0px; }
        .internal-header-panel.short .col-12 { min-height: 0px; }

    .internal-content-panel { padding: 80px 0px 50px 0px; }
        .internal-content-panel .left .two-column { padding-right: 0px; text-align: center; }
        .internal-content-panel .right .two-column { padding-left: 0px; text-align: center; }

    .internal-background-content-panel h3 { margin-bottom: 25px; }

    .apps-grid-panel .grid-feature h5 { font-size: 20px; line-height: 26px; }

    #o_wblog_posts_loop .pb-4.col-12 { width: 50%; }

    footer .footer { text-align: center; padding: 60px 15px 30px 15px; }
        footer .footer .text-right { text-align: center; }
            footer .footer .text-right img { margin-bottom: 30px; }

        footer .footer .col { margin-bottom: 40px; }
        footer .footer .footer-social { width: 230px; padding: 22px 0px 0px 0px; margin: auto; float: none; }

        footer .footer .footer-cta-feature { text-align: left; padding: 20px; max-width: 400px; margin-left: auto; margin-right: auto; float: none; }
            footer .footer .footer-cta-feature h3 { font-size: 26px; line-height: 34px; }
            footer .footer .footer-cta-feature h4 { font-size: 22px; line-height: 28px; }
            footer .footer .footer-cta-feature i { font-size: 30px; bottom: 20px; right: 20px; }

    footer .footer-bottom { text-align: center; }
        footer .footer-bottom .text-right { text-align: center; }
        footer .footer-bottom p { line-height: 30px; margin-bottom: 12px; }
        footer .footer-bottom .footer-social { width: 124px; margin: 10px auto auto auto; }
            footer .footer-bottom .footer-social li { margin-left: 6px; margin-right: 6px; }

}

@media screen and (max-width: 1100px) {

    .btn { font-size: 18px; line-height: 20px; padding: 12px 16px; }
    .button { font-size: 18px; line-height: 20px; padding: 12px 16px; }

    .main-slider .slide p { padding-right: 45px; }
    .main-slider .slide .btn { font-size: 14px; line-height: 16px; padding: 10px 10px; }
    .main-slider .slide .button { font-size: 14px; line-height: 16px; padding: 10px 10px; }

    .full-panel-slider .slide { background-size: 950px !important; }
    .full-panel-slider .slide .logo-holder-feature { width: 184px; height: 183px; background-size: 184px; top: auto; left: auto; bottom: 50px; right: 100px;  }
    .full-panel-slider .slide .logo-holder-feature img { width: 120px; max-width: 100px !important; }

    .internal-header-panel { background-position: right 95px; }
    .internal-header-panel.oe_img_bg.o_bg_img_center { background-position: right 95px; }

    .services-features-panel .slide h4 { font-size: 22px; line-height: 30px; }

    .news-listing-panel .news-feature .content h4 { font-size: 28px; line-height: 36px; }

    .contact-form-panel .col-lg-4 ul li { font-size: 20px; line-height: 26px; }

}

@media screen and (max-width: 1012px) {

    .row .col { padding-left: 15px; padding-right: 15px; }
    .row .col-12 { padding-left: 15px; padding-right: 15px; }

}



@media screen and (max-width: 991px) {

    h2 { font-size: 42px; line-height: 48px; }
    h3 { font-size: 36px; line-height: 44px; }
    p { font-size: 20px; line-height: 28px; }
    li { font-size: 20px; line-height: 28px; }

    .main-slider { min-height: 750px!important; }
    .main-slider .slide { background-size: 700px; min-height: 750px!important; padding: 150px 20px 0px 20px!important; }
    .main-slider .slide .col-12 { min-height: 0px!important; }
    .main-slider .slide p { padding-right: 0px; }
    .main-slider .slide .btn { margin: 0px 9px; }
    .main-slider .slide .button { margin: 0px 9px; }
    .main-slider .center-content { text-align: center; position: relative; left: 0px; right: 0px; top: 0px; transform: none; width: 100%; max-width: 600px; padding: 0px; margin: auto; }
    .main-slider .slide .logo-holder-feature { right: 0px; left: auto; }
    .main-slider .slick-dots { padding-left: 30px; }
    .main-slider.s_carousel.s_carousel_default .carousel-indicators { justify-content: center; }
    .main-slider .logo-holder-feature { display: none; }
    .main-slider.s_carousel.s_carousel_default .carousel-indicators { bottom: 230px; }

    .solutions-slider .slide { padding: 240px 20px 0px 20px; }
    .solutions-slider .slick-dots { padding-left: 30px; }

    .center-feature-content-panel { padding: 45px 30px; }
        .center-feature-content-panel .contained { min-height: auto; }
        .center-feature-content-panel .center-content { position: relative; top: 0px; transform: none; }
        .center-feature-content-panel .left { padding-right: 15px; padding-bottom: 40px; }
        .center-feature-content-panel .right { padding-left: 15px; }
        .center-feature-content-panel .right.border-left { border-left: 0px; border-top: 1px #ccc solid; padding-top: 40px; }
        .center-feature-content-panel .circle-cta-feature { margin: auto; }

    .left-content-panel { background-position: center bottom !important; background-size: 1000px; min-height: 300px; padding: 80px 0px 80px 0px; }
        .left-content-panel .col.left .center-content { padding-right: 25px; }
        .left-content-panel.vertical-center { min-height: 0px; padding: 70px 0px; }
        .left-content-panel.vertical-center .col.left { min-height: 0px; }
        .left-content-panel.vertical-center .center-content { position: relative; top: 0px; transform: none; }
        .left-content-panel li { font-size: 20px; line-height: 28px; }
        .left-content-panel .side-icons { width: 100%; max-width: 300px; margin: 60px auto -250px auto; }
        .left-content-panel.vertical-center.height-800 { min-height: 300px; }
            .left-content-panel.vertical-center.height-800 .col.left { min-height: 300px; }
        .left-content-panel.vertical-center.height-700 { min-height: 300px; }
            .left-content-panel.vertical-center.height-700 .col.left { min-height: 300px; }
        .left-content-panel.vertical-center.height-600 { min-height: 300px; }
            .left-content-panel.vertical-center.height-600 .col.left { min-height: 300px; }
        .left-content-panel.laptop-background-top { background-size: 800px; }

    .right-content-panel { min-height: 300px; padding: 80px 0px 80px 0px;  }
        .right-content-panel.oe_img_bg.o_bg_img_center {  }
        .right-content-panel.vertical-center { min-height: 0px; padding: 70px 0px; }
        .right-content-panel.vertical-center .col.right { min-height: 0px; }
        .right-content-panel.vertical-center .center-content { position: relative; top: 0px; transform: none; }
        .right-content-panel li { font-size: 20px; line-height: 28px; }
        .right-content-panel .side-icons { width: 100%; max-width: 300px; margin: 60px auto -250px auto; }
        .right-content-panel.vertical-center.height-800 { min-height: 300px; }
            .right-content-panel.vertical-center.height-800 .col.right { min-height: 300px; }
        .right-content-panel.vertical-center.height-700 { min-height: 300px; }
            .right-content-panel.vertical-center.height-700 .col.right { min-height: 300px; }
        .right-content-panel.vertical-center.height-600 { min-height: 300px; }
            .right-content-panel.vertical-center.height-600 .col.right { min-height: 300px; }

    .internal-background-content-panel { padding: 80px 0px 60px 0px; }
        .internal-background-content-panel p { font-size: 20px; line-height: 28px; }
        .internal-background-content-panel .center-content { max-width: 100%; }

    .internal-content-panel.header-block { margin-bottom: 0px; }

    .full-panel-slider.vertical-center { min-height: 700px !important; }
    .full-panel-slider.vertical-center .slide { min-height: 700px !important; padding: 0px 0px 0px 0px!important; }
    .full-panel-slider.vertical-center .col.left { min-height: 700px !important; }
    .full-panel-slider .slide .logo-holder-feature { top: auto; left: auto; bottom: 30px; right: 100px; }

    .double-content-panel { min-height: 400px; }
        .double-content-panel .left { min-height: 400px; padding: 80px 0px 80px 0px; }
            .double-content-panel .left .center-content p { padding-right: 60px; }
        .double-content-panel .right { min-height: 400px; padding: 80px 0px 80px 0px; }
            .double-content-panel .right .center-content p { padding-right: 60px; }

    .services-features-panel .carousel-inner .col-6 { margin-bottom: 70px; }
    .services-features-panel .s_carousel.s_carousel_default .carousel-indicators { padding: 0px 0px 30px 0px; }

    .news-feature { width: 100%; max-width: 500px; margin-bottom: 60px; }
    .news-features-panel .s_carousel.s_carousel_default .carousel-indicators { padding: 50px 0px 30px 0px; }

    .background-quote-panel { padding: 110px 0px 110px 0px; }
        .background-quote-panel .quote-panel { width: 90%; max-width: 900px; padding: 50px 30px; }

    .internal-header-panel { min-height: 0px; padding: 150px 0px 290px 0px; text-align: center; background-size: 420px; background-position: bottom right; }
    .internal-header-panel.oe_img_bg.o_bg_img_center { background-position: bottom right; }
    .internal-header-panel .btn { margin-left: 9px; margin-right: 9px; }
    .internal-header-panel .button { margin-left: 9px; margin-right: 9px; }

    .internal-center-content-panel .s_features { padding: 60px 0px !important; }

    .internal-center-content-panel.js_hr_recruitment h2 { font-size: 38px; line-height: 44px; }
    .internal-center-content-panel.js_hr_recruitment h5 { font-size: 20px; line-height: 28px; }
    .internal-center-content-panel.js_hr_recruitment div.float-right { padding-left: 30px; }
    .internal-center-content-panel h3 { font-size: 30px; line-height: 36px; }

    .careers-listing-panel .careers-feature { max-width: 500px; margin-bottom: 40px; }

    .app-grid-modal .modal-dialog .left { padding: 40px 40px 40px 40px; }
    .app-grid-modal .modal-dialog .left img { max-width: 150px; margin-bottom: 0px; }
    .app-grid-modal .modal-dialog .left .btn-red { display: none }
    .app-grid-modal .modal-dialog .right { padding: 0px 40px 40px 40px; }
    .app-grid-modal .modal-body .btn-close { top: -200px; }
    .app-grid-modal .modal-dialog .right li { font-size: 20px; line-height: 28px; }

    .contact-form-panel .col-lg-8 { padding-right: 15px; }

}

@media screen and (max-width: 920px) {

    .main-slider .slide { background-size: 600px; padding: 135px 20px 0px 20px !important; }

    .full-panel-slider .slide { background-size: 850px !important; }

}




@media screen and (max-width: 767px) {

    h2 { font-size: 40px; line-height: 46px; }
    h3 { font-size: 34px; line-height: 42px; }
    h4 { font-size: 28px; line-height: 34px; }
    h5 { font-size: 22px; line-height: 30px; }
    .btn { font-size: 16px; line-height: 18px; padding: 10px 12px; }
    .button { font-size: 16px; line-height: 18px; padding: 10px 12px; }


    .main-slider { min-height: 620px; }
    .main-slider .slide { background-size: 600px; min-height: 620px; padding: 180px 20px 0px 20px; }

    .cta-product-list-item { max-width: 400px; margin-left: auto; margin-right: auto; }
    .product-list-item { max-width: 400px; margin-left: auto; margin-right: auto; }

    .product-category-header .right { padding-left: 15px; margin-top: 30px; }

    .full-panel-slider .slide { background-size: 750px !important; }
    .full-panel-slider.vertical-center { min-height: 800px !important; }
    .full-panel-slider.vertical-center .slide { min-height: 800px !important; }
    .full-panel-slider.vertical-center .col.left { min-height: 800px !important; }
    .full-panel-slider .slide .logo-holder-feature { bottom: 15px; right: 15px; }

    .full-panel-arrow-slider .gallery-arrow.prev { left: 20px; font-size: 35px; }
    .full-panel-arrow-slider .gallery-arrow.next { right: 20px; font-size: 35px; }

    .center-content-panel .col-lg-3 { min-height: 130px; }
        .center-content-panel .col-lg-3 img { max-height: 145px; position: relative; top: 0px; transform: none; }

    .double-content-panel .left .center-content p { padding-right: 15px; }
    .double-content-panel .right .center-content p { padding-right: 15px; }

    .services-features-panel .carousel-inner .col-6 { min-height: 0px; }
    .services-features-panel .slide h4 { position: relative; margin-top: 25px; }

    .left-content-panel.white { background-size: 700px; background-position: right bottom!important; padding-bottom: 350px; }
    .right-content-panel.mobile-background-right { background-position: top right; }
    .right-content-panel.mobile-background-right.oe_img_bg.o_bg_img_center { background-position: top right; }

    .internal-content-panel .row.list-items .list-item h4 { font-size: 25px; line-height: 32px; }
    .internal-center-content-panel p { font-size: 22px !important; line-height: 28px !important; }
    .internal-center-content-panel li { font-size: 22px !important; line-height: 28px !important; }
    .internal-center-content-panel .s_features .col-lg-3 { width: 100%; }

    .background-quote-panel { padding: 80px 0px 80px 0px; }
        .background-quote-panel .quote-panel h4 { font-size: 24px; line-height: 30px; }
        .background-quote-panel .quote-panel h4.small { font-size: 22px; line-height: 30px; }

    .news-features-panel { padding: 60px 0px 60px 0px; }
    .partner-logos-panel { padding: 50px 0px 70px 0px; }

    .article-header-panel { min-height: 350px; }

    .apps-grid-panel { text-align: center; }
        .apps-grid-panel h2 { padding-left: 0px; }

    #o_wblog_posts_loop .pb-4.col-12 { width: 100%; padding: 0px; }
    #o_wblog_posts_loop article.blog-feature.o_wblog_post { max-width: 100%; }

    .full-panel-cta-panel h3 br { display: none; }

}

@media screen and (max-width: 700px) {

    .main-slider .slide { background-size: 450px; }

}


@media screen and (max-width: 600px) {

    .main-slider .slide { background-size: 400px; padding: 135px 10px 0px 10px !important; }
    .main-slider .slide h3 { font-size: 32px; line-height: 40px; }
    .main-slider .slide p { margin-bottom: 25px; }
    .main-slider .button-grey-keyline { display: none; }
    .main-slider.s_carousel.s_carousel_default .carousel-indicators { bottom: 150px; }

    .background-quote-panel .quote-panel { width: 100%; }
        .background-quote-panel .quote-panel h4 { font-size: 22px; line-height: 28px; }
        .background-quote-panel .quote-panel h5 { font-size: 18px; line-height: 26px; }

    .set-width-holder { padding: 0px 25px; }

    .full-panel-slider .slide { background-size: 700px !important; }

    .full-panel-arrow-slider .slide { padding: 180px 40px 0px 40px; }

    .app-grid-modal .modal-body .btn-close { right: 20px; }

}

@media screen and (max-width: 575px) {

    .main-slider .slide h3 { margin-bottom: 20px; }

    .left-content-panel { text-align: center; }
        .left-content-panel.vertical-center { min-height: 0px; padding-top: 80px; }
        .left-content-panel.vertical-center .col.left { min-height: 0px!important; }
        .left-content-panel.vertical-center .center-content { position: relative; top: 0px; transform: none; }
        .left-content-panel.white { background-position: left 300px; }
        .left-content-panel .col.left .center-content { padding-right: 0px; }
        .full-panel-slider.left-content-panel.vertical-center .col.left { min-height: 800px !important; }

    .right-content-panel { text-align: center; }
        .right-content-panel.vertical-center { min-height: 0px; padding-top: 80px; padding-bottom: 80px; }
        .right-content-panel.vertical-center .col.right { min-height: 0px!important; }
        .right-content-panel.vertical-center .center-content { position: relative; top: 0px; transform: none; }
        .right-content-panel .center-content { padding-right: 0px; }
        .right-content-panel.white { background-position: left 300px; }


    .center-content-panel .col-lg-3 img { max-width: 240px; max-height: 115px; }

    .double-content-panel { text-align: center; }

    .full-panel-slider .slide { background-size: 650px !important; }
    .full-panel-slider.left-content-panel h3 { margin-bottom: 20px; }

    .internal-background-content-panel { text-align: center; }

}

@media screen and (max-width: 500px) {

    .main-slider .slide { background-size: 360px; }
        .main-slider .slide h3 { font-size: 30px; line-height: 38px; }

    .left-content-panel.white { background-size: 600px; }

    .app-grid-modal .modal-dialog .left { padding: 30px 30px 40px 30px; }
    .app-grid-modal .modal-dialog .right { padding: 0px 30px 30px 30px; }

}

@media screen and (max-width: 450px) {

    .full-panel-slider.left-content-panel.vertical-center .col.left { min-height: 850px !important; }

}

/**
 * Slick Slider
 * ========================================================================== */

 .slick-slider { position: relative; display: block; }

 .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
 .slick-list:focus { outline: none; }
 .slick-list.dragging { cursor: pointer; }

 .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 { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: none; float: left; height: 100%; min-height: 1px; }
 .slick-slide img { display: block; }
 .slick-slide.slick-loading img { display: 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; }

 .slick-dots { position: absolute; bottom: 45px; display: block; width: 100%; list-style: none; text-align: center; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; }
     .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 4px; padding: 0; cursor: pointer; border: 0px; }
     .slick-dots li button { background: none; border: 2px #999999 solid; font-size: 0; line-height: 0; display: block; height: 20px; width: 20px; padding: 0px; cursor: pointer; color: #cc0000; outline: none; border-radius: 0px; }
     .slick-dots li button:hover,.slick-dots li button:focus { outline: none; }
     .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; }
     .slick-dots li button:before { font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: #051D49; border-radius: 0px; }
     .slick-dots li.slick-active button:before { opacity: 1; color: #ccc !important; height: 8px; width: 36px; border-radius: 0px; }
     .slick-dots li.slick-active { background: #999999; height: 20px; width: 20px; border-radius: 25px; }
     .slick-dots li.slick-active button { background: #999999; border: 1px solid #999999 !important; height: 20px; width: 20px; border-radius: 0px; }

/*following is added to revert global css affecting the header */
header li{
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;

}

header .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}

header .navbar-toggler{
    border: none;
}