/*--
Author: Pawan Yadav
Style CSS
--*/

body {
    padding: 0;
    margin: 0;
    background: #FFF;
    font-family: 'Roboto', sans-serif;
}

    body button,
    .btn,
    body a {
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

        .btn:hover,
        body button:hover {
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
        }

        body a:hover {
            text-decoration: none;
            transition: 0.5s all;
            -webkit-transition: 0.5s all;
            -moz-transition: 0.5s all;
            -o-transition: 0.5s all;
            -ms-transition: 0.5s all;
        }

html {
    scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 10px;
    padding: 0;
    font-family: 'Roboto Slab', serif;
}

h1,
h2,
h3 {
    font-weight: 700;
    margin-bottom: 15px;
}

h4 {
    font-weight: 700;
    margin-bottom: 10px;
}


p {
    color: #1b1d1e;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 26px;
    margin: 0 0 10px;
    padding: 0;
}

ul,
ol {
    margin: 0 0 10px;
    padding: 0;
}

ul {
    list-style-type: none;
}

a, a:hover, a:focus {
    outline: none;
}


/* //Reset Code */

/* colors code */
.text-bl {
    color: #343a40;
}

.text-wh {
    color: #fff;
}

.text-li {
    color: #f8f9fa;
}

.bg-li {
    background: #f8f9fa;
}

.bg-wh {
    background: #fff;
}

.let {
    letter-spacing: 1px;
}

/* //colors code */

/* bottom-to-top */
 a.move-top {
    position: fixed;
    bottom: 3%;
    right: 2%;
    z-index: 0;
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
}

    a.move-top span {
        color: #000;
        font-size: 26px;
        line-height: 30px;
    } 

/* //bottom-to-top */

/* header */
header {
    background-color: transparent;
    border-bottom: 1px solid transparent;
    padding: 10px 0;
    position: fixed;
    width: 100%;
    z-index: 999;
    transition: all 0.5s ease 0s;
}

    header.header-sticky {
        background-color: #000000;
        top: 0px;
    }

    header.inner-header {
        background-color: #000000;
    }

.navbar-brand h1 {
    margin: 0;
}


/*------------
Megamenu CSS:
--------------*/

/* adds some margin below the link sets  */
.navbar .dropdown-menu div[class*="col"] {
    margin-bottom: 1rem;
}

.navbar .dropdown-menu {
    border: none;
    background-color: transparent;
}

.nav-flex-category a {
    font-family: 'Roboto Slab', serif;
    font-weight: 600;
}

/* breakpoint and up - mega dropdown styles */

@media screen and (max-width: 991px) {
    .nav-item.dropdown {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

        .nav-item.dropdown .dropdown-toggle::after {
            position: absolute;
            right: 15px;
            top: 15px;
        }

    nav ul ul li a.nav-link {
        padding: 5px !important;
    }
}



@media screen and (min-width: 992px) {
    .navbar {
        padding: 0px;
    }

        .navbar .dropdown-menu .system-megamenu .col-md-3 {
            border-left: 1px solid rgba(0, 0, 0, 0.18);
        }

        .navbar .dropdown-menu .system-megamenu .nav.flex-column.border-right-column {
            border-right: 1px solid rgba(0, 0, 0, 0.18);
            min-height: 345px;
        }

        .navbar .dropdown-menu .system-megamenu .nav.flex-column.last-flex {
            border-right: none;
        }

    .reboxxed-border-top {
        border-top: 1px solid rgba(0, 0, 0, 0.18);
    }

    .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 0px;
    }

    .navbar .dropdown-menu div.col-md-6 .row {
        margin: 0;
    }

    .row.reboxxed-border-top.pt-1 {
        margin: 0;
    }

    .navbar-brand {
        padding-bottom: 0;
    }

    #logo img {
        vertical-align: top;
    }


    /* makes the dropdown full width  */
    .navbar .dropdown {
        position: static;
    }

    .navbar .dropdown-menu {
        border: 1px solid rgba(0,0,0,.15);
        background-color: #ffffff;
        width: 100%;
        left: 0;
        right: 0;
        top: 50px;
        margin: 0;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -webkit-transition-delay: 0.3s;
        transition-delay: 0.3s;
        visibility: hidden;
        opacity: 0;
    }

    /* shows the dropdown menu on hover  */
    .navbar .dropdown:hover .dropdown-menu {
        display: block !important;
        visibility: visible;
        opacity: 1;
    }

    .navbar .dropdown.show .dropdown-menu {
        display: none;
    }

    nav ul ul li {
        padding: 5px 0;
    }

    .nav-item.nav-item-img {
        margin-bottom: 10px;
        line-height: 80px;
    }

    .nav-flex-label {
        display: block;
        font-size: 14px;
        line-height: 1.2;
        color: #333333;
        margin: 0;
        padding-top: 10px;
    }

    .nav-flex-category.nav-flex-label {
        padding: 0 10px;
        display: block;
        font-size: 1rem;
        font-family: 'Roboto Slab', serif;
        font-weight: 600;
        color: #000000;
    }

    .nav-flex-category a {
        padding: 0 10px;
        display: block;
        font-family: 'Roboto Slab', serif;
        font-weight: 600;
    }

    .nav-item-text {
        display: block;
        font-size: 13px;
        line-height: 1.2;
        color: #333333;
        letter-spacing: 0;
        padding: 0px;
    }

    .navbar-nav > .nav-item {
        margin-left: 10px;
        margin-right: 10px;
    }

        .navbar-nav > .nav-item > .nav-link {
            padding: 10px 6px 16px;
        }

    .navbar-expand-lg .navbar-nav .nav-link.dropdown-toggle {
        color: #ffffff !important;
    }

    .dropdown-menu .row .col-md-3, .dropdown-menu .row .row .col-md-4 {
        padding-left: 5px;
        padding-right: 5px;
    }

    .navbar-nav li.nav-item li.nav-item .nav-link {
        padding: 0;
    }

    .nav-item.dropdown .nav-link.dropdown-toggle {
        position: relative;
    }

        .nav-item.dropdown .nav-link.dropdown-toggle::before {
            background-color: #1f71c5;
            bottom: 10px;
            content: "";
            display: block;
            height: 2px;
            left: 10%;
            position: absolute;
            transition: all 0.3s ease 0s;
            width: 0;
        }

        .nav-item.dropdown .nav-link.dropdown-toggle:hover::before,
        .nav-item.dropdown.show .nav-link.dropdown-toggle::before,
        .nav-item.dropdown.show .nav-link.dropdown-toggle:hover::before {
            width: 75%;
        }
}


@media screen and (max-width: 991px) {
    .nav-flex-category a > br {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1279px) {
    .navbar-nav > .nav-item > .nav-link {
        padding: 14px 5px;
    }
}


@media screen and (min-width: 1300px) {
    .navbar-nav {
        padding-right: 80px;
        padding-left: 80px;
    }
}

@media screen and (min-width: 1600px) {
    .navbar-nav {
        padding-right: 120px;
        padding-left: 120px;
    }
}



.bar {
    width: 25px;
    height: 2px;
    background: #fff;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

    .bar:nth-child(2) {
        width: 20px;
        margin: 5px 0;
    }

    .bar:last-child {
        width: 15px;
    }

.nav-honey li a.active {
    color: #FBBC05;
}

nav.navShadow .nav-honey li a {
    color: #777;
}

.header-phone-link {
    margin: 0;
}

    .header-phone-link a {
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 2px;
        line-height: 1.2;
        margin: 0;
    }


/* navigation */
/* CSS Document */
.toggle-2,
.toggle,
[id^=drop] {
    display: none;
}

/* Giving a background-color to the nav container. */
nav {
    margin: 0;
    padding: 0;
}

#logo a {
    float: left;
    display: initial;
}

/* Since we'll have the "ul li" "float:left"
 * we need to add a clear after the container. 
 
nav:after {
    content: "";
    display: table;
    clear: both;
}
*/

/* Removing padding, margin and "list-style" from the "ul",
 * and adding "position:reltive" */
nav ul {
    /* float: right; */
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

    /* Positioning the navigation items inline */
    nav ul li {
        margin: 0px;
        display: inline-block;
        float: left;
    }

/* Styling the links */
nav li.menu-item a {
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0;
    margin: 0;
    padding: 10px 10px;
    text-transform: capitalize;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

    /* Background color change on Hover */
    nav li.menu-item a:hover {
        color: #ffffff;
    }


.header-right-grid {
    float: right;
}

    .header-right-grid li.nav-item-right span {
        color: #ffffff;
        cursor: pointer;
        display: inline-block;
        padding: 0;
        font-size: 16px;
        line-height: 36px;
        margin-left: 15px;
    }

    .header-right-grid span.login-btn {
        margin-right: 10px;
    }

    .header-right-grid span a {
        color: #ffffff;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 0;
        margin: 0;
        padding: 10px 12px;
        text-transform: capitalize;
        transition: all 0.5s ease 0s;
    }

    .header-right-grid span.search-grid {
        margin-left: 15px;
    }

nav li.menu-item {
    position: relative;
}


/*
nav li.menu-item::before {
    background-color: #1f71c5;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 10%;
    position: absolute;
    transition: all 0.3s ease 0s;
    width: 0;
}


nav li.menu-item:hover::before, 
nav li.menu-item.current-menu-item::before, 
nav li.menu-item.current-menu-item:hover::before{
    width: 80%;
}

nav li.menu-item.current-menu-item::before, 
nav li.menu-item.current-menu-item:hover::before{
    width: 80%;
}

*/

/* Hide Dropdowns by Default */


nav ul ul {
    display: none;
    position: relative;
    padding: 0px;
    border-radius: 0px;
    z-index: 9;
}

    nav ul ul li a:hover {
    }

/* Display Dropdowns on Hover */

nav ul li:hover > ul {
    display: inherit;
}


/* Fisrt Tier Dropdown */
nav ul ul li {
    float: none;
    display: list-item;
    position: relative;
}

nav ul li.menu-item li a {
    color: #000000;
    display: block;
    font-size: 15px;
    line-height: 1.4;
    margin: 0;
    letter-spacing: 1px;
    padding: 5px 10px;
    border-bottom: 1px solid #e4e6e9;
    font-weight: 400;
}

nav ul li.menu-item li:last-child a {
    border-bottom: none;
}

nav ul li.menu-item li a:hover {
    color: #1f71c5;
}




/* Second, Third and more Tiers	
 * We move the 2nd and 3rd etc tier dropdowns to the left
 * by the amount of the width of the first tier.
*/


nav ul ul ul li {
    position: relative;
    top: -60px;
    /* has to be the same number as the "width" of "nav ul ul li" */
    left: 170px;
}

/* Change ' +' in order to change the Dropdown symbol */

li > a:only-child:after {
    content: '';
}

.top-header-bar {
    transition: all 0.5s ease 0s;
}






/* Media Queries
-------------------------- */



@media all and (max-width: 1280px) {
    nav a {
        font-size: 14px;
    }
}


@media all and (max-width : 991px) {
    header {
        background-color: #000000;
        padding: 10px 0;
        position: relative;
    }


    #logo a img {
        max-height: 34px;
    }

    nav {
        margin: 0;
    }

    .toggle + a,
    .menu {
        display: none;
    }

    .toggle {
        background-color: transparent;
        border: medium none;
        border-radius: 50%;
        color: #000;
        cursor: pointer;
        display: block;
        float: right;
        font-size: 15px;
        height: 50px;
        letter-spacing: 1px;
        line-height: 1;
        margin-bottom: 0;
        padding: 16px 12px;
        text-decoration: none;
        width: 50px;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }

    .menu .toggle {
        float: none;
        text-align: center;
        margin: auto;
        padding: 5px;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 2px;
        background: transparent;
        color: #000;
        display: none;
    }

    .toggle:hover {
        opacity: .8;
        transition: 0.5s all;
        -webkit-transition: 0.5s all;
        -moz-transition: 0.5s all;
        -o-transition: 0.5s all;
        -ms-transition: 0.5s all;
    }


    [id^=drop]:checked + ul {
        display: block;
        padding: 15px 0;
        text-align: center;
        width: 100%;
    }

    nav ul ul ul li {
        position: static;
    }

    .menu li.active a,
    .menu li a:hover {
        opacity: .8;
    }

    nav a {
        font-size: 14px;
        display: block;
        margin: 8px 0;
    }

    a.reqe-button {
        padding: 12px 20px;
        font-size: 13px;
        margin: 0 8px;
    }

    .navbar-brand {
        padding-bottom: 0;
    }

    header {
        position: relative;
        padding: 10px 0 0;
    }

    .navbar .dropdown-menu div[class*="col"] {
        margin-bottom: 0;
        padding: 0 5px;
    }

    nav .nav-item a {
        margin: 0;
    }
}




/* //navigation */
/* //header */

/* banner */
.home-banner-grid {
    background: url("../images/banner-01.jpg") no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    min-height: 50vw;
    position: relative;
    z-index: 1;
}

/* //banner text */

.home_page_banner {
    background: url('../images/banner-01.jpg') center center no-repeat;
    background-size: auto;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -ms-background-size: cover !important;
    min-height: 630px;
    position: relative;
    padding: 0;
    z-index: 1;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .home_page_banner.banner-overlay-black-bg::before {
        background-color: rgba(0, 0, 0, .25);
        content: "";
        display: block;
        left: 0;
        width: 100%;
        position: absolute;
        top: 0;
        height: 100%;
    }

.home_slider_title {
    font-size: 66px;
    line-height: 1.1;
    color: #ffffff;
    margin: 0px;
}


/* bannner bottom */

.title-heading-large {
    font-size: 52px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.title-heading-medium {
    font-size: 34px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.title-heading-small {
    color: #000000;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px;
    text-transform: none;
}

.title-heading-default {
    color: #000000;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.sub-title-heading {
    font-size: 20px;
    line-height: 1.4;
}

.light-grid .title-heading-medium, .light-grid .title-heading-small {
    color: #ffffff;
}

.light-grid h4, .light-grid h5 {
    color: #ffffff;
}

.light-grid .sub-title-heading {
    color: #ffffff;
}

.light-grid p, .light-grid ul li {
    color: #ffffff;
}

.blue-grid-column .title-heading-medium, .blue-grid-column .title-heading-small {
    color: #ffffff;
}

.blue-grid-column h4, .blue-grid-column h5 {
    color: #ffffff;
}

.blue-grid-column .sub-title-heading {
    color: #ffffff;
}

.blue-grid-column p, .blue-grid-column ul li {
    color: #ffffff;
    margin: 0;
}

.blue-grid-column a {
    color: #333;
    margin: 0;
}

.blue-grid-column p {
    margin: 0;
}

.title-sub-heading {
    margin-bottom: 20px;
    color: #000;
}

h3.title-heading-medium.light-heading {
    color: #ffffff;
}

.title-heading-medium.light-heading {
    color: #ffffff;
}

.title-heading-medium span, .title-heading-small span {
    color: #1f71c5;
}

.bg-gray {
    background-color: #f8f9fa;
}

.bg-blue {
    background-color: #1e71c5;
}



.services h3.title-heading-medium,
.clients h3.title-heading-medium,
.contact h3.title-heading-medium {
    color: #fff;
}

h3.title-sub {
    font-size: 27px;
    line-height: 1.5;
    letter-spacing: 1px;
}

    h3.title-sub span {
        display: block;
    }

/* //bannner bottom */


/* testimonials */
.clients {
    background: url(../images/bg2.jpg) no-repeat center fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
}

.feedback-info p {
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.8;
    color: #e4e4e4;
}

.feedback-info img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -moz-border-radius: 50%;
}

/* //testimonials */


/* //stats */

/* gallery */
.gal-img img {
    padding: 10px;
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

.gal-img:hover.gal-img img {
    box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    -moz-box-shadow: 0 20px 40px -10px rgba(0, 0, 0, .3);
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
}

/* popup */
.pop-overlay {
    position: fixed;
    top: 0px;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 0ms;
    visibility: hidden;
    opacity: 0;
    z-index: 999;
}

    .pop-overlay:target {
        visibility: visible;
        opacity: 1;
    }

.popup {
    background: #1f71c5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    max-width: 520px;
    position: relative;
    margin: 8em auto;
    padding: 3em 2em 2em;
}

    .popup img {
        box-shadow: 0px 14px 23px 0 rgba(56, 56, 56, 0.23);
        -webkit-box-shadow: 0px 14px 23px 0 rgba(56, 56, 56, 0.23);
        -moz-box-shadow: 0px 14px 23px 0 rgba(56, 56, 56, 0.23);
    }

    .popup p {
        color: #fff;
        font-size: 16px;
        line-height: 1.54;
        letter-spacing: 0;
        font-weight: 400;
    }


    .popup .close {
        position: absolute;
        top: 5px;
        right: 15px;
        transition: all 200ms;
        font-size: 30px;
        font-weight: bold;
        text-decoration: none;
        color: #fff;
        opacity: 1;
    }

        .popup .close:hover {
            color: #f14f5e;
        }

.close.light-icon {
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    opacity: 1;
}


/* //popup */
/* //gallery */



.section-padding {
    padding: 4em 0;
}

.section-top-padding {
    padding-top: 4em;
}

.section-bottom-padding {
    padding-bottom: 4em;
}

.section-middle-padding {
    padding: 2.5em 0;
}


/* contact */

.contact-form-grid input[type="text"],
.contact-form-grid input[type="email"],
.contact-form-grid textarea {
    outline: none;
    padding: 7px 12px;
    font-size: 15px;
    color: #000;
    background-color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .contact-form-grid input[type="text"]:focus,
    .contact-form-grid input[type="email"]:focus,
    .contact-form-grid textarea:focus {
        border-color: #037ef3;
        outline: 0;
        box-shadow: 0 0 0 1px rgba(3, 126, 243, 0.86);
    }

.contact-form-grid textarea {
    min-height: 110px;
    resize: none;
    width: 100%;
}

.contact-form-grid button {
    outline: none;
    padding: 15px 0;
    font-size: 14px;
    color: #fff;
    background: #1f71c5;
    border: none;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    font-weight: 600;
    cursor: pointer;
}

/* //contact */

/* inner banner */


.address-info {
    box-shadow: 0px 2px 5px 2px rgba(76, 110, 245, .1);
    background: #ffffff;
    padding: 0px;
    margin-bottom: 24px;
}

.address-left {
    border-right: 2px solid #e4e6e9;
    margin-right: 15px;
    width: 30%;
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
}

.address-right {
    display: inline-block;
    vertical-align: middle;
    padding: 15px;
}

.address-left i {
    font-size: 24px;
    color: #007bff;
}


/*-- /search --*/


/*
.cd-header-buttons {
    display: inline-block;
    position: fixed;
    right: 124px;
    top: 40px;
    z-index: 99;
}

*/

.header-search-grid {
    display: inline-block;
    position: relative;
    right: 0;
    top: 0;
    z-index: 2;
}

.cd-search-trigger,
.cd-nav-trigger {
    color: #ffffff;
    display: block;
    height: 30px;
    overflow: hidden;
    position: relative;
    text-align: center;
    white-space: nowrap;
    line-height: 36px;
    width: 30px;
    z-index: 3;
}

    .cd-search-trigger span::before {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .cd-search-trigger span::after {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .cd-search-trigger.search-is-visible::before,
    .cd-search-trigger.search-is-visible::after {
        /* hide search icon */
        -moz-opacity: 0;
        opacity: 0;
    }

    .cd-search-trigger.search-is-visible span::before,
    .cd-search-trigger.search-is-visible span::after {
        /* show close icon */
        -moz-opacity: 1;
        opacity: 1;
    }

    .cd-search-trigger.search-is-visible span::before {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }

    .cd-search-trigger.search-is-visible span::after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

.cd-search {
    position: absolute;
    width: 100%;
    right: 40px;
    top: 70px;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}

    .cd-search input {
        border-radius: 0;
        border: none;
        background: rgba(0, 0, 0, 0.75);
        color: #ffffff;
        width: 100%;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        appearance: none;
        float: right;
        font-size: 15px;
        letter-spacing: 2px;
        line-height: 1.6;
        max-width: 650px;
        padding: 14px 15px;
    }

        .cd-search input::-webkit-input-placeholder {
            color: #ffffff !important;
        }

        .cd-search input::-moz-placeholder {
            color: #ffffff !important;
        }

        .cd-search input:-moz-placeholder {
            color: #ffffff !important;
        }

        .cd-search input:-ms-input-placeholder {
            color: #ffffff !important;
        }

        .cd-search input:focus {
            outline: none;
        }

    .cd-search.is-visible {
        -moz-opacity: 1;
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s 0s, visibility 0s 0s;
        -moz-transition: opacity .3s 0s, visibility 0s 0s;
        transition: opacity .3s 0s, visibility 0s 0s;
    }


/*-- //search --*/

/* login */
.modal-body {
    max-width: 600px;
    margin: 0 auto;
}

label.col-form-label {
    color: #000000;
    letter-spacing: 1px;
    font-size: 13px;
    margin-bottom: 5px;
    padding: 0;
}

.col-form-label sup {
    color: #ff0000;
}

.modal-body .form-control {
    background: #fff;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    border: none;
    padding: 10px 15px;
}

/* //login */


/* inner banner */
.inner-banner-grid {
    background: url(../images/banner.jpg) no-repeat center;
    background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    z-index: 1;
}

.banner_inner {
    background: url(../images/banner.jpg) no-repeat center;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height: 300px;
}

.full_banner_inner {
    background: url(../images/banner.jpg) no-repeat center;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height: 600px;
}

.full_slider_banner {
    background: url(../images/banner.jpg) center center no-repeat;
    background-size: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    min-height: 650px;
    position: relative;
    padding: 300px 0 40px;
}

/*
.full_slider_banner::before{
	background: rgba(0, 0, 0, 0.5);
	content:"";
	display:block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	position:absolute;
}
*/

.banner_inner_overlay {
    background: rgba(0, 0, 0, 0.5);
    min-height: 300px;
}

.slider_title {
    font-size: 52px;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 20px;
}

    .slider_title span {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        vertical-align: top;
        font-weight: 400;
    }

.solution-banner .slider_title {
    font-size: 60px;
    line-height: 1.1;
    font-family: 'Roboto', sans-serif;
}

.slider_description {
    font-size: 17px;
    line-height: 1.42;
    color: #ffffff;
    padding-top: 10px;
}

.solution-banner .slider_description {
    padding-top: 0px;
    padding-right: 20%;
}

.full_slider_banner.solution-banner {
    padding: 240px 0 40px;
}

.slider_description.sys-desc {
    padding: 30px 0 0 90px;
}

.page-title-wrap {
    padding: 200px 0 80px;
    position: relative;
}

.page-title-heading {
    font-size: 44px;
    line-height: 1.1;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.page-sub-title {
    font-size: 18px;
    line-height: 1.4;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 15px;
}

.software-logo-list li {
    display: inline-block;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin-right: 5px;
    padding: 5px;
}

    .software-logo-list li img {
        max-width: 90px;
    }



/* footer */

footer {
    background: #000000 none repeat scroll 0 0;
}

.footer-grid h3 {
    font-size: 24px;
    color: #fff;
    letter-spacing: .5px;
    font-weight: 600;
}

.footer-grid ul li {
    margin: 0;
}

    .footer-grid ul li a {
        color: #eee;
        font-size: 16px;
        letter-spacing: 1px;
        margin: 5px 0;
        font-weight: 400;
        line-height: 26px;
        display: inline-block;
    }

        .footer-grid ul li a:hover {
            color: #1f71c5;
        }

.newsletter-form-grid .form-control {
    display: inline-block;
}

.newsletter-form-grid input[type="email"] {
    background-color: transparent;
    border: 2px solid;
    font-size: 14px;
    line-height: 1.4;
    max-width: 100%;
    padding: 12px 15px;
    width: 240px;
    border-radius: 4px 0px 0px 4px;
    height: 48px;
    vertical-align: middle;
}

.newsletter-form-grid input[type="submit"] {
    background-color: transparent;
    border: 2px solid #1f71c5;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-left: -5px;
    padding: 12px 36px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    width: auto;
    height: 48px;
    margin-top: 0 !important;
    border-radius: 0px 4px 4px 0;
}

    .newsletter-form-grid input[type="submit"]:hover {
        background-color: #1f71c5;
    }

.footer-section {
    padding: 25px 0 0;
}

.ftr-contact-grid {
    float: right;
}

.footer-phone-link > a {
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
}

.ftr-contact-grid .more-btn {
    float: right;
}

/* logo */
a.logo.text-wh {
    font-size: 44px;
}

a.logo:hover {
    color: #fff;
}

.copyright-w3ls {
    background: #191919;
}

/* //logo */

/* copyright */
p.copy-right-grids {
    font-size: 14px;
    letter-spacing: 2px;
}

    p.copy-right-grids a {
        color: #ff7f62;
    }

        p.copy-right-grids a:hover {
            color: #fff;
        }

/* //copyright */
/* social-icons */
.widget-social-icon ul li {
    display: inline-block;
    padding: 0 3px !important;
}

    .widget-social-icon ul li a {
        background-color: transparent;
        color: #fff;
        display: block;
        font-size: 18px;
        height: 40px;
        line-height: 36px;
        text-align: center;
        width: 40px;
        -webkit-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.54);
        -moz-box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.54);
        box-shadow: 0px 0px 2px 0px rgba(255, 255, 255, 0.54);
    }

        .widget-social-icon ul li a:hover {
            -webkit-box-shadow: 0 0 4px 0 #1f71c5;
            -moz-box-shadow: 0 0 4px 0 #1f71c5;
            box-shadow: 0 0 4px 0 #1f71c5;
            color: #ffffff;
            background-color: #1f7ac5;
        }

.newsletter-form-grid .widget-title {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 15px;
}

.copyright-txt {
    color: rgba(255, 255, 255, 0.65);
    font-size: 14px;
    margin: 0;
}


/* //social-icons */
/* //footer */



/*--------------
Home Page CSS:
---------------*/

.banner-btn > a {
    background-color: #1f71c5;
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 0 12px;
    padding: 16px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

    .banner-btn > a:hover,
    .banner-btn > a:focus {
        background-color: #ffffff;
        color: #1f71c5;
    }



.banner-bottom-section {
    background-color: #000000;
    position: relative;
    z-index: 2;
}

.banner-bottom-content .col-md-4 {
    top: -45px;
}

.bb-img-grid > a {
    display: block;
    overflow: hidden;
}

    .bb-img-grid > a > img {
        box-shadow: none;
        transform: scale(1);
        transition: all 0.5s ease 0s;
    }

.bb-img-grid:hover > a > img {
    box-shadow: 0 10px 30px rgba(121, 121, 121, 0.27);
    transform: scale(1.12);
}

.banner-bottom-content h4 a {
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.4;
    margin: 10px 0 20px;
    text-align: left;
    transition: all 0.3s ease 0s;
}

    .banner-bottom-content h4 a:hover {
        color: #007bff;
    }

.full-width-container .row {
    margin-left: 0;
    margin-right: 0;
}

.about-content-grid .title-grid {
    color: #1f71c5;
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

.sub-title-head {
    margin-bottom: 5px;
    font-style: italic;
    color: #000;
}

.about-content-grid .title-grid > strong {
    color: #000000;
}

.col-md-6.about-content-grid {
    padding: 30px 85px 50px 60px;
}

.btn-block-grid {
    display: block;
}

.btn.btn-default {
    background-color: #1f71c5;
    border: 2px solid #1f71c5;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 10px 0 0;
    padding: 14px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .btn.btn-default:hover {
        background-color: #2C4FA1;
        border: 2px solid #2C4FA1;
        color: #ffffff;
    }

.proper-built-section .btn.btn-default:hover,
.footer-grid .btn.btn-default:hover {
    background-color: #ffffff;
    border: 2px solid #ffffff;
    color: #1f71c5;
}


.btn.btn-default.more-btn {
    background-color: #1f71c5;
    border: 2px solid #1f71c5;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 10px 0 0;
    padding: 14px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

    .btn.btn-default.more-btn:hover {
        background-color: #2C4FA1;
        border: 2px solid #2C4FA1;
        color: #ffffff;
    }

.black-btn-grid .btn.btn-default.more-btn {
    background-color: #000000;
    margin: 10px 0;
    border: none;
}

    .black-btn-grid .btn.btn-default.more-btn:hover {
        background-color: #1f71c5;
        border: none;
    }

.about-section {
    padding-top: 10px;
}

.about-section2 {
    padding-bottom: 40px;
}

.about-content-grid.dark-grid {
    padding: 45px 85px 30px 60px;
}

.about-content-grid.dark-grid {
    background-color: #1F71C5;
}

    .about-content-grid.dark-grid .title-grid {
        color: #ffffff;
    }

.dark-grid p {
    color: #ffffff;
}

.btn.btn-outline {
    background-color: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 10px 0 0;
    padding: 14px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
}

    .btn.btn-outline:hover,
    .btn.btn-outline:focus {
        background-color: #ffffff;
        color: #1f71c5;
    }

.btn-dark.btn.btn-outline {
    border: 2px solid #000000;
    color: #000000;
}

    .btn-dark.btn.btn-outline:hover,
    .btn-dark.btn.btn-outline:focus {
        background-color: #1f71c5;
        border: 2px solid #1f71c5;
        color: #ffffff;
    }

.proper-built-section {
    background: #000000 url(/Files/Images/Icons/deliver-bg.png) center center no-repeat;
    background-attachment: fixed;
    background-size: 600px auto;
    padding: 7em 0;
}

.computing-power-section {
    padding: 5em 0;
}

.client-section {
    background-color: #1F71C5;
}

.video-popup {
    cursor: pointer;
    display: block;
    left: 50%;
    margin-left: -60px;
    margin-top: -60px;
    position: absolute;
    top: 50%;
}

.modal-body {
    width: 100%;
}

    .modal-body .form-control {
        background-clip: padding-box;
        background-color: #fff;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        color: #495057;
        display: block;
        font-size: 1rem;
        line-height: 1.5;
        padding: 0.375rem 0.75rem;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
    }


.modal-transparent .modal-content {
    background-color: transparent;
    box-shadow: none;
    border: none;
}

.modal-transparent .modal-header {
    border-bottom: none;
    padding: 0;
}

.modal-transparent .close {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 400;
    opacity: 0.95;
}
















/*---------------
Contact Us Page:
----------------*/
.contact-map-grid iframe {
    width: 100%;
    height: 440px;
    border: none;
}

.contact-addr-section {
    background-color: #f4f6f9;
    padding: 2.5em 0 2em;
}

.address-grid i {
    font-size: 2em;
    color: #1f71c5;
}

.request-link-grid {
    position: relative;
    text-align: left;
    display: block;
}

    .request-link-grid a {
        font-size: 15px;
    }


/*--------------
Systems Page:
---------------*/

.image-with-text {
    position: relative;
    padding: 0px;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
}

.image-with-text-inner {
    position: relative;
}

    .image-with-text-inner::before {
        background: rgba(0, 0, 0, 0.5);
        content: "";
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

.image-text-content {
    padding: 15px 15px 10px;
}

.image-with-text h4 {
    text-align: center;
    margin-bottom: 10px;
}

.img-text-content {
    position: absolute;
    left: auto;
    right: auto;
    display: block;
    position: absolute;
    top: 50%;
    text-align: center;
    width: 100%;
    height: 100%;
    margin-top: -20px;
}

    .img-text-content h4, .img-text-content h4 a {
        font-size: 30px;
        color: #ffffff;
        line-height: 1.2;
    }

.grid-img a {
    display: inline-block;
    cursor: pointer;
}

.banner-static .hover-box a .text {
    font-family: 'Oswald', sans-serif;
    text-align: center;
}

/* cms block */
.banner-static {
    text-align: center;
    clear: both;
    /* overflow: hidden; */
}

    .banner-static .owl-pagination {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 2%;
    }

    .banner-static .hover-box a {
        position: relative;
        display: inline-block;
        max-width: 100%;
        overflow: hidden;
        vertical-align: top;
    }

        .banner-static .hover-box a .text {
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            z-index: 2;
            text-align: center;
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2;
        }

            .banner-static .hover-box a .text .text1,
            .banner-static .hover-box a .text .text2,
            .banner-static .hover-box a .text .text3,
            .banner-static .hover-box a .text .link {
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
            }

        .banner-static .hover-box a:hover .text .text1 {
            -webkit-animation: fadeInUp 400ms ease-in-out;
            -moz-animation: fadeInUp 400ms ease-in-out;
            -ms-animation: fadeInUp 400ms ease-in-out;
            animation: fadeInUp 400ms ease-in-out;
        }

        .banner-static .hover-box a:hover .text .text2 {
            -webkit-animation: fadeInUp 600ms ease-in-out;
            -moz-animation: fadeInUp 600ms ease-in-out;
            -ms-animation: fadeInUp 600ms ease-in-out;
            animation: fadeInUp 600ms ease-in-out;
        }

        .banner-static .hover-box a:hover .text .text3 {
            -webkit-animation: fadeInUp 800ms ease-in-out;
            -moz-animation: fadeInUp 800ms ease-in-out;
            -ms-animation: fadeInUp 800ms ease-in-out;
            animation: fadeInUp 800ms ease-in-out;
        }

        .banner-static .hover-box a:hover .text .link {
            -webkit-animation: fadeInUp 1000ms ease-in-out;
            -moz-animation: fadeInUp 1000ms ease-in-out;
            -ms-animation: fadeInUp 1000ms ease-in-out;
            animation: fadeInUp 1000ms ease-in-out;
        }

.static-top-aero1 a {
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

.static-top-aero1 .text {
    line-height: 1;
}

    .static-top-aero1 .text .text1 {
        display: block;
        font-size: 36px;
        text-transform: capitalize;
        color: #ffffff;
        font-weight: 700;
    }

    .static-top-aero1 .text .text2 {
        display: block;
        color: #ffde00;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 500;
    }

    .static-top-aero1 .text .text3 {
        display: block;
        color: #fff;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 500;
        margin-top: 25px;
    }

.hover-box {
    position: relative;
    margin-bottom: 30px;
}

    .hover-box .overlay-bg-35::before {
        content: "";
        background-color: rgba(0, 0, 0, 0.35);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

.product-item-info {
    background: #ffffff;
    border: 1px solid #e3e6e9;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    padding: 20px;
}

.title-heading-medium.color1 {
    color: #1f71c5;
}

.product_detail_grid .product_price {
    font-size: 36px;
    display: block;
    margin: 10px 0 20px;
    font-weight: 700;
    color: #1f71c5;
}

.btn.product-btn {
    background-color: #1f71c5;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 12px 18px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    width: 254px;
    text-align: center;
}

    .btn.product-btn:hover {
        background-color: #2C4FA1;
    }

.btn-gray.btn.product-btn {
    background-color: #212121;
}

    .btn-gray.btn.product-btn:hover {
        background-color: #2C4FA1;
    }

.wht_link a {
    cursor: pointer;
    display: block;
    margin-bottom: 20px;
}

.product-type-info p {
    padding-right: 35px;
}

.class_grid4 {
    background: #ffffff;
    border: 1px solid #e3e6e9;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    padding: 20px 15px 10px 15px;
    margin-bottom: 30px;
    min-height: 130px;
}

    .class_grid4 p {
        line-height: 1.4;
        margin: 0;
    }

.bestseller-icon, .newmodel-icon {
    position: absolute;
    right: 10px;
    top: -10px;
}

    .bestseller-icon img, .newmodel-icon img {
        max-width: 60px;
    }

.video-caption {
    font-size: 15px;
    text-align: center;
    line-height: 1.4;
    padding: 5px 0;
}


/*--/tabs --*/

.tech-btm h5 {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: 600;
}

.menu-img-info h5 {
    font-size: 1.8em;
    color: #7b7d80;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.37);
    line-height: 1.4em;
}

p.sub-meta {
    color: #1cbbb4;
    font-size: 1.2em;
    font-weight: 600;
}

.text-info-sec p {
    color: #666;
    font-size: 17px;
}

.text-info-sec h3 {
    font-size: 34px;
    color: #1f71c5;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0;
}

.text-info-sec h4 {
    font-size: 1.4em;
    color: #000000;
    font-weight: 600;
    text-transform: uppercase;
}

.text-info-sec i {
    color: #333;
    font-size: 50px;
}

.middile-inner-con h5 {
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400;
    color: #333;
}

.tab-main section {
    display: none;
    padding: 1em 0 0;
    border-top: 1px solid #abc;
}

.tab-main .sub-tab {
    display: none;
    margin-top: 20px;
}

.tab-main input[type="radio"] {
    display: none;
}

.tab-main label.tab-label {
    display: inline-flex;
    border-bottom: 1px solid #abc;
    margin: 0 0 -1px;
    width: auto;
    color: #1e272e;
    padding: 10px 15px;
    letter-spacing: 1px;
    background-color: #f4f6f9;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.tab-main span {
    margin-right: 0.5em;
}

.tab-main label:before {
    font-family: fontawesome;
    font-weight: normal;
    margin-right: 10px;
    opacity: 0;
}

.tab-main label:hover {
    cursor: pointer;
}

.tab-main input:checked + label {
    color: #ffffff;
    background-color: #1f71c5;
}

.tab-main #tab1:checked ~ #content1,
.tab-main #tab2:checked ~ #content2,
.tab-main #tab3:checked ~ #content3,
.tab-main #tab4:checked ~ #content4,
.tab-main #tab5:checked ~ #content5,
.tab-main #tab6:checked ~ #content6,
.tab-main #tab7:checked ~ #content7,
.tab-main #tab8:checked ~ #content8 {
    display: block;
}

.tab-main #content1 #tab11:checked ~ #content11,
.tab-main #content1 #tab12:checked ~ #content12 {
    display: block !important;
}

.tab-main #content2 #tab21:checked ~ #content21,
.tab-main #content2 #tab22:checked ~ #content22 {
    display: block !important;
}




@media screen and (max-width: 800px) {
    .tab-main label:before {
        margin: 0;
        font-size: 18px;
    }
}


/*--//tabs--*/


/*--------------
System Page CSS:
---------------*/

.system-featured-section {
    padding: 40px 0;
}

.icon-with-text {
    padding: 10px;
}

    .icon-with-text img {
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }

    .icon-with-text h4 {
        margin: 10px 0;
    }

        .icon-with-text h4,
        .icon-with-text h4 a {
            color: #000000;
            font-size: 18px;
            line-height: 1.4;
            text-decoration: none;
            text-transform: uppercase;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
        }

            .icon-with-text h4 a:hover {
                color: #1e71c5;
                text-decoration: none;
            }

    .icon-with-text:hover h4 a {
        color: #1e71c5;
    }


/*
.icon-with-text:hover img{
	filter: grayscale(100%);
}

*/


.wht-boxx-feafured .icon-with-text h4,
.wht-boxx-feafured .icon-with-text h4 a {
    font-size: 16px;
}

.sys-workstation-sec {
    background: url("/Files/Images/ProductLanding/workstations-banner.png") center center no-repeat;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
}

.padding-40 {
    padding: 40px;
}

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

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

.margin-bottom-50 {
    margin-bottom: 50px;
}

.work-apex-img {
    position: relative;
}



.product-version-title {
    padding-bottom: 50px;
}

.product-version-icon, .product-version-info {
    display: inline-block;
    vertical-align: middle;
}

.product-version-info {
    position: relative;
    padding-left: 30px;
    vertical-align: middle;
    margin-left: 10px;
}

    .product-version-info::before {
        background-color: #010101;
        content: "";
        display: block;
        position: absolute;
        left: 0;
        height: 70px;
        width: 1px;
        top: 0;
    }

    .product-version-info h4 {
        margin: 0;
    }

    .product-version-info p {
        font-size: 18px;
    }

.product-version-icon img {
    margin-right: 20px;
}

.product-srt-box {
    margin-bottom: 40px;
}

.cts-product-grid {
    background-color: #eeeeee;
    padding: 15px 30px 5px 20px;
    position: relative;
    min-height: 165px;
}

    .cts-product-grid.left-grid::before {
        content: "";
        background-color: #eeeeee;
        left: -90px;
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
        width: 90px;
    }

    .cts-product-grid.right-grid::before {
        content: "";
        background-color: #eeeeee;
        right: -90px;
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
        width: 90px;
    }

.btn.view-btn {
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 5px 0 0;
    padding: 10px 32px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    text-align: center;
}

    .btn.view-btn:hover {
        background-color: #1f71c5;
    }

.cts-product-title a {
    font-size: 34px;
    line-height: 1.2;
    color: #1e71c5;
    font-weight: 600;
    padding-left: 20px;
}

.cts-product-grid .title-sub-heading {
    margin-bottom: 10px;
}

.cts-product-grid p {
    color: #1b1d1e;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0;
}

/*--------------------
Apexx Class page CSS:
---------------------*/

.innerpage_banner {
    background: url('../images/apexx-banner-bg.jpg') center center no-repeat;
    background-size: auto;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    min-height: 450px;
    position: relative;
    padding: 150px 0 40px;
}

    .innerpage_banner.class_banner {
        padding: 280px 0 190px;
    }

.inner_title_banner {
    background: url('/Files/Images/ProductLanding/systems-bg.png') center center no-repeat;
    background-size: auto;
    background-size: cover !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    -moz-background-size: cover !important;
    min-height: 635px;
    position: relative;
    padding: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

    .inner_title_banner.banner-overlay-bg::before {
        background-color: rgba(0, 46, 96, 0.85);
        content: "";
        display: block;
        left: 50%;
        width: 50%;
        position: absolute;
        top: 0;
        height: 100%;
    }

.banner-overlay-black-bg {
    position: relative;
}

    .banner-overlay-black-bg::before {
        background-color: rgba(0, 0, 0, .35);
        content: "";
        display: block;
        left: 0;
        width: 100%;
        position: absolute;
        top: 0;
        height: 100%;
    }

.inner_title_banner.banner-overlay-black-bg::before {
    background-color: rgba(0, 0, 0, .35);
    content: "";
    display: block;
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}

.model-page-banner.inner_title_banner {
    min-height: 450px;
    padding-top: 100px;
}

/*
IE10 and IE11
==================*/

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .home_page_banner {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 150px 0 60px;
    }

    .inner_title_banner {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        padding: 150px 0 60px;
    }

        .inner_title_banner.model-page-banner {
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            padding: 150px 0 60px;
        }
}


.various-landing-banner.inner_title_banner {
    min-height: 800px;
}

.banner_title_heading {
    color: #ffffff;
    font-size: 42px;
    line-height: 1.2;
    margin-bottom: 10px;
    padding: 0;
}

.overlay-bg-black {
    position: relative;
}

.bg-cover {
    background-size: cover !important;
}

.bg-parrallax {
    background-attachment: fixed !important;
    background-size: cover !important;
    min-height: 520px;
}

.overlay-bg-black::before {
    background-color: rgba(0, 0, 0, .5);
    content: "";
    display: block;
    left: 0;
    width: 100%;
    position: absolute;
    top: 0;
    height: 100%;
}

.text-grid-list {
    list-style-type: inherit;
}

    .text-grid-list li {
        margin-bottom: 10px;
        text-transform: none;
    }

    .text-grid-list.list-half li {
        width: 50%;
        float: left;
        padding: 0 10px;
    }



.apex-desc-img {
    position: relative;
}
    /*
.apex-desc-img img {
    position: absolute;
    left: 0;
    top: 0;
	max-width:210px;
}
*/
    .apex-desc-img img {
        max-width: 210px;
    }

.class-tab-section {
    padding: 60px 0 50px;
}

.class-tab-content .tab-main label.tab-label {
    display: inline-block;
    margin: 0 4px -1px;
    border: 1px solid #010101;
    width: 24%;
    background-color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.class-tab-content .tab-main input:checked + label {
    color: #ffffff;
    background-color: #1f71c5;
    border: 1px solid #1f71c5;
}

.class-tab-content .tab-main section {
    border-top: 1px solid transparent;
}


.customer-tab-content .tab-main label.tab-label {
    display: inline-block;
    margin: 0 4px 8px;
    border: 1px solid #010101;
    width: 24%;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    line-height: 40px;
    vertical-align: middle;
    padding: 10px 12px;
    letter-spacing: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.customer-tab-content .tab-main input:checked + label {
    color: #ffffff;
    background-color: #1f71c5;
    border: 1px solid #1f71c5;
}

.customer-tab-content .tab-main section {
    border-top: 1px solid transparent;
}


.progress-bar-striped {
    background-image: none;
    background-size: 0.5rem 0.5rem;
}

.progress-one .progress {
    height: 0.5rem;
    background: #ff0084;
}

.progress-cnf {
    color: #555;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 5px;
    letter-spacing: 1px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2;
}

.progress-one .progress {
    height: 12px;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #444;
}

.gd-bottom.process-1 {
    margin-top: 3em;
}

.class-tab-content .tab-content {
    padding: 15px 20px;
}

video {
    outline: none !important;
}

ul.basic-config-list {
    margin: 0;
    padding: 0;
}

.basic-config-list li {
    margin-bottom: 5px;
    display: block;
    position: relative;
    line-height: 26px;
    vertical-align: middle;
    padding-left: 15px;
}

    .basic-config-list li::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 12px;
        vertical-align: middle;
        background-color: #000000;
        width: 4px;
        height: 4px;
        border-radius: 50%;
    }

.progress-one {
    position: relative;
    margin-bottom: 40px;
}

.process-icon-grid {
    display: inline-block;
    position: absolute;
    top: 0;
}

.process-bar-grid {
    display: inline-block;
    padding-left: 100px;
    width: 100%;
}

    .process-bar-grid .progress {
        display: none;
    }



/*--------------
System Page CSS:
---------------*/

.solution-featured-section {
    padding: 50px 0;
}

.box13 {
    position: relative;
    transition: all .2s ease-out 0s;
    text-align: center;
}

.box-img-grid {
    position: relative;
    background-color: #000000;
}

    /*
.box-img-grid::before{
	background-color:rgba(0, 0, 0, 0.35);
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
*/
    .box-img-grid > a {
        display: block;
        overflow: hidden;
    }

        .box-img-grid > a > img {
            box-shadow: none;
            transform: scale(1);
            opacity: 0.85;
            transition: all 0.5s ease 0s;
        }

.box13:hover .box-img-grid > a > img {
    box-shadow: 0 10px 30px rgba(121, 121, 121, 0.27);
    transform: scale(1.12);
}

.box-content-grid {
    position: absolute;
    left: 20px;
    top: 45%;
    right: 20px;
    z-index: 2;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    transition: all .2s ease-out 0s;
    transition-delay: 0s;
    text-align: center;
}

    .box-content-grid h4 {
        margin: 0;
    }

        .box-content-grid h4 a {
            color: #ffffff;
            cursor: pointer;
            display: block;
            font-size: 22px;
            font-weight: 300;
            line-height: 1.4;
            margin: 0;
            text-align: center;
            transition: all 0.3s ease 0s;
        }

.box13 h4 a:hover {
    color: #007bff;
}

.solution-type-section {
    padding: 20px 0 50px;
}

.solution-title-grid {
    color: #1e71c5;
    font-size: 44px;
    line-height: 1.2;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 10px;
}

    .solution-title-grid span {
        font-size: 20px;
        font-family: 'Roboto', sans-serif;
        vertical-align: top;
        font-weight: 400;
    }

.solution-design-list li {
    border-bottom: 1px solid #000000;
    padding: 16px 0;
    display: block;
    text-align: center;
}

    .solution-design-list li:last-child {
        border-bottom: none;
    }

.quality-light-grid p {
    color: #fff;
    font-size: 22px;
    letter-spacing: 0px;
    line-height: 30px;
    margin: 16px 0px 10px;
    padding: 0;
}

.call-action-btn .btn.btn-default {
    background-color: #000000;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 15px 0;
    padding: 14px 30px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

    .call-action-btn .btn.btn-default:hover,
    .call-action-btn .btn.btn-default:focus {
        background-color: #ffffff;
        color: #1e71c5;
    }


/*--------------
Class page CSS:
---------------*/

.class_banner {
    position: relative;
}

    .class_banner::before {
        background-color: rgba(0, 46, 96, 0.85);
        content: "";
        display: block;
        left: 50%;
        width: 50%;
        position: absolute;
        top: 0;
        height: 100%;
    }

.hw-stack-section {
    padding: 60px 40px 48px;
}

    .hw-stack-section .title-heading-medium {
        padding-bottom: 30px;
        text-transform: capitalize;
    }

.hw-stack-content {
    margin-top: 80px;
}

/*
.hw-stack-list {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
*/

.hw-stack-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
 	flex-wrap: wrap;
 	flex-wrap: -ms-flex-wrap;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}




    .hw-stack-list.align-center {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .hw-stack-list li.product-stack-box {
        border: 1px solid #000000;
  		border-right: 0;
        display: inline-block;
        float: left;
        width: 20%;
    }

      .hw-stack-list li.product-stack-box:last-child {
          border: 1px solid #000000;
      }

@media screen and (max-width: 767px) {
.hw-stack-list li.product-stack-box{
          border: 1px solid #000000;
      }

    }

    .hw-stack-list.align-center li.product-stack-box {
        float: none;
    }

li.product-stack-box .stack-grid-inner {
    padding: 15px;
}

li.product-stack-box .btn-block-grid {
    text-align: center;
}

li.product-stack-box .btn.btn-default {
    font-weight: 600;
    margin: 0 0 7px;
    padding: 10px 30px;
    width: 100%;
}

.product-short-info label {
    display: block;
}

.product-short-info {
    margin: 20px 0 10px;
    text-align: left;
}

    .product-short-info label span {
        text-align: right;
        float: right;
        font-weight: 500;
    }

.product-stack-img {
    text-align: center;
    display: block;
}

    .product-stack-img img {
        margin-top: -120px;
        text-align: center;
        max-height: 170px;
    }

.class-short-icon img {
    /*-webkit-filter: brightness(50%);
	filter: brightness(50%); */
    margin-top: 10px;
}

.product-short-info label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    padding: 5px 0;
    margin: 0;
}

.model-class-img {
    position: relative;
}

    .model-class-img img {
        position: absolute;
        left: 20%;
        display: block;
        top: -120px;
        z-index: 10;
        max-width: 400px;
    }

.class-info-padding {
    padding: 40px 65px 40px 80px !important;
}

    .class-info-padding ul li {
        margin-bottom: 10px;
        font-size: 16px;
        text-transform: uppercase;
    }

    .class-info-padding p a, .class-info-padding p a:hover {
        color: #000000;
    }

.testimonials-section {
    padding: 50px 0;
}

.testimonials_grid h5.auther-title {
    margin: 1em 0 0.5em 0;
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
}

.testimonials_grid h5 span {
    font-weight: 100;
    font-size: 0.8em;
    color: #ddd;
}

.testimonials_grid p {
    width: 70%;
    margin: 1em auto 0;
    line-height: 2em;
    letter-spacing: 1px;
    color: #fff;
    font-family: 'Roboto Slab', serif;
}

div#carouselExampleControls .carousel-item {
    background: none;
    height: auto;
}

a.carousel-control-next.test,
a.carousel-control-prev.test {
    color: #ffffff;
    text-align: center;
    opacity: 0.9;
    font-size: 3.5em;
}

.wht-like-box-section {
    position: relative;
}

    .wht-like-box-section::before {
        content: "";
        background-color: #0a5bae;
        display: block;
        position: absolute;
        right: 0;
        width: 50%;
        height: 100%;
    }

@media screen and (max-width: 568px) {
    .wht-like-box-section .wht-box-column {
        background-color: #0a5bae;
        position: relative;
        top: 23px;
    }
}

@media screen and (min-width:568px) and (max-width:767px) {
    .wht-like-box-section .wht-box-column {
        background-color: #0a5bae;
        position: absolute;
        right: 0;
        height: 100%;
    }
}

(min-width: 768px)
/*----------------------
Architecture Page CSS:
-----------------------*/
.left-icon-with-text {
    position: relative;
    padding: 15px;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
    margin-bottom: 30px;
}

.icon-grid-left {
    display: table-cell;
    width: 80px;
    text-align: center;
    vertical-align: top;
}

.icon-text-right {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
}

    .icon-text-right .btn.btn-outline {
        border: 1px solid #000000;
        line-height: 1.2;
        padding: 10px 20px;
    }

        .icon-text-right .btn.btn-outline:hover,
        .icon-text-right .btn.btn-outline:focus {
            border: 1px solid #1f71c5;
        }

    .icon-text-right h4 {
        margin-bottom: 2px;
    }

    .icon-text-right p {
        color: #1b1d1e;
        font-size: 15px;
        letter-spacing: 0;
        line-height: 24px;
        margin: 0 0 5px;
        padding: 0;
    }

.video {
    height: 700px;
}

.inner_video_banner {
    min-height: 635px;
    position: relative;
    padding: 0;
    display: flex;
}

/*---------------------
Deep Learning Page CSS:
-----------------------*/

.dgx-product-box {
    background-color: #f4f6f9;
    padding: 20px;
    position: relative;
}

    .dgx-product-box.left-grid::before {
        content: "";
        background-color: #f4f6f9;
        left: -90px;
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
        width: 90px;
    }

    .dgx-product-box.right-grid::before {
        content: "";
        background-color: #f4f6f9;
        right: -90px;
        display: block;
        position: absolute;
        top: 0;
        height: 100%;
        width: 90px;
    }

    .dgx-product-box .btn.btn-default.more-btn {
        font-size: 14px;
        padding: 12px 30px;
        width: 200px;
    }

.sticky-img-grid {
    position: absolute;
    top: -10px;
    right: 0;
}

.video-popup-modal .modal-body {
    max-width: 100%;
}

.video-popup-modal .modal-header,
.video-popup-modal .modal-content {
    background-color: transparent;
    border: none;
    padding: 0;
}

.video-fluid {
    width: 100%;
    height: auto;
}

.video-popup-modal.modal.show .modal-dialog {
    -webkit-transform: translate(0, 50px);
    transform: translate(0, 50px);
}

table.spec-table > tbody > tr > td {
    width: 50%;
}

    table.spec-table > tbody > tr > td > table {
        width: 100%;
    }

.video-thumbs-img a {
    position: relative;
}

/*
.video-cover-small img{
	max-width:350px;
}
*/

.play-icon-grid {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-20px, -50%);
    -moz-transform: translate(-20px, -50%);
    -ms-transform: translate(-20px, -50%);
    -o-transform: translate(-20px, -50%);
    transform: translate(-20px, -50%);
    left: 50%;
    cursor: pointer;
}


    .play-icon-grid .fa-play-circle::before {
        content: "\f04b" !important;
    }

    .play-icon-grid i {
        font-size: 30px;
        color: #2787ea;
        border: 3px solid #2787ea;
        border-radius: 100%;
        width: 80px;
        height: 80px;
        line-height: 74px;
        text-align: center;
        background-color: transparent;
        transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
    }

    .play-icon-grid:hover i {
        background-color: #2787ea;
        color: #fff;
    }




.list-grid-with-check li {
    margin-bottom: 10px;
}

    .list-grid-with-check li > i {
        margin-right: 10px;
        font-size: 20px;
        color: #1f71c5;
    }

.accordian-grid a h5 {
    margin-bottom: 0;
    color: #000000;
}

.accordian-grid .card-header {
    background-color: #e4e6e9;
    margin-bottom: 1px;
}

/*--team--*/
.member-grid-inner img {
    border-radius: 50%;
}

.member-grid-inner {
    background-color: #ffffff;
    padding: 30px 20px 20px;
    -webkit-box-shadow: 1px 1px 9px #cecece;
    -moz-box-shadow: 1px 1px 9px #cecece;
    box-shadow: 1px 1px 9px #cecece;
}

.grid-inner {
    background-color: #ffffff;
    padding: 30px 20px 20px;
    -webkit-box-shadow: 1px 1px 9px #cecece;
    -moz-box-shadow: 1px 1px 9px #cecece;
    box-shadow: 1px 1px 9px #cecece;
    margin-bottom: 25px;
}


.memb_more-btn .btn.btn-default {
    padding: 10px 24px;
}

.t-member-name {
    color: #ffffff;
    margin: 0 0 5px;
}

.t-member-position {
    color: #eee;
    margin-bottom: 10px;
    line-height: 1.4;
    font-size: 16px;
}

.team-avatar img {
    border-radius: 50%;
}


.icon-grid-left .icon-large {
    font-size: 44px;
    color: #1f71c5;
}


/*--// team-- */


/*----------------
Reseller Page CSS:
-----------------*/

.reseller-location-content .col-md-3 {
    padding-left: 10px;
    padding-right: 10px;
}

.reseller-location-grid {
    position: relative;
    padding: 12px;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
    margin-bottom: 30px;
    width: 100%;
}

.reseller-location-title {
    color: #000000;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: none;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #007bff;
}

.reseller-location-grid h5 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.reseller-location-grid p {
    margin-bottom: 5px;
    line-height: 1.46;
    font-size: 15px;
}

.color-red {
    color: #f00;
}

.reseller-location-grid p > strong {
    display: block;
}

.reseller-location-grid p a {
    color: #000;
    word-wrap: break-word;
}

    .reseller-location-grid p a:hover {
        color: #007bff;
    }


/*--------------
Career page CSS:
---------------*/

.job-box {
    margin-bottom: 15px;
    padding: 20px 0;
    border: none;
    box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.1);
    background-color: #FFF;
}

    .job-box .btn.btn-default {
        margin: 0;
        padding: 10px 24px;
    }

.job-desc-list {
    padding-left: 10px;
    margin-bottom: 15px;
}

    .job-desc-list li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 4px;
    }

        .job-desc-list li::before {
            content: "\f0da";
            margin-right: 15px;
            color: #1e71c5;
            position: absolute;
            display: block;
            left: 0;
            font-family: Fontawesome;
        }


.customer-rounded-list {
    padding-left: 10px;
    margin-bottom: 15px;
    display: inline-block;
}

    .customer-rounded-list li {
        padding-left: 20px;
        position: relative;
        margin-bottom: 4px;
        width: 33.33%;
        float: left;
    }

        .customer-rounded-list li::before {
            content: "";
            color: #1e71c5;
            position: absolute;
            display: block;
            left: 0;
            font-family: Fontawesome;
            background-color: transparent;
            border: 1px solid #1e71c5;
            width: 10px;
            height: 10px;
            border-radius: 10px;
            line-height: 10px;
            vertical-align: middle;
            top: 7px;
        }

/*---------------------
Privacy Policies CSS:
----------------------*/

.privacy-desc-list {
    padding-left: 10px;
    margin-bottom: 15px;
}

    .privacy-desc-list li {
        padding-left: 15px;
        position: relative;
        margin-bottom: 4px;
    }

        .privacy-desc-list li::before {
            content: "\f0da";
            margin-right: 15px;
            color: #1e71c5;
            position: absolute;
            display: block;
            left: 0;
            font-family: Fontawesome;
        }

.privacy-title-heading {
    color: #1e71c5;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: none;
    font-weight: 500;
}


.privacy-tab-list {
    margin-bottom: 15px;
    display: inline-block;
}

    .privacy-tab-list li {
        position: relative;
        margin-bottom: 5px;
        width: 32.33%;
        float: left;
        padding: 0;
        margin-right: 1%;
        text-align: center;
    }

        .privacy-tab-list li a {
            display: block;
            background-color: transparent;
            border: 1px solid #000000;
            color: #000000;
            padding: 10px;
            transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -ms-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
        }


            .privacy-tab-list li a:hover {
                background-color: #1e71c5;
                border: 1px solid #1e71c5;
                color: #ffffff;
            }

/*-----------------------
Customer Stories page CSS:
------------------------*/

.customer-story-title {
    color: #000000;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 20px;
    text-transform: none;
    padding: 5px 0 5px 15px;
    border-left: 4px solid #007bff;
}

.customer-stories-carausal .carousel-item .col-md-3 {
    padding-left: 7px;
    padding-right: 7px;
}

.owl-with-text {
    position: relative;
    padding: 0px;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
}

.owl-with-text-inner {
    position: relative;
}

    .owl-with-text-inner::before {
        background: rgba(0, 0, 0, 0.5);
        content: "";
        display: block;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        position: absolute;
    }

.owl-text-content {
    padding: 15px 15px 10px;
}

.owl-with-text h4 {
    text-align: center;
}

.slider_author_name {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
}


.video-title-grid h4 {
    margin-bottom: 0;
}

.video-title-grid h4 {
    font-size: 16px;
    margin-bottom: 0;
}

.video-title-grid p, .video-title-grid .video-small-text {
    font-size: 13px;
}


/*--events-section--*/

.events-popular-grid {
    margin-bottom: 30px;
}

    .events-popular-grid .events-popular-grid-inner {
        text-align: center;
        border: 1px double rgba(189, 187, 187, 0.61);
        background: #fff;
        padding: 1em 1em 1.2em;
    }

    .events-popular-grid .events-popular-grid-inner {
        border-top: 4px solid #1f71c5;
    }


    .events-popular-grid img {
        -webkit-transition: all 2s ease-in-out;
        -moz-transition: all 2s ease-in-out;
        -o-transition: all 2s ease-in-out;
        transition: all 2s ease-in-out;
        max-width: 100%;
        margin-bottom: 15px;
    }

    /*
.events-popular-grid:hover img {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
*/

    .events-popular-grid h5 a {
        display: block;
        font-size: 1.5em;
        font-weight: 500;
        color: #ffffff;
        background: #b46e3c;
        padding: 0.5em;
        margin: 0px 0 25px;
        text-transform: capitalize;
    }

        .events-popular-grid h5 a:hover, .events-popular-grid h5 a:focus {
            text-decoration: none;
        }

.detail-bottom ul li {
    list-style: none;
    display: block;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 10px;
    text-align: left;
}

    .detail-bottom ul li i {
        color: #1f71c5;
        font-size: 20px;
        padding: 0;
        width: 30px;
        text-align: center;
        height: 30px;
        line-height: 30px;
        margin-right: 10px;
        vertical-align: middle;
    }

.events-popular-grid p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #757575;
    border-top: 1px solid #eee;
    padding-top: 5px;
}

.events-popular-grid .btn.btn-outline {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 26px;
}

/*--//Events-section--*/


/*--Press Releases--*/

.press-release-grid {
    margin-bottom: 30px;
}

    .press-release-grid .press-release-grid-inner {
        text-align: center;
        border: 1px double rgba(189, 187, 187, 0.61);
        background: #fff;
        padding: 1em 1em 1.2em;
    }

    .press-release-grid .events-popular-grid-inner {
        border-top: 4px solid #1f71c5;
    }

    .press-release-grid h5 a {
        border-bottom: 1px solid #eee;
        display: block;
        font-size: 16px;
        font-weight: 500;
        color: #1f71c5;
        padding: 7px 0;
        margin-bottom: 10px;
        text-transform: none;
    }

        .press-release-grid h5 a:hover, .press-release-grid h5 a:focus {
            text-decoration: none;
        }

.press-date-grid i {
    color: #1f71c5;
    font-size: 20px;
    padding: 0;
    width: 30px;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-right: 10px;
    vertical-align: middle;
}

.press-release-grid p {
    font-size: 14px;
    line-height: 26px;
}

.press-release-grid .btn.btn-outline {
    font-size: 14px;
    font-weight: 500;
    padding: 10px 26px;
}


/*--//Press Releases--*/

.magazine-box {
    position: relative;
    padding: 15px 20px;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
}

.magazine-edition h4 {
    margin: 0;
}

    .magazine-edition h4 a {
        text-align: center;
        background-color: #1f71c5;
        padding: 12px;
        color: #ffffff;
        cursor: pointer;
        display: block;
        margin-top: 15px;
        font-size: 18px;
        letter-spacing: 1px;
    }

.magazine-box:hover .magazine-edition h4 a {
    background-color: #0a5bae;
}

.magazine-box img {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    max-width: 100%;
}

.magazine-box:hover img {
    -webkit-transform: scale(0.92);
    -ms-transform: scale(0.92);
    -o-transform: scale(0.92);
    transform: scale(0.92);
}


.logo-info-list ol {
    margin-bottom: 10px;
    padding: 0 0 0 15px;
}


/*----------------------------
Data Science Workstation CSS:
-----------------------------*/

.icon-box {
    position: relative;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
    margin-bottom: 30px;
}

.box-shadown-no.icon-box {
    box-shadow: none;
}

.icon-box .icon-box-img,
.icon-box .icon-box-content {
    padding: 15px;
}

.icon-box .icon-box-img {
    border: 1px solid #dee2e6;
    border-radius: 20px 20px 0 0;
    padding: 15px;
}

    .icon-box .icon-box-img img {
        margin-bottom: 10px;
    }

.icon-box-content {
    background-color: #76b900;
    border-radius: 0 0 20px 20px;
}

    .icon-box-content h4 {
        color: #fff;
    }

.various-form-grid label {
    color: #ffffff;
}

.various-form-grid input[type="text"],
.various-form-grid input[type="email"],
.various-form-grid textarea {
    outline: none;
    padding: 7px 12px;
    font-size: 15px;
    color: #000;
    background-color: #ffffff;
    letter-spacing: 1px;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
}

    .various-form-grid input[type="text"]:focus,
    .various-form-grid input[type="email"]:focus,
    .various-form-grid textarea:focus {
        border-color: #037ef3;
        outline: 0;
        box-shadow: 0 0 0 1px rgba(3, 126, 243, 0.86);
    }

.various-form-grid textarea {
    min-height: 100px;
    resize: none;
    width: 100%;
}

.various-form-grid .form-group {
    margin-bottom: 10px;
}

.various-form-grid button {
    outline: none;
    padding: 15px 0;
    font-size: 14px;
    color: #fff;
    background: #1f71c5;
    border: none;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    -ms-border-radius: 0px;
    -moz-border-radius: 0px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    transition: 0.5s all;
    font-weight: 600;
    cursor: pointer;
}

.doc-column-grid p a {
    color: #060f3f;
    line-height: 1.2;
    font-size: 14px;
    display: block;
    margin: 10px 0 20px;
}

.various-data-video h4 {
    color: #060f3f;
}

.sponsored-grid {
    padding: 10px;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
}

    .sponsored-grid p.sponsored-name {
        color: #060f3f;
        font-size: 18px;
        margin: 10px 0 5px;
        font-weight: 500;
    }




/*------------------
Affiliated Page CSS:
--------------------*/

.headquarter-location-grid {
    position: relative;
    padding: 12px 0;
    box-shadow: 7px 7px 10px 0 rgba(76, 110, 245, .1);
    background-color: #ffffff;
    margin-bottom: 30px;
    width: 100%;
}

    .headquarter-location-grid h5 {
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }

    .headquarter-location-grid p {
        margin-bottom: 5px;
        line-height: 1.46;
        font-size: 15px;
    }

        .headquarter-location-grid p > strong {
            display: block;
        }


.listing-trip-table {
    border: 1px solid #dee2e6;
}

    .listing-trip-table tr > td > strong {
        padding-left: 5px;
    }

.drivers .filesize {
    float: right;
}

.download-code .form-control {
    display: inline-block;
}

.download-code input[type="text"] {
    background-color: transparent;
    border: 2px solid;
    font-size: 14px;
    line-height: 1.4;
    max-width: 100%;
    padding: 12px 15px;
    width: 240px;
    border-radius: 4px 0px 0px 4px;
    height: 48px;
    vertical-align: middle;
    width: 60%;
}

.download-code input[type="submit"] {
    background-color: #1f71c5;
    border: 2px solid #1f71c5;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1.4;
    margin-left: -5px;
    padding: 12px 36px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
    width: auto;
    height: 48px;
    margin-top: 0 !important;
    border-radius: 0px 4px 4px 0;
}

    .download-code input[type="submit"]:hover {
        background-color: #2C4FA1;
        ;
    }



/*------------------
Workstation Page CSS:
--------------------*/

.icon-box-column {
    background-color: #ffffff;
    padding: 20px 20px 15px;
    -webkit-box-shadow: 1px 1px 9px #cecece;
    -moz-box-shadow: 1px 1px 9px #cecece;
    box-shadow: 1px 1px 9px #cecece;
    position: relative;
    display: block;
    width: 100%;
}

    .icon-box-column h4 {
        margin: 10px 0;
    }

        .icon-box-column h4 a {
            color: #333333;
        }

            .icon-box-column h4 a:hover {
                color: #0056b3;
            }

.workstation-product-box {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0px;
    padding: 0 0 20px;
    display: block;
}

.support-top-box .btn.btn-outline {
    padding: 10px 30px;
    width: 180px;
}

.class-silos-content {
    margin-top: 120px;
}

.class-silos-list {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}

    .class-silos-list.align-center {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .class-silos-list li.class-silos-box {
        border: 1px solid #000000;
        display: inline-block;
        float: left;
        width: 25%;
    }

    .class-silos-list.align-center li.class-silos-box {
        float: none;
    }

li.class-silos-box .class-silos-inner {
    padding: 15px;
}

li.class-silos-box .btn-block-grid {
    text-align: center;
}

li.class-silos-box .btn.btn-default {
    font-weight: 600;
    margin: 0 0 7px;
    padding: 10px 30px;
    width: 100%;
}

.border-none {
    border: none !important;
}

.workstation-product-box .cts-product-title a {
    padding-left: 0;
}

.apexx-bg-overlay-black-bg {
    position: relative;
}

    .apexx-bg-overlay-black-bg::before {
        background-color: rgba(0, 0, 0, .50);
        content: "";
        display: block;
        left: 0;
        width: 100%;
        position: absolute;
        top: 0;
        height: 100%;
    }


.apexx-services-box {
    /* border: 2px dotted transparent; */
    border-top: 3px solid #1f71c5;
    border-radius: 0 0 4px 4px;
    padding: 16px 20px;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    background: #fff;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}

/*
.apexx-services-box:hover {
    border: 2px dotted #1f71c5;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    background: #fff;
}
*/

.service-content h4, .service-content h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 0.5em;
    color: #1f71c5;
}

.service-content p {
    margin: 0;
    color: #000000;
    font-size: 1em;
    line-height: 1.4;

    letter-spacing: 1px;
}




/*----------------
reBOXXed Page CSS:
-----------------*/
.reboxxed-product-box {
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0px;
    padding: 0 0 20px;
    display: block;
}

.reboxxed-product-content {
    margin-top: 100px;
}

.reboxxed-silos-list {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    clear: both;
}

    .reboxxed-silos-list.align-center {
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .reboxxed-silos-list li.reboxxed-silos-box {
        border: 1px solid #000000;
        display: inline-block;
        float: left;
        width: 23%;
        margin: 0 1%;
    }


    .reboxxed-silos-list.align-center li.reboxxed-silos-box {
        float: none;
    }

li.reboxxed-silos-box .reboxxed-silos-inner {
    padding: 15px;
}

li.reboxxed-silos-box .btn-block-grid {
    text-align: center;
}

li.reboxxed-silos-box .btn.btn-default {
    font-weight: 600;
    margin: 0 0 7px;
    padding: 10px 30px;
    width: 100%;
}

li.reboxxed-silos-box .save-discount {
    margin: 0 0 7px;
    padding: 10px 30px;
    width: 100%;
    background-color: #101010;
    border: 2px solid #101010;
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 1.4;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}


.single-product-title {
    color: #1f71c5;
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 0px;
    text-transform: none;
}

.product-serial-num {
    font-size: 16px;
    line-height: 1.4;
}

.product-pricebox .item_price {
    color: #1f71c5;
    font-size: 32px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.reboxxed_product_data.reboxxed-product-content,
.reboxxed_product_data2.reboxxed-product-content {
    margin-top: 0px;
}

.reboxxed-silos-list.reboxxed_list_silos li.reboxxed-silos-box,
.reboxxed-silos-list.reboxxed_list_silos2 li.reboxxed-silos-box {
    margin-top: 140px;
}

.reboxxed_list_silos .product-stack-img img,
.reboxxed_list_silos2 .product-stack-img img {
    margin-top: -100px;
}


li.reboxxed-silos-box .reboxxed-silos-inner {
    padding: 5px;
    text-align: center;
}

.reboxxed-item-title {
    margin-top: 15px;
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
}

.reboxxed_item_desc {
    padding: 0 10px;
}

.reboxxed_item_desc_list {
    margin: 0;
    display: table;
    width: 100%;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

    .reboxxed_item_desc_list li.rid_list_item {
        display: table-cell;
        text-align: center;
        width: 25%;
        padding: 10px 0;
    }

        .reboxxed_item_desc_list li.rid_list_item img {
            display: inline-block;
        }

        .reboxxed_item_desc_list li.rid_list_item > span {
            font-size: 11px;
            font-weight: 600;
            color: #000;
            display: block;
        }

.reboxxed_item_price_box {
    display: table;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 7px;
    position: relative;
}

    .reboxxed_item_price_box::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        width: 1px;
        height: 50px;
        background-color: #000;
        top: 0;
    }

.reboxxed_item_avail,
.reboxxed_item_price {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

    .reboxxed_item_avail > span,
    .reboxxed_item_price > span {
        display: block;
        font-size: 12px;
        font-weight: 700;
    }

        .reboxxed_item_avail > span.item_avail_date,
        .reboxxed_item_price > span.item_avail_amount {
            font-size: 14px;
        }

.reboxxed_item_btn {
    display: block;
    padding: 0px;
}

    .reboxxed_item_btn .save-disc,
    .reboxxed_item_btn .spec-view-btn {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        color: #fff;
        padding: 7px 0;
        line-height: 1.2;
        text-transform: uppercase;
        font-size: 13px;
        width: 48%;
    }

    .reboxxed_item_btn .save-disc {
        background-color: #000000;
        margin-right: 1%;
        border-radius: 5px;
    }

    .reboxxed_item_btn .spec-view-btn {
        background-color: #1e71c5;
        margin-left: 1%;
        border-radius: 5px;
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
    }

        .reboxxed_item_btn .spec-view-btn a {
            color: #fff;
        }

        .reboxxed_item_btn .spec-view-btn:hover {
            background-color: #2C4FA1;
        }


.reboxxed-product-box {
    border-bottom: none;
}


@media screen and (max-width: 767px) {
    .reboxxed-silos-list.reboxxed_list_silos li.reboxxed-silos-box,
    .reboxxed-silos-list.reboxxed_list_silos2 li.reboxxed-silos-box {
        margin: 100px 5% 20px;
        width: 90%;
    }

    .reboxxed-product-box {
        padding: 0;
    }

        .reboxxed-product-box .btn.btn-default.more-btn {
            margin: 0;
        }

    .reboxxed_item_btn .save-disc > br,
    .reboxxed_item_btn .spec-view-btn > a > br {
        display: none;
    }

    .reboxxed_item_btn .save-disc,
    .reboxxed_item_btn .spec-view-btn {
        font-size: 12px;
    }

    .reboxxed_item_price_box {
        padding: 5px 0;
        margin: 0 0 4px;
    }

    .reboxxed_item_desc_list li.rid_list_item {
        padding: 5px 0;
    }
}


/*----------------
Quickship Page CSS:
-----------------*/

/*.quickship_silos_list {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

    .quickship_silos_list li.quickship-silos-box {
        border: 1px solid rgba(0, 0, 0, 0.2);
        display: inline-block;
        float: left;
        width: 29%;
        margin-left: 2%;
        margin-right: 2%;
        -webkit-box-shadow: 1px 1px 5px #cecece;
        -moz-box-shadow: 1px 1px 5px #cecece;
        box-shadow: 1px 1px 5px #cecece;
        background: white;
    }

    .quickship_silos_list .product-stack-img img {
        margin-top:0;
    }


li.quickship-silos-box .quickship-silos-inner {
    padding: 5px;
    text-align: center;
}

.qs-item-title {
    color: #fff;
    font-size: 20px;
    background: #00000070;
    margin: 15px -5px -5px;
}

.qs_item_desc {
    padding-top: 5px;
}

.qs_item_desc_list {
    margin: 0;
    display: table;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #afafaf;
}

.qs_item_class {
    background: url(/Files/Images/ProductLanding/model-workstation-bg.png) center center no-repeat;
    margin: -5px;
    padding: 5px;
}


    .qs_item_desc_list li.rid_list_item {
        display: table-cell;
        text-align: center;
        width: 25%;
        padding: 10px 0;
    }

        .qs_item_desc_list li.rid_list_item img {
            display: inline-block;
        }

        .qs_item_desc_list li.rid_list_item > span {
            font-size: 11px;
            font-weight: 600;
            color: #000;
            display: block;
        }

.qs_item_price_box {
    display: table;
    width: 100%;
    padding: 5px 0;
    margin: 0 0 10px;
    position: relative;
    border-bottom: 1px solid #afafaf;
}

    .qs_item_price_box::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        width: 1px;
        height: 50px;
        background-color: #afafaf;
        top: 0;
    }

.qs_item_avail,
.qs_item_price {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

    .qs_item_avail > span,
    .qs_item_price > span {
        display: block;
        font-size: 12px;
        font-weight: 700;
    }

        .qs_item_avail > span.item_avail_date,
        .qs_item_price > span.item_avail_amount {
            font-size: 14px;
        }

.qs_item_btn {
    display: block;
    padding: 0px;
}

    .qs_item_btn .spec-view-btn {
        padding: 0 10px;
        display: block;
    }

        .qs_item_btn .spec-view-btn a {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            color: #fff;
            padding: 8px 18px;
            line-height: 1.2;
            text-transform: uppercase;
            font-size: 13px;
            cursor: pointer;
            background-color: #1e71c5;
            border-radius: 5px;
            margin-bottom: 5px;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
        }

            .qs_item_btn .spec-view-btn a:hover {
                background-color: #2C4FA1;
            }



@media screen and (max-width: 767px) {
    .quickship_silos_list li.quickship-silos-box{
        margin: 25px 5% 20px;
        float: none;
        width: 90%;
    }

    .qs_item_btn .save-disc,
    .qs_item_btn .spec-view-btn {
        font-size: 13px;
    }

    .qs_item_price_box {
        padding: 5px 0;
        margin: 0 0 7px;
    }

    .qs_item_desc_list li.rid_list_item {
        padding: 5px 0;
    }
}*/


/*----------------
Quickship Page CSS:
-----------------*/

.quickship_silos_list {
    margin: 0;
    padding: 0;
    display: inline-block;
    width: 100%;
}

    .quickship_silos_list li.quickship-silos-box {
        border: 1px solid #000000;
        display: inline-block;
        float: left;
        width: 29%;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 140px;
    }

    .quickship_silos_list .product-stack-img img {
        margin-top: -100px;
    }


li.quickship-silos-box .quickship-silos-inner {
    padding: 5px;
    text-align: center;
}

.qs-item-title {
    margin-top: 15px;
    color: #000;
    font-size: 20px;
    margin-bottom: 20px;
}

.qs_item_desc {
    padding: 0 10px;
}

.qs_item_desc_list {
    margin: 0;
    display: table;
    width: 100%;
    padding: 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

    .qs_item_desc_list li.rid_list_item {
        display: table-cell;
        text-align: center;
        width: 25%;
        padding: 10px 0;
    }

        .qs_item_desc_list li.rid_list_item img {
            display: inline-block;
        }

        .qs_item_desc_list li.rid_list_item > span {
            font-size: 11px;
            font-weight: 600;
            color: #000;
            display: block;
        }

.qs_item_price_box {
    display: table;
    width: 100%;
    padding: 10px 0;
    margin: 0 0 7px;
    position: relative;
}

    .qs_item_price_box::before {
        content: "";
        display: block;
        position: absolute;
        left: 50%;
        width: 1px;
        height: 50px;
        background-color: #000;
        top: 0;
    }

.qs_item_avail,
.qs_item_price {
    display: table-cell;
    width: 50%;
    text-align: center;
    vertical-align: middle;
}

    .qs_item_avail > span,
    .qs_item_price > span {
        display: block;
        font-size: 12px;
        font-weight: 700;
    }

        .qs_item_avail > span.item_avail_date,
        .qs_item_price > span.item_avail_amount {
            font-size: 14px;
        }

.qs_item_btn {
    display: block;
    padding: 0px;
}

    .qs_item_btn .spec-view-btn {
        padding: 0 10px;
        display: block;
    }

        .qs_item_btn .spec-view-btn a {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            color: #fff;
            padding: 8px 18px;
            line-height: 1.2;
            text-transform: uppercase;
            font-size: 13px;
            cursor: pointer;
            background-color: #1e71c5;
            border-radius: 5px;
            margin-bottom: 5px;
            transition: all 0.3s ease 0s;
            -webkit-transition: all 0.3s ease 0s;
            -moz-transition: all 0.3s ease 0s;
            -o-transition: all 0.3s ease 0s;
            -ms-transition: all 0.3s ease 0s;
        }

            .qs_item_btn .spec-view-btn a:hover {
                background-color: #2C4FA1;
            }



@media screen and (max-width: 767px) {
    .quickship_silos_list li.quickship-silos-box {
        margin: 100px 5% 20px;
        float: none;
        width: 90%;
    }

    .qs_item_btn .save-disc,
    .qs_item_btn .spec-view-btn {
        font-size: 13px;
    }

    .qs_item_price_box {
        padding: 5px 0;
        margin: 0 0 4px;
    }

    .qs_item_desc_list li.rid_list_item {
        padding: 5px 0;
    }
}



/*--------------
Review Page CSS:
---------------*/

.review-avatar {
    float: left;
    margin-right: 20px;
    height: 120px;
    width: 120px
}

.review-content-wrap {
    float: left;
    width: calc(100% - 150px)
}

.comment-name {
    margin-bottom: 10px;
    color: #343434;
}

.reviewer-name p {
    margin: 0;
    font-size: 15px;
}

    .reviewer-name p span.date-of-review, .reviewer-author-info span.date-of-review {
        font-size: 13px;
        color: #7a7a7a;
        font-style: italic;
        font-weight: 400;
    }

.user-ratings .fa-star, .user-ratings .fa-star-half-o {
    color: #f1c40f;
}

.user-ratings .fa-star-o, .author-ratings .fa-star-o {
    color: #bbb;
}

.review-title {
    margin-bottom: 5px;
    font-weight: 600;
}

.review-btn-grid {
    margin: 0 !important;
}

.btn.btn-default.btn-review {
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 400;
    margin-top: 0;
    line-height: 1.2;
}

.review-wrap {
    display: inline-block;
    width: 100%;
    margin-bottom: 24px;
}

.review-description {
    font-size: 15px;
    line-height: 1.4;
}

.blockquote-icon {
    color: #e9e9e9;
    font-size: 24px;
    margin-right: 0.5em;
    position: absolute;
    top: -7px;
}

.reviewer-author-info .author-name {
    margin-bottom: 2px;
    font-size: 18px;
    color: #1f71c5;
    font-weight: 600;
}

.author-company-name {
    font-size: 16px;
    font-style: italic;
    font-weight: 700;
    margin: 0;
}

.customer-review-desc.review-description {
    padding-top: 24px;
    position: relative;
}

/*----------
Chat CSS:
----------*/

/*
.inbox_people {
  background: #f8f8f8 none repeat scroll 0 0;
  float: left;
  overflow: hidden;
  width: 40%; border-right:1px solid #c4c4c4;
}

.inbox_msg {
  border: 1px solid #c4c4c4;
  clear: both;
  overflow: hidden;
}

.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
  display: inline-block;
  text-align: right;
  width: 60%; padding:
}

.headind_srch{ 
padding:10px 29px 10px 20px; 
overflow:hidden; 
border-bottom:1px solid #c4c4c4;
}

.recent_heading h4 {
  color: #05728f;
  font-size: 21px;
  margin: auto;
}

.srch_bar input{ 
	border:1px solid #cdcdcd; 
	border-width:0 0 1px 0; 
	width:80%; 
	padding:2px 0 4px 6px; 
	background:none;
}

.srch_bar .input-group-addon button {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: medium none;
  padding: 0;
  color: #707070;
  font-size: 18px;
}

.srch_bar .input-group-addon { 
margin: 0 0 0 -27px;
}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
  float: left;
  width: 11%;
}

.chat_ib {
  float: left;
  padding: 0 0 0 15px;
  width: 88%;
}

.chat_people{ 
overflow:hidden; 
clear:both;
}

.chat_list {
  border-bottom: 1px solid #c4c4c4;
  margin: 0;
  padding: 18px 16px 10px;
}

.inbox_chat { height: 550px; overflow-y: scroll;}

.active_chat{ background:#ebebeb;}
*/

.footer-section {
    position: relative;
}

.messaging {
    padding: 0;
    width: 400px;
    max-width: 100%;
    background-color: #ffffff;
    margin-bottom: 20px;
    position: absolute;
    bottom: 30px;
    display: block;
    right: 15px;
}

.chat-header-grid {
    background-color: #f4f6f9;
    padding: 7px 10px;
}

.chat-heading {
    color: #1f71c5;
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 1.4;
    margin: 5px 0;
}

.chat-author-img img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #101010;
}


.incoming_msg_img {
    display: inline-block;
    width: 10%;
}

.received_msg {
    display: inline-block;
    padding: 0 0 0 5px;
    vertical-align: top;
    width: 95%;
}

.received_withd_msg p {
    background: #ebebeb none repeat scroll 0 0;
    border-radius: 3px;
    color: #646464;
    font-size: 13px;
    margin: 0;
    padding: 5px 10px 5px 12px;
    width: 100%;
    line-height: 1.46;
}

.time_date {
    color: #747474;
    display: block;
    font-size: 12px;
    margin: 8px 0 0;
}

.received_withd_msg {
    width: 90%;
}

.inbox_msg {
    /* border: 1px solid #cacaca;  */
    display: inline-block;
    width: 100%;
}

.mesgs {
    float: left;
    padding: 10px 10px 0 20px;
}

.sent_msg p {
    background: #1f71c5 none repeat scroll 0 0;
    border-radius: 3px;
    font-size: 14px;
    margin: 0;
    color: #fff;
    padding: 5px 10px 5px 12px;
    width: 100%;
    line-height: 1.46;
}

.outgoing_msg {
    overflow: hidden;
    margin: 26px 0 26px;
}

.sent_msg {
    float: right;
    width: 90%;
    margin-right: 5px;
}


.input_msg_write input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    color: #4c4c4c;
    font-size: 15px;
    min-height: 48px;
    width: 100%;
}

.type_msg {
    border-top: 1px solid #c4c4c4;
    position: relative;
}

.msg_send_btn {
    background: #1f71c5 none repeat scroll 0 0;
    border: medium none;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    font-size: 17px;
    height: 33px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 33px;
}

.msg_history {
    height: 320px;
    overflow-y: auto;
    margin-bottom: 5px;
}

.open-button {
    background-color: #1f71c5;
    border: 1px solid rgba(255, 255, 255, 0.85) !important;
    border-radius: 4px;
    color: #ffffff;
    padding: 10px 24px 10px 20px;
    border: none;
    cursor: pointer;
    opacity: 0.98;
    position: fixed;
    bottom: 50px;
    right: 7%;
    z-index: 10;
    line-height: 1.2;
}

    .open-button i {
        font-size: 24px;
        vertical-align: middle;
    }

.chat-popup {
    display: none;
    position: fixed;
    bottom: 0;
    right: 15px;
    border: 3px solid #f1f1f1;
    z-index: 12;
}

/*
.chat-popup[style="display:none;"]{
	visibility:hidden;
	-webkit-transition-property: background;
       -moz-transition-property: background;
         -o-transition-property: background;
            transition-property: background;
    -webkit-transition-duration: 1s;
       -moz-transition-duration: 1s;
         -o-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transition-timing-function: linear;
       -moz-transition-timing-function: linear;
         -o-transition-timing-function: linear;
            transition-timing-function: linear;
	opacity:0;
	border:1px solid red;
}

.chat-popup[style="display:block"]{
	visibility:visible;
	opacity:1;
	border:1px solid yellow;
}
*/

.form-container {
    max-width: 300px;
    padding: 0px 0 20px;
    background-color: #ffffff;
}

    .form-container .btn {
        background-color: #4CAF50;
        color: #ffffff;
        padding: 12px 30px;
        line-height: 1.2;
        border: none;
        cursor: pointer;
        margin-bottom: 20px;
        opacity: 0.8;
        z-index: 12;
        text-align: center;
        margin: auto;
        display: block;
    }

    .form-container .cancel {
        background-color: #000000;
    }

    .form-container .btn:hover, .open-button:hover {
        opacity: 1;
    }

.received-author-name {
    font-size: 14px;
    color: #1f71c5;
    line-height: 1.4;
    text-align: left;
}



/*--------------
Responsive CSS
---------------*/

@supports (-webkit-overflow-scrolling: touch) {
    .img-fluid {
        max-width: 100%;
        height: auto;
    }
}


@media screen and (min-width: 1481px) {
    .about-section {
        margin: 30px 0;
    }
}

@media screen and (min-width: 768px) {
    .video-tab-content .tab-main label.tab-label {
        display: inline-block;
        margin: 0 2px -1px;
        width: 19.5%;
    }

    .doc-column-grid.col-md-4 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .work-apex-img img {
        position: absolute;
        right: 50px;
        top: 0;
    }

    .work-apex-img.mobile-apex img {
        position: absolute;
        right: 50px;
        top: -120px;
    }
}


@media screen and (min-width: 992px) {
    .padding-0 {
        padding: 0 !important;
    }

    .padding-left-0 {
        padding-left: 0 !important;
    }

    .padding-right-0 {
        padding-right: 0 !important;
    }

    .solution-type-section .col-md-5.column-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45.666667%;
        flex: 0 0 45.666667%;
        max-width: 45.666667%;
    }

    .solution-type-section .col-md-7.column-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 54.333333%;
        flex: 0 0 54.333333%;
        max-width: 54.333333%;
    }

    .light-grid.wht-box p {
        min-height: 90px;
    }
}


@media screen and (max-width: 1480px) {
    .max-450.single-image img {
        max-width: 450px;
    }

    .slider_title {
        font-size: 40px;
    }
}




@media screen and (max-width: 1279px) {
    .class-info-padding {
        padding: 40px 15px 20px 15px !important;
    }

        .class-info-padding ul li {
            font-size: 14px;
        }

    .hw-stack-section {
        padding: 30px 15px 0;
    }

    .home_slider_title {
        font-size: 36px;
        line-height: 1.2;
    }

    .slider_title {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .about-content-grid .title-grid {
        font-size: 30px;
        line-height: 1.3;
    }

    .proper-built-section {
        padding: 4em 0;
    }

    .solution-title-grid {
        font-size: 30px;
    }

    .title-heading-large {
        font-size: 40px;
    }
}



@media screen and (max-width: 991px) {
    .home_page_banner {
        min-height: 540px;
        padding-top: 0;
    }

    .banner-btn {
        display: block;
        margin-bottom: 10px;
    }

    .banner-bottom-content .col-md-4 {
        top: -30px;
    }

    .col-md-6.about-content-grid {
        padding: 0px 15px 20px 15px;
    }

    .about-content-grid.dark-grid {
        padding: 20px 15px;
    }

    .btn-outline.more-btn {
        margin: 10px 0;
        padding: 10px 25px;
    }

    .computing-power-section {
        padding: 2.5em 0;
    }

    .newsletter-form-grid input[type="email"] {
        width: 200px;
    }

    .newsletter-form-grid input[type="submit"] {
        padding: 12px 24px;
    }

    .bestseller-icon, .newmodel-icon {
        position: absolute;
        right: 15px;
        top: 0px;
    }

        .bestseller-icon img, .newmodel-icon img {
            max-width: 54px;
        }

    .class-tab-content .tab-content {
        padding: 10px 20px;
    }

    .title-heading-default {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .btn.btn-default.more-btn {
        margin: 10px 0 0;
    }

    .solution-banner .slider_title {
        font-size: 38px;
        line-height: 1.2;
    }

    .solution-banner .slider_description {
        padding-top: 0px;
        padding-right: 0;
    }

    .full_slider_banner.solution-banner {
        padding: 150px 0 20px;
        background-position: center right;
    }

    .solution-featured-section {
        padding: 30px 0 0;
    }

    .box-img-grid {
        margin-bottom: 20px;
    }

    .solution-type-section {
        padding: 20px 0;
    }

    .quality-light-grid p {
        font-size: 16px;
        line-height: 26px;
        margin: 0;
    }

    .title-heading-large {
        font-size: 32px;
    }

    .max-450.single-image img {
        max-width: 270px;
    }

    table.spec-table > tbody > tr > td {
        width: 100%;
        float: left;
    }

    .text-info-sec h3 {
        font-size: 27px;
    }

    .address-info {
        height: auto;
        display: block;
    }

    .address-left {
        border-right: none;
        border-bottom: 1px solid #e4e6e9;
        margin-right: 0;
        width: 100%;
        display: inline-block;
        padding: 7px 15px;
    }

        .address-left h6 {
            display: inline-block;
        }

    .address-right {
        display: inline-block;
    }

    .address-grid i {
        vertical-align: middle;
        margin-right: 10px;
    }

    .privacy-title-heading {
        font-size: 24px;
    }

    .events-popular-grid {
        margin-bottom: 20px;
    }
}


@media screen and (max-width: 767px) {
    .about-content-grid .title-grid {
        font-size: 26px;
        line-height: 1.4;
    }

    .proper-built-section {
        padding: 2em 0;
    }

    .ftr-contact-grid {
        float: none;
        text-align: center;
    }

        .ftr-contact-grid .more-btn {
            float: none;
        }

    .solution-design-list {
        clear: both;
        display: inline-block;
        border-bottom: 1px solid #000;
    }

        .solution-design-list li {
            border-bottom: none;
            padding: 5px 0;
            display: inline-block;
            width: 33.33%;
            float: left;
        }

    .solution-title-grid {
        font-size: 27px;
        margin-top: 10px;
    }

    .solution-type-section {
        padding: 0 0 20px 0;
    }

    .testimonials-section {
        padding: 30px 0;
    }

    .testimonials_grid p {
        line-height: 1.46;
    }

    .footer-grid ul li a {
        margin: 0 0 10px;
    }

    .newsletter-form-grid {
        margin-top: 10px;
    }

    .customer-rounded-list li {
        width: 100%;
    }

    .privacy-tab-list li {
        width: 100%;
        margin-right: 0;
    }

    .table-data-label.table thead {
        display: none;
    }

    .table-data-label.table tr {
        border-bottom: 3px solid #ddd;
        display: block;
    }

        .table-data-label.table tr > td {
            position: relative;
            border-bottom: 1px solid #ddd;
            display: block;
            text-align: right;
        }

            .table-data-label.table tr > td::before {
                content: attr(data-label);
                float: left;
                font-weight: 700;
                text-transform: capitalize;
            }

    .single-posted-amenities .table-striped tbody tr:nth-of-type(2n+1) {
        background-color: transparent;
    }

    .video-iframe-grid iframe {
        min-height: 270px;
    }

    .large-inline-image.img-fluid {
        margin-bottom: 10px;
    }
}


@media screen and (min-width: 768px) and (max-width: 1191px) {
    .privacy-tab-list li a {
        padding: 5px 10px;
        height: 60px;
    }

    .video-tab-content .col-md-4 {
        padding-right: 5px;
        padding-left: 5px;
    }

    .press-date-grid {
        font-size: 15px;
    }

        .press-date-grid i {
            margin-right: 5px;
        }
}

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



@media screen and (max-width: 1279px) {
    .class-tab-content .tab-main label.tab-label {
        margin: 0 1px -1px;
    }

    .class-tab-section {
        padding: 40px 0;
    }

    .popup {
        padding: 2em 1.5em 1em;
    }

        .popup p {
            font-size: 15px;
        }

    .customer-tab-content .tab-main label.tab-label {
        width: 31.5%;
    }

    .slider_description {
        margin-top: 10px;
    }
}



@media screen and (max-width: 767px) {
    .home_slider_title {
        font-size: 30px;
        line-height: 1.2;
    }

    .header-contact-grid.hidden-xs {
        display: none;
    }

    .header {
        margin: 0 !important;
    }

    .toggle {
        margin-top: -48px;
    }

    .hidden-sm {
        display: none !important;
    }

    .hidden-xs {
        display: none !important;
    }

    .header-right-grid.hidden-md.hidden-lg li {
        display: inline-block;
        float: left;
    }

    .cd-header-buttons {
        right: 60px;
        top: 10px;
    }

    nav li.menu-item::before {
        content: none;
    }

    .cd-search input {
        max-width: 240px;
    }

    .full_slider_banner {
        min-height: 320px;
        padding: 40px 0 20px;
    }

    .inner_title_banner {
        min-height: 320px;
        padding: 25px 0 0;
    }


    .model-page-banner.inner_title_banner {
        min-height: 180px;
        padding: 20px 0;
    }

    .slider_title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    p {
        font-size: 15px;
        line-height: 26px;
    }

    .section-padding {
        padding: 2em 0;
    }

    .banner_title_heading {
        color: #ffffff;
        font-size: 27px;
        padding: 0;
        margin-top: 20px;
    }

    .section-middle-padding {
        padding: 1.5em 0;
    }

    .section-top-padding {
        padding-top: 2em;
    }

    .hover-box {
        margin-bottom: 20px;
    }

    .static-top-aero1 .text .text1 {
        font-size: 27px;
    }

    .title-sub-heading {
        margin-bottom: 10px;
    }

    .product_detail_grid .product_price {
        font-size: 30px;
        margin: 10px 0px;
    }

    .product_img.text-right {
        text-align: center !important;
    }

    .footer-phone-link > a {
        font-size: 25px;
        margin: 0;
    }

    .slider_description {
        font-size: 15px;
        line-height: 1.4;
        padding: 0;
    }

    .system-featured-section {
        padding: 20px 0;
    }

    .padding-50 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .sub-title-heading {
        font-size: 16px;
        line-height: 1.4;
    }

    .product-version-icon img {
        margin-right: 10px;
        max-width: 70px;
    }

    .product-version-info {
        padding-left: 20px;
        margin-left: 0px;
        margin-top: 20px;
    }

        .product-version-info::before {
            top: 5px;
        }

        .product-version-info p {
            font-size: 16px;
            line-height: 1.4;
        }

    .btn.view-btn {
        margin: 0 0 10px;
    }

    .product-srt-box .text-center {
        text-align: right !important;
    }

    .product-srt-box {
        margin-bottom: 20px;
    }

    .work-apex-img.mobile-apex img {
        position: relative;
        right: auto;
        top: 0;
    }

    .cts-product-grid.left-grid::before,
    .cts-product-grid.right-grid::before {
        content: none;
    }

    .work-apex-img img {
        position: relative;
        right: auto;
        left: auto;
        margin: auto;
        max-width: 240px;
    }

    .cts-product-title a {
        font-size: 28px;
        padding-left: 0;
    }

    .sys-class-section.margin-top-50 {
        margin-top: 0;
    }

    .class-tab-content .tab-main label.tab-label {
        margin: 0 0px -1px;
        width: 100%;
    }

    .customer-tab-content .tab-main label.tab-label {
        margin: 0 0 4px;
        width: 100%;
        line-height: 1.2;
    }

    .apex-desc-img img {
        position: relative;
        max-width: 240px;
        margin-bottom: 20px;
    }

    .max-220-xs-img img {
        max-width: 220px;
    }

    .innerpage_banner.class_banner {
        padding: 180px 0 60px;
    }

    .class_banner .title-heading-medium {
        font-size: 30px;
        margin-top: 20px;
    }

    .model-class-img img {
        position: relative;
        left: 10%;
        top: 35px;
        max-width: 240px;
    }

    .hw-stack-list li.product-stack-box {
        width: 100%;
        margin-bottom: 60px;
    }

        .hw-stack-list li.product-stack-box:last-child {
            margin-bottom: 30px;
        }

    .title-heading-medium {
        font-size: 30px;
    }

    .hw-stack-content {
        margin-top: 60px;
    }

    .product-stack-img img {
        margin-top: -80px;
    }

    .padding-40 {
        padding: 20px;
    }

    .wht-like-box-section::before {
        content: none;
    }

    .wht-like-box-section .wht-box-column {
        background-color: #0a5bae;
    }

    .sticky-img-grid {
        position: absolute;
        top: 5px;
        right: 15px;
        max-width: 72px;
    }

    .class-silos-content, .reboxxed-product-content {
        margin-top: 60px;
    }

    .class-silos-list li.class-silos-box {
        width: 46%;
        margin: 0 2% 60px;
    }

        .class-silos-list li.class-silos-box:last-child {
            margin-bottom: 20px;
        }

    .reboxxed-silos-list li.reboxxed-silos-box {
        width: 46%;
        margin: 0 2% 60px;
    }

        .reboxxed-silos-list li.reboxxed-silos-box:last-child {
            margin-bottom: 20px;
        }

    .review-title {
        margin-top: 10px;
    }

    a.move-top {
        display: none;
    }

    .open-button {
        bottom: 40px;
        right: 15px;
        padding: 7px 16px 7px 18px;
        font-size: 14px;
    }

    .form-container {
        max-width: 280px;
        padding: 0px 0 10px;
    }
}



@media screen and (max-width: 640px) {
    .title-heading-medium {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .title-heading-medium {
        font-size: 26px;
    }

    .class-silos-list li.class-silos-box {
        width: 90%;
        margin: 0 5% 60px;
    }

    .reboxxed-silos-list li.reboxxed-silos-box {
        width: 90%;
        margin: 0 5% 60px;
    }

    /*
	.review-avatar {
        float: none;
        margin: 0px;
        width: 100%;
        height: auto;
    }
	*/

    .review-avatar {
        margin-right: 10px;
        height: 100px;
        width: 100px;
    }

    .review-content-wrap {
        float: none;
        width: 100%;
    }

    .reviewer-name p span.date-of-review, .reviewer-author-info span.date-of-review {
        display: block;
    }
}



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

    .hidden-mobile {
        display: none !important;
    }

    .navbar-dark .navbar-nav .system-megamenu .nav-link {
        display: inline-block;
        margin-left: -10px;
    }

    .dropdown-menu .nav-item-text {
        font-size: 13px;
        color: #b2b2b2;
        padding-left: 5px;
    }

    .dropdown-menu {
        font-size: 14px;
        color: #eee;
    }

    .system-megamenu .nav.flex-column {
        margin-bottom: 5px;
    }

    .system-megamenu > .col-md-6 > .row {
        margin-left: 0;
        margin-right: 0;
    }
}



@media screen and (min-width: 768px) {
    .header-sticky .cd-header-buttons {
        top: 40px;
    }

    .hidden-md {
        display: none !important;
    }


    .press-release-grid .press-release-grid-inner {
        padding: 1em 1em 4.3em;
    }

    .press-release-grid .btn.btn-outline {
        position: absolute;
        bottom: 20px;
    }
}

@media screen and (min-width: 992px) {
    .large-inline-image.img-fluid {
        max-width: 600px;
        margin-right: 20px;
    }

    .hidden-lg {
        display: none !important;
    }
}


@media screen and (min-width: 1300px) {
    .banner-bottom-content {
        padding: 0 50px;
    }

    .video-iframe-grid iframe {
        min-height: 260px;
    }
}


@media screen and (min-width: 1400px) {
    .sys-class-section {
        overflow-x: hidden;
    }
}

@media screen and (min-width: 1481px) {
    .title-heading-medium {
        font-size: 40px;
    }

    .class-info-padding {
        padding: 120px 65px 100px 80px !important;
    }

    .model-class-img img {
        position: relative;
        left: 24%;
        top: 0;
        max-width: 400px;
        padding: 30px 0;
    }
}

.horizontal-list {
    list-style: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

    .horizontal-list li {
        float: left;
        margin: 0 2em 0 0;
        padding: 0
    }

.career-info-header {
    border-bottom: 1px solid #d3d5d7;
    margin-bottom: 1.875rem;
    overflow: hidden;
    padding-bottom: 0.9375rem;
}

.career-detail ul {
    list-style-type: disc
}


.career-detail ul, .career-detail ol {
    padding-left: 20px;
}

.content-wrapper.guru {
    background: url(https://boxxbuilder.boxx.com/AppBuilderRuntime/Deploy/Sites/Boxx/SystemConfig/css/images/boxx-loader.gif) 50% 150px no-repeat;
    position: relative;
    top: 100px;
    overflow-x: scroll;
}

.center {
    text-align: center;
}


/* //responsive */

/* CHECKOUT */

.checkout-headline {
    overflow: hidden;
    margin-bottom: 15px
}

    .checkout-headline h1 {
        float: left;
        font-size: 28px;
        line-height: 1.2;
        margin: 0 0 15px 0
    }

    .checkout-headline a {
        float: right
    }

.checkout-step .box-rounded {
    margin-bottom: 30px
}

.checkout-step .box-headline {
    overflow: hidden;
    width: 100%
}

    .checkout-step .box-headline h3 {
        float: left;
        margin-right: 10px
    }

    .checkout-step .box-headline .btn {
        float: left;
        margin-top: 10px
    }

.checkout-step .box-headline-info {
    float: right;
    margin-top: 12px
}

.checkout-step .box-content {
    margin-bottom: 30px
}

.checkout-step h3 {
    font-size: 24px
}

.checkout-step input[type=text], .checkout-step input[type=number], .checkout-step input[type=email], .checkout-step select {
    margin-bottom: 5px;
    width: 100%
}

.checkout-step .controls {
    margin-bottom: 10px;
    overflow: hidden;
}

.checkout-step .with-button {
    overflow: hidden
}

    .checkout-step .with-button input[type=text] {
        float: left;
        width: 260px
    }

    .checkout-step .with-button label.checkbox {
        float: right;
        margin-bottom: 0
    }

    .checkout-step .with-button .btn {
        float: right;
        height: 37px;
        line-height: 32px
    }

.checkout-step .btn.collapsed, .checkout-step button.collapsed {
    display: none
}

.checkout-step .product-line, .checkout-step .price-line {
    line-height: 1.5
}

.checkout-step .checkout-confirm {
    padding-top: 15px
}

    .checkout-step .checkout-confirm .btn {
        clear: both
    }

.checkout-step .control-group hr {
    display: none
}

.checkout-step .required-fields-note {
    margin-bottom: 15px
}

.checkout-step label.radio {
    float: left;
    margin-right: 10px
}

.checkout-step .actions-group, .checkout-step .control-action-group {
    clear: both
}

    .checkout-step .actions-group .btn, .checkout-step .control-action-group .btn {
        margin-right: 10px
    }

    .checkout-step .actions-group .with-button .btn, .checkout-step .control-action-group .with-button .btn {
        margin: 0;
        clear: both
    }

.checkout-stepmap {
    margin: 15px 0;
}

    .checkout-stepmap ul {
        border-bottom: 1px solid #d3d5d7;
        list-style: none;
        margin: -8px -15px 15px -15px;
        overflow: hidden;
        padding-bottom: 10px;
    }

    .checkout-stepmap li {
        float: left;
        text-align: center;
        width: 25%
    }

    .checkout-stepmap span {
        display: none
    }

    .checkout-stepmap h4 {
        color: #ccc;
        display: inline;
        font-size: 13px
    }

    .checkout-stepmap .active h4 {
        color: #333;
        font-weight: bold
    }

.checkout-sidebar {
    font-size: 12px;
    line-height: 1.5;
}


    .checkout-sidebar h3, .checkout-sidebar h4 {
        font-size: 18px
    }

    .checkout-sidebar ul {
        font-size: 12px;
        line-height: 1.5;
        margin-bottom: 0
    }

    .checkout-sidebar .btn.collapsed, .checkout-sidebar button.collapsed {
        display: none
    }

    .checkout-sidebar .product-line, .checkout-sidebar .price-line {
        border-bottom: 1px solid #d3d5d7;
        margin-bottom: 5px;
        overflow: hidden;
        padding-bottom: 5px;
        position: relative
    }

    .checkout-sidebar .product-name, .checkout-sidebar .quantity-text {
        margin-right: 60px
    }

    .checkout-sidebar .product-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 50px
    }

        .checkout-sidebar .product-image img {
            display: inline-block;
            max-width: 100%;
            height: auto;
            border-radius: 0 !important;
        }

    .checkout-sidebar .price-label {
        float: left;
        width: 66%
    }

    .checkout-sidebar .price-value {
        float: right;
        text-align: right;
        width: 33%
    }

.validation-errors {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .validation-errors ul {
        list-style-type: disc;
    }

.cart-cell-fee-value, .cart-foot-actions.right {
    text-align: right;
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
}

.checkout-step .box-headline-info {
    float: right;
    margin-top: 12px;
}

.form-group.required .required-label:after {
    content: "*";
    color: red;
}

.detail-section {
    margin-top: 35px;
}

.badge.badge-primary.cart-count {
    border-radius: 20px;
    font-size: 8px;
    margin-left: -5px;
    margin-top: 2px;
    vertical-align: top;
}

.hidden {
    display: none;
}

.solution-text {
    color: #ffffff;
    font-size: 16px;
    line-height: 21px;
}

.qs-os-content {
    text-align: center;
}

    .qs-os-content img {
        padding-top: 5px;
        max-width: 120px;
        border-radius: 0px;
    }

.qs-cpu.cpu-model, .qs-gpu.gpu-model, .qs-ram.ram-size, .qs-hdd1.hdd1-size, .qs-hdd2.hdd2-size, .qs-xtra0.extra0 {
    padding: 2px 8px;
    background-color: #cccccc;
    border-radius: 5px;
    margin: 3px 0px;
    display: inline-block;
}

.qs-cpu-content img, .qs-gpu-content img, .qs-ram-content img, .qs-hdd1-content img, .qs-hdd2-content img, .qs-xtra-content img {
    max-width: 21px;
    border-radius: 0px;
    padding-right: 5px;
}

.product-feetooltip {
    display: none;
}

.product-specifications {
    height: 400px;
    overflow: hidden;
    border-bottom: 1px solid rgb(231, 231, 231);
    margin-bottom: 10px;
}

#page-progress-overlay {
    position: fixed;
    z-index: 1055;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #000000
}

#page-progress-overlay-text {
    position: fixed;
    z-index: 1060;
    top: 45%;
    left: 0px;
    right: 0px
}

    #page-progress-overlay-text div {
        background-color: #ffffff;
        border: 1px solid #949494;
        margin: 0px auto;
        text-align: center;
        width: 200px;
        padding: 10px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        border-radius: 7px;
        -webkit-box-shadow: 0px 0px 6px #f4f4f4;
        -moz-box-shadow: 0px 0px 6px #f4f4f4;
        box-shadow: 0px 0px 6px #f4f4f4
    }

        #page-progress-overlay-text div img {
            display: block;
            margin: 0px auto;
            margin-bottom: 10px;
            border: none;
            padding: 0px;
            width: 36px;
            height: 36px
        }

        #page-progress-overlay-text div span {
            font-weight: bold
        }


.alert-new {
    color: #ffffff;
    background-color: #1f71c5;
    margin-bottom: 0;
    border-radius: 0;
}

.alert-new > .close:hover, .alert-new > .close:focus {
    color: #FFF;
    text-decoration: none;
    opacity: 1;
}

.alert-new > a{
    color: #FFF89B;
}

    .alert-new > a:hover {
        color: #F9F6D7;
        opacity: 1;
    }


.vc_element-grid.single-image.text-center.class-short-icon > p {
    font-size: 1em;
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
}

.wdn-text-hidden {
    font-size: 0;
    width: 1px;
    height: 1px;
    display: inline-block;
    overflow: hidden;
    position: absolute !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    clip: rect(1px,1px,1px,1px);
}

.product-boxx-store {
    padding-top: 100px;
}

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

    .product-boxx-store {
        padding-top: 0;
    }
}

.vc_element-grid.single-image.text-center.class-short-icon {
    font-size: .8em;
}

.slider_description p {
    font-size: 17px;
    line-height: 1.42;
    color: #ffffff;
    padding-top: 10px;
}

    .btn.model-btn {
    background-color: #b2b2b2;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 1.4;
    margin: 5px 0 0;
    padding: 10px 32px;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
    text-align: center;
}

    .btn.model-btn:hover {
        background-color: #333;
        color: #fff;
    }


.item_unavail_label {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    padding: 4px;
    margin: 0 8px;
    border-radius: 5px;
}