/* root styling */

*:after, *:before {
    clear: both;
}

html {
    font-size: 55% !important; /* 10px */
}

body {
    font-size: 1.4rem;
    font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif !important;
    color: #191919;
}

a {
    text-decoration: none !important;
}

section {
    display: block;
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
    /*border: 1px solid green;*/
}

.container {
    /*border: 1px solid red;*/
    margin-right: auto;
    margin-left: auto;
}

section > .container {
    /*padding-top: 2rem;
    padding-bottom: 2rem;*/
}

section > h2, section > p,
.container > h2, .container > p {
    text-align: center;
    font-weight: 600;
    padding-top: 2rem;
}

section > p, .container > p {
    padding: 1rem;
}

/*#siteMap, .MainDiv, .adsync-price, .btn-group-vertical > .btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
        clear: both;
    }*/

.btn-group-vertical > .btn-group:after, .btn-group-vertical > .btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}

/***************************** basic tags styling ************************************/
h1 {
    font-size: 5.5rem;
    line-height: 1rem;
    /*border: 1px solid #fff;*/
}

h2 {
    font-size: 3.5rem !important;
    line-height: 4rem !important;
}

h3 {
    font-size: 2.4rem;
    /*font-weight: 600;*/
}

h4 {
    font-size: 2.1rem !important;
    /*font-weight: 600;*/
}

h5 {
    font-size: 1.8rem;
}

h6 {
    font-size: 1.6rem;
}

.homepage-contactus h2 span {
    border-bottom: .5rem solid #0078d4;
    padding-bottom: 0.3em;
}

p {
    font-size: 1.7rem !important;
    line-height: 2.5rem !important;
    /*padding-top: 1.5rem;*/
}




/***************************** header/navbar styling ********************************/
.machsol-logo {
    margin-top: 0px;
    background-image: url('/images/logo/machsol-logo.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 200px !important;
    height: 26px !important;
    float: left;
}

nav {
    height: 78px;
    background-color: #fff;
    /*margin-top: 0;*/
    /*position: fixed !important;*/
    width: 100%;
    /*z-index: 1;*/
}

.nav {
    list-style: none !important;
}

    .nav > li {
        display: block;
    }

#myTab.nav > li > a {
    padding: 10px 15px;
    display: block;
    position: relative;
    text-decoration: none;
}

.collapse {
    display: none;
    visibility: hidden;
}

    .collapse.in {
        display: block;
        visibility: visible;
    }

.navbar-collapse.collapse {
    visibility: visible !important;
}

.navbar-collapse {
    padding-right: 15px;
    /*padding-left: 15px;*/
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
}

    .navbar-collapse.in {
        overflow-y: auto;
    }

.nav.navbar-nav li a.dropdown-toggle,
.nav.navbar-nav li a.link,
.nav.navbar-nav li a.dropdown-toggle span:after {
    color: #191919;
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

    .nav.navbar-nav li a.dropdown-toggle:hover,
    .nav.navbar-nav li a.link:hover {
        color: #191919 !important;
        border-bottom: 2px solid #191919;
    }

.nav.navbar-nav li.mega-dropdown {
    position: static !important;
    padding-bottom: 0px;
}

.nav.navbar-nav > li > a {
    padding: 10px 0px 1px 0px !important;
    /*margin-left: 40px;*/
}


.navbar-nav p {
    font-size: 1.35rem !important;
    color: #18486c;
    margin-top: -5px;
    padding-left: 70px;
}

.nav.navbar-nav li a.dropdown-toggle span:after {
    content: '\203A';
    top: 12px;
    font-size: 2.8rem !important;
    /*font-weight: 500;*/
    position: absolute;
    padding-left: 20px;
    transition: all 0.3s ease;
    transform: rotateZ(90deg);
    /*left: 103%;*/
}

.menu-left-heading {
    font-size: 1.35rem;
    line-height: 2.3rem;
    /*font-weight: 700;*/
    color: #555;
}

.static-menu li.mega-dropdown {
    position: static !important;
    padding-bottom: 0px;
}

.nav.static-menu > li > a {
    padding: 10px 0px 1px 0px !important;
    margin-left: 40px;
}


.static-menu li a.dropdown-toggle span:after {
    content: '\203A';
    top: 4px;
    font-size: 2.8rem !important;
    font-weight: 500;
    position: absolute;
    padding-left: 15px;
    transition: all 0.3s ease;
    transform: rotateZ(90deg);
    left: 103%;
}

.link-products {
    margin-left: 0px !important;
    margin-right: 15px !important;
}

.ProdSubmenu-style,
.submenu-style {
    position: relative;
    padding-left: 0;
}

.Submenu-Main,
.menuProducts,
.menuServices,
.menuSupport,
.menuAboutUs {
    background-color: #f9f9f9; /* #18486c;*/
    background-repeat: repeat-x;
    /*box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);*/
    margin-top: 15px;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #d5d5d5;
}

.menuProducts {
    border-bottom: 0px solid #d5d5d5;
}

.ProdSubmenu-style {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.submenu-style h3 {
    padding: 10px 10px 0px 30px;
    font-size: 2.0rem;
    font-weight: 600;
    color: #18486c;
}

.icon-machpanel-box {
    background-position: -10px -120px;
    width: 190px;
    height: 240px;
    margin-top: 10%;
    filter: none !important;
}

.icon-services, .icon-support, .icon-about {
    width: 190px;
    height: 240px;
    margin-top: 10%;
    filter: none;
}

.icon-services {
    background-image: url(../../images/icons/icon-services.png);
}

.icon-support {
    background-image: url(../../images/icons/icon-support.png);
}

.icon-about {
    background-image: url(../../images/icons/icon-about.png);
}

.pricing-page-icons {
    background: url(../../images/pricing-page/pricing.png) no-repeat;
    display: inline-block;
}



.m-products {
    background: url(../../images/m-products.jpeg);
}

.m-services {
    background: url(../../images/m-services.jpeg);
}

.m-support {
    background: url(../../images/m-support.jpeg);
}

.m-about {
    background: url(../../images/m-about.jpeg);
}

.m-products,
.m-services,
.m-support,
.m-about {
    background-size: cover;
    background-position: center;
}



.pricing-exchange {
    background-position: 0px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.pricing-sp {
    background-position: -103px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.pricing-crm {
    background-position: -204px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.pricing-skype {
    background-position: -306px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.pricing-vps {
    background-position: -409px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.pricing-wh {
    background-position: -511px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.pricing-ad {
    background-position: -613px -72px;
    width: 80px;
    height: 80px;
    padding-left: 15px;
}

.SecEmail {
    height: 1px;
    width: 1px;
    border: none;
    background: transparent;
}

.pricing-deployment {
    background-position: -470px 0px;
    width: 50px;
    height: 50px;
}

.pricing-services {
    background-position: -530px 0px;
    width: 50px;
    height: 50px;
}



.nav.navbar-nav ul.dropdown-menu::before {
    content: '';
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -9px;
    left: 0px;
    z-index: 10;
}

.nav.navbar-nav li.mega-dropdown {
    padding-left: 10px;
    padding-right: 25px;
}

.nav.navbar-nav .dropdown-menu {
    /*top: 80%;*/
}

.navbar > .container {
    /*justify-content: flex-start !important;*/
}

.navbar-text {
    /*width: 30%;*/
}

.customer-name {
    color: #0078d4 !important;
}

.logout {
    color: #d12127 !important;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 8px;
    /*margin-top: 10px;*/
    margin-right: 0px;
    margin-bottom: 0;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .navbar-toggle:focus {
        outline: 0;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 25px;
        height: 2px;
        border-radius: 1px;
    }

        .navbar-toggle .icon-bar + .icon-bar {
            margin-top: 6px;
        }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: transparent;
    outline: 1px dashed currentColor !important;
    border-radius: 0px;
}

.dropdown-menu {
    position: absolute;
    top: 66%;
    z-index: 1000;
    display: none;
    float: left;
    /*margin-left: 40px;*/
    min-width: 160px;
    /*max-width: 650px;*/
    text-align: left;
    list-style: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: none;
    left: 0;
    right: 0;
    background-color: transparent;
}

.nav-linklayout.open > a {
    border-bottom: 2px solid #0078d4 !important;
}

    .nav-linklayout.open > a,
    .nav-linklayout.open > a span::after {
        color: #0078d4 !important;
    }


.default-link {
    font-size: 1.6rem;
    line-height: 24px;
    font-weight: 600 !important;
    cursor: pointer;
    color: #0078d4;
    border-bottom: 2px solid transparent;
}

    .default-link:hover {
        color: #005da6 !important;
        border-bottom: 2px solid #0078d4;
    }

.ProductsLink {
    /*min-width: 650px;*/
    position: relative;
    /*margin-top: 5px;
    height: 60px;*/
    float: none;
}

    .ProductsLink:hover {
        border: 0px solid #a3a3a3;
        background: #f9f9f9;
        cursor: pointer;
        /*box-shadow: 0 4px 40px rgba(0,0,0,.08);*/
    }

    .ProductsLink p.prodHeading {
        font-size: 1.35rem;
        color: #ffffff;
        padding-left: 60px;
        padding-top: 10px;
    }

.submenu-style {
    /*width: 100%;*/
}

.ProdSubmenu-style .commonfeatures .common-style-sub-menu {
    float: left;
    margin-top: 9px;
    margin-right: 20px;
    margin-left: 15px;
}

.common-style-sub-menu, .verify-account-icon, .success-tick, .failure-cross, .hybrid-cloud, .migration-tools, .form-self-service, .form-api-reporting, .form-whmcs, .menu-icons, .header-phone-icon, .blog-link-arrow, .chat-icon,
.LiveChat-img {
    display: inline-block;
    background-image: url(../../images/icons/header.png);
    /*filter: invert(50%) sepia(70%) saturate(621%) hue-rotate(164deg) brightness(101%) contrast(98%);*/
    filter: invert(40%) sepia(81%) saturate(5250%) hue-rotate(188deg) brightness(91%) contrast(101%);
}

.ProdSubmenu-style .ProdSUBHeading {
    font-size: 1.2rem;
    display: block;
    color: #18486c;
    padding-top: 6px;
}

span.prodHeading {
    color: #191919;
    font-size: 1.5rem;
    line-height: 30px;
    font-weight: 600;
}

.ProductsLink .sub-menu-csp {
    background-position: -38px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-exchange {
    background-position: -77px -924px;
    width: 35px;
    height: 35px;
    margin-top: 12px !important;
}

.ProductsLink .sub-menu-exchange-migration {
    background-position: -383px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-workfolders {
    background-position: -344px -924px;
    width: 35px;
    height: 35px;
    margin-top: 13px !important;
}

.ProductsLink .sub-menu-skype4b {
    background-position: -116px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-sharepoint {
    background-position: -193px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-crm {
    background-position: -231px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-direct-routing {
    background-position: -154px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-hyper-v {
    background-position: -268px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-blackberry {
    background-position: -222px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-web-hosting {
    background-position: -421px -924px;
    width: 35px;
    height: 35px;
}

.ProductsLink .sub-menu-active-directory {
    background-position: 0px -924px;
    width: 35px;
    height: 35px;
}


.ProductsLink .sub-menu-adsync {
    background-position: -306px -924px;
    width: 35px;
    height: 35px;
    margin-top: 12px !important;
}

.ProductsLink .sub-menu-machsync {
    background-position: 0px -891px;
    width: 35px;
    height: 32px;
    margin-top: 12px !important;
}

.ProductsLink .sub-menu-remotedesktop {
    background-position: -154px -924px;
    width: 35px;
    height: 35px;
}

.icon-turnkey-services {
    background-position: 0px 0px;
    width: 35px;
    height: 35px;
}

.icon-migration-services {
    background-position: -39px 0px;
    width: 35px;
    height: 35px;
}

.icon-training-services {
    background-position: -85px 0px;
    width: 35px;
    height: 35px;
}

.icon-professional-services {
    background-position: -129px 0px;
    width: 35px;
    height: 35px;
}

.icon-paid-services {
    background-position: -127px -50px;
    width: 36px;
    height: 36px;
}

.icon-livechat-support {
    background-position: -171px 0px;
    width: 35px;
    height: 35px;
}

.icon-knowledgebase-support {
    background-position: -220px 0px;
    width: 35px;
    height: 35px;
}

.icon-manuals-support {
    background-position: -259px 0px;
    width: 35px;
    height: 35px;
}

.icon-guide-support {
    background-position: -302px 0px;
    width: 35px;
    height: 35px;
}

.icon-contact {
    background-position: -342px 0px;
    width: 35px;
    height: 35px;
}

.icon-locations {
    background-position: -173px -50px;
    width: 35px;
    height: 35px;
}

.icon-promotions {
    background-position: -383px 0px;
    width: 35px;
    height: 35px;
}

.icon-legal {
    background-position: 0px -50px;
    width: 35px;
    height: 35px;
}

.icon-release {
    background-position: -39px -50px;
    width: 35px;
    height: 35px;
}

nav a {
    text-decoration: none;
}

nav .divider-header {
    padding: 0px 10px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropdown > ul {
    padding: 0;
}

.dropdown-toggle::after {
    content: none !important;
}

.button-large {
    padding: 19px 36px;
}

.header {
    height: 55px;
    width: 100%;
    background-color: #fcfcfc;
}

.phone-number {
    font-size: 1.2rem;
    font-weight: 500;
    text-transform: uppercase;
    float: left;
}

    .phone-number:hover {
        opacity: 0.8;
    }

    .phone-number.header-icon {
        padding-top: 0px !important;
        margin-top: -2px;
    }

.try-free-user {
    border: 1px solid #0078d4;
    padding: 5px;
}


.static-menu li a.dropdown-toggle span::after {
    /*position: revert !important;
    transform: rotateX('120deg') !important;
    text-decoration: none;*/
}

/********************************************* Banner and section buttons **************************************/

.datasheet-button, .datasheet-button-rev {
    text-align: center;
    font-size: 1.5rem;
    padding: 5px 10px;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 600;
    border: 1px solid #0078d4;
}

.datasheet-button {
    background-color: transparent;
    color: #0078d4;
    padding-top: 7px;
    padding-bottom: 6px;
}

    .datasheet-button:hover {
        background-color: #0078d4;
        color: #fff;
        line-height: inherit;
    }

.datasheet-button-rev {
    background-color: #0078d4;
    color: #fff;
}

    .datasheet-button-rev:hover {
        background-color: #fff;
        color: #0078d4;
    }

.by-now-small {
    background-color: #0078d4;
    border: 1px solid #0078d4;
    color: #fff;
    text-align: center;
    font-size: 1.5rem;
    padding: 5px 10px;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 600;
}

    .by-now-small:hover {
        background-color: transparent;
        border: 1px solid #0078d4;
        color: #0078d4;
    }

.white-button-dark,
.blue-button-dark,
.portal-button-dark,
.white-button-light,
.blue-button-light,
.portal-button-light,
.green-button-dark,
.green-button-light {
    text-align: center;
    font-size: 1.7rem;
    padding: 10px 40px;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 600;
}

.white-button-light {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

    .white-button-light:hover {
        background-color: #fff;
        border: 1px solid #fff;
        color: #0078d4;
    }

.blue-button-light {
    background-color: transparent;
    border: 1px solid #0078d4;
    color: #0078d4;
}

    .blue-button-light:hover {
        background-color: #0078d4;
        border: 1px solid #0078d4;
        color: #fff;
    }


.blue-button-dark {
    background-color: #0078d4;
    border: 1px solid #0078d4;
    color: #fff;
}

    .blue-button-dark:hover {
        background-color: transparent;
        border: 1px solid #0078d4;
        color: #0078d4;
    }

.green-button-dark {
    background-color: #2ea73d;
    border: 1px solid #2ea73d;
    color: #fff;
    border-radius: 20px;
}

    .green-button-dark:hover {
        background-color: transparent;
        border: 1px solid #2ea73d;
        color: #2ea73d;
        border-radius: 20px;
    }

.green-button-light {
    background-color: transparent;
    border: 1px solid #2ea73d;
    color: #2ea73d;
    border-radius: 20px;
}

    .green-button-light:hover {
        background-color: #2ea73d;
        border: 1px solid #2ea73d;
        color: #fff;
        border-radius: 20px;
    }

.portal-button-dark {
    background-color: #33344a;
    border: 1px solid #33344a;
    color: #fff;
}

    .portal-button-dark:hover {
        background-color: transparent;
        border: 1px solid #33344a;
        color: #33344a;
    }

.portal-button-light {
    background-color: transparent;
    border: 1px solid #33344a;
    color: #33344a;
}

    .portal-button-light:hover {
        background-color: #33344a;
        border: 1px solid #33344a;
        color: #fff;
    }

.blue-button,
.black-button {
    margin-top: 2rem;
    background-color: #0078d4;
    border: none;
    color: #fff;
    text-align: center;
    font-size: 1.8rem;
    padding: 12px 35px 14px 25px;
    min-width: 160px;
    transition: all 0.5s;
    cursor: pointer;
    /*font-weight: 600;*/
    margin-right: 30px;
}



.modal-body .blue-button-dark, .modal-body .blue-button-light {
    padding: 5px 20px !important;
}

.black-button {
    background-color: #000 !important;
}

    .blue-button a,
    .blue-button a:hover,
    .blue-button a:visited,
    .blue-button a:focus,
    .black-button a,
    .black-button a:hover,
    .black-button a:visited,
    .black-button a:focus {
        color: #ffffff !important;
    }

        .blue-button a:hover,
        .blue-button a:focus,
        .blue-button:hover,
        .blue-button:focus,
        .black-button a:hover,
        .black-button a:focus,
        .black-button:hover,
        .black-button:focus {
            color: #ffffff !important;
            text-decoration: none;
        }

        .blue-button a:hover,
        .blue-button a:visited,
        .black-button a:hover,
        .black-button a:visited {
            border-bottom: 2px solid #ffffff;
        }

    .blue-button span a,
    .black-button span a {
        text-decoration: none;
    }

    .blue-button span,
    .black-button span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.3s;
    }

        .blue-button span:after,
        .black-button span:after {
            content: '\203A';
            position: absolute;
            opacity: 1;
            top: -12px;
            /*right: -20px;*/
            transition: 0.3s;
            font-size: 3rem;
            font-weight: lighter;
            padding-left: 10px;
        }

    .blue-button:hover span,
    .black-button:hover span {
        padding-right: 10px;
    }

        .blue-button:hover span:after,
        .black-button:hover span:after {
            opacity: 1;
            right: -18px;
        }



.blue-button-blank {
    background-color: transparent;
    border: 1px solid #0078d4;
    color: #0078d4;
    text-align: center;
    font-size: 1.6rem;
    padding: 12px 35px 14px 25px;
    min-width: 160px;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 600;
}


    .blue-button-blank a:hover,
    .blue-button-blank a:focus,
    .blue-button-blank:hover,
    .blue-button-blank:focus {
        color: #ffffff !important;
        text-decoration: none;
        background-color: #005da6;
    }

    .blue-button-blank a:hover,
    .blue-button-blank a:visited {
        border-bottom: 2px solid #ffffff;
    }

.blue-link-ul,
.blue-link-ul:visited {
    font-size: 1.7rem;
    line-height: 24px;
    font-weight: 600 !important;
    transition: all 0.5s;
    cursor: pointer;
    border-bottom: 2px solid #0078d4;
}

.white-link-ul,
.white-link-ul:visited {
    font-size: 1.7rem;
    line-height: 24px;
    font-weight: 600 !important;
    transition: all 0.5s;
    cursor: pointer;
    color: #fff;
    border-bottom: 2px solid #fff;
}

    .blue-link-ul:hover,
    .blue-link-ul:focus,
    .white-link-ul:hover,
    .white-link-ul:focus {
        border-bottom: 2px solid transparent;
        text-decoration: none;
    }

.blue-link,
.blue-link:visited {
    font-size: 1.8rem;
    line-height: 24px;
    font-weight: 600 !important;
    transition: all 0.5s;
    cursor: pointer;
    color: #0078d4;
    border-bottom: 2px solid transparent;
}

    .blue-link:hover,
    .blue-link:focus {
        color: #005da6 !important;
        border-bottom: 2px solid #0078d4;
        text-decoration: none;
    }

    .blue-link span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.3s;
    }

        .blue-link span:after {
            content: '\203A';
            top: -2px;
            transition: 0.3s;
            font-size: 3.0rem;
            font-weight: lighter;
            position: absolute;
            padding-left: 10px;
        }

    .blue-link:hover span:after {
        padding-left: 15px;
    }

.header-btn {
    float: left;
    /*margin-top: -2px;*/
}

    .header-btn .blue-link {
        font-size: 1.3rem;
        font-weight: 500 !important;
        text-transform: uppercase;
        padding: 4px 10px 4px 10px;
        border: 1px solid #0078d4;
        background-color: #0078d4;
        margin-left: 20px;
        color: #fff !important;
    }

        .header-btn .blue-link:hover {
            /*text-decoration: underline !important;*/
            background-color: transparent;
            color: #0078d4 !important;
        }

.yellow-link {
    font-size: 1.6rem;
    line-height: 24px;
    font-weight: 600 !important;
    transition: all 0.5s;
    cursor: pointer;
    font-weight: 600;
    color: #e3e134;
    border-bottom: 2px solid transparent;
}

    .yellow-link:hover,
    .yellow-link:visited,
    .yellow-link:focus {
        color: #e3e134 !important;
        border-bottom: 2px solid #e3e134;
    }

    .yellow-link span {
        cursor: pointer;
        display: inline-block;
        position: relative;
        transition: 0.3s;
    }

        .yellow-link span:after {
            content: '\203A';
            top: -2px;
            transition: 0.3s;
            font-size: 3.0rem;
            font-weight: lighter;
            position: absolute;
            padding-left: 10px;
        }

    .yellow-link:hover span:after {
        padding-left: 15px;
    }

.white-link,
.black-link {
    font-size: 1.8rem;
    line-height: 24px;
    /*font-weight: 600;*/
    transition: all 0.5s;
    cursor: pointer;
    color: #ffffff;
    border-bottom: 2px solid transparent;
}

.black-link-dashboard {
    font-size: 1.6rem;
    line-height: 2.6rem;
    /*font-weight: 600;*/
    transition: all 0.5s;
    cursor: pointer;
    color: #191919;
    border-bottom: 2px solid transparent;
}

.black-link-rev {
    transition: all 0.3s;
    color: #191919;
    border-bottom: 1px solid #191919;
}

    .black-link-rev:hover {
        border-bottom: 1px solid transparent;
    }

.black-link {
    color: #191919;
}

.white-link:hover,
.white-link:visited,
.white-link:focus {
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff;
}

.white-link span,
.black-link span,
.black-link-dashboard span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.3s;
}

    .white-link span:after,
    .black-link span:after,
    .black-link-dashboard span:after {
        content: '\203A';
        top: -1px;
        transition: 0.3s;
        font-size: 3rem;
        font-weight: lighter;
        position: absolute;
        padding-left: 10px;
    }

.white-link:hover span:after,
.black-link:hover span:after,
.black-link-dashboard:hover span:after {
    padding-left: 15px;
}

.black-link:hover,
.black-link:visited,
.black-link:focus,
.black-link-dashboard:hover,
.black-link-dashboard:visited,
.black-link-dashboard:focus {
    color: #000000 !important;
    border-bottom: 2px solid #000000;
}

/*******************************************************/
/*********************************************************** flex styling ************************************/
.flex-container {
    display: flex;
    flex-wrap: wrap;
}

.prodTabs {
    background-color: #fff;
}

.flex-container.subMenu > div {
    width: 80%;
    background-color: #fff;
    /*border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;*/
    padding: 10px 20px 20px 10px;
}

.menuProducts.flex-container.subMenu > div {
    padding: 0px;
}

.flex-container.subMenu > div:first-child {
    width: 20%;
    background-color: #f9f9f9;
    /*text-align: center;
        border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;*/
    /*padding:5px;*/
    border-radius: 0;
}

.flex-container.prodTabs > div {
    width: 65%;
}

    .flex-container.prodTabs > div:first-child {
        align-self: center;
        width: 35%;
        padding-right: 5%;
    }

.flex-container.featBox > div:first-child {
    align-self: center;
    min-height: unset;
    box-shadow: none;
    background-color: transparent;
}

.flex-container.featBox .post-slide > h3 {
    font-size: 2rem !important;
    font-weight: 600;
    color: #303030 !important;
    transition: all 0.30s linear 0s;
    padding-top: 10px;
    padding-bottom: 10px;
}

.flex-container.videoSec > div {
    width: 60%;
}

    .flex-container.videoSec > div:first-child {
        align-self: center;
        width: 40%;
        padding-right: 2%;
    }

.flex-container.needHelp > div {
    align-self: center;
    width: 30%;
}

.flex-container.newsSec > div {
    width: 32%;
    padding: 10px;
}

.flex-container.storySec > div {
    width: 50%;
    padding: 5px;
}

.flex-container.leadingSolSec > div,
.flex-container.Percent50 > div {
    width: 50%;
    padding: 30px;
}

.ProdSubmenu-style.flex-container.Percent50 > a {
    width: 50%;
    padding: 5px 0px;
}

.ProdSubmenu-style.flex-container.Percent50 > div {
    width: 50%;
    padding: 20px 30px;
}

.flex-container.leadingSolSec > div,
.flex-container.Percent49 > div {
    width: 49%;
    padding: 30px;
}

.flex-container.leadingSolSec > div,
.flex-container.Percent45 > div {
    width: 45%;
    padding: 30px;
}

.flex-container.leadingSolSec > div,
.flex-container.Percent33 > div {
    width: 33%;
    padding: 20px;
}

.flex-container.leadingSolSec > div,
.flex-container.Percent12 > div {
    width: 12%;
    padding: 20px;
}

.flex-container.leadingSolSec > div,
.flex-container.Percent11 > div {
    width: 11%;
    padding: 20px;
}

.flex-container.intSec > div {
    width: 40%;
    /*padding: 30px;*/
}

    .flex-container.intSec > div:first-child {
        width: 60%;
        padding-right: 4rem;
    }

.flex-container.msync > div {
    width: 55%;
}

    .flex-container.msync > div:first-child {
        width: 45%;
    }

.flex-container.reqSec > div {
    width: 45%;
    padding: 2rem;
}

    .flex-container.reqSec > div:first-child {
        width: 55%;
    }

.flex-container.reqPric > div {
    width: 70%;
}

    .flex-container.reqPric > div.thumb {
        width: 28%;
    }


.flex-container.priceSec > div {
    width: 40%;
}

    .flex-container.priceSec > div:first-child {
        width: 60%;
    }

/*.flex-container.pricing {
    justify-content: space-between;
}

    .flex-container.pricing > div {
        display: flex;
        width: 45%;
    }*/

.flex-container.Percent11 > div {
    width: 11%;
    margin-top: 2rem;
}

.flex-container.Percent12 > div {
    width: 12%;
    margin-top: 2rem;
}

.flex-container.Percent19 > div {
    width: 19%;
    padding: 2rem;
    margin-top: 2rem;
}

.flex-container.Percent19 > li {
    width: 19%;
    padding: 2rem;
}

.flex-container.Percent20 > div {
    width: 20%;
    padding: 2rem;
    margin-top: 2rem;
}

.flex-container.Percent25 > div {
    width: 25%;
    padding: 2rem;
    margin-top: 2rem;
}

.flex-container.Percent31 > div {
    width: 31%;
}

.flex-container.Percent30 > div {
    width: 30%;
    padding: 2rem;
    margin-top: 2rem;
}

.flex-container.MSFeatures > div {
    width: 33%;
    margin-top: 2rem;
    padding: 20px;
}

.flex-container.Percent33 > div {
    width: 33%;
    margin-top: 2rem;
}

.flex-container.MSAddons > div {
    width: 33%;
}

.flex-container.MSSPlans > div {
    width: 25%;
}

.flex-container.Percent45 > div {
    width: 45%;
    margin-top: 2rem;
}

.flex-container.Percent49 > div {
    width: 49%;
    margin-top: 2rem;
}

.flex-container.Percent50 > div {
    width: 50%;
    margin-top: 2rem;
}

.flex-container.csp > div {
    width: 50%;
}

    .flex-container.csp > div:first-child {
        width: 50%;
    }

.flex-container.cMenu > div {
    width: 82%;
    padding: 15px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #c3c3c3;
}

    .flex-container.cMenu > div:first-child {
        width: 18%;
        padding: 0;
        background-color: #d9d9d9;
    }

.flex-container.Trial > div {
    width: 35%;
}

    .flex-container.Trial > div:first-child {
        width: 65%;
    }

.flex-wrap-initial {
    flex-wrap: initial;
}

.spaceBTW {
    justify-content: space-between;
}

.flex-container.PopupInfo > div {
    width: 70%;
}

    .flex-container.PopupInfo > div:first-child {
        width: 30%;
    }

.flex-container.PlansAndResources > div {
    width: 30%;
}

    .flex-container.PlansAndResources > div:first-child {
        width: 40%;
    }

.flex-container.Scenarios > div {
    width: 60%;
}

    .flex-container.Scenarios > div.content {
        width: 40%;
    }
/****************************** forms **************************/
.CC li {
    line-height: 30px !important;
}

.formsAlert {
    background-color: transparent;
    border: 0px solid #dedbd6;
    font-size: 1.5rem;
    text-align: center;
}

.alert-success {
    color: Green !important;
}

.alert-danger {
    color: red;
}

.form-control {
    font-size: 1.5rem;
    line-height: 1.42857143;
    color: #555;
    -webkit-appearance: listbox;
    -moz-appearance: listbox;
    -ms-appearance: listbox;
    -o-appearance: listbox;
    appearance: listbox;
}

.machsol-forms {
    font-size: 1.5rem;
    color: #555;
}

    .machsol-forms .formsCB label {
        padding-left: 10px;
    }

    .machsol-forms.p-t-form {
        padding-top: 16rem !important;
    }

    .machsol-forms h3,
    .machsol-forms p {
        color: #191919;
        text-align: center;
    }

    .machsol-forms h2 {
        color: #0078d4;
        text-align: center;
    }

    .machsol-forms.forms-bg h2,
    .machsol-forms.forms-bg p {
        text-align: center;
        padding-left: 10px;
    }

    .machsol-forms.forms-bg h2 {
        font-size: 3.0rem !important;
    }
/* .login-detail .forms-right-section,
    .register-form .forms-right-section,
    .forget-detail .forms-right-section {
        min-height: 400px !important;
    }*/

.forms-right-section {
    background-color: #f9f9f9;
    background-repeat: repeat;
    padding: 20px 0 40px 0px;
}

    .forms-right-section h3 {
        padding-top: 40px;
        font-size: 2.4rem !important;
        padding-bottom: 20px;
    }

    .forms-right-section p {
        text-align: center;
    }

.forget-form-img {
    margin-top: -40px;
}

.machsol-forms.forms-bg {
    padding-top: 70px;
    padding-bottom: 70px !important;
    background-image: url(../../images/forms/forms-background-image.jpg);
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 600px;
}

.forms-background {
    border-radius: 7px !important;
    background-color: #ffffff;
    margin: auto;
    /*padding-bottom: 40px;*/
    box-shadow: 0 .125rem .5rem 0 rgba(0,0,0,.2);
    width: 90%;
}

.machsol-forms h2 {
    font-size: 3.2rem !important;
    padding-bottom: 5px;
}

.machsol-forms .forget-detail h2 {
    padding-bottom: 5px;
}


.machsol-forms p {
    font-size: 1.6rem !important;
    line-height: 25px !important;
}

.form-group {
    margin-bottom: 15px;
}

    .form-group .form-line {
        /*width: 96%;*/
        position: relative;
    }

.form-label-group {
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;
}

.formValidator {
    font-size: 1.2rem;
}

input[type="text"].form-control,
input[type="password"].form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    height: 45px;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.PlansAndResources input[type="text"].form-control {
    font-size: 1.6rem;
    height: 30px;
    width: 70%;
}

.machsol-forms.forms-bg input[type="text"].form-control,
.machsol-forms.forms-bg input[type="password"].form-control {
    background-color: transparent !important;
}

.form-control.country-list {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: 45px;
}


.form-group .form-line.focused .form-label {
    top: -10px;
    left: 10px;
    font-size: 1.3rem !important;
    background-color: #f2f2f2;
    color: #1a73e8 !important;
}

.dashboard-body .form-line.focused .form-label {
    color: #33344a !important;
}

.machsol-forms.forms-bg .form-group .form-line.focused .form-label {
    background-color: #fff !important;
}

.form-group .form-line.focused:after {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}



.form-group .form-line:after {
    content: '';
    position: absolute;
    left: 10px;
    width: 100%;
    height: 0;
    bottom: -1px;
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition: 0.25s ease-in;
    -o-transition: 0.25s ease-in;
    -webkit-transition: 0.25s ease-in;
    transition: 0.25s ease-in;
    /*border-bottom: 2px solid #1f91f3; MachSol:Commented for all theme*/
}

.form-group .form-line .form-label {
    color: #aaa;
    position: absolute;
    top: 13px;
    left: 9px;
    cursor: text;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    font-size: 1.3rem;
}

.form-container .form-group {
    margin-bottom: 15px !important;
}

.machsol-forms .form-control.country-list,
.machsol-forms input[type="text"].form-control,
.machsol-forms input[type="password"].form-control {
    border-bottom: 1px solid #ececec !important;
    border: 0px solid #ced4da;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    border-radius: 0px;
}

.machsol-forms.forms-bg .form-control.country-list,
.machsol-forms.forms-bg input[type="text"].form-control,
.machsol-forms.forms-bg input[type="password"].form-control,
.machsol-forms.forms-bg .form-control {
    border-bottom: 1px solid #d9d9d9 !important;
    background-color: transparent !important;
}

.machsol-forms .form-group .form-line .form-label {
    font-size: 1.4rem;
    color: #aaa;
}

.form-control.country-list {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: 45px;
}

#pricing-page .form-control.country-list {
    border: 0px solid #ced4da;
    border-radius: .25rem;
    height: 45px;
    background-color: #f9f9f9;
}

#pricing-page .form-container .form-control.country-list {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    height: 45px;
    background-color: #fff;
}

.login-detail, .forget-detail, .register-form, .contact-form {
    width: 50%;
    margin: auto;
    padding: 3rem;
}

    .login-detail .forms-content {
        float: left;
        width: 100%;
    }

    .forget-detail .forms-content {
        min-height: 280px;
    }

.form-button {
    background-color: #0078d4;
    border: 1px solid #0078d4;
    color: #fff;
    padding: 14px 45px;
    transition: all 0.5s;
    font-size: 1.7rem;
}

    .form-button:hover {
        background-color: #fff;
        border: 1px solid #0078d4;
        color: #0078d4;
        padding: 14px 45px;
        transition: all 0.5s;
    }

    .form-button:disabled {
        /*cursor: not-allowed;*/
        /*cursor: text !important;*/
        pointer-events: none;
        background-color: #a2a2a2;
        border: 1px solid #8e8e8e;
    }

.forms-footer {
    font-size: 1.6rem !important;
    color: #191919 !important;
    margin-top: 20px;
}

.padding-all-sides {
    padding: 35px 20px 35px 20px;
}
/************************************** Banner styling ***********************************************/
.banner-content {
    width: 50%;
    padding-left: 0;
    padding-right: 0;
}

.main-banner {
    background-image: url(../../images/banners/main-banner-lg.jpg);
}

.about-page-banner {
    background-image: url(../../images/banners/about-banner.png);
}

.whyus-page-banner {
    background-image: url(../../images/banners/whyus-banner.png);
}

.promotions-page-banner {
    background-image: url(../../images/banners/promotions-banner.png);
}

.accreditation-page-banner {
    background-image: url(../../images/banners/accreditation-banner.png);
}

.artwork-page-banner {
    background-image: url(../../images/banners/artwork-banner.png);
}

.testimonials-page-banner {
    background-image: url(../../images/banners/testimonials-banner.png);
}

.legal-page-banner {
    background-image: url(../../images/banners/legal-banner.png);
}

.terms-page-banner {
    background-image: url(../../images/banners/terms-banner.png);
}

.eula-page-banner {
    background-image: url(../../images/banners/eula-banner.png);
}

.privacy-page-banner {
    background-image: url(../../images/banners/privacy-banner.png);
}

.trademarks-page-banner {
    background-image: url(../../images/banners/trademarks-banner.png);
}

.copyright-page-banner {
    background-image: url(../../images/banners/copyright-banner.png);
}

.banner-exchange-migration {
    background: url(../../images/banners/banner-exchange-migration.png);
}

#banner-exchange-migration-bg {
    background: url(../../images/banners/banner-exchange-migration-bg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    min-height: 550px;
    margin-top: 70px;
}

.banner-exchange-migration {
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 65vh !important;
    margin-top: 7.8rem;
}

.exchange-page-banner {
    background-image: url(../../images/banners/exchange-page-banner.jpg);
}

.signatures-page-banner {
    background-image: url(../../images/banners/signatures-page-banner.jpg);
}

.cloud-migration-page-banner {
    background-image: url(../../images/banners/cloud-migration-page-banner.jpg);
}

.cloudblue-page-banner {
    background-image: url(../../images/banners/cloudblue-page-banner.jpg);
}

.mp-page-banner {
    background-image: url(../../images/banners/machpanel-page-banner.jpg);
}

.hybrid-page-banner {
    background-image: url(../../images/banners/hybrid-page-banner.jpg);
}

.adsync-page-banner {
    background-image: url(../../images/banners/adsync-page-banner.jpg);
}

.idsync-manager-page-banner {
    background-image: url(../../images/banners/machsync-page-banner.png);
}

.products-page-banner {
    background-image: url(../../images/banners/products-page-banner.jpg);
}

.partners-page-banner {
    background-image: url(../../images/banners/partners-page-banner.jpeg);
}

.CSP-page-banner {
    background: url(../../images/banners/csp-page-banner.jpg);
}

.vps-page-banner {
    background-image: url(../../images/banners/vps-page-banner.jpg);
}

.sharepoint-page-banner {
    background: url(../../images/banners/sharepoint-page-banner.jpg);
}

.crm-page-banner {
    background: url(../../images/banners/crm-page-banner.jpg);
}

.sfb-page-banner {
    background: url(../../images/banners/skype4b-page-banner.jpg);
}

.rds-page-banner {
    background: url(../../images/banners/rds-page-banner.jpg);
}

.adm-page-banner {
    background: url(../../images/banners/adm-page-banner.png);
}

.wf-page-banner {
    background: url(../../images/banners/wf-page-banner.jpg);
}

.wh-page-banner {
    background: url(../../images/banners/wh-page-banner.jpg);
}

.turnkey-page-banner {
    background: url(../../images/banners/tk-page-banner.jpg);
}

.migration-page-banner {
    background: url(../../images/banners/ms-page-banner.jpg);
}

.training-page-banner {
    background: url(../../images/banners/ts-page-banner.jpg);
}

.professional-page-banner {
    background: url(../../images/banners/ps-page-banner.jpg);
}

.support-page-banner {
    background: url(../../images/banners/support-page-banner.jpg);
}

.locations-page-banner {
    background: url(../../images/banners/office-locations.jpg);
}


.main-banner,
.about-page-banner,
.whyus-page-banner,
.promotions-page-banner,
.accreditation-page-banner,
.artwork-page-banner,
.testimonials-page-banner,
.legal-page-banner,
.terms-page-banner,
.eula-page-banner,
.privacy-page-banner,
.trademarks-page-banner,
.copyright-page-banner,
.exchange-page-banner,
.signatures-page-banner,
.cloud-migration-page-banner,
.cloudblue-page-banner,
.mp-page-banner,
.hybrid-page-banner,
.adsync-page-banner,
.sharepoint-page-banner,
.crm-page-banner,
.sfb-page-banner,
.rds-page-banner,
.adm-page-banner,
.wf-page-banner,
.wh-page-banner,
.idsync-manager-page-banner,
.CSP-page-banner,
.vps-page-banner,
.pricing-banner,
.products-page-banner,
.turnkey-page-banner,
.migration-page-banner,
.training-page-banner,
.professional-page-banner,
.support-page-banner,
.partners-page-banner,
.locations-page-banner {
    background-color: #141e27;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 75vh !important;
    margin-top: 7.8rem;
}

.cloudblue-bg {
    background-color: #141e27;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 60vh !important;
    background-image: url(../../images/cloudblue-bg.jpeg);
}

.banner-small-heading {
    font-size: 2.2rem;
    font-weight: 500;
    color: #ffffff;
    line-height: 2rem;
    padding-left: 3px;
}


.banner-super-heading {
    color: #0078d4;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0;
    display: block;
    line-height: 4rem;
    font-size: 3.6rem;
}

.banner-sub-heading {
    font-size: 2.3rem;
    font-weight: lighter;
    padding-top: 1rem;
    display: inline-block;
    line-height: 3.4rem;
    color: #ffffff;
    /*text-transform: uppercase;*/
}

.main-banner p,
.about-page-banner p,
.whyus-page-banner p,
.promotions-page-banner p,
.accreditation-page-banner p,
.artwork-page-banner p,
.testimonials-page-banner p,
.legal-page-banner p,
.terms-page-banner p,
.eula-page-banner p,
.privacy-page-banner p,
.trademarks-page-banner p,
.copyright-page-banner p,
.banner-exchange-migration p,
.exchange-page-banner p,
.signatures-page-banner p,
.cloud-migration-page-banner p,
.cloudblue-page-banner p,
.mp-page-banner p,
.hybrid-page-banner p,
.adsync-page-banner p,
.sharepoint-page-banner p,
.crm-page-banner p,
.sfb-page-banner p,
.rds-page-banner p,
.adm-page-banner p,
.wf-page-banner p,
.wh-page-banner p,
.CSP-page-banner p,
.vps-page-banner p,
.turnkey-page-banner p,
.migration-page-banner p,
.training-page-banner p,
.professional-page-banner p,
.support-page-banner p,
.idsync-manager-page-banner p {
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 2.5rem;
    padding-top: 3rem;
}

.main-banner-button {
    margin-top: 3rem;
}

    .main-banner-button .blue-button {
        margin-right: 3rem;
    }




#nav-contact {
    z-index: 0;
    right: 0;
    left: 0;
    position: absolute;
    margin-top: 20px;
}

    #nav-contact > .container > .flex-container {
        background: rgba(0,0,0,0.4);
        padding: 5px 10px;
    }

        #nav-contact > .container > .flex-container .phone-number {
            font-size: 1.4rem;
        }


.flex-container div {
    /*margin: 10px;
    padding: 20px;*/
    scrollbar-width: thin;
}

.CSP-Purchase-Text {
    /*width: 40%;
    padding-left: 30px;*/
    text-align: left;
    font-size: 1.6rem;
}

.CSPStore-Features {
    /*width: 40%;*/
    text-align: left;
}

.pricing-banner {
    background-color: #24303e;
    background-repeat: repeat;
    min-height: 400px;
    min-height: 40vh !important;
}

    .pricing-banner .banner-content {
        text-align: center;
        position: relative;
        float: none;
        margin-top: 50px;
        width: 100%;
    }

    .pricing-banner .banner-super-heading {
        color: #ffffff;
        /*text-transform: uppercase;*/
        letter-spacing: 0;
        display: block;
        line-height: 50px;
        font-size: 4.5rem;
        font-weight: 600;
    }

    .pricing-banner p {
        color: #ffffff;
        font-size: 2.0rem !important;
        line-height: 25px;
        padding-top: 15px;
    }


span.headingL {
    line-height: 0.5;
    color: #0078d4 !important;
    font-size: 2.5rem !important;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 3px;
}

/*.static-menu li a.dropdown-toggle,
.static-menu li a.link,
.static-menu li a.dropdown-toggle span:after,
.dark-banner .change-menu .static-menu li a.dropdown-toggle,
.dark-banner .change-menu .static-menu li a.link,
.dark-banner .change-menu .static-menu li a.dropdown-toggle span:after {
    color: #191919;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    border-bottom: 2px solid transparent;
}

    .static-menu li a.dropdown-toggle:hover,
    .static-menu li a.link:hover,
    .dark-banner .change-menu .static-menu li a.dropdown-toggle:hover,
    .dark-banner .change-menu .static-menu li a.link:hover {
        color: #191919 !important;
        border-bottom: 2px solid #191919;
    }

.dark-banner .static-menu li a.dropdown-toggle:hover,
.dark-banner .static-menu li a.link:hover {
    color: #f8f8f8 !important;
    border-bottom: 2px solid #f8f8f8;
}

.dark-banner .static-menu li a.dropdown-toggle,
.dark-banner .static-menu li a.link,
.dark-banner .static-menu li a.dropdown-toggle span:after {
    color: #ffffff;
}*/

/***************************************************** home page tabs ****************************************/
.home-page-tabs {
    padding-right: 0px !important;
}

    .home-page-tabs img {
        padding-right: 0px !important;
        box-shadow: 0 1.2px 3.6px #0000001c,0 6.4px 14.4px #00000021;
        max-height: 55rem;
        float: right;
    }

.home-page-tabs-exchange,
.home-page-tabs-csp,
.home-page-tabs-vps,
.home-page-tabs-skype,
.home-page-tabs-crm,
.home-page-tabs-sharepoint,
.home-page-tabs-adsync,
.home-page-tabs-machsync {
    background-repeat: no-repeat;
    background-position: right center;
    padding: 10px 0 0px 0px;
    padding-right: 0px;
    padding-left: 0px;
    float: left;
    min-height: 450px !important;
    position: relative;
    padding-right: 0px !important;
    /*box-shadow: 0 1.2px 3.6px #0000001c,0 6.4px 14.4px #00000021;*/
    float: right;
    background-size: cover;
    border-radius: 15px;
}



.home-page-tabs-exchange {
    background-image: url(../../images/home-page/exchange-tab.jpg);
}

.home-page-tabs-csp {
    background-image: url(../../images/home-page/csp-tab.jpg);
}


.home-page-tabs-vps {
    background-image: url(../../images/home-page/vps-tab.jpg);
}


.home-page-tabs-skype {
    background-image: url(../../images/home-page/skype-tab.jpg);
}

.home-page-tabs-adsync {
    background-image: url(../../images/home-page/adsync-tab.jpg);
}

.home-page-tabs-machsync {
    background-image: url(../../images/home-page/machsync-tab.jpg);
}

.home-page-tabs-crm {
    background-image: url(../../images/home-page/crm-tab.jpg);
}

.home-page-tabs-sharepoint {
    background-image: url(../../images/home-page/sharepoint-tab.jpg);
}

.banner-tabs .nav-tabs {
    height: 47px !important;
}

.tabs-section .tab-content {
    margin-top: 2rem;
    padding-left: 0px !important;
}

#pricing-page .tab-content {
    margin-top: 0 !important;
}

.tabs-section .nav-tabs {
    border-bottom: 1px solid #c6c6c6;
    height: 35px;
}

    .tabs-section .nav-tabs > li.active {
        border-bottom: 4px solid #0078d4 !important;
        background-color: #f9f9f9;
    }

    .tabs-section .nav-tabs > li a:hover {
        background-color: #f9f9f9 !important;
        border: 1px dashed #000;
        color: #000000 !important;
    }

    .tabs-section .nav-tabs > li a {
        background-color: transparent !important;
        color: #000000 !important;
        text-align: center;
        font-size: 1.7rem;
    }

    .tabs-section .nav-tabs > li.active a {
        color: #000000 !important;
        font-weight: 700 !important;
    }

.tabs-section .horizontal__tabs {
    padding-right: 0px !important;
}

    .tabs-section .horizontal__tabs h4 {
        color: #191919 !important;
        font-size: 2.4rem !important;
        line-height: 3.2rem;
        text-align: left;
        font-weight: 600;
    }

    .tabs-section .horizontal__tabs h5 {
        color: #000000 !important;
        font-size: 1.8rem;
        line-height: 3rem;
        padding-top: 1rem;
        text-align: left;
    }

    .tabs-section .horizontal__tabs p {
        text-align: left;
        padding-top: 2.5rem;
        /*margin-bottom: 4.8rem;*/
    }

    .tabs-section .horizontal__tabs #Enterprise p {
        text-align: left;
        margin-bottom: 2rem;
    }

.horizontal__tabs .post-slide {
    min-height: 370px;
}

.horizontal__tabs .post-title {
    padding-top: 5px;
}

.explore-more .post-slide {
    /*background-color: #f9f9f9;*/
    min-height: 0px !important;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 0px 20px 35px 20px;
    font-size: 2rem;
    box-shadow: none;
    margin: 0px 10px 15px 10px;
    text-align: left;
    width: 31%;
    flex-grow: 0;
}

    .explore-more .post-slide:hover {
        box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    }

.explore-more h3 {
    font-size: 1.9rem !important;
}

.explore-more h5,
.explore-more p {
    /*text-align: center !important;*/
}

.explore-more p {
    margin-bottom: 2rem !important;
    min-height: 15rem;
}

.explore-more .post-title-sub-heading {
    font-weight: 500 !important;
    font-size: 1.6rem !important;
}

.tabs-section .five-tabs .nav-tabs > li {
    width: 16% !important;
}

    .tabs-section .five-tabs .nav-tabs > li a {
        font-size: 1.3rem !important;
    }

.tabs-section.home-page-tabs .nav-tabs > li {
    width: 14%;
}

/*begin banner tabs css*/
.tabs-section .banner-tabs {
    /*padding: 8px 0px 8px 8px;*/
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.15);
    border-radius: 38px;
    margin-top: 25px !important;
    width: 70%;
    margin: auto;
}

    .tabs-section .banner-tabs .nav-tabs {
        border-bottom: 1px !important;
    }

        .tabs-section .banner-tabs .nav-tabs > li {
            width: 33%;
        }

            .tabs-section .banner-tabs .nav-tabs > li.active {
                background-color: #fff;
                box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
                border-radius: 30px;
                border-bottom: 0px !important;
                transition: transform .15s ease-in-out;
            }






            .tabs-section .banner-tabs .nav-tabs > li a:hover {
                background-color: transparent !important;
                border: 0px dashed #000;
                color: #f5f5f5 !important;
            }

            .tabs-section .banner-tabs .nav-tabs > li > a {
                font-size: 2.0rem;
                color: #fff !important;
            }

            .tabs-section .banner-tabs .nav-tabs > li.active > a {
                color: #191919 !important;
            }
/*end banner tabs css*/

#Enterprise .enterprise-listing-header {
    background-color: #0078d4;
    padding: 15px 0px 15px 0px;
    color: #ffffff;
    font-size: 1.8rem;
}

#Enterprise .enterprise-listing-body {
    background-color: #fcfcfc;
    padding: 15px 0px 15px 0px;
    color: #191919;
    font-size: 1.6rem;
    line-height: 27px;
    margin-top: 10px;
}

#pricing-page .board-inner .nav-tabs > li {
    width: 12%;
    white-space: nowrap;
}

#pricing-page .page-header {
    display: flex;
    padding: 17px 20px;
    align-items: center;
    margin: 0px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: -85px;
    box-shadow: 0 .125rem .5rem 0 rgba(0,0,0,.2);
}

    #pricing-page .page-header h5 {
        padding-top: 0px;
        line-height: 0.5;
        color: #0078d4 !important;
        font-size: 3.5rem !important;
        font-weight: 700;
        padding-top: 10px;
        padding-bottom: 3px;
    }

    #pricing-page .page-header h6 {
        padding-top: 0px;
        line-height: 20px;
        color: #191919 !important;
        font-size: 1.6rem !important;
        font-weight: 500;
    }

    #pricing-page .page-header .module-name {
        border-right: 1px solid #fbf6f6;
    }

    #pricing-page .page-header .setup-fee {
        color: #191919;
        font-size: 2.0rem;
        text-align: center;
    }

#pricing-page .setup-fee {
    color: #191919;
    font-size: 2.0rem;
}

#pricing-page .current-fee {
    color: #0078d4;
    font-size: 3.5rem;
    font-weight: 700;
}

#pricing-page .volume-licensing {
    display: flex;
    padding: 40px 20px 40px 20px;
    align-items: center;
    margin: 0 0 30px 0;
    background-color: #fff;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .15);
    border-radius: 10px;
}

    #pricing-page .volume-licensing h5 {
        padding-top: 0px;
        font-size: 2.0rem !important;
    }

#pricing-page .board-inner {
    margin-top: 10px;
}

#pricing-page .box {
    margin-top: 0px;
    border-top: 5px solid #24303e !important;
    border-radius: 7px !important;
    background-color: #ffffff;
    /*margin: 2% 0%;*/
    padding-bottom: 3%;
    box-shadow: 0 .125rem .5rem 0 rgba(0,0,0,.2);
    /*display: inline-block;
        width: 100%;*/
}

#pricing-page .box-content {
    padding: 20px 10px 0px 10px;
    width: 100%;
}

#pricing-page .pricing-img {
    text-align: center;
    margin-bottom: 15px;
}

#pricing-page .box_subsection_1 {
    /*margin-top: 15px;*/
}

#pricing-page .box_subsection_2 {
    padding: 25px 0px 10px 0px;
}

#pricing-page .box_subsection_3 {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

#pricing-page .box_subsection_4 {
    padding-bottom: 25px;
}

#pricing-page .vBox {
    border-left: 5px solid #b3b3b3 !important;
    border-radius: 7px !important;
    background-color: #ffffff;
    margin: 2% 0%;
    /*padding-bottom: 3%;*/
    box-shadow: 0 .125rem .5rem 0 rgba(0,0,0,.2);
    display: inline-block;
    width: 100%;
}

#pricing-page .pricing-plans .box-content h3 {
    font-size: 2.1rem;
    line-height: 40px;
    font-weight: 600;
    color: #191919;
    text-align: center;
    padding-bottom: 3px;
    padding-top: 3px;
    background-color: #d9d9d9;
    border-radius: 20px;
}

#pricing-page .pricing-plans .box-content h4 {
    font-size: 4.0rem !important;
    line-height: 40px;
    font-weight: 600;
    color: #0078d4 !important;
    text-align: center;
}

#pricing-page .pricing-plans .box-content h6 {
    font-size: 1.6rem !important;
    line-height: 30px;
    font-weight: 600;
    padding-bottom: 0px;
    color: #191919 !important;
    text-align: center;
}

#pricing-page .pricing-plans #ExploreMore .box-content h3 {
    font-size: 2.1rem !important;
    line-height: 40px;
    font-weight: 600;
    color: #191919;
    text-align: left;
    padding: 1rem;
    background-color: #f9f9f9;
    border-radius: 20px;
}

#pricing-page .pricing-plans #ExploreMore .box-content h4 {
    font-size: 4.0rem !important;
    line-height: 40px;
    font-weight: 600;
    color: #0078d4 !important;
    text-align: left;
}

#pricing-page .pricing-plans #ExploreMore .box-content h6 {
    font-size: 1.6rem !important;
    line-height: 30px;
    font-weight: 600;
    padding: 1rem;
    color: #191919 !important;
    text-align: left;
}

.box_subsection_3 .blue-button {
    border: 1px solid #0078d4;
    padding: 8px 35px 10px 30px !important;
    margin-right: auto;
}

    .box_subsection_3 .blue-button:hover {
        /*padding: 8px 35px 10px 30px !important;*/
        background-color: #fff;
        border: 1px solid #0078d4;
        color: #0078d4 !important;
        /*text-decoration: underline;
            transition: all 0.5s;*/
    }

.pFeatures {
    font-size: 1.5rem !important;
    color: #191919 !important;
    line-height: 25px !important;
}

    /*li {
    border-left: 2px solid #0078d4;
}*/

    .pFeatures ul {
        padding-top: 10px;
        list-style: none;
        counter-reset: steps;
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }

        .pFeatures ul li {
            counter-increment: steps;
            line-height: 35px;
        }

            .pFeatures ul li::before {
                content: '✓';
                margin-right: 0.7rem;
                background: #191919;
                color: #fff;
                width: 1.3em;
                height: 1.3em;
                border-radius: 50%;
                display: inline-grid;
                place-items: center;
                line-height: 1.2em;
            }

.pricing-content-area p {
    font-size: 1.6rem !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
}

/* Slider switch*/
.time-duration {
    padding-top: 10px;
}

    .time-duration span {
        cursor: pointer;
        font-weight: bold;
        top: -9px;
        position: relative;
        font-size: 1.7rem;
    }

#color_mode {
    width: 0px;
    height: 0px;
}

.btn-color-mode-switch {
    display: inline-block;
    margin: 0px;
    position: relative;
    font-size: 1.3rem;
}

    .btn-color-mode-switch > label.btn-color-mode-switch-inner {
        margin: 0px;
        width: 53px;
        height: 25px;
        background: #fff;
        border-radius: 26px;
        overflow: hidden;
        position: relative;
        transition: all 0.3s ease;
        /*box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset;*/
        display: block;
        color: #191919;
        cursor: pointer;
        border: 1px solid #D5D5D5;
    }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner:before {
            content: attr(data-on);
            position: absolute;
            font-size: 1.3rem;
            font-weight: 500;
            top: 7px;
            right: 20px;
            cursor: pointer;
        }

        .btn-color-mode-switch > label.btn-color-mode-switch-inner:after {
            content: attr(data-off);
            width: 19px;
            height: 19px;
            background: #0078d4;
            border-radius: 26px;
            position: absolute;
            left: 2px;
            top: 2px;
            text-align: center;
            transition: all 0.3s ease;
            box-shadow: 0px 0px 6px -2px #fff;
            padding: 5px 0px;
        }

    .btn-color-mode-switch > .alert {
        display: none;
        background: #fff;
        border: none;
        /*color: #0078d4;*/
    }

    .btn-color-mode-switch input[type="checkbox"] {
        cursor: pointer;
        width: 50px;
        height: 25px;
        opacity: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        margin: 0px;
    }

        .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
            /*background: #0078d4;*/
            color: #0078d4;
        }

            .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:after {
                content: attr(data-on);
                left: 30px;
                /*background: #0078d4;*/
                color: #191919;
            }

            .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner:before {
                content: attr(data-off);
                right: auto;
                left: 20px;
            }

        .btn-color-mode-switch input[type="checkbox"]:checked + label.btn-color-mode-switch-inner {
            /*background: #66BB6A; */
            /*color: #fff;*/
        }

        .btn-color-mode-switch input[type="checkbox"]:checked ~ .alert {
            display: block;
        }

ul li.tick {
    line-height: 25px;
    list-style-image: url('../../images/icons/bullet-tick.png');
    font-size: 1.4rem;
    padding-left: 10px;
}

ul li.cross {
    line-height: 25px;
    list-style-image: url('../../images/icons/bullet-cross.png');
    font-size: 1.4rem;
    padding-left: 10px;
}

.form-border-right {
    width: 1px;
    height: 200px;
    margin-top: 50px;
    background-color: #dfdfdf;
    background-repeat: repeat-x;
    float: left;
    margin-right: 15px;
    margin-left: 15px;
}

/*mode preview*/
.dark-preview {
    background: #0d0d0d;
}

.white-preview {
    background: #fff;
}

#accordion .panel {
    border: none;
    border-radius: 0;
    box-shadow: none;
    /*margin-bottom: 15px;*/
    position: relative;
}

    #accordion .panel:before {
        content: "";
        display: block !important;
        width: 1px;
        height: 100%;
        /*border: 1px dashed #6e8898 !important;*/
        position: absolute;
        top: 25px;
        left: 18px;
    }

    #accordion .panel:last-child:before {
        /*display: none;*/
    }

#accordion .panel-heading {
    padding: 0;
    border: none;
    border-radius: 0;
    position: relative;
}

#accordion .panel-title a {
    display: block;
    padding: 4px 30px 10px 50px;
    margin: 0;
    /*background: #fff;*/
    font-size: 1.5rem;
    font-weight: 700;
    /*letter-spacing: 1px;*/
    color: #1d3557;
    border-radius: 0;
    position: relative;
}

    #accordion .panel-title a:before,
    #accordion .panel-title a.collapsed:before {
        content: "\f107";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        width: 30px;
        height: 30px;
        line-height: 28px;
        background: transparent;
        border: 1px solid #0078d4;
        border-radius: 3px;
        font-size: 1.7rem;
        color: #0078d4;
        text-align: center;
        position: absolute;
        top: 0;
        left: 0;
        transition: all 0.3s ease 0s;
    }

    #accordion .panel-title a.collapsed:before {
        content: "\f105";
        background: #0078d4;
        border: 1px solid #0078d4;
        color: #fff;
    }

#accordion .panel-body {
    padding: 0px 30px 10px 10px;
    margin-left: 40px;
    /*background: #fff;*/
    border-top: none;
    font-size: 1.5rem;
    /*color: #6f6f6f;*/
    line-height: 2.5rem;
    /*letter-spacing: 1px;*/
}

#accordion a:hover, #accordion a:focus {
    text-decoration: none;
    outline: none;
}

#accordion h4 {
    line-height: 23px !important;
    text-align: left !important;
    /*border-bottom: 1px solid #dedbd6;*/
}
/**************************************************   nav products tabs ************************/

.nav-tabs > li {
    float: left;
    margin-bottom: -1px;
}

    .nav-tabs > li > a {
        margin-right: 2px;
        line-height: 1.42857143;
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
        color: #fff;
        cursor: default;
        background-color: #EB1919;
        border-bottom-color: transparent;
        border-width: 0;
    }

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0;
}

    .nav-tabs.nav-justified > li {
        float: none;
    }

        .nav-tabs.nav-justified > li > a {
            margin-bottom: .5rem;
            text-align: center;
            margin-right: 0;
            border-radius: .4rem;
        }

    .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover {
        border: 1px solid #ddd;
    }

.tab-content {
    padding: 1rem 1.5rem 0;
}

    .tab-content > .active {
        visibility: visible;
    }

.fade {
    transition: opacity .15s linear !important;
}

    .fade.in {
        opacity: 1 !important;
        padding-bottom: 25px;
    }

.post-slide, .col-xs-features {
    flex-grow: 1;
    width: 30%;
}

/*************************************************** machsync tabs */
#machsync.tabs-section.home-page-tabs .nav-tabs > li {
    width: 20% !important;
}

#machsync ul.nav-tabs {
    border-bottom: 0px;
}

#machsync .nav-tabs > li {
    color: #333;
    font-size: 2rem;
    font-weight: 600;
    cursor: default;
    padding: 8px 0px;
    border-bottom: 1px solid #dedbd6;
    /*border-width: 0;*/
}


    #machsync .nav-tabs > li > a {
        padding: 10px 20px;
        color: #333;
    }

    #machsync .nav-tabs > li.active > a,
    #machsync .nav-tabs > li.active > a:focus,
    #machsync .nav-tabs > li.active > a:hover {
        color: #fff;
        font-size: 2rem;
        font-weight: 600;
        cursor: default;
        background-color: #0078d4;
        padding: 10px 20px;
        /*border-bottom: 1px solid #0078d4;*/
        /*border-width: 0;*/
    }

/*#machsync .carousel-indicators {
    top: 102%;
}*/

#deployment_slider .carousel-control-prev.prev,
#usecase_slider .carousel-control-prev.prev {
    background-image: url(../../images/home-page/prev.png);
    left: -4%;
    height: 23px;
    width: 12px;
    opacity: 0.8;
    display: inline-block;
    position: absolute;
    bottom: 50%;
}

    #deployment_slider .carousel-control-prev.prev:hover,
    #usecase_slider .carousel-control-prev.prev:hover {
        background-image: url(../../images/home-page/prev-hover.png);
    }

#deployment_slider .carousel-control-next.next,
#usecase_slider .carousel-control-next.next {
    background-image: url(../../images/home-page/next.png);
    right: -4%;
    height: 23px;
    width: 12px;
    opacity: 0.8;
    display: inline-block;
    position: absolute;
    bottom: 50%;
}

    #deployment_slider .carousel-control-next.next:hover,
    #usecase_slider .carousel-control-next.next:hover {
        background-image: url(../../images/home-page/next-hover.png);
    }

/*.post-slide.heading {
        background-color: transparent;
        min-height: 250px;
        margin-top: 30px;
        border-radius: 10px;
        padding: 25px 0px 15px 0px;
        box-shadow: none;
    }

        .post-slide.heading h3 span.light-heading {
            border-bottom: 5px solid #0078d4;
        }

        .post-slide.heading .bold-heading {
            font-size: 4.5rem;
            font-weight: bold;
            color: #191919;
        }

        .post-slide.heading .light-heading {
            font-size: 4.5rem;
            
            color: #191919;
            padding-top: 10px;
            display: inline-block;
            padding-bottom: 25px;
        }

        .post-slide.heading .small-heading {
            font-size: 2rem;
            font-weight: 500;
            color: #191919;
            padding-top: 30px;
        }*/
.post-slide {
    background-color: #fdfdfd;
    min-height: 270px;
    border-radius: 10px;
    padding: 35px 20px 35px 20px;
    font-size: 2rem;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
    margin: 15px 10px 15px 10px;
}

.LastBox {
    flex-grow: 0;
    width: 31.6%;
}

.post-img {
    position: relative;
    width: 100%;
    height: auto;
}

.post-content {
    padding: 5px 0px 0px 0px;
    position: relative;
}

.post-title-sub-heading {
    font-size: 1.8rem !important;
    font-weight: 600;
    color: #191919;
    transition: all 0.30s linear 0s;
    padding-top: 15px;
}

.post-title {
    font-size: 2rem;
    font-weight: 600;
    color: #0078d4 !important;
    transition: all 0.30s linear 0s;
    padding-top: 15px;
}

.post-description {
    font-size: 1.7rem !important;
    color: #191919 !important;
    line-height: 25px !important;
    padding-top: 10px;
}


/************************************* features section ****************************************/
.features-section {
    /*padding-top: 50px !important;*/
    padding-bottom: 50px !important;
    background-color: #f3f3f3;
    /*background: -webkit-linear-gradient(to left, #7c8c99, #f0f0f0);
    background: linear-gradient(to left, #7c8c99, #f0f0f0);*/
}

    .features-section.doIT {
        background-color: unset;
        background: url(../../images/forms/bg/features-section.jpg);
    }

    .features-section h2,
    #machsync h2 {
        font-size: 2.3em;
        color: #191919;
        /*font-weight: bold;*/
    }

        .features-section h2 span,
        #machsync h2 span {
            border-bottom: 3px solid transparent;
            padding-bottom: 0.3em;
            border-image: linear-gradient(0.25turn, #0078D4 5.82%, rgb(209, 33, 39), rgba(56,2,155,0));
            border-image-slice: 1;
        }

.default-page-icons {
    background: url(../../images/home-page/home-page-slice.png) no-repeat;
    display: inline-block;
}

.icon-company {
    background-position: 0px 0px;
    width: 35px;
    height: 35px;
}

.icon-about-us-menu {
    background-position: -85px 0px;
    width: 35px;
    height: 35px;
}

.icon-promotions-menu {
    background-position: -383px 0px;
    width: 35px;
    height: 35px;
}

.icon-accreditation-menu {
    background-position: -129px 0px;
    width: 35px;
    height: 35px;
}

.icon-artwork-menu {
    background-position: -220px 0px;
    width: 35px;
    height: 35px;
}

.icon-testimonials-menu {
    background-position: -171px 0px;
    width: 35px;
    height: 35px;
}

.icon-legal-menu {
    background-position: 0px -50px;
    width: 35px;
    height: 35px;
}

.cyber-offer-img {
    background-image: url(../../images/cyber-offer-2022.jpg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 450px;
}

.home-page-chat {
    background-position: 0px -74px;
    width: 56px;
    height: 50px;
}

.home-page-call {
    background-position: -72px -73px;
    width: 50px;
    height: 50px;
}

.home-page-contact {
    background-position: 0px -141px;
    width: 50px;
    height: 50px;
}





/* default page icons */
.home-page-stay-ahead,
.home-page-multitenancy,
.home-page-fast-time,
.home-page-empowering,
.home-page-one-stop,
.home-page-branding,
.home-page-robust,
.home-page-easytouse {
    height: 52px;
    width: 50px;
}

.home-page-stay-ahead {
    background-position: -8px -405px;
    width: 50px;
}

.home-page-multitenancy {
    background-position: -65px -405px;
}

.home-page-fast-time {
    background-position: -124px -405px;
}

.home-page-empowering {
    background-position: -183px -405px;
}

.home-page-one-stop {
    background-position: -246px -405px;
}

.home-page-branding {
    background-position: -310px -405px;
}

.home-page-robust {
    background-position: -380px -405px;
}

.home-page-easytouse {
    background-position: -451px -405px;
}



.home-page-ad {
    background-position: -317px 0px;
    width: 53px;
    height: 50px;
}

.home-page-sp {
    background-position: -380px 0px;
    width: 50px;
    height: 50px;
}

.home-page-active {
    background-position: -317px 0px;
    width: 53px;
    height: 50px;
}

.home-page-wf {
    background-position: -444px 0px;
    width: 54px;
    height: 43px;
}

.home-page-adsync {
    background-position: -199px -74px;
    width: 59px;
    height: 50px;
}

.home-page-rds {
    background-position: -265px -74px;
    width: 50px;
    height: 50px;
}

.home-page-web {
    background-position: -133px -74px;
    width: 50px;
    height: 50px;
}

.azure-video-bg {
    background: url(../../images/azure-video-bg.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 32px;
    color: #fff;
}

.machpanel-icons {
    width: 112px;
    height: 107px;
    display: inline-block;
    background: url(../../images/icons/machpanel-page.png) no-repeat;
}


.mp-exchange {
    background-position: -245px 0;
}

    .mp-exchange:hover {
        background-position: -245px -107px;
    }

.mp-sharepoint {
    background-position: -357px 0;
}

    .mp-sharepoint:hover {
        background-position: -357px -107px;
    }

.mp-rds {
    background-position: -1029px 0;
}

    .mp-rds:hover {
        background-position: -1029px -107px;
    }

.mp-csp {
    background-position: -133px 0;
}

    .mp-csp:hover {
        background-position: -133px -107px;
    }

.mp-skype4B {
    background-position: -469px 0;
}

    .mp-skype4B:hover {
        background-position: -469px -107px;
    }

.mp-crm {
    background-position: -581px 0;
}

    .mp-crm:hover {
        background-position: -581px -107px;
    }

.mp-hyper-v {
    background-position: -693px 0;
}

    .mp-hyper-v:hover {
        background-position: -693px -107px;
    }

.mp-web-hosting {
    background-position: -805px 0;
}

    .mp-web-hosting:hover {
        background-position: -805px -107px;
    }

.mp-adsync {
    background-position: -917px 0;
}

    .mp-adsync:hover {
        background-position: -917px -107px;
    }

.security-bg {
    background: url(../../images/cyber-security.jpg) top center no-repeat;
    background-size: cover;
    padding-bottom: 32px;
    color: #fff;
}

.machpanel-features {
    display: inline-block;
    width: 66px;
    height: 66px;
    margin-right: 10px;
    background: url(../../images/icons/machpanel-page.png) no-repeat;
}

.mp-hybrid {
    background-position: -67px 0;
}

.mp-selfservice {
    background-position: 0 -67px;
}

.mp-spam-expert {
    background-position: -67px -67px;
}

.mp-SaaS {
    background-position: 0 -134px;
}

.mp-migration-tools {
    background-position: -67px -134px;
}

.mp-API {
    background-position: 0 0;
}


.icon-forest, .icon-Downtime, .icon-migrate-mailbox, .icon-batches, .icon-rules, .icon-real-time, .icon-synchronization, .icon-migrate-setting, .icon-reporting, .icon-signIn, .icon-server-setting, .icon-manage-users, .icon-segregation, .work-folder-page, .icon-storage-locations, .icon-best-services, .icon-multiple-customers, .icon-showcasing, .icon-automated-provisioning, .icon-work-folders, .icon-team-experts {
    background: url(../../images/icons/work-folder-page.png) no-repeat;
    display: inline-block;
}

.icon-forest {
    background-position: -59px -98px;
    width: 80px;
    height: 80px;
}

.icon-Downtime {
    background-position: -139px -98px;
    width: 80px;
    height: 80px;
}

.icon-migrate-mailbox {
    background-position: -219px -98px;
    width: 80px;
    height: 80px;
}


.icon-batches {
    background-position: -299px -98px;
    width: 80px;
    height: 80px;
}

.icon-rules {
    background-position: -59px -178px;
    width: 80px;
    height: 80px;
}

.icon-real-time {
    background-position: -139px -178px;
    width: 80px;
    height: 80px;
}

.icon-synchronization {
    background-position: -219px -178px;
    width: 80px;
    height: 80px;
}

.icon-migrate-setting {
    background-position: -299px -178px;
    width: 80px;
    height: 80px;
}

#exchange-migration-features {
    padding: 40px 0;
    background-image: url(../../images/exchange-migration-features.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 600px;
    color: white;
}

.ex-migration-features {
    padding-left: 60px;
    padding-top: 20px;
}

.migration-easy-steps {
    background-image: url(../../images/migration-easy-steps.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

.migration-easy-steps {
    min-height: 400px;
}

.exchange-features-bg {
    background-color: #f3f4f6;
    /*background-repeat: repeat-x;*/
    width: 100%;
    padding-bottom: 35px;
    /*color: #fff;*/
    /*background: linear-gradient(to top, #f3f3f3, #fff);*/
}

    .exchange-features-bg .InnerPage-FeaturesDetail {
        /*color: #ffffff !important;*/
        padding-top: 1.7rem;
        text-align: left;
    }

    .exchange-features-bg .InnerPage-FeaturesHeading h4 {
        font-weight: 600 !important;
        /*color: #0078d4;*/
        /*border-bottom: .5rem solid #0078d4;
        */
        padding-bottom: 0.3em;
        /*font-size: 1.9rem;*/
    }

    .exchange-features-bg .InnerPage-FeaturesHeading div:before, .exchange-features-bg .InnerPage-FeaturesHeading div:after {
        content: '';
        height: 5px;
        display: inline-block;
        border-radius: 50px;
        vertical-align: middle;
    }

    .exchange-features-bg .InnerPage-FeaturesHeading div:before {
        width: 60px;
        background-color: #0078d4;
    }

    .exchange-features-bg .InnerPage-FeaturesHeading div:after {
        width: 15px;
        margin-left: 5px;
        background-color: #666;
        left: 45px;
    }

.common-style-why-us {
    display: inline-block;
    background: url(../../images/icons/why-us.png) no-repeat;
    height: 90px;
}

.icon-authority {
    background-position: -134px -77px;
    width: 70px;
    height: 90px;
    filter: invert(40%) sepia(81%) saturate(5250%) hue-rotate(188deg) brightness(91%) contrast(101%);
}

.icon-Innovation {
    background-position: -203px -78px;
    width: 71px;
    filter: invert(40%) sepia(81%) saturate(5250%) hue-rotate(188deg) brightness(91%) contrast(101%);
}

.icon-sales-support {
    background-position: -220px -169px;
    width: 88px;
    filter: invert(40%) sepia(81%) saturate(5250%) hue-rotate(188deg) brightness(91%) contrast(101%);
}

.icon-team {
    background-position: 0 -202px;
    width: 80px;
    filter: invert(40%) sepia(81%) saturate(5250%) hue-rotate(188deg) brightness(91%) contrast(101%);
}

.icon-experience {
    background-position: -133px -172px;
    width: 87px;
    filter: invert(40%) sepia(81%) saturate(5250%) hue-rotate(188deg) brightness(91%) contrast(101%);
}

.icon-total-clients {
    background-position: -187px 14px;
    width: 65px;
}

.icon-all-projects {
    background-position: -131px 14px;
    width: 55px;
}

.icon-total-companies {
    background-position: -252px 16px;
    width: 80px;
}

.icon-total-countries {
    background-position: -276px -74px;
    width: 85px;
}

.services-POC, .services-packages, .services-requirements {
    display: inline-block;
    background: url(../../images/icons/services-page.png) no-repeat;
}

.services-packages {
    background-position: -103px -153px;
    width: 98px;
    height: 100px;
    filter: invert(38%) sepia(76%) saturate(6003%) hue-rotate(191deg) brightness(96%) contrast(101%);
}

.services-POC {
    background-position: 1px -152px;
    width: 98px;
    height: 100px;
    filter: invert(38%) sepia(76%) saturate(6003%) hue-rotate(191deg) brightness(96%) contrast(101%);
}

.services-requirements {
    background-position: -204px -152px;
    width: 98px;
    height: 100px;
    filter: invert(38%) sepia(76%) saturate(6003%) hue-rotate(191deg) brightness(96%) contrast(101%);
}

.panel-features {
    display: inline-block;
    background: url(../../images/icons/exchange-page.png) no-repeat;
}

.ad-page {
    background: url(../../images/icons/active-directory-icons.png) no-repeat;
    display: inline-block;
}

.icon-dashboard {
    background-position: -13px -285px;
    width: 55px;
    height: 55px;
}

.icon-ad-profile {
    background-position: -182px -157px;
    width: 55px;
    height: 55px;
}

.icon-ad-reset-password {
    background-position: -277px -157px;
    width: 55px;
    height: 55px;
}

.icon-multifactor {
    background-position: -108px -287px;
    width: 55px;
    height: 55px;
}

.icon-ad-unlock {
    background-position: -365px -158px;
    width: 55px;
    height: 55px;
}

.icon-enrollment {
    background-position: -197px -285px;
    width: 55px;
    height: 55px;
}

.icon-ad-users-report {
    background-position: 20px -132px;
    width: 80px;
    height: 80px;
}

.icon-ad-groups-report {
    background-position: -50px -133px;
    width: 55px;
    height: 60px;
}

.icon-ad-contact-report {
    background-position: -100px -132px;
    width: 70px;
    height: 70px;
}

.empower-customers {
    background-position: -272px -255px;
    width: 50px;
    height: 50px;
}

.administration {
    background-position: 0px -313px;
    width: 35px;
    height: 50px;
}

.reduce-time {
    background-position: -105px -313px;
    width: 50px;
    height: 50px;
}

.expand-business {
    background-position: -38px -313px;
    width: 50px;
    height: 50px;
}

.brilliant-billing {
    background-position: -163px -313px;
    width: 50px;
    height: 50px;
}

.monitoring-reporting {
    background-position: -221px -313px;
    width: 50px;
    height: 50px;
}

.authentication {
    background-position: -169px -255px;
    width: 50px;
    height: 50px;
}

.end-to-automation {
    background-position: -57px -255px;
    width: 50px;
    height: 50px;
}

.effortless-orchestration,
.always-uptodate,
.security-you-trust,
.scalability-growth,
.selfservice-power,
.reduced-cost {
    width: 64px;
    height: 64px;
}

.effortless-orchestration {
    background-position: -332px -264px;
}

.always-uptodate {
    background-position: -393px -264px;
}

.security-you-trust {
    background-position: -457px -264px;
}

.scalability-growth {
    background-position: -332px -328px;
}

.selfservice-power {
    background-position: -395px -328px;
}

.reduced-cost {
    background-position: -461px -328px;
}

.Mach-Products-Heading {
    color: #303030;
    font-weight: 600;
    padding-top: 1.3rem;
}

.Mach-Products-Detail {
    font-size: 1.5rem;
    color: #333;
    line-height: 22px;
    padding-top: 1.5rem;
    /*text-align: justify;*/
}

.exchange-page-features {
    background: url(../../images/exchange-page/exchange-page.png) no-repeat;
    display: inline-block;
    width: 80px;
    height: 80px;
}

.exchange-multi-tenancy {
    background-position: -475px 0px;
}

.exchange-mailbox-domain {
    background-position: -238px 0px;
}

.exchange-mailbox-mgt {
    background-position: -119px 0px;
}

.exchange-mailbox-db {
    background-position: 0px 0px;
}

.exchange-move-operation {
    background-position: -356px 0px;
}

.exchange-public-folders {
    background-position: -594px 0px;
}

.exchange-cluster {
    background-position: 0px -90px;
}

.exchange-archiving {
    background-position: -120px -189px;
}

.exchange-sync {
    background-position: -360px -90px;
}

.exchange-calendar {
    background-position: -474px -90px;
}

.exchange-lists {
    background-position: -120px -90px;
}

.exchange-API {
    background-position: -240px -90px;
}

.exchange-usage {
    background-position: -475px 0;
}



.exchange-DNS {
    background-position: -474px -189px;
}

.exchange-multiple {
    background-position: -360px -189px;
}

.exchange-secure {
    background-position: -240px -189px;
}

.exchange-availability {
    background-position: -120px -189px;
}

.exchange-privat {
    background-position: -593px -189px;
}

.MicrosoftValidated {
    background-color: #505050;
}

.ms-validated h3 {
    width: 100%;
    color: #fff;
    font-size: 26px;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 3px;
}

.Default-Support {
    background-image: url(../../images/Default-Support.png);
    background-position: top center;
    background-repeat: no-repeat;
}

#InnerFeatures .carousel-inner_banner {
    padding: 20px;
}

#InnerFeatures .carousel-indicators,
#promotionSlider .carousel-indicators {
    bottom: -30px;
    z-index: 15;
    padding-left: 0;
    text-align: center;
    list-style: none;
    position: absolute;
}

    #InnerFeatures .carousel-indicators li {
        display: inline-block;
        width: 20px;
        height: 20px;
        text-indent: -999px;
        cursor: pointer;
        background-color: transparent;
        border: 1px solid #333;
        border-radius: 10px;
        list-style: none;
        float: left;
        margin-right: 4px;
        margin-left: 4px;
    }

    #InnerFeatures .carousel-indicators .active {
        width: 20px;
        height: 20px;
        background-color: #333;
        border: 1px solid #333;
        margin-right: 4px;
        margin-left: 4px;
    }

.InnerPage-FeaturesHeading {
    /*padding-top: 1rem;*/
}

.InnerPage-FeaturesDetail {
    padding-top: 0;
}

.col-xs-features {
    margin-top: 1rem;
    padding: 20px;
}

.upperCase {
    text-transform: uppercase;
}

.no-Capital {
    text-transform: none;
}
/************************************************** video section *********************************/
.video-wrapper {
    position: relative;
    width: 85%; /* Reduce width by 15% */
    margin: 0 auto; /* Center horizontally */
    padding-bottom: 47.8125%; /* 56.25% * 0.85 to keep aspect ratio */
    overflow: hidden;
    max-width: 100%;
}

    .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }


.home-page-video {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    min-height: 50rem;
}

.exchange-page-video {
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    width: 85%;
    margin: auto;
}

.video-section h3 {
    margin-top: 4rem;
    font-size: 3.5rem;
    line-height: 4.5rem;
    font-weight: 600;
    color: #191919;
}

.video-section ul {
    padding-top: 6rem;
    padding-left: 6rem;
}


ul.tick-circle-bullets {
    text-align: left;
    padding-left: 0px;
    margin-bottom: 4rem;
    list-style-type: none;
    font-size: 1.7rem;
    line-height: 3rem;
}


.video-section ul li {
    font-size: 1.7rem;
    line-height: 3rem;
    margin-bottom: 1.6rem;
}

.video-section .left-border {
    border-left: .5rem solid #0078d4;
}

.left-border {
    border-left: .5rem solid #0078d4;
}

.video-section a.blue-link {
    margin-bottom: 1rem;
    display: inline-block;
}

.video-section #show-hide-video {
    position: relative;
    width: 100%;
    max-width: 100% !important;
}

#show-hide-video {
    position: relative;
    width: 100%;
    max-width: 750px;
}

.video-section #show-hide-video img {
    width: 100%;
}

#show-hide-video .play-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 1.2rem 2.4rem;
    border: none;
    cursor: pointer;
    text-align: center;
    background-image: url(../../images/icons/icon-play.png);
    background-repeat: no-repeat;
    width: 90px;
    height: 13.2rem;
}

    #show-hide-video .play-icon:hover {
        background-image: url(../../images/icons/icon-play-hover.png);
        background-repeat: no-repeat;
        cursor: pointer;
        width: 9rem;
        height: 13.2rem;
    }

#show-hide-video .video-play {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    text-align: center;
    background-image: url(../../images/home-page/home-page-slice.png);
    background-position: -337px -73px;
    background-repeat: no-repeat;
    width: 49px;
    height: 87px;
}

    #show-hide-video .video-play:hover {
        background-image: url(../../images/home-page/home-page-slice.png);
        background-position: -397px -73px;
        background-repeat: no-repeat;
        cursor: pointer;
        width: 49px;
        height: 87px;
    }

.video-thumbnail {
    background-image: url(../../images/home-page/home-page-video.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    width: 1200px;
    height: 800px;
}
/**************************************************************************************************/

/*****************************  products overview section **********************************/
ul.bullet-list {
    padding-left: 0px;
    /*margin-top: 35px;*/
}

    ul.bullet-list li {
        list-style: none;
        position: relative;
        z-index: 1;
        padding-left: 35px;
        padding-top: 15px;
    }

        ul.bullet-list li::before {
            content: "";
            position: absolute;
            z-index: -1;
            display: block;
            left: 0;
            width: 15px;
            height: 5px;
            background: #0078d4;
            top: 27px;
        }

        ul.bullet-list li span {
            font-size: 2.0rem;
            font-weight: 500;
            color: #000;
        }

        ul.bullet-list li p {
            padding-top: 5px;
            font-size: 1.7rem !important;
            /*font-weight: 300;*/
            color: #000;
            min-height: 75px;
        }

.common-style-csp-features, .csp-page {
    background: url(../../images/icons/csp-page.png) no-repeat;
    display: inline-block;
}

.csp-showcase-bundle {
    background-position: -302px -169px;
    width: 33px;
    height: 34px;
}

.csp-automation {
    background-position: -337px -169px;
    width: 33px;
    height: 34px;
}

.csp-control-billing {
    background-position: -371px -169px;
    width: 34px;
    height: 34px;
}

.csp-N-tier {
    background-position: 0 -102px;
}

.csp-hybrid-packaging {
    background-position: -101px 0;
}

.csp-multiple-profiles {
    background-position: -202px 0;
}

.csp-tenant-provisioning {
    background-position: -202px -102px;
}

.csp-sync {
    background-position: -101px -102px;
}

.csp-reporting {
    background-position: 0 0;
}

.csp-resellers {
    background-position: -303px 0;
}

.O365-benefits-portion {
    background-color: #0073c6;
    color: #fff;
}


/**************************** need help deployment **************************/
.need-help-deployment {
    background-color: #f3f4f6;
}

.need-help-deployment-img {
    background-image: url(../../images/home-page/need-help-deployment.jpg);
    background-color: #ebe9e3;
    background-repeat: repeat;
    background-position: center right;
    /*min-height: 400px;*/
    background-size: cover;
    margin-top: 40px;
}

.need-help-deployment .black-button {
    min-width: 320px !important;
    margin-top: 25px;
}

.need-help-deployment h3 {
    font-size: 2rem;
    line-height: 25px;
}

/************************************************** Requirement and pricing ********************************************/

.product-default-page {
    display: inline-block;
    background: url(../../images/icons/product-default.png) no-repeat;
    filter: brightness(0) saturate(100%) invert(34%) sepia(44%) saturate(6245%) hue-rotate(189deg) brightness(94%) contrast(101%);
}

.exchange-requirements {
    background-position: -303px -555px;
    width: 88px;
    height: 90px;
    margin-top: 60px;
}

.exchange-packages {
    background-position: -381px -391px;
    width: 95px;
    height: 96px;
    margin-top: 60px;
}

.ProductPrices-Main {
    width: 100%;
    float: left;
    padding-bottom: 30px;
}

.ProductDetail-Heading {
    color: #00aff0;
    font-size: 2.5rem;
    padding-top: 30px;
}

.ProductPricing-Heading {
    color: #00aff0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.ProductPricing-subHeading {
    color: #d12127;
    font-size: 2.0rem;
}

.ProductRequirements-Heading {
    color: #fff;
    padding-top: 30px;
}

.ProductRequirements-content {
    line-height: 30px;
    color: #fff;
    font-size: 1.7rem;
    margin-top: 20px;
    padding-bottom: 15px;
}

.GettingStarted-content, .GettingStarted-content h2, .ProductDetail-content, .ProductPricing-content {
    color: #515151;
}

.ProductDetail-content {
    line-height: 30px;
    font-size: 1.7rem;
    margin-top: 20px;
    padding-bottom: 20px;
}

.ProductPrices,
.ProductRequirements {
    /*width: 30%;*/
    margin-left: 10px;
    padding-bottom: 40px;
    margin-top: 20px;
    cursor: pointer;
    height: 550px;
    text-align: center;
}

.ProductDetail {
    padding-left: 5%;
    padding-right: 5%;
}

.ProductPricing-content {
    line-height: 24px;
    font-size: 1.3rem;
}

.ProductPricesimg, .ProductRequirementsimg {
    padding-top: 60px;
}

.ProductRequirements {
    background: url(../../images/icons/ProductPricesIcon.png) 50% 90% no-repeat #0078d4;
}

.ProductPrices {
    background: url(../../images/icons/ProductPricesIcon.png) 50% 90% no-repeat #0078d4;
}

.product-exchange, .product-skype4b, .product-webhosting, .product-directory {
    width: 76px;
    height: 76px;
}


.product-csp {
    background-position: -311px -715px;
    width: 75px;
    height: 75px;
}

.product-exchange {
    background-position: -304px -152px;
}

.product-skype4b {
    background-position: -307px -472px;
}

.product-webhosting {
    background-position: -304px -382px;
}

.product-directory {
    background-position: -200px -714px;
}

.product-rds {
    background-position: -79px -714px;
    width: 75px;
    height: 68px;
}

.product-blackberry {
    background-position: -307px -313px;
    width: 88px;
    height: 66px;
}

.product-crm {
    background-position: -385px -153px;
    width: 78px;
    height: 76px;
}

.product-sharepoint {
    background-position: -305px -228px;
    width: 76px;
    height: 76px;
}

.product-adsync {
    background-position: -396px -316px;
    width: 77px;
    height: 76px;
}

.product-machsync {
    background-position: -399px -714px;
    width: 77px;
    height: 76px;
}

.product-hyper-v {
    background-position: -395px -231px;
    width: 76px;
    height: 75px;
}

.product-work-folders {
    background-position: 0px -714px;
    width: 76px;
    height: 60px;
}

.machsol-services-box p {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    line-height: 22px;
    font-size: 13.5px;
}

.machsol-services-box h2 {
    color: #00aff0;
    font-size: 24px !important;
}

/*.icon-forest, .icon-Downtime, .icon-migrate-mailbox, .icon-batches, .icon-rules, .icon-real-time, .icon-synchronization, .icon-migrate-setting, .icon-reporting, .icon-signIn, .icon-server-setting, .icon-manage-users, .icon-segregation, .work-folder-page, .icon-storage-locations, .icon-best-services, .icon-multiple-customers, .icon-showcasing, .icon-automated-provisioning, .icon-work-folders, .icon-team-experts {
    background: url(../../images/icons/work-folder-page.png) no-repeat;
    display: inline-block;
}*/

.common-work-folder-icons {
    width: 36px;
    height: 36px;
    display: inline-block;
}

.icon-storage-locations {
    background-position: -461px -59px;
}

.icon-best-services {
    background-position: -44px -59px;
}

.icon-manage-users {
    background-position: -383px -59px;
}

.icon-showcasing {
    background-position: -123px -59px;
}

.icon-automated-provisioning {
    background-position: -209px -59px;
}

.icon-work-folders {
    background-position: -257px -59px;
}

.icon-reporting {
    background-position: -422px -59px;
}

.icon-team-experts {
    background-position: -301px -59px;
}

.all-in-one {
    background-position: 0px 0px;
    width: 50px;
    height: 50px;
}

.centralized-management {
    background-position: -57px 0px;
    width: 50px;
    height: 50px;
}

.productivity {
    background-position: -112px 0px;
    width: 50px;
    height: 50px;
}

.ensure-security {
    background-position: -169px 0px;
    width: 50px;
    height: 50px;
}

.easy-billing {
    background-position: -220px 0px;
    width: 50px;
    height: 50px;
}

.self-service-portal {
    background-position: -272px 0px;
    width: 50px;
    height: 50px;
}

.icon-segregation {
    background-position: -81px -57px;
    width: 40px;
    height: 36px;
}

.icon-server-setting {
    background-position: -345px -59px;
}

.icon-signIn {
    background-position: 0px -98px;
}



.Product-TurnKey {
    background-color: #131e29;
}

.Product-TurnKey {
    background: url(../../images/Product-TurnKey.jpg) top center no-repeat #131e29;
}


/****************************************************************************/

/* testimonials */
.our-partners-icon img {
    width: 20%;
}

/* home page slice icons */

.home-page-quote {
    background-position: -481px -83px !important;
    width: 70px;
    height: 63px;
}

.our-partners-thumbnail span {
    width: 96px;
    height: 96px;
}

.img-shadow {
    box-shadow: 0 1.2px 3.6px #0000001c,0 6.4px 14.4px #00000021;
}

.img-cipherwave {
    background-position: 0px -194px !important;
}

.img-skyfillers {
    background-position: -114px -194px !important;
}

.img-webhosting {
    background-position: -226px -194px !important;
}

.img-hostingnl {
    background-position: -342px -194px !important;
}

.img-alinto {
    background-position: -459px -194px !important;
}

.img-icsolutions {
    background-position: 0px -300px !important;
}

.img-computer {
    background-position: -114px -300px !important;
}

.img-datashephered {
    background-position: -226px -300px !important;
}

#our-partners {
    background-color: #f3f1f9;
    /*margin-top: 3rem !important;*/
    padding-bottom: 6rem !important;
}

    #our-partners .media-carousel, #our-products .media-carousel {
        margin-bottom: 0;
        padding: 0 40px 0px 40px;
        margin-top: 10px;
    }

.our-partners-box {
    background-color: #fff;
    min-height: 226px;
    border-radius: 10px;
    padding: 0px 0px 0px 0px;
    box-shadow: 0 4px 40px rgba(0,0,0,.08);
    margin: 70px 0px 0px 0px;
}

.our-partners-box-blue {
    background-color: #fff;
    /*min-height: 226px;*/
    border-radius: 10px;
    padding: 30px 0px 0px 0px;
    box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
    /*margin: 70px 0px 40px 0px;
    scale: 1.11;*/
}

.our-partners-icon {
    text-align: center;
    padding: 35px 30px;
}

.our-partners-info {
    text-align: center;
}

.our-partners-thumbnail {
    display: inline-block;
    width: 96px;
    height: 96px;
    overflow: hidden;
    border-radius: 50%;
    margin-top: -60px;
    /*z-index: 9999999;*/
    position: relative;
}

.our-partners-content {
    text-align: center;
    padding: 0px 30px 60px 30px;
}

    .our-partners-content p {
        font-size: 1.7rem !important;
    }

.our-partners-box-blue .our-partners-content {
    color: #33344a;
    padding: 0px 20px 60px 20px;
}

.our-partners-info h6 {
    font-size: 1.7rem;
    font-weight: 600;
}

.our-partners-info h5 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0078d4;
}




#our-partners .carousel-control-prev.prev, #our-products .carousel-control-prev.prev {
    background-image: url(../../images/home-page/prev.png);
    left: 0%;
    height: 23px;
    width: 12px;
    opacity: 0.8;
    display: inline-block;
    position: absolute;
    bottom: 50%;
}

    #our-partners .carousel-control-prev.prev:hover, #our-products .carousel-control-prev.prev:hover {
        background-image: url(../../images/home-page/prev-hover.png);
    }

#our-partners .carousel-control-next.next, #our-products .carousel-control-next.next {
    background-image: url(../../images/home-page/next.png);
    right: 0%;
    height: 23px;
    width: 12px;
    opacity: 0.8;
    display: inline-block;
    position: absolute;
    bottom: 50%;
}

    #our-partners .carousel-control-next.next:hover, #our-products .carousel-control-next.next:hover {
        background-image: url(../../images/home-page/next-hover.png);
    }

#our-partners .media-carousel .carousel-indicators,
#our-products .media-carousel .carousel-indicators,
#machsync .media-carousel .carousel-indicators {
    /*left: 48%;*/
    top: auto;
    bottom: -50px;
}

    #our-partners .media-carousel .carousel-indicators li,
    #our-products .media-carousel .carousel-indicators li,
    #machsync .media-carousel .carousel-indicators li {
        background-color: transparent;
        border: 1px solid #191919;
    }

    #our-partners .media-carousel .carousel-indicators .active,
    #our-products .media-carousel .carousel-indicators .active,
    #machsync .media-carousel .carousel-indicators .active {
        background-color: #191919;
        border: 1px solid #191919;
    }

.Migration-Features {
    background: url(../../images/migration-Features.jpg) top center no-repeat;
    background-size: cover;
}

.MicrosoftImages {
    padding-left: 0;
    padding-right: 0;
    float: left;
}

    .MicrosoftImages h3 {
        font-size: 2.3rem;
        color: #fff;
    }

.MicrosoftExchangeimg {
    float: left;
    background: url(../../images/icons/MicrosoftExchange.png) no-repeat;
    height: 192px;
}

    .MicrosoftExchangeimg h3, .MicrosoftCRMimg h3 {
        margin-left: 30px;
    }

.MicrosoftSkype4bimg {
    float: left;
    background: url(../../images/icons/MicrosoftSkype4B.png) no-repeat;
    height: 192px;
}

.MicrosoftSharepointimg {
    float: left;
    background: url(../../images/icons/MicrosoftSharepoint.png) no-repeat;
    height: 192px;
}

.MicrosoftCRMimg {
    float: left;
    background: url(../../images/icons/MicrosoftCRM.png) no-repeat;
    height: 192px;
}

.Microsoft-ProDetail {
    color: #222;
    font-size: 1.7rem;
    line-height: 2.5rem;
    font-weight: 600;
}

.common-style-services {
    width: 152px;
    height: 152px;
    display: inline-block;
    background: url(../../images/icons/services-page.png) no-repeat;
}

.services-technology-experts {
    background-position: 0 0;
}

.services-turn-around-time {
    background-position: -152px 0;
}

.services-best-practices {
    background-position: -306px 0;
}

.services-worry-free {
    background-position: -459px 0;
}

.services-globe {
    background-position: -612px 0;
}

.TurnkeyContent, .YMachsol_Content {
    font-size: 1.8rem !important;
    line-height: 2.2rem;
    padding-top: 1.5rem;
}

/****************************** latest news ******************************/

.latest-news-box-one,
.latest-news-box-two,
.latest-news-box-three {
    background-color: #fff;
    min-height: 226px;
    padding: 0px 0px 0px 0px;
    margin: 10px 10px 10px 0px;
    display: inline-block;
    text-align: center;
    border: 1px solid #ececec;
}

.latest-news-box-one {
    /*box-shadow: 10px 10px 25px rgba(0,0,0,.3);*/
}

.latest-news-box-two {
    border: 1px solid #0078d4;
    /*box-shadow: 10px 10px 25px rgba(0,0,0,.3);*/
}

.latest-news-box-three {
    /*box-shadow: 10px 10px 25px rgba(0,0,0,.3);*/
    margin-right: 0px;
}


.latest-news-box-two {
    scale: 1.1;
}

.latest-news-img-one,
.latest-news-img-two,
.latest-news-img-three {
    background-color: #ebe9e3;
    background-repeat: repeat;
    background-position: center right;
    background-size: cover;
    min-height: 250px;
}

.latest-news-img-one {
    background-image: url(../../images/home-page/news-new-commerece.jpeg);
}

.latest-news-img-two {
    background-image: url(../../images/home-page/ExchangeSE.jpg);
    /*background-image: url(../../images/home-page/news-business-challenges.jpeg);*/
}

.latest-news-img-three {
    background-image: url(../../images/home-page/news-business-success.jpeg);
}

.idsync-box {
    /*padding: 5px !important;*/
    /*border: 1px solid #e3e3e3;*/
    margin-top: 0 !important;
    padding: 0 !important;
    position: relative;
    margin-top: 3rem !important;
}

    .idsync-box:hover .overlay {
        opacity: 0.7;
    }

.one-to-one,
.one-to-many,
.advance-idsync {
    background-color: #ebe9e3;
    background-repeat: repeat;
    background-position: top;
    background-size: cover;
    min-height: 300px;
    border: 1px solid #e3e3e3;
}

.one-to-one {
    background-image: url(../../images/idsync-manager/one-to-one.png);
}

.one-to-many {
    background-image: url(../../images/idsync-manager/one-to-many.png);
}

.advance-idsync {
    background-image: url(../../images/idsync-manager/advance-idsync.png);
}

.overlay {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255);
    color: #fff;
    width: 100%;
    transition: all linear 0.2s;
    opacity: 0;
    color: white;
    font-size: 3rem;
    padding: 20px;
    text-align: center;
    height: 100%;
    cursor: pointer;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
}

    .overlay i {
        top: 48%;
        position: absolute;
        z-index: auto;
    }

.machpanelEnvironment {
    /*padding: 5px !important;*/
    border: 1px solid #d2d2d2;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    /*height: 100% !important;*/
    opacity: 1;
    width: 100%;
}

/*.machpanelEnvironment:hover {
        opacity: 0.4;
        filter: alpha(opacity=40);
    }*/

.dModal {
    position: fixed;
    z-index: 11111;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
    right: 0;
    bottom: 0;
}

.closedModal {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .closedModal:hover {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

.dModal-content {
    margin: auto;
    display: block;
    width: 80%;
    /*max-width: 700px;*/
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border-radius: 5px;
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

.latest-news-content {
    /*margin-top: 30px;*/
    padding: 10px 0px;
}

/*.latest-news h2 {
    float: left;
}*/

.latest-news h3,
.latest-news h4,
.latest-news h5 {
    line-height: 25px !important;
    padding-top: 10px;
}

    .latest-news h3 a.link {
        font-size: 2rem !important;
        font-weight: 600 !important;
        color: #191919;
    }

    .latest-news h4 a.link {
        font-size: 1.6rem !important;
        font-weight: 500 !important;
        color: #191919 !important;
    }

    .latest-news h5 a.blue-link {
        font-size: 1.6rem !important;
        font-weight: 600 !important;
    }

.latest-news h6 {
    /*float: right;*/
    padding-top: 5rem;
    /*padding-right: 45px;*/
    text-align: center;
}

/*************** success stories carousel ********************/
.carousel {
    margin: 0 !important;
    /*overflow: hidden;*/
}

.item {
    text-align: justify;
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}



    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        max-width: 100%;
        height: auto;
    }

    .carousel-inner > .item {
        position: relative;
        display: none;
        -webkit-transition: .8s ease-in-out left;
        -o-transition: .8s ease-in-out left;
        transition: .8s ease-in-out left;
    }

        .carousel-inner > .item > a > img, .carousel-inner > .item > img {
            line-height: 1;
        }

    .carousel-inner > .active, .carousel-inner > .next.left, .carousel-inner > .prev.right {
        left: 0;
    }

    .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev {
        display: block;
    }

    .carousel-inner > .next, .carousel-inner > .prev {
        position: absolute;
        top: -55px;
        width: 100%;
    }

    .carousel-inner > .active.left {
        left: -100%;
    }

    .carousel-inner > .active.right {
        left: 100%;
    }

.carousel-control-next,
.carousel-control-prev {
    top: 50% !important;
}

#partner_slider {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

    #partner_slider .carousel-control-next,
    #partner_slider .carousel-control-prev {
        top: 25% !important;
    }

    #partner_slider .carousel-control-prev {
        margin-left: 5%;
    }

    #partner_slider .carousel-control-next {
        margin-right: 5%;
    }


.carousel-indicators {
    position: absolute;
    margin-left: auto !important;
    margin-right: auto !important;
    /*right: auto !important;*/
    z-index: 15;
    padding-left: 0;
    text-align: center;
    list-style: none;
    /*left: 50%;*/
}

    .carousel-indicators .active, .carousel-indicators li {
        width: 20px;
        height: 20px;
        margin-right: 4px;
        margin-left: 4px;
    }

    .carousel-indicators li {
        display: inline-block;
        text-indent: -999px;
        cursor: pointer;
        background-color: #515151;
        border: 1px solid #515151;
        border-radius: 10px;
        list-style: none;
        float: left;
    }

    .carousel-indicators .active {
        background-color: #e1e1e1;
        border: 1px solid #e1e1e1;
    }

.carousel-inner_banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

    .carousel-inner_banner > .item {
        position: relative;
        display: none;
        -webkit-transition: .8s ease-in-out left;
        -o-transition: .8s ease-in-out left;
        transition: .8s ease-in-out left;
    }

        .carousel-inner_banner > .item > a > img, .carousel-inner_banner > .item > img {
            line-height: 1;
            max-width: 100%;
            height: auto;
        }

    .carousel-inner_banner > .active, .carousel-inner_banner > .next, .carousel-inner_banner > .prev {
        display: block;
    }

    .carousel-inner_banner > .active {
        left: 0;
    }

    .carousel-inner_banner > .next, .carousel-inner_banner > .prev {
        position: absolute;
        top: 0;
        width: 100%;
    }

    .carousel-inner_banner > .next {
        left: 100%;
    }

    .carousel-inner_banner > .prev {
        left: -100%;
    }

        .carousel-inner_banner > .next.left, .carousel-inner_banner > .prev.right {
            left: 0;
        }

    .carousel-inner_banner > .active.left {
        left: -100%;
    }

    .carousel-inner_banner > .active.right {
        left: 100%;
    }

    .carousel-inner_banner div.col-xs-features {
        border-radius: 10px;
    }

        .carousel-inner_banner div.col-xs-features:hover {
            box-shadow: 1px 2px 10px 1px rgba(0,0,0,.2);
        }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-inner_banner > .item {
        -webkit-transition: -webkit-transform .6s ease-in-out;
        -o-transition: -o-transform .6s ease-in-out;
        transition: transform .6s ease-in-out;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000;
        perspective: 1000;
    }

        .carousel-inner_banner > .item.active.right, .carousel-inner_banner > .item.next {
            left: 0;
            -webkit-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
        }

        .carousel-inner_banner > .item.active.left, .carousel-inner_banner > .item.prev {
            left: 0;
            -webkit-transform: translate3d(-100%,0,0);
            transform: translate3d(-100%,0,0);
        }

            .carousel-inner_banner > .item.active, .carousel-inner_banner > .item.next.left, .carousel-inner_banner > .item.prev.right {
                left: 0;
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
            }
}



/****************************************** home page contact us ************************************************/

.homepage-contactus .post-slide {
    box-shadow: none;
    width: 25%;
    min-height: unset;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .homepage-contactus .post-slide:not(:first-of-type) {
        box-shadow: none;
        width: 18%;
        min-height: unset;
        padding: 25px;
        background-color: #0b1f39;
    }

        .homepage-contactus .post-slide:not(:first-of-type) .post-title {
            color: #fff !important;
        }

        .homepage-contactus .post-slide:not(:first-of-type) .post-img {
            filter: invert(100%) sepia(9%) saturate(1856%) hue-rotate(294deg) brightness(109%) contrast(108%);
        }

        .homepage-contactus .post-slide:not(:first-of-type) .post-description {
            color: #d9d9d9 !important;
        }

ul.BulletPoints li {
    list-style: none url(../../images/icons/Bulletpoint.png);
    line-height: 35px;
    font-size: 1.5rem;
}

ul.NoBulletPoints li {
    list-style: none;
}

.homepage-contactus ul {
    padding-left: 0;
}

.homepage-contactus li {
    list-style: none;
}

.homepage-contactus .colum-divider {
    height: 150px;
    border-left: 1px solid #ececec;
    margin-top: 80px;
    background-repeat: repeat;
    flex-grow: 2;
}

.menu-footer {
    /*background-color: #f2f2f2;*/
    padding: 0px 0px 10px 30px;
    color: #191919;
    /*text-align: center;*/
    margin-top: 15px;
    width: 100%;
    display: inline-block;
    /*border-bottom: 5px solid #999;
    border-radius: 6px;*/
}

    .menu-footer a.white-link:hover {
        color: #ffffff !important;
    }


/************************************************ trial page **********************************************/

.steps-header {
    margin: 0 auto;
    align-items: flex-start;
    flex-direction: row;
    display: flex;
    justify-content: center
}

.steps-header-item {
    flex-wrap: wrap;
    justify-content: center !important;
    max-width: 206px;
    margin-bottom: 0;
    margin-right: 1.25rem;
    color: #313131;
    position: relative;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

    .steps-header-item.steps-header-item-active .item-icon {
        color: #0078d4;
        border: 1px solid #0078d4 !important;
        background-color: #0078d4 !important;
        border: 1px solid #0078d4 !important;
    }

.steps-header-item-active .item-text {
    color: #0078d4 !important;
}

.steps-header-item .item-text {
    text-align: center;
    font-size: 1.7rem;
    line-height: 1.5;
    width: 100%;
    padding-top: 5px;
}

.steps-header-item .item-icon {
    margin-bottom: .5rem;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.7rem;
    line-height: 1.3rem;
    min-width: 35px;
    width: 35px;
    height: 35px;
    margin: 0 calc(0.525rem) 0 0;
    background-color: #ffffff;
    z-index: 1;
    border: 1px solid #0078d4 !important;
}

.steps-header-item:not(:first-of-type)::before {
    width: calc(100% - 5px);
    min-width: 80px;
    max-width: 200px;
    position: absolute;
    height: 1px;
    right: calc(50% + 13px);
    left: auto;
    top: 18px;
    display: block;
    background: #0078d4;
    content: '';
}

.trial-page {
    margin-top: 78px;
    position: relative;
    background-image: url(../../images/banners/trial-bg.jpg);
    background-color: #141e27;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .trial-page .form-control {
        font-size: 1.6rem;
    }

.trial-page-content {
    /*padding-top: 50px;*/
}

    .trial-page-content p {
        font-size: 1.5rem !important;
    }

.trial-page h6.sub-heading {
    color: #d9d9d9 !important;
    font-size: 1.9rem;
    line-height: 2.9rem;
    text-align: center;
    padding-top: 5px;
}

.trial-page .choose-plan h2 {
    color: #fff !important;
    text-align: center;
    font-weight: 600;
}

.choose-plan h3.choose-trial-plan {
    color: #d9d9d9 !important;
    font-size: 3.7rem !important;
    font-weight: 600 !important;
    line-height: 35px !important;
    text-align: center !important;
}

.trial-page .box_subsection_3,
.trial-page .pricing-plans h3,
.trial-page .pricing-plans h4,
.trial-page .pricing-plans h6 {
    text-align: left !important;
    background: none !important;
}

.select-module {
    margin-top: 15px;
}

    .select-module h5 {
        line-height: 0.5;
        color: #0078d4;
        font-size: 2.5rem !important;
        font-weight: 700;
        padding-top: 10px;
        padding-bottom: 3px;
    }

.trial-page .box {
    border: none !important;
    border-radius: 0px !important;
    background-color: #ffffff;
    margin: 2% 0%;
    padding-bottom: 3%;
    box-shadow: 0 0.125rem 0.5rem 0 rgba(0,0,0,.2);
    display: inline-block;
    width: 100%;
}

.trial-page-content ul {
    text-align: left;
    padding-left: 15px;
    padding-top: 15px;
    font-size: 1.8rem;
}

.trial-page-content .success-msg h2 {
    color: #35a853 !important;
}

.trial-page-content .failure-msg h2 {
    color: #d12127 !important;
}

.trial-page-content .success-msg h2,
.trial-page-content .success-msg h6,
.trial-page-content .success-msg p,
.trial-page-content .failure-msg h2,
.trial-page-content .failure-msg h6,
.trial-page-content .failure-msg p,
.trial-page-content .failure-msg a {
    text-align: center !important;
}

.trial-page-content .almost-done h2 {
    color: #313131 !important;
    font-size: 2.6rem !important;
    text-align: left !important;
}

.trial-page-content .almost-done h6 {
    font-size: 1.5rem !important;
    color: #313131 !important;
    line-height: 25px !important;
    text-align: left !important;
}

.trial-page-content .almost-done p {
    font-size: 1.5rem !important;
    color: #000000 !important;
    line-height: 25px !important;
    text-align: left !important;
    padding-top: 25px;
    font-weight: 500;
}

.goBack {
    background: none !important;
    border: none;
    transition: none;
    border: 2px solid #fff;
}

.error-msg {
    text-align: center;
    padding: 10px;
    background-color: #fff;
    color: red;
    /*border: 2px solid #42417c;*/
    border-radius: 20px;
    margin-top: 2rem;
    width: 65%;
    margin: 3rem auto 0 auto;
}


.trial-page-content .agreement-text label,
.trial-page-content .AcceptedAgreement label {
    padding-left: 5px;
}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    margin-left: 2px;
    color: #0d71c8;
    cursor: pointer;
    margin-top: 5px;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

.AcceptedAgreement {
    line-height: 30px;
}

.div-success {
    text-align: left;
    margin-top: 5px;
}

.success-tick {
    background-position: -270px -972px;
    width: 26px;
    height: 26px;
}

.modal-dialog {
    z-index: 9999;
    position: absolute;
    /*left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto !important;
    /*transform: unset !important;
    border:1px solid red;*/
}


/********************************************** customer portal ***************************************/

.subMenu .menuItem {
    padding: 0px !important;
}

.subMenu a.menuLink.hasLink {
    padding: 15px 0px;
}

.dashboard-top-bar {
    background-color: #0078d4;
    /*padding: 10px 30px;*/
    height: 60px;
}

    .dashboard-top-bar > div {
        align-items: stretch;
        display: flex;
    }

    .dashboard-top-bar a.full,
    .dashboard-top-bar a.fullLogo {
        display: flex;
        align-items: center;
        padding: 10px;
        font-size: 1.4rem;
        font-weight: 600;
    }

        .dashboard-top-bar a.full:hover {
            background-color: #0067b8;
        }

        .dashboard-top-bar a.fullLogo:hover {
            background-color: #0078d4;
        }

.container.full-width {
    width: 100% !important;
    padding-left: 0px;
    padding-right: 0px;
    max-width: 100%;
}

/*.header-main {
    float: right;
    position: relative;
    text-align: right;
    padding-top: 20px;
    margin-right: 10px;
}*/

.cart-icon {
    background-position: -29px -69px;
    width: 25px;
    height: 22px;
    background-image: url(../../images/customer-portal/customer-portal.png);
    background-repeat: no-repeat;
    display: inline-block;
    /*margin-left: 5px;*/
    filter: invert();
}

.cart-icon-count {
    color: #0078d4;
    /*position: relative;
    top: -15px;
    left: -15px;*/
    padding: 0px 4px;
    background-color: #c2dff6;
    border-radius: 50%;
    font-size: 1.1rem;
    font-weight: bold;
}

.profile-icon {
    background-position: 0px -68px;
    width: 23px;
    height: 22px;
    filter: invert();
}



.header-icons:link,
.header-icons:visited {
    text-decoration: none;
    color: #000000;
    font-size: 11px;
}

.dashboard-icons {
    float: left;
    background-image: url(../../images/customer-portal/customer-portal.png);
    background-repeat: no-repeat;
    display: inline-block;
}

.filter-invert {
    filter: invert(30%);
}



.menu-profilepic {
    float: left;
    position: relative;
    padding-top: 1%;
    text-align: center;
}

    .menu-profilepic ul {
        padding-left: 0px;
        list-style: none;
    }

    .menu-profilepic img {
        border-radius: 50%;
    }

.customer-profile a {
    /*font-size: 1.3rem;*/
    /*line-height: 2.2rem;*/
    /*color: #005da6 !important;*/
    /*display: block;
    padding: 5px;*/
}


.profile-detail {
    /*display: flex;
    flex-flow: column;*/
}

    .profile-detail ul {
        padding-left: 0;
    }

        .profile-detail ul li {
            list-style: none;
            padding-top: 8px;
            font-size: 1.5rem;
        }

.menuContainer {
    border-spacing: 0px;
    background-color: #d9d9d9 !important;
    padding-top: 30px;
    position: relative;
    overflow-y: auto;
    height: 90vh;
    overflow-x: hidden;
}

    .menuContainer li.active {
        /*background-color: #d9d9d9 !important;*/
    }

.mpmenu li {
    background-color: #d9d9d9 !important;
}

    .mpmenu li.selected,
    ul.subMenu li.selected {
        /*background-color: #EDEEF0 !important;*/
    }

ul.subMenu .itemContent {
    padding: 5px 8px;
}

ul.subMenu li.selected .itemContent {
    border-left: 4px solid #0078d4;
    padding-left: 4px;
}

ul.subMenu li {
    background-color: #d9d9d9 !important;
}

    ul.subMenu li:hover {
        background-color: #EDEEF0;
    }

ul.mpmenu li.parent-hovered {
    background-color: #d9d9d9 !important;
}

.product-title {
    font-size: 1.7rem;
}

.dashboard-body h2 {
    padding: 20px 0px;
    color: #33344a;
    font-weight: 600;
    text-align: left;
    border-bottom: 2.5px solid transparent;
    width: max-content;
    padding-bottom: 10px;
}

.dashboard-body .BoxCard ul {
    margin-bottom: 0;
}

.dashboard-body ul {
    padding-left: 0px;
}

    .dashboard-body ul li {
        list-style: none;
        line-height: 25px;
    }

        .dashboard-body ul li a {
            color: #191919;
        }

/*.homepage-programs {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(280px,1fr));
    width: 100%;
}*/

.BoxCard {
    display: flex;
    flex-flow: row;
    float: left;
    min-height: 120px;
    background-color: #FDFDFD;
    margin-right: 15px;
    /* margin-bottom: 28px;*/
    position: relative;
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    /* border-Top: solid 4px;*/
    border-left-color: currentcolor;
    border-radius: 8px;
    transition: box-shadow 0.5s ease 0s;
}

    .BoxCard:hover {
        box-shadow: rgba(0,0,0,.133) 0 6px 14px 0,rgba(0,0,0,.11) 0 1px 3px 0;
        /*cursor: pointer;*/
    }

        .BoxCard:hover .BoxCardDetail span {
            color: #000000 !important;
        }

    .BoxCard .dropdown {
        margin-top: 10px;
    }

        .BoxCard .dropdown a.dropdown-toggle {
            color: #106ebe;
            font-size: 14px;
            line-height: 1.3333333333;
            font-weight: 500;
        }

            .BoxCard .dropdown a.dropdown-toggle:hover {
                text-decoration: underline;
            }

        .BoxCard .dropdown .dropdown-item {
            font-size: 14px;
            padding: 7px 14px !important;
        }

        .BoxCard .dropdown .show {
            position: absolute;
            transform: translate3d(0px, 25px, 0px) !important;
            top: 0px;
            left: 0px
        }

.BoxCardLink {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    color: transparent;
    z-index: 2;
}

.BoxCard h5 {
    font-size: 2rem;
    line-height: 25px;
    font-weight: 600;
    color: #0078d4;
    padding-bottom: 10px;
}

.BoxCardContent .box-price {
    font-size: 18px;
    line-height: 35px;
    font-weight: 600;
    color: #000000;
}

.BoxCardContent {
    display: block;
    padding: 10px;
    width: 100%;
}

.blue-box {
    border-color: #0078d4;
}

.customerportal-icons {
    background: url(../../images/customer-portal/customer-portal.png) no-repeat;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.box-billing {
    background-position: -148px 0px;
    width: 58px;
    height: 64px;
}

.box-purchase {
    background-position: -211px 0px;
    width: 62px;
    height: 62px;
}

.box-setting {
    background-position: -366px 0px;
    width: 64px;
    height: 64px;
}

.box-help {
    background-position: -290px 0px;
    width: 64px;
    height: 64px;
}

.box-legal {
    background-position: -437px 0px;
    width: 64px;
    height: 64px;
}


.loadingBackground {
    width: 100%;
    height: 100% !important;
    position: fixed;
    display: none;
    padding-bottom: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: 0;
    filter: alpha(opacity=80);
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    background: #999;
    z-index: 999999999998;
}

.loadingImg {
    position: absolute;
    z-index: 999999999999;
    height: 45px;
    line-height: 45px;
    width: 160px;
    font-weight: 600;
    font-size: 14px;
    font-color: #37313;
    padding-left: 10px;
    /*margin: 0 auto;
    top: 50%;
    left: 50%;*/
    background: #fff;
    border: 2px solid #5985BB;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.loading {
    background: url(../../images/bx_loader.gif) no-repeat;
    width: 32px;
    height: 32px;
    float: left;
    margin-top: 5px;
    margin-right: 10px;
}

.formHeading {
    color: #d12127;
    font-size: 2.2rem;
    font-weight: 700;
}

#Uploadpic {
    font-size: 1.7rem;
    color: #575757;
    display: table;
    height: 100%;
    line-height: 28px;
    background: url(../../images/Uploadpic-bg.png) 90% 50% no-repeat #f2f2f2;
    padding: 30px;
}

.menu-left-collapsed {
    width: 58px;
}

.headerRow > div,
.headerRow > th {
    background-color: #0078d4;
    color: #fff;
    padding: 10px 14px;
    font-weight: 600;
    text-align: left;
    font-size: 1.8rem;
}

.headings {
    /*border-right: 1px solid #fff;*/
    background-color: #33344a;
    color: #fff;
    padding: 10px 5px;
    font-weight: 600;
    text-align: left;
    font-size: 1.8rem;
}

div.tableRow,
div.tableAltRow {
    display: flex;
    padding: 10px 1px;
    font-size: 1.5rem;
    border-bottom: 1px solid #cecece;
    flex-wrap: wrap;
}

div.tableRow {
    background-color: #f1f1f1;
}

div.tableAltRow {
    background-color: #f1f1f1;
}

/*.tableRow a,
.tableAltRow a,*/
.pagerLinks a {
    color: #0078d4 !important;
    border-bottom: 1px solid #33344a;
}

tr.tableRow,
tr.tableAltRow {
    display: flex;
    padding: 10px 1px;
    font-size: 1.5rem;
    border-bottom: 1px solid #cecece;
    flex-wrap: wrap;
}

tr.tableRow {
    background-color: #fff;
}

tr.tableAltRow {
    background-color: #f1f1f1;
}

.modal-body .formsCB label {
    display: contents;
}

.aspNetDisabled {
    border: none !important;
    cursor: not-allowed;
}

.readonlyInput {
    cursor: not-allowed;
    background-color: #fffbbf !important;
}


.formButtonDisable, .formButtonEdit, .formButtonEnable, .formButtonPrint, .formButtonRemove, .formButtonTest {
    background-repeat: no-repeat;
    text-decoration: none;
}

.leftborder {
    border-left: 1px solid #e1e1e1;
}

.formButtonRemove {
    background-image: url(../../images/remove_icon.png);
}

.formButtonEdit {
    background-image: url(../../images/icons/AdminPortal-Edit.png);
}

.formButtonPrint {
    background-image: url(../../images/icons/icon-printer.png);
}

.formButtonEnable {
    background-image: url(../../images/icons/AdminPortal-Enable.png);
}

.formButtonDisable {
    background-image: url(../../images/icons/AdminPortal-Disable.png);
}

    .formButtonDisable:hover, .formButtonEdit:hover, .formButtonEnable:hover, .formButtonPrint:hover, .formButtonRemove:hover, .formButtonTest:hover {
        text-decoration: none;
    }

.WebLink {
    line-height: 22px;
}

    .WebLink ul {
        list-style: none;
        padding: 0;
    }

        .WebLink ul li.Web {
            background: url(../../images/icons/web-icon.png) .2em 60% no-repeat;
            padding: 0 0 0 30px;
        }

        .WebLink ul li.Pdf {
            background: url(../../images/pdf-icon.jpg) .2em 60% no-repeat;
            padding: 0 0 0 30px;
        }

        .WebLink ul li.Doc {
            background: url(../../images/icons/icon-word.png) .2em 60% no-repeat;
            padding: 0 0 0 30px;
        }

        .WebLink ul li a {
            color: #d52623;
            text-decoration: underline;
            text-align: left;
        }

            .WebLink ul li a:hover {
                color: #474747;
                text-decoration: none;
                text-align: left;
            }

.tblListingCart {
    width: 100%;
    text-align: left;
}

.divListing {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

    .divListing img, .tblListingCart img {
        margin: 0 1px;
        vertical-align: middle;
    }

    .divListing th div, .tblListingCart th div {
        color: #fff;
    }

.Alternatecolumns, .rightborder, .tblListingCart td, .tblListingCart th {
    border-right: 1px solid #e1e1e1;
}

.Alternatecolumns {
    background-color: #FFF;
    padding: 6px 3px;
    border-bottom: 1px solid #e1e1e1;
}
/********************************************** tooltip *************************/
.tooltip {
    z-index: 1070;
    /*display: block;*/
    font-size: 1.2rem;
    line-height: 1.4;
    visibility: visible;
    opacity: 0;
    /*width: 200px;*/
    /*border:1px solid red;*/
    position: absolute;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
        /*border: 1px solid red;*/
    }

/*.tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }*/

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
    font-size: 1.2rem;
    font-weight: bold;
    /*border: 1px solid green;*/
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top .tooltip-arrow {
    left: 50% !important;
    margin-left: -5px;
}
/*
.tooltip.top-left .tooltip-arrow {
    right: 5px;
    margin-bottom: -5px;
}

.tooltip.top-right .tooltip-arrow {
    left: 5px;
    margin-bottom: -5px;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow {
    border-width: 0 5px 5px;
    border-bottom-color: #000;
    top: 0;
}

.tooltip.bottom .tooltip-arrow {
    left: 50%;
    margin-left: -5px;
}

.tooltip.bottom-left .tooltip-arrow {
    right: 5px;
    margin-top: -5px;
}

.tooltip.bottom-right .tooltip-arrow {
    left: 5px;
    margin-top: -5px; 
}*/

/*********************************************** get started now  *************************************/
.get-started-now {
    position: relative;
    background: url(../../images/exchange-page/digital-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*min-height: 250px;*/
    color: #fff;
}

.case-study-info {
    position: relative;
    background: url(../../images/exchange-page/Modernizing-Communications.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*min-height: 250px;*/
    color: #fff;
}

.email-signatures {
    position: relative;
    background: url(../../images/exchange-page/email-signatures.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /*min-height: 250px;*/
    color: #fff;
}

/********************************** what's new **************************************/

#slidingDiv {
    display: none;
    float: left;
    width: 300px;
    background-color: #ffffff;
    position: absolute;
    z-index: 9000000;
    box-shadow: rgba(0,0,0,.133) 0 1.6px 3.6px 0,rgba(0,0,0,.11) 0 .3px .9px 0;
    right: 5.4%;
    top: 52px;
    border: 1px solid #000;
}

.dashboard-top-bar #slidingDiv {
    right: 2.5%;
    top: 59px;
    border: 1px solid #0078d4;
}

#slidingDiv a.white-link {
    color: #fff !important;
}

#slidingDiv ul {
    list-style: none;
    padding-left: 0px;
    padding-top: 1rem;
    font-size: 1.5rem;
}

.header-whatsnew #slidingDiv ul li {
    display: flex;
    line-height: 2.6rem;
}

#slidingDiv ul li i {
    padding-top: 6px;
    padding-right: 7px;
}

.sliding-div-border-bottom {
    background-color: #000;
    padding: 10px;
}

.dashboard-top-bar .sliding-div-border-bottom {
    background-color: #0078d4;
}

.header-whatsnew {
    margin-left: 10px;
    align-self: center;
}

    .header-whatsnew > a {
        background-color: #e6e6e6;
        padding: 4px 10px;
    }

        .header-whatsnew > a:hover {
            background-color: #000 !important;
            color: #fff !important;
            box-sizing: border-box;
        }

            .header-whatsnew > a:hover .whatsnew-expand {
                filter: brightness(0) invert(1);
            }

.whatsnew {
    font-size: 1.3rem !important;
}

.whatsnew-opened {
    background-color: #000 !important;
    color: #fff !important;
}

.whatsnew-collapse,
.whatsnew-expand {
    position: relative;
    float: right;
    width: 10px;
    height: 6px;
    top: 7px;
    margin-left: 5px;
}

.whatsnew-expand {
    background-position: -418px -421px;
}

.whatsnew-collapse {
    background-position: -407px -434px;
}

/************************************************* machsync *************************************************/

.sTitle,
.sTitle2 {
    background-color: #f2f2f2;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 1.5rem;
    cursor: pointer;
    font-weight: 600;
    color: #4f4f4f;
}

.dashboard-body span.sTitle,
.dashboard-body span.sTitle2 {
    background-color: #d9d9d9 !important;
}

.smallText {
    font-size: 1.2rem;
    padding-top: 0.5rem;
}

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

.width-200-px {
    width: 200px !important;
}

#PlansDetail > .Percent33 > div {
    margin-top: 0;
    padding: 0;
}

#PlansDetail2 .Percent25 > div {
    padding: 0 1rem;
}


.border-1px-ececec {
    border: 1px solid #ececec !important;
}

.ms-header-cart {
    padding: 10px 15px;
    color: #0078d4;
    font-weight: 600;
    font-size: 2rem;
    border-bottom: 1px solid #cecece;
}

/***************************************************** footer ************************************************/
.whatsnew-expand, .whatsnew-collapse, .Facebook, .Facebook:hover, .Twiter, .Twiter:hover,
.Linkedin, .Linkedin:hover, .google, .google:hover, .blog, .blog:hover, .youtube, .youtube:hover, .footer-icons, .caret, .caret:hover {
    background-image: url(../../images/icons/header.png);
}



footer a,
footer a h6 {
    color: #242424 !important;
    font-size: 1.4rem;
    line-height: 2.5rem;
}

    footer a h6:hover {
        color: #191919 !important;
    }

.footer-products {
    width: 30%;
}

.useful-links {
    width: 20%;
}

.fullBar-footer {
    background-color: #f2f2f2;
    padding-top: 45px;
    padding-bottom: 20px;
    clear: both;
}

.footer-products,
.useful-links {
    Padding-Left: 0px !important;
    padding-Right: 0px !important;
    float: left;
}

.footer-links {
    padding-left: 0px !important;
}

footer ul {
    list-style-type: none;
    padding-left: 0px;
}

footer .footer-links a:hover {
    color: #000000 !important;
    text-decoration: underline !important;
}

footer h5 {
    font-size: 1.7rem;
    font-weight: 600;
    color: #4f4f4f;
    padding-bottom: 20px;
}

.Help404 {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
    background: url(../../images/404-bg.jpg) bottom right no-repeat;
    line-height: 25px;
    text-align: left !important;
    padding: 30px;
    margin-top: 3rem;
    width: 100%;
}

.copyright {
    border-top: 1px solid #d4d4d4;
    font-size: 1.4rem !important;
    padding-top: 10px;
    margin-top: 10px;
    font-weight: 600;
    color: #191919;
}

    .copyright .machsol-inc,
    .copyright .machsol-inc a {
        color: #191919;
        font-size: 1.4rem !important;
        padding-top: 13px;
        text-align: left;
    }

.machsol-social-media {
    /*padding-top: 10px;*/
    display: table;
    float: right;
}

    .machsol-social-media .social-icon {
        float: left;
        margin-left: 10px;
        cursor: pointer;
    }

    .machsol-social-media .heading {
        float: left;
        padding-top: 3px;
    }

.Facebook:hover, .Twiter:hover, .Linkedin:hover, .vimeo:hover, .blog:hover, .youtube:hover {
    opacity: 0.8;
}

.Facebook {
    background-position: -214px -594px !important;
    width: 14px;
    height: 24px;
}



.Twiter {
    background-position: -231px -594px !important;
    width: 24px;
    height: 24px;
    margin-top: 2px;
}


.Linkedin {
    background-position: -259px -594px !important;
    width: 24px;
    height: 24px;
}


.google {
    background-position: -313px -594px !important;
    width: 24px;
    height: 22px;
    margin-top: 2px;
}



.blog {
    background-position: -287px -594px !important;
    width: 24px;
    height: 24px;
}


.youtube {
    background-position: -339px -594px !important;
    width: 27px;
    height: 20px;
    margin-top: 2px;
    margin-left: 13px !important;
}

#chatContainer {
    position: fixed;
    right: 5px;
    bottom: 50px;
    z-index: 999;
    cursor: pointer;
    height: 60px;
    width: 60px;
    border-radius: 50px;
    background-color: #0078d4;
}

.chat-icon {
    background-position: -414px -382px;
    width: 32px;
    height: 28px;
    text-align: center;
    margin-top: 15px;
    margin-left: 14px;
    filter: unset;
}

/********************************************* copy to clipboard **********************************************/

span.rev {
    unicode-bidi: bidi-override;
    direction: rtl;
}

.copy-clipboard {
    cursor: pointer;
    /*background-image: url('/images/icons/copy-icon.png');*/
    background-position: right bottom;
    background-repeat: no-repeat;
    display: inline-block;
    width: 24px;
    height: 24px;
    /*float: right;*/
    margin-right: 20px;
    margin-top: 5px;
}

li.list-copytoclipboard {
    /*line-height: 50px !important;*/
    cursor: pointer;
}

    li.list-copytoclipboard span {
        /*font-size: 2rem;
        font-weight: 500 !important;
        color: #000000 !important*/
    }

.col-three li.list-copytoclipboard span {
    color: #0078d4 !important;
}
/* Americas */
span.rev.AMT:before {
    content: "(5674 226) "
}

span.rev.AMT:after {
    content: " 778 1+";
}

span.rev.AMT-s:before {
    content: "5674 226 "
}

span.rev.AMT-s:after {
    content: " 1+";
}

span.rev.AME:before {
    content: "moc.los";
}

span.rev.AME:after {
    content: "@selas :liamE";
}

span.rev.Sup:before {
    content: "moc.los";
}

span.rev.Sup:after {
    content: "@troppus";
}

span.rev.AMP:before {
    content: "0172 903 ";
}

span.rev.AMP:after {
    content: " 1+ :enohP";
}

/* EMEA */
span.rev.EMP:before {
    content: "(5674 226) ";
}

span.rev.EMP:after {
    content: " 88 13+";
}

span.rev.EMP-s:before {
    content: "(5674 226) ";
}

span.rev.EMP-s:after {
    content: " 13+";
}

/* Australia */
span.rev.ASP:before {
    content: "0525 510 ";
}

span.rev.ASP:after {
    content: " 16+ :enohP";
}

span.rev.ASP-s:before {
    content: "0525 510 ";
}

span.rev.ASP-s:after {
    content: " 16+";
}

/********************************************************** animation ******************************************/

.anim-from-left, .anim-from-right {
    opacity: 1 !important;
}

.anim-fade, .anim-fade-down {
    opacity: 1 !important;
}

.anim-fade-down {
    margin-top: inherit !important;
}

.anim-fade, .anim-fade-down, .anim-from-left, .anim-from-right {
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none;
}

/*.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}*/

/*************************************************** store *************************/
.store-banner {
    background-color: #0078d4;
    min-height: 60px !important;
    text-align: center;
}

    .store-banner .banner-super-heading {
        color: #ffffff;
        letter-spacing: 0;
        display: block;
        line-height: 40px;
        font-size: 3rem;
        font-weight: 700;
    }

.storemain_div {
    font-size: 1.6rem;
}

    .storemain_div .formsCB label {
        display: contents;
    }

.order-detail {
    margin-top: 13px;
    background-color: #fff;
    padding: 0px 15px 20px 15px;
    overflow: hidden;
    border-radius: 4px;
    border: 1px solid var(--ux-1vw9arb,#d3d3d3);
}

.store-products {
    padding-top: 20px;
}

.store-product-name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 25px;
}

.license-type {
    color: Green;
    display: block;
    padding-top: 5px;
}

.store-product-price {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 25px;
    color: #0078d4;
}

.store-product-delete {
    margin-top: 5px;
    margin-left: 0px;
}

div.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 35px;
    /*border: 1px solid #dedbd6;*/
    /*display: inline-block;*/
}

.keep-shopping {
    margin-top: 20px;
    padding-bottom: 10px;
}

.order-summary {
    margin-top: 0px;
    background-color: #f5f7f8;
    padding: 20px 30px !important;
    border-radius: 4px;
    /*display: inline-block;*/
}

    .order-summary h3 {
        color: #000000;
        font-size: 2rem;
        font-weight: 600;
    }

    .order-summary span {
        font-weight: 600;
        /*padding-top: 20px;*/
    }

    .order-summary .grant-total,
    .order-summary .sub-total {
        border-top: 1px solid #bfbebe;
        margin-top: 20px;
    }

        .order-summary .sub-total span {
            font-weight: 600;
            padding-top: 20px;
        }

        .order-summary .grant-total span {
            font-size: 2rem;
            font-weight: 700;
            padding-top: 20px;
        }



    .order-summary .prominent span {
        font-weight: 600;
    }

    .order-summary .form-group .form-line.focused .form-label {
        top: -10px;
        left: 10px;
        font-size: 11px !important;
        background-color: #f5f7f8;
        color: #1a73e8 !important;
    }

    .order-summary input[type="text"].form-control {
        background-color: #f5f7f8 !important;
    }

    .order-summary .check-out {
        margin-top: 10px;
        text-align: center;
    }

.order-summary-footer {
    margin-left: 50px;
    margin-top: 15px;
}

    .order-summary-footer a {
        font-size: 14px !important;
    }

.StoreTable {
    background: #f5f7f8;
    line-height: 3rem;
    padding-bottom: 1%;
    /*display: table;*/
    width: 100%;
    max-height: 300px;
    overflow-y: scroll;
}

/*ul.grey-bullet li {
    list-style: none;
    line-height: 35px;
}

    ul.grey-bullet li:before {
        content: "\e258";
        font-family: 'Glyphicons Halflings';
        font-size: 11px;
        color: #6e6e6e;
        padding-right: 6px;
    }*/
/********************************************** cookie dialogue ********************************************/
#CookieDialog {
    background-color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    color: #333;
    font-size: 1.3rem;
    padding: 6px 0 0;
    text-align: left;
    box-shadow: #121212 2px 2px 14px 2px;
    width: 100%;
}

    #CookieDialog h5 {
        font-size: 1.6rem;
    }

    #CookieDialog .nav-tabs > li > a {
        display: block;
        font-size: 1.3rem;
        font-weight: bold;
        padding: 10px;
    }

    #CookieDialog .nav-tabs > li.active > a, #CookieDialog .nav-tabs > li.active > a:focus, #CookieDialog .nav-tabs > li.active > a:hover {
        background-color: transparent;
        color: #191919;
    }

#about-cookie, #cookie-declaration {
    height: 158px !important;
}

.show-detail {
    padding-bottom: 10px;
}

#hide-detail, #show-detail {
    background-position: 95% center;
}

#hide-detail, #show-detail, .connector {
    background-repeat: no-repeat;
}

.btn-cookie {
    padding: 3px 20px 3px 9px !important;
    color: #fff;
    background-color: #a2a2a2;
    border-color: #a2a2a2;
    font-size: 1.3rem;
}

.btn-ok {
    padding: 3px 30px !important;
    font-size: 1.3rem;
}

.btn-default-small {
    padding: 3px 20px !important;
}

.btn-cookie.active, .btn-cookie.focus, .btn-cookie:active, .btn-cookie:focus, .btn-cookie:hover, .open > .dropdown-toggle.btn-cookie {
    color: #fff;
    background-color: #d9d9d9;
    border-color: #d9d9d9;
}

.btn-ok {
    color: #fff;
    background-color: #169c15;
    border-color: #169c15;
}

    .btn-ok.active, .btn-ok.focus, .btn-ok:active, .btn-ok:focus, .btn-ok:hover, .open > .dropdown-toggle.btn-ok {
        color: #169c15;
        background-color: transparent;
        border-color: #169c15;
    }

.cookie-top-portion {
    text-align: justify;
    display: inline-block;
}

#cookie-declaration {
    overflow-y: hidden;
    overflow-x: hidden;
}

#show-detail {
    background-image: url(../../images/icons/icon-expand.png);
}

#hide-detail {
    background-image: url(../../images/icons/icon-collapse.png);
}

.cookie-declaration-table {
    width: 100%;
    padding: 10px 15px 0 0;
}


/******************************************************************** common styles *********************************/
.hide {
    display: none !important;
}

.hidden {
    display: none !important;
}

.block-inblock {
    display: block;
}

.responsive-img {
    max-width: 100%;
}

.border-0 {
    border: 0;
}

.border-1px-solid {
    border: 1px solid #dfdfdf;
    border-radius: 10px;
}

.text-align-justify {
    text-align: justify;
}

.min-h-unset {
    min-height: unset;
}

.m-l-1rem {
    margin-left: 1rem;
}

.m-l-4rem {
    margin-left: 4rem;
}

.m-t-0 {
    margin-top: 0px !important;
}

.m-t-1rem {
    margin-top: 1rem;
}

.m-t-2rem {
    margin-top: 2rem;
}

.m-t-3rem {
    margin-top: 3rem;
}

.m-t-60 {
    margin-top: 60px;
}

.m-t-35 {
    margin-top: 3.5rem;
}

.m-t-45 {
    margin-top: 4.5rem;
}

.m-b-0 {
    margin-bottom: 0;
}

.m-b-2rem {
    margin-bottom: 2rem;
}

.m-r-5rem {
    margin-right: 5rem;
}

.m-r-3rem {
    margin-right: 3rem;
}


.m-r-2rem {
    margin-right: 2rem;
}

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}


.display-none {
    display: none;
}

.font-bold {
    font-weight: bold !important;
}

.font-italic {
    font-style: italic;
}

.divider-header {
    padding: 0px 5px;
    opacity: 1;
    color: #d9d9d9;
}

.no-bg {
    background: none;
}

.color-white {
    color: #fff !important;
}

.color-33344a {
    color: #33344a !important;
}

.color-green {
    color: #26b10f !important;
}

.color-csp {
    color: #1dbaed !important;
}

.color-1f68b2 {
    color: #1f68b2;
}

.color-066fc2 {
    color: #066fc2;
}

.color-e61d26 {
    color: #d12127 !important;
}

.color-default {
    color: #d12127 !important;
}

.color-blue {
    color: #0078d4 !important;
}

.color-ex {
    color: #91cfff !important;
}

.color-red {
    color: red !important;
}

.color-yellow {
    color: #fcd58c;
}

.color-office-365 {
    color: #ed6c06 !important;
}

.color-purple {
    color: #5fff05;
}

.color-515151 {
    color: #515151;
}

.color-333333 {
    color: #333 !important;
}

.color-0098db {
    color: #0098db;
}

.color-191919 {
    color: #191919 !important;
}

.color-19358a {
    color: #19358a !important;
}

.color-000 {
    color: #000;
}

.color-DB312D {
    color: #DB312D;
}

.color-d91b18 {
    color: #d91b18;
}

.color-7cbb00 {
    color: #7cbb00;
}

.color-b3b3b3 {
    color: #b3b3b3;
}

.color-c62c31 {
    color: #c62c31;
}

.color-orange {
    color: #e43f01;
}

.color-1A1818 {
    color: #1A1818;
}

.color-575757 {
    color: #575757;
}

.color-1cc65c {
    color: #1cc65c;
}

.color-25354a {
    color: #25354a;
}

.color-fefefe {
    color: #fefefe;
}

.bg-color-setup {
    background-color: #f5f7f8 !important;
}

.subscribeCheckbox {
    color: #575757;
    vertical-align: middle;
    border: 0 solid red;
}

    .subscribeCheckbox input[type=checkbox] {
        display: none;
        cursor: pointer;
    }

        .subscribeCheckbox input[type=checkbox] + label {
            background: url(../../images/off.png) no-repeat;
            height: 26px;
            padding-left: 40px;
            padding-bottom: 10px;
            cursor: pointer;
            color: #575757;
        }

        .subscribeCheckbox input[type=checkbox]:checked + label {
            background: url(../../images/on.png) no-repeat;
            height: 26px;
            cursor: pointer;
        }

.phone {
    background: url(../../images/icons/support-phone.png) no-repeat;
    height: 50px;
    /*padding-left: 50px;
    margin-left: 35px;*/
    background-position: center;
}

.phone-number .link {
    font-size: 1.5rem;
    font-weight: 600 !important;
    text-transform: uppercase;
    padding: 6px 0px 6px 0px;
    color: #191919;
    text-decoration: none;
}

.phone-number > a > span:hover {
    /*color: #000000;*/
    text-decoration: underline;
}

.text-align-left {
    text-align: left !important;
}

.text-align-right {
    text-align: right !important;
}

.text-align-center {
    text-align: center !important;
}

.line-height-4rem {
    line-height: 4rem;
}

.div-sm {
    text-align: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    background-color: #f9f9f9;
    border-bottom: 1px solid #eee;
}

    .div-sm a {
        /*border-bottom: 2px solid #0078d4;*/
    }

.p-1rem {
    padding: 1rem !important;
}

.p-0 {
    padding: 0px;
}

.p-15 {
    padding: 1.5rem;
}

.p-t-b-1rem {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.p-t-b-20 {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.p-b-20 {
    padding-bottom: 2rem;
}

.p-b-30 {
    padding-bottom: 3rem;
}

.p-t-0 {
    padding-top: 0px;
}

.p-t-20 {
    padding-top: 2rem;
}

.p-t-30 {
    padding-top: 3rem;
}

.p-t-10 {
    padding-top: 1rem;
}

.p-t-5 {
    padding-top: 0.5rem;
}

.p-t-6rem {
    padding-top: 6rem !important;
}

.p-t-b {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.b-r-6 {
    border-radius: 6px;
}

.default-margin-top {
    margin-top: 5rem;
}

.p-5Percent {
    padding: 5% !important;
}

.p-l-r {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.p-l-r-s {
    padding-left: 5% !important;
    padding-right: 5% !important;
}

.p-l-r-2-Percent {
    padding-left: 2% !important;
    padding-right: 2% !important;
}

.p-l-r-10-Percent {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.p-l-r-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.p-l-1p5rem {
    padding-left: 1.5rem;
}

.p-l-1rem {
    padding-left: 1rem;
}

.p-l-2rem {
    padding-left: 2rem !important;
}

.p-l-3rem {
    padding-left: 3rem;
}

.p-r-1p5rem {
    padding-right: 1.5rem;
}

.font-size-2rem {
    font-size: 2rem !important;
}

.font-size-30 {
    font-size: 3rem !important;
}

.font-size-4rem {
    font-size: 4rem !important;
}

.width-30-Percent {
    width: 30% !important;
}

.width-50-Percent {
    width: 50% !important;
}

.width-100-Percent {
    width: 100%;
}

.width-100-Percent-ni {
    width: 100% !important;
}

.width-70-Percent {
    width: 70%;
}

.m-auto {
    margin: auto;
}

.font-weight-500 {
    font-weight: 500 !important;
}

.font-weight-600 {
    font-weight: 600;
}

.b-r-d7d7d7 {
    border-right: 1px solid #c3c3c3;
}

.b-l-d7d7d7 {
    border-left: 1px solid #c3c3c3;
}

.b-b-d7d7d7 {
    border-bottom: 1px solid #c3c3c3;
}

.cursor-pointer {
    cursor: pointer;
}

/************ grid columns custom styling */

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.bg-white {
    background-color: #fff !important;
}

.bg-grey {
    background-color: #f2f2f2 !important;
}

.bg-f9f9f9 {
    background-color: #f9f9f9 !important;
}

#trynow {
    background-color: #f2f2f2 !important;
}

.bg-blue {
    background-color: #0078d4 !important;
}

.bg-333 {
    background-color: #333;
}

.PRDetail-borderLine {
    height: 1px;
    border-top: 1px dashed #dedbd6;
}

.loc > .post-slide {
    min-height: auto !important;
}


@media (min-width:1400px) {
    /*html {
        font-size: 75% !important; /* (12/16) * 100 = 75% i.e. 12px 
    }*/


}

@media (min-width:1200px) {
    .hidden-lg {
        display: none !important;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .hidden-md {
        display: none !important;
    }
}

/* following media query for combined classes of top menu for mobile device and tabs */
@media (max-width: 991px) {

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

    .tabs-section .horizontal__tabs h4 {
        font-size: 2rem !important;
    }

    #changemenu-xs {
        padding-top: 15px;
    }


    .login-detail,
    .forget-detail,
    .register-form,
    .contact-form {
        width: 100%;
    }



    .navbar-wrapper {
        height: 50px;
    }

    .navbar-Main {
        width: 100%;
        position: relative;
        padding-left: 0;
        float: left;
        margin-top: 10px;
        background-color: #f2f2f2;
        z-index: 999;
    }

    .nav-linklayout > ul {
        border-top: 2px solid #e1e1e1;
    }

    .nav-linklayout > li {
        background-color: #f1f1f1;
        border-bottom: none;
        font-weight: 600;
    }

    .nav-mobile {
        background-color: #f2f2f2;
    }

        .nav-mobile > ul {
            border-top: 1px solid #e1e1e1;
        }

            .nav-mobile > ul > li {
                border-bottom: 1px solid #cccacb !important;
            }

                .nav-mobile > ul > li.navitem-child:hover {
                    color: #fff;
                }

    .nav > li {
        display: block;
        position: relative;
    }

        .nav > li, .nav > li > a {
            display: block;
            position: relative;
        }

    .wrap.default-menu .change-menu ul.nav.navbar-nav li a.menu-xs, .wrap.default-menu .change-menu ul.nav.navbar-nav li a.menu-xs:hover, .wrap.default-menu ul.nav.navbar-nav li a.link, ul.nav.navbar-nav li a.link, ul.nav.navbar-nav li a.link:hover, ul.nav.navbar-nav li a.menu-xs, ul.nav.navbar-nav li a.menu-xs:hover {
        color: #313131;
        /*font-size: 1.7rem;*/
        cursor: pointer;
        border-bottom: 1px solid #e6e6e6 !important;
        padding: 14px 10px;
    }

    .nav.navbar-nav > li > a {
        padding: 10px !important;
    }

    .dropdown-menu {
        position: absolute;
        top: 70%;
        z-index: 1000;
        display: none;
        float: left;
        margin-left: 0px;
        min-width: 100%;
        text-align: left;
        list-style: none;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
    }

    .nav.navbar-nav li a.dropdown-toggle span:after {
        display: none;
    }

    .menu-xs,
    .link.menu-about-machsol {
        margin-left: 0px !important;
    }

    .menulist-xs {
        width: 100%;
        float: left;
        padding: 5px 0px !important;
        background-color: #f2f2f2;
        border-bottom: 1px solid #e6e6e6 !important;
        color: #262626 !important;
    }

        .menulist-xs:hover {
            background-color: #eee;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
        border-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #d12127;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #858585;
            background-color: transparent;
        }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #858585;
        background-color: #080808;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #444;
        background-color: transparent;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #d9d9d9;
    }

        .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
            color: #333;
            background-color: transparent;
        }

    .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover {
        color: #ccc;
        background-color: transparent;
    }

    nav {
        height: unset;
    }

    .caret-xs {
        width: 10px;
        height: 22px;
        background-image: url(../../images/icons/arrow-dropdown.png);
        float: right;
        background-repeat: no-repeat;
        background-position: 0px 12px;
    }

    .flex-container.cMenu > div,
    .flex-container.cMenu > div:first-child {
        width: 100%;
    }

    .cMenu-sm {
        text-align: center;
        background-color: #d9d9d9;
        width: 100%;
        padding: 5px 15px;
    }

        .cMenu-sm ul {
            background: #d9d9d9;
            list-style: none;
            margin: 0;
            padding-left: 0;
        }

        .cMenu-sm li {
            color: #fff;
            background: #d9d9d9;
            display: block;
            float: left;
            padding: 1rem 3rem;
            position: relative;
            text-decoration: none;
            transition-duration: 0.5s;
        }

            .cMenu-sm li a {
                color: #616161;
                font-size: 1.6rem;
                font-weight: 600;
            }

            .cMenu-sm li:hover,
            .cMenu-sm li:focus-within {
                background: #33344a;
                cursor: pointer;
            }

                .cMenu-sm li:focus-within a {
                    outline: none;
                }

        .cMenu-sm ul li ul {
            background: orange;
            visibility: hidden;
            opacity: 0;
            min-width: 5rem;
            position: absolute;
            transition: all 0.5s ease;
            margin-top: 1rem;
            left: 0;
            display: none;
            width: 100%;
            z-index: 99;
        }

            .cMenu-sm ul li:hover > ul,
            .cMenu-sm ul li:focus-within > ul,
            .cMenu-sm ul li ul:hover,
            .cMenu-sm ul li ul:focus {
                visibility: visible;
                opacity: 1;
                display: block;
            }

            .cMenu-sm ul li ul li {
                clear: both;
                width: 100%;
                padding: 1rem 0;
            }

    #Government .box {
        width: 100%;
    }

    .nav.navbar-nav li.mega-dropdown {
        padding-right: 0;
    }

    .Submenu-Main,
    .menuProducts,
    .menuServices,
    .menuSupport,
    .menuAboutUs {
        margin-top: 0;
    }
}

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

    html {
        font-size: 60% !important; /*  */
    }

    .hidden-sm {
        display: none !important;
    }

    .nav-mobile {
        margin: -4px -51px;
    }

    .main-banner,
    .about-page-banner,
    .whyus-page-banner,
    .promotions-page-banner,
    .accreditation-page-banner,
    .artwork-page-banner,
    .testimonials-page-banner,
    .legal-page-banner,
    .terms-page-banner,
    .eula-page-banner,
    .privacy-page-banner,
    .trademarks-page-banner,
    .copyright-page-banner,
    .products-page-banner,
    .banner-exchange-migration,
    .exchange-page-banner,
    .signatures-page-banner,
    .cloud-migration-page-banner,
    .cloudblue-page-banner,
    .mp-page-banner,
    .hybrid-page-banner,
    .vps-page-banner,
    .CSP-page-banner,
    .adsync-page-banner,
    .sharepoint-page-banner,
    .crm-page-banner,
    .sfb-page-banner,
    .rds-page-banner,
    .adm-page-banner,
    .wf-page-banner,
    .wh-page-banner,
    .turnkey-page-banner,
    .migration-page-banner,
    .training-page-banner,
    .professional-page-banner,
    .support-page-banner,
    .partners-page-banner,
    .idsync-manager-page-banner,
    .locations-page-banner {
        background-position: left center;
        min-height: 60vh !important;
        margin-top: 0;
    }

    .pricing-banner {
        margin-top: 0;
        min-height: 25vh !important;
    }

    .banner-content {
        width: 75%;
    }

    #our-partners .media-carousel,
    #our-products .media-carousel {
        padding: 0;
    }

    #our-partners .carousel-control-next.next, #our-products .carousel-control-next.next {
        right: -25px;
    }

    #our-partners .carousel-control-prev.prev, #our-products .carousel-control-prev.prev {
        left: -25px;
    }

    .block-inblock {
        display: none;
    }

    .post-slide {
        width: 45%;
    }

    .flex-container.prodTabs > div {
        width: 50%;
    }

        .flex-container.prodTabs > div:first-child {
            width: 50%;
        }

    .home-page-tabs-exchange,
    .home-page-tabs-csp,
    .home-page-tabs-vps,
    .home-page-tabs-skype,
    .home-page-tabs-crm,
    .home-page-tabs-sharepoint,
    .home-page-tabs-adsync,
    .home-page-tabs-machsync {
        min-height: unset !important;
    }

    .flex-container.newsSec > div {
        width: 29%;
    }

    .flex-container.needHelp > div {
        width: 50%;
    }

    .tabs-section.home-page-tabs .nav-tabs > li {
        white-space: nowrap;
    }

    .explore-more .post-slide {
        width: 45%;
    }

    .homepage-contactus .post-slide {
        margin: 0;
    }

    .homepage-contactus .colum-divider {
        flex-grow: unset;
    }

    .flex-container.reqPric > div,
    .flex-container.intSec > div,
    .flex-container.intSec > div:first-child,
    .flex-container.csp > div,
    .flex-container.csp > div:first-child,
    .flex-container.reqSec > div,
    .flex-container.reqSec > div:first-child,
    .flex-container.Percent50 > div,
    .flex-container.Percent49 > div,
    .flex-container.Percent45 > div,
    .flex-container.Percent33 > div {
        width: 100%;
        margin-top: 2rem;
    }

    .flex-container.Percent25 > div,
    .flex-container.Percent20 > div,
    .flex-container.Percent19 > div,
    .flex-container.MSFeatures > div {
        width: 50%;
        margin-top: 2rem;
    }

    .flex-container.Percent12 > div,
    .flex-container.Percent11 > div {
        width: 25%;
        margin-top: 2rem;
    }

    #banner-exchange-migration-bg {
        min-height: 350px;
        margin-top: 20px;
        max-height: 600px;
    }

    .migration-easy-steps {
        min-height: 250px;
    }

    .show-sm {
        display: block !important;
    }

    .p-sm-0 {
        padding: 0 !important;
    }

    .align-center-sm {
        text-align: center !important;
    }

    .flex-container.prodTabs > div {
        width: 100% !important;
        padding: 0px !important;
        text-align: center;
        align-self: center;
    }

    .exchange-page-video {
        width: 100%;
    }

    .post-slide {
        width: 50%;
        text-align: center;
    }

    .explore-more .post-slide {
        width: 100%;
        text-align: center;
    }

    .post-slide, .col-xs-features {
        width: 50%;
    }

    .flex-container.featBox > div:first-child {
        border: 0;
        padding: 0;
    }

    .whmcs-integration, .get-started-now {
        text-align: center;
    }

    .O365-benefits-portion-sm {
        background-color: #fff;
        color: #000;
    }

    .flex-container.videoSec > div {
        width: 100%;
    }

        .flex-container.videoSec > div:first-child {
            width: 100%;
        }

    .flex-container.needHelp > div {
        width: 100%;
        /*padding-left: 10%;
        padding-right: 10%;*/
    }

    .flex-container.newsSec > div {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #ddd;
        padding: 5px;
        box-shadow: unset;
        margin: auto;
        scale: unset;
        margin-top: 2rem;
    }

    .MicrosoftExchangeimg {
        margin: 0px 190px;
    }

    .MicrosoftSkype4bimg {
        margin: 0px 190px;
    }

    .MicrosoftSharepointimg {
        margin: 0px 190px;
    }

    .MicrosoftCRMimg {
        margin: 0px 190px;
    }

    .homepage-contactus .post-slide {
        box-shadow: none;
        width: 100%;
        margin: 10px;
    }

    /*.contact-form {
        width: 65%;
        margin: auto;
        padding: 3rem;
    }*/

    .p-l-r-s {
        padding-left: 0% !important;
        padding-right: 0% !important;
    }
}

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

    html {
        font-size: 50% !important; /*  */
    }

    .nav-mobile {
        margin: -5px -20px;
    }

    .heading-xs {
        text-align: center;
    }

    .cMenu-sm ul li ul {
        min-width: 17rem;
    }

    .white-button-dark,
    .blue-button-dark,
    .portal-button-dark,
    .white-button-light,
    .blue-button-light,
    .portal-button-light,
    .green-button-dark {
        padding: 10px;
    }

    section > h2,
    section > p,
    .container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .banner-super-heading {
        line-height: 4rem;
        font-size: 3rem;
    }

    #pricing-page .box-content {
        padding: 20px;
    }

    h2 {
        font-size: 2.5rem !important;
    }

    p {
        font-weight: normal !important;
    }

    .block-inblock-xs {
        display: block;
    }


    /*.machsol-forms {
        font-size: 3rem !important;
        line-height: 2.5rem !important;
    }

        .machsol-forms.p-t-form {
            padding-top: 10rem !important;
        }*/
    .p-xs-0 {
        padding: 0;
    }

    /*.black-button {
        margin-right: 0;
    }*/


    span.prodHeading {
        font-size: 1.6rem;
        padding-left: 0.5rem;
        font-weight: 500;
    }

    .tabs-section .nav-tabs {
        border-bottom: 0px solid #c6c6c6;
        height: 50px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #our-partners .media-carousel,
    #our-products .media-carousel {
        margin-bottom: 0;
        padding: 0;
        margin-top: 10px;
    }




    .main-banner,
    .about-page-banner,
    .whyus-page-banner,
    .promotions-page-banner,
    .accreditation-page-banner,
    .artwork-page-banner,
    .testimonials-page-banner,
    .legal-page-banner,
    .terms-page-banner,
    .eula-page-banner,
    .privacy-page-banner,
    .trademarks-page-banner,
    .copyright-page-banner,
    .products-page-banner,
    .banner-exchange-migration,
    .exchange-page-banner,
    .signatures-page-banner,
    .cloud-migration-page-banner,
    .cloudblue-page-banner,
    .mp-page-banner,
    .hybrid-page-banner,
    .CSP-page-banner,
    .vps-page-banner,
    .adsync-page-banner,
    .sharepoint-page-banner,
    .crm-page-banner,
    .sfb-page-banner,
    .rds-page-banner,
    .adm-page-banner,
    .wf-page-banner,
    .wh-page-banner,
    .turnkey-page-banner,
    .migration-page-banner,
    .training-page-banner,
    .professional-page-banner,
    .support-page-banner,
    .pricing-banner,
    .partners-page-banner,
    .idsync-manager-page-banner,
    .locations-page-banner {
        background-position: left center;
        margin-top: 30px;
        min-height: 50vh !important;
    }

    .pricing-banner {
        /*margin-top: 0;*/
        min-height: 32vh !important;
    }

    .banner-content {
        width: 100%;
        text-align: center;
        padding-left: 5%;
        padding-right: 5%;
    }

    .blue-button-dark, .blue-button-light, .green-button-dark {
        padding: 8px 16px;
    }

    .our-partners-box {
        margin-top: 2.5rem;
    }

    /*.flex-container > div {
        width: 100%;
    }*/

    .b-l-d7d7d7 {
        border: 0;
    }

    .no-bg-xs {
        background: none;
    }

    .flex-container.reqPric > div,
    .flex-container.intSec > div,
    .flex-container.intSec > div:first-child,
    .flex-container.reqSec > div,
    .flex-container.reqSec > div:first-child,
    .flex-container.Percent50 > div,
    .flex-container.Percent49 > div,
    .flex-container.Percent45 > div,
    .flex-container.Percent30 > div,
    .flex-container.Percent33 > div,
    .flex-container.Percent25 > div,
    .flex-container.Percent20 > div,
    .flex-container.Percent19 > div,
    .flex-container.csp > div,
    .flex-container.MSFeatures > div,
    .flex-container.csp > div:first-child,
    .flex-container.MSForm > div:first-child,
    .flex-container.PlansAndResources > div:first-child {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-top: 2rem;
    }

    .flex-container.PopupInfo > div,
    .flex-container.PopupInfo > div:first-child,
    .flex-container.Scenarios > div,
    .flex-container.Scenarios > div.content {
        width: 100%;
    }

    .flex-container.MSForm > div {
        width: 33%;
    }

    .flex-container.PlansAndResources > div {
        width: 50%;
    }

    .flex-container.MSAddons > div,
    .flex-container.MSSPlans > div {
        width: 50%;
        padding: 10px;
    }

    .flex-container.Percent19 > li {
        width: unset;
    }

    .justify-content-start-xs {
        justify-content: flex-start;
    }

    .cMenu-sm {
        padding: 0;
    }

    .flex-container.Percent12 > div,
    .flex-container.Percent11 > div {
        width: 50%;
        margin-top: 2rem;
    }

    .show-xs {
        display: block !important;
    }

    #banner-exchange-migration-bg {
        margin-top: 20px;
        min-height: 350px;
        max-height: 600px;
    }

    .migration-easy-steps {
        min-height: 170px;
    }

    .homepage-contactus .post-slide:not(:first-of-type) {
        width: 100%;
    }

    .align-center-xs {
        text-align: center !important;
    }

    #InnerFeatures .carousel-inner_banner {
        padding: 0;
    }

    .flex-container.prodTabs > div {
        width: 100% !important;
        padding: 0px !important;
        text-align: center;
        align-self: center;
    }

    .exchange-page-video {
        width: 100%;
    }

    .explore-more .post-slide {
        width: 100%;
        text-align: center;
    }

    .post-slide, .col-xs-features {
        width: 100%;
    }

    .whmcs-integration, .get-started-now {
        text-align: center;
    }

    .flex-container.featBox > div:first-child {
        border: 0;
        padding: 0;
    }

    .flex-container.videoSec > div {
        width: 100%;
    }

        .flex-container.videoSec > div:first-child {
            width: 100%;
        }

    .flex-container.needHelp > div {
        width: 100%;
        padding-left: 10%;
        padding-right: 10%;
        color: white;
    }

    .flex-container.newsSec > div {
        width: 100%;
        border-radius: 10px;
        border: 1px solid #ddd;
        padding: 5px;
        box-shadow: unset;
        margin: auto;
        scale: unset;
        margin-top: 2rem;
    }

    .flex-container.storySec > div {
        width: 100%;
    }

    #our-products .media-carousel .carousel-indicators {
        left: 43%;
    }

    .post-img {
        padding-top: 10px;
    }

    .latest-news h2 {
        float: unset;
    }

    .latest-news h6 {
        float: unset;
        text-align: center;
    }

    .hidden-xs {
        display: none !important;
    }

    .width-100-Percent-xs {
        width: 100% !important;
    }

    .post-slide {
        width: 100%;
        text-align: center;
    }

    .tabs-section.home-page-tabs .nav-tabs > li {
        width: 25%;
        white-space: nowrap;
    }

    #pricing-page .nav-tabs {
        padding-top: 2rem;
    }

    #pricing-page .board-inner {
        border: 1px solid transparent;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .b-r-d7d7d7 {
        border-right: 1px solid transparent;
    }

    .pFeatures ul {
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        text-align: left;
        padding-left: 4rem;
    }

    #pricing-page .board-inner .nav-tabs > li {
        width: 25%;
    }

    #Government .page-header .module-name {
        border-right: 1px solid transparent;
    }
    /*#pricing-page .tabs-section .nav-tabs > li {
        width: 25%;
        white-space: nowrap;
    }*/
    .tabs-section .horizontal__tabs, .tabs-section .horizontal__tabs h4, .tabs-section .horizontal__tabs h5, .tabs-section .horizontal__tabs p {
        text-align: center;
    }

    #myTab.nav > li > a {
        padding: 10px 5px;
    }

    .tabs-section .banner-tabs {
        /*padding: 8px 5px 8px 5px;*/
        width: 100%;
    }

    .MicrosoftExchangeimg {
        margin: 0px 45px;
    }

    .MicrosoftSkype4bimg {
        margin: 0px 60px 10px 60px;
    }

    .MicrosoftSharepointimg {
        margin: 0px 60px 10px 45px;
    }

    .MicrosoftCRMimg {
        margin: 0px 45px;
    }

    /*.main-banner {
        background-position: left center;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 70vh !important;
    }*/

    .block-inblock {
        display: none;
    }

    .need-help-deployment-img {
        background-image: url(../../images/home-page/need-help-deployment-xs.jpg);
        background-color: #ebe9e3;
        background-repeat: repeat;
        background-position: center right;
        min-height: 400px;
        background-size: cover;
        margin-top: 40px;
    }

    .need-help-deployment h2,
    .need-help-deployment h3,
    .need-help-deployment p {
        color: #191919;
    }

    .need-help-deployment ul li {
        color: #fff;
    }

    /*.latest-news-box-one,
    .latest-news-box-two {
        background-color: #fff;
        min-height: 300px;
        padding: 0px 0px 0px 0px;
        box-shadow: none;
        margin: 20px 0px 20px 0px;
        display: block;
    }*/

    .homepage-contactus .post-slide {
        box-shadow: none;
        width: 100%;
    }

    .post-slide.heading {
        border: 0;
    }

    .post-slide {
        background-color: #fdfdfd;
        border-radius: 10px;
        border: 1px solid #ddd;
        padding: 35px 20px 35px 20px;
        font-size: 2.0rem;
        box-shadow: 0 .1875rem .4375rem 0 rgba(0,0,0,.13),0 .0625rem .125rem 0 rgba(0,0,0,.11);
        margin: 15px 10px 15px 10px;
    }

    .footer-products, .useful-links {
        width: 100%;
    }



    footer ul li {
        padding-left: 0;
        padding-right: 10px;
        float: left;
        width: 50%;
    }

    .copyright, .machsol-inc {
        text-align: center !important;
    }

    footer h5 {
        font-size: 1.5rem;
        font-weight: 700;
        color: #191919;
        padding-bottom: 20px;
        padding-top: 20px;
    }

    #slidingDiv {
        right: -13%;
        top: 45px;
    }

    .width-30-Percent {
        width: unset !important;
    }
}

@media (max-width:575px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid {
        width: 100%;
    }
}

@media (min-width:576px) and (max-width: 767px) {
    .container, .container-sm {
        width: 95%;
    }

    .container-md, .container-lg, .container-xl, .container-xxl, .container-fluid {
        width: 100%;
    }
}

@media (min-width:768px) and (max-width: 991px) {
    html {
        font-size: 50% !important;
    }

    .container, .container-sm, .container-md {
        width: 95%;
    }

    .container-lg, .container-xl, .container-xxl, .container-fluid {
        width: 100%;
    }
}

@media (min-width:992px) and (max-width: 1199px) {
    .container, .container-sm, .container-md, .container-lg {
        width: 95%;
    }

    .container-xl, .container-xxl, .container-fluid {
        width: 100%;
    }
}

@media (min-width:1200px) and (max-width: 1399px) {
    .container, .container-sm, .container-md, .container-lg, .container-xl {
        max-width: 90%;
    }

    .container-xxl, .container-fluid {
        width: 100%;
    }
}

@media (min-width:1400px) {
    html {
        font-size: 62.5% !important;
    }

    .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
        width: 95%;
    }

    .container-fluid {
        width: 100%;
    }

    .header-whatsnew > a {
        padding: 5px 10px;
    }

    #slidingDiv {
        top: 54px;
    }
}

@media (min-width:1700px) {
    .container {
        max-width: 1600px;
    }

    .pricing-banner {
        background-color: #24303e;
        background-repeat: repeat;
        min-height: 400px;
        min-height: 35vh !important;
    }

    .header-whatsnew > a {
        padding: 4px 10px;
    }
}

@media (min-width:1400px) and (max-width: 1499px) {
    #slidingDiv {
        right: 1%;
    }
}

@media (min-width:1500px) and (max-width: 1599px) {
    #slidingDiv {
        right: 6.6%;
    }
}

@media (min-width:1600px) and (max-width: 1699px) {
    #slidingDiv {
        right: 3%;
    }
}

@media (min-width:1700px) and (max-width: 1799px) {
    #slidingDiv {
        right: 3%;
    }
}

@media (min-width:1800px) and (max-width: 1899px) {
    #slidingDiv {
        right: 10.9%;
    }
}

@media (min-width:1900px) and (max-width: 1999px) {
    #slidingDiv {
        right: 20.6%;
    }
}

@media (min-width:2000px) and (max-width: 2099px) {
    #slidingDiv {
        right: 10.8%;
    }
}

@media (min-width:2100px) {
    #slidingDiv {
        right: 20.6%;
    }
}


@media screen and (max-width: 1024px) and (orientation: landscape) {
 .main-banner,
    .about-page-banner,
    .whyus-page-banner,
    .promotions-page-banner,
    .accreditation-page-banner,
    .artwork-page-banner,
    .testimonials-page-banner,
    .legal-page-banner,
    .terms-page-banner,
    .eula-page-banner,
    .privacy-page-banner,
    .trademarks-page-banner,
    .copyright-page-banner,
    .products-page-banner,
    .banner-exchange-migration,
    .exchange-page-banner,
    .signatures-page-banner,
    .cloud-migration-page-banner,
    .cloudblue-page-banner,
    .mp-page-banner,
    .hybrid-page-banner,
    .vps-page-banner,
    .CSP-page-banner,
    .adsync-page-banner,
    .sharepoint-page-banner,
    .crm-page-banner,
    .sfb-page-banner,
    .rds-page-banner,
    .adm-page-banner,
    .wf-page-banner,
    .wh-page-banner,
    .turnkey-page-banner,
    .migration-page-banner,
    .training-page-banner,
    .professional-page-banner,
    .support-page-banner,
    .partners-page-banner,
    .idsync-manager-page-banner,
    .locations-page-banner {
    min-height: 100vh !important;
    }
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

@media (min-width:768px) {
    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }
}

@media (min-width:992px) {
    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }
}


@media (min-width:1200px) {
    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }
}






/*@media (min-width:520px) {
    .container {
        width: 500px;
    }
}


@media (min-width:540px) {
    .container {
        width: 520px;
    }
}

@media (min-width:560px) {
    .container {
        width: 540px;
    }
}

@media (min-width:580px) {
    .container {
        width: 562px;
    }
}

@media (min-width:600px) {
    .container {
        width: 580px;
    }
}


@media (min-width:620px) {
    .container {
        width: 600px;
    }
}

@media (min-width:640px) {
    .container {
        width: 620px;
    }
}

@media (min-width:660px) {
    .container {
        width: 640px;
    }
}


@media (min-width:680px) {
    .container {
        width: 660px;
    }
}

@media (min-width:700px) {


    .container {
        width: 680px;
    }
}

@media (min-width:720px) {
    .container {
        width: 700px;
    }
}

@media (min-width:740px) {


    .container {
        width: 720px;
    }
}

@media (min-width:767px) {
    .container {
        width: 760px;
    }
}

@media (min-width:780px) {
    .container {
        width: 760px;
    }
}

@media (min-width:800px) {
    .container {
        width: 780px;
    }
}

@media (min-width:820px) {
    .container {
        width: 800px;
    }
}

@media (min-width:840px) {
    .container {
        width: 820px;
    }
}

@media (min-width:860px) {
    .container {
        width: 840px;
    }
}

@media (min-width:880px) {
    .container {
        width: 860px;
    }
}

@media (min-width:900px) {
    .container {
        width: 880px;
    }
}


@media (min-width:992px) {
    .container {
        width: 992px;
        min-width: 992px;
        max-width: 992px
    }
}

@media (min-width:1200px) {
    .container {
        width: 1200px;
        min-width: 1200px;
        max-width: 1200px
    }
}


@media (min-width:1366px) and (max-width: 1399px) {
    .container {
        width: 1366px;
        min-width: 1366px;
        max-width: 1366px
    }
}




@media (min-width:1400px) and (max-width: 1499px) {
    .container {
        width: 1400px;
        min-width: 1400px;
        max-width: 1400px
    }
}

@media (min-width:1500px) and (max-width: 1599px) {
    .container {
        width: 1530px;
        min-width: 1530px;
        max-width: 1530px
    }

    .banner-content {
    }
}

@media (min-width:1600px) and (max-width: 1699px) {
    .container {
        width: 1630px;
        min-width: 1630px;
        max-width: 1630px
    }
}

@media (min-width:1700px) and (max-width: 1799px) {
    .container {
        width: 1730px;
        min-width: 1730px;
        max-width: 1730px
    }
}

@media (min-width:1800px) and (max-width: 1899px) {
    .container {
        width: 1800px;
        min-width: 1800px;
        max-width: 1800px
    }
}

@media (min-width:1900px) and (max-width: 1999px) {
    .container {
        width: 1900px;
        min-width: 1900px;
        max-width: 1900px
    }
}

@media (min-width:2000px) and (max-width: 2999px) {
    .container {
        width: 1900px;
        min-width: 1900px;
        max-width: 1900px
    }
}

@media (min-width:3000px) {
    .container {
        width: 1900px;
        min-width: 1900px;
        max-width: 1900px
    }
}*/


#VideosArea {
    font-size: 14px;
    padding: 0;
    color: #575757;
    line-height: 35px;
    display: table;
}

#popupVideos {
    height: 400px;
    width: 700px;
    background-color: #f2f2f2;
    border: 1px solid #8b8b8b;
    z-index: 9999;
}



.storyvideos {
    height: 100%;
    width: 100%;
}

.close {
    font-weight: bold;
    font-size: 30px;
    padding-right: 1.5rem;
    border: none;
    background-color: transparent;
    color: #0078d4;
}

.closeCP {
    font-weight: bold;
    font-size: 2rem;
    color: #33344a;
}

.h4-TermsOfUse {
    float: left;
    margin-right: 10px !important;
    margin-top: 10px;
    font-weight: bold;
}

.font-size-1p5rem {
    font-size: 1.5rem;
}

.font-size-1p7rem {
    font-size: 1.7rem;
}