body{
    width: 100%; 
    overflow: hidden;
}


/*===============================
      social size
==================================*/
.top-hd1:hover {
   color: #fe0000!important;
    !text-decoration: underline;
}
.nopadding{
    padding: 0px!important;
}

.pd-lft1{
    padding: 0px!important;
}
.nomargin{
    margin: 0px;
}
.marginTop10{
    margin-top: 10px;
}
.marginTop20{
    margin-top: 20px;
}
.marginTop30{
	margin-top: 30px;
}
.marginTop50{
	margin-top: 50px;
}
.marginTop70{
    margin-top: 70px;
}
.marginbottom50{
	margin-bottom: 50px;
}
.marginbottom70{
	margin-bottom: 70px;
}
.display_inline
{
    display: inline;
}
.left-space {
    padding-left: 0px!important;
}

.fadein{
    animation-name: fadeInUp;
}






header.main-header .top-bar .container >{
    font-size: 17px!important;
   
}
.headerWidth1 {
    !padding-left: 15px !important;
    !padding-right: 15px !important;
}
.footerWidth1 {
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.home-width {
    padding-left: 25px;
    !padding-right: 25px;
}
.home-width1 {
    padding-left: 15px;
    padding-right: 15px;
}
#zones-common-footer .footer-mid {
    !padding-left: 28px!important;
    /* padding-right: 6px; */
}
#hamburger-menu
{
display: none;
}
.mob-logo
{
display: none;
}
.collapse
{
display: block!important;
}
.font_size12
{
    font-size: 15px!important;
}
.font_size20
{
    font-size: 13px!important;
}
.mtop_m2
{
    margin-top: -2px;
}
.pd-lft1{
    padding: 0px!important;
}
/*=============index page===========*/

.tab-dropdown {
    font-size: 22px;
}
.count-bord {
    border-radius: ;
    border-right: 1px solid #fff;
}
.trend-hd {
    text-align: center;
    margin-top: 50px;
    color: #fff;
    font-size: 30px;
    /* font-weight: 600; */
    letter-spacing: 0.5px;
}
/*=====================================================
          start black-background techno page style
======================================================*/
.static-header1 {
    font-size: 30px;
    line-height: 1.5em;
    font-weight: 400;
    color: #232a3c;
    margin-bottom: 0.5em;
}
.zones-uikit .zones-hero-section {
    position: relative;
    width: 100%;
    margin-top: 0px !important;
    background-color: #2f343a;
    height: auto;
}
.black-background {
    background: #323941;
    bottom: 0px;
    padding-top: 9%;
    padding-bottom: 22%;
}

.panindia1 {
    text-align: center;
}
.panindia2 {
    margin-top: 20px;
    color: #2572c0;
    font-size: 24px;
    text-align: center;
    margin-bottom: 5px;
    font-weight: 400;
}
.panindia3 {
    color: #fff;
    font-size: 15px;
    text-align: center;
}
.large1 {
    text-align: center;
}
.large2 {
    margin-top: 9%;
    font-size: 38px;
    color: #2572c0;
}
.large3 {
    font-size: 15px;
    color: #fff;
}

.outsource3 {
    text-align: center;
    padding-right: 33%;
    color: #fff;
}
.outsourcing-img {
    text-align: center;
}
.outsource2 {
    color: #2572c0;
    font-size: 36px;
    margin-top: 9%;
}
.offer {
    margin-bottom: 0px;
}

/*=====================================================
         end black-background techno page style
======================================================*/

.bodyWidth {
    !min-width: 960px;
}

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

.slick-slide img {
    max-width: 100%;
}
.zones-uikit .zones-marketing-message {
    z-index: -1;
}

.zones-uikit .zones-solutions-section .focused-solutions-wrapper h3.security-header-text{
    font-size: 30px !important;
    padding: 10px 0 20px 0;
}
.zones-uikit .zones-solutions-section .fs-box-security.purple {
    top: 16px;
    margin-bottom: 90px;
    border: 4px solid #7a3aac;
    border-top:20px solid #7a3aac !important;
    height: 136px;
}
.zones-uikit .zones-solutions-section .fs-box-security .fs-box-security--inner.purple {
    background:rgba(122,58,172, 0.5);
}
.zones-uikit .blue-box-link {
    top: -20px;
    left: -4px;
}
.zones-uikit .zones-solutions-section .fs-box.blue {
    border-top: 20px solid #0051a3 !important;
    border: 4px solid #0051a3;
    margin-bottom: 20px;
}   
.zones-uikit .zones-solutions-section .fs-box.brown {
    border-top: 20px solid #442d04 !important;
    border: 4px solid #442d04;
}
.zones-uikit .zones-solutions-section .fs-box.yellow {
    border-top: 20px solid #e5c01a !important;
    border: 4px solid #e5c01a;
}
.zones-uikit .zones-solutions-section .fs-box .fs-box-content.blue {
    background-color: #0051a3;
    background-color: rgba(0,81,163, 0.5);
}
.zones-uikit .zones-solutions-section .fs-box .fs-box-content.brown {
    background-color: #442d04;
    background-color: rgba(69,44,4, 0.5);
}
.zones-uikit .zones-solutions-section .fs-box .fs-box-content.yellow {
    background-color: #e5c01a;
    background-color: rgba(229,192,26, 0.5);
}
.zones-uikit .zones-solutions-section .fs-box.fs-box-1, 
.zones-uikit .zones-solutions-section .fs-box.fs-box-2 {
    margin-right: 1.3%;
}
.zones-uikit .zones-solutions-section .fs-box {
    width: 32.46%;
}


/*===========================================================================================

                     Products  accesorries  pages style sheet

================================================================================================*/
#z-con-container, #body, .body_container {
    margin-top: 104px !important;
}

/* adjustments */
.body_container { width: 100% !important; }


.cmp-static .top-banner--btn {
    font-size: 18px;
    line-height: 50px;
    font-weight: normal;
    margin: 0;
    border: none;
    padding: 0 2em;
}

.cmp-static h1.static-header {
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
}

.cmp-static h3.static-header {
    font-size: 36px;
    line-height: 48px;
    color: #2f343a;
    font-weight: normal;
    margin: 0 0 0.7em 0;
}

.cmp-static h6.static-header {
    font-size: 16px;
    line-height: 24px;
    color: #2f343a;
    margin-top: 0;
}

.cmp-static .rel-product-box-title {
    font-size: 14px;
    line-height: 24px;
    color: #888;
}

.cmp-static .products-top-banner__content {
    transform: translateY(25%);
    -webkit-transform: translateY(25%);
    -moz-transform: translateY(25%);
    -o-transform: translateY(25%);
}
.cmp-static h5.static-header {
    margin: 1.3em 0 1.5em 0;
    font-weight: normal;
}

.cmp-static .banner-container {
    width: 60%;
    padding-top: 4em;
}

@media (max-width: 75em) {
    .cmp-static .banner-container {
        padding-top: 2.5em;
    }
}

.cmp-static .right-col {
    width: 360px;
    margin-top: 5em;
}
.cmp-static .left-col {
    width: 810px;
    padding-right: 1.5em;
}

@media (max-width: 75em) {
    .cmp-static .left-col {
        width: 570px;
    }

    .left-col .product-category-links li {
        font-size: 15px;
    }
}

.right-col--content {
    border-left: 2px solid #ddd;
    padding-left: 21px;
    margin-top: 0px;
}

.right-col--content-title {
    font-size: 20px;
    line-height: 30px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 8px;
    !margin-top: 20px;
}

.right-col--content-list {
    list-style: none;
    margin: 0 !important;
    padding-bottom: 1.5em;
}

.right-col--content-list .rcl--item > a {
    font-size: 16px;
    line-height: 36px;
    color: #2f343a;
    display: block;
}
.right-col--content-list .rcl--item > a > i {
    margin-right: 10px;
}
.right-col--content-list .rcl--item > a:hover > i {
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;

    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);  
    -o-transform: rotate(45deg);
}
.right-col--content-list .rcl--item > a:hover{
    color: #2f343a !important;
}
.cmp-static .product-category-links span, 
.cmp-static a.learn-more-link span {
    display: none;
}
.cmp-static .product-category-links-all a {
    line-height: 10px;
}
.cmp-static .product-category-links a:after, .cmp-static a.learn-more-link:after {
    background-position: 0 -88px;
    opacity: 1;
}

.cmp-static .product-category-links a:hover::after {
    background-position: -12px 0;
}
.cmp-static .product-category-links a {
    font-weight: normal;
}
.cmp-static .product-category-links a:hover {
    background: #237ED7;
}

.cmp-static .product-category-links ul {
    margin-bottom: 1em;
}

.cmp-static .link-all {
    margin: 1.5em 0 3em 0;
}

.cmp-static .link-all a {
    font-size: 14px;
    line-height: 27px;
    text-transform: uppercase;
    font-weight: 600;
}

.cmp-static .rel-product-box {
    padding: 1em;
    margin: 0 0 4em 0;
}

.cmp-static .rel-product-box .top-txt {
    font-size: 18px;
    line-height: 27px;
}

.cmp-static .rel-product-box .title-txt {
    font-size: 16px;
    line-height: 27px;
}



/*===========================================================================================

                    end  Products  accesorries  pages style sheet

================================================================================================*/

    
/*===========================================================================================

                    start data center transformation  pages style sheet

================================================================================================*/

    


    h2.static-header, h3.static-header, h4.static-header{color:#2f343a !important}
    h5,p,ul{color:#2f343a}
    .page-full-static.site-solutions h6.static-header {
        font-size: 20px;
        font-weight: 600;
        margin-top: 0.5em;
        margin-bottom: 1.5em;
        line-height: 1.2em;
        color:#888;
    }
    .page-full-static.site-solutions h4.static-header {
        margin-bottom: 0.5em;
        line-height: 1.3em;
    }
    .page-full-static.site-solutions h4.main-header{
        font-size: 24px;
        text-align: center;
    }
    .page-full-static.site-solutions .sect-solutions-services .row {
        height: auto;
    }
    .page-full-static.site-solutions img.sub-hero {
        width: 100%;
        height: auto;
    }
    .page-full-static.site-solutions h5.static-header.first-header {
        margin-bottom: 2.3em !important;
    }
    #statics_solutions .sect-body-content .sect-sol-content .col .category{
        padding-bottom: 20px;
    }
    .extra-padding{padding-bottom: 110px !important}
    
    .check-mark-theme{
        padding: 0 0 90px 0;
        margin: 26px 0 70px 0 !important;
    }
    .check-mark-theme li {
        float: left;
        font-size: 30px;
        color: #2f343a;
        font-weight: 400;
        width: 372px;
        height: 90px;
        line-height: 38px;
        margin-right: 26px;
        list-style-type: none;
        background: url('https://media.zones.com/images/static/check-box-button.jpg') no-repeat left center;
        padding-left: 68px;
        padding-top: 8px;
        margin-bottom: 20px;
    }
    .check-mark-theme li span{
        line-height: 86px;
        margin-top: -6px;
        display: block;
    }
    .check-mark-theme li:last-child{
        margin-right: 0 !important;
    }


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

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

    .padding {
        padding: 0 15px !important;
    }

    @media (max-width: 1199px) {
        .category-partner-microsite.partner-public-sector .sol-content-aside {
            width: 40%;
        }
    }

    .zones-uikit .zones-data-center-marketing-message .zones-data-center-marketing-content h1 {
        font-size: 46px;
    }

    .zones-uikit .callout-divider {
        padding: 30px 15px 30px 15px !important;
    }

    .zones-uikit.site-solutions .featured-categories .sub-tiles {
        width: 29%;
    }

    .zones-uikit.site-solutions .featured-categories .sub-tiles .category img {
        width: 100%;
    }

    .zones-uikit.site-solutions .featured-categories .sub-tiles .category .view-all {
        position: absolute;
        bottom: 0;
        width: 90%;
        line-height: 30px;
    }

    @media (max-width: 1199px) {
        .zones-uikit.site-solutions .zones-consultation {
            width: 100%;
        }
    }

    .zones-uikit.site-solutions .zones-consultation .zones-assesments-container {
        width: 50%;
    }

    .zones-uikit.site-solutions .zones-consultation .zones-assesments-container .zones-assesments-content {
        width: 100% !important;
        margin-right: 0 !important;
    }

 

    @media (min-width: 1200px) {
        .container {
            padding: 0;
        }
    }

    @media (max-width: 1199px) {
        .container {
            !width: 960px !important;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav {
        padding: 0 15px !important;
        box-sizing: border-box;
        min-width: 960px;
        max-width: 1200px !important;
        width: 1200px !important;
        margin-left: auto;
        margin-right: auto;
        padding: 0 15px !important;
    }

    @media (min-width: 1200px) {
        #statics_solutions .shell-category-header .shell-category-nav {
            padding: 0;
        }
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header .shell-category-nav {
            width: 960px !important;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav [name^="mobile-dropdown-lv"] {
        display: none;
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header .shell-category-nav [name^="mobile-dropdown-lv"] {
            display: block;
            position: absolute;
            top: 0;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav .mobile-menu-item {
        display: none;
        line-height: 65px;
        float: right;
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header .shell-category-nav .mobile-menu-item {
            display: inline-block;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav .mobile-menu-item#mobile-menu-checkbox {
        position: absolute;
        right: 11px;
        top: 11px;
        width: 35px;
        height: 35px;
        opacity: 0;
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header .shell-category-nav .mobile-menu-item#mobile-menu-checkbox:checked~.shell-category-nav-wrapper {
            position: absolute;
            top: 100%;
            right: 0;
            background: #143474;
            height: auto;
            width: 100%;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav .mobile-menu-item#mobile-menu-checkbox:checked~.shell-category-nav-wrapper li {
        margin-right: 0;
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header .shell-category-nav .mobile-menu-item#mobile-menu-checkbox:checked~.shell-category-nav-wrapper li {
            display: block !important;
            height: auto;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav .shell-category-brand li.c-logo-item {
        padding-left: 0;
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header .shell-category-nav .shell-category-nav-wrapper li.c-top-nav-item {
            display: none !important;
        }
        #statics_solutions .shell-category-header .shell-category-nav .shell-category-nav-wrapper li.c-top-nav-item .c-nav-dropdown-menu {
            position: relative;
        }
        #statics_solutions .shell-category-header .shell-category-nav .shell-category-nav-wrapper li.c-top-nav-item .c-nav-dropdown-menu a {
            padding-left: 30px;
        }
    }

    #statics_solutions .shell-category-header .shell-category-nav .shell-category-nav-wrapper li.c-top-nav-item .c-nav-link {
        transition: none;
        cursor: pointer;
    }

    @media (max-width: 1199px) {
        #statics_solutions .shell-category-header.cat-theme-healthcare.healthcare-navigation .mobile-menu-item#mobile-menu-checkbox:checked~.shell-category-nav-wrapper {
            background: #3baea7;
        }
    }

    #statics_solutions .top-banner .header-wrapper {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    #statics_solutions .top-banner .header-wrapper .sol--top-banner-overlay {
        position: relative;
        margin-top: 342px;
    }

    #statics_solutions .top-banner .header-wrapper .sol--top-banner-overlay h1 {
        z-index: 1;
        font-size: 60px;
        line-height: 100px;
        font-weight: 600;
        color: #fff;
        text-align: left;
        margin: 0;
        position: relative;
        display: inline-block;
    }

    @media (max-width: 1199px) {
        #statics_solutions .top-banner .header-wrapper .sol--top-banner-overlay h1 {
            font-size: 48px !important;
        }
    }

    #statics_solutions .top-banner .header-wrapper .sol--top-banner-overlay h1:before {
        content: "";
        z-index: -1;
        background: rgba(0, 0, 0, 0.6);
        position: absolute;
        right: -40px;
        top: 0;
        width: 500%;
        height: 100%;
    }

    #statics_solutions .sect-body-content .sect-sol-content .col .category {
        width: 50%;
    }

    #statics_solutions .sect-body-content .sect-sol-content .col .row {
        max-width: 1200px;
        min-width: auto;
        margin: 0;
    }

    #statics_solutions .static-header.first-header {
        margin-top: 0;
    }

    #statics_solutions .static-header.nomargTop {
        margin-top: 0 !important;
    }

    #statics_solutions .static-header.nomargBott {
        margin-bottom: 0 !important;
    }

    #statics_solutions h1.solutions-homepage-header {
        background: rgba(0, 0, 0, 0.7);
        line-height: 120px;
        height: 120px;
        width: 100%;
    }

    #statics_solutions h1.solutions-homepage-header:before,
    #statics_solutions h1.solutions-homepage-header:after {
        content: '';
        position: absolute;
        height: 20px;
        width: 100vw;
        width: 300%;
        background: rgba(0, 0, 0, 0.7);
    }

    #statics_solutions h1.solutions-homepage-header:before {
        top: -10px;
        right: 50%;
    }

    #statics_solutions h1.solutions-homepage-header:after {
        bottom: -10px;
        left: 50%;
    }

    #statics_solutions h2.static-header {
        font-size: 48px;
        line-height: 1.3em;
        font-weight: 600;
        color: #005596;
        letter-spacing: -0.02em;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }

    @media (max-width: 1199px) {
        #statics_solutions h2.static-header {
            font-size: 40px;
        }
    }

    #statics_solutions h3.static-header {
        font-size: 36px;
        line-height: 1.4em;
        font-weight: 600;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }

    #statics_solutions h4.static-header {
        font-size: 30px;
        font-weight: 400;
        margin-top: 1.5em;
        margin-bottom: 0.5em;
    }

    #statics_solutions .subtitle-sm {
        font-size: 24px;
        font-weight: 400;
        line-height: 18px;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    #statics_solutions .primary-color {
        color: #2f343a;
    }

#mkto_section .col-left {
    width: 68%;
    padding-right: 30px;
}

#mkto_section .col-right {
    width: 32%;
    margin-top: 30px;
    box-sizing: border-box;
}
.hidden {
    display: none !important;
}

#mkto_container .mktoForm--title {
    font-size: 30px;
    line-height: 36px;
    color: #2f343a;
    margin: 0;
}

.mkto_form {
    width: 100% !important;
    border: 4px solid #eee;
    margin-top: 20px;
}

.mkto_form label,
.mkto_form .mktoOffset {
    display: none;
}

.mkto_form .mktoFormCol,
.mkto_form .mktoFieldWrap {
    width: 100%;
    margin-bottom: 0 !important;
}

.mkto_form .mktoFieldWrap {
    padding: 20px;
    background: #eee;
    margin-bottom: 0 !important;
}

.mkto_form .mktoGutter {
    display: none;
}

.mkto_form input {
    line-height: 34px;
    height: 42px;
    width: 100% !important;
    font-size: 16px;
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.mkto_form input.mktoInvalid {
    box-shadow: 0px 0px 10px 2px #ff9486
}

#mkto_container .mktoButton {
    font-size: 18px;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    background: #237ed7;
    min-width: 200px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.mkto_form .mktoButtonWrap {
    margin-left: 0 !important;
}

.mkto_form .mktoButtonRow {
    text-align: center;
    width: 100%;
}


/*===========================================================================================

                   end data center transformation  pages style sheet

================================================================================================*/




/*owl carousel*/
.owl-dots .product-slider{
    display: none;
}
.black-slider-heading {
    /*padding-left: 18%;*/
    color: #ffffff;
    font-size: 34px;
    padding-top: 3%;
    padding-bottom: 3%;
    background-color: #2f343a;
    position: relative;
    margin-top: 0%;
    font-weight: 600;
}

.owl-nav {
    position: absolute;
    z-index: 9999;
    z-index: 999;
    width: 126px;
    background: #2f343a;
    padding: 9px 9px;
    left: 0px;
    right: 0px;
    text-align: center;
    margin-right: 45%!important;
    top: -85px!important;
    
}
.black-slider-heading {
    text-align: center;
    position: relative;
}
.product-slider {
    margin-top: 33px;
    margin-bottom: 0px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #ffffff;
    border: 1px solid #fff;
    padding: 0px 15px !important;
    font: inherit;
    background: #2f343a;
   }

.owl-carousel .owl-nav button.owl-next span,
.owl-carousel .owl-nav button.owl-prev span
{
    font-size: 50px!important;
    line-height: 30px;
}
#slider-text1 {
    text-align: center;
    margin-top: 19px;
    font-size: 30px;
    font-weight: 600;
    color: #30333c;
}
#slider-text2 {
    text-align: center;
    font-size: 21px;
    color: #8a8b8d;
}
.btn-details {
    border: 2px solid #237ed7;
    margin-left: 30%;
    margin-right: 30%;
    padding: 1%;
    /* padding-top: 1%; */
    /* margin: 30px; */
    /* margin-top: 8%; */
}
.btn-details {
	border: 2px solid #005596;
	padding: 2%;
	margin: 26px;
	width: 110px;
	text-align: center;
}
.btn-details a {
    color: #005596;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
}
.btn-details a img {
    width: 12px;
    margin-top: -16px;
    width: 13px !important;
}
.viewBox i {
    font-size: 14px;
}
.itemimg {
    height: 220px;
}
.top-nav-list > li {
   
    margin-left: -5px!important;
}
/*#zones-common-footer .pull-left {
   
    margin-left: -8px!important;
}
*/

.twentythree {
    width: 112px;
    float: right;
    padding-left: 20px;
}

/*
.testimonials-car
{
    !margin-top: 30px;
}

.testimonials-car li,
.testimonials-car li.active
{
    border-color: transparent;
    background-color: #cccccc;
    height: 10px;
    width: 10px;
    margin: 1px;
}

.testimonials-car li.active
{
    background-color: #363636;
}*/


/*======================================
    Start Side form style
======================================*/
.fixed_contact p{
    color: #fff!important;
}
/*.fixed_contact {
    position: fixed;
    right: 0px;
    background: #005596;
    padding: 10px 10px;
    text-align: center;
    z-index: 9999;
    color: #fff;
    font-size: 15px;
    top: 50%;
    margin-top: -25px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    height: 75px;
}*/
.phone-receiver {
    !width: 25px;
    margin-top: 14px;
}
.msg-box {
    !width: 30px;
    margin-top: 12px;
}
.fixed_contact {
    position: fixed;
    right: 0px;
    background: #005596;
    padding: -16px 0px;
    text-align: center;
    z-index: 9999;
    color: #fff;
    font-size: 7px;
    top: 40%;
    /* margin-top: -25px; */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    height: 63px;
    width: 74px;
}
.open {
    color: #fff;
    font-size: 12px;
}
.fixed_contact1 {
    position: fixed;
    right: 0px;
    background: #005596;
    padding: -16px 0px;
    text-align: center;
    z-index: 9999;
    color: #fff;
    font-size: 7px;
    top: 52%;
    /* margin-top: -25px; */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    cursor: pointer;
    height: 63px;
    width: 74px;
    /* border-top: 2px solid; */
}
.fixed_contact_scroll {
    width: 350px;
    !right: 0px;
    right: -550px;
    overflow: hidden;
    !height: 200px;
    position: fixed;
    background: #0172b6;
    top: 38%;
    /* margin-top: -202px; */
    z-index: 9999999;
    padding: 20px;
    !box-shadow: 0px 0px 5px 0px #e7892f;
    /* border: 5px solid #000; */
    /* border-right: 0px; */
    !border: 5px solid #237ed7;
    border-right: none;
}
.fixed_contact_scroll1 {
    width: 250px;
    !right: 0px;
    right: -550px;
    overflow: hidden;
    !height: 200px;
    position: fixed;
    background: #f2f2f2;
    top: 16%;
    /* margin-top: -202px; */
    z-index: 9999999;
    padding: 20px;
    !box-shadow: 0px 0px 5px 0px #e7892f;
    /* border: 5px solid #000; */
    border-right: 0px;
    border: 5px solid #237ed7;
    border-right: none;
}
.chatlive-text {
    font-size: 15px;
    color: black;
}
.locate {
    font-size: 24px;
    color: #237ed7;
}
.numberOne, .numberTwo {
    color: #fff;
    /* font-weight: 600; */
    font-size: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
}
.numberOne2 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    margin-left: 43px;
    margin-bottom: 0px;
}
.numberOne3 {
    color: #fff;
    font-weight: 600;
    font-size: 25px;
    margin-left: 43px;
}
.bar {
    /* !margin-left: 15px; */
    /* margin-top: -7px; */
    /* color: black; */
    /* font-weight: 700; */
    /* border: 1px solid #000; */
    height: 15px;
    /* margin-right: 15px; */
    /* background: linear-gradient(120deg,#ffffff 49%,#aaa 50%,#ffffff 51%); */
    /* width: 0px; */
    /* color: red; */
    /* height: 50px; */
    /* width: 200px; */
    /* border-bottom: 2px solid red; */
    border-right: 2px solid #fff;
    -moz-transform: skew(-45deg);
    -webkit-transform: skew(-45deg);
    transform: skew(-30deg);
}
.or {
    color: #fff;
    font-size: 15px;
    text-align: center;
    /* font-weight: bold; */
    /* letter-spacing: 0.02em; */
}
.call-txt {
    color: #fff;
}
.cell-answer {
    width: 20px;

}
.bottom-text {
    font-size: 10px;
    /* margin-left: 35px; */
    text-align: center;
}
.sideform-one {
    /* margin-left: 26px; */
    text-align: center;
}
.sideform-two {
    text-align: left;
    font-size: 15px;
    /* font-weight: 600; */
    color: #fff;
    /* font-weight: itallic; */
    margin-bottom: 0px;
    margin-top: 0;
}
.border-align {
    border-left: 1px solid #237ed7;
}
.border-products{
    border-left: 1px solid #f2f2f2;
}
.contactCompany {
    padding-top: 20px;
}
.image-center {
    text-align: center;
    /* top: 14px; */
    margin-top: 11px;
}
.chatlive {
    text-align: center;
    font-size: 17px;
    color: black;
    font-weight: 600;
}
#close {
    position: absolute;
    top: 1px;
    right: 12px;
    color: #fff;
    font-size: 17px;
    /* font-weight: 100 !important; */
}
.side_form{
    width:100%;
    margin-top: 10px;
    border-radius:0px;
}
.side_form_btn{
    width:100%;
    background:#98bf2a;
    border: 0px;
    color: #fff;
    margin-top:-15px;
    padding:5px;
}
.ame_list{
    list-style: none;
    padding: 0px;
    margin-top: 35px;
}
.ame_list h5{
    margin-top: 10px;
}
.ame_list li{
    display: inline-block;
    width: 19.5%;
    margin-top: 45px;
}
.ame_list li img{
    width: 100%;
}
.ame_list li h5{
    font-size: 16px;
}
/*callback form css*/
.head_callbackcss {
    !position: absolute;
    !z-index: 99999;
    float: right;
    margin-top: -35px;
    !right:30px;
}
.callback_input1 {
    width: 200px;
    padding: 2px 15px;
    height: 35px;
}
.callback_btn1 {
    background: #000;
    color: #fff;
    border: 0px;
    top: 45px;
    right: 0px;
    padding: 4px 8px;
    height: 35px;
    margin-left: -5px;
    border-color:#000;
}
.head_callbackcss li
{
    display: inline-block;
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.logo1 img {
    width: 122px;
    padding: 5px 0px;
}
.nav
{
    float:none!important;
}

.navbar-brand {
    padding: 1px 15px!important;
}
@media only screen and (max-width: 800px)
{
.fixed_contact_scroll{
    right:-550px;
    }
}
/*======================================
    End Side form style
======================================*/


/*=============================================
         start owl carousel slider
================================================*/
.partners {
    padding-top: 4%;
}
.quot {
    font-weight: 600;
    font-size: 80px;
    color: #111111;
    /* text-decoration: oblique; */
    margin-top: -30px;
    text-align: center;
}
.quot {
    font-weight: 600;
    font-size: 80px;
    color: #111111;
    /* text-decoration: oblique; */
    margin-top: -30px;
}
.author-heading1 {
    color: #005596;
    padding-top: 3%;
    /* padding-left: 3%; */
    font-size: 20px;
    /* padding-bottom: 30px; */
}
/*owl img size*/
.img-size{
    
    width:70%;
    padding-top:47px;
}
.owl-heading2 {
    color: white;
    padding-top: 10%;
    font-size: 35px;
    font-weight: 550;
}
.owl-heading{
    
    font-size:19px;
    font-weight:501;
    padding-top:18px;
}

/*=============================================
        end owl carousel slider
================================================*/





/*=============================================
        start technology infrastructure 
================================================*/
.technology-infrastructure {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pan-image {
    text-align: center;
    /* width: 143px; */
    /* max-width: 100%; */
}
/*=============================================
        start testimonials
================================================*/

.author-text {
    text-align: center;
    font-size: 20px!important;
}
.author-heading1 {
    text-align: center;
}


/*=============================================

         dropdown list of nav bar zooming on hover

============================================*/

/*dropdown icon hover zooming effect*/


.submenu ul li a {
    font-family: dinnextltpro, sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    color: #83879e;
    text-transform: uppercase;
    clear: both;
    padding: 18px 24px 7px
}

.submenu ul li a {
    font-size: 14px;
    width: 100%;
    display: block;
    !color: #101a5c;
    font-weight: 500;
    outline: 0;
    margin: 0;
    padding: 9px 24px 7px;
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: background-color
}

.submenu ul li a:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 13px;
    background: url(../images/drop-next.png) no-repeat left center;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: width
}

.submenu ul li a:hover {
    background-color: #f4f5f7;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: background-color
}

.submenu ul li a:hover:before {
    width: 24px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: width
}
#nav-menu-cloud li a:hover{
   /*font-size: 25px !important;
    !color: #005596;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    font-weight: 600;*/

}
#nav-menu-software li a:hover {
   /* font-size: 25px !important;
    !color: #005596;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    font-weight: 600;*/
}
#nav-menu-sols li a:hover {
   /* font-size: 22px !important;
    !color: #005596;
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    transition: all 0.15s ease;
    font-weight: 600;
    letter-spacing: 0.7px;
    */
}
#nav-menu-cloud li a:hover::after, #nav-menu-software li a:hover::after, #nav-menu-sols li a:hover::after {
   /* content: "";
    background: url(../images/rightanglehover.png) no-repeat;
    background-position: 0px;
    width: 12px;
    height: 20px;
    position: absolute;
    top: 22%;
    left: 0;
    */
}


header.main-header .top-nav .container .top-nav-list ul li a:hover{
   /* font-size: 25px!important;
   */

}
.trending:hover {
        !box-shadow: 5px 5px 5px 2px #555;

    }
/*careers page*/
.w3-btn.w3-block.w3-left-align {
    border: 1px solid aliceblue;
}
/*testimonials*/
.owl-dots{
    display: none;
}
.carousel-indicators.testimonials-car li {
    border: 1px solid #005596!important;
    height: 10px;
    width: 10px;
    background: #fff !important;
    position: relative;
    display: inline-block!important;
}
.carousel-indicators.testimonials-car li.active{
    background: #005596!important;

}
.test-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 340px;
}
.carousel-indicators {
    bottom: 68px !important;
}




/*=============================================

           inner pages style data

==================================================*/
    <!--DIV Structure Starts-->
    
                <style>
#z-con-container, #body, .body_container {
    margin-top: 104px !important;
}
</style>
<style>

/* adjustments */

.body_container { width: 100% !important; }
/*.footerWidth { margin-top: 0; }*/
.solutions-content{min-width:1200px;max-width:1200px;height: 618px;color:#555}


.sect-solutions-services .row {
    height: 618px;
}
.sect-solutions-services .width-row {
    height: 675px !important;
}
.sect-solutions-services .row1 {
    height: 520px;
}
.intro_text {
    margin: 50px auto 60px auto;
    text-align:left;
    max-width:1200px;
    
}
.page-full-static p {
    font-size: 18px;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    /*color:#888888;*/
}
.sect-sol-text .row {
    max-width: 1200px;
}
.callout-divider-ss {
    text-align: left !important;
}
h2, div { text-align: inherit }
.callout-divider-ss-full {
    background-color: #005596;
    margin: 0;
    margin-top: 40px;
    margin-bottom: 40px;
}

.callout-divider-ss-full-white {
    background-color: transparent;
   
    margin:0;
    margin-left: 326px;
}

.callout-divider-ss{
    text-align:center;
    color:#fff;
    font-size:34px;
    font-weight:600;
    padding:55px 0 60px 0;  
}
.category-partner-microsite.category-solutions .sect-top-banner .top-banner-overlay{
    top:235px;
}
.category-partner-microsite.category-solutions .top-banner-overlay h1 {
    font-size:80px !important;
}
.horz-links{
    border-bottom:6px solid #237ed7;
}
.solutions-content .main-contentZC.main-contentZC-right {
    margin-left: 630px;
    margin-top: 150px;
}
.sect-solutions-services .row1 {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }

.row1 {
    margin: 0 auto;
}
.solutions-content .main-contentZC.main-contentZC-left {
    padding-top: 100px;
    max-width: 550px;
}
.intro_text {
    color: #2f343a;
    
}
.category-about-us-microsite .sect-top-banner .top-banner {
    height: 400px !important;
}
.hero-pfm {
   margin: 0;
   height:500px;
}
.sect-solutions-services .row {
  height: 540px;
}
.sect-solutions-services .width-row {
  height: 540px !important;
}
.intro_text h2 {
  color: #2f343a !important;
  font-size: 48px;
  font-weight: 600;
  width: 100%;
}
.intro_text h5 {
  font-size: 26px !important;
  font-weight: 400 !important;
  line-height: 1.6;
  color: #888 !important;
  margin-bottom: 0.8em !important;
  margin-top: 0.7em !important;
}
.intro_text p{
  color: #888 !important;
}
.sect-sol-home-top-banner.sect-top-banner .top-banner-overlay {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
  top: 386px;
}
.sect-sol-home-top-banner.sect-top-banner .top-banner-overlay h1 {
  text-align: left !important;
  font-size: 57px;
}
h3.static-header {
  color: #2f343a !important;
}
form.mktoForm{padding:20px 5px}
.sect-sol-content{padding-left: 0; overflow: visible;}


.internal-emails-heading{
    font-weight: 700;
    color: #2f343a;
}
.category-about-us-microsite .sect-top-banner .top-banner {
    background-position: center !important;
}
/******/
.solutions-content .main-content, .solutions-content .aside-content { top: 20px; }

.static-header.static-header-white {
  background: rgba(0, 0, 0, 0.5);
  padding: 23px;
  /* left: 0px; */
  /* text-align: left; */
  /* float: left; */
  margin-left: -80px;
}
.copyright {
    !margin-left: 30px;
    margin-top: 0px;
    !margin-left: 15px;
    font-size: 13px;
}
/*==================================================

        desktop page style 

==========================================================*/
#header-height {
    height: 109px;
}
#header-height1 {
    !height: 10px !important;
    !height: 20px;
}
#header-height2 {
    !height: 10px !important;
    !height: 20px;
}
.headerWidth1 {
    /* top: 47px; */
    !margin-top: 45px;
}
.header-logo {
    padding: 15px 0px;
}
.main-banner-img {
    max-width: 100%;
    /* max-height: auto; */
    /* position: relative; */
    /* background-color: #cccccc; */
    height: 500px;
    /* background-position: center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* position: relative; */
    /* max-width: 100%; */
    height: auto;
    position: relative !important;
}
.content-innerpage {
    position: absolute;
    /* top: 0px; */
    color: #fff;
    z-index: 999;
    /* width: 50%; */
    /* left: 0px; */
    bottom: 75px;
    !right: 0px;
    !top: 250px;
    margin: auto;
    !padding: 0px !important;
}

.gen-img {
    padding-top: 30px;
    padding-bottom: 30px;
}
.simplivity {
    padding-top: 30px;
}
.servers-heading1 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
}
.servers-heading-background {
    /* color: #fff !important; */
    /* line-height: 1.4em; */
    /* color: red; */
    /* letter-spacing: -0.02em; */
    /* margin-bottom: 0.5em; */
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    left: 0px;
    /* text-align: left; */
    /* float: left; */
    /* margin-left: -30px; */
    width: auto;
    height: auto;
    position: absolute;
    z-index: 1;
    /* padding-top: -20px; */
    /* margin-top: -140px; */
    border-bottom: 5px solid #fe0000;
    bottom: 70px;
    left: 0px;
    margin: auto;
    /* bottom: 0px; */
}
.servers-heading2 {
   
    !padding: 0px 38px;
  
 color: #fff;

letter-spacing: -0.02em;
font-weight: 600;
line-height: normal;
text-shadow: none;

text-align: center;
font-size: 57px;
padding-left: 63px;
}
/*.servers-heading4 {
    !padding: 0px 38px;
    color: #fff;
    letter-spacing: -0.02em;
    font-weight: 600;
    line-height: normal;
    text-shadow: none;
    text-align: center;
    font-size: 57px;
    padding-left: 50px;
}*/
.servers-heading4 {
    !padding: 0px 38px;
    color: #fff;
    /* letter-spacing: -0.02em; */
    /* font-weight: 600; */
    line-height: normal;
    text-shadow: none;
    text-align: center;
    /* font-size: 57px; */
    padding-left: 75px;
    font-size: 60px;
    line-height: 60px;
    font-weight: 500;
}
.servers-text1 {
    font-size: 26px;
    width: 50%;
    color: #fff;
}
.moving-client {
    margin-bottom: 40px;
}
.client-logo-text4 {
    text-align: center;
    font-size: 20px;
    /* margin-top: -35px; */
    /* margin-bottom: 10px; */
    /* padding-top: 11px; */
    /* padding-bottom: 9px; */
    color: #000;
    font-weight: 600;
    position: absolute;
    z-index: 999;
    top: 35px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.servers-heading3 {
    font-weight: 700;
    color: #fff;
    padding: 0px 60px;
}
.wonderfull-outlook {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    /* padding: 55px 0 60px 0; */
    padding: 11px;
}
.better-email {
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 18px;
}
.better-email1 {
    padding-top: 0px;
    padding-bottom: 15px;
    font-size: 18px;
}
.allfact {
    font-size: 23px;
}
.hori-line{
    border: 1px solid #e5e5e5; 
    margin-top:0px; 
    margin-bottom:0px;
}
.hori-line1{

    border-right: 2px solid #e5e5e5;
}

select, textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px!important;
    font-weight: 600!important;
    font-size: 15px!important;
}
.send-resume {
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 20px;
    padding: 6px 20px;
}
.send-resume:hover {
    background-color: #fe0000;
    border: #fe0000;
    color: #fff;
}
input[type="text"], input[type="email"], input[type="tel"] {
    width: 100%;
    padding: 0px;
    border-bottom: 1px solid #ccc;
    border-radius: 0px!important; 
    !box-sizing: border-box;
    margin-top: 10px;
    margin-bottom: 16px;
    resize: vertical;
    height: 30px;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="tel"]:hover {
    
    !border-bottom: 2px solid #005596;
   
}
.location {
    margin-top: 65px;
    !border: 2px solid;
    margin-left: 40px;
}
.job-form {
    margin-left: 20px;
}
input[type="submit"] {
    background-color: #0172b6;
    color: white;
    padding: 7px 70px;
    border: none;
    /* border-radius: 4px; */
    cursor: pointer;
    width: 100%;
    font-size: 20px;
}
.contact-form input[type="submit"] {
    background-color: #0172b6;
    color: white;
    padding: 6px 9px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 16%;
    font-size: 15px;
    text-align: center;
    margin-top: 20px;
    float: right;
}
.contact-form input[type="text"], .contact-form input[type="email"] {
    border: 1px solid #888;
    /* padding: 8px 10px 20px; */
    height: 50px;
    padding: 10px;
    font-size: 18px;
}
input[type="submit"]:hover {
    !background-color: #fe0000;
}

.Contact-address {
    !border: 5px solid #fe0000;
}
.Contact-address-border {
    !border-right: 1px solid #888888;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    -moz-box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    padding: 5px 40px 20px;
}
.Contact-address-border1 {
 !border-right: 1px solid #888888;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    -moz-box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
   padding: 20px 40px 59px;
}
.more-info {
    font-size: 18px;
}
.details-text {
    font-size: 17px;
}
.contact-info {
    font-size: 18px;
}
.contact-heading{
font-size: 20px;
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.quality-policy {
    padding-top: 30px;
    padding-bottom: 30px;
}
#zones-common-footer .footer-subtitle > a::before {
   
    height: 5px!important;
   
}


/*quality policy*/
.certified-text {
    font-size: 20px;
    color: #f07835;
    font-weight: 600;
}
.banner-image {
    position: relative;
    !margin-bottom: 30px;
}
ul.bullet-right li::before {
    content: "\2714";
    font-size: 20px;
    /* padding: 10px; */
    /* margin-top: 98px; */
    margin-left: -20px;
    padding: 0px;
    color: #005596;
    position: absolute;
    /* left: 0px; */
    /* padding-left: -59px; */
    z-index: 999;
    margin-top: 0px;
    font-weight: 900;
}
ul.bullet-right li{
    position: relative;
}
.product-category-links {
    margin-left: 20px !important;
}
/*ul li:before {
    content: url('../images/right-arrow.png');
}*/
/*ul .bullet-right li a:before {
    display: block;
    content: " ";
    width: 3px;
    height: 5px;
    background:url('../images/right-arrow.png') no-repeat;
}
/*.values-pad ,.bullet-right li::before {
    display:block;
    content:"";
    width:100%;
    height:50px;
    position:absolute;
    left:10%;
    top:-30px;
    z-index:200;
}*/
/*ul li a:after {
    display: block;
    content: "»";
    width: 3px;
    height: 5px;
    background: transparent url('../images/right-arrow.png') no-repeat;
}*/

/*h6 heading*/
h6.static-header {
    font-size: 20px;
    line-height: 21px;
    font-weight: 400;
    color: #232a3c;
    margin-top: 10px;
    margin-bottom: 10px;
}

.cloud-ht {
    margin-top: 10px;
    !padding-left: 0px !important;
}
.hori-line1 {
    padding-left: 0px!important;
    /* font-size: ; */
}
.careertext {
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    text-justify: inter-word;
}
.contact-text {
    font-size: 18px;
}
.cloud-ht2 {
  padding-top: 50px;
   padding-bottom: 20px;
}


/*footer font size*/

address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 26px !important;
    padding-top: 10px;
    font-size: 13px !important;
}
.foot-txt1 {
    color: #fff;
    font-size: 25px;
    font-weight: 600;
    box-shadow: 2px solid red;
    /* -webkit-box-shadow: 4px 7px 12px 2px rgba(255,1,2,1); */
    /* box-shadow: 4px 7px 12px 2px rgba(255,1,2,1); */
    !text-shadow: 2px 3px 3px #fe0000;
    padding: 30px 0px 20px 0px;
    display: inline-block;
}
.foot-txt2 {
    display: inline-block;
    /* float: right; */
    margin-left: 15px;
    /* margin-top: 24px; */
    color: #fff;
    background-color: red;
    border-radius: 35px;
    padding: 6px 14px;
    width: auto;
    font-size: 15px;
    /* margin-top: 5px; */
    /* margin-bottom: -22px; */
    font-weight: 600;
}

.fot-phone {
    /* width: 6px; */
    /* max-width: 23px; */
    display: inline-block !important;
    margin-top: -5px;
    padding: 5px;
}
/*aws page style*/
.cloud-text1 {
    color: #777;
    font-size: 15px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 30px;
    margin-bottom: 0px;
  
    margin-top: 5px;
}
.cloud-text {
    color: #777;
    font-size: 16px;
    text-align: justify;
    text-justify: inter-word;
    line-height: 30px;
    margin-bottom: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}
.ordered-list {
    font-size: 18px;
    padding-top: 20px;
}
.nible-text {
    line-height: 34px;
}
.cloud-ht1 {
  padding-top: 0px;
}

/*artificial page*/
.aitext {
    padding-top: 20px;
}
.nimble-storage {
    border: 5px solid #237ed7;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 50px;
}
.box-content {
    font-size: 30px;
    margin-top: 10px;
    font-weight: 600;
}
.mailing-text {
    line-height: 40px;
}
.amc-heading {
    margin-top: 21px;
    margin-bottom: -2px;
}
.service-feature{
    padding-left: 10px;
}
.laptops-link{
    padding-left: 0px;
}
.right-indicator {
    width: 15px;
    margin-right: 5px;
    margin-top: -5px;
}
.art-heading1 {
    margin-bottom: -3px;
}
.static-header.gen-heading1 {
    margin-bottom: 0px;
}
/*product slider*/
.owl-item.active {
    max-width: 380px !important;

}
.owl-stage-outer {
    height: 450px !important;
}


.rem-text {
    padding-top: 20px;
}


.ft-hd {
    font-size: 30px;
    line-height: 36px;
}

input[type="text"], select, textarea {
    width: 100%;
    padding: 8px;
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    /* box-sizing: border-box; */
    margin-top: 6px;
    margin-bottom: 16px;
    resize: vertical;
    overflow: hidden;
}

.job-form  input {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    /* border-radius: 0px !important; */
    !box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 17px;
    resize: vertical;
    height: 40px;

}

.job-form input:hover {
    border: 2px solid #fe0000;
}
.job-form input[type="file"]{
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    /* border-radius: 0px !important; */
    !box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 17px;
    resize: vertical;
    height: 40px;
}
.second-header {
    font-size: 20px !important;
    margin-bottom: 12px !important;
    margin-top: -8px !important;
}


.trending {
    background-color: #005596;
    border: 1px solid #005596;
    border-radius: 5px;
    padding: 5px 6px;
    margin-top: 40px;
    margin-left: 9px;
    font-size: 16px;
    /* box-shadow: 5px 5px 5px 2px #555; */
    /* padding: 0px !important; */
    margin-bottom: -6px;
}
button.dd-arrow::after {
    content: " ";
    background: url('../images/sort-down.png') no-repeat;
    /* background-position: 0 0; */
    width: 18px;
    height: 13px;
    position: absolute;
    margin: 6px 8px 0px -14px;
}

.our-solution-txt {
    /* transform: rotateZ(270deg); */
    letter-spacing: 2px;
    /* margin-top: 412px; */
    font-size: 25px;
    /* border: 1px solid #005596; */
    padding: 0px;
    height: 0px;
    /* width: 229px; */
    /* margin-left: -110px !important; */
    /* margin-top: 448px; */
    /* font-weight: 600; */
    /* display: inline-block; */
    /* float: left; */
    color: #005596;
    z-index: 9999;
    /* float: right; */
    text-align: center;
    /* margin-top: 170px; */
}

/*
.our-solution-txt {
    transform: rotateZ(270deg);
    letter-spacing: 2px;
    border: 1px solid #005090;
    padding: 6px 25px;
    !margin-top: 448px;
    font-weight: 600;
  
    padding: 9px 260px;
    margin-top: 437px;
    width: 827px;
  
    margin-left: -415px;
    height: 60px;
    font-size: 25px;
    color: #005090;
}*/
.ver-box-pos {
    position: absolute;
    z-index: 999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
/*
.ver-box {
     border: 1px solid #005090;
    font-weight: 600;
    margin-top: 49px;
    width: 50px;
    margin-left: -20px;
    height: 824px !important;
    color: #005090;
    position: relative;
}*/
.ver-box1 {
    /* transform: rotateZ(270deg); */
    /* letter-spacing: 2px; */
    border: 1px solid #005090;
    /* padding: 6px 25px; */
    font-weight: 600;
    /* position: relative; */
    /* padding: 9px 260px; */
    margin-top: 0px;
    width: 50px;
    /* float: left !important; */
    margin-left: -20px;
    height: 309px !important;
    /* font-size: 25px; */
    color: #005090;
    position: relative;
}
.ver-box-pos1 {
    position: absolute;
    z-index: 9999;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
}
.our-services-txt {
    transform: rotateZ(270deg);
    letter-spacing: 2px;
    /* border: 1px solid #005090; */
    /* padding: 93px 0px; */
    !margin-top: 448px;
    font-weight: 600;
    position: relative;
    /* padding: 9px -8px; */
    /* margin-top: 120px; */
    width: 197px;
    margin-left: -76px;
    /* height: 60px; */
    font-size: 25px;
    color: #005090;
    position: absolute;
    margin-top: 90px;
}
.solutions-hd {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 40px;
}
.solutions-hd2 {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 90px;
}
.solutions-hd1 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    text-align: center;
    margin-top: 17px;
    margin-bottom: 23px;
}
/*
.boxn1 {
    width: 2px;
    margin-top: 230px;
    border: 6px solid #005090;
    margin-left: 18px;
     border-radius: 9px;
}
*/
.boxn2 {
    /* border: 7px solid #005596; */
    width: 2px;
    /* transform: rotateZ(270deg); */
    /* letter-spacing: 2px; */
    margin-top: 200px;
    /* font-size: 30px; */
    /* display: vertical-block; */
    border: 6px solid #005090;
    /* padding: 13px 105px; */
    /* float: left; */
    /* height: 82px; */
    margin-left: 17px;
    margin-top: 160px;
    /* font-weight: 600; */
    border-radius: 9px;
    position: absolute;
}
.boxs1 {
    /* border: 7px solid #005596; */
    width: 2px;
    /* transform: rotateZ(270deg); */
    /* letter-spacing: 2px; */
    margin-top: 200px;
    /* font-size: 30px; */
    /* display: vertical-block; */
    border: 6px solid #005596;
    /* padding: 13px 105px; */
    /* float: left; */
    /* height: 82px; */
    margin-left: 18px;
    margin-top: 17px;
    /* font-weight: 600; */
    border-radius: 9px;
}
.boxs2 {
    /* border: 7px solid #005596; */
    width: 2px;
    /* transform: rotateZ(270deg); */
    /* letter-spacing: 2px; */
    /* margin-top: 238px; */
    /* font-size: 30px; */
    /* display: vertical-block; */
    border: 6px solid #005596;
    /* padding: 13px 105px; */
    /* float: left; */
    /* height: 82px; */
    /* margin-left: 18px; */
    /* margin-bottom: -6px; */
    /* font-weight: 600; */
    border-radius: 9px;
    /* margin-bottom: 0px !important; */
    position: absolute;
    bottom: 10px !important;
    left: 18px !important;
}
.careers-button {
    /* -webkit-box-shadow: inset 0px 0px 39px 12px rgba(205,207,235,0.86); */
    /* box-shadow: inset 0px 0px 39px 12px rgba(205,207,235,0.86); */
    background-color: #005596;
    /* -webkit-box-shadow: 0px 0px 39px 12px rgba(205,207,235,0.86); */
    /* box-shadow: 0px 0px 28px 7px rgba(205,207,235,0.86); */
    border: none;
    border-radius: 9px;
    padding: 8px 13px;
    color: #fff;
    font-weight: 600;
    -webkit-box-shadow: 2px 4px 8px -1px rgba(138,139,141,1);
    -moz-box-shadow: 2px 4px 8px -1px rgba(138,139,141,1);
    box-shadow: 2px 4px 8px -1px rgba(138,139,141,1);
    margin-top: 50px;
    border-radius: 3px;
    /* margin-left: 149px; */
    float: right;
    font-size: 20px;
}
.trend-box {
    border: 5px solid #005596;
    background-color: #00559666;
    /* opacity: 1; */
    /* border-top: 15px solid #fe0000b3; */
    /* padding: 14px; */
    margin-top: 42px;
    margin-bottom: 30px;
    /* color: #fff; */
    width: 97%;
    margin-left: 14px;
    position: relative;
}
.tren-txt {
    /* color: #fff; */
    font-weight: 700;
    font-size: 30px;
    !border-bottom: 2px solid #fe0100;
    text-align: center;
    /* margin-top: 5px; */
    position: absolute;
    /* background-color: #005596; */
    /* border: 5px solid #005596; */
    top: 26px;
    left: 238px;
    /* width: 33px; */
    /* color: #fff !important; */
    /* text-align: center; */
}
.service-bt {
	border-bottom: 2px solid #fe0000;
}
.box-dt {
    position: absolute;
    top: 0px !important;
    left: 0px !important;
    right: 0px !important;
    bottom: 0px !important;
    margin: auto;
    /* overflow: hidden; */
}

.solutions-txt {
    text-align: center;
    /* letter-spacing: 0px; */
    color: #005596;
    font-size: 20px;
    border-top: none;
    -webkit-box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    -moz-box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
    box-shadow: 0px 0px 15px -1px rgb(232, 232, 232);
    padding: 15px;
   background-color: #fff;
}
.s-txt1 {
    text-align: center;
    color: #fff;
    font-weight: 500;
    margin-top: 90px;
    margin-bottom: 30px;
    padding: 0px 7px;
}
.plus-button {
    position: absolute;
    background-color: #005596;
    border: 5px solid #005596;
    top: 45px;
    left: 27px;
    width: 33px;
}

.iso-logo-size {
    width: 100px;
    margin-top: 15px;
    /* margin-left: 40px; */
    float: right;
}
.hm-fd-bt {
    font-size: 15px;
    font-weight: 400;
    border: 1px solid #fff !important;
    border-radius: 4px;
    !margin-top: 20px;
    display: inline-block;
    border-radius: 0px!important;
}
.hm-fd-bt:hover{
    color: #fff !important;
}
.hm-fd-bt1 {
    padding: 6px 8px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid #fff !important;
    border-radius: 4px;
    margin-top: 20px;
    display: inline-block;
    margin-left: 0px;
    color: #fff;
}
.hm-fd-bt1:hover{
        color: #fff!important;
}
/*===read more and less button css==*/

#more {display: none;}
#moreOne {display: none;}
#moreTwo {display: none;}

#myBtn, #myBtnOne, #myBtnTwo {
    background: transparent;
    border: none;
    color: #fe0000;
    margin-left: 0px;
    /* margin-top: -31px; */
    /* padding-top: -41px; */
}
.highlighter {
    height: 4px;
    width: 80px;
    /* border-radius: 28px; */
    margin-top: -10px;
    /* margin-left: 204px; */
    margin-bottom: 0px;
    background: #fe0000;
    /* text-align: center; */
}
/*
.highlighter1 {
    height: 4px;
    width: 62px;
    border-radius: 30px;
    margin-top: -4px;
    margin-left: 5px;
    margin-bottom: 20px;
    background: #fe0000;
}*/
.highlighter1 {
    /* height: 4px; */
    /* width: 100%; */
    border-radius: 0px;
    /* margin-top: -4px; */
    /* margin-left: 5px; */
    /* margin-bottom: 20px; */
    /* background: #fe0000; */
    border-bottom: 5px solid #fe0000;
    position: absolute;
    /* z-index: 9999; */
    /* padding-top: 4px; */
}
.highlighter2 {
    height: 5px;
    width: 62px;
    /* border-radius: 30px; */
    margin-top: -8px;
    /* margin-left: 5px; */
    /* margin-bottom: 8px; */
    background: #fe0000;
}
.up-arrow {
    background-color: #191e4e;
    padding: 8px;
    opacity: 0.5;
    position: fixed;
    right: 20px;
    bottom: 20px;
    border-radius: 7px;
}
.up-arrow:hover{
   opacity: 1;
}

/*--------start  footer light box ---------*/
/*
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
    !background-color: #005596;
   
    color: #fe0000;
    font-weight: 700;
    font-size: 18px;
   
    padding: 7px;
    letter-spacing: 1px;
   
    margin-top: 36px;
    box-shadow: 0px 0px 6px 2px rgba(120,120,120,1);
   
}
*/
#myImg {
    /* border-radius: 5px; */
    cursor: pointer;
    transition: 0.3s;
    !background-color: #005596;
    /* width: 100px; */
    /* color: #fe0000; */
    /* font-weight: 700; */
    /* font-size: 18px; */
    /* height: 70px; */
    /* padding: 7px; */
    letter-spacing: 1px;
    /* margin-left: 50px; */
    /* margin-top: 36px; */
    /* box-shadow: 0px 0px 6px 2px rgba(120,120,120,1); */
    /* opacity: 0.7; */
}
#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 500px;
    margin-top: 0px;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 114px;
    right: 307px;
    color: #fff !important;
    transition: 0.3s;
    z-index: 9999;
    font-size: 60px !important;
    font-weight: 500 !important;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}
/*--------end footer ---------*/



  .bluehd{
    color: #005596; 
  }
.list-order {
    padding-left: 17px;
    font-size: 16px;
    color: #888;
    margin-top: 10px;
    margin-bottom: 20px;
}
  .top-wd{
      margin-top: 6px;
  }

.styling-list{
   list-style-type: none;

}
.net-top{
  padding-top: 20px;
}
.second-header {
    margin-top: 10px !important;
}

/*=================image overlay css=============*/
.marginTop70{
    margin-top: 70px;
}
.marginTop100{
    margin-top: 100px;
}

@import url(https://fonts.googleapis.com/css?family=Raleway);

*, *:before, *:after{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing:border-box;
  box-sizing: border-box;
}


.main-title{
  color: #2d2d2d;
  text-align: center;
  text-transform: capitalize;
  padding: 0.7em 0;
}


@media screen and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
}
/*
@media screen and (min-width: 900px){
  .container{
    width: 33.33333%;
  }
}
*/
/*
.container .title{
  color: #1a1a1a;
  text-align: center;
  margin-bottom: 10px;
}

.content {
  position: relative;
  !width: 90%;
  !max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content .content-overlay1 {
    background: rgba(0,0,0,0.7);
    position: absolute;
    height: 95%;
    width: 97%;
    left: 5px;
    top: 8px;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    border-radius: 131px;
    overflow: hidden !important;
}
.content:hover .content-overlay{
  opacity: 0.6;
}


.color1 {
  background: #c82cab !important
}
.content:hover .color1{
  opacity: 0.9;
}

.color2{
     background: #23527c!important;
}
.content:hover .color2{
  opacity: 0.9;
}

.color3{
     background: #d83545!important;
}
.content:hover .color3{
  opacity: 0.9;
}

.color4{
     background: #27baea !important;
}
.content:hover .color4{
  opacity: 0.9;
}
.color5{
     background: #5cec2f !important;
}
.content:hover .color5{
  opacity: 0.9;
}

.color6{
     background: #512ce6 !important;
}
.content:hover .color6{
  opacity: 0.9;
}
.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}



.fadeIn-top{
  top: 20%;
}

.btn.find-button {
  border: 1px solid #fff;
  border-radius: 0px;
  background-color: transparent !important;
  margin-top: 20px;
  padding: 6px 10px 9px 7px;
 
  color: #fff;
}
*/
/*.btn.find-button:hover{
     background-color: red!important;
     border: none;
     font-size: 15px;
}*/



/**==================overlay effect================*/

/*.ovr-efct:hover .ovr-efct-overlay.right {
  right: 0;
  left: 0;
}
.ovr-efct:hover .ovr-efct-overlay.bottom {
  bottom: 0;
}
.ovr-efct:hover .ovr-efct-overlay.left {
  left: 0;
}
*/
/* 
by default, overlay is visible… 
*/
/*
…but this hide it
*/

/*.ovr-efct-overlay.right {
  right: 200%;
  left: -100%;
}
.ovr-efct-overlay.bottom {
  bottom: 100%;
}
.ovr-efct-overlay.left {
  left: 100%;
}
*/

/* misc. CSS */

/*1st box*/
.ovr-efct:hover .ovr-efct-overlay1.top, .ovr-efct:hover .ovr-efct-overlay2.top, .ovr-efct:hover .ovr-efct-overlay3.top
, .ovr-efct:hover .ovr-efct-overlay4.top, .ovr-efct:hover .ovr-efct-overlay5.top
, .ovr-efct:hover .ovr-efct-overlay6.top, .ovr-efct:hover .ovr-efct-overlay7.top
, .ovr-efct:hover .ovr-efct-overlay8.top, .ovr-efct:hover .ovr-efct-overlay9.top
, .ovr-efct:hover .ovr-efct-overlay10.top{
  top: 0;
}
.ovr-efct-overlay1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 11px;
    left: 0;
    background: #f07e01;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.ovr-efct-overlay1.top, .ovr-efct-overlay2.top, .ovr-efct-overlay3.top
, .ovr-efct-overlay4.top, .ovr-efct-overlay5.top, .ovr-efct-overlay6.top, .ovr-efct-overlay7.top
, .ovr-efct-overlay8.top, .ovr-efct-overlay9.top, .ovr-efct-overlay10.top {
  top: 100%;
}

/*2nd box*/
.ovr-efct-overlay2 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    background: #6f2c73;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}


/*3rd box*/

.ovr-efct-overlay3 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    background: #00a0f4;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}


/*4th box*/

.ovr-efct-overlay4 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    background: #00ada2;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

/*5th box*/

.ovr-efct-overlay5 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    background: #d83546;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

/*6th box*/

.ovr-efct-overlay6 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 10px;
    left: 0;
    background: #00c9fb;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}


/*7th box*/

.ovr-efct-overlay7  {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  
  background: rgba(0,0,0,0.5);
  color: #fff;
  overflow: hidden;
  text-align: center;
  width: 100%; 
  
  -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
  transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}

/*8th box*/

.ovr-efct-overlay8 {
    position: absolute;
    /* top: 0px !important; */
    right: 0;
    bottom: 15px;
    left: 14px;
    background: #03518de6;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 90%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    border-radius: 186px;
    /* height: 103px; */
    margin-top: 10px;
}

/*9th box*/

.ovr-efct-overlay9  {

   position: absolute;
    /* top: 0px !important; */
    right: 0;
    bottom: 15px;
    left: 14px;
    background: #79497ee6;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 90%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    border-radius: 186px;
    /* height: 103px; */
    margin-top: 10px;
}

/*10th box*/

.ovr-efct-overlay10  {
 

   position: absolute;
    /* top: 0px !important; */
    right: 0;
    bottom: 15px;
    left: 14px;
    background: #10a5efe6;
    color: #fff;
    overflow: hidden;
    text-align: center;
    width: 90%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    border-radius: 186px;
    /* height: 103px; */
    margin-top: 10px;
}

.ovr-efct {
    position: relative;
    overflow: hidden;
    width: 100%;
 
}
.ovr-efct img {
  max-width: 100%;
}








/**==================overlay effect================*/
.content-image-services {
  max-width: 100%;
}
.copyright {
   
    margin-top: -10px;
}
.footer-link-ht {
    margin-top: 10px !important;
}
.locat-info {
    font-weight: 600;
    font-size: 14px;
    color: #888;
}
  footer a {
    color: #888!important;
}
.footer-subtitle {
    margin-top: 30px;
}
.marg-t1 {
    margin-top: -10px !important;
}
.footer-link-ht li a {
    font-size: 13px;
    color: #777 !important;
    line-height: 25px;
}
.footer-link-ht li a:hover{
    color: #000!important;
}
.footer-link-ht address p a:hover{
    color: #000!important;
}
.fo-bo {
    border: 1px solid #fb0500;
    width: 30px;
}
/*
.img-box-con1{
      position: relative;
      overflow: hidden;
}
.content-image1 {
   
    position: absolute;
    z-index: 999;
    color: red;
    top: 50px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin: auto;
    text-align: center;
   
    max-width: 10%;


}

.content-image1:hover {
    
      position: absolute;
    z-index: 999;
  display: none!important;

}
.content-image1:hover {
    opacity: 0.1;
    z-index: -9999;
}
.image1{

    background-image: url("../images/services/end-computing.jpg");
  background-color: #cccccc;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
 .content-image:hover{

    background-image: url("../images/services/enterprise-computing.jpg");
  background-color: #cccccc;
  height: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

*/

/**=================homepage banner===============**/
.banner-img {
    position: relative;
    height: auto;
    width: 100%;
}
.banner-txt1-section {
  position: absolute;
  z-index: 9999;
}
.banner-txt1-section {
    position: absolute;
    z-index: 9999;
    color: #fff;
    top: 200px;
    /* left: 0px; */
    /* bottom: 0px; */
    /* right: 0px; */
    margin: auto;
}
.banner-txt1 {
  font-size: 40px;
  font-weight: 700;
  color: #fff !important;
}
.banner-indicators {
  bottom: 10px !important;
}

.lat-tr {
    !padding: 15px;
    !margin-left: 95px;
}
.marginTop25{
    margin-top: 25px;
}

.hor-line {
    position: relative;
}
#slideImg {
    margin-bottom: 30px;
    margin-top: 20px;
}
/*===================start hr text over horizontal line css====================*/
.hr-text {
    position: relative;
    outline: 0;
    border: 0px;
    color: black;
    text-align: center;
    height: 1px;
    opacity: .5;
    /* margin-top: -13px; */
    font-size: 20px;
}
.hr-text:before {
  content: '';
  background: linear-gradient(to right, transparent, #818078, transparent);
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text::after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    /* color: black; */
    padding: 0px 7px;
    /* line-height: 3px; */
    color: #000;
    background-color: #fcfcfa;
    top: -14px;
    font-weight: 600;
    font-size: 20px;
}

/*===================end hr text over horizontal line css====================*/

.ser-overlay1 {
    position: absolute;
     background-color: #14629de6;
    overflow: hidden;
    width: 83%;
    height: 91%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 187px;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.ser-overlay2 {
    position: absolute;
    !bottom: 18px;
    !left: 30px;
    !right: 0;
    background-color: #79497ee6;
    overflow: hidden;
    width: 83%;
    height: 91%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 187px;
     top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.ser-overlay3 {
    position: absolute;
   !bottom: 18px;
    !left: 30px;
    !right: 0;
    background-color: #10a5efe6;
    overflow: hidden;
    width: 83%;
    height: 91%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
      border-radius: 187px;
     top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.ser-over-ho:hover .ser-overlay1, .ser-over-ho:hover .ser-overlay2, .ser-over-ho:hover .ser-overlay3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/*services overlay effect*/
/*
.ser-overlay1 {
    position: absolute;
    bottom: 18px;
    left: 30px;
    right: 0;
    background-color: #14629de6;
    overflow: hidden;
    width: 83%;
    height: 90%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    border-radius: 409px;
}*/
.ser-overlay1 {
    position: absolute;
    /* background-color: #14629de6; */
    /* overflow: hidden; */
    /* width: 83%; */
    /* height: 91%; */
    /* -webkit-transform: scale(0); */
    /* -ms-transform: scale(0); */
    /* transform: scale(0); */
    -webkit-transition: .3s ease;
    /* transition: .3s ease; */
    /* border-radius: 187px; */
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.ser-overlay1 {
    position: absolute;
    /* background-color: #14629de6; */
    /* overflow: hidden; */
    /* width: 83%; */
    /* height: 91%; */
    /* -webkit-transform: scale(0); */
    /* -ms-transform: scale(0); */
    /* transform: scale(0); */
    -webkit-transition: .3s ease;
    /* transition: .3s ease; */
    /* border-radius: 187px; */
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.ser-overlay1 {
    position: absolute;
    /* background-color: #14629de6; */
    /* overflow: hidden; */
    /* width: 83%; */
    /* height: 91%; */
    /* -webkit-transform: scale(0); */
    /* -ms-transform: scale(0); */
    /* transform: scale(0); */
    -webkit-transition: .3s ease;
    /* transition: .3s ease; */
    /* border-radius: 187px; */
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    margin: auto;
}
.amc-txt3 {
    margin-top: 15px;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
    /* line-height: 32px; */
}
.amc-txt2 {
    margin-top: 10px;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
    /* line-height: 32px; */
}
.amc-txt1 {
    margin-top: 20px;
    color: #fff;
    font-size: 22px;
    letter-spacing: 0.5px;
    /* line-height: 32px; */
}
.btn.serv-btn-3 {
    padding: 0px;
    color: #fff;
    margin-top: 20px;
}
.ser-over-ho:hover .ser-overlay1, .ser-over-ho:hover .ser-overlay2, .ser-over-ho:hover .ser-overlay3 {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

/*================================================*/

header.main-header {
    position: absolute!important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    top: 0;
    width: 100%;
    z-index: 1000;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    height: inherit;
}
.incr-no {
    list-style: none;
}
.count-txt1 {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: #fff;
}
.count-no1 {
    text-align: center;
    font-size: 40px;
    
    font-weight: 600;
    color: #fff;
    margin-top: 30px;
}
.footer-subtitle {
    list-style: none;
    font-size: 15px;
    font-weight: 600;
    color: #ff0000;
}
.footer-link-ht {
    list-style-type: none!important;
}
.pd-lft2{
    padding: 0px!important;
}





/********************peripherals*************/
.port-gallery {
  overflow: hidden;
  position: relative;
}
.transition {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.zoom {
  !padding: 50px;
  transition: transform 2s;
  margin: 0 auto;
}
.img-txt1 {
    position: absolute;
    z-index: 999;
    !color: #fff;
    /* top: 0px; */
    right: 0px;
    bottom: 0px;
    left: 0px;
    margin: auto;
    bottom: -10px;
    /* top: 0px; */
}
.tall-txt {
    font-size: 19px;
    letter-spacing: 0.5px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    background-color: #0009;
    padding: 9px;
    border-radius: 0px;
    /* bottom: -10px; */
}
.zoom:hover {
  -ms-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  transition: transform 2s !important;
  !opacity: 0.5;
}

/*.desktop-heading2 {
    font-size: 30px;
    !font-weight: 600;
    !border-bottom: 5px solid #fe0000;
    !position: absolute;
    color: #fff;
    top: 0px;
}
.desktop-heading4 {
    !font-weight: 600;
    !border-bottom: 5px solid #fe0000;
    position: absolute;
    
    color: #fff;
    top: 50px;
}*/
  .ord-no {
  font-size: 25px;
  !margin-left: 20px;
  list-style-type: none;
}
 .uno-list {
  font-size: 20px;
  margin-left: 25px;
}
.cloud-ht3 {
    margin-top: 10px;
}
/*=============azure css=============*/
.az-img1 {
  /* border: 1px solid #000; */
  box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
  padding: 38px 64px 25px;
}
.az-img2 {
  /* border: 1px solid #000; */
  box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
  padding: 35px 58px 20px;
}
.az-img3 {
  /* border: 1px solid #000; */
  box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
  padding: 45px 58px 20px;
}
.az-img4 {
  /* border: 1px solid #000; */
  box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
  padding: 63px 47px 46px;
}
.az-img5 {
  /* border: 1px solid #000; */
  box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
  padding: 20px 64px 20px;
}
.az-img6 {
  /* border: 1px solid #000; */
  box-shadow: 0px 0px 15px -1px rgba(232,232,232,1);
  padding: 45px 88px 20px;

}

.green-co{
    color: #fe0000;
    !color: #7ba314;
}
.banner-txt2 {
    font-size: 25px;
    color: #fff;
    /* margin-top: 40px; */
    /* margin-bottom: 0px; */
    line-height: 20px;
}
/*
.slider-text {
    position: absolute;
    z-index: 999;
    !top: 0px;
    left: 0px;
    color: #fff;
  
 background-color: #080405; 
    opacity: 0.7;
    right: 0px;
    height: 150px; 
    bottom: 0px;
}*/
.slider-text {
    position: absolute;
    z-index: 999;
    !top: 0px;
    left: 0px;
    color: #fff;
    /* top: 146px; */
   !background-color: #080405; 
    opacity: 0.7;
    right: 0px;
     !height: 150px; 
    top: 200px;
}
.banner-txt4 {
    /* font-size: 25px col; */
    font-size: 15px;
    color: #fff;
    !width: 43%;
    margin-bottom: 0px;
}

.banner-hd {
  font-size: 40px;
  margin-top: 30px;
  color: #fff;
  /* font-weight: 600; */
}
.banner-txt {
  font-size: 25px;
  color: #fff;
  width: 60%;
}


/*===========================dropdown nav ========================*/
/*
.submenu>li p {
    font-family: dinnextltpro, sans-serif;
    display: block;
    font-size: 12px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .5px;
    color: #83879e;
    text-transform: uppercase;
    clear: both;
    padding: 18px 24px 7px
}
*/
.submenu {
    font-size: 14px;
    width: 100%;
    display: block;
    !color: #101a5c;
    font-weight: 500;
    outline: 0;
    margin: 0;
    padding: 9px 24px 7px;
    cursor: pointer;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: background-color
}

/*.submenu:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 13px;
    background: url(../images/drop-next.png) no-repeat left center;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: width
}*/

.submenu:hover {
   
    cursor: default;
    
}
.submenu a:hover {
    color: #191e4e;
    font-weight: bold;
    background-color: #fff;
    padding: 5px 5px !important;
    border-radius: 7px;
    !font-weight: bold !important;
}
/*.submenu:hover:before {
    width: 24px;
    -webkit-transition: .3s ease-out;
    -moz-transition: .3s ease-out;
    -o-transition: .3s ease-out;
    -ms-transition: .3s ease-out;
    transition: .3s ease-out;
    transition-property: width
}
*/
button.traning {
    color:#102c54;
  border: 2px solid #102c54;
    background: transparent;
    font-size: 15px;
    padding: 5px;
}


/*======================================================*/

.mobile-menu--lv2 {
    !border: 1px solid #484848!important;
    !padding: 10px;
}