@charset "UTF-8";
@import url('bootstrap.min.css');
@import url('Navigation.css');
@import url('flexisel.css');
@import url('frutiger-font-face.css');

body {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #000; /*#191919;*/
    margin: 0;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
}

#hamburger:before, #hamburger:after, #hamburger span {
    background: #107DBA !important;
}

.flotleftpanel {
    float: left;
}

.flotrightpanel {
    float: right;
}

@media all and (max-width: 767px) {
    .flotleftpanel {
        float: none;
    }

    .flotrightpanel {
        float: none;
    }
}

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

p {
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
}

a:hover, a:visited, a:focus {
    text-decoration: none;
    transition: all 0.4s ease;
}

#page {
    min-width: 320px;
    margin: 0;
    padding: 0;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
}

.menu-wrapper {
    height: 58px;
}

@media(max-width:992px) {
    .menu-wrapper {
        height: 62px;
    }
}

/*.row {
    margin-right: 0;
    margin-left: 0;
}*/

.bigmsg {
    font-size: 16px;
    font-weight: 400;
    margin-top: 25px;
}

/*for default text display (parent class inheritance)*/
.Normal {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

/* remove min-height from bootstrap */
.row-fluid [class*='span']:not([class*='dnnSortable']) {
    min-height: 0 !important;
}

.inherited {
}

.settings .dnnFileUploadScope {
    width: 100%;
}

.settings .clickable {
    cursor: pointer;
}

.settings .panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

.settings .dnnDropDownList .selected-item a {
    height: initial !important;
}

.row:before, .row:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nopad {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}

.social {
    margin-left: -15px;
    margin-right: -15px;
}

    .social .col-md-3 {
        width: 20%;
    }


.Container-Box {
    padding: 15px 55px;
    overflow: hidden;
}


#hamburger {
    display: block;
    width: 40px;
    height: 38px;
    margin: 0;
    position: relative;
    z-index: 2;
}

    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        background: #fff;
        content: "";
        display: block;
        height: 6px;
        left: 6.5px;
        position: absolute;
        width: 35.5px;
    }
        /* Safari only */
        #hamburger:before,
        #hamburger:after,
        #hamburger span:not(:root:root) {
            left: 7.5px;
        }

    #hamburger:before {
        top: 5px;
    }

    #hamburger:after {
        bottom: 5px;
    }

    #hamburger span {
        top: 50%;
        margin-top: -3px;
    }


.btnstyle {
    text-decoration: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 15px 25px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
}

    .btnstyle:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

    .btnstyle:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

.btnstyle-1 {
    border: 1px solid #fff;
    color: #fff;
    vertical-align: text-top;
}


.btnstyle-2 {
    padding: 10px;
    font-size: 20px;
    border: 1px solid rgb( 255, 255, 0 );
    color: rgb( 255, 255, 0 );
}

.btnstyle-3 {
    font-size: 22px;
    border: 1px solid rgb( 255, 255, 255);
    color: rgb( 255, 255, 255 );
}

.btnStyle-4 {
    font-size: 18px;
    border: 1px solid rgb( 148, 193, 60 );
    color: rgb( 148, 193, 60 );
}

.btnstyle-5 {
    font-size: 22px;
    border: 1px solid rgb( 241, 89, 42 );
    color: #fff;
    background-color: rgb( 241, 89, 42 );
}


.btnstyle-1a:hover,
.btnstyle-1a:active {
    text-decoration: none;
    color: #0e83cd;
    background: #fff;
}


.btnstyle-2a:hover,
.btnstyle-2a:active {
    text-decoration: none;
    color: rgb( 241, 89, 42 );
    background-color: rgb( 255, 255, 0 );
}



.btnstyle-3a:hover,
.btnstyle-3a:active {
    text-decoration: none;
    color: #0e83cd;
    background: #fff;
}

.btnstyle-4b:hover,
.btnstyle-4b:active {
    text-decoration: none;
    color: rgb( 241, 89, 42 );
    background: #fff;
    border: 1px solid rgb( 255, 255, 255 );
}

.btnstyle-4a:hover,
.btnstyle-4a:active {
    text-decoration: none;
    color: rgb( 148, 193, 60 );
    background: #fff;
}

.hi-icon {
    display: inline-block;
    font-size: 0px;
    cursor: pointer;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
}

    .hi-icon:after {
        pointer-events: none;
        position: absolute;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        content: '';
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

    .hi-icon:before {
        display: block;
    }


    /*.hi-icon {
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s;
}*/


    .hi-icon:after {
        top: 0;
        left: 0;
        padding: 0;
        z-index: -1;
        box-shadow: 0 0 0 2px rgba(255,255,255,0.1);
        opacity: 0;
        /*-webkit-transform: scale(0.9);
        -moz-transform: scale(0.9);
        -ms-transform: scale(0.9);
        transform: scale(0.9);*/
    }


    .hi-icon:hover {
        /*background: rgba(255,255,255,0.05);*/
        /*-webkit-transform: scale(0.93);
        -moz-transform: scale(0.93);
        -ms-transform: scale(0.93);
        transform: scale(0.93);*/
        color: #fff;
    }


.hi-icon-Small-Biz-Icon {
    background: url("../Images/Small-Biz-Icon.png") no-repeat;
}

.hi-icon-Enterprise-Icon {
    background: url("../Images/Enterprise-Icon.png") no-repeat;
}

.hi-icon-Industry-Icon {
    background: url("../Images/Industry-Icon.png") no-repeat;
}


.hi-icon-News-Awards-Icon {
    background-position: 0 0 !important;
}

.hi-icon-Case-Studies-Icon {
    background-position: 0 -97px !important;
}

.hi-icon-Webinars-Icon {
    background-position: 0 -194px !important;
}

.hi-icon-Videos-Icon {
    background-position: 0 -291px !important;
}

nav a {
    position: relative;
    display: inline-block;
    outline: none;
    color: rgb( 6, 124, 185 );
    text-decoration: none;
    text-shadow: 0 0 1px rgba(255,255,255,0.3);
    color: #191919;
    text-align: center;
    padding: 10px 0;
}

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

.logo a {
    display: inline-block;
    padding: 0;
    margin-top: 8px;
}

.cl-effect-4 a {
    text-decoration: none;
    padding: 0 0 10px;
    color: rgb( 6, 124, 185 );
    font-size: 20px;
    font-weight: bold;
    line-height: 1.35;
    letter-spacing: 1px;
}

    .cl-effect-4 a::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        /*background-color: rgb( 6, 124, 185 );*/
        color: rgb( 6, 124, 185 );
        font-weight: bold;
        content: '';
        opacity: 0;
    }

    .cl-effect-4 a:hover::after,
    .cl-effect-4 a:focus::after {
    }

.cl-effect-5 a {
    text-decoration: none;
    padding: 0 0 2px;
    color: rgb( 255, 255, 255 );
    font-size: 18px;
}

    .cl-effect-5 a::after {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        height: 1px;
        /*background-color: rgb( 255, 255, 255 );*/
        color: rgb( 255, 255, 255 );
        content: '';
        opacity: 0;
    }

    .cl-effect-5 a:hover::after,
    .cl-effect-5 a:focus::after {
        height: 5px;
        opacity: 1;
    }

.Super-Nav {
    background-color: #fff;
    color: #000;
    border-bottom: solid 2px #e5e5e5;
}

@media(min-width:1120px) {
    .Super-Nav {
        padding-left: 3%;
        padding-right: 3%;
    }

    #topwebnav {
        padding-left: 3%;
        padding-right: 3%;
    }
}

.Super-Nav .Container-Box {
    padding: 6px 55px;
    font-family: "Lato",Helvetica,Arial,sans-serif;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
}




.Super-Nav-Text-Left {
    float: left;
    font-style: italic;
    font-size: 16px;
    text-align: left;
    margin-top: 7px;
}

    .Super-Nav-Text-Left strong {
        color: rgb( 148, 193, 60 );
    }

    .Super-Nav-Text-Left a, .Super-Nav-Text-Left a:visited, .Super-Nav-Text-Left a:active {
        color: #000;
        text-decoration: none;
    }


.Super-Nav-Text-Right {
    float: right;
    text-align: left;
    /*max-width: 400px;*/
    min-height: 45px;
    margin-top: 1px;
    font-size: 14px;
    display: inline;
    width: auto;
    padding-top: 0;
}

    .Super-Nav-Text-Right a, .Super-Nav-Text-Right a:hover {
        color: inherit;
    }

#topwebnav .Container-Box, .Super-Nav .Container-Box{
	max-width:1200px;
	margin:auto;
}

#lnkServiceStatsViewMoreLink {
    font-size: 14px;
    line-height: 16px;
    text-decoration: underline;
}

    #lnkServiceStatsViewMoreLink span {
        font-size: 16px;
    }

.talktoexpertbtn {
    color: #fff;
    background-color: rgb( 241, 89, 42 );
}

.talktoexpertbtnbrightgreen {
    color: #fff;
    background-color: rgb( 148, 193, 60 );
}

    .talktoexpertbtn:hover, .talktoexpertbtnbrightgreen:hover {
        text-decoration: none;
        color: rgb( 255, 255, 255 );
        border: none;
        background: none;
    }


.Super-Nav-Icon-Set {
    float: right;
}

.Super-Nav-Spacer {
    padding: 0 10px;
}

.header {
}

    .header .Container-Box {
        overflow: visible;
        padding: 0 55px 0 55px;
    }

@media (max-width: 1044px) and (min-width: 1024px) {
    .header .Container-Box {
        padding: 0 45px 0 45px !important;
    }
}

.header .btnstyle-1 {
    font-size: 12px;
    border: 1px solid rgb( 241, 89, 42 ) !important;
    color: rgb( 241, 89, 42 ) !important;
    vertical-align: text-top !important;
    padding: 10px !important;
}

.header .btnstyle-1a:hover, .header .btnstyle-1a:active {
    text-decoration: none !important;
    color: rgb( 255, 255, 255 ) !important;
    background: rgb( 241, 89, 42 ) !important;
}

.header-top-fix {
    position: fixed;
    z-index: 210;
    background: #fff;
    overflow: visible;
    width: 100%;
    top: 0;
    border-bottom: solid 1px rgb(230,230,230);
    padding-bottom: 10px;
    /*
	-webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    */
}

    .header-top-fix .Container-Box {
        overflow: visible;
        padding: 5px 55px;
    }

.head-menu-caret {
    border-top: solid 10px rgb( 241, 89, 42 ) !important;
    margin-left: 5px;
    margin-top: -1px;
}

.navbar-right-inner {
    margin-top: 4px;
}

/* New Customized Bootsrtap Navbar use */
.custom-navbar .fa {
    font-size: 25px;
}

.custom-navbar {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    font-family: Lato;
    color: initial;
    font-size: 19px;
    font-weight: 400;
    max-width: 1315px;
}

@media (max-width:767px) {
    .custom-navbar .navbar-right {
        float: right;
        padding-right: 15px;
    }

    .custom-navbar .nav.navbar-nav.navbar-right li {
        float: right;
    }

        .custom-navbar .nav.navbar-nav.navbar-right li > a {
            padding: 8px 5px;
        }

    .custom-navbar .navbar-toggle {
        float: left;
    }

    .custom-navbar .navbar-header {
        float: left;
        width: auto !important;
    }

    .custom-navbar .navbar-collapse {
        clear: both;
        float: none;
    }
}

.header .dropdown:hover > .dropdown-menu {
    display: block;
}

/*end bootstrap navbar*/

.navbar-default .navbar-nav > .dropdown > a {
    border-top-color: rgb( 241, 89, 42 );
}

    .navbar-default .navbar-nav > .dropdown > a:hover .caret, .navbar-default .navbar-nav > .dropdown > a:focus .caret {
        border-top-color: rgb( 241, 89, 42 );
    }

.navmenuitem {
    font-weight: 600;
    color: #191919;
    font-size: 16px;
    padding-top: 18px !important;
}

    .navmenuitem:hover {
        color: #191919;
        background-color: #e7e7e7 !important;
    }

.menu-desktop {
    width: 936px;
    font-family: Lato;
    margin: 0;
    font-weight: 400;
    /* min-width: 950px; */
    padding: 0;
    background-color: rgb(255,255,255);
}


.rearrange {
    display: block;
    padding: 0;
}

.menu-headline {
    font-size: 22.5px;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    color: rgb( 255, 255, 255 );
    text-align: left;
    background-color: #107dba;
    padding: 5px 5px 5px 19px;
    position: relative;
    min-height: 43px;
}

.link-box {
    padding: 0 0;
    margin: 0;
    font-size: 12px;
}

.menu-block {
    position: relative;
    min-height: 1px;
    float: left;
    width: 240px;
    padding: 0 15px 0 20px;
}

.menu-left {
    float: left;
    width: 682px;
}

.s365icocontainer {
    text-align: center;
    padding: 10px 20px;
}

.support365logomenuright {
    background: url("../Images/S365-Logo-menu-top.gif") no-repeat top left;
    height: 30px;
    margin: 0 10px 0 0;
    font-size: 32px;
    font-weight: 600;
    text-align: right;
    width: 198px;
    line-height: 0;
    color: #107dba;
}

.menu-desktop nav ul {
    list-style: none;
    margin-left: 0;
    padding: 10px 0;
}

/*.menu-desktop a, .menu-desktop a:hover, .menu-desktop a:active, .menu-desktop a:visited {
    padding: 0;
    color: inherit;
    display: inline;
}*/

.desktopdropdown {
    padding: 0;
    margin-top: 0px !important;
}

.menu-desktop nav ul li {
    text-decoration: none;
    color: rgb( 16, 125, 186 );
    padding: 4px 0;
}

.menu-desktop nav ul .mainlink {
    color: rgb( 102, 102, 102 );
    font-weight: 700;
    padding-bottom: 10px;
}

.menu-desktop li {
    list-style: none;
}

.onlylink {
    width: 150px;
    padding-right: 0;
}

.linkcategorytitle {
    font-size: 15px;
    font-weight: 600;
    color: #191919;
    padding: 10px 0;
    text-align: left;
    text-transform: uppercase;
    min-height: 40px;
}

.headlink, .headlink:hover {
    font-size: 14px;
    color: #147dbb;
    font-weight: 600;
    padding: 2px 0;
    text-align: left;
    display: block;
}

    .headlink:hover {
        text-decoration: underline;
    }

.subpagelink, .subpagelink:hover {
    font-size: 12px;
    color: #147dbb;
    font-weight: 400;
    text-align: left;
    display: block;
    padding: 0 0 2px 10px;
}

    .subpagelink:hover {
        text-decoration: underline;
    }

.linkdescription {
    font-size: 12px;
    color: #191919;
    font-weight: 400;
    text-align: left;
    line-height: 1.5;
}

.menu-rightBar {
    position: relative;
    min-height: 470px;
    float: left;
    padding: 15px 0;
    width: 253px;
    font-size: 18px;
    background-color: #fafafa;
    padding-left: 15px;
    padding-right: 10px;
    border-left: 1px solid rgb(192, 191, 190);
}

.s365logo {
    background: url("../Images/S365-Logo.png") no-repeat center;
    background-size: contain;
    width: 189px;
    height: 34px;
    margin: 25px auto 5px;
}

/*.s365iconslist {
    position: relative;
    min-height: 1px;
    padding: 5px 20px;
    margin: auto;
}

    .s365iconslist li {
        background-position: left top;
        background-repeat: no-repeat;
        list-style: none;
        padding-left: 30px;
        margin: 20px 0;
    }

    .s365iconslist .sc {
        background-image: url(../Images/IT-Consulting-Icon-small.png);
        color: rgb( 241, 89, 42 );
    }

    .s365iconslist .itm {
        background-image: url(../Images/IT-Management-Icon-small.png);
        color: rgb( 148, 193, 60 );
    }

    .s365iconslist .hsd {
        background-image: url(../Images/24_7-Help-Icon-small.png);
        color: #191919;
    }

    .s365iconslist .cs {
        background-image: url(../Images/Cloud-Services-Icon-small.png);
        color: rgb( 16, 125, 186 );
    }*/


.s365sciconlink, .s365sciconlink:hover {
    background-position: 11px 0 !important;
    color: #F1592A;
}

.s365iticonlink, .s365iticonlink:hover {
    background-position: -100px 0 !important;
    color: #719a20;
}

.s365helpsupporticonlink, .s365helpsupporticonlink:hover {
    background-position: -214px 0 !important;
    color: #58595B;
}

.s365cloudserviceiconlink, .s365cloudserviceiconlink:hover {
    background-position: -325px 0 !important;
    color: #067CB9;
}

.s365icolinkcommon, .s365icolinkcommon:hover {
    background: url(../Images/support365bunch63x63.png) no-repeat top left;
    display: block;
    height: 110px;
    width: 90px;
    padding-top: 68px;
    float: left;
    font-size: 10px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
}

.additionsmall {
    float: left;
    font-size: 35px;
    color: #107dba;
    line-height: 1.6;
    font-weight: 600;
}


.menu-rightBar .bottom-text {
    color: #191919;
    line-height: 0.892;
    text-align: center;
    font-size: 11px;
    padding: 25px 0 20px;
}

.navbar-left {
    margin-left: 50px;
}

.navdesktop {
    display: inline-block;
    float: left;
    margin: auto;
}

    .navdesktop ul {
        max-width: 768px;
        margin: 0;
        display: table;
        text-align: center;
    }

        .navdesktop ul li {
            padding-right: 25px;
            display: table-cell;
        }

            .navdesktop ul li a {
                color: initial;
                font-size: 19px;
                font-weight: 400;
            }

    .navdesktop .dropdownarrow {
        background: url(../Images/nav-dropdown-arrow.png) no-repeat right center;
        padding-left: 20px;
    }


.left {
    float: left;
}

.right {
    float: right;
}

.Client-Center {
    display: inline;
    padding-right: 35px;
}

.Header-Menu-Icon {
    display: inline;
    float: left;
    margin-right: 30px;
}


.center {
    text-align: left;
    margin: 0 auto !important;
    display: inline-block;
}

.Clear {
    clear: both;
}

.Menu-Icon {
    display: inline-block;
    width: 47px;
    height: 54px;
    background: url("../Images/MENU.png") no-repeat;
    background-size: contain;
}

.hero {
    /*background: url("../Images/--PLACEHOLDER-MP4-VIDEO--.png");
    background-size: cover;*/
}

    /*.hero .homecontent {
        max-width: 400px;
        color: rgb(255,255,255);
        background: rgba(16, 125,186, 0.8);
        min-height: 382px;
        padding-right: 0;
    }*/

.video-holder {
    z-index: -999;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

    .video-holder video {
        z-index: -1;
        min-width: 100%;
        min-height: 100%;
        width: auto;
        height: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-size: cover;
        object-fit: cover;
    }

/*.hero-it-services-managed {
    background: url("../Images/IT-Implementation-Hero-it-services-managed.jpg");
    background-size: cover;
    background-size: 100% 100%;
}*/

.featured-resourcehero-it-services-managed {
    background: url("../Images/Featured-Resource-BG-it-services-managed.jpg") !important;
    background-size: cover !important;
}

.featured-resource-leadership-parent {
    background: url("../Images/Featured-Resource-BG-it-services-managed.jpg") !important;
    background-size: cover !important;
}

    .featured-resource-leadership-parent h3 {
        padding-top: 50px;
    }
/*.hero-cloud-service-landing {
    background: url("../Images/Cloud-Hero-Image.jpg") !important;
    background-size: cover;
    background-size: 100% 100%;
}*/

.homecontent h1 {
    font-size: 42px;
}

.homecontent p {
    font-size: 24px;
    padding: 20px 0 30px;
}


/*.support365row {
    background: rgb( 16, 125, 186 );
    height: 65px;
    margin-top: 10px;
}

    .support365row .Container-Box {
        padding-top: 5px;
        padding-bottom: 5px;
        overflow: visible;
        text-align: center;
    }



    .support365row .support365ico-white216x39text {
        width: 350px;
        margin: auto;
        font-size: 32px;
    }

.support365-ico-white {
    background: url("../Images/support365-white-17dec.png") no-repeat left center;
    display: block;
    background-size: contain;
    height: 51px;
    width: 280px;
}

.support365row .addition {
    font-size: 70px;
    line-height: 0.6;
    color: rgb(255,255,255);
    vertical-align: bottom;
    width: 38px;
    padding: 0;
    margin: auto;
    height: 200px;
}

.support365iconContainer {
    max-width: 180px;
    position: relative;
    margin-top: -35px;
    z-index: 1;
    font-size: 22px;
    font-weight: 600;
    margin: auto;
    height: 200px;
}*/

.orangetext {
    color: #f1592a;
    font-size: 24px;
    padding-bottom: 10px;
    font-weight: 600;
}

.pricing {
}

    .pricing .inner-content {
        padding: 10px 50px;
    }

    .pricing .managedtitles {
        font-size: 24px;
        color: #fff;
        font-weight: 600;
        padding: 5px 15px;
    }

        .pricing .managedtitles span {
            padding-left: 20px;
        }

        .pricing .managedtitles a, .pricing .managedtitles a:hover {
            color: #fff;
            text-decoration: none;
        }

    .pricing p {
        font-size: 18px;
        color: #5f6060;
    }

    .pricing .support365iconbundle55x53 {
        background: url(../Images/support365bunch-white55x53.png);
        background-repeat: no-repeat;
        width: 55px;
        height: 53px;
        display: inline-block;
        vertical-align: middle;
        background-size: cover;
    }

    .pricing .scicon {
        background-position: 0 0;
    }

    .pricing .itmicon {
        background-position: 0 -63px;
    }

    .pricing .hsdicon {
        background-position: 0 -126px;
    }

    .pricing .csicon {
        background-position: 0 -189px;
    }

    .pricing .scrow {
        background-color: rgb(239,64,54);
    }

    .pricing .itmrow {
        background-color: rgb( 141, 198, 63 );
    }

    .pricing .hsdrow {
        background-color: rgb( 88, 88, 90 );
    }

    .pricing .csrow {
        background-color: rgb( 37, 170, 225 );
    }

.pricingFeatureTable {
    border: none;
    width: 90%;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
    color: #191919;
    font-size: 17px;
    max-width: 90%;
    margin: auto;
}

    .pricingFeatureTable p {
        font-size: 17px;
    }

    .pricingFeatureTable td, .pricingFeatureTable th {
        padding: 15px;
    }

        .pricingFeatureTable td:first-child {
            max-width: 90%;
            width: 90%;
        }

        .pricingFeatureTable td:nth-child(2) {
            min-width: 85px;
            max-width: 85px;
            width: 10%;
        }

    .pricingFeatureTable .blue {
        color: rgb(16,125,186);
    }

.green42bold {
    color: #8dc63f;
    font-size: 42px;
    font-weight: 600;
    text-align: center;
}

.right-green-icon {
    background-image: url("../Images/right-green-icon-.png");
    background-repeat: no-repeat;
    display: block;
    background-size: cover;
    width: 42px;
    height: 34px;
    margin: auto;
}

.pricingFeatureTable .nopad {
    padding: 0;
    text-align: center;
}

.pricingmodule {
    padding: 20px 0;
}

.pricingspanul {
    width: 100%;
    list-style: none;
    margin: 0;
    padding-top: 5px;
}

    .pricingspanul li {
        display: inline;
        color: rgb(102,102,102);
        font-weight: 600;
    }

        .pricingspanul li span.active {
            color: rgb(0, 0, 0);
        }

.questionbox {
    padding-bottom: 20px;
    max-width: 421px;
    width: 100%;
}

#inputTypeOfManagedServices {
    max-width: 400px;
    width: 96% !important;
}

#inputUsers {
    max-width: 400px;
    width: 96% !important;
}

#inputCloudAdoption {
    max-width: 400px;
    width: 96% !important;
}

#inputServers {
    max-width: 400px;
    width: 96% !important;
}

.pricingselect {
    display: block;
    width: 250px;
    height: 27px;
    border: solid 1px darkgray;
    font-size: 16px;
    font-weight: 600;
    padding: 0 5px 5px 5px;
    margin: 10px 0;
    color: #191919;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: rgb(205,205,205) url("/portals/0/Images/pricing-select-arrow.png");
    margin-left: 15px;
    background-position: 100%;
    background-repeat: no-repeat;
}

    .pricingselect option {
        background: #fff;
    }

        .pricingselect option:checked {
            background: rgb(88,89,91);
            color: #fff;
        }

.pricing-reset-outer {
    position: absolute;
    right: 0;
    margin-top: -38px;
}

.pricingresetbtn {
    border: none;
    background: none;
    color: rgb(16,125,186);
    font-size: 18px;
    text-decoration: underline;
    float: right;
}

.pricing-resultbox {
    max-width: 375px;
    width: 100%;
    min-height: 215px;
    background: rgb(240,240,240);
    padding: 10px;
    border: solid 1px rgb(99,100,102);
    position: relative;
}

.pricing-overlay {
    background-repeat: no-repeat;
    max-width: 355px;
    width: 100%;
    min-height: 195px;
    position: absolute;
}

@media (max-width: 500px) {
    .pricing-overlay {
        width: 94%;
    }

    #pricing-output {
        font-size: 80px;
    }

    .pricing-result-text {
        line-height: 1 !important;
    }
}

.pricing-result-prise {
    font-size: 100px;
    color: rgb(148,193,60);
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    padding-top: 10px;
}

.pricing-result-text {
    color: #191919;
    font-size: 28px;
    line-height: 0.6;
    font-weight: 400;
    padding-left: 70px;
}

.pricing-cal-btn {
    color: #ffffff !important;
    background: #f1592a;
    font-size: 26px;
    padding: 20px 80px;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
}

/*.pricingcalc {
    width: 320px;
    background-color: rgb(130,131,133);
    border: solid 10px rgb(130,131,133);
    border-collapse: initial;
    border-spacing: 35px;
    min-width: 320px;
    margin: auto;
}

    .pricingcalc td, .pricingcalc th {
        height: 50px;
        width: 50px;
        background-color: #fff;
    }

    .pricingcalc .resultbar {
        background-color: #fff;
        height: 100px;
        vertical-align: initial;
        color: rgb( 148, 193, 60 );
        padding: 2px 0;
        line-height: 1;
        font-size: 55px;
        text-align: center;
    }*/

.width200 {
    width: 200px;
    margin: auto;
}

/*.pricingcalc .resultbar sup {
    top: -0.9em;
    font-size: 50%;
}

.pricingcalc .resultbar .text {
    color: rgb( 148, 193, 60 );
    padding: 0;
    margin-top: 10px;
    font-weight: 600;
    text-align: center;
    font-style: italic;
    font-size: 17px;
}*/

.bluelabeltitle {
    color: rgb(16,125,186);
    font-size: 16px;
}

/*.radiobtngroup {
    padding-left: 45px;
}

    .radiobtngroup label {
        font-size: 16px;
        color: rgb(102,102,102);
        font-weight: 600;
    }

    .radiobtngroup input[type=radio] {
        width: 16px;
        height: 16px;
    }*/



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

    .navbar-left {
        margin-left: 0;
    }

    /*.support365row {
        height: auto;
    }

        .support365row .support365ico-white216x39text {
            width: 390px;
            margin: auto;
            font-size: 32px;
            color: #fff;
        }

        .support365row a {
            color: rgb(255,255,255) !important;
        }

    .support365iconContainer {
        margin: auto;
    }

    .support365row .addition {
        line-height: inherit;
        width: 80px;
    }

    .support365-ico-white {
        width: 280px;
        margin: 15px auto;
    }*/

    .addition {
        height: auto;
    }
}

@media only screen and (max-width:992px) {
    /*.support365row .addition {
        height: auto;
    }

    .support365iconContainer {
        height: auto;
    }*/


}

@media only screen and (max-width:480) {
    .hero .homecontent {
        max-width: 100%;
    }
}


/*.hero-leftpane {
    text-align: left;
    float: left;
    padding-left: 100px;
    max-width: 600px;
}

.hero-RightPane {
    float: right;
    overflow: hidden;
}

.hero .hero-leftpane h1 {
    font-size: 42px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    max-width: 558px;
    line-height: 57px;
}

.hero .hero-leftpane p {
    font-size: 24px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    padding-top: 15px;
}*/

.Request-right-text {
    display: none !important;
    font-size: 18px;
    display: inline;
    position: fixed;
    top: 100px;
    bottom: 0;
    height: 1.5em;
    margin: auto;
    right: 0;
    z-index: 10;
    -webkit-transform-origin: 100% 50%;
    -moz-transform-origin: 100% 50%;
    -ms-transform-origin: 100% 50%;
    -o-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotate(90deg) translate(50%, 50%);
    -moz-transform: rotate(90deg) translate(50%, 50%);
    -ms-transform: rotate(90deg) translate(50%, 50%);
    -o-transform: rotate(90deg) translate(50%, 50%);
    transform: rotate(90deg) translate(50%, 50%);
}

    .Request-right-text .btnstyle {
        padding: 10px 25px;
    }

.btnstyle-4b:hover > .hero-right-icon {
    background: url(../Images/Consult-Talk-Bubble-Icon-Hover.png) no-repeat;
    display: inline-block;
}


/*.hero-right-icon {
    background: url(../Images/Consult-Talk-Bubble-Icon-No-Hover.png) no-repeat;
    display: inline-block;
    width: 23px;
    height: 28px;
    padding: 0px 20px 0;
    margin: -5px;
}

    .hero-right-icon:hover {
        background: url(../Images/Consult-Talk-Bubble-Icon-Hover.png) no-repeat;
        display: inline-block;
    }

    .hero-right-icon:hover {
        background: url(../Images/Consult-Talk-Bubble-Icon-Hover.png) no-repeat;
        display: inline-block;
    }*/

.btnstylemain {
    padding-top: 40px;
}

.hero-RightPane-Text {
    font-size: 22px;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    text-align: center;
    -moz-transform: matrix( 0,1,-1,0,0,0);
    -webkit-transform: matrix( 0,1,-1,0,0,0);
    -ms-transform: matrix( 0,1,-1,0,0,0);
}

/*.hero .text-bottom {
    padding-top: 25px;
    font-size: 19px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    text-transform: uppercase;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    font-weight: 400;
}*/

/*.play-button-icon {
    display: inline-block;
    background: url(../Images/HERO-Small-Play-Button.png) no-repeat;
    width: 50px;
    height: 50px;
}*/

.Consult_Button {
    float: right;
    background-color: rgb( 241, 89, 42 );
    max-width: 81px;
    max-height: 411px;
}

    .Consult_Button:hover {
        background-color: rgb( 255, 255, 255 );
    }

.Consult_Button-Text {
    font-size: 24px;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    text-align: center;
    -moz-transform: matrix( 0,1,-1,0,0,0);
    -webkit-transform: matrix( 0,1,-1,0,0,0);
    -ms-transform: matrix( 0,1,-1,0,0,0);
    max-width: 268.576px;
    max-height: 19.244px;
    z-index: 120;
}

.One_Stop_IT {
}

    .One_Stop_IT .Container-Box {
        overflow: visible;
    }

    .One_Stop_IT h2 {
        font-size: 40px;
        color: #000; /*#191919;*/
        text-align: left;
        padding: 20px 0;
    }

    .One_Stop_IT p {
        font-size: 18px;
        color: #000; /*#191919;*/
        text-align: left;
        text-align: left;
        padding-right: 8px;
        font-weight: 400;
    }

.One_Stop_IT-IconSet {
    padding: 20px 10px;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    line-height: 1.21em;
}

.plussignbig {
    margin-top: 50px;
    font-size: 70px;
    color: grey;
}

.one-stop-it-selection {
    text-decoration: none;
    display: block;
    padding: 120px 0 10px;
    background: url(../Images/support365homebunch.png) no-repeat top left;
    /*transition-property: background,color;
    transition-duration: 0.5s;
    transition-timing-function: linear;*/
}

    .one-stop-it-selection:hover {
        background: url(../Images/support365homebunch-hover.png) no-repeat top left;
    }

    .one-stop-it-selection:hover {
        text-decoration: none;
    }

.support365-big-ico {
    background: url(../Images/Support365-big-ico.png) no-repeat top center;
    width: 100%;
    height: 75px;
    display: inline-block;
}

.one-stop-icon-sit {
    background-position: 23px 3px;
    color: #F1592A;
}

    .one-stop-icon-sit:hover {
        background-position: 16px 0px;
        color: #c94f29;
    }

.one-stop-icon-mi {
    background-position: -189px 3px;
    color: #94C13C;
}

    .one-stop-icon-mi:hover {
        background-position: -197px 0;
        color: #719a20;
    }

.one-stop-icon-hi {
    background-position: -406px 3px;
    color: #58595B;
}

    .one-stop-icon-hi:hover {
        background-position: -415px 0;
        color: #242424;
    }

.one-stop-icon-si {
    background-position: -610px 3px;
    color: #067CB9;
}

    .one-stop-icon-si:hover {
        background-position: -619px 0;
        color: #086294;
    }

.bluelink, .bluelink:hover {
    color: rgb(16,125,186);
}


.One_Stop_IT-Sit-icon-text, .One_Stop_IT-Itm-icon-text, .One_Stop_IT-Help-icon-text, .One_Stop_IT-Cloud-icon-text {
    padding: 20px 0;
    min-height: 100px;
    /* text-align: center; */
}

    .One_Stop_IT-Sit-icon-text a, .One_Stop_IT-Itm-icon-text a, .One_Stop_IT-Help-icon-text a, .One_Stop_IT-Cloud-icon-text a {
        /* text-decoration: none; */
        font-size: 28px;
        text-align: left;
        /* min-height: 110px; */
    }

    .One_Stop_IT-Sit-icon-text a {
        text-decoration: none;
        color: rgb( 241, 89, 42 );
    }

        .One_Stop_IT-Sit-icon-text a:hover {
            color: #f1592a;
        }

    .One_Stop_IT-Itm-icon-text a {
        text-decoration: none;
        color: rgb( 148, 193, 60 );
    }

        .One_Stop_IT-Itm-icon-text a:hover {
            color: #79a622;
        }

    .One_Stop_IT-Help-icon-text a {
        text-decoration: none;
        color: #191919;
    }

        .One_Stop_IT-Help-icon-text a:hover {
            color: #34373b;
        }

    .One_Stop_IT-Cloud-icon-text a {
        text-decoration: none;
        color: rgb( 6, 124, 185 );
    }

        .One_Stop_IT-Cloud-icon-text a:hover {
            color: #0c6699;
        }


.One_Stop_IT-Bottom-Text {
    font-size: 20px;
    color: #000; /*#191919;*/
    line-height: 1.35;
    text-align: center;
}

.TechPartnerSlider {
    background-color: #f1592a;
}

    .TechPartnerSlider .Container-Box {
        padding-top: 30px;
        padding-bottom: 30px;
    }

.Testimonial {
    /*background: url("../Images/Testimonials-BG-PLACEHOLDER--.png") no-repeat center center fixed;
    background-size: cover;*/
    background-color: gray;
}

    .Testimonial .slide-content {
        width: 100%;
    }

    .Testimonial p {
        font-size: 37px;
        color: rgb( 255, 255, 255 );
        line-height: 1.35;
        text-align: center;
        text-shadow: none;
    }

    .Testimonial .boldsmall {
        font-size: 24px;
        color: rgb( 255, 255, 255 );
        line-height: 1.35;
        text-align: center;
        font-weight: bold;
        padding-top: 10px;
        text-transform: uppercase;
    }

.textslidersize {
    width: 460px;
    height: 345px;
}

.Industry {
    background-color: rgb( 16, 125, 186 );
}

    .Industry h2 {
        font-size: 40px;
        padding: 50px 0;
        color: rgb( 255, 255, 255 );
        text-align: left;
    }

    .Industry p {
        font-size: 24px;
        color: rgb( 255, 255, 255 );
        line-height: 1.125;
        text-align: left;
        padding-right: 8px;
        font-weight: 400;
    }

.Industry-IconSet {
    padding-top: 50px;
}

.Industry-IconSet-text, .Industry-IconSet-text a {
    text-decoration: none;
    font-size: 28px;
    padding: 15px 0;
    text-align: center;
    color: rgb( 255, 255, 255 );
}

    .Industry-IconSet-text a:hover {
        color: #eeeeee;
    }

.Industry-icon-btn {
    padding: 40px;
}

.Resource {
    /*background: url("../Images/Resource-BG-PLACEHOLDER--.png") no-repeat center center fixed;
    background-size: cover;*/
    /*padding: 50px 0;*/
    background-color: gray;
}

    .Resource a:hover {
        text-decoration: none;
        color: #eeeeee;
    }

    .Resource h2 {
        font-size: 40px;
        color: rgb( 255, 255, 255 );
        text-align: left;
    }

/*.Resource-Icon-Digest {
    background: url("../Images/DIGEST-Logo.png") no-repeat;
    width: 255px;
    height: 90px;
    display: inline-block;
    margin-top: 20px;
}*/

/*.Resource-Text, .Resource-Text a {
    text-decoration: none;
    font-size: 18px;
    color: rgb( 255, 255, 255 );
    font-weight: bold;
    line-height: 1.125;
    text-align: left;
    min-height: 339px;
    padding-top: 40px;
}*/

/*.Resource-Text a:hover {
        opacity: .8;
    }

    .Resource-Text p {
        padding: 10px 0;
        line-height: 1.4;
        font-weight: bold;
    }*/

/*.Resource h3 {
    font-size: 24px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    min-height: 19px;
    padding: 30px 30px 30px 85px;
}*/

/*.Resource-Icon-Box {
    padding: 20px;
}

.News_Awards_Box {
    border-width: 1px;
    border-color: rgb( 255, 255, 255 );
    border-style: solid;
    width: 217px;
    height: 217px;
    text-align: center;
    padding: 20px 0;
    margin: auto;
}*/

/*.Resource h4, .Resource h4 a {
    text-decoration: none;
    font-size: 28px;
    padding: 20px 0;
    font-size: 28px;
    text-align: center;
    color: rgb( 255, 255, 255 );
}*/

.Featured-Resource {
    /*background: url("../Images/Featured-Resource-BG.png") no-repeat center center fixed;
    background-size: cover;*/
    background: rgb(95,96,96);
}

.Featured-Resource-LGtext {
    font-size: 40px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    min-height: 120px;
    padding-top: 20px;
}

.Featured-Resource-Text-Small {
    font-size: 18px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    min-height: 128px;
    padding-top: 40px;
}

.Featured-Resource-Icon-Book {
    background: url("../Images/D-Eisner-Book.png") no-repeat;
    background-size: contain;
    background-position: center;
    height: 340px;
    width: 251px;
    display: inline-block;
}

.Featured-Resource-btn {
    padding-top: 40px;
    text-align: center;
}

@media (max-width: 767px) {
    .Featured-Resource .text-center {
        text-align: center;
    }
}

.Anniversary {
}

.Anniversary-Icon-Logo {
    /*background: url("../Images/Dataprise-20th-Anniversary-Logo.png") no-repeat;*/
    height: 163px;
    width: 145px;
    display: inline-block;
    margin-top: 20px;
}

.Anniversary-Text {
    font-size: 18px;
    color: #000;
    text-align: left;
    font-weight: 400;
    /* min-height: 197px; */
}

    .Anniversary-Text h2 {
        font-size: 40px;
        font-weight: 400;
        color: rgb( 95, 96, 96 );
    }

    .Anniversary-Text p {
        font-size: 18px;
        padding: 10px 0;
    }

.Click-To-Call {
    padding: 10px 0;
    background-color: rgb( 15, 125, 185 );
}

    .Click-To-Call h2 {
        font-size: 24px;
        color: rgb( 255, 255, 255 );
        margin: 10px 0;
    }

.Grey_Footer {
    background-color: #58595b;
}

    .Grey_Footer a {
        text-decoration: none;
        color: rgb( 255, 255, 255 );
    }

        .Grey_Footer a:hover {
            text-decoration: none;
            color: #eeeeee;
        }

    .Grey_Footer h2 {
        text-decoration: none;
        font-size: 26px;
        color: rgb( 255, 255, 255 );
        text-align: left;
        min-height: 25px;
        padding: 20px 0;
        margin:0;
    }

    .Grey_Footer nav ul li {
        padding: 3px 0;
    }

        .Grey_Footer nav ul li a {
            padding: initial;
        }

    .Grey_Footer .sidewide p {
        padding: 10px 0;
        color: rgb( 255, 255, 255 );
        font-size: 18px;
        text-align: left;
    }

Grey_Footer .sidewide a {
    text-decoration: none;
    color: rgb( 255, 255, 255 );
}

.Grey_Footer-IconSet {
    padding-top: 20px;
}

.padding {
    padding-top: 10px;
}

.Facebook_Icon {
    background-position: 0 0 !important;
    height: 42px !important;
}

.Twitter_Icon {
    background-position: 0 -43px !important;
}

.Linkedin_Logo {
    background-position: 0 -82px !important;
    width: 40px !important;
    height: 41px !important;
    background-size: 40px !important;
}

.YouTube_Logo {
    background-position: 0 -127px !important;
    background-size: 41px !important;
    height: 42px !important;
    width: 42px !important;
}

.Instragram_Icon {
    background-position: 0 -170px !important;
}

.Technology-Partners {
}

    .Technology-Partners .Container-Box {
        padding-top: 50px;
    }

    .Technology-Partners h2 {
        font-size: 32px;
        color: rgb( 15, 125, 185 );
        text-align: left;
        display: inline-block;
        margin-top: 10px;
    }


.Technology-Partners-Icon-Set {
    padding: 0px 0px;
    float: right;
}

    .Technology-Partners-Icon-Set img {
        display: inline-block;
        margin: 0 15px;
        max-width: 120px;
        max-height: 60px;
    }

.mapcontainer {
    min-height: 500px;
}

.Dell_Logo {
    background: url("../Images/Dell-Logo.png") no-repeat;
    display: inline-block;
    width: 120px;
    height: 40px;
    margin: 0px 10px;
    background-size: contain;
}


.Microsoft_Logo {
    background: url("../Images/Microsoft-Logo.png") no-repeat;
    display: inline-block;
    width: 100px;
    height: 38px;
    margin: 0px 10px;
    background-size: contain;
}


.ShoreTel_Logo {
    background: url("../Images/ShoreTel-Logo.png") no-repeat;
    display: inline-block;
    width: 88px;
    height: 40px;
    margin: 0px 10px;
    background-size: contain;
}


.wmware_Logo {
    background: url("../Images/wmware-Logo.png") no-repeat;
    display: inline-block;
    width: 63px;
    height: 48px;
    margin: 0px 10px;
    background-size: contain;
}


.Office_365_Logo {
    background: url("../Images/Office-365-Logo.png") no-repeat;
    display: inline-block;
    width: 120px;
    height: 35px;
    margin: 0px 10px;
    background-size: contain;
}


.Cisco_Logo {
    background: url("../Images/Cisco-Logo.png") no-repeat;
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0px 10px;
    background-size: contain;
}


.MSP_Verify_Logo {
    background: url("../Images/MSP-Verify-Logo.png") no-repeat;
    display: inline-block;
    width: 75px;
    height: 60px;
    margin: 0px 10px;
    background-size: contain;
}

.POLICIES {
    color: rgb( 255, 255, 255 );
    text-align: left;
    font-weight: 400;
}

.POLICIES-Text-Left {
    font-size: 18px;
    line-height: 2;
    float: left;
}

.POLICIES-Text-Right {
    font-size: 16px;
    line-height: 2.25;
    text-align: left;
    float: right;
}

.POLICIES-Text-Left a {
    text-decoration: none;
}

.Menu-Box {
    background-color: #191919;
    max-width: 441px;
    min-height: 600px;
    padding: 25px 30px;
    margin: 40px auto;
    background-clip: padding-box;
    position: relative;
    transition: all 200ms;
}

    .Menu-Box ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .Menu-Box ul li {
            padding: 15px 0;
            font-size: 20px;
            font-family: 'Lato',Helvetica,Arial,sans-serif;
            color: rgb( 255, 255, 255 );
        }

            .Menu-Box ul li a {
                text-decoration: none;
                text-align: left;
                color: rgb( 255, 255, 255 );
            }

                .Menu-Box ul li a:hover {
                    font-weight: bold;
                }

.Menu-Box-Text-Small-Bold {
    font-size: 16px;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    color: rgb( 255, 255, 255 );
    text-align: left;
    padding: 15px 40px;
    font-weight: bold;
}

.Menu-Box-PageNumber {
    float: right;
}

.Menu-Box-Close {
    background: url(../Images/SEARCH-X-CLOSE.png) no-repeat;
    display: inline-block;
    height: 45px;
    width: 45px;
    float: right;
    position: absolute;
    top: 40px;
    right: 30px;
}

.Menu-Box-Text-Small-Regular {
    font-size: 16px;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    color: rgb( 255, 255, 255 );
    text-align: left;
    padding: 5px 40px;
}

.Menu-Box-Button {
    padding-top: 30px;
}

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
    z-index: 200;
}

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

.Search-Box {
    min-height: 600px;
    padding: 25px 30px;
    margin: 40px auto;
    background-clip: padding-box;
    position: relative;
    transition: all 200ms;
    background-color: rgb( 0, 0, 0 );
    opacity: 0.8;
    top: 120px;
    position: relative;
    max-width: 987px;
    min-height: 124px;
    z-index: 100;
}

    .Search-Box input {
        width: 100%;
        height: 70px;
        background: none;
        border: 0px none;
        box-shadow: none;
        background-color: none;
        outline: none;
        color: rgb(255,255,255);
        font-size: 55px;
    }

        .Search-Box input:hover, input:focus, input:active {
            border: 0px none;
            border-color: none;
            box-shadow: none;
            background-color: none;
            outline: none;
        }

.carousel-control.left, .carousel-control.right {
    background: none !important;
    filter: progid: none !important;
    outline: 0;
}

.carousel .carousel-control {
    visibility: hidden;
}

.carousel:hover .carousel-control {
    visibility: visible;
}

.carousel-caption {
    right: 10%;
    left: 10%;
}


.Industry-focused-icon-set {
    width: 191px;
    height: 191px;
    background-size: contain;
}

/*.Resource-Iconset {
    width: 96px;
    height: 96px;
    background: url("../Images/resource-center-bunch96x96.png") no-repeat top left;
}*/

.Social-icon-set {
    width: 41px;
    height: 41px;
    display: inline-block;
    background: url("../Images/social64x65.png") no-repeat top left;
	background-size: 41px;
    vertical-align: middle;
}

    .Social-icon-set:hover {
        opacity: .80;
    }

.one-stop-icon-set {
    width: 118px;
    height: 118px;
    background-size: contain;
}

#divVideo {
    width: 100%;
    position: relative;
}

.hero {
    /*-moz-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 15px 10px -10px rgba(0,0,0,0.3);
    box-shadow: 0 15px 10px -10px rgba(0,0,0,0.3);*/
}

    .hero .Container-Box .contact .DnnModule {
        position: initial;
    }

    .hero .Container-Box .contact h1 {
        margin: auto auto;
        color: rgb(255,255,255);
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        width: 320px;
        display: table;
        position: absolute !important;
        text-align: center;
    }



    /*.hero-nav {
    position: relative;
    min-height: 1px;
    float: left;
    background: rgba(255,255,255,0.9);
    height: auto;
    margin: -15px 0;
    font-size: 20px;
    font-weight: 400;
    font-family: 'Lato',Helvetica,Arial,sans-serif;
    padding: 0 40px 0 20px;
}

    .hero-nav h2 {
        font-size: 19px;
        font-weight: 700;
        padding: 5px 0 0 0;
    }

    .hero-nav ul {
        list-style: none outside none;
        margin: 0;
    }

        .hero-nav ul li {
            padding: 8px 0;
        }

            .hero-nav ul li a {
                background-repeat: no-repeat;
                background-position: left center;
                padding-left: 35px;
                display: inline;
            }

    .hero-nav .smallbusiness {
        background-image: url(../Images/smallbusiness-ico.png);
    }

    .hero-nav .enterprisebusiness {
        background-image: url(../Images/Enterprise-Business-ico.png);
    }

    .hero-nav .support365itmanagementplan {
        background-image: url(../Images/Support-365-IT-ManagementPlan-ico.png);
        display: initial;
    }

    .hero-nav .byindustry {
        background-image: url('../Images/By-Industry-ico.png');
    }

    .hero-nav .cloud365solution {
        background-image: url('../Images/cloud365ico.png');
    }

    .hero-nav .itstratagy {
        background-image: url('../Images/Consulting-Icon.png');
    }

    .hero-nav .itimplementation {
        background-image: url('../Images/itimplementation-ico.png');
    }

    .hero-nav .informationsecurity {
        background-image: url('../Images/information-security-ico.png');
    }

    .hero-nav .helpsupportdesk {
        background-image: url('../Images/24_7-Help-Icon-small-thumb.png');
    }

    .hero-nav .unifiledcommunication {
        background-image: url('../Images/Unifiedcommunication.png');
    }

    .hero-nav .webmobilesolution {
        background-image: url('../Images/webmobile-solution-ico.png');
    }*/


    .hero .cloud365-ico {
        background-image: url(../Images/Cloud-365-ico.png);
        background-repeat: no-repeat;
        background-position: left center;
        padding-left: 35px;
        width: 100px;
        display: inline-block;
    }

.support365-ico {
    background-image: url(../Images/Support365-ico.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 35px;
    width: 100px;
    display: inline-block;
}


.Sub-Menu {
    background-color: #191919;
}

    .Sub-Menu ul {
        text-align: center;
    }

        .Sub-Menu ul li {
            font-size: 18px;
            padding: 10px 25px;
            text-shadow: 0;
            display: inline-block;
            font-weight: 400;
        }

            .Sub-Menu ul li a {
                color: rgb( 255, 255, 255 );
            }

    .Sub-Menu a:hover, .Sub-Menu a:focus, .Sub-Menu a:active {
        text-decoration: none;
    }

.dp-icon {
    background: url(../Images/DP-Icon.png) no-repeat;
    width: 42px;
    height: 36px;
    display: inline-block;
}

.floatleft {
    float: left;
    margin-top: 10px;
    color: rgb( 255, 255, 255 );
    font-size: 16px;
}

.floatright {
    float: right;
    margin-top: 10px;
    color: rgb( 255, 255, 255 );
    font-size: 16px;
    background: url(../Images/Phone-Icon.png) no-repeat;
    display: inline-block;
    padding-left: 30px;
    height: 25px;
}

.Middle-Pane {
}

    .Middle-Pane .leadershipHome img {
        border-radius: 50%;
        box-shadow: 0 0 0 3px #107dba;
        display: block;
        height: 250px;
        width: 250px;
        margin: 25px 0;
    }

    .Middle-Pane .bluetexttitle {
        font-size: 24px;
        font-weight: 700;
        color: rgb( 16, 125, 186 );
        text-align: center;
    }

    .Middle-Pane .leadershipHome .col-md-4, .Middle-Pane .leadership .col-sm-6 {
        min-height: 450px;
    }

    .Middle-Pane .leadershipInner {
    }

    .Middle-Pane h2 {
        font-size: 40px;
        color: #000; /*#191919;*/
        text-align: left;
        font-weight: 400;
        padding: 20px 0;
    }

    .Middle-Pane p {
        font-size: 24px;
        color: #000; /*#191919;*/
        text-align: left;
        font-weight: 400;
    }

    .Middle-Pane h3 {
        font-size: 29px;
        font-weight: 700;
        color: rgb( 16, 125, 186 );
        text-align: left;
        padding-bottom: 10px;
    }

    .Middle-Pane .btnstyle-1 {
        font-size: 16px;
        border: 1px solid rgb( 241, 89, 42 );
        color: rgb( 241, 89, 42 );
        vertical-align: text-top;
    }

    .Middle-Pane .btnstyle-1a:hover, .Middle-Pane .btnstyle-1a:active {
        text-decoration: none;
        color: rgb( 255, 255, 255 );
        background: rgb( 241, 89, 42 );
    }


    .Middle-Pane .Landing {
        padding-top: 50px;
    }

    .Middle-Pane .LeftPane img {
        margin-bottom: 50px;
    }

    .Middle-Pane .Landing h1 {
        font-size: 40px;
        font-family: 'Lato',Helvetica,Arial,sans-serif;
        color: #000; /*#191919;*/
        text-align: left;
    }

    .Middle-Pane .Landing h2 {
        font-size: 29px;
        font-family: 'Lato',Helvetica,Arial,sans-serif;
        color: rgb( 241, 89, 42 );
        text-align: left;
    }


.Featured-Resource h2 {
    font-size: 40px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    font-weight: 400;
}

.Featured-Resource h3 {
    font-size: 29px;
    font-weight: 700;
    color: rgb( 255, 255, 255 );
    text-align: left;
}

.Featured-Resource p {
    font-size: 18px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    font-weight: 400;
}

.Featured-Resource .imgdiv {
    display: table;
    margin: auto;
    text-align: center;
}

.Featured-Resource .left {
    padding: 20px 0 0 0;
    float: initial;
}

.Featured-Resource .right {
    padding: 20px 0 20px 0;
    float: initial;
}

/*.Featured-Resource a {
    text-decoration: none;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background: none;
    cursor: pointer;
    padding: 15px 25px;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    outline: none;
    position: relative;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
font-size: 22px;
    border: 1px solid rgb( 255, 255, 255);
    color: rgb( 255, 255, 255 );
}


   .Featured-Resource a:after {
        content: '';
        position: absolute;
        z-index: -1;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
    }

   .Featured-Resource a:before {
        font-family: 'icomoon';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        position: relative;
        -webkit-font-smoothing: antialiased;
    }

    .Featured-Resource a:hover,
    .Featured-Resource a:active {
        text-decoration: none;
        color: #0e83cd;
        background: #fff;
    }*/


.Featured-Resource .imgdiv a {
    margin-top: 20px;
    font-size: 18px;
}

.Featured-Resource .circle {
    padding-top: 35px;
}

.Featured-Resource .contact h3 {
    padding-top: 60px;
}

.Featured-Resource .movieico {
    background: url(../Images/Movie-Icon.png) no-repeat center;
    background-size: 68px 91px;
    display: inline-block;
    border-width: 5px;
    border-color: rgb( 255, 255, 255 );
    border-style: solid;
    border-radius: 50%;
    width: 157px;
    height: 156px;
}

.Lead-Form {
}

    .Lead-Form h2 {
        font-size: 40px;
        color: rgb( 241, 89, 42 );
        text-align: left;
        font-weight: 400;
        padding: 20px 0;
    }

    .Lead-Form p {
        font-size: 18px;
        color: #191919;
        text-align: left;
    }

    .Lead-Form label {
        font-size: 18px;
        color: #191919;
        text-align: left;
        font-weight: 400;
        margin-top: 25px;
    }

    .Lead-Form input, .Lead-Form select, .Lead-Form textarea {
        width: 100%;
        height: 54px;
        border-width: 2px;
        border-color: rgb( 149, 149, 149 );
        border-style: solid;
        font-size: 18px;
        font-weight: 400;
        padding: 5px;
        margin: 10px 0;
    }

.dptextinput {
    border: 2px solid rgb( 149, 149, 149 ) !important;
    font-weight: 400 !important;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0;
}

    .dptextinput:focus, .dptextinput:active {
        border: 2px solid rgb( 16, 125, 186 ) !important;
        box-shadow: none;
    }

.dpbtninput {
    background-color: rgb( 241, 89, 42 );
    margin: auto;
    font-weight: 700;
    color: rgb( 255, 255, 255 );
    text-align: center;
    text-transform: uppercase;
    border: 2px solid rgb( 241, 89, 42 );
}

.Middle-Pane .Web-form {
    padding: 10px 35px 40px;
    border-width: 1px;
    border-color: rgb( 225, 225, 225 );
    border-style: solid;
    background-color: rgb( 235, 235, 235 );
}

    .Middle-Pane .Web-form input {
        height: 55px;
        margin: 5px 0;
    }

    .Middle-Pane .Web-form label {
        margin-top: 20px;
    }

    .Middle-Pane .Web-form input[type=submit],
    .Middle-Pane .Web-form input[type=button] {
        padding: 15px 45px;
    }

    .Middle-Pane .Web-form h3 {
        font-size: 36px;
        font-family: 'Lato',Helvetica,Arial,sans-serif;
        color: rgb( 241, 89, 42 );
        text-align: left;
        font-weight: 400;
    }

    .Middle-Pane .Web-form .text-bottom {
        padding-top: 40px;
        display: table;
        margin: auto;
        width: auto;
    }

        .Middle-Pane .Web-form .text-bottom p {
            padding-top: 15px;
            font-size: 16px;
            color: #191919;
            text-align: left;
            font-weight: 400;
        }

.Lead-Form textarea, .Lead-Form input[type=button], .Lead-Form input[type=submit] {
    height: initial;
}

    .Lead-Form input:focus, .Lead-Form input:active, .Lead-Form select:focus,
    .Lead-Form select:active, .Lead-Form textarea:focus, .Lead-Form textarea:active {
        border-width: 3px;
        border-color: rgb( 16, 125, 186 );
        border-style: solid;
    }


.Lead-Form input[type=checkbox] {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin: -5px 25px 0 0;
}

.Lead-Form input[type=submit], .Lead-Form input[type=button] {
    background-color: rgb( 241, 89, 42 );
    padding: 15px 100px;
    margin: auto;
    height: initial;
    width: initial;
    font-size: 18px;
    font-weight: 700;
    color: rgb( 255, 255, 255 );
    text-align: center;
    text-transform: uppercase;
    border: none;
    display: block;
}

.Lead-Form .imgsmiley {
    background: url(../Images/smiley.png) no-repeat;
    background-size: cover;
    width: 25px;
    height: 24px;
    display: inline-block;
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}


.Lead-Form .text-bottom {
    padding-top: 40px;
    display: table;
    margin: auto;
    width: 310px;
}

    .Lead-Form .text-bottom p {
        padding-top: 15px;
        font-size: 12.18px;
        color: #191919;
        text-align: left;
        font-weight: 400;
    }

.Lead-Form .Container-Box {
    padding-bottom: 30px;
}

.middlepane-iconset {
    padding: 15px 0;
    text-align: center;
}

    .middlepane-iconset p {
        width: 280px;
        text-align: center;
        margin: 0 auto;
        margin-top: 40px;
    }

.graph {
    background-image: url(/Portals/0/images/live-service-desk-icon.png);
    width: 20px;
    background-size: 15px;
    display: table-cell;
    background-repeat: no-repeat;
    background-position-y: 4px;
}

.Middle-Pane .icon-set {
    width: 225px;
    height: 225px;
    background-size: contain;
    display: inline-block;
}

.Middle-Pane .middlepane-iconset .col-md-4, .Middle-Pane .leadership .col-sm-6 {
    min-height: 450px;
}

.Middle-Pane .Predictable-IT-Icon {
    background: url("../Images/Predictable-IT-Icon.png") no-repeat;
}

.Middle-Pane .Handshake-Icon {
    background: url("../Images/Handshake-Icon.png") no-repeat;
}

.Middle-Pane .Scale-Icon {
    background: url("../Images/Scale-Icon.png") no-repeat;
}

.Middle-Pane .Support-Icon {
    background: url("../Images/Support-Icon.png") no-repeat;
}

.Middle-Pane .Cloud-Icon {
    background: url("../Images/Cloud-Icon.png") no-repeat;
}

.Middle-Pane .People-Icon {
    background: url("../Images/People-Icon.png") no-repeat;
}


.lead-form-leftpart {
    width: 60%;
    display: inline-block;
    float: left;
}

.lead-form-Rightpart {
    width: 40%;
    display: inline-block;
    float: left;
    padding-left: 30px;
}

.Grey_Footer nav ul {
    list-style: none;
    margin-left: 0;
}

    .Grey_Footer nav ul li {
        text-decoration: none;
        color: rgb( 255, 255, 255 );
        font-size: 18px;
        font-weight: 400;
    }



/* Support365 v2 Page */

.twocolumn {
}

.twocolleftnav {
    margin-left: 0;
    padding-top: 30px;
}

    .twocolleftnav li:hover {
        color: #147dbb;
        border-left: 8px solid #147dbb;
        padding-left: 32px;
    }

    .twocolleftnav li a {
        color: #191919;
        font-size: 20px;
        font-weight: 600;
    }

    .twocolleftnav li:hover > a {
        color: #147dbb;
    }

    .twocolleftnav li {
        padding: 15px 0 15px 40px;
    }

        .twocolleftnav li.active {
            border-left: 8px solid #147dbb;
            padding-left: 32px;
        }

            .twocolleftnav li.active a {
                color: #147dbb;
            }


li .twocolleftnav {
    padding-top: 0;
}

    li .twocolleftnav li {
        padding: 5px 0 5px 20px;
        border-bottom: solid 1px rgb(225,225,225);
        margin-left: -32px;
    }

        li .twocolleftnav li a {
            padding-left: 32px;
        }

        li .twocolleftnav li:hover {
            background-color: #147dbb;
            padding-left: 12px;
            margin-left: -32px;
        }

            li .twocolleftnav li:hover a:first-child {
                color: #fff;
                padding-left: 32px;
            }

    li .twocolleftnav .active {
        background-color: #147dbb;
        padding-left: 12px;
        margin-left: -32px;
    }

        li .twocolleftnav .active a:first-child {
            color: #fff;
            padding-left: 32px;
        }


.twocolumn .hero {
    border-top: solid 1px rgb(230,230,230);
    background-repeat: no-repeat;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    transition: all .4s ease-out .4s;
    /*
    background-size: 100% 100%;
	*/
}

.hero-full-width {
    border-top: solid 1px rgb(230,230,230);
    background-repeat: no-repeat;
    background-position: center center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    transition: all .4s ease-out .4s;
}

.twocolumn .leftbar {
    float: left;
    width: 210px;
    min-height: 1px;
    -moz-box-shadow: inset 0 10px 8px -8px rgb(230,230,230);
    -webkit-box-shadow: inset 0 10px 8px -8px rgb(230,230,230);
    box-shadow: inset 0 10px 8px -8px rgb(230,230,230);
}

.leftbar {
    padding-left: 0;
    overflow: hidden;
}

    .leftbar .mainlink {
        margin-left: 28px;
    }

    .leftbar ul {
        list-style: none outside none;
    }

    .leftbar .mainlink li {
        font-size: 24px;
        color: rgb( 102, 102, 102 );
        text-align: left;
        list-style: none outside none;
        font-weight: 700;
        padding: 10px 0;
    }


    .leftbar .sublink li {
        font-size: 20px;
        line-height: 3.25;
    }

.borderedlink {
    border-bottom: 1px solid rgb(204,204,204);
    border-left: 8px solid;
    position: relative;
    left: -53px;
    width: 350px;
    overflow: hidden;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: 50px !important;
}

.leftbar .StratagicConsulting {
    border-left-color: rgb(229,62,48);
}

.leftbar .ITManagement {
    border-left-color: rgb(162,213,94);
}

.leftbar .HelpDesk {
    border-left-color: rgb(84,87,90);
}

.leftbar .CloudService {
    border-left-color: rgb(61,181,230);
}

.leftbar .padtop {
    padding-top: 20px !important;
}

.leftbar-contact-bottom {
    font-size: 14.4px !important;
    color: rgb( 16, 125, 186 ) !important;
    font-weight: 400 !important;
}

.leftbar .contact-ico {
    background: url(../Images/Contact-Icon.png) no-repeat left center;
    padding-left: 35px !important;
    font-weight: 400 !important;
}

.leftbar .contact-tel-ico {
    background: url(../Images/Call-Icon.png) no-repeat left center;
    padding-left: 40px !important;
    font-weight: 400 !important;
}


.twocolumn .pagecontent {
    border-left: 4px solid rgb(241,89,42);
    overflow: hidden;
}

.headermenu {
}

    .headermenu ul {
        list-style: none outside none;
        margin: 0;
        display: table;
        width: 100%;
    }

        .headermenu ul li {
            list-style: none outside none;
            padding: 20px;
            display: table-cell;
        }

            .headermenu ul li a {
                font-size: 17px;
                color: rgb( 255, 255, 255 );
                text-align: left;
                font-weight: 400;
                padding: 3px 30px;
                background: url(../Images/support365bunch26x26.png) no-repeat top left;
            }

.bgicoStratagicConsulting {
    background-position: 0 2px !important;
}

.bgicoITManagement {
    background-position: 0 -73px !important;
}

.bgicoHelpDesk {
    background-position: 0 -149px !important;
}

.bgicoCloudService {
    background-position: 0 -226px !important;
}


.menubgcolor1 {
    background: rgb(229,62,48);
}

.menubgcolor2 {
    background: rgb(162,213,94);
}

.menubgcolor3 {
    background: rgb(84,87,90);
}

.menubgcolor4 {
    background: rgb(61,181,230);
}


.textPane {
    font-weight: 400;
    text-align: left;
    border-top: 1px solid rgb(204,204,204);
}

    .textPane .Container-Box {
        padding: 15px;
    }

    .textPane h2 {
        font-size: 40px;
        margin: 0;
        padding: 10px;
    }

        .textPane h2 span {
            padding-left: 20px;
            vertical-align: middle;
        }

    .textPane .h2withbg {
        background-image: url("../Images/support365bunch56x56.png");
        width: 56px;
        height: 56px;
        display: inline-block;
        vertical-align: middle;
        background-size: cover;
    }

.bgicoMediumStratagicConsulting {
    background-position: 0 0 !important;
}

.bgicoMediumITManagement {
    background-position: 0 -106px !important;
}

.bgicoMediumHelpDesk {
    background-position: 0 -212px !important;
}

.bgicoMediumCloudService {
    background-position: 0 -317px !important;
}

.textPane p {
    font-size: 18px;
    line-height: 1.125;
    margin: 0;
    padding: 10px 0;
}

.StratagicConsultingBlock h2 {
    color: rgb( 241, 89, 42 );
}

.ITManagementBlock h2 {
    color: rgb( 148, 193, 60 );
}

.HelpDeskBlock h2 {
    color: #000; /*#191919;*/
}

.CloudServiceBlock h2 {
    color: rgb( 16, 125, 186 );
}

.mediumbtn {
    border: 1px solid;
    vertical-align: text-top;
    padding: 10px 60px;
    font-size: 18px;
}

.smallbtn {
    border: 1px solid;
    vertical-align: text-top;
    padding: 5px;
    font-size: 10.8px;
}


.lightlimebtn {
    border-color: rgb( 160, 221, 38 );
    color: rgb( 160, 221, 38 );
    padding: 15px 10px;
}

    .lightlimebtn:hover {
        background: rgb( 160, 221, 38 );
        color: #fff !important;
    }

.orangebtn {
    border-color: rgb( 241, 89, 42 );
    color: rgb( 241, 89, 42 );
}

    .orangebtn:hover {
        background: rgb( 241, 89, 42 );
        color: #fff !important;
    }

.limebtn {
    border-color: rgb( 148, 193, 60 );
    color: rgb( 148, 193, 60 );
}

    .limebtn:hover {
        background: rgb( 148, 193, 60 );
        color: #fff !important;
    }

.blackbtn {
    border-color: #191919;
    color: #191919;
}

    .blackbtn:hover {
        background: rgb( 88, 89, 91 );
        color: #fff !important;
    }

.bluebtn {
    border-color: rgb( 16, 125, 186 );
    color: rgb( 16, 125, 186 );
}

    .bluebtn:hover {
        background: rgb( 16, 125, 186 );
        color: #fff !important;
    }

.whitebtn {
    border-color: rgb(255,255,255);
    color: rgb(255,255,255);
}

    .whitebtn:hover {
        background: rgb(255,255,255);
        color: rgb( 241, 89, 42 ) !important;
    }

.customehero {
    min-height: 350px;
}

    .customehero h1 {
        font-size: 42px;
        font-weight: 400;
        color: #fff;
    }

.headingtitle {
    padding-top: 150px;
}

.support365page {
}

    .support365page .Container-Box {
        padding: 15px;
    }

    .support365page .icon-set {
        width: 170px;
        height: 170px;
        background-size: contain !important;
        margin: auto;
    }

    .support365page p {
        width: 100%;
        margin: 0 auto;
        margin-top: 15px;
        color: #191919;
    }

    .support365page .col-md-4 {
        min-height: 400px !important;
    }

    .support365page .People-Icon {
        background: url("../Images/People-Icon-White.png") no-repeat;
    }

    .support365page .Handshake-Icon {
        background: url("../Images/Handshake-Icon-White.png") no-repeat;
    }

    .support365page .Scale-Icon {
        background: url("../Images/Scale-Icon-White.png") no-repeat;
    }

    .support365page .Support-Icon {
        background: url("../Images/Support-Icon-White.png") no-repeat;
    }

    .support365page .Cloud-Icon {
        background: url("../Images/Cloud-Icon-White.png") no-repeat;
    }

    .support365page .People-Icon {
        background: url("../Images/Predictable-IT-Icon-White.png") no-repeat;
    }


.bredcumbcustome {
    font-size: 14px;
    padding-top: 20px;
}

    .bredcumbcustome .InActive {
        color: #191919;
    }

    .bredcumbcustome .Active {
        color: rgb( 16,125,186);
    }

        .bredcumbcustome .Active:hover {
            color: rgb( 16,125,186);
        }

.customecontainer {
    padding: 15px;
}

.pageheadcontent {
}

    .pageheadcontent .Container-Box {
        padding: 15px;
    }

    .pageheadcontent h2 {
        font-size: 40px;
        color: #000; /*#191919;*/
        text-align: left;
        font-weight: 400;
        padding: 20px 0 10px 0;
        margin-top: 0;
    }

    .pageheadcontent p {
        font-size: 18px;
        color: #000; /*#191919;*/
        text-align: left;
        padding: 5px 0;
    }

.s365benifits {
    background: rgba(0,0,0,0.1);
}

.s365benifits-scale {
    background: url("../Images/Service_Desk_lady.png") no-repeat;
}

.s365benifits .Container-Box {
    padding: 15px;
}

.s365benifits .headtitle {
    color: #107dba;
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 15px;
}

.s365benifits p {
    font-size: 18px;
    color: #58595b;
}

.s365benifits ul {
    list-style: none;
    margin-left: 20px;
}

    .s365benifits ul li {
        color: #107dba;
        font-size: 20px;
        background: url("../Images/DP_Icon_Bullet.png") no-repeat left;
        background-position-y: 10px;
        padding-left: 45px;
        font-weight: 600;
        padding-bottom: 5px;
    }

        .s365benifits ul li p {
            color: #58595b;
            font-size: 18px;
        }




/* Leadership pages */
.leadershiphero {
    min-height: 350px;
    background: url(../Images/IT-Consulting-Hero.jpg) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

    .leadershiphero .Container-Box {
        padding: 15px 55px;
    }

    .leadershiphero .headingpanel {
        padding-top: 150px;
    }

.padtop150 {
    padding-top: 150px;
}

.leadershiphero h1 {
    font-size: 42px;
    font-weight: 400;
    color: #fff;
    padding-bottom: 20px;
}

.leadership h2 {
    font-size: 40px;
    font-weight: 400;
    padding: 20px 0;
    color: #000; /*#191919;*/
}

.leadership p {
    font-size: 18px;
    color: #000; /*#191919;*/
    font-weight: 400;
}

.leadership .topheading {
    padding: 20px;
}

.leadership .roworange {
    background: rgb(241,89,42);
}

.leadership .rowskyblue {
    background: rgb(20,125,187);
}

.leadership .leadercategorytitle {
    font-size: 40px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
}

.leaderblock {
    padding-top: 20px;
    padding-bottom: 20px;
}

    .leaderblock .Container-Box {
        padding: 30px;
    }

    .leaderblock .box-area {
        width: 210px;
        margin: auto;
        text-align: center;
        min-height: 360px;
    }

    .leaderblock img {
        /*border-radius: 50%;*/
        /*padding: 3px;*/
        display: block;
        height: 206px;
        width: 206px;
        margin: 10px auto 25px auto;
        /*background-color: rgb(16,125,186);*/
    }

    .leaderblock p {
        font-size: 20px;
        color: #000; /*#191919;*/
    }

    .leaderblock a {
        color: rgb(16,125,186);
        font-size: 20px;
        font-weight: 600;
    }

.leadership-inner {
    padding: 20px;
}

    .leadership-inner .max206 {
        max-height: 206px;
        max-width: 206px;
    }

    .leadership-inner .name {
        font-size: 28px;
        font-weight: 600;
        color: #107dba;
        margin: 0px;
    }

    .leadership-inner .post {
        font-size: 22px;
        color: #58595b;
        padding-bottom: 15px;
        margin: 0;
    }

    .leadership-inner p {
        font-size: 18px;
        color: #58595b;
    }

    .leadership-inner .orangerow {
        font-size: 40px;
        color: #ffffff;
        font-weight: 400;
        margin: 0px;
        padding: 10px 20px;
        background: #f1592a;
    }

.makediffrenceblock .Container-Box {
    padding: 15px 20px;
}




.support365smallrow {
    height: 50px;
    background: rgb( 16, 125, 186 );
    margin-top: 2px;
}



    .support365smallrow .Container-Box {
        padding-top: 2px;
        padding-bottom: 2px;
        overflow: visible;
        text-align: center;
    }

    .support365smallrow ul {
        list-style: none outside none;
        margin: 0;
        display: table;
        width: 100%;
    }

        .support365smallrow ul li {
            list-style: none outside none;
            padding: 0;
            display: table-cell;
            vertical-align: top;
        }

    .support365smallrow .iconblock {
        max-width: 100px;
        margin: -20px auto 0 auto;
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
    }

        .support365smallrow .iconblock a {
            display: block;
        }

    .support365smallrow .icon {
        padding: 44px;
        background: url(/Portals/0/Images/support365bunch-v2.png) no-repeat;
        display: block;
        background-position: 8px 0;
        -webkit-transition: none !important; /*opacity 0.4s ease-in-out;*/
        -moz-transition: none !important; /*opacity 0.4s ease-in-out;*/
        transition: none !important; /*all 0.4s ease;*/
        -ms-transition: none !important; /*opacity 0.4s ease-in-out;*/
    }

    .support365smallrow .imsblock .icontext, .support365smallrow .imsblock .icontext:hover {
        color: #58595b;
    }

    .support365smallrow .imsblock .icon {
        background-position: 8px 0px;
    }

    .support365smallrow .imsblock:hover .icon {
        background-position: 8px -98px;
    }


    .support365smallrow .csblock .icontext, .support365smallrow .csblock .icontext:hover {
        color: #00aeef;
    }

    .support365smallrow .csblock .icon {
        background-position: -125px 0px;
    }

    .support365smallrow .csblock:hover .icon {
        background-position: -125px -98px;
    }

    .support365smallrow .isecurityblock .icontext, .support365smallrow .isecurityblock .icontext:hover {
        color: #8dc63f;
    }

    .support365smallrow .isecurityblock .icon {
        background-position: -265px 0px;
    }

    .support365smallrow .isecurityblock:hover .icon {
        background-position: -265px -98px;
    }


    .support365smallrow .itstratagyblock .icontext, .support365smallrow .itstratagyblock .icontext:hover {
        color: #ef4136;
    }

    .support365smallrow .itstratagyblock .icon {
        background-position: -402px 0px;
    }

    .support365smallrow .itstratagyblock:hover .icon {
        background-position: -402px -98px;
    }

.support365ico-white216x39 {
    background: url(../Images/support365-white-216x39.png) no-repeat;
    width: 250px;
    height: 39px;
    display: block;
    margin-left: 5px;
    font-size: 45px;
    line-height: 0.6;
    color: #fff;
    margin-top: 5px;
}

.support365ico-white216x39text {
    font-size: 25px;
    color: rgb(16,125,186);
    font-style: italic;
    text-align: left;
    padding-top: 20px;
    font-weight: 600;
}

.support365smallrow .plussign {
    font-size: 34px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    width: 22px;
    margin: auto;
}

.winningformulatext {
    font-size: 18px;
    color: #fff;
    font-style: italic;
    font-weight: 400;
    line-height: 1.2;
    margin-top: 3px;
}


.support365mobileview {
    display: none;
}

.support365desktopview {
    display: block;
}

.max-width157 {
    max-width: 170px;
}

@media only screen and (max-width:1200px) {
    .max-width157 {
        max-width: initial;
    }
}

@media only screen and (max-width:920px) {
    .support365smallrow {
        height: auto;
    }

        /*.support365ico-white216x39 {
        display: inline-block;
    }

    .support365ico-white216x39text {
        color: #fff;
        display: inline-block;
        margin-top: 0;
        padding-top: 0;
        vertical-align: top;
    }*/

        .support365smallrow .iconblock {
            margin-top: 0;
        }

            .support365smallrow .iconblock .icontext, .support365smallrow .iconblock .icontext:hover {
                color: #fff !important;
            }

        .support365smallrow .plussign {
            margin-top: 10px;
            line-height: 1.6;
        }

    /*.support365smallrow ul li {
        display: block;
    }*/

    .support365mobileview {
        display: block;
    }

    .support365desktopview {
        display: none;
    }
}
/*partners home page*/
.nbs-flexisel-container .nbs-flexisel-item:hover {
    opacity: .80;
}

/*End partners home page*/
@media only screen and (max-width:768px) {
    /*.hero-nav {
        display: none;
    }*/

    .Testimonial p {
        font-size: 30px;
    }

    .Testimonial .boldsmall {
        font-size: 20px;
    }

    .support365-big-ico {
        background: url(../Images/Support365-big-ico.png) no-repeat top center;
        width: 100%;
        height: 50px;
        background-size: contain;
    }

    .support365-ico-white {
        width: 204px;
        margin: 15px auto;
    }
}

/*@media only screen and (min-width:320px) and (max-width: 480px){...}*/

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

    .Container-Box {
        padding: 15px 15px;
        overflow: hidden;
    }

    .Testimonial p {
        font-size: 18px;
    }

    .Testimonial .boldsmall {
        font-size: 18px;
    }

    .support365-ico-white {
        width: 170px;
    }

    .Header-Menu-Icon {
        margin-left: -10px;
    }

    .clientctop {
        display: none !important;
    }

    .textPane h2 {
        font-size: 32px;
    }

    .customehero {
        min-height: 250px;
    }

        .customehero h1 {
            font-size: 34px;
        }

    .support365page .col-md-4 {
        min-height: 100% !important;
        padding: 20px 0;
    }

    .headermenu ul li {
        display: block;
    }

    .Middle-Pane .leadershipHome .col-md-4, .Middle-Pane .leadership .col-sm-6 {
        min-height: 350px;
    }


    .Middle-Pane .leadershipHome img {
        height: 200px;
        width: 200px;
        margin: 25px auto;
    }

    .Middle-Pane .Landing h1 {
        font-size: 40px;
    }

    .Middle-Pane .Web-form input[type=submit], .Middle-Pane .Web-form input[type=button] {
        padding: 15px 17px;
        font-size: 20px !important;
    }

    .floatleft {
        display: none;
    }

    .floatright {
        display: none;
    }

    .hero .Container-Box .contact h1 {
        font-size: 32px;
        max-width: initial;
        line-height: initial;
    }

    .Middle-Pane h2 {
        font-size: 40px;
        padding: 20px 0;
    }

    .Middle-Pane p {
        font-size: 20px;
        padding-right: 8px;
    }

    .Middle-Pane h3 {
        font-size: 20px;
    }

    .Middle-Pane h2 {
        font-size: 40px;
    }


    .Lead-Form h2 {
        font-size: 40px;
        padding: 10px 0;
    }

    .Lead-Form p {
        font-size: 18px;
    }

    .Lead-Form input, .Lead-Form select, .Lead-Form textarea {
        width: 100%;
        height: 40px;
        font-size: 18px;
        padding: 5px;
        margin: 10px 0;
    }

    .Lead-Form textarea {
        height: initial;
    }

    .Lead-Form label {
        font-size: 18px;
        margin-top: 25px;
        display: inline;
    }

    .Lead-Form input[type=submit], .Lead-Form input[type=button] {
        padding: 15px 100px;
        font-size: 18px;
    }

    .Lead-Form .text-bottom {
        padding-top: 40px;
        width: 345px;
    }


    .mapcontainer {
        min-height: 450px;
    }

    #divVideo video {
        display: none;
    }


    .header .Container-Box {
        padding: 0 15px;
    }

    .Super-Nav .Container-Box {
        padding: 5px 2px;
    }

    /*.hero-leftpane {
        padding-top: 10px;
    }*/

    .one-stop-icon-set {
        width: 100px;
        height: 100px;
    }

    .Industry-focused-icon-set {
        width: 160px;
        height: 160px;
    }

    .play-button-icon {
        width: 50px;
        height: 50px;
        background-size: contain;
    }

    .Industry {
        background-color: rgb( 16, 125, 186 );
    }

        .Industry h2 {
            font-size: 42px;
            padding: 25px 0;
        }

        .Industry p {
            font-size: 20px;
            padding-right: 8px;
        }

    .Industry-IconSet {
        padding-top: 50px;
    }

    .Industry-IconSet-text, .Industry-IconSet-text a {
        font-size: 22px;
        padding: 15px 0;
    }

    .Industry-icon-btn {
        padding: 30px;
    }

    /*.Resource {
        padding: 50px 0;
    }

        .Resource h2 {
            font-size: 40px;
        }

    .Resource-Icon-Digest {
        width: 232px;
        height: 82px;
        background-size: contain;
    }

    .Resource-Text, .Resource-Text a {
        font-size: 20px;
        min-height: 339px;
        padding-top: 40px;
    }

        .Resource-Text p {
            padding: 10px 0;
        }

    .Resource h3 {
        font-size: 20px;
        min-height: 19px;
        padding: 30px;
        text-align: center;
    }

    .Resource-Icon-Box {
        padding: 20px;
    }

    .News_Awards_Box {
        width: 190px;
        height: 190px;
        padding: 15px 0;
    }

    .Resource h4, .Resource h4 a {
        padding: 20px 0;
        font-size: 20px;
    }*/

    .Featured-Resource-LGtext {
        font-size: 40px;
        min-height: 120px;
        padding-top: 20px;
    }

    .Featured-Resource-Text-Small {
        font-size: 18px;
        min-height: 128px;
        padding-top: 40px;
    }

    .Featured-Resource-Icon-Book {
        background-position: center;
        height: 300px;
        width: 200px;
        background-size: contain;
    }

    .Featured-Resource-btn {
        padding-top: 40px;
    }


    .Anniversary-Icon-Logo {
        height: 150px;
        width: 130px;
        margin-top: 20px;
        background-size: contain;
    }

    .padding {
        padding-top: 10px;
    }

    .Technology-Partners h2 {
        font-size: 30px;
    }

    .Dell_Logo {
        width: 115px;
        height: 40px;
    }

    .Microsoft_Logo {
        width: 100px;
        height: 38px;
    }


    .ShoreTel_Logo {
        width: 88px;
        height: 40px;
    }

    .wmware_Logo {
        width: 63px;
        height: 48px;
    }


    .Office_365_Logo {
        width: 120px;
        height: 35px;
    }


    .Cisco_Logo {
        width: 50px;
        height: 50px;
    }


    .MSP_Verify_Logo {
        width: 75px;
        height: 60px;
    }

    .POLICIES-Text-Left {
        font-size: 14px;
    }

    .POLICIES-Text-Right {
        font-size: 14px;
    }


    .Menu-Box-Button {
        padding-top: 30px;
    }

    .Search-Box {
        min-height: 600px;
        padding: 25px 30px;
        margin: 40px auto;
        top: 120px;
        max-width: 987px;
        min-height: 124px;
    }

        .Search-Box input {
            width: 100%;
            height: 70px;
            font-size: 55px;
        }

    .center {
        padding-left: 0;
    }

    .btnstylemain {
        padding-top: 20px;
    }

    .btnstyle {
        padding: 10px 15px;
    }


    .btnstyle-3 {
        font-size: 16px;
    }

    /*.hero .hero-leftpane h1 {
        font-size: 32px;
        max-width: initial;
        line-height: initial;
    }*/

    .btnstyle-2 {
        font-size: 16px;
    }

    .btnstyle-5 {
        font-size: 13px;
    }

    /*.hero .text-bottom {
        padding-top: 20px;
        font-size: 16px;
    }*/

    .text-center .right .Client-Center {
        display: none;
    }

    .navdesktop {
        display: none;
    }

    .Anniversary {
        padding: 50px 0;
    }

    .Technology-Partners-Icon-Set {
        padding-top: 25px;
    }

    .lead-form-leftpart {
        width: 100%;
        display: inline-block;
        float: left;
    }

    .lead-form-Rightpart {
        width: 100%;
        display: inline-block;
        float: left;
        padding-left: 0;
    }

    .pricingFeatureTable {
        max-width: 99%;
    }

        .pricingFeatureTable, .pricingFeatureTable p {
            font-size: 14px;
        }

            .pricingFeatureTable td, .pricingFeatureTable th {
                padding: 5px;
            }

    .right-green-icon {
        width: 25px;
        height: 20px;
    }

    .pageheadcontent h2 {
        font-size: 32px;
        padding: 10px 0;
    }

    .pricing .managedtitles span {
        padding-left: 10px;
    }



    .pricing .managedtitles {
        font-size: 20px;
        padding: 5px 10px;
    }
}

@media only screen and (max-width:768px) {
    .twocolumn .pagecontent {
        border-left: none;
    }
}

@media only screen and (min-width:481px) and (max-width: 1024px) {

    .Featured-Resource p {
        font-size: 22px;
    }

    .btnstyle-3 {
        font-size: 16px;
    }

    .header .Container-Box {
        padding: 0 15px;
    }

    .Super-Nav .Container-Box {
        padding: 5px 25px;
    }

    .Container-Box {
        padding: 15px 15px;
        overflow: hidden;
    }

    /*.hero-leftpane {
        padding-top: 20px;
    }*/

    .one-stop-icon-set {
        width: 118px;
        height: 118px;
    }

    .Industry-focused-icon-set {
        width: 180px;
        height: 180px;
    }

    .play-button-icon {
        width: 50px;
        height: 50px;
        background-size: contain;
    }

    .Industry {
        background-color: rgb( 16, 125, 186 );
    }

        .Industry h2 {
            font-size: 44px;
            padding: 50px 0;
        }

        .Industry p {
            font-size: 22px;
            padding-right: 8px;
        }

    .Industry-IconSet {
        padding-top: 50px;
    }

    .Industry-IconSet-text, .Industry-IconSet-text a {
        font-size: 24px;
        padding: 15px 0;
    }

    .Industry-icon-btn {
        padding: 40px;
    }

    /*.Resource {
        padding: 50px 0;
    }

        .Resource h2 {
            font-size: 42px;
        }

    .Resource-Icon-Digest {
        width: 240px;
        height: 80px;
        background-size: contain;
    }

    .Resource-Text, .Resource-Text a {
        font-size: 22px;
        min-height: 339px;
        padding-top: 40px;
    }

        .Resource-Text p {
            padding: 10px 0;
        }

    .Resource h3 {
        font-size: 24px;
        min-height: 19px;
        padding: 30px;
    }

    .Resource-Icon-Box {
        padding: 20px;
    }

    .News_Awards_Box {
        width: 217px;
        height: 217px;
        padding: 20px 0;
    }

    .Resource h4, .Resource h4 a {
        padding: 20px 0;
        font-size: 24px;
    }*/

    .Featured-Resource-LGtext {
        font-size: 40px;
        min-height: 120px;
        padding-top: 20px;
    }

    .Featured-Resource-Text-Small {
        font-size: 18px;
        min-height: 128px;
        padding-top: 20px;
    }

    .Featured-Resource-Icon-Book {
        background-position: center;
        height: 330px;
        width: 240px;
        background-size: contain;
    }

    .Featured-Resource-btn {
        padding-top: 40px;
    }


    .Anniversary-Icon-Logo {
        height: 163px;
        width: 145px;
        margin-top: 20px;
        background-size: contain;
    }

    .padding {
        padding-top: 10px;
    }

    .Technology-Partners h2 {
        font-size: 32px;
    }

    .Dell_Logo {
        width: 115px;
        height: 40px;
    }

    .Microsoft_Logo {
        width: 95px;
        height: 38px;
    }


    .ShoreTel_Logo {
        width: 88px;
        height: 40px;
    }

    .wmware_Logo {
        width: 63px;
        height: 48px;
    }


    .Office_365_Logo {
        width: 110px;
        height: 35px;
    }


    .Cisco_Logo {
        width: 50px;
        height: 50px;
    }


    .MSP_Verify_Logo {
        width: 75px;
        height: 60px;
    }

    .POLICIES-Text-Left {
        font-size: 18px;
    }

    .POLICIES-Text-Right {
        font-size: 16px;
    }


    .Menu-Box-Button {
        padding-top: 30px;
    }

    .Search-Box {
        min-height: 600px;
        padding: 25px 30px;
        margin: 40px auto;
        top: 120px;
        max-width: 987px;
        min-height: 124px;
    }

        .Search-Box input {
            width: 100%;
            height: 70px;
            font-size: 55px;
        }

    .center {
        padding-left: 10%;
    }


    .btnstylemain {
        padding-top: 40px;
    }

    .btnstyle {
        padding: 10px 15px;
    }

    /*.hero .hero-leftpane h1 {
        font-size: 42px;
        line-height: initial;
    }*/

    .btnstyle-2 {
        font-size: 20px;
    }

    .btnstyle-5 {
        font-size: 13px;
    }

    /*.hero .text-bottom {
        padding-top: 40px;
        font-size: 20px;
    }*/


    .Anniversary {
        padding: 50px 0;
    }

    .Technology-Partners-Icon-Set {
        padding-top: 25px;
    }

    .hero .Container-Box .contact h1 {
        font-size: 32px;
        max-width: initial;
        line-height: initial;
    }

    .Middle-Pane h2 {
        font-size: 42px;
        padding: 20px 0;
    }

    .Middle-Pane p {
        font-size: 20px;
        padding-right: 8px;
    }

    .Middle-Pane h3 {
        font-size: 20px;
    }

    .Middle-Pane h2 {
        font-size: 42px;
    }

    .mapcontainer {
        min-height: 450px;
    }
}


/*for youtube videosorce*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .video-container iframe, .video-container object, .video-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*cloud pages*/

.blue24bold {
    color: rgb(16,125,186);
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 4px;
    padding-top: 4px;
    margin-top: 10px;
}

.blue20 {
    color: rgb(16,125,186);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    padding-top: 10px;
}

.headtitle40 {
    font-size: 40px;
    color: #000; /*#191919;*/
    text-align: left;
    font-weight: 400;
    padding: 20px 0;
}

.paragraph18 {
    font-size: 18px;
    color: #000; /*#191919;*/
    text-align: left;
    font-weight: 400;
}

    .paragraph18 p {
        font-size: 18px;
        color: #000; /*#191919;*/
        text-align: left;
        font-weight: 400;
        padding: 5px 0;
    }

    .paragraph18.text-center {
        text-align: center;
    }

        .paragraph18.text-center p {
            text-align: inherit;
        }


.twocolumn .commonheading {
    padding-top: 130px;
}

    .twocolumn .commonheading h1 {
        font-size: 42px;
        font-weight: 400;
        color: #fff;
        padding-bottom: 20px;
    }


.cloudcolorpanelbox {
}

    .cloudcolorpanelbox .advisory .boxheader {
        background: rgb(23,136,197);
    }

    .cloudcolorpanelbox .builder .boxheader {
        background: rgb(231,85,40);
    }

    .cloudcolorpanelbox .manager .boxheader {
        background: rgb(148,193,60);
    }

    .cloudcolorpanelbox .provider .boxheader {
        background-color: #191919;
    }

    .cloudcolorpanelbox .boxheader {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        padding: 12px 0;
        text-align: center;
        min-height: 50px;
    }

    .cloudcolorpanelbox .boxcontent {
        padding: 10px 5px;
    }

    .cloudcolorpanelbox p {
        color: rgb(23,136,197);
        font-size: 16px;
        font-weight: 400;
    }

    .cloudcolorpanelbox .cbox {
        max-width: 292px;
        width: 100%;
        min-height: 292px;
        border: solid 2px rgb(202,203,205);
        box-shadow: inset 0 8px -8px rgb(202,203,205);
        margin: auto;
        margin-bottom: 20px;
    }

    /*.cloudcolorpanelbox .advisory .boxcontent {
        background: url("../Images/cloud-advisory.png") no-repeat;
        background-position: 98% 100%;
        display: block;
    }



    .cloudcolorpanelbox .builder .boxcontent {
        background: url("../Images/cloud-builder.png") no-repeat;
        background-position: 98% 100%;
        display: block;
    }



    .cloudcolorpanelbox .manager .boxcontent {
        background: url("../Images/cloud-manager.png") no-repeat;
        background-position: 98% 100%;
        display: block;
    }*/

    .cloudcolorpanelbox .advisory .anchor {
        color: rgb(23,136,197);
        font-weight: 600;
    }

    .cloudcolorpanelbox .builder .anchor {
        color: rgb(231,85,40);
        font-weight: 600;
    }

    .cloudcolorpanelbox .manager .anchor {
        color: rgb(148,193,60);
        font-weight: 600;
    }

    .cloudcolorpanelbox .provider .anchor {
        color: #191919;
        font-weight: 600;
    }

.shadow {
    position: relative;
}

    .shadow:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: 100%;
        bottom: 0;
        width: 150%;
        height: 33px;
        left: 0;
        right: 0;
        background: -webkit-radial-gradient(ellipse at 33% -3%, rgba(00, 00, 00, 0.6), rgba(97, 97, 97, 0.0) 30%);
        background: radial-gradient(ellipse at 33% -3%, rgba(00, 00, 00, 0.6), rgba(97, 97, 97, 0.0) 30%);
    }

.orange24bold, .orange24bold:hover {
    color: rgb(231,85,40);
    font-size: 24px;
    font-weight: 600;
    padding-bottom: 10px;
}

.cloudcomputingwithpic {
    border-top: solid 1px rgb(192,191,190);
    border-bottom: solid 1px rgb(192,191,190);
    background-color: rgb(235,235,235);
}

    .cloudcomputingwithpic .Container-Box {
        padding: 15px;
    }

    .cloudcomputingwithpic .img {
        padding: 30px 0;
        margin: auto;
        text-align: center;
    }

        .cloudcomputingwithpic .img img {
            max-width: 605px;
            width: 100%;
        }

.wemicrosoftpartner {
}

    .wemicrosoftpartner .imgbox .col-sm-4 {
        text-align: center;
    }

    .wemicrosoftpartner .Container-Box {
        padding: 15px;
    }

    .wemicrosoftpartner .imgbox {
        padding-top: 25px;
        padding-bottom: 25px;
    }

        .wemicrosoftpartner .imgbox img {
            text-align: center;
            margin: 20px auto;
        }

.orangetitle40 {
    font-size: 40px;
    color: rgb( 241, 89, 42 );
    text-align: left;
    font-weight: 400;
    padding: 20px 0;
}

.cloudservicelanding-featured-resouces {
    background: url("../Images/cloud-featured-resources.jpg") no-repeat !important;
    background-size: cover !important;
}

.twocolumn .Featured-Resource .Container-Box {
    padding: 35px 15px 35px 15px;
}

.blueline p {
    color: rgb(16,125,186);
}


.csmp {
    border-bottom: solid 1px rgb(192,191,190);
}

    .csmp .Container-Box {
        padding-bottom: 0;
    }

.orangeheadtitle40 {
    font-size: 40px;
    color: rgb( 240, 113, 80 );
    text-align: left;
    font-weight: 400;
    padding: 20px 0;
}

.support365cloudtext {
    border-bottom: solid 1px rgb(192,191,190);
}

    .support365cloudtext .Container-Box {
        padding: 15px;
    }

.twocolumn .Testimonial {
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    background-position: center center;
}

    .twocolumn .Testimonial .Container-Box {
        padding: 15px;
    }

    .twocolumn .Testimonial p {
        font-size: 37px;
        color: rgb( 255, 255, 255 );
        line-height: 1.2;
        text-align: center;
        text-shadow: none;
    }

    .twocolumn .Testimonial .boldsmall {
        font-size: 24px;
        color: rgb( 255, 255, 255 );
        line-height: 1.2;
        text-align: center;
        font-weight: bold;
        padding-top: 10px;
        text-transform: uppercase;
    }

    .twocolumn .Testimonial .textslidersize {
        height: 375px;
    }

@media (max-width: 767px) {
    .twocolumn .Testimonial .textslidersize {
        height: 715px !important;
    }
}

@media (max-width: 992px) {
    .twocolumn .Testimonial .textslidersize {
        height: 600px;
    }

    .twocolumn .Testimonial p {
        font-size: 30px !important;
    }
}

.twocolumn .Testimonial .carousel-caption {
    right: 2%;
    left: 2%;
}

.cloudcolorpanelbox.childpage {
    padding-top: 30px;
}

    .cloudcolorpanelbox.childpage .boxheader {
        background: rgb(23,136,197);
    }

.cloudcolorpanelbox .boxcontent {
    padding: 10px 5px;
}

.cloudcolorpanelbox .cbox {
    max-width: 292px;
    width: 100%;
    min-height: 292px;
    border: solid 2px rgb(202,203,205);
    box-shadow: inset 0 8px -8px rgb(202,203,205);
    margin: auto;
    margin-bottom: 20px;
}

.cloudcolorpanelbox.childpage .boxcontent {
    background: none;
}

.cloudcolorpanelbox.childpage .cbox {
    min-height: 320px;
}

/*.cloudcolorpanelbox .nm {
    background: url("../Images/nm.png") no-repeat;
    background-position: 98% 100%;
    display: block;
}

.cloudcolorpanelbox .mw {
    background: url("../Images/mw.png") no-repeat;
    background-position: 98% 100%;
    display: block;
}

.cloudcolorpanelbox .idm {
    background: url("../Images/idm.png") no-repeat;
    background-position: 98% 100%;
    display: block;
}*/

.lightgreenheadtitle {
    font-size: 31.17px;
    color: #ffffff;
    font-weight: 400;
    margin: 0px;
    padding: 10px 20px;
    background: rgb(148,193,60);
}

.cloud-benifits-include {
    border-bottom: solid 1px rgb(192,191,190);
}

    .cloud-benifits-include .Container-Box {
        padding: 15px 15px 15px 5px;
    }

.liststyle {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .liststyle li:before {
        content: "• ";
        color: rgb(148,193,60);
        font-size: 18px;
        position: absolute;
        margin-left: -20px;
    }

    .liststyle li {
        font-size: 18px;
        color: #191919;
        text-align: left;
        padding-left: 0.2em;
        margin-left: 25px;
        padding-top: 5px;
        padding-bottom: 5px;
    }



.whiteboxbtn {
    border-color: rgb(255,255,255);
    color: rgb(255,255,255);
    padding: 10px 40px;
    font-size: 16.43px;
}

    .whiteboxbtn:hover {
        background: #fff;
        color: rgb(23,136,197);
    }


/*.cloudcolorpanelbox .support24x7 {
    background: url("../Images/27x7support-helpdesk-small.gif") no-repeat;
    background-position: 97% 98%;
    display: block;
}

.cloudcolorpanelbox .outsource-help {
    background: url("../Images/outsources-helpdesk-small.gif") no-repeat;
    background-position: bottom 2% right 2%;
    display: block;
}

.cloudcolorpanelbox .private-label {
    background: url("../Images/private-label-small.gif") no-repeat;
    background-position: 97% 98%;
    display: block;
}*/

.helpdesklandingbigportion {
    background-color: rgb(235,235,235);
}

    .helpdesklandingbigportion .Container-Box {
        padding: 15px;
    }

.orangetitle24 {
    font-size: 24px;
    color: rgb(240,113,80);
    font-weight: 600;
}

.bluebottombarouter {
    min-height: 350px;
    position: relative;
}

.bluebottombar {
    background: rgba(16, 125,186, 0.8);
    padding: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
}

    .bluebottombar .content {
        width: 450px;
    }

    .bluebottombar h1 {
        font-size: 42px;
        margin: auto;
        font-weight: 400;
        color: #fff;
    }



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

    .bluebottombar h1 {
        padding-bottom: 20px;
    }

    .bluebottombar .content {
        width: 100%;
    }
}


.lightgreenheadtitle24 {
    font-size: 24px;
    color: #ffffff;
    margin: 0px;
    padding: 15px 20px;
    background: rgb(148,193,60);
    font-weight: 600;
}

@media all and (max-width: 1024px) {
    .cloud-benifits-include .Container-Box {
        padding: 15px 15px 15px 25px;
    }
}


.twocolumnsidemenu {
    margin-left: 0;
    padding-top: 10px;
}

.firstlevel:hover {
    color: #147dbb;
    border-left: 5px solid #147dbb;
    padding-left: 23px;
}

.firstlevel a {
    color: #191919;
    font-size: 14px;
    font-weight: 600;
}

    .firstlevel a:hover {
        color: #107DBA;
    }

.firstlevel {
    padding: 10px 0 10px 28px;
}

    .firstlevel.active {
        border-left: 5px solid #147dbb;
        padding-left: 23px;
    }

    .firstlevel .active {
        color: #147dbb;
    }

.secondlevel {
    display: none;
}

.firstlevel.active .secondlevel {
    display: block;
}

.secondlevel a {
    padding: 5px 0 5px 20px;
    border-bottom: solid 1px rgb(225,225,225);
    margin-left: -23px;
    font-size: 12px;
    font-weight: 400;
    padding-left: 60px;
    display: block;
}

    .secondlevel a:hover {
        background: #147dbb;
        color: #fff;
    }

.secondlevel .title {
    padding-left: 43px;
    font-size: 13px;
    font-weight: 400;
}

.secondlevel .active {
    background: #147dbb;
    color: #fff;
}


.firstlevel .secondlevel a {
    display: none;
}

.firstlevel.active .secondlevel a.title {
    display: block;
}


.oranerow40px {
    font-size: 40px;
    color: #ffffff;
    font-weight: 400;
    margin: 0px;
    padding: 10px 20px;
    background: #f1592a;
}

.dpbredcumb {
    text-decoration: none;
    color: #000; /*#191919;*/
    font-size: 14px;
    padding-top: 2px;
}

    .dpbredcumb .active {
        color: rgb(16,125,186);
        font-weight: 600;
    }

    .dpbredcumb .dphomelink {
        font-size: 14px;
        font-weight: 400;
        color: #000; /*#191919;*/
    }

        .dpbredcumb .dphomelink:hover, .dpbredcumb .dphomelink:active {
            color: rgb(16,125,186);
            opacity: .8;
        }

    .dpbredcumb .dpbredcumblinks a {
        color: rgb(16,125,186);
        font-weight: 600;
    }

        .dpbredcumb .dpbredcumblinks a:hover {
            opacity: .8;
        }

/*.cloudhero {
    background: url("../Images/Cloud-Hero-Image.jpg") !important;
    background-size: cover;
    background-size: 100% 100%;
}*/

.twocolumnherocontent {
    max-width: 350px;
    color: rgb(255,255,255);
    background: rgba(16, 125,186, 0.8);
    min-height: 350px;
    padding-right: 0;
}

    .twocolumnherocontent .h1placeholder {
        height: 160px;
        position: relative;
    }

    .twocolumnherocontent .linkplaceholder {
        padding: 60px 0 0 25px;
    }

    .twocolumnherocontent h1 {
        font-size: 36px;
        font-weight: 400;
        color: #fff;
        padding: 0 20px 0 25px;
        margin: 0;
        bottom: 0;
        position: absolute;
    }

.mcswithico {
    margin-top: -30px;
    padding: 20px 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.dplogosmallico {
    background: url(../Images/dpIcon-Bullet-blue.gif) no-repeat top left;
    /* padding-right: 20px; */
    width: 26px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
}

.cloudullist {
    list-style: none;
    margin: 0;
    padding-bottom: 20px;
}

    .cloudullist li {
        padding-top: 7px;
        padding-bottom: 7px;
    }

        .cloudullist li a {
            font-size: 18px;
            font-weight: 600;
            color: rgb(16,125,186);
        }

            .cloudullist li a:hover {
                color: rgb(16,125,186);
            }

            .cloudullist li a span {
                padding-left: 15px;
            }

.support365cloudtext p {
    font-size: 18px;
}

/*.helpdeskhero {
    background: url("../Images/Help_Desk_HeroImage.jpg") no-repeat;
    background-size: cover !important;
}*/

.rightmenusupporticontext {
    font-size: 14px;
    font-weight: 600;
    font-style: italic;
    color: rgb(16,125,186);
}

.navmenurightul {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .navmenurightul li {
    }

    .navmenurightul .plussignsmallblue {
        font-size: 22px;
        font-weight: 600;
        color: rgb(20,125,187);
        padding-left: 60px;
        line-height: 1.2;
    }

.spritesupport36521x21 {
    background: url("../Images/support365sprite21x21.gif") no-repeat;
    display: block;
    font-size: 16px;
    text-align: left;
    padding: 11px 11px 11px 30px;
    font-weight: 400;
}

    .spritesupport36521x21.stratagicconsulting {
        background-position: 0px 13px;
        color: rgb(241,89,42);
    }

    .spritesupport36521x21.itmanagement {
        background-position: 0 -46px;
        color: rgb(148,193,60);
    }

    .spritesupport36521x21.helpdesk {
        background-position: 0 -108px;
        color: #191919;
    }

    .spritesupport36521x21.cloudservices {
        background-position: 0 -170px;
        color: rgb(16,125,186);
    }

.smallboldblack10px {
    color: #191919;
    font-weight: 400;
    font-size: 11px;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

.red, .red:hover {
    color: red;
}

.leadership .Featured-Resource h2 {
    font-size: 34px;
    color: #fff;
    font-weight: 400;
}

.leadership .Featured-Resource p {
    font-size: 18px;
    color: rgb( 255, 255, 255 );
    text-align: left;
    font-weight: 400;
}

.itconsutinglandinggrayportion {
    background-color: rgb(235,235,235);
}

    .itconsutinglandinggrayportion .Container-Box {
        padding: 15px;
    }

.darkgreybackground {
    background: rgb(95,96,96) !important;
}

/*.it-consulting-hero {
    background: url("../Images/it-consulting-Hero-Image.jpg") no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}*/

.itcscolorpanelbox {
}

    .itcscolorpanelbox .boxheader {
        color: #fff;
        font-size: 20px;
        font-weight: 600;
        padding: 12px 0;
        text-align: center;
        min-height: 50px;
        background: rgb(148,193,60);
    }

    .itcscolorpanelbox .boxcontent {
        padding: 10px 5px;
    }

    .itcscolorpanelbox p {
        color: rgb(75,80,82);
        font-size: 16px;
        font-weight: 400;
    }

    .itcscolorpanelbox .itcsbox {
        max-width: 292px;
        width: 100%;
        min-height: 292px;
        border: solid 2px rgb(202,203,205);
        box-shadow: inset 0 8px -8px rgb(202,203,205);
        margin: auto;
        margin-bottom: 20px;
    }

    /*.itcscolorpanelbox .ctovco {
        background: url("../Images/ctovco-lightgreen-small.png") no-repeat;
        background-position: 97% 98%;
        display: block;
    }
    .itcscolorpanelbox .ita {
        background: url("../Images/it-assesment-lightgreen-small.png") no-repeat;
        background-position: 97% 98%;
        display: block;
    }
    .itcscolorpanelbox .drp {
        background: url("../Images/disaster-recovery-lightgreen-small.png") no-repeat;
        background-position: 97% 98%;
        display: block;
    }
    .itcscolorpanelbox .compliance {
        background: url("../Images/compliance-lightgreen-small.png") no-repeat;
        background-position: 97% 98%;
        display: block;
    }
    .itcscolorpanelbox .ivandv {
        background: url("../Images/ivandv-lightgreen-small.png") no-repeat;
        background-position: 97% 98%;
        display: block;
    }*/

    .itcscolorpanelbox .twobox {
        width: 292px;
    }

@media (max-width: 1199px) {
    .itcscolorpanelbox .twobox {
        width: 100%;
        margin: auto;
    }
}

.it-aseesment-liststyle {
    padding: 10px 0 20px 25px;
}

    .it-aseesment-liststyle li {
        font-size: 18px;
        color: #191919;
        text-align: left;
        padding-left: 0.2em;
        margin-left: 25px;
        padding-top: 2px;
        padding-bottom: 2px;
    }

.blueheadtitle24 {
    font-size: 24px;
    color: #ffffff;
    margin: 0px;
    padding: 15px 20px;
    background: rgb(16,125,186);
    font-weight: 600;
}

/*.it-management-hero {
    background: url("../Images/it-management-hero.jpg") no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}*/

/*.itcscolorpanelbox .on-site-n-support-ico {
    background: url("../Images/one-site-ntwork-support-small.png") no-repeat;
    background-position: 97% 98%;
    display: block;
}

.itcscolorpanelbox .network-design-build-ico {
    background: url("../Images/network-and-build-small.png") no-repeat;
    background-position: 97% 98%;
    display: block;
}



.itcscolorpanelbox .staff-augmentation-ico {
    background: url("../Images/staff-augmentatation-small.png") no-repeat;
    background-position: 97% 98%;
    display: block;
}

.itcscolorpanelbox .vertualization-ico {
    background: url("../Images/vertualization-service-small.png") no-repeat;
    background-position: 97% 98%;
    display: block;
}

.itcscolorpanelbox .techanical-ico {
    background: url("../Images/technical-projects-small.png") no-repeat;
    background-position: 97% 98%;
    display: block;
}*/

.itmanagementlandinggrayportion {
    background-color: rgb(235,235,235);
}

    .itmanagementlandinggrayportion .Container-Box {
        padding: 15px;
    }

/*.WebandMobileSolution-Hero {
    background: url("../Images/Web-and-Mobile-soulution-Hero-image.jpg") no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}*/

/*.Emergency-Hero {
    background: url("../Images/emergency-Hero.jpg") no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}*/
.cloudcolorpanelbox.childpage .wmbox {
    height: 290px;
}

.web-developmentgreyportion {
    background-color: rgb(235,235,235);
}

    .web-developmentgreyportion .Container-Box {
        padding: 15px;
    }

.ulwithdisc18px {
    list-style: disc;
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}

    .ulwithdisc18px li {
        padding-top: 5px;
        padding-bottom: 5px;
    }

.web-development-cbox p {
    color: #191919;
}


.information-security-hero {
    background: url("../Images/information-security-hero-image.jpg") no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}

.bluebg {
    background: rgb(23,136,197);
}

.information-security-gary-portion {
    background-color: rgb(235,235,235);
}

    .information-security-gary-portion .Container-Box {
        padding: 15px;
    }

.information-security-cbox p {
    color: rgb(75,80,82);
}

.telecommunication-service-hero {
    background: url("../Images/telecommunications-services-hero-image.jpg") no-repeat;
    background-size: cover;
    background-size: 100% 100%;
}

.backparagraphcolor p {
    color: rgb(75,80,82);
}

.bottomborder {
    border-bottom: solid 1px rgb(192,191,190);
}

.question-infodiv {
    width: 270px;
    position: absolute;
    background: #107DBA;
    overflow: visible;
    z-index: 200;
    margin-left: 130px;
    border: 1px solid rgb(221,221,221);
    -webkit-box-shadow: -2px -2px 8px -1px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px -2px 8px -1px rgba(0,0,0,0.75);
    box-shadow: -2px -2px 8px -2px rgba(0,0,0,0.75);
    padding: 10px;
    font-size: 14px;
    color: white; /*rgb(95,96,96);*/
    font-weight: 400;
    display: none;
}

.question-infodiv-right {
    margin-left: 20px;
}

.question-info-selector {
    float: right;
    width: 28px;
    height: 28px;
    background: #f1592a;
    border-radius: 50% 50%;
    color: #fff;
    text-align: center;
    line-height: 1.6;
    font-family: serif;
    font-size: 18px;
    cursor: pointer;
}

    .question-info-selector:hover {
        background: rgb(16,125,186);
    }

.solution-service-dpmenu {
    margin-left: -200px;
}

.contactusdpmenu {
    border-radius: 2px;
}

.contactusulmenu {
    list-style: none;
    font-size: 16px;
    font-weight: 600;
}

.cmenulink {
    color: rgb(20,125,187);
}

    .cmenulink:hover {
        color: rgb(20,125,187);
        text-decoration: underline;
    }

.whydpmenu {
    margin-left: -350px;
}

    .whydpmenu .menu-desktop {
        width: 850px;
    }

    .whydpmenu .menu-left {
        width: 597px;
    }

    .whydpmenu .menu-block {
        width: 296px;
    }

.careerstyle {
    font-size: 34px;
    color: rgb( 16, 125, 186 );
    font-weight: 600;
    font-style: italic;
    text-align: center;
    margin: auto;
}

.careersubpart {
    color: #191919;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
}

.jobp {
    color: #191919;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    padding: 5px 0;
}

.careermenuimg {
    max-width: 100%;
    display: block;
    margin: 20px auto;
}

.winning-ways-outer {
    margin: auto;
    display: table;
    padding-top: 20px;
    width: 100%;
}

.winning-ways {
    max-width: 500px;
    width: 100%;
    min-height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.winning-ways-text {
    text-decoration: none;
    text-align: center;
    padding: 25px 10px 40px;
    color: rgb(16,125,186);
    font-size: 20px;
    font-weight: 600;
    margin: 0;
    display: block;
}

@media (max-width: 1200px) {
    .winning-ways-outer {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

.brandvideo {
    background-color: rgb(16,125,186);
}

    .brandvideo .Container-Box {
        padding: 30px 15px;
    }

    .brandvideo .paragraph18 p {
        color: #fff;
    }

.heading36white {
    font-size: 36px;
    font-weight: 600;
    color: #fff;
}

.bordertopbottom {
    border-top: solid 1px rgb(192,191,190);
    border-bottom: solid 1px rgb(192,191,190);
}

.topborder {
    border-top: solid 1px rgb(192,191,190);
}

.imgulstyle {
    display: table;
    width: 100%;
    list-style: none;
    margin-left: 0px;
}

    .imgulstyle img {
        height: auto !important;
    }

    .imgulstyle li {
        display: table-cell;
    }

@media (max-width: 767px) {
    .imgulstyle img {
        width: 100% !important;
    }
}

.dpexperience-lifecycle .bgimagediv {
}

.dpexperience-lifecycle .cycle-box {
    width: 326px;
    background-color: #fff;
    border: 1px solid;
    border-radius: 15px;
    position: absolute;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.71);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.71);
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.71);
}

.dpexperience-lifecycle .inner-div {
    text-align: left;
    margin: 0;
    position: relative;
}

.dpexperience-lifecycle .heading-text {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 0;
}

.dpexperience-lifecycle p {
    font-size: 16px;
    font-weight: 400;
    color: #191919;
    padding: 0;
    margin: 0;
    line-height: 1.2;
}

.dpexperience-lifecycle .number-arrow {
    display: block;
}

.maplegend {
    max-width: 260px;
    width: 100%;
    padding: 10px 20px;
    border: solid 1px rgb(192,191,190);
    margin-top: -55px;
    font-size: 14.98px;
}

@media only screen and (min-width:768px) and (max-width: 900px) {
    .dpexperience-lifecycle {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
        margin-left: -65px;
    }
}

@media only screen and (min-width:992px) and (max-width: 1200px) {
    .dpexperience-lifecycle {
        -webkit-transform: scale(0.85);
        -moz-transform: scale(0.85);
        -ms-transform: scale(0.85);
        -o-transform: scale(0.85);
        transform: scale(0.85);
        margin-left: -65px;
    }
}

@media only screen and (max-width: 767px) {
    .dpexperience-lifecycle .bgimagediv {
        background-image: none !important;
        width: auto !important;
        height: auto !important;
    }

    .dpexperience-lifecycle .cycle-box {
        position: initial;
        margin: 50px auto !important;
        width: 290px;
    }

    .dpexperience-lifecycle .number-arrow {
        margin: -35px auto 0 auto !important;
        float: none !important;
    }

    .maplegend {
        margin-top: 10px;
    }
}

.ul18-5pxpad {
    list-style: disc;
    font-size: 18px;
    font-weight: 400;
}

    .ul18-5pxpad li {
        padding: 5px 0;
    }


.contact-form {
}

    .contact-form .table-container {
        width: 450px;
        margin: auto;
    }

    .contact-form .Container-Box {
        padding: 15px 15px 30px 15px;
    }

    .contact-form .maskphone input {
        height: 32px !important;
        border-width: 2px !important;
        border-color: rgb( 149, 149, 149 ) !important;
        border-style: solid !important;
        font-size: 16px !important;
        font-weight: 400 !important;
        padding: 10px 5px !important;
        margin: 10px 0 !important;
    }


    .contact-form .chkcity input[type=checkbox] {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin-right: 5px;
        margin-left: 25px;
        text-align: right;
        vertical-align: top;
    }

    .contact-form .chkcity label {
        font-size: small;
        display: inline;
    }

    .contact-form label {
        font-size: 16px;
        color: #191919;
        text-align: left;
        font-weight: 400;
        margin-top: 15px;
        display: block;
    }

    .contact-form input, .contact-form select, .contact-form textarea {
        width: 215px;
        height: 32px;
        border-width: 2px;
        border-color: rgb( 149, 149, 149 );
        border-style: solid;
        font-size: 16px;
        font-weight: 400;
        padding: 5px;
        margin: 5px 0;
    }

    .contact-form textarea {
        width: 100%;
        height: 150px;
    }

        .contact-form input:focus, .contact-form input:active, .contact-form select:focus, .contact-form select:active, .contact-form textarea:focus, .contact-form textarea:active {
            border-width: 2px;
            border-color: rgb( 16, 125, 186 );
            border-style: solid;
            box-shadow: 0 0 0px 1px rgb( 16, 125, 186 );
        }

    .contact-form input[type=submit], .contact-form input[type=button] {
        background-color: rgb( 241, 89, 42 );
        padding: 15px 100px;
        margin: auto;
        height: initial;
        width: initial;
        font-size: 18px;
        font-weight: 700;
        color: rgb( 255, 255, 255 );
        text-align: center;
        text-transform: uppercase;
        border: none;
        display: block;
    }

    .contact-form h2 {
        font-size: 40px;
        color: rgb( 241, 89, 42 );
        text-align: left;
        font-weight: 400;
        padding: 20px 0;
    }

@media only screen and (max-width:480px) {
    .contact-form .table-container {
        width: 300px;
    }

    .contact-form input, .contact-form select, .contact-form textarea {
        width: 140px;
    }

    .contact-form textarea {
        width: 100%;
        height: 100px;
    }

    .contact-form label {
        margin-top: 5px;
    }
}

.accordian-panels .panel {
    border: none;
    border-bottom: solid 1px rgb(188,190,192);
}

.accordian-panels .panel-body {
    padding: 0;
    width: 100%;
    box-shadow: inset 0 0 8px -10px #CCC,inset 0px -11px 8px -10px #CCC;
}

.accordian-panels .panel-group .panel {
    border-radius: 0;
}

.accordian-panels .panel-heading {
    border-radius: 0;
    padding: 21px 5px;
    display: block;
}

.accordian-panels .panel-group .panel + .panel {
    margin: 0;
}

.accordian-panels .panel-group .panel-heading + .accordian-panels .panel-collapse .panel-body {
    border: none;
}

.darkgreybg {
    background-color: rgb(210,211,213);
}

.lightgreygb {
    background-color: rgb(242,242,243);
}

.blinkcaret {
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: black;
    border-right: 5px solid transparent;
    border-bottom: 0 dotted;
    border-left: 5px solid transparent;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-right: 10px;
}

.inactivecaret {
    border-top-color: black;
}

.activecaret {
    border-top-color: rgb( 241, 89, 42 );
}

.question-indicator {
    float: left;
    margin-top: -6px;
}

.qclass {
    font-size: 24px;
    font-weight: 600;
    color: rgb(128,130,133);
    margin: 0 15px;
    vertical-align: middle;
}

.question-text {
    font-weight: 600;
    font-size: 17.45px;
    color: #191919;
    vertical-align: middle;
    line-height: 1.318;
    display: table;
}

.answer-indicator {
    display: table-cell;
    width: 57px;
    background-color: rgb(16,125,186);
    box-shadow: inset 0 12px 8px -10px #CCC,inset 0px -11px 8px -10px rgba(0,0,0,0.4);
    padding: 20px 15px;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.answer-area {
    display: table-cell;
    vertical-align: top;
    padding: 15px 10px 15px 30px;
}

.qustion-serach-textbox, .qustion-serach-textbox:active, .qustion-serach-textbox:focus {
    width: 100%;
    padding-left: 70px;
    max-width: 850px;
    margin: auto;
    height: 65px;
    border: solid 1px rgba(0,0,0,0.1);
    box-shadow: inset 1px 2px 6px -3px rgb(0,0,0);
    display: block;
    background-image: url("../Images/Search-Glass-textboxbg.jpg");
    background-position: 15px 15px;
    background-repeat: no-repeat;
    font-size: 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgb(16,125,186);
    font-weight: 400;
}

    .qustion-serach-textbox::-webkit-input-placeholder {
        color: rgb(16,125,186) !important;
    }

    .qustion-serach-textbox:-moz-placeholder {
        color: rgb(16,125,186) !important;
    }

    .qustion-serach-textbox::-moz-placeholder {
        color: rgb(16,125,186) !important;
    }

    .qustion-serach-textbox:-ms-input-placeholder {
        color: rgb(16,125,186) !important;
    }

.answer-area p {
    font-size: 17.64px;
    font-weight: 400;
    color: #000; /*#191919;*/
    padding-bottom: 10px;
}

.answerbox-tbl {
    margin: auto;
    padding: 0;
    list-style: none;
    text-align: center;
    font-weight: 600;
    max-width: 265px;
    width: 100%;
    font-size: 14px;
    border: solid 1px rgb(188,190,192);
    line-height: 1;
}

    .answerbox-tbl td {
        height: 35px;
        border-bottom: solid 1px rgb(188,190,192);
        border-left: solid 1px rgb(188,190,192);
        border-right: solid 1px rgb(188,190,192);
    }

.answerbox-tbl-title {
    border-top: solid 1px rgb(188,190,192);
    font-size: 20px;
    height: 46px !important;
    color: #fff;
}

.smallt {
    font-weight: 400;
    font-size: 11px;
}

.partnerbox {
    max-width: 292px;
    width: 100%;
    min-height: 290px;
    border: solid 2px rgb(202,203,205);
    box-shadow: inset 0 8px -8px rgb(202,203,205);
    margin: auto;
    margin-bottom: 20px;
    margin-top: 20px;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 50% 96%;
}

    .partnerbox .headerp {
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        padding: 11px 5px;
    }

    .partnerbox .innerc {
        padding: 5px;
    }

    .partnerbox p {
        color: rgb(75,80,82);
        font-size: 15px;
        font-weight: 400;
        line-height: 1.28;
    }

.inlineul {
    list-style: disc;
    font-size: 18px;
    font-weight: 600;
}

    .inlineul li {
        float: left;
        padding-right: 40px;
    }

.white-font p {
    color: #fff;
}

.i-holder {
    width: 250px;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

.i-title {
    color: rgb(241,89,41);
    font-size: 24px;
    font-weight: 400;
    padding-top: 10px;
    min-height: 90px;
    text-align: center;
}

.i-text {
    text-align: center;
    margin: auto;
}

    .i-text p {
        font-size: 18px;
        color: #191919;
        font-weight: 400;
        text-align: center;
    }

.hoveroverlayico {
    background-repeat: no-repeat;
    height: 153px;
    width: 153px;
    position: absolute;
    background-position: center center;
}

.fixed-image {
    width: 153px;
    height: 153px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center center;
}

.i-hoverover {
    width: 153px;
    height: 153px;
    margin: auto;
    position: relative;
}

    .i-hoverover:hover > .hoveroverlayico {
        display: none;
    }


.deskpc-3d {
    max-width: 100%;
    margin: auto;
    display: block;
    margin-top: -150px;
    margin-right: -15px;
}

@media screen and (max-width: 768px) {
    .deskpc-3d {
        margin: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 420px) {
    .NoBackImageMobile {
        background-image: none !important;
    }
}

.blue18bold {
    color: #107dba;
    font-weight: 600;
    font-size: 18px;
}

.liststyleblue {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .liststyleblue li:before {
        content: "• ";
        color: rgb(16,125,186);
        position: absolute;
        margin-left: -20px;
    }




/********** Hero Image Cropper Styles ****************/
.Landscape, .Portrait {
    background-size: cover;
    background-repeat: no-repeat;
}

.Landscape {
    background-position: 58% 78%;
}

.Portrait {
    background-position: 100% 10%;
}

@media only screen and (min-width: 1024px) and (max-width: 1199px) {
    .Landscape {
        background-position: 58% 85%;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1366px) {
    .Landscape {
        background-position: 58% 64%;
    }
}

@media only screen and (min-width: 1367px) and (max-width: 1705px) {
    .Landscape {
        background-position: 58% 47%;
    }
}

@media only screen and (min-width: 1706px) {
    .Landscape {
        background-position: 58% 44%;
    }
}

/********** End Hero Image Cropper Styles ****************/

/********** Zoom Styles ****************/
/*
@media only screen and (min-width:1368px) and (max-width: 1502px) {
    #page {
        zoom: 1.1;
    }
}

@media only screen and (min-width:1502px) and (max-width: 1639px) {
    #page {
        zoom: 1.2;
    }
}

@media only screen and (min-width:1639px) and (max-width: 1776px) {
    #page {
        zoom: 1.3;
    }
}

@media only screen and (min-width:1776px) and (max-width: 1912px) {
    #page {
        zoom: 1.4;
    }
}

@media only screen and (min-width:1912px) {
    #page {
        zoom: 1.5;
    }
}
*/
/********** End Zoom Styles ****************/




/**********************************************************************************/
/********NewStyles.css Starts
/**********************************************************************************/

.carousel-indicators {
    bottom: 5px !important;
}

    .carousel-indicators .active {
        background-color: rgb(88,89,90);
    }

    .carousel-indicators li {
        width: 22px !important;
        height: 22px !important;
        margin: 0 5px !important;
        border-radius: 50% 50%;
        border: solid 3px #fff;
    }

.carousel-caption {
    height: 100%;
}


.custom-file-input {
    position: relative;
    color: #fff !important;
}

    .custom-file-input:before {
        content: 'Upload Resume';
        text-transform: uppercase;
        display: block;
        background: rgb(88,89,91);
        border: 0;
        padding: 5px 0px;
        outline: none;
        white-space: nowrap;
        cursor: pointer;
        font-weight: 400;
        text-align: center;
        font-size: 16px;
        position: absolute;
        left: 0;
        right: 0;
    }

.dpbullet31x26 {
    background: url(../Images/DP-Bullet31x26.png) no-repeat top left;
    padding-right: 20px;
    width: 31px;
    height: 26px;
    display: inline-block;
    vertical-align: middle;
}

.jobposting.contact-form label {
    font-size: 13.59px;
}

.jobposting.contact-form input, .jobposting.contact-form select, .jobposting.contact-form textarea {
    font-size: 13.59px;
}

.jobpopup {
}

    .jobpopup .modal-header {
        border-bottom: none;
    }

        .jobpopup .modal-header .close {
            margin: -15px -5px 0 0;
            font-weight: 600;
            font-size: 40px;
            color: rgb(0, 0, 0);
            opacity: 1;
        }

    .jobpopup .model-content {
        border: solid 4px rgb(241,89,42);
    }

    .jobpopup .titleh2 {
        font-size: 40px;
        color: rgb( 241, 89, 42 );
        text-align: center;
        font-weight: 400;
        padding-bottom: 20px;
        margin-top: 5px;
    }

    .jobpopup .titleh4 {
        color: #000; /*#191919;*/
        font-size: 25.61px;
        font-weight: 400;
        padding-bottom: 15px;
    }

    .jobpopup .titleh5 {
        color: #000; /*#191919;*/
        font-size: 18px;
        font-weight: 400;
    }

.jobsociallogo {
    background-image: url(../Images/social-ico-thankyu-job-posting.png);
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    display: inline-block;
}

.jobsocial {
    padding: 50px 0;
}

.modelholder {
    padding: 15px 15px 25px 15px;
}

@media (max-width: 480px) {
    .jobpopup .modelholder {
        padding: 10px 5px 25px 5px;
    }

    .jobpopup .titleh2 {
        font-size: 22px;
        padding-bottom: 5px;
    }

    jobpopup .titleh4 {
        font-size: 16.61px;
        padding-bottom: 5px;
    }

    .jobpopup .titleh5 {
        font-size: 15px;
    }

    .jobsocial {
        padding: 15px 0;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}


.spritesupport36524x24 {
    background: url("/Portals/0/Images/support365sprite27x27.png") no-repeat;
    display: block;
    font-size: 16px;
    text-align: left;
    padding: 13px 0 13px 35px;
    font-weight: 400;
}

.linkdescription {
    line-height: 1.6;
}

.subpagelink, .subpagelink:hover {
    line-height: 1.5;
}

.office365plan {
    color: #191919;
    border: 3px solid rgb(175,175,175);
    border-radius: 4px;
    text-align: center;
    margin: auto;
    min-height: 155px;
    display: table;
    background-color: #fff;
    margin-bottom: 30px;
}

    .office365plan .officetype {
        font-size: 23.35px;
        font-weight: 600;
        display: table-cell;
        color: #fff;
        background-color: rgb(23,136,197);
        width: 155px;
        vertical-align: middle;
        padding: 10px;
        line-height: 1.2;
    }

    .office365plan .prise {
        display: table-cell;
        width: 128px;
        vertical-align: middle;
        padding: 10px 0;
    }

        .office365plan .prise .dollar {
            font-size: 38.35px;
            color: rgb(0,125,186);
            font-weight: 600;
            line-height: 1.2;
        }

        .office365plan .prise .peruser {
            font-size: 18.35px;
            font-weight: 600;
            line-height: 1;
        }

    .office365plan .productico {
        display: table-cell;
        width: 156px;
        vertical-align: middle;
        padding: 10px;
    }

    .office365plan .officePlus {
        font-size: 56.35px;
        font-weight: 600;
        display: table-cell;
        width: 53px;
        vertical-align: middle;
        line-height: 0.5;
    }

    .office365plan .office365decription {
        display: table-cell;
        width: 270px;
        text-align: left;
        vertical-align: middle;
        padding: 10px;
    }

.dpbullet23x18-black {
    background: url(../Images/dp-bullet-black-23x18.png) no-repeat top left;
    width: 23px;
    height: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.dpbullet22x19-white {
    background: url(../Images/dp-bullet-white-22x19.png) no-repeat top left;
    width: 22px;
    height: 19px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

.pricingdpbullet {
    margin: 0;
    list-style: none;
}

    .pricingdpbullet li {
        font-size: 16.35px;
        font-weight: 400;
        padding-left: 5px;
        line-height: 1.7;
    }

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

.pricingblackbtn {
    border-color: #191919;
    color: #fff !important;
    background: rgb( 88, 89, 91 );
}

.pricinggraybtn {
    border-color: rgb( 158, 159, 160 );
    color: #fff !important;
    background: rgb( 158, 159, 160 );
}

.pricinggreenbtn {
    border-color: rgb( 140, 198, 63 );
    color: #fff !important;
    background: rgb( 140, 198, 63 );
    display: block;
    padding: 3px;
    font-size: 35.87px;
}

    .pricinggreenbtn:hover {
        background-color: #449d44;
        border-color: #449d44;
    }

@media (max-width: 767px) {

    .office365plan .officetype {
        display: block;
        width: 100%;
    }

    .office365plan .prise {
        display: block;
        width: 100%;
    }

    .office365plan .productico {
        display: block;
        width: 100%;
    }

    .office365plan .officePlus {
        display: block;
        width: 100%;
    }

    .office365plan .office365decription {
        display: block;
        width: 100%;
    }

    .pricinggreenbtn {
        font-size: 20px;
        padding: 10px;
    }

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


.contact-form input[type=submit], .contact-form input[type=button] {
    height: auto;
    width: auto;
}


.answer-area {
    font-size: 17.64px;
    font-weight: 400;
    color: #191919;
}

.accordian-panels .panel-heading .blinkcaret {
    transform: rotate(0deg);
    border-top-color: rgb( 241, 89, 42 );
}

.accordian-panels .panel-heading.collapsed .blinkcaret {
    border-top-width: 10px;
    border-top-style: solid;
    border-top-color: black;
    border-right: 5px solid transparent;
    border-bottom: 0 dotted;
    border-left: 5px solid transparent;
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    margin-right: 10px;
    transform: rotate(-90deg);
    border-top-color: black;
}

.lightgreybg {
    background-color: rgb(242,242,243);
}


div.office365Content.compare-plans-content .table-striped h2 {
    margin: 0;
}

div.office365Content.compare-plans-content .table-striped th {
    font-size: 16.35px;
    text-align: center;
}

div.office365Content.compare-plans-content .Item {
    cursor: pointer;
    padding-left: 20px !important;
    transition: all linear 300ms;
    background: url('../Images/Carrot-copy-5.png') no-repeat left center;
    background-position-x: 4px;
}

div.office365Content.compare-plans-content .ItemExpanded {
    background-image: url('../Images/expanded-Carrot.png');
    background-position-y: 12px;
}

div.office365Content.compare-plans-content .Summary {
    display: none;
    margin: 8px 0;
    transition: all linear 300ms;
}

div.office365Content.compare-plans-content .ItemExpanded .Summary {
    display: block;
}

div.office365Content .table {
    /*width: 100%;*/
    margin-bottom: 20px;
}

    div.office365Content .table > thead > tr > th {
        vertical-align: middle;
        font-size: 16.347px;
        font-family: "Lato";
        font-weight: bold;
        text-align: center;
        background-color: #5A5959;
        color: white;
    }

    div.office365Content .table > tbody > tr > td {
        vertical-align: middle;
    }

div.office365Content .Check_sign {
    background-image: url("../Images/green-right-ico.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 17px;
    height: 14px;
    margin: 0px auto;
}

div.office365Content .Carrot {
    background-image: url(../Images/expanded-Carrot.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 10px;
    height: 5px;
    position: absolute;
    margin-top: 20px;
}

div.office365Content .Carrot_1 {
    background-image: url(../Images/Carrot-copy-5.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 5px;
    height: 10px;
    position: absolute;
    margin-top: 27px;
}

div.office365Content .App_Icons_1 {
    background-image: url(../Images/App_Icons_1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 112px;
    height: 36px;
}

div.office365Content .App_Icons_2 {
    background-image: url(../Images/App_icons_2.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 116px;
    height: 37px;
}

div.office365Content .h2_col {
    font-weight: bold;
    font-size: 16.35px;
    margin-left: 30px;
    color: #58595b;
}

div.office365Content .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: white;
}

div.office365Content .table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f9f9f9;
}

.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th {
    background-color: inherit;
}

.blacknormal16 {
    font-size: 16px;
    font-weight: 400;
    color: rgb(75,80,82);
}

.tabelcelltoblock {
    display: table-cell;
    vertical-align: middle;
    padding: 15px;
}

.blue-gradient-bg {
    background-image: -webkit-linear-gradient(to bottom, rgb(12,66,97), rgb(22,117,168));
    background-image: -moz-linear-gradient(to bottom, rgb(12,66,97), rgb(22,117,168));
    background-image: -o-linear-gradient(to bottom, rgb(12,66,97), rgb(22,117,168));
    background-image: linear-gradient(to bottom, rgb(12,66,97), rgb(22,117,168));
}

.radius-5 {
    border-radius: 5px;
}

.radius-10 {
    border-radius: 10px;
}

.radius-8 {
    border-radius: 8px;
}

.display-table {
    display: table;
}

.display-table-cell {
    display: table-cell;
}

.verticle-middle {
    vertical-align: middle;
}

.verticle-top {
    vertical-align: top;
}

.verticle-bottom {
    vertical-align: bottom;
}

.max-1200{
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 767px) {
    .tabelcelltoblock {
        display: block;
        padding: 15px;
    }
}


.yellowbtn {
    border-color: rgb( 252,176,64 );
    color: rgb( 252,176,64 );
}

    .yellowbtn:hover {
        background: rgb( 252,176,64 );
        color: #fff !important;
    }

.redbtn {
    border-color: rgb( 237,28,36 );
    color: rgb( 237,28,36 );
}

    .redbtn:hover {
        background: rgb( 237,28,36 );
        color: #fff !important;
    }

.indigobtn {
    border-color: rgb( 102,45,145 );
    color: rgb( 102,45,145 );
}

    .indigobtn:hover {
        background: rgb( 102,45,145 );
        color: #fff !important;
    }



.header .Container-Box {
    overflow: visible;
    padding: 0 55px 0 55px;
}

@media only screen and (max-width:480px) {
    .header .Container-Box {
        padding: 0 15px 0 15px;
    }
}

@media only screen and (min-width:481px) and (max-width: 1024px) {
    .header .Container-Box {
        padding: 0 15px 0 15px;
    }
}


.logo img {
    vertical-align: -webkit-baseline-middle;
    display: inline-block;
    padding: 0;
    max-width: 100%;
    width: 181px;
}

.header-top-fix .Container-Box {
    overflow: visible;
    padding: 5px 55px;
}

.One_Stop_IT {
    margin-top: 70px;
}

.it-glossary, .it-glossary a, it-glossary a:hover {
    text-decoration: none;
    color: #107dba;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    word-spacing: 2px;
}

.itglossarya, .itglossarya:hover {
    text-decoration: none;
    color: #107dba;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    padding: 10px 0;
}

.itglossaryp p {
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
    color: rgb(88,89,90);
}

.backtotopbtn {
    font-size: 16px;
    margin: 5px 0;
    padding: 3px 10px;
}

/***** Tech Partners Slider - Flexisel Override - Stars ********/
#techpartnerslide .nbs-flexisel-item {
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
}
/***** Tech Partners Slider - Flexisel Override - Ends ********/

.bottom3dimg {
    margin-top: -180px;
    max-width: 100%;
    margin-bottom: -20px;
}

@media only screen and (max-width: 768px) {
    .bottom3dimg {
        margin-top: 20px;
        max-width: 100%;
        margin-bottom: -20px;
    }
}

.popularpost {
    font-size: 16px;
    color: #191919;
    text-align: center;
    font-weight: 400;
    padding: 20px 0;
    width: 265px;
    margin: auto;
}

    .popularpost p {
        font-size: 16px;
        color: #000; /*#191919;*/
        text-align: center;
        padding: 5px 0;
        font-weight: 400;
    }

.subscribebox {
    padding: 20px;
    background-color: rgb(16,125,186);
    margin: auto;
    margin-bottom: 50px;
}

.subscribeh3 {
    color: #fff;
    font-size: 22px;
    font-style: italic;
    font-weight: 600;
    margin: 0;
}

.subscribe-js label[for] {
    color: #fff;
    margin-top: 10px;
}

.subscribe-js ul {
    font-size: 12px;
    list-style: none;
    margin: 0;
    color: #fff;
}

.subscribe-js input[type=button], .subscribe-js input[type=submit] {
    transition: all 0.3s;
    text-align: center;
    letter-spacing: 1px;
    font-size: 16px;
    padding: 5px 10px;
    display: block;
    border-color: rgb(255,255,255);
    color: rgb(255,255,255);
    border: 1px solid;
    vertical-align: text-top;
    background-color: transparent;
    width: 100%;
    margin: auto;
    margin-top: 15px;
}

    .subscribe-js input[type=button]:hover, .subscribe-js input[type=submit]:hover {
        background: rgb(255,255,255);
        color: rgb( 241, 89, 42 );
        border-color: #fff;
    }

.subscribe-js input[type="text"], .subscribe-js input[type=email], .subscribe-js input[type="text"]:focus, .subscribe-js input[type=email]:focus, .subscribe-js input[type="text"]:active, .subscribe-js input[type="text"]:active {
    width: 100%;
    padding: 10px;
    font-size: 15px;
    border: 0;
    box-shadow: 0 1px 5px 1px rgba(0,0,0,0.4) !important;
}

.postbytopic {
    width: 100%;
    border: solid 2px rgb(202,203,205);
    box-shadow: inset 0 8px -8px rgb(202,203,205);
    margin: 20px auto;
}

    .postbytopic .headerp {
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        padding: 11px 5px;
        background-color: rgb(16,125,186);
    }

    .postbytopic .innerc {
        padding: 10px;
    }

.postbytopicnav {
    list-style: none;
    font-size: 16px;
}

    .postbytopicnav li {
        padding: 8px 0;
    }

        .postbytopicnav li a, .postbytopicnav li a:hover, .postbytopicnav li a:active, .postbytopicnav li a:visited {
            color: rgb(16,125,186);
            text-decoration: underline;
            font-weight: 400;
        }

.sociallogoicobundle {
    background-image: url(../Images/social-ico-bundle-138x31.png);
    width: 31px;
    height: 31px;
    background-repeat: no-repeat;
    display: inline-block;
}


.hero-slider .textslidersize {
    height: 350px !important;
}

.Testimonial .carousel-caption {
    position: absolute;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    text-shadow: none;
}

.hero-slider .carousel-indicators .active {
    background-color: rgb(241,89,42);
}

.hero-slider .carousel-indicators li {
    border: solid 2px #fff;
    background-color: #fff;
}

.withslider {
    position: absolute;
    bottom: 50px;
    left: 30px;
    z-index: 100;
}

.width100 {
    width: 100%;
}

.hero-slider-title {
    font-size: 55px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    padding-bottom: 10px;
}

.hero-slider-subtitle {
    font-size: 26px;
    font-weight: 400;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .hero-slider-title {
        font-size: 34px;
    }

    .hero-slider-subtitle {
        font-size: 22px;
    }
}

.paragraph16 {
    font-size: 16px;
    color: #000; /*#191919;*/
    text-align: left;
    padding: 5px 0;
    font-weight: 400;
}

.paragraph16.text-center {
    text-align: center;
}

    .paragraph16.text-center p {
        text-align: inherit;
    }

.success-story {
    padding: 10px 20px;
    border-top: solid 2px rgb(210,211,213);
    border-bottom: solid 2px rgb(210,211,213);
    height: auto;
    background-color: rgba(0,0,0,0.1);
}

    .success-story .stitle {
        color: rgb(241,89,42);
        font-size: 24px;
        font-weight: 400;
        margin: 0;
        padding: 10px 0;
    }

.collpasediv {
    overflow: visible;
}

.success-story-content-text {
    margin: 0 15px 20px 20px;
    background-color: #fff;
    border: solid 2px rgb(210,211,213);
    padding: 15px;
    padding-bottom: 0;
}

    .success-story-content-text p {
        font-weight: 400;
        font-size: 16px;
        padding: 5px 0;
    }

    .success-story-content-text .blueheadtitle {
        color: rgb(16,125,186);
        font-weight: 400;
    }

.success-story-image-area {
    padding-top: 150px;
}

.success-story-content-text-inherit {
    background-color: inherit;
    border: none;
}

.headlogo {
    background-image: url('../images/man-head-ico.png');
    background-repeat: no-repeat;
    width: 45px;
    height: 45px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.headlogoa, .headlogoa:hover {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    margin: 5px 0;
    display: block;
}

.bluebtn-active {
    background: rgb( 16, 125, 186 );
    color: #fff !important;
}

@media only screen and (max-width: 768px) {
    /*.collpasediv {
        margin-top: auto;
    }*/
    .success-story {
    }

    .success-story-content-text {
        padding-left: 0;
        margin-left: 0;
    }

    .success-story-image-area {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 481px) {
    .header .Container-Box, .Super-Nav .Container-Box,.twocolumninnerpageskin .header .Container-Box, .twocolumninnerpageskin .Super-Nav .Container-Box, .twocolumninnerpageskin {
        padding-left: 15px; /* 28px */
        padding-right: 15px;
    }
}

.orange24regular {
    margin: 10px 0;
    font-size: 24px;
    color: rgb(241,89,42);
    font-weight: 400;
}

.itemwhiteback {
    border-bottom: solid 2px rgb(210,211,213);
    background-color: #fff;
    border-top: solid 2px rgb(210,211,213);
}

.itemsilverback {
    background-color: rgb(235,235,235);
    border-top: solid 2px rgb(210,211,213);
    border-bottom: solid 2px rgb(210,211,213);
}

.bluecolor {
    color: rgb(16,125,186);
}

.videoblock {
    margin: 20px auto;
    padding: 15px;
    min-height: 600px;
}

    .videoblock .paragraph18 p {
        text-align: center;
    }

.client-center-btn {
    background-color: #0d7dbb;
    color: #fff;
    border-radius: 5px;
    font-size: 10.36px;
    padding: 6px 10px;
    display: inline-block;
    border: solid 1px #0d7dbb;
}

    .client-center-btn:hover {
        color: #0d7dbb !important;
        background-color: #fff;
        border-color: #0d7dbb;
    }

.client-center-btn-outer {
    clear: right;
    display: inline;
}

.salesno {
    float: none;
}

.supportno {
    float: none;
}

/*#HomeHero {
    background-image: none; 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}*/

@media only screen and (max-width: 1200px) {
    .Super-Nav-Text-Left {
        font-size: 19px;
    }
}

/*@media only screen and (max-width: 1024px) {
    #HomeHero {
        background-image: url('/Portals/0/Images/Bling_Home_Tablet_Hero.jpg');
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    #HomeHero {
        background-image: url('/Portals/0/Images/Bling_Home_Tablet_Hero.jpg');
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    #HomeHero {
        background-image: url('/Portals/0/Images/Bling_Home_Tablet_Hero.jpg');
    }
}

@media only screen and (min-device-width : 640px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) {
    #HomeHero {
        background-image: url('/Portals/0/Images/Bling_Home_Tablet_Hero.jpg');
    }
}

@media only screen and (max-device-width : 640px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 2) {
    #HomeHero {
        background-image: url('/Portals/0/Images/Bling_Home_Mobile_Hero.jpg');
    }
}*/

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

    .Super-Nav-Text-Right {
        float: right;
        line-height: 1.2;
        font-size: 11px;
        width: auto;
    }

    #lnkServiceStatsViewMoreLink {
        font-size: 11px;
        line-height: 12px;
    }

        #lnkServiceStatsViewMoreLink span {
            font-size: 11px;
        }

    .Super-Nav-Text-Left {
        font-size: 16px;
    }
}

@media only screen and (max-width: 640px) {
    .Super-Nav-Text-Left {
        font-size: 15px;
        text-align: center;
        float: none;
    }

    /*#HomeHero {
        background-image: url('/Portals/0/Images/Bling_Home_Mobile_Hero.jpg');
    }*/

    .client-center-btn-outer {
        clear: left;
        float: left;
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        width: 50%;
    }

    .Super-Nav-Text-Right {
        float: left;
        min-height: 22px;
        margin-top: 7px;
        font-size: 14px;
    }

    #lnkServiceStatsViewMoreLink {
        font-size: 14px;
        line-height: 16px;
    }

        #lnkServiceStatsViewMoreLink span {
            font-size: 14px;
        }

    #divServiceStatsTicker a {
        text-decoration: underline;
    }
}

@media only screen and (max-width: 370px) {
    .Super-Nav-Text-Left {
        font-size: 14px;
        text-align: center;
        float: none;
    }

    .pad5pxphone {
        padding-left: 5px;
        padding-right: 5px;
    }
}


.Resource .i-holder {
    width: auto;
    max-width: 250px;
}

.refreshbtnajax, .refreshbtnajax:active {
    border-style: None;
    background: none;
    background-image: url(/portals/0/images/refresh-blue-ico.png);
    background-repeat: no-repeat;
    background-position: 9px 7px;
    padding: 5px 5px 5px 40px;
    cursor: pointer;
    float: right;
    border: 1px solid rgb(167,169,172);
    color: rgb(16,125,186);
    font-size: 18px;
}

.beforeAjaxRefresh img {
    display: none;
}

.afterAjaxRefresh {
    border-style: None;
    padding: 5px 5px 5px 40px;
    cursor: pointer;
    float: right;
    border: 1px solid rgb(167,169,172);
    color: rgb(16,125,186);
    font-size: 18px;
    background: none;
    overflow: hidden;
    position: relative;
}

    .afterAjaxRefresh img {
        position: absolute;
        margin: 2px 0 0 -92px;
    }

    .afterAjaxRefresh:before {
        content: "Refresh";
    }

    .afterAjaxRefresh .refreshbtnajax {
        display: none;
    }

    .afterAjaxRefresh img {
        -webkit-animation: rotationimg 2s infinite linear;
        -moz-animation: rotationimg 2s infinite linear;
        -o-animation: rotationimg 2s infinite linear;
        animation: rotationimg 2s infinite linear;
    }

@-webkit-keyframes rotationimg {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@-moz-keyframes rotationimg {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(359deg);
    }
}

@-o-keyframes rotationimg {
    from {
        -o-transform: rotate(0deg);
    }

    to {
        -o-transform: rotate(359deg);
    }
}

@keyframes rotationimg {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(359deg);
    }
}

@keyframes rotationimg {
    from {
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.colored-border-bottom:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    background-image: -webkit-linear-gradient(0deg, rgb(128,189,1) 25%, rgb(250,76,6) 25%, rgb(250,76,6) 50%, rgb(22,117,169) 50%, rgb(22,117,169) 75%, rgb(152,153,154) 75%, rgb(152,153,154) 100%);
    background-image: -ms-linear-gradient(0deg, rgb(128,189,1) 25%, rgb(250,76,6) 25%, rgb(250,76,6) 50%, rgb(22,117,169) 50%, rgb(22,117,169) 75%, rgb(152,153,154) 75%, rgb(152,153,154) 100%);
    background-image: -moz-linear-gradient(0deg, rgb(128,189,1) 25%, rgb(250,76,6) 25%, rgb(250,76,6) 50%, rgb(22,117,169) 50%, rgb(22,117,169) 75%, rgb(152,153,154) 75%, rgb(152,153,154) 100%);
    background-size: 100%;
}


body, .paragraph18, p, h1, h2, h3, h4, h5, h6, a {
    -webkit-font-feature-settings: "liga" 0;
    -moz-font-feature-settings: "liga" 0;
    -ms-font-feature-settings: "liga" 0;
    font-feature-settings: "liga" 0;
}

/*New Menu popover styles*/
.menu-popover {
    position: absolute;
    /* top: 0; */
    margin-top: 6px;
    left: 50px;
    z-index: 1080;
    width: 240px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgb(198,207,213);
    display: none;
    -moz-box-shadow: 2px 2px 5px rgb(198,207,213);
    -webkit-box-shadow: 2px 2px 5px rgb(198,207,213);
    box-shadow: 2px 2px 5px rgb(198,207,213);
    animation: 0.2s display-with-opacity both;
    -webkit-animation: 0.2s display-with-opacity both;
}

    .menu-popover .menu-popover-arrow, .menu-popover .menu-popover-arrow:after {
        position: absolute;
        display: block;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

    .menu-popover .menu-popover-arrow {
        top: -22px;
        left: 25px;
        margin-left: -11px;
        border-top-width: 0;
        border-bottom-color: rgb(198,207,213);
        border-width: 11px;
    }

        .menu-popover .menu-popover-arrow:after {
            content: "";
            top: 1px;
            margin-left: -10px;
            border-width: 10px;
            border-top-width: 0;
            border-bottom-color: #fff;
        }

    .menu-popover .menu-popover-content {
        margin: 3px;
        border: solid 1px rgb(88,89,91);
        position: relative;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        min-height: 100px;
    }

.menu-desktop li {
    position: relative;
}

    .menu-desktop li:hover .menu-popover {
        display: block;
    }

.menu-popover-content .popover-image {
    width: 65px;
}

    .menu-popover-content .popover-image img {
        margin: 10px auto;
        display: block;
        width: 56px;
        height: 56px;
    }

.menu-popover-content .popover-text {
    background-color: rgb(146,195,45);
    width: calc(100% - 65px);
    padding: 10px;
}

.menu-popover-content .popover-text, .popover-text p, .popover-text a, .popover-text a:hover {
    text-decoration: none;
    font-size: 12.35px;
    color: #fff;
    font-weight: 600;
    text-align: left;
}

@keyframes display-with-opacity {
    0% {
        display: none;
        opacity: 0;
    }

    25% {
        display: block;
        opacity: 0.5;
    }

    100% {
        opacity: 1;
    }
}

.navmenurightul li a:hover {
    text-decoration: underline;
}

.display-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-item {
    flex-grow: 1;
    flex-basis: 0;
}

.display-flex.middle-content {
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .display-block-on-768 {
        display: block;
    }
}


.top-ribbon:before, .bottom-ribbon:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 10px;
    background-image: -webkit-linear-gradient(0deg,rgb(128,189,1) 25%,rgb(250,76,6) 25%,rgb(250,76,6) 50%,rgb(22,117,169) 50%,rgb(22,117,169) 75%,rgb(152,153,154) 75%,rgb(152,153,154) 100%);
    background-image: -ms-linear-gradient(0deg,rgb(128,189,1) 25%,rgb(250,76,6) 25%,rgb(250,76,6) 50%,rgb(22,117,169) 50%,rgb(22,117,169) 75%,rgb(152,153,154) 75%,rgb(152,153,154) 100%);
    background-image: -moz-linear-gradient(0deg,rgb(128,189,1) 25%,rgb(250,76,6) 25%,rgb(250,76,6) 50%,rgb(22,117,169) 50%,rgb(22,117,169) 75%,rgb(152,153,154) 75%,rgb(152,153,154) 100%);
    background-size: 100%;
}

.bottom-ribbon.ribbon15px:after {
    height: 15px;
}

.top-ribbon.ribbon15px:before {
    height: 15px;
}

.top-ribbon:before {
    top: 0;
}

.bottom-ribbon:after {
    bottom: 0;
}

.top-ribbon, .bottom-ribbon {
    position: relative;
}

.hero-full-width {
    min-height: 350px;
    height: 100%;
    position: relative;
}

.hero-contact-form {
    min-height: 350px;
    background-color: rgb(153,204,51);
}

    .hero-contact-form .contact-form-mini {
        color: #fff;
        margin: auto;
        width: 100%;
        max-width: 500px;
        padding: 30px;
    }

        .hero-contact-form .contact-form-mini .c-form-title {
            color: #fff;
            font-size: 40px;
            margin: 10px 0 25px 0;
            text-align: center;
            font-weight: 400;
        }

        .hero-contact-form .contact-form-mini .dptextinput {
            border: 1px solid rgb( 149, 149, 149 ) !important;
            height: 27px;
            padding: 2px;
        }

        .hero-contact-form .contact-form-mini .dpbtninput {
            margin-top: 5px;
            padding: 2px 20px;
            font-size: 18px;
            background-color: #fff;
            border-color: #fff;
            color: rgb(0,102,204);
            font-size: 20px;
        }

.green-circle-shape {
    background-image: url(/portals/0/images/green-circle-shape.png);
    background-repeat: no-repeat;
    width: 429px;
    height: 395px;
}

.orange-circle-shape {
    background-image: url(/portals/0/images/orange-circle-shape.png);
    background-repeat: no-repeat;
    width: 448px;
    height: 395px;
}

.blue-circle-shape {
    background-image: url(/portals/0/images/blue-circle-shape.png);
    background-repeat: no-repeat;
    width: 408px;
    height: 401px;
}

.circle-shape {
    margin: auto;
    color: #fff;
    font-weight: 400;
    text-align: center;
    line-height: 1.5;
    background-size: contain;
}

    .circle-shape .font23 {
        font-size: 23px;
    }

    .circle-shape .font21 {
        font-size: 21px;
    }

@media only screen and (max-width: 450px) {
    .blue-circle-shape {
        background-size: contain;
        width: 343px;
        height: 320.8px;
    }

    .orange-circle-shape {
        background-size: contain;
        width: 358px;
        height: 316px;
    }

    .green-circle-shape {
        background-size: contain;
        width: 343.2px;
        height: 316px;
    }

    .circle-shape .font23 {
        font-size: 19px;
    }

    .circle-shape .font21 {
        font-size: 16px;
    }
}

.full-width-height {
    width: 100%;
    height: 100%;
}

.imagelist {
    list-style: none;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

    .imagelist li {
        margin: 0 auto;
        padding: 10px;
    }

    .imagelist img {
        max-width: 100%;
    }

@media (max-width:768px) {
    .imagelist {
        display: block;
    }

        .imagelist li img {
            display: block;
            margin: auto;
        }
}

.navbar-dy-position {
    float: right;
    padding-left: 10px;
    padding-left: 50px;
    display: inline-block;
    position: relative;
    padding-right: 100px;
    min-height: 50px;
    min-width: 400px;
}

    .navbar-dy-position .dropdown-menu {
        z-index: 2000;
    }

    .navbar-dy-position .nav.navbar-nav {
        display: none;
    }

@media (min-width: 992px) {
    .navbar-dy-position .nav.navbar-nav {
        display: block;
    }
}

@media (max-width: 767px) {
    .navbar-dy-position {
        display: none;
    }
}

.navmenuitem {
     padding-left: 25px !important;
     padding-right: 25px !important;
}


@media (max-width:1440px) {
    .custom-navbar {
       /* max-width: 1100px; */
    }

    .navbar-dy-position {
        float: right;
        padding-left: 10px;
        /*float: none;
        padding-left: 50px;*/
    }

}

@media (max-width:1250px) {
    .navmenuitem {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .custom-navbar {
       /* max-width: 1050px; */
    }
}

@media (max-width:1200px) {
    .navmenuitem {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .navbar-dy-position {
        float: right;
        padding-left: 0;
    }
}

@media (max-width:1100px) {
    .navbar-dy-position {
        padding-right: 50px;
    }
}

#IndustryMenuheader {
    margin-left: -290px;
}

#PartnerSolutionsMenuheader {
    margin-left: -430px;
}

#WhyDatapriseHeaderMenu {
    margin-left: -380px;
}

@media only screen and (max-width: 1120px) and (min-width: 481px) {
    .header .Container-Box {
        padding: 0 15px !important;
    }

    .Container-Box {
        padding: 15px 15px;
    }

    .Super-Nav .Container-Box {
        padding-left: 15px;
        padding-right: 15px;
    }

    #IndustryMenuheader {
        margin-left: -334px;
    }

    #PartnerSolutionsMenuheader {
        margin-left: -454px;
    }

    #WhyDatapriseHeaderMenu {
        margin-left: -430px;
    }
}

.services-menu {
    width: 534px;
    display: table;
}

    .services-menu .menu-link-area {
        width: 534px;
        display: table-cell;
        float: none;
        vertical-align: top;
    }

.menu-promos-block {
    width: 258px;
    display: table-cell;
    float: none;
    border: none;
    border-right: solid 1px rgb(192,191,190);
    margin: 0;
    padding: 0;
    vertical-align: top;
    max-width: 258px;
}

.services-menu .menu-promos-block {
    width: 258px;
}

.promos-circle-gray-bg {
    background-color: rgba(215,215,215,0.4);
    background-image: url(/portals/0/images/promos-menu-ng-circles.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
}

.services-menu .headlink {
    font-size: 16px;
    font-weight: 600;
}

    .services-menu .headlink:hover {
        font-size: 16px;
        color: #ff6633;
        text-decoration: underline;
    }

.services-menu .link-box, .industry-menu .link-box, .partner-solution-menu .link-box, .why-dataprise-menu .link-box {
    display: table;
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}

    .services-menu .link-box .menu-block, .industry-menu .link-box .menu-block, .partner-solution-menu .link-box .menu-block, .why-dataprise-menu .link-box .menu-block {
        display: table-cell;
        vertical-align: top;
    }

    .services-menu .link-box .menu-block {
        min-height: 410px;
    }

    .industry-menu .link-box .menu-block {
        min-height: 380px;
    }

.promos-support365-block {
    padding: 15px;
    position: absolute;
    display: block;
    left: 0;
    max-width: 285px;
}

.menu-promo-orange-btn {
    display: block;
    margin: auto;
    text-align: center;
}

    .menu-promo-orange-btn .btnstyle {
        min-width: 185px;
        background-color: #fff;
    }

        .menu-promo-orange-btn .btnstyle:hover {
            background-color: rgb( 241, 89, 42 );
        }

.menu-promos-block-common {
    position: absolute;
    display: none;
    height: 100%;
    width: 100%;
    left: 0;
    max-width: 258px;
}

    .menu-promos-block-common.promo-default {
        display: block;
        left: 0;
        max-width: 258px;
    }

.menu-promos-block.active {
    display: block;
}

.menu-promos-block-common .promos-head-title {
    background-color: #ff6633;
    font-size: 22.5px;
    padding: 10px 5px;
    font-weight: 600;
    color: #fff;
    line-height: 1;
    min-height: 43px;
}

.menu-promos-block-common .promo-sub-title {
    font-size: 16px;
    font-weight: 600;
    padding: 20px 5px 0 5px;
    line-height: 1.2;
}

.menu-promos-block-common .promo-text {
    padding: 10px 10px 0 10px;
    font-weight: 400;
    font-size: 11px;
}

.menu-promos-block-common .promo-image {
    margin: 20px 0;
}

    .menu-promos-block-common .promo-image img {
        display: block;
        margin: auto;
        max-width: 100%;
    }

.bottom-ribbon.ribbon5px:after {
    height: 5px;
}

.industry-menu {
    width: 720px;
    display: table;
    min-height: 463px;
}

    .industry-menu .menu-link-area {
        width: 720px;
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .industry-menu .menu-promos-block, .partner-solution-menu .menu-promos-block, .why-dataprise-menu .menu-promos-block {
        width: 258px;
    }

    .industry-menu .menu-block .subpagelink, .partner-solution-menu .menu-block .subpagelink {
        font-size: 13.6px;
    }

    .industry-menu .headlink, .partner-solution-menu .headlink {
        font-size: 16px;
        font-weight: 600;
    }

        .industry-menu .headlink:hover, .partner-solution-menu .headlink:hover {
            font-size: 16px;
            color: #ff6633;
            text-decoration: underline;
        }

.menu-block .bottom-align-icon {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    bottom: 10px;
}

.partner-solution-menu {
    width: 720px;
    display: table;
    min-height: 463px;
}

    .partner-solution-menu .menu-link-area {
        width: 720px;
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .partner-solution-menu .link-box .menu-block {
        min-height: 380px;
    }

.why-dataprise-menu {
    width: 503px;
    min-height: 540px;
    display: table;
}

    .why-dataprise-menu .menu-link-area {
        width: 503px;
        display: table-cell;
        float: none;
        vertical-align: top;
    }

    .why-dataprise-menu .headlink, .why-dataprise-menu .headlink:hover {
        font-size: 16px;
        font-weight: 600;
        padding: 0;
    }

    .why-dataprise-menu .linkdescription {
        line-height: 1.4;
        margin-bottom: 2px;
    }

    .why-dataprise-menu .link-box .menu-block {
        min-height: 455px;
    }

.careersubpart {
    margin: 15px 5px 20px 5px;
    line-height: 1.6;
    padding: 0;
}

.dp-header-search {
    height: 100%;
    min-height: 50px;
    background-color: #fff;
    right: 0;
    width: 100%;
    overflow: visible;
    max-width: 900px;
    margin: 25px auto;
}

    .dp-header-search .search-close-control-button {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .dp-header-search .searchInputContainer {
        display: block !important;
    }

        .dp-header-search .searchInputContainer input {
            height: 55px;
            border: none;
            box-shadow: none;
            padding-left: 25px;
            width: 100%;
            font-size: 20px;
            font-weight: normal;
            color: #000;
        }

    .dp-header-search .dnnSearchBoxClearText {
        display: none !important;
        visibility:hidden;
    }

    .dp-header-search .SearchButton {
        padding-top: 12px;
        position: absolute;
        right: 15px;
        top: 16px;
        display: block;
        z-index: 500;
        color: transparent !important;
        font-size: 0px;
        font-family: none;
        background-image: url(/portals/0/images/dp-search-icon.png);
        background-repeat: no-repeat;
        background-size: contain;
        height: 25px;
        width: 25px;
    }

    .dp-header-search.open {
        width: 100%;
        overflow: visible;
        padding-left: 50px;
    }

#js-open-header-search {
    padding-top: 12px;
    position: absolute;
    right: 15px;
    top: 0;
    display: block;
    width: 30px;
    z-index: 500;
}

/*#js-close-header-search {
    padding-top: 12px;
    position: relative;
    right: 0;
    top: 0;
    display:none;
}

.dp-header-search.open #js-close-header-search {
    position: absolute;
}*/

/*.dp-header-search.open #js-open-header-search {
    left: 0;
}*/

.dp-header-search ul.searchSkinObjectPreview {
    left: 0;
    width: 100%;
    position: relative;
}


.show-in-editstate {
    display: none;
}

.dnnEditState .show-in-editstate {
    display: block;
}

.home-chat-popup {
    position: absolute;
    z-index: 2000;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    height: 86px;
    margin-top: -43px;
    width: 110px;
    overflow: visible;
}

.mini-contact-form-popup {
    display: none;
}

.phone-popup {
    display: none;
}

.mini-contact-form-popup #MiniContactForm {
    display: block;
    background-color: #fff;
    box-shadow: 0 0 5px #888;
}

.chat-popup-call {
    position: relative;
    z-index: 1001;
    height: 95px;
    width: auto;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}

    .chat-popup-call .call-popup {
        background-color: rgb( 16, 125, 186 );
        padding: 10px 5px;
        position: absolute;
        right: 0;
        width: 125px;
        /* margin-right: -50px; */
        transition: margin 0.4s;
        -webkit-transition: margin 0.4s;
        -moz-transition: margin 0.4s;
        cursor: pointer;
    }

    .chat-popup-call .icon {
        display: inline;
        padding: 0 5px;
    }

    .chat-popup-call .text {
        font-size: 11px;
        vertical-align: middle;
        display: inline;
        color: #fff;
    }

.mini-contact-form-popup {
    padding-right: 125px;
    width: 345px;
    z-index: 999;
    height: 320px;
    /* background-color: rgba( 16, 125, 186,0.8); */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-right: -350px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
}

    .mini-contact-form-popup.open {
        margin-right: 0;
    }

    .mini-contact-form-popup .dpbtninput {
        display: block;
        width: 110px;
    }

.phone-popup {
    padding: 5px 110px 5px 10px;
    font-size: 16px;
    z-index: 999;
    height: 60px;
    width: 325px;
    background-color: #fff;
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    margin: auto;
    margin-right: -350px;
    transition: margin 0.4s;
    -webkit-transition: margin 0.4s;
    -moz-transition: margin 0.4s;
    color: #107dba;
    box-shadow: 0 0 5px #888;
}

    .phone-popup a {
        color: #f1592a;
        text-decoration: underline;
    }

        .phone-popup a:hover, .phone-popup a:active, .phone-popup a:focus {
            color: #f1592a;
        }

    .phone-popup.open {
        margin-right: 0;
    }

#close-contact-form-popup {
    float: right;
    font-size: 20px;
    margin-right: 10px;
}

#close-phone-popup {
    float: right;
    font-size: 20px;
    position: absolute;
    right: 130px;
    top: 0;
}

.absolute-popup {
    position: absolute;
    bottom: auto;
    margin-top: -43px;
}

.fixed-popup {
    position: fixed;
    margin-top: auto;
    bottom: 0;
}

@media (max-width:768px) {
    .home-chat-popup {
        width: 60px;
        display: none;
    }

    .chat-popup-call .call-popup {
        width: 150px;
        margin-right: -90px;
    }

    .chat-popup-call .icon {
        padding-right: 20px;
    }

    .mini-contact-form-popup {
        width: 275px;
        padding-right: 60px;
    }

    .phone-popup {
        width: 265px;
        padding-right: 60px;
    }

    #close-phone-popup {
        right: 65px;
    }
}

.color-ribbon-nav {
    margin: 0;
    list-style: none;
    width: 100%;
    display: table;
    font-size: 18px;
    font-weight: 600;
}

    .color-ribbon-nav li {
        display: table-cell;
        height: 56px;
        text-align: center;
        vertical-align: middle;
        padding: 10px 15px;
    }

        .color-ribbon-nav li a {
            color: #fff;
            height: 100%;
        }

@media (max-width:992px) {
    .color-ribbon-nav li {
        display: table;
        width: 100%;
    }

        .color-ribbon-nav li a {
            display: table-cell;
            vertical-align: middle;
        }
}

@media (min-width: 768px) {
    .display-table-cell-sm {
        display: table-cell;
        float: none;
    }

    .display-table-sm {
        display: table;
    }
}

@media (min-width: 992px) {
    .display-table-cell-md {
        display: table-cell;
        float: none;
    }

    .display-table-md {
        display: table;
    }
}

@media (min-width: 1200px) {
    .display-table-cell-lg {
        display: table-cell;
        float: none;
    }

    .display-table-lg {
        display: table;
    }
}

/**********************************************************************************/
/********NewStyles.css Ends
/**********************************************************************************/


.font-weight-900 {
    font-weight: 900;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-400 {
    font-weight: 400;
}

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

.font-size-38 {
    font-size: 38px;
}

.font-size-36{
    font-size:36px;
}

.font-size-34 {
    font-size: 34px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-28 {
    font-size: 28px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-14 {
    font-size: 14px;
}

.hover-inherit:hover {
    color: inherit;
    text-decoration: inherit;
}

.text-shadow {
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}

.pt5 {
    padding-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pt15 {
    padding-top: 15px;
}

.pt20 {
    padding-top: 20px;
}

.pt25 {
    padding-top: 25px;
}

.pt30 {
    padding-top: 30px;
}

.pt40 {
    padding-top: 40px;
}

.pt50 {
    padding-top: 50px;
}

.pt60 {
    padding-top: 60px;
}

.pb5 {
    padding-bottom: 5px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb15 {
    padding-bottom: 15px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb25 {
    padding-bottom: 25px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.pb60 {
    padding-bottom: 60px;
}

.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

.background-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.lato-italic {
    font-family: Lato-Italic, "Lato",Helvetica,Arial,sans-serif;
    font-style: italic;
}

.vertical-middle {
    vertical-align: middle;
}

.vertical-top {
    vertical-align: top;
}

.vertical-bottom {
    vertical-align: bottom;
}

.margin-auto {
    margin: auto;
}

.margin-left-0 {
    margin-left: 0;
}

.margin-right-0 {
    margin-right: 0;
}

@media (min-width: 768px) {
    .margin-right-0-sm {
        margin-right: 0;
    }

    .margin-left-0-sm {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .margin-right-0-md {
        margin-right: 0;
    }

    .margin-left-0-md {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .margin-right-0-lg {
        margin-right: 0;
    }

    .margin-left-0-lg {
        margin-left: 0;
    }
}

.width-100 {
	width:100%;
}

@media (min-width: 768px) {
    .width-100-sm {
        width: 100%;
    }
}

@media (min-width: 992px) {
    .width-100-md {
        width: 100%;
    }
}

@media (min-width: 1200px) {
    .width-100-lg {
        width: 100%;
    }
    .text-right-lg{
        text-align:right;
    }
}


.font-exo2 {
    font-family: 'Exo 2','Lato',Helvetica,Arial,sans-serif;
}

.font-lato {
    font-family: "Lato",Helvetica,Arial,sans-serif;
}

.supportstyle {
    font-family: 'Frutiger45LightBoldItalic','Lato',Helvetica,Arial,sans-serif;
}

.style365 {
    font-family: 'Frutiger45LightRegular','Lato',Helvetica,Arial,sans-serif;
    font-weight:normal;
}

    .style365 sup {
        font-size: 25%;
        top: -2.10em;
    }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .style365 sup {
        font-size: 30%;
    }
}

.offscreen {
    clip-path: inset(100%);
    clip: rect(0,0,0,0); /* IE 6/7 */
    clip: rect(0,0,0,0);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap; /* added line */
    width: 1px;
    background-color: transparent;
    margin: -1px;
    padding: 0;
    border: 0;
    color:transparent;
}

.offscreen *{
    color:transparent !important;
    background-color:transparent !important;
    border:0 !important;
}