@charset "utf-8";
.combo-close-full .combo-fullwidth {
    opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    visibility: hidden;
}

html {
  scroll-behavior: smooth;
}

#block-block-93,#block-block-94,#block-block-92,#block-block-95,#block-block-100{ position:relative; z-index: 99 ;}
.wbgforEI{background: #fff; position: relative; overflow: hidden; min-height: 1100px; z-index: 9;}
*{
	font-family: 'Open Sans', sans-serif;
	outline: none;
}
input,
textarea,
button{
	font-family: 'Open Sans', sans-serif;
}
a {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	-ms-transition: 0.2s;
	-moz-transition: 0.2s;
	color: #333;
	text-decoration: none;
}
a:focus{
	color: #333;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
ul{
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
}
img{
	max-width: 100%;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	font-family: 'Open Sans', sans-serif; text-transform: none;
}
p{
	color: #3c3c3c;
	font-size: 15px;
}

/* Combo */
.combo-Scroll {
    overflow-y: auto;
    height: 100vh;
}

.close-combo { cursor: pointer; }
.combo-fullwidth { visibility: visible; position: fixed;	
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;       
    opacity: 1;
    -moz-opacity: 1;
    -webkit-opacity: 1;
    -ms-opacity: 1;
    -o-opacity: 1;    
    transition: 0.1ms all;
    -moz-transition: 0.1ms all;
    -ms-transition: 0.1ms all;
    -o-transition: 0.1ms all;
    -webkit-transition: 0.1ms all;
	
	animation: jasfadeIn ease 0.6s;
  -webkit-animation: jasfadeIn ease 0.1ms;
  -moz-animation: jasfadeIn ease 0.1ms;
  -o-animation: jasfadeIn ease 0.1ms;
  -ms-animation: jasfadeIn ease 0.1ms;

}

@keyframes jasfadeIn{
  0% {
    opacity:0;
  }
  100% {
    opacity:1;
  }
}

/* AMD pages */
.headTab {
        position: relative;
        z-index: 99;
        background: #F1F4F7;
        padding: 2em 0 0.2em 0;
        border-bottom: 10px solid #0070C0;
    }

    .headTab .nav {
        margin: 0 0 0 -50px;
        padding: 0;
    }

    .headTab .nav li {
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .headTab .nav li a,
    .headTab .nav li.active a {
        position: relative;
        padding: 0 4em;
        text-align: center;
        font-size: 16px;
        color: #000000;
        background: none;
        border: 0;
    }

    .headTab .nav li a svg { display: block; margin: 0 auto 0.6em auto; }
    .headTab .nav li.active a svg path { fill: #0070C0;}
    .headTab .nav li.active a svg tspan { fill: #0070C0;}

    .headTab .nav li.active a:after {
        content: '';
        position: absolute;
        left: 50%;
        bottom: -37px;
        width: 0;
        height: 0;
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 18px solid #0070C0;
        transform: translateX(-50%);
    }

/* AMD Pages */

/* Supermicro JBOD */
.product-slider { position: relative; }
.product-slider .slick-next { color: #fff; top: -5em; position: absolute; right: 2em; text-indent: -51px; border-radius: 50%; width: 40px; height: 40px; border: 0; background: #0070c0; border: 2px solid #0070c0; overflow: hidden; }
.specialDiv { border: 1px solid #9ECA73; padding: 0.6em; }
.specialDiv p { padding: 0; margin: 0; }
.specialDiv h6 { color: #9ECA73; text-transform: uppercase; margin: 0 0 3px 0; padding: 0; font-weight: 600; }
.product-slider .slick-slide { border: 1px solid #BCBCBC; margin: 0 1em; padding: 1em; }
.product-slider .slick-list { margin: 0 0 2em 0; }
.product-slider .slick-prev { color: #fff; text-align: center; line-height: 40px; text-indent: -76px; overflow: hidden; position: absolute; right: 6em; border-radius: 50%; width: 40px; height: 40px;  border: 0;  border: 2px solid #0070c0; background: #0070c0; top: -5em; }
.product-slider .slick-next.slick-disabled, .product-slider .slick-prev.slick-disabled { background: #fff; color: #0070c0; opacity: 0.6; }

.product-slider .morePrDetails { display: none; }

.slick-next:after { content: "\f061"; font-family: 'FontAwesome'; margin: 0 0 0 20px; font-weight: 100; }
.slick-prev:after { content: "\f060"; font-family: 'FontAwesome'; margin: 0 0 0 20px; font-weight: 100; position: relative; top: -3px; }

.product-slider ul { margin: 1em 0 0 1.8em; padding: 0; text-align: left; }
.product-slider ul li { margin: 0 0 10px 0; list-style: disc; }
/* Supermicro JBOD */

/* nvidia page css */
#formTop img { float: left; width: 150px; margin-right: 10px; }
#formTop h3 { margin-right: 10px!important; float: left; }
#formTop h4 { margin: 10px 0; }
#formTop a { display: none; }

.nvidia-pr-top { padding: 0 0 0 3em; margin-bottom: 1.5em;  display: flex; }
.pr-title-right { padding: 0 0 0 3em; max-width: 44%; display: flex; flex-direction: column; justify-content: center; }
.pr-title-right h2 { font-size: 1.6em; margin: 1em 0 12px 0; padding: 0!important; line-height: 26px; }
.pr-title-right h3 { color: #6f6f6f; font-size: 1.1em!important; }

/* NVIDIA main page tiles */
.nvidiaModel .modal-body { height: calc(100vh - 9em); }
.nvidiaModel .modal-body::-webkit-scrollbar { width: 0.3em; } 
.nvidiaModel .modal-body::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); } 
.nvidiaModel .modal-body::-webkit-scrollbar-thumb { background-color: darkgrey; outline: 1px solid slategrey; }
.modal-content .webform-client-form-1056 .captcha { position: static; left: 0; top: 0; width: 50%; float: left; }
.webform-client-form-1056 input::placeholder, .webform-client-form-1056 textarea::placeholder { opacity: 0.6; }
.nvidiaModel .form-type-checkbox { padding:  0 0 0 1em!important; }
.nvidiaModel .form-submit { border-radius: 30px; padding: 11px 53px; }
.justify-content-between { justify-content: space-between; }
.align-items-center { align-items: center; }
.nvidiaTilesWrapper { display: flex; flex-wrap: wrap; }
.nvidiaTileBox2 { min-height: 27em; }
.nvidiaTileBox1 h3, .nvidiaTileBox2 h3 { position: relative; display: inline-block; }
.nvidiaTileBox1 h3:after, .nvidiaTileBox2 h3:after { content: ''; background: #AED153; height: 3px; width: 0; position: absolute; left: 0; bottom: -10px; transition: 0.3s all;  }
.nvidiaTileBox1:hover h3:after, .nvidiaTileBox2:hover h3:after { width: 100%; transition: 0.3s all; }
.nvidiaTilesBlock { padding: 40px 0; background: rgb(11,108,159); background: linear-gradient(214deg, rgba(11,108,159,1) 0%, rgba(201,219,183,1) 100%); }
.nvidiaTileBox { position: relative; overflow: hidden; padding: 15px; background: #F1F4F7; height: 100%;  }
.nvidiaTileBox .new { background: #579C19; border: 1px solid #9ECA73; color: #B9FF01; font-size: 11px; padding: 0 8px; display: inline-block; height: 2.3em; }
.nvidiaTileBox h3 { margin: 15px 0 20px 0!important; }
.nvidiaTileBox h3 .new { float: right; }
.nvidiaTileBox2 h3 { margin-top: 2em!important; }
.nvidiaTwoTiles { margin-top: 30px; display: flex; flex-wrap: wrap; }
.nvidiaTwoTiles .col-md-6 { display: flex; flex-direction: column; }
.nvidiaTwoTiles .col-md-6 .nvidiaTileBox { display: flex; flex-direction: column; height: 100%; }
.nvidiaTileBox3, .nvidiaTileBox4 { padding: 0!important; min-height: 21em; }
.nvidiaTwoTiles p { min-height: 5em; }
.nvidiaTileBox-text { padding: 7px 15px 15px 15px; position: absolute; bottom: -71px; background: #F1F4F7; transition: 0.3s all; }
.nvidiaTileBox:hover .nvidiaTileBox-text { bottom: 0!important; }
.nvidiaTilesWrapper a.global-btn:hover { background-color: #9ECA73; color: #fff; border: 1px solid #333333; }
.nvidiaTileBox a.global-btn:hover:after { color: #fff; }
/* END NVIDIA main page tiles */


.flex-wrap { flex-wrap: wrap; }
.h100Points { background: #CFDFEF; }
.h100Left { width: 48%; position: absolute; top: 0; left: 0; background-image: url(../images/nvidia-h100-img-left.jpg); background-repeat: no-repeat; background-size: cover; background-position: center bottom; height: 100%; float: left; }

.ThreadRight { width: 48%; position: absolute; top: 0; right: 0; background-image: url(../images/threadripper-video.png); background-repeat: no-repeat; background-size: cover; background-position: left bottom; height: 100%; float: left; }
.ThreadLeft { float: left; width: 57%; padding: 175px 5% 175px 20%; text-align: left; }
.ThreadRight svg.playIcon { position: absolute; left: 50%; top: 50%; transform:translate(-50%,-50%); }

.h100Right { float: right; width: 52%; padding: 105px 20px 105px 40px; text-align: left; }
.h100Right ul {list-style: none; margin: 0; padding: 0; max-width: 50%; }
.h100Right ul li { position: relative; padding: 0 0 0 25px; margin: 0 0 15px 0; color: #3C3C3C; }
.h100Right ul li:before { content: ''; position: absolute; left: 0; top: 3px; width: 16px; height: 16px; background: #AED153; border: 1px solid #579C19; border-radius: 50%; }
.dividerMain { height: 100%; overflow: hidden; position: relative; width: auto; }
.dividerMain:after { content: '';
    width: 8px;
    height: 365px;
    position: absolute;
    right: 4.7em;
    top: 12%;
    background: #579C19;
    border-radius: 50px;
    transform: rotate(15.5deg);}
.ThreadRight .dividerMain:after { content: none; }
.dividerMain svg { right: 0; top: 0; width: auto; position: absolute; }
.ThreadRight .dividerMain svg { left: -18px; top: 0; width: auto; position: absolute; }

.nvidia-gpu-block { display: flex; margin: 0 0 30px 0; }
.nvidia-gpu-block .gpu-block-inner { padding: 40px 20px; background: #EFF6FF; border: 1px solid #DFEBF6; border-radius: 1em; }
.gpuIcons { margin: 0 0 15px 0; background: #1B74E8; border-radius: 10px; display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; }
#content .gpu-block-inner h4 { margin: 0 0 2em 0; color: #99A2B8; }
.d-flex { display: flex; }

.text-white { color: #fff!important; }
.position-relative { position: relative; }
.greenBlueShade { background: rgb(167,205,93); background: linear-gradient(90deg, rgba(167,205,93,1) 0%, rgba(115,181,161,1) 48%, rgba(75,161,216,1) 100%); }
.greenBar { position: absolute; content: ''; left: 0; top: 0; height: 100%; width: 40px; background: #AED153; }
.nvidiaWhitePaper { padding: 2em 2em 2em 18em; margin-top: 1.2em; background: url(../images/nvidia-white-paper-bg.jpg) left top no-repeat; }
.amdWhitePaper { padding: 2em 2em 2em 26em; margin-top: 1.2em; background: url(../images/amd-gpu-system-datasheet-bg.jpg) left top no-repeat; }
.needHelpbg { background: url(../images/need-help-banner-bg.jpg) left top no-repeat; background-color: #000;  }
.needHelpbg.intel { background: url(../images/need-help-banner-bg-intel.jpg) left top no-repeat; background-color: #000;  }
.enhanceAmpere { background: url(../images/ampere-enhance-bg.webp) center top no-repeat; background-size: cover;}
.whitePaperInside { background: #aed153; padding: 1.5em; }
.bannerAlignCenter { display: flex; align-items: center; width: 100%; min-height: 314px; background-size: cover!important; }
.nvidiaBanner { background: url(../images/nvidia-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.GPUBanner { background: url(../images/gpu-platform-banner.webp) no-repeat; background-position: right top; min-height: 314px;}

.AmpereGPUBanner { background: url(../images/ampere-gpu-platform-banner.webp) no-repeat; background-position: right top; min-height: 314px; }

.AmpereServerbanner { background: url(../images/ampere-server-platform-banner.webp) no-repeat; background-position: right top; min-height: 314px; }

.IntelBanner { background: url(../images/intel-solutions-banner.webp) no-repeat; background-position: right top; min-height: 314px; }

.IntelServerBanner { background: url(../images/intel-server-platform-banner.webp) no-repeat; background-position: right top; min-height: 314px; }

.nvidiaBanner.mgxBanner { background: url(../images/mgx-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.nvidiaBanner.RadeonBanner { background: url(../images/AMD-Readeon-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.nvidiaBanner.epycBanner { background: url(../images/epyc-banner.webp) no-repeat; background-position: right top; min-height: 314px; }
.nvidiaBanner.ryzenBanner { background: url(../images/amd-ryzen-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.nvidiaBanner.ThreadRipperBanner { background: url(../images/threadripper-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.AMDBanner { background: url(../images/amd-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.AmpereBanner { background: url(../images/ampere-solutions-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.overlayBanner { position: relative; }
.overlayBanner:after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.6; background: rgb(0, 0, 0); background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 60%); display: none; }
.overlayBanner .container { z-index: 99; }
.mi300Banner { background: url(../images/mi300-series-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.nvidiaNetworkingBanner { background: url(../images/nvidia-networking-solution-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.infinibandBanner { background: url(../images/nvidia-infiniband-switches-banner.webp) no-repeat; background-position: right top; min-height: 314px; }
.adaptorsBanner { background: url(../images/adaptors-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.supermicroJbod-banner { background: url(../images/supermicro-jbod-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.seagate-storage-banner { background: url(../images/seagate-storage-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.nvidiartxGPUBanner { background: url(../images/nvidia-rtx-banner.webp) no-repeat; background-position: right top; min-height: 314px;}
.bannerAlignCenter h2, .bannerAlignCenter h1 { color: #fff; font-size: 36px; font-weight: 600; margin: 0;  padding: 0; max-width: 50%; }
.bannerAlignCenter h2 span, .bannerAlignCenter h1 span { display: block; font-size: 22px; font-weight: 300; line-height: 26px; padding-right: 10%; }

.datanvidiaBanner { background: url(../images/nvidia-data-center-banner.webp) right top no-repeat; min-height: 314px; }
h2.headingTwo { font-size: 25px; color: #2c2b2c; margin-bottom: 15px; font-weight: 600; }

.iron-nvidia-list { display: flex; flex-wrap: wrap; justify-content: space-between; }
.iron-nvidia-list li{ width: 31%;
    border: 1px solid #ccc;
    margin: 0 0 24px 0;
    display: flex;
    align-items: flex-start;
    padding: 11px 43px;
    color: #000;
    font-weight: 500;
    font-size: 16px;
    border-radius: 9px;
    position: relative;
    background: url(../images/right-sign-grey.jpg) no-repeat 12px 15px;
    padding-left: 40px;
    background-size: 20px;}

.gray-bg { background: #f1f5f6; }
.pt-50 { padding-top: 50px; }
.pl-50 { padding-left: 50px; }
.pr-50 { padding-right: 50px; }
.pb-50 { padding-bottom: 50px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.mt-20 { margin-top: 20px!important; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }

.mb-1 { margin-bottom: 10px; }
.mb-2 { margin-bottom: 20px; }
.mb-3 { margin-bottom: 30px; }
.mb-4 { margin-bottom: 40px; }
.mb-5 { margin-bottom: 50px; }


.gpu-block-inner h4 { margin-top: 0; font-size: 16px;}
.gpuTable .productsInfoTable .headingrow p, td.darkGrayBg p { margin: 0; padding: 0; color: #fff!important; }
.gpuTable .productsInfoTable  { border: none; }
.gpuTable .productsInfoTable p { font-size: 13px; }
td.darkGrayBg { background: #61697B!important; }
.gpuTable .productsInfoTable .headingrow th { background: #8694A8; }
.gpuTable .productsInfoTable .headingrow th:first-of-type {background: none; }
.gpuTable .productsInfoTable .headingrow th:first-of-type p { color: #333333!important; }
.gpuTable .productsInfoTable td { background: #F1F6FF; border-bottom-color: #A4BAD8!important; border-right-color: #CFEBFF!important; }

.table-right-img { position: absolute; right: 0; bottom: 0; width: 38%; }
.table-left-img { position: absolute; left: 0; bottom: 0; width: 23%; }
.gpu-table-main { margin-top: -11%; }

.tableInfoBottom { overflow: hidden; padding: 1em 0; border: 5px solid #A4BAD8; border-right: 0; border-left: 0; align-items: center;
    display: flex; flex-wrap: wrap; }
.bbgWrap { background: #C8DBF6; border-radius: 10px; }
.bestBetterGood div { border-right: 1px solid #fff; }

.tableInsideData { display: flex; }
.tableInsideData div { margin-bottom: 5px; flex: 1; padding: 2px; text-align: center; color: #fff; font-size: 12px; font-weight: 500; }
.pcie { background: #0070C0; border: 1px solid #707070; }
.sxm { background: #00B0F0; border: 1px solid #707070; }
.cnx { background: #A568D2; border: 1px solid #707070; }
.a100 { background: #7030A0; border: 1px solid #707070; }

.bestIcon { color: #a8dadb!important; }
.betterIcon { color: #509fd1!important; }
.goodIcon { color: #003b65!important; }

.bestBetterGood { display: flex; padding: 1em; align-items: center; }
.bestBetterGood p { padding: 0 5% 0 0; color: #4F6C94; }
.bestBetterGood ul { list-style: none; padding: 0 0 0 1em; margin: 0; }
.bestBetterGood ul li { position: relative; font-size: 14px; font-weight: 600; padding: 0 0 7px 43px; color: #4F6C94; }
.bestBetterGood ul li:before { content: ''; position: absolute; width: 25px; height: 25px; left: 0; top: 0; padding: 0; }
.bestBetterGood ul li.best:before { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Best' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath id='Icon_material-signal-cellular-4-bar' data-name='Icon material-signal-cellular-4-bar' d='M3,29H29V3Z' transform='translate(-3 -3)' fill='%23579c19'/%3E%3C/svg%3E");  }
.bestBetterGood ul li.better:before { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Better' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath id='Path_112' data-name='Path 112' d='M3,29H29V3Z' transform='translate(-3 -3)' fill='%23e9edf4'/%3E%3Cpath id='Path_113' data-name='Path 113' d='M20.42,10.5,3,27.92H20.42Z' transform='translate(-3 -1.92)' fill='%23aed153'/%3E%3C/svg%3E"); }
.bestBetterGood ul li.good:before { content: ''; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='Good' xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath id='Path_108' data-name='Path 108' d='M3,29H29V3Z' transform='translate(-3 -3)' fill='%23e9edf4'/%3E%3Cpath id='Path_109' data-name='Path 109' d='M16,18,3,31H16Z' transform='translate(-3 -5)' fill='%23f39f32'/%3E%3C/svg%3E");}

.gpuColors ul {display: flex; flex-wrap: wrap; padding: 0 0 0 2em; margin: 0; }
.gpuColors ul li { display: flex; margin-bottom: 10px; color: #4F6C94; font-weight: 600; }
.gpuColors ul li:before { margin: 0 10px 0 0; content: ''; border-radius: 5px; min-width: 25px; height: 25px; }
.gpuColors ul li.pci:before { background: #0070C0; }
.gpuColors ul li.cn:before { background: #A568D2; }
.gpuColors ul li.sx:before { background: #00B0F0; }
.gpuColors ul li.ax:before { background: #7030A0; }

.gpuColors ul li.pci { width: 30%; }
.gpuColors ul li.cn { width: 70%; }
.gpuColors ul li.sx { width: 30%; }
.gpuColors ul li.ax { width: 70%; }

/* START nvidia page Tabs */
.nvidiaModel .modal-title { width: 90%; }
.nvidiaModel .modal-title a { color: #1d2127!important; }
.nvidia-quote-btn { position: relative; }
.nvidia-quote-btn a { position: absolute; left: 5em; bottom: 14.5em; }
.nvidiaTabs { padding-top: 3em; }
.tab-content h2 { font-weight: 600; padding-left: 1.8em; }
.productBottomImage { margin-top: 2em; }
.productBottomImage img { width: 100%; }
.nvidiaTabsWrap { display: flex; }
.nvidiaTabsWrap .table-responsive { max-width: 75%; padding: 0 0 0 4em; }
.nvidiaTabsWrap .nav-tabs { padding: 5em 0 0 0; border-radius: 5px; }
.nvidiaTabsWrap .nav-tabs li { width: 100%; margin-bottom: 5px; }
.nvidiaTabsWrap .tab-content { border: 0; padding: 0; box-shadow: none; border-radius: 0; }
.nvidiaTabsWrap .nav-tabs li a  { color: #3C3C3C; border-top: 0!important; font-weight: 600; background: none; border-right: 4px solid #99A2B8!important; border-radius: 0!important; text-transform: uppercase; }
.nvidiaTabsWrap .nav-tabs li.active a, .nvidiaTabsWrap .nav-tabs li.active a:hover, .nvidiaTabsWrap .nav-tabs li.active a:focus, .nvidiaTabsWrap .nav-tabs li a:hover { border-top: 0; background: #fff; color: #3276bb; border-right: 4px solid #0070C0!important; }
.nvidiaTabs-LeftWrap { display: flex; background: #E5EFF9; justify-content: flex-end; padding-right: 0; }
.nvidiaTabs-LeftInner { max-width: 57%; min-width: 57%; padding: 8em 0 14em 0; }


.nvidiaTabsWrap .productsInfoTable tr td { text-align: left; border: none!important; }
.nvidiaTabsWrap .productsInfoTable { border:  1px solid #EAF1FC; }
.nvidiaTabsWrap .productsInfoTable th { border: none!important; }
/* END nvidia page Tabs */


/* nvidia page css */

/* Networking page css */
.nvidiaNetTiles-wrapper { background: #EFF6FF; padding: 2em 0; }
.NetpageTitle { font-weight: 600; font-size: 2em; margin-top: 10px; }
.nvidiaNetTiles-wrapper .innerBlock { background: #fff; box-shadow: 0 0 8px 3px rgba(0,0,0,0.05); padding: 5px;}
.nvidiaNetTiles-wrapper .imgBlock { position: relative; }
.nvidiaNetTiles-wrapper .imgLinks { position: absolute; left: 0; bottom: 0; padding: 15px; }
.nvidiaNetTiles-wrapper .imgLinks ul { margin: 0;}
.nvidiaNetTiles-wrapper .imgLinks ul li { margin: 0; padding: 0; list-style: none; }
.nvidiaNetTiles-wrapper .imgLinks a { background: #0070C0; display: inline-block; padding: 3px 7px; color: #fff; margin: 0 0 3px 0; font-size: 13px; }
.nvidiaNetTiles-wrapper h3 { padding: 0 0 10px 5px; }
.nvidiaNetTiles-wrapper p { padding: 0 5px; }

.grayNvidiaBg { background: #F1F4F7; }
.whiteBg { background: #fff; }
.node-type-networking h2 { font-weight: 400; }
.etherSeriesWrap .col-md-3 img { border: 1px solid #BCBCBC; border-radius: 6px; }
.etherSeriesWrap h3 { margin: 15px 0 15px 0!important; }
.etherSeriesWrap li a { font-weight: bold; position: relative; }
.etherSeriesWrap li a:hover:after { width: 100%; transition: 0.3s ease-out; }
.etherSeriesWrap li a:after { width: 0px; content: ''; height: 1px; background: #0088cc; position: absolute; left: 0; bottom: -3px; transition: 0.3s ease-in; }
.etherSeriesWrap h4 { font-weight: 500; font-size: 1.2em; }
.etherProducts h2 span { color: #0070C0; }
.etherProducts .row { display: flex; flex-wrap: wrap; }
.etherProducts .col-md-3 { display: flex; margin-bottom: 2em; }
.etherProducts .etherInner { background: #fff; text-align: center; border: 1px solid #99A2B8; border-radius: 5px; padding: 15px; width: 100%;	 }
.etherInner a { font-size: 14px; font-weight: 600; }
.etherInner a.viewDetail:after { content: '+'; margin-left: 0.3em; display: inline-block; font-size: 1.5em; top: 2px; position: relative }
.etherInner a.viewDetail.minus:after { content: '-'; }
.etherInner h4 { margin-top: 0!important; color: #616b82!important;}
.softPrimaryBg { background: #E5EFF9; }
.nvidiaNetworkingBanner p, .adaptorsBanner p, .bannerAlignCenter p { font-size: 14px; color: #fff; margin: 0.4em 0 0 0; }
.sectionsWrap section:nth-child(2n+0) { background: #E5EFF9; }
/* Networking page css */

.combo-Scroll { display: flex; background: #f2f2f2; }
.combo-left { padding: 2em 3%; width: 40%; background: #f2f2f2; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.combo-left p { display: block; margin: 1.2em 0 0 0; color: #3D3D3D; font-size: 1.5em; line-height: 1.4em; }
.combo-left p span { font-weight: 600; display: block; }
.combo-right { width: 60%; background-image: url(../images/combo-right-bg.jpg); background-size: cover; background-position: left top; }

.logoBox { padding: 2.2em 2em; margin: 0 0 2em 0; width: 100%; background: #fff; border: 1px solid #F2F2F2; display: flex; flex-direction: column; }
.logoBox img { margin: 0 auto; display: block; }

.combo-right { padding: 2em 0; display: flex; align-items: center; justify-content: center; }
.combo-right-inner { padding: 0; }
.combo-right-inner h2 { font-size: 4em; color: #fff; font-weight: 800; position: relative; line-height: 1.3em; display: inline-block; }
.combo-right-inner h2:after { content: ''; position: absolute; left: 0; bottom: -0.5em; height: 2px; width: 100%; background: #fff; }
.combo-right-inner p { display: block; margin: 1em 0 0 0; color: #fff; font-size: 2em; }
.websiteBtn { margin: 4em 0 0 0; }
.combo-right-inner .btnPopDefault { text-align: center; font-size: 1.4em; min-width: 14.2em; display: inline-block!important; background: #fff; padding: 1.2em 1.5em; margin: 0 1em 0 0; border: 2px solid transparent; transition: 0.3s all; font-weight: 600; line-height: 1.4em; }
.combo-right-inner .btnPopDefault:hover { border: 2px solid #a0c937; transition: 0.3s all; }
.combo-right-inner .btnPopDefault span { display: block; }
.combo-right-inner .btnPopDefault:hover span { font-weight: 800; }
.combo-right-inner .btnPopDefault.serviceBtn { margin-right: 0; background: #3081FC; color: #fff; }
.combo-right-inner .btnPopDefault.serviceBtn:hover { border: 2px solid #2b75e6; transition: 0.3s all; }

/* Combo */

/* Digitize homepage banner css */
.digitizeBanner { padding: 40px 0; background: #d0e2ee url(../images/digitize-bg.jpg) 79% bottom no-repeat; height: 52em; }
.digitizeBanner h2 { font-size: 25px; color: #000000; font-weight: 600; margin: 0 0 10px 0; padding: 0; }
.digitizeBanner h4 { font-size: 18px; color: #333333; font-weight: 600; margin: 0 0 22px 0; padding: 0; }
.digitizeBanner p { font-size: 16px; color: #3C3C3C; margin: 0 0 10px 0; padding: 0; }
/* Digitize homepage banner css */

.mob-cust-enter-list { display: none; }
.content img { display: initial; }
a.btn { background: #dfdfdf; border-radius: 50px; color: #000; margin-top: 30px; padding: 5px 20px; transition: all 0.5s ease 0s; }
a.btn:hover { color: #fff; background: #FD9139; }

#header .container { z-index: 999999; }
.graybg { 
background: rgba(236,238,240,1);
background: -moz-linear-gradient(top, rgba(236,238,240,1) 0%, rgba(223,225,229,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(236,238,240,1)), color-stop(100%, rgba(223,225,229,1)));
background: -webkit-linear-gradient(top, rgba(236,238,240,1) 0%, rgba(223,225,229,1) 100%);
background: -o-linear-gradient(top, rgba(236,238,240,1) 0%, rgba(223,225,229,1) 100%);
background: -ms-linear-gradient(top, rgba(236,238,240,1) 0%, rgba(223,225,229,1) 100%);
background: linear-gradient(to bottom, rgba(236,238,240,1) 0%, rgba(223,225,229,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eceef0', endColorstr='#dfe1e5', GradientType=0 );
 }

/* OEM ODM Service Model Infographic */
.service-modal-wrapper{
  margin-top:10px;
}
ul.common-list {
  padding: 1.7em 0 0 0;
  list-style-type: none;
}

ul.common-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: left;
  margin-bottom: 5px;
  background: #383838;
  color: #fff;
  padding: 17px 10px;
  box-shadow: -2px 0px 0px 1px rgb(1 1 1 / 20%);
}

ul.common-list li span {
  font-style: italic;
  display: block;
  font-size: 14px;
}

.right-list li {
  box-shadow: 2px 0px 0px 1px rgb(1 1 1 / 20%) !important;
}
.right-list li span{
  text-align: right;
}

/* END OEM ODM Service Model Infographic */

/* Inclusion  Diversity Page */
.banenrwrapper.diversity-banner { min-height: 430px; display: flex; align-items: center; background: url(../images/inclusion-diversity-banner.jpg) right top no-repeat; }
.banenrwrapper.diversity-banner h2 { color: #fff; font-size: 18px; font-weight: 400; margin: 0; }
.banenrwrapper.diversity-banner h2 span {font-size: 34px; font-weight: 600; display: block; margin: 0; }

.diversity-point { padding: 25px 0 10px 0;  background: #f1f3f6; }

.divStepInner { margin: 0 0 25px 0; background: #fff; border: 1px solid #ccc; border-radius: 7px; display: block; padding: 20px;  transition: 0.3s all;}
.divStepInner:hover { box-shadow: 0 10px 10px 3px rgb(0 0 0 / 10%); transition: 0.3s all;}

.diversitySteps { display: flex; flex-wrap: wrap; }
.divStepBox { display: flex; }
.divStepBox h2 { font-size: 24px; color: #85bbef!important; margin: 0; padding: 0; font-weight: 600; }
#content .divStepBox h4 { margin: 0 0 10px 0; padding: 0; font-weight: 600; font-size: 18px; }
#content h4.hd-diversity { margin: 20px 0 25px 0; line-height: 24px; font-size: 25px; font-weight: 600; color: #3c3c3c;  text-align: center; width: 100%; display: block; }
.diversityBottom { padding: 20px 0 0 0;}
.complianceList li h5 { cursor: pointer;}
.diversityBottom h5 { padding: 15px 30px 15px 10px!important; }
.diversityBottom .complianceList h5:after { top: 50%; transform: translateY(-50%); height: auto; }
.diversityBottom h5.minus { color: #fff!important; background: #0b77e0!important; }
.diversityBottom .complianceList h5.minus:after { color: #fff!important; }
.diversityBottom .complianceList p.accList { position: relative; padding: 0 0 4px 15px; margin: 0 0 0 7px; }
.diversityBottom .complianceList p.accList:before { position: absolute; content: ''; height: 5px; width: 5px; background: #3c3c3c; border-radius: 50%; left: 0; top: 10px; }
.diversityBottom .complianceList p.accList:last-child { margin-bottom: 15px; }
/* Inclusion  Diversity Page */

/* ITAD Page CSS */
.itadPicLeft .global-turnkey-left {}
.itadPicLeft p { margin-bottom: 20px !important; }
.global-turnkey-right.itadPicRight { width: 49%; background-position: center center; background-size: contain; background-image: url(../images/itad-map.jpg); }
.banenrwrapper.itad-banner { background: url(../images/itad-banner-iron-global.jpg) center top no-repeat; }

.banenrwrapper.itad-banner h2 { margin: 4em 0 0 0; }
.banenrwrapper.itad-banner h2 span { font-weight: 600; }
.itadHelps img { display: block!important; margin: 0 auto 20px auto; }
#content .itadHelps h3 { margin: 50px 0 50px 0; line-height: 30px; font-size: 20px; font-weight: 600; color: #3c3c3c; text-align: center; }
#content .tilesMain h4 { margin: 50px 0 50px 0; line-height: 30px; font-size: 22px; font-weight: 700!important; color: #3c3c3c;  text-align: center; }
.tilesMain { background: #e6e9eb; }
.content .itadStepsMain img { margin: 50px auto 50px 48px; display: block!important; }
.itadSteps { margin: 50px 0; }
.itadPicLeft .global-turnkey-left.pull-left:before { background: #0374c4; }
/* END ITAD Page CSS */

/* ITAD CSS */
.imageBorder { border: 1px solid #dfdfdf; }
.itad-help-img { margin: 0 auto; width: 90%!important; max-width: 90%!important; }
.itad-help-section .vc_col-sm-12 { margin-top: 0 !important; }

.tilesRow { display: flex; flex-wrap: wrap; padding-bottom: 1em; }
.border-bottom-div { border-bottom: 1px solid #c4ccd1; }
.tilesRow .tilesBlock { width: 33%; border-right: 1px solid #c4ccd1; overflow: hidden; position: relative; transition: 0.3s all;  }
.tilesRow .tilesBlock:hover { box-shadow: inset 0 0 16px 0 #dadada; transition: 0.3s all; }
.tilesRow .tilesBlock:nth-child(3n) { border-right: 0; }
.tilesRow .tilesBlock h3 { color: #0A6BBC !important; font-size: 17px!important; font-weight: 600; line-height: 22px!important; }
.tilesRow .tilesBlock h3 span { display: block; color: #0A6BBC !important; font-weight: 400!important; font-size: 16px; }
.tilesRow .tilesBlock p { padding: 0 20px 0 0; color: #1A1A1B !important; font-size: 14px !important; }
.tilesBlock:hover p { height: 100%; transition: 0.3s all; opacity: 1; }
.tilesBlock:hover .tileInner { top: 0; transition: 0.3s all; }
.tilesBlock .tileInner { padding: 20px; transition: 0.3s all; }
.itad-steps-img { width: 90% !important; margin: 0 auto; }
.itadSteps { background: #4F4F4F; padding: 20px;  }
.itadSteps ul { list-style: none; margin: 0; padding: 0;  }
.itadSteps ul li { list-style: none; color: #fff!important; font-size: 14px; padding: 8px 0 8px 14px; position: relative;}
.itadSteps ul li:before { content: "\f105"; font-family: 'FontAwesome'; position: absolute; left: 0; top: 8px; font-size: 1.2em; }
.itadBlueMain { border-top: 3px solid #f2f2f3; }
.itad-blue-blocks { display: flex; padding-bottom: 10px; flex-wrap: wrap; padding: 0 0 35px 0; }
.itad-blue-blocks h2 { width: 100%; margin: 42px 0 26px 0 !important; font-size: 25px; color: #434343;margin: 0 0 15px; line-height: 35px; text-align: center; font-weight: 600; }
.itad-page-blue .itad-blue-blocks h4 { margin: 50px 0 50px 0!important; line-height: 30px; font-size: 22px; font-weight: 700!important;  color: #3c3c3c; text-align: center; width: 100%; }
.itad-page-blue .itad-blue-blocks .blueBlock { margin-bottom: 20px;}
.itad-blue-blocks .blueBlock { width: 25%; display: flex; flex-direction: column; position: relative; }
.itad-blue-blocks .blueBlock a.blueBlockLink { position: absolute; height: 100%; width: 100%; display: block; z-index: 9999; }
.itad-blue-blocks .blueBlock .blueTop { padding: 20px 0;  min-height: 13em; position: relative; z-index: 99;  flex-direction: column; display: flex; align-items: center; justify-content: center; background: #0070C0; border-radius: 7px; }
.itad-blue-blocks .blueBlock .blueTop span { padding: 16px; width: 85px; height: 85px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; }
.itad-page-blue .itad-blue-blocks .blueBlock .blueTop span { padding: 10px; }
.itad-blue-blocks .blueBlock .blueTop h3 { color: #fff; font-size: 16px !important; font-weight: 600!important; margin: 15px 0 0 0!important; padding: 0; text-align: center; line-height: 20px !important; padding: 0 46px; }
.blueBlockInner { display: flex; flex-direction: column; height: 100%; transition: 0.3s all; margin: 0 10px; }
.blueBlockInner:hover { box-shadow: 0 0 8px 0px #ccc; transition: 0.3s all; }
.blueBlockHover { height: 100%; overflow: hidden; padding: 15px 15px 10px 15px; border: 1px solid #c2c2c2; border-radius: 0 0 7px 7px; margin: -5px 0 0 0;  transition: height 0.3s; }
.blueBlockHover h3 { color: #1A1A1B !important; font-size: 14px !important; font-weight: 500 !important; line-height: 20px!important; margin: 0 0 10px 0; padding: 0; }
.blueBlockHover p { color: #1A1A1B; font-size: 14px; margin: 0; padding: 0 0 10px 12px; position: relative; }
.itad-page-blue .blueBlockHover p { padding-left: 0; }
.itad-page-blue .blueBlockHover p:before { content: none; }
.blueBlockHover p:before { content: ''; position: absolute; left: -2px; top: 7px; height: 6px; width: 6px; background: #0070c0 }
/* END ITAD CSS */

/* management Team page */
.managementPage .col-md-4 { margin-bottom: 50px; }
.about-page-team .managementPage .col-md-4 { margin-bottom: 25px; }
body.page-node-4 .page-header { display: none; }
.managementPage { margin-top: 50px; }
.managementPage .col-md-4 { text-align: center; }
.managementPage .col-md-4 h5 { padding: 0 21%; font-size: 15px; }
.managementPage .col-md-4 p img { width: 30px; }
#content .managementPage h3 { margin: 15px 0 10px 0; font-size: 22px; font-weight: bold; }
.content .managementPage h3 { margin: 15px 0 10px 0; font-size: 22px; font-weight: bold; }
#content .managementPage h3 a { color: #0070c0; }
.managementPage .col-md-4 h5 a { color: #1d2127; }
.teamWrap { margin-left: -13%; margin-right: -13%; }
.teamAnimate{ transform: translateY(25%); transition: 0.3s all;  opacity: 0; }
.teamAnimate[data-scroll="in"] { transform: translateY(0%); transition: 0.6s all; opacity: 1; }
.teamAnimate.two[data-scroll="in"]{ transition: 1.1s all; }
.teamAnimate.three[data-scroll="in"]{ transition: 1.6s all; }
.teamAnimate.four[data-scroll="in"]{ transition: 2.1s all; }
.teamAnimate.five[data-scroll="in"]{ transition: 2.6s all; }
.teamAnimate.six[data-scroll="in"]{ transition: 3.1s all; }
.bannermain.leadershipBanner  { width: 100%; min-height: 280px;  background: url(../images/leadership-banner.jpg) center top no-repeat; display: flex; align-items: center; }
.bannermain.leadershipBanner h3 { color: #fff; font-size: 36px; font-weight: 600; margin: 0; padding: 0; }
/* END management Team page */

/* Blog Css */
.pagination  { z-index: 5; }
.field-name-taxonomy-vocabulary-3.field-label-above { display: flex; margin: 25px 0 10px 0; }
.field-name-taxonomy-vocabulary-3.field-label-above .field-items { display: flex; }
.field-name-taxonomy-vocabulary-3.field-label-above .field-items .field-item { margin-right: 10px; }
.field-name-taxonomy-vocabulary-3.field-label-above a { text-decoration: underline; }
body.page-blog .node p, body.page-taxonomy-term p { color: #000!important; }
li.node-readmore a:after { content: "\f105"; transition: 0.3s all; font-family: FontAwesome; margin-left: 8px; font-weight: 600; }
body.page-blog .node-blog, body.page-taxonomy-term .node-blog { transition: 0.3s all; padding: 1em 1.2em 20px 1.2em; border: 1px solid #ccc; margin-bottom: 20px; border-top-color: #0088cc; border-top-width: 3px; background: #fff; }

body.page-blog .node-blog:hover, body.page-taxonomy-term .node-blog:hover { transition: 0.3s all; box-shadow: 0 0 15px 0 rgba(0,0,0,.2)!important; }
body.page-blog .node-blog:hover h2 a, body.page-taxonomy-term .node-blog:hover h2 a { color: #0088cc;  }
body.page-blog .node-blog:hover li.node-readmore a:after, body.page-taxonomy-term .node-blog:hover li.node-readmore a:after  { margin-left: 10px; transition: 0.3s all; }
body.page-blog .node-blog h2 a, body.page-taxonomy-term h2 a { font-size: 0.7em; font-weight: 600; color: #000;}
body.page-blog .node-blog h2 a:hover, body.page-taxonomy-term h2 a:hover { color: #0088cc;}
body.page-blog .node-blog h2, body.page-taxonomy-term h2 { margin: 0 0 5px 0; line-height: 30px; }
body.page-blog .node-blog .submitted { margin-bottom: 7px; }
.pagination-lg > li > a, .pagination-lg > li > span { font-size: 14px!important; }
.node-blog ul.links.inline li { padding-left: 0!important; padding-right: 1.2em!important; }
.pagination > li > a { color: #0088cc; }
.pagination > .active > a, body.dark .pagination > .active > a { background-color: #0088cc!important; }
body.node-type-blog ul.links  { margin-bottom: 30px; display: block;}
/* End Blog Css */

/* Main menu css */
#menu { z-index:555555; position:relative; height:10px!important; min-height:10px!important; }
.baseexpand { width: 0; }
.mlpm_w .rtl { width: 0; }


.web-btn { border: solid 1px #3388df; background-color: transparent; color: #3388df; padding: 11px 31px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -ms-border-radius: 4px;-o-border-radius: 4px; font-weight: 600; letter-spacing: 1px; font-size: 16px; transition: 0.2s; }
.web-btn:hover { background-color: #3388df; color: #fff; }

.global-btn{ color: #333; display: inline-block; background-color: #fff; padding: 12px 17px; font-weight: 600; letter-spacing: 1px; font-size: 14px; transition: 0.2s; border: 1px solid #000000; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; }
a.global-btn:after { content: "\f061"; font-family: 'FontAwesome'; margin: 0 0 0 10px; font-weight: 100; }
a.global-btn:hover:after { color: #AED153; }

.global-btn.blue-border { border:1px solid #000; color: #333; background: transparent; }
.global-btn.blue-border:hover { color: #AED153; background: #333333; }

.global-btn.gray-border { border:1px solid #3388df; color: #3388df; background: transparent; }
.global-btn.gray-border:hover { color: #fff; background: #3388df; }

.global-btn.gray-bg { border:1px solid transparent; color: #fff; background: #282828;}
.global-btn.gray-bg:hover { color: #282828; border:1px solid #282828;  background: transparent;  }

.global-btn.blue-bg { border:1px solid #000; color: #333; background: transparent; }
.global-btn.blue-bg:hover { border:1px solid #AED153; color: #AED153; background: #333; }

.global-btn.white-border { border:1px solid #fff; color: #fff; background: transparent; }
.global-btn.white-border:hover { background-color: #fff; color: #AED153; }

.global-btn path{ display: inline-block; vertical-align: middle; margin-left: 6px; }
.global-btn path{ fill:#fff; }

.banner-caption-text .global-btn:hover{ background-color: rgba(0,0,0,0.20); color: #AED153; border: 1px solid #AED153; }
.global-btn:hover{ background-color: #333; color: #AED153; border: 1px solid #AED153; }

header.main-header { position: fixed; top: 42px; left: 0; width: 100%; z-index: 99; }

.alert ul { margin: 0; }
.nopadding { padding: 0; }
.nomargin { margin: 0; }
body.front #content { margin: 0; }
#content h4 { color: #434343; margin: 20px 0 10px 0; }
#content .notopmargin { margin-top: 0; }
#content h3 { font-size: 1.3em; margin: 0 0 6px 0; font-weight: 600; text-transform: none; }

.search-form #searchBox { position:absolute; top:57px; left: 0; width: 100%; z-index:55; background-color: #fff;}
.search-form #searchBox form { margin: 20px; }
.search-form { width: 45px; padding: 6px 0 0 0; }
.search-form .button { background: none; border: 0; font-size: 22px; color: #585858; font-weight: 300; }
.search-form .button:focus, .search-form .button:hover, .search-form .button:active { outline: none; }
.search-form.home .button { color: #fff; }
#header.fixed .search-form.home #searchBox { background: rgba(0, 0, 0, 0.75); }
#header.fixed .header-logo img { margin: 20px 24px 33px 0; }

.main .search-form { width: 100%; }


#header.inner-pages { background-color: #fff; }
#header { position: fixed; min-height: 78px!important; }

a.navbar-brand{
	padding: 0;
	height: auto;
	margin: 22px 0 0;
}
.navigation-right li{
	float: left;
	padding: 0 17px;
	position: relative;
	padding-bottom: 10px;
}
.navigation-right ul:after{
	content: '';
	display: block;
	clear: both;
}
.navigation-right li a{
	color: #fff;
    font-size: 16px;
    display: block;
    position: relative;
}
.navigation-right li.hav-dropdown a:after{
	content: '';
    border-width: 3px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    top: 11px;
    right: 0px;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.navigation-right li.hav-dropdown a{
	padding-right: 12px;
}
.navigation-right li:first-child{
	padding-left: 0;
}
.navigation-right li:last-child{
	padding-right: 0;
}
.strap-icon path{
	fill:#fff;
	transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.strap-icon{
	padding: 13px 0 10px 10px;
    cursor: pointer;
}
.navigation-right{
	padding: 8px 0 7px;
    margin-right: 20px;
}
.header-nav-wrap{
	margin: 17px 0px 0 0;
}
.navigation-right li:hover a:after{
	border-color: #AED153 transparent transparent transparent;
}
.navigation-right li:hover a{
	color: #AED153;
}
.strap-icon:hover path{
	fill: #AED153;
}

.ocpBannerSlide .banner { background-position: 13%!important; }
.ocpBannerSlide .pera { padding-right: 10%; }

.banner{
	height: 613px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right top;
    position: relative;
}
.fixed-banner-body{
	margin-top: 613px;
}
@media (min-width: 1490px) {
	.banner{
		height: 600px;
	}
	.fixed-banner-body{
		margin-top: 580px;
	}
}


@media only screen and (min-device-width : 1280px) and (max-device-width : 1489px) {

	.banner{
		height: 490px!important;
	}
	.fixed-banner-body{
		margin-top: 470px!important;
	}
	
	.homeSlide2 .banner-caption-text { max-width: 550px!important; }
	
	.white-text .banner-caption h1 strong { margin: -0.4em 0 0 0; }
	
	.homeSlide2 p.pera { padding-right: 21%!important; }
	
	.banner-caption { top: 61%!important; }
	.banner-caption h1 { margin: 0 0 7px!important; font-size: 24px!important; }
}

@media only screen and (min-device-width : 1280px) and (max-device-width : 1410px) {
	.white-text .banner-caption h1 strong { margin: 0; }
}


.banner > img{
	width: 100%;
	height: auto;
	display: block;
}
.banner-caption{
	
	position: absolute;
	left: 0;
	right: 0;
	top: 57%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}

.mobileOverlayLink { position: absolute;
    display: none;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%;}

.fixedBanner .banner-caption { top: 50%!important; }

.homeSlide2 .banner-caption-text{
	max-width: 533px;	
}

.fixedBanner .banner-caption-text{
	max-width: 530px;	
}
.banner-caption-text{
	max-width: 488px;	
}
.banner-caption h1{
	margin: 0 0 24px;
    font-size: 28px;
    color: #000;
    font-weight: 300;
    line-height: 46px;
}
.banner-caption h1 strong{
	font-weight: 700;
}
.banner-caption p{
	font-size: 16px;
    color: #000;
    margin: 0 0 8px;
    line-height: 29px;
    font-weight: 400;
}
.banner-caption p strong{
	font-weight: 700;
}
.banner-caption a.global-btn{
	margin-top: 25px;
	
}
section.banner{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
}
.global-section{
	padding: 60px 0 10px;
	background-color: #fff;
	position: relative;
	z-index: 9;
}
.section-header{
	text-align: center;
	max-width: 730px;
    margin: 0 auto;
}
.section-header h1{
	font-size: 35px;
	color: #3071b4;
	text-transform: uppercase;
	font-weight: 700;
	position: relative;
	padding-bottom: 22px;
	margin: 0 0 20px;
}
.section-header h1:after{
	content: '';
	position: absolute;
	width: 112px;
	height: 1px;
	background-color: #898989;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.section-header h2{
	font-size: 22px;
	color: #3e3e3e;
	margin: 0 0 15px;
	font-weight: 600;
}
.section-header p{
	font-size: 16px;
	color: #7a7a7a;
	margin: 0;
}
.integration-process{
	border: dashed 2px #d7d7d7;
	border-bottom: 0;
	text-align: center;
	max-width: 590px;
	margin: 85px auto 0;
	min-height: 150px;
}
.integration-round{
	border: solid 3px #aed153;
	width: 117px;
	height: 117px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: relative;
	margin: 0 auto;
}
.integration-round img{	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.integration-process h3{
	margin: 0;
	color: #747474;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}
.integration-process h3 a{
	display: inline-block;
	color: #747474;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
}
.integration-round-wrap{
	width: 152px;
	margin: -55px auto 20px;
	background-color: #fff;
}
.service-rounds{
	text-align: center;
	font-size: 0;
}
.service-round-box{
	display: inline-block;
    vertical-align: top;
    font-size: 14px;
    width: 13%;
    margin: 0 24px;
    position: relative;
}
.service-round-box:first-child{
	margin-left: 0;
}
.service-round-box:last-child{
	margin-right: 0;
}
.service-round{
	border: solid 7px #d8dbdf;
	width: 128px;
	height: 128px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	position: relative;
	margin: 0 auto 28px;
	background-color: #fff;
    z-index: 9;
    box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
    -ms-box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
    -o-box-shadow: 0px 0px 21px rgba(0,0,0,0.05);
}
.service-round img{
	position: absolute;
	display: block;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.service-round-box h3{
	font-size: 15px;
	color: #393939;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
}
.service-round-box h3 span{
	font-size: 15px;
	color: #393939;
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 22px;
}
.service-round-box:after{
	content: '';
    background-image: url(../images/oval-shape.png);
    background-repeat: no-repeat;
    position: absolute;
    width: 89px;
    height: 59px;
    right: -70px;
    top: 36px;
}


/*homepage contact form*/
.service-round-box:last-child:after{
	display: none;
}
.view-details-anc a.global-btn{
	border: solid 1px #3276bb;
	background-color: transparent;
	color: #3276bb;
}
.view-details-anc a.global-btn path{
	fill: #3276bb;
}
.view-details-anc a.global-btn:hover{
	background-color: #3276bb;
	color: #fff;
}
.view-details-anc a.global-btn:hover path{
	fill:#fff;
}
.view-details-anc{
	text-align: center;
	margin: 30px 0 55px;
}
.section-bottom-navs ul{
	display: table;
	height: 70px;
}
.section-bottom-navs li{
	width: 20%;
	display: table-cell;
	vertical-align: middle;
	border: solid 1px #e6e6e6;
	border-right: 0;
	transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.section-bottom-navs li a{
	font-size: 16px;
	line-height: 24px;
	color: #4a4b4b;
	text-align: center;
	display: block;
	padding: 0 60px;
}
.section-bottom-navs li:last-child{
	border-right: solid 1px #e6e6e6;
}
.section-bottom-navs li:hover{
	box-shadow:0px 0px 16px rgba(0,0,0,0.17);
	-moz-box-shadow:0px 0px 16px rgba(0,0,0,0.17);
	-ms-box-shadow:0px 0px 16px rgba(0,0,0,0.17);
	-o-box-shadow:0px 0px 16px rgba(0,0,0,0.17);
	-webkit-box-shadow:0px 0px 16px rgba(0,0,0,0.17);
}
.field-service{
	position: relative;
	z-index: 9;
}
.supply-chain{
	background-color: #ddeaf2;
}
.supply-chain .service-round{
	width: 135px;
	height: 135px;
	border: solid 5px #3276bb;
	box-shadow: 0px 0px 24px rgba(0,0,0,0.24);
	-moz-box-shadow: 0px 0px 24px rgba(0,0,0,0.24);
	-webkit-box-shadow: 0px 0px 24px rgba(0,0,0,0.24);
	-ms-box-shadow: 0px 0px 24px rgba(0,0,0,0.24);
	-o-box-shadow: 0px 0px 24px rgba(0,0,0,0.24);
	background-color: #f0f0f0;
}
.supply-chain .service-round-box:after{
	display: none;
}
.supply-chain .service-round-box{
	margin: 0 39px;
}
.service-round-wrap{
	position: relative;
	margin-bottom: 80px;
}
.service-round-wrap:after{
	content: '';
    height: 5px;
    background-color: #fff;
    width: 100%;
    right: -70%;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    box-shadow: 0px 0px 18px rgba(0,0,0,0.06);
    -moz-box-shadow: 0px 0px 18px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,0.06);
    -o-box-shadow: 0px 0px 18px rgba(0,0,0,0.06);
    -ms-box-shadow: 0px 0px 18px rgba(0,0,0,0.06);
}
.service-round-box:last-child .service-round-wrap:after{
	display: none;
}
.service-round-wrap:last-child:after{
	display: none;
}
.supply-chain .integration-process{
	border-color: #fff;
	border-width: 3px;
}
.supply-chain .integration-process h3{
	display: inline-block;
	background-color: #ddeaf2;
	position: relative;
    top: -10px;
    padding: 0 24px;
}
.supply-chain .integration-process{
	max-width: 907px;
	min-height: 92px;
	margin-top: 50px;
}
.service-round-wrap:before{
	content: '';
    position: absolute;
    width: 3px;
    height: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 135px;
    background-color: #fff;
}
.supply-chain .service-round:after{
	content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    border: solid 4px #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    -ms-border-radius: 50%;
    bottom: -78px;
    background-color: #3276bb;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
    -ms-box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
    -o-box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
    -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.16);
}
.supply-chain .integration-process h3 a{
	color: #575656;
}
.supply-chain .section-bottom-navs{
	max-width: 700px;
    margin: 0 auto;
}
.supply-chain .section-bottom-navs li{
	border-color: #c0c5c8;
}
.supply-chain .section-bottom-navs li:last-child {
    border-right: solid 1px #c0c5c8;
}
.turnkey-logo img{
	display: block;
	margin: 0 auto;
}
.turnkey-left{
	float: left;
	margin-left: 68px;
	position: relative;
}
.turnkey-right{
	float: right;
	margin-right: 68px;
	position: relative;
}
.turnkey-ico{
	height: 81px;
	width: 81px;
	border: solid 3px #3071b4;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	margin: 0 auto 10px;
	position: relative;
}
.turnkey-ico:after{
	content: '';
    border-style: solid;
    border-width: 10px 6px;
    border-color: #3071b4 transparent transparent transparent;
    position: absolute;
    bottom: -22px;
    left: 0;
    right: 0;
    width: 12px;
    margin: 0 auto;
}
.turnkey-ico img{
	position: absolute;
    top: 50%;
    transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
    left: 0;
    right: 0;
    display: block;
    margin: 0 auto;
}
.turnkey-boxes{
	text-align: center;
	font-size: 0;
	margin-top: 33px;
}
.turnkey-box{
	display: inline-block;
    width: 12%;
    margin: 0 15px 0 10px;
    position: relative;
    vertical-align: top;
}
.turnkey-box:first-child{
	margin-left: 36px;
}
.turnkey-box:last-child{
	margin-right: 0;
}
.turnkey-box h3{
	font-size: 14px;
	color: #393939;
	margin: 0;
	text-transform: uppercase;
	font-weight: 600;
	margin-top: 30px;
}
.turnkey-box h3 a{
	font-size: 14px;
	color: #393939;
	text-transform: uppercase;
	font-weight: 600;
}
.turnkey-box .turnkey-ico {
    height: 102px;
    width: 102px;
    border-width: 4px;
}
.turnkey-left:after{
	background-image: url(../images/turnkey-left-arrow.png);
    content: '';
    width: 24px;
    height: 57px;
    position: absolute;
    bottom: -45px;
    left: 53px;
}
.turnkey-box:nth-child(odd):after{
	background-image: url(../images/trunkey-odd-arrow.png);
    content: '';    width: 61px;
    height: 12px;
    position: absolute;
    top: 80px;
    left: 115px;
    background-repeat: no-repeat;
}
.turnkey-box:nth-child(even):after{
	background-image: url(../images/trunkey-even-arrow.png);
    content: '';
    width: 61px;
    height: 12px;
    position: absolute;
    top: 10px;
    left: 115px;
    background-repeat: no-repeat;
}
.turnkey-box:last-child:after{
	display: none;
}
.turnkey-right:after{
	background-image: url(../images/turnkey-right-arrow.png);
    width: 24px;
    height: 49px;
    position: absolute;
    content: '';
    bottom: -36px;
    left: 35px;
}
.turnkey-block{
	margin-top: -330px;
}
.turnkey-logo{
	margin-top: 20px;
}
.turnkey .section-bottom-navs {
    max-width: 700px;
    margin: 50px auto 0;
}
.turnkey .section-bottom-navs li a{
	color: #3a3a3a;
}
footer.main-footer{
	background-color: #173c53;
	background-image: url(../images/footer-map.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
}
footer.main-footer h3{
	font-size: 22px;
	color: #fff;
	text-transform: uppercase;
	margin: 0 0 20px;
	font-weight: 600;
}
footer.main-footer p{
	font-size: 15px;
	color: rgba(255,255,255,0.8);
	margin: 0;
	line-height: 22px;
}
footer.main-footer p a{
	font-size: 15px;
	color: #0dc2e3;
}
footer.main-footer ul li a{
	font-size: 15px;
	color: rgba(255,255,255,0.6);
}
footer.main-footer .more li{
	margin: 0 0 5px;
	line-height: 22px;
}
.footer-contact-us li{
	margin: 0 0 10px;
	color: rgba(255,255,255,0.6);
	line-height: 28px;
	padding-left: 35px;
	position: relative;
}
.footer-contact-us li img{
	position: absolute;
	top: 10px;
	left: 0;
}
footer.main-footer .latest-tweets p{
	color: #929191;
	margin: 0 0 5px;
}
footer.main-footer .latest-tweets p a{
	color: #0dc2e3;
}
footer.main-footer .latest-tweets span{
	color: rgba(123,122,122,0.7);
}
footer.main-footer .latest-tweets span i{
	color: #0dc2e3;
	margin-right: 5px;
	display: inline-block;
}
footer.main-footer .latest-tweets li{
	margin: 0 0 10px;
}
footer.main-footer .latest-tweets li:last-child{
	margin-bottom: 0;
}
.footer-top{
	padding: 85px 0 35px;
	border-bottom: solid 1px #2b4c61;
}
.footer-bottom p{
	font-size: 15px;
	margin: 0;
}
.footer-bottom a{
	color: #d1d8dd;
    font-size: 18px;
    display: inline-block;
    margin-left: 15px;
}
.footer-bottom{
	padding: 30px 0;
}
.supply-chain .view-details-anc{
	margin-top: 50px;
}
.more .footer-box-under{
	padding-left: 31px;
}
.disclaimer .footer-box-under{
	padding-left: 5px;
    padding-right: 15px;
}
.footer-contact-us .footer-box-under{
	padding-left: 10px;
}
footer.main-footer ul li a:hover{
	color: #fff;
}
.footer-bottom a:hover{
	color: #AED153;
}
.technical-support{
	background-image: url(../images/technical-map.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
}
.technical-boxes{
	text-align: center;
    font-size: 0;
    width: 856px;
    margin: 185px auto 250px;
    position: relative;
}
.technical-boxes:after{
	content: '';
    position: absolute;
    background-color: rgba(75,164,198,0.3);
    height: 10px;
    left: 60px;
    right: 60px;
    bottom: -74px;
}
.technical-box{
	text-align:center;
	display: inline-block;
	font-size: 14px;
	background-color: #f0f0f0;
	border: solid 4px #3071b4;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	padding: 15px 10px 10px;
	width: 121px;
	margin: 0 62px;
	position: relative;
	box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
	-ms-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
	vertical-align: top;
	z-index: 9;
}
.technical-box:first-child{
	margin-left: 0;
}
.technical-box:last-child{
	margin-right: 0;
}
.technical-box a{
	display: block;
}
#content .technical-box h3{
	font-size: 14px;
	color: #585757;
	font-weight: 600;
	margin: 0 0 10px;
	text-transform: uppercase;
}
.technical-box span{
	display: block;
	color: #3071b4;
	line-height: 14px;
}
.technical-ico{
	margin: 0 0 10px;
}
.technical-box:after{
	content: '';
    height: 60px;
    position: absolute;
    width: 3px;
    background-color: #fff;
    bottom: -64px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.technical-box:before{
	content: '';
    border: solid 4px #fff;

    background-color: #3071b4;
    width: 19px;
    height: 19px;
    position: absolute;
    bottom: -82px;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-border-radius: 50%;
    box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
    -ms-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
    -webkit-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
    -o-box-shadow: 0px 0px 21px rgba(0,0,0,0.15);
}
.technical-support .section-bottom-navs li{
	border-color: #bac0c4;
}
.technical-support .section-bottom-navs li:last-child {
    border-right: solid 1px #bac0c4;
}
.technical-support .section-header p{
	color: #464545;
}
.technical-support .section-bottom-navs li a{
	padding: 0 72px;
}
.navigation-right li ul{
	position: absolute;
    width: 170px;
    background-color: #fff;
    top: 30px;
    left: 50%;
    z-index: 9;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    padding: 5px 0;
    visibility: hidden;
    opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -o-opacity: 0;
    -webkit-opacity: 0;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -ms-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -o-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
}
.navigation-right li:hover > ul{
	opacity: 1;
	-moz-opacity: 1;
	-o-opacity: 1;
	-ms-opacity: 1;
	-webkit-opacity: 1;
	visibility: visible;
}
.navigation-right li ul:after{
	content: '';
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    border-style: solid;
    border-width: 5px;
    border-color: transparent transparent #fff transparent;
    width: 0;
    top: -9px;
}
.navigation-right li ul li{
	float: none;
	padding: 0;
}
.navigation-right li ul li a{
	display: block;
	margin: 0;
	color: #AED153;
	text-align: center;
	font-size: 14px;
}
.navigation-right li.hav-dropdown ul li a{
	padding: 4px 0;
}
.navigation-right li.hav-dropdown ul li a:after{
	display: none;
}
.navigation-right li ul li a:hover{
	background-color: #f1f1f1;
}
.right-navigation{
	position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    z-index: 9999;
    background-color: #000;
    width: 250px;
    padding: 15px;
    transform: translateX(250px);
    -moz-transform: translateX(250px);
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    -o-transform: translateX(250px);
    transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.right-navigation h3{
	font-size: 20px;
    color: #fff;
    margin: 0 0 25px;
    border-bottom: solid 1px #fff;
    padding-bottom: 15px;
}
.right-navigation ul li a{
	display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 8px;
}
.right-navigation ul li a:hover{
	color: #AED153;
}
.nav-overlay{
	position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);    z-index: 999;    opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    -webkit-opacity: 0;
    -o-opacity: 0;
    visibility: hidden;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;

}
/*.menu-active .right-navigation{
	transform: translateX(0px);
}*/
.menu-active .nav-overlay{	opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-o-opacity: 1;
	-webkit-opacity: 1;
    visibility: visible;
}
body{
	transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
	
	
}

body.front {	
	
	/* Remove it after pop up remove */
	height: 100vh;
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}

body.front.combo-close-full {
	height: auto;
	overflow: auto;
	position: static;	
}

.menu-active{
	height: 100vh;
	overflow: hidden;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
}
.section-bottom-navs ul{
	width: 100%;
	table-layout: fixed;
}
.nav-ico{
	display: none;
}
.ulBlock{
	display: block !important;
}
.fullscreen-menu{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-image: url(../images/fullscreen-menu-bg.jpg);
	background-size: cover;
	background-position: left top;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-ms-opacity: 0;
	-o-opacity: 0;
	visibility: hidden;
	transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.menu-active .fullscreen-menu{
	opacity: 1;
	-moz-opacity: 1;
	-ms-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;
	visibility: visible;
}
.fullscreen-menu-left{
	width: 385px;
	float: left;
	background-color: rgba(42,107,175,0.97);
	height: 100vh;
	position: relative;
	padding-bottom: 140px;
}
.fullscreen-menu-left .navbar-brand{
	float: none;
	width: 126px;
	display: block;
	height: auto;
	margin: 32px auto 67px auto;
	
}
.fullscreen-menu-left .navbar-brand img{
	display: block;
}
.fullscreen-menu-left ul li a{
	font-size: 18px;
	display: block;
	color: #fff;
	padding: 15px 0px 15px 120px;
}

.fullscreen-menu-left ul li a .fa-sort-asc { font-size: 14px; margin: 0 10px 0 0px; transform: rotate(90deg); }

.fullscreen-menu-left ul li:hover a,
.fullscreen-menu-left ul li.active a{
	background-color: rgba(50,118,187,0.95);
}
.fullscreen-social a{
	color: #d4dce5;
}
.fullscreen-footer{
	position: absolute;
    bottom: 25px;
    left: 0;
}
.fullscreen-social{
	width: 77%;
	margin-bottom: 5px;
	padding-left: 120px;
}
.fullscreen-social a{
	color: rgba(255,255,255,0.80);
    font-size: 20px;
    display: inline-block;
    margin: 0 27px 20px 0;
}
.fullscreen-social a i{
	display: block;
}
.fullscreen-copyright{
	color: rgba(192,222,252,1);
	font-size: 13px;
	text-align: center;
}
.fullscreen-menu-left ul{
	overflow: auto;
    height: 63%;
}
.fullscreen-menu-right{
	overflow-x: hidden;
    height: 100vh;
    background-color: rgba(50,118,187,0.95);
}
.fullscreen-close{
	position: absolute;
    top: 45px;
    right: 54px;
    cursor: pointer;
}
.fullscreen-menu-block > ul{
	width: 23%;
    float: none;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top;
}
.fullscreen-menu-main{
	padding: 125px 20px 20px 20px;
}
.fullscreen-menu-block{
	font-size: 0;
}
.fullscreen-menu-block > ul:nth-child(3n){
	margin-right: 0;
}
.fullscreen-menu-block ul li a{
	display: block;
	position: relative;
}
.fullscreen-menu-block > ul > li{
	margin-bottom: 40px; background-repeat: no-repeat;
}
.fullscreen-menu-block > ul > li {
	font-size: 15px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
	margin-bottom: 40px;
}

.fullscreen-menu-block > ul > li > a {
	font-size: 15px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 30px;
	margin-bottom: 15px;
}

.fullscreen-menu-block.nopadding > ul > li > a { padding-left: 0; }

.fullscreen-menu-block > ul > li > span {
	margin: 0 0 15px 0; display: inline-block;
}

.fullscreen-menu-block > ul > li > ul > li > a{
	color: rgba(192,222,252,1);
	font-size: 14px;
	padding-left: 15px;
	margin-bottom: 10px;
}
.fullscreen-menu-block > ul > li > ul > li > a:after{
	content: '';
    position: absolute;
    border-width: 3px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.fullscreen-menu-block > ul > li > ul > li{
	margin-left: 0;
	margin-bottom: 10px;
}
.fullscreen-menu-block > ul > li > ul > li > ul > li{
	margin-left: 20px;
	margin-bottom: 10px;
}
.fullscreen-menu-block > ul > li > ul > li > ul > li > a{
	position: relative;
	color: rgba(192,222,252,1);
	font-size: 14px;
	padding-left: 15px;
}
.fullscreen-menu-block ul li.submain a { color: #fff; }
.fullscreen-menu-block ul li.submain ul li a { color: rgba(192,222,252,1); }

.fullscreen-menu-block > ul > li > ul > li > ul > li > a:after{
	content: '';
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	-webkit-border-radius: 50%;
	background-color: rgba(255,255,255,0.8);
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.fullscreen-menu-block > ul > li > ul > li > a:hover,
.fullscreen-menu-block > ul > li > ul > li > ul > li > a:hover{
	color: #fff;
}
.fullscreen-menu-block > ul > li > a:hover{
	color:#afd155; 
}
.fullscreen-menu-block > ul > li.end-to-end {
	background-image: url(../images/end-to-end-ico.png);
}
.fullscreen-menu-block > ul > li.d-and-d{
	background-image: url(../images/d-and-d-logo.png);
}
.fullscreen-menu-block > ul > li.onapp{
	background-image: url(../images/onapp-menu-icon.png);
	background-position: 2px 5px;
}
.fullscreen-menu-block > ul > li.turnkey-ul{
	background-image: url(../images/turnkey-ul-ico.png);
}

ul.hav-to-click > li:hover > span, .oem-server-column.allHover > ul:hover > li > a {
    color: #afd155!important;
    font-weight: bold;
}
ul.hav-to-click > li > span, .oem-server-column.allHover > ul > li > a {
	position: relative; font-weight: 600;
	display: inline-block;
}
ul.hav-to-click > li > span:after, .oem-server-column.allHover > ul > li > a:after {
	content: '';
	position: absolute; left: 0;
	bottom: -5px;
	height: 2px; 
	background: #afd155;
	width: 0;
	transition: 0.3s all;
}
.oem-server-column.allHover > ul > li > a:after { left: 2em!important; }

ul.hav-to-click > li:hover > span:after, .oem-server-column.allHover > ul:hover > li > a:after {	
	width: 100%;
	transition: 0.3s all;
}

.fullscreen-menu-block > ul > li.nvidia-menu {
	background-image: url(../images/nvidia-icon.png);
}

.fullscreen-menu-block > ul > li.amd-menu {
	background-image: url(../images/amd-icon.png);
}

.fullscreen-menu-block > ul > li.supply-chain-ul{
	background-image: url(../images/supply-chain-ico.png);
}
.fullscreen-menu-block > ul > li.global-g {
	background-image: url(../images/global-logistic-ico.png);
}
.fullscreen-menu-block > ul > li.global-r {
	background-image: url(../images/global-support-ico.png);
}
.fullscreen-menu-block > ul > li.turnkey-data {
	background-image: url(../images/turnkey-data-ico.png);
}

.fullscreen-menu-block > ul > li.intelLinks {
	background-image: url(../images/intel-menu-bg.png);
}


.fullscreen-menu-block > ul > li.amd-logo {
	background-image: url(../images/oem--pan-ico-5.png);
}
.fullscreen-menu-block > ul > li.ampere-ul {
	background-image: url(../images/ampere-icon.png);
}
.fullscreen-menu-block > ul > li.oem-ul{
	background-image: url(../images/oem--pan-ico-6.png);
}
.fullscreen-menu-block > ul > li.oem-soft > a{
	background-image: url(../images/oem-soft-ico.png);
}
.fullscreen-menu-block > ul > li.indus-sols {
	background-image: url(../images/industry-ico.png);
}
.fullscreen-social a:hover{
	color: #AED153;
}
.fullscreen-menu-block{
	display: none;
}
#whatWeDo{
	display: block;
}
.main-header{
	transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
}
.main-header.fixed{
	background-color: rgba(0,0,0,0.75);
	top: 0;
}
.main-header.fixed a.navbar-brand{
	margin: 10px 0;
}
.main-header.fixed .header-nav-wrap {
    margin: 25px 0px 15px;
}
.header-nav-wrap{
	transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-transition: 0.2s;
}


/*02-08-2016*/
.global-turnkey, .why-choose-iron, .oem-chain, .manage-global, .support-service, .client_section, footer
{
	position: relative;
	background-color: #fff;
	z-index:0;
}
.why-choose-iron{
    padding: 40px 0 43px;
}
.why-choose-iron p.readNone { margin-top: 15px; }
.why-choose-iron h2{
	font-size: 25px;
	color: #434343;
	font-weight: 600;
	margin: 0 0 15px;
	line-height: 35px;
}
.why-choose-iron p{
	font-size: 16px;
	color: #535454;
	line-height: 23px;
	margin: 0;
}
.why-choose-wrap{
    margin: 0 auto;
}


.global-turnkey-left.pull-left:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    height: 100%;
    width: 40px;
    background: #AED153;
}

.global-turnkey-left{
	width: 50%;
	background-color: #fff;
	text-align: left;
	padding: 75px 20px 75px 40px;
}
.dell-oem .global-turnkey-left { padding: 50px 20px 40px 0; }
.global-turnkey-right{
	width: 47%;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(../images/global-turnkey-right-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right bottom;
	height: 100%;
}
.global-turnkey-left-oem{
	width: 50%;
	position: absolute;
	top: 0;
	left: 0;	
	background-image: url(../images/dell-oem-left-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right top;
	height: 100%;
}
.global-turnkey h2{
	font-size: 25px;
	color: #333;
	line-height: 35px;
	margin: 0 0 20px;
	font-weight: 400;
}
.global-turnkey p{
	color: #333;
	line-height: 23px;
	font-size: 16px;
	margin: 0;
}
.g-turnkey-btns{ margin-top: 44px; }
.dell-oem .g-turnkey-btns { margin: 0; }
.g-turnkey-btn{
	display: inline-block;
    color: #AED153;
    font-weight: 600;    
    padding: 12px 29px;
    border-radius: 4px;
}
.find-represent{
	border: 0;
	margin-left: 100px;color: #333;
	border: solid 1px #000000;
	border-radius: 30px;
}
.dell-oem .find-represent { margin: 0; }

.find-represent:hover{
	background-color: #333;
	border-color: #333;
	color: #AED153;
}
.oem-chain{
	text-align: center;
	padding: 25px 0;
	background-color: #fff;
}
.oem-chain h2{
	font-size: 25px;
    color: #434343;
    margin: 0 0 40px;
    line-height: 35px;
	font-weight: 600;
}
.oem-chain-row{
	font-size: 0;
}
.oem-chain-box{
	display: inline-block;
	vertical-align: top;
	width: 228px;
	margin-right: -24px;
}
.oem-chain-box figure{
	width: 228px;
	height: 228px;
	border: solid 24px #dfdfdf;
	border-radius: 50%;
	position: relative;
	margin-bottom: 60px;
}
.oem-chain-box figure img{
	position: absolute;
    display: block;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 3;
}
.oem-chain-box:nth-child(odd) figure:after{
	content: '';
    position: absolute;
    background-color: #26a0da;
    border-radius: 0 0 114px 114px;
    height: 114px;
    left: -24px;
    bottom: -24px;
    right: -24px;
    z-index: 1;
}
.oem-chain-box:nth-child(odd) figure:before{
	content: '';
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.oem-chain-box:nth-child(even) figure:after{
	content: '';
    position: absolute;
    background-color: #9eca73;
    border-radius: 114px 114px 0px 0px;
    height: 114px;
    left: -24px;
    top: -24px;
    right: -24px;
    z-index: 1;
}
.oem-chain-box:nth-child(even) figure:before{
	content: '';
    position: absolute;
    background-color: #fff;
    top: 0;
    left: 0;
    border-radius: 50%;
    bottom: 0;
    right: 0;
    z-index: 2;
}
.oem-chain-box:nth-child(1) figure:after{
	background-color: #3388df;
}
.oem-chain-box:nth-child(2) figure:after{
	background-color: #9eca73;
}
.oem-chain-box:nth-child(3) figure:after{
	background-color: #ff9732;
}
.oem-chain-box:nth-child(4) figure:after{
	background-color: #235f9c;
}
.oem-chain-box:nth-child(5) figure:after{
	background-color: #6c7e91;
}
.oem-chain-box{
	position: relative;
}
.oem-chain-box:first-child:after{
	content: '';
    border-width: 27px 23px;
    border-style: solid;
    border-color: transparent transparent #3388df transparent;
    position: absolute;
    top: 60px;
    left: -10px;
	z-index: 6;
}
.oem-chain-box:last-child:after{
	content: '';
    border-width: 27px 23px;
    border-style: solid;
    border-color: transparent transparent #6c7e91 transparent;
    position: absolute;
    top: 60px;
    right: -11px;
    z-index: 4;

}
.oem-chain-box h3{
	font-size: 16px;
    color: #29324e;
    line-height: 22px;
    padding: 0 25px;
    margin: 0;
    position: relative;
    text-transform: capitalize;
}
.oem-chain-box h3 a{
	font-size: 16px;
    color: #29324e;
	font-weight:400;
}
.oem-chain-box h3 a:hover{
	color: #3388df;
}
.oem-chain-box h3:after{
	content: '';
    width: 3px;
    height: 30px;
    background-color: #1fbbe1;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -40px;
}
.oem-chain-box:nth-child(1) h3:after{
	background-color: #3388df;
}
.oem-chain-box:nth-child(2) h3:after{
	background-color: #31a29e;
}
.oem-chain-box:nth-child(3) h3:after{
	background-color: #ff9732;
}
.oem-chain-box:nth-child(4) h3:after{
	background-color: #235f9c;
}
.oem-chain-box:nth-child(5) h3:after{
	background-color: #6c7e91;
}
.manage-global h2{
	font-size: 25px;
    color: #434343;
    font-weight: 600;
    margin: 0 0 30px;
    line-height: 35px;
    text-align: center;
}
.manage-global-right h3{font-size: 22px; text-transform: none; color: #434343; line-height: 36px; margin: 0 0 20px; font-weight: 600; }
#content .dell-oem .manage-global-right h3 { color: #fff; font-size: 1.6em; }
.manage-global-right p { font-size: 16px; color: #3c3c3c; line-height: 23px; }
.dell-oem .manage-global-right p { color: #fff; }
.manage-global-right a.global-btn {
	border: solid 1px #000; 
	background-color: transparent; 
	color: #333; 
	margin-top: 30px;
	padding: 11px 21px;	}

.dell-oem .manage-global-right a.global-btn { color: #333333; border-color: #fff; }
.manage-global-right{
	margin-top: 60px;
}
.manage-global{
	padding: 40px 0 60px;
	position:relative; z-index:20;
}
.manage-global-left{
	text-align: center;
}
.manage-global-left.gap { margin:54px 0 0 0; }

.one-stop{ background: rgb(174,209,83); background: linear-gradient(90deg, rgba(174,209,83,1) 0%, rgba(58,153,238,1) 100%); }
.one-stop h2,
.one-stop h3,
.one-stop p,
.one-stop a.global-btn{
	color: #fff
}
.one-stop a.global-btn{
	border-color: #fff;
}
.support-service h2{
	font-size: 25px;
    color: #434343;
    margin: 0 0 15px;
    line-height: 35px;
    text-align: center;
	font-weight: 600;
}
.support-service p.main { margin: 0 0 45px 0; text-align:center; }
.support-service{
	background: #F9FCFF url(../images/support-map.png) center center no-repeat;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 36px 0 0px;
}
.support-service-box h3{
	font-size: 16px;
	text-transform: none;
	color: #3f3f3f;
	line-height: 24px;
	font-weight: 600;
	position: relative;
	padding-left: 65px;
	display: table-cell;
	vertical-align: middle;
}
.support-service-box h3 span{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #4794d9;
}
.support-service-box h3 span img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	display: block;
	margin: 0 auto;
}
.support-service-box svg{
	display: block;
}
.support-service-box path{
	fill:#4ca2db;
}
/*.support-service-box a{
	margin-top: 15px;
	display: inline-block;
}*/
.support-service-box p a{
	color: #3388df;
}
.support-service-box{
	margin-bottom: 35px;
}
.support-service-box p{
	font-size: 14px;
	color: #434343;
	line-height: 26px;
}
.support-service-box{
	float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.support-service-row{
	font-size: 0;
	text-align: center;
}
.support-service-title{
	display: table;
	width: 100%;
	margin-bottom: 25px;
	height: 50px;
}
.support-service-title-row{
	display: table-row;
}
.manage-global-right-under{
	padding: 0 24px 0 32px;
}
.manage-global.one-stop .manage-global-right {
    margin-top: 0px;
}
.manage-global.one-stop .manage-global-right-under{
	padding: 0 38px 0 83px;
}
.manage-global.one-stop .manage-global-left img{
	float: left;
}
.manage-global.switch-iron .manage-global-right {
    margin-top: 0px;
}
.manage-global-right-under{
	position: relative;
}
.manage-global-first .manage-global-right-under:after{
	content: '';
	border-right: dashed 2px #3c3c3c;
	position: absolute;
	left: 108px;
	bottom: -64px;
	height: 65px;
}
.manage-global-first .manage-global-right-under:before{
	content: '';
    border-top: dashed 2px #fff;
    position: absolute;
    left: -420px;
    bottom: -100px;
    width: 530px;
    z-index: 9;
}
.manage-global.manage-global-second{
	padding: 75px 0 100px; z-index: 5; position:relative;
}
.manage-global-second .manage-global-right-under:after{
	content: '';
    border-right: dashed 2px #fff;
    position: absolute;
    left: 165px;
    height: 50px;
    bottom: -50px;
}
.manage-global-second .manage-global-right-under:before{
	content: '';
    border-right: dashed 2px #fff;
    position: absolute;
    left: 165px;
    height: 36px;
    top: -30px;
}
.manage-global.manage-global-third {
    padding: 60px 0;
}
.dell-oem .manage-global.manage-global-third { background: #4794d9; }
.manage-global-third .manage-global-right-under:before{ content: ''; border-bottom: dashed 2px #fff; position: absolute; left: -420px; top: -110px; width: 530px; z-index: 9; }
.dell-oem .manage-global-third .manage-global-right-under:before{ display: none; }
.manage-global-third .manage-global-right-under:after{ content: ''; border-right: dashed 2px #295b8a; position: absolute; left: 108px; top: -60px; height: 60px; }
.dell-oem .manage-global-third .manage-global-right-under:after { display: none; }
.manage-global-second .manage-global-left:after{
	content: '';
	border-right: dashed 2px #fff;
	position: absolute;
	height: 55px;
	bottom: -107px;
	left: 123px;
}
.manage-global-second .manage-global-left:before{
	content: '';
	border-right: dashed 2px #fff;
	position: absolute;
	height: 38px;
	top: -75px;
	left: 123px;
}
.thumb-img-tab-td{
	display: table-row;
}
#headercontact h4 { color: #fff; float: left; line-height: 22px; font-size: 0.900em; margin:0; padding:0; line-height: 39px; font-weight:400; }
#headercontact .contactdetail {  padding: 9px 0 0; }
#header .header-nav.header-nav-push-top { margin-top: -84px; }
#header .header-nav.header-nav-push-top { margin-top: -76px; }
#header.inner-pages { margin: 38px 0 0 0; min-height: 74px!important; position: static; }
#header.inner-pages.fixed { top:0; margin:0; position: fixed; background: rgba(0, 0, 0, 0.75); }
#header.inner-pages.fixed .header-nav-main nav > ul > li > a { color: #fff; }
#header.inner-pages.fixed .header-nav-main nav > ul > li.active > a { color: #AED153; }
#header.inner-pages.fixed .search-form .button { color: #fff; }
#header.inner-pages.fixed .strap-icon { color: #fff; border: 1px solid #fff; }
#header.inner-pages.fixed .strap-icon path { fill: #fff; }
#header.inner-pages.fixed .search-form #searchBox { background: rgba(0, 0, 0, 0.75); }
#header.inner-pages .header-logo img { margin: 15px 24px 27px 0; }
#header.inner-pages .header-logo img.white { display: none; }
#header.inner-pages.fixed .header-logo img.white { display: block; }
#header.inner-pages.fixed .header-logo img.blue { display: none; }
#header.inner-pages .header-nav.header-nav-push-top { margin-top: -70px; }
#header.inner-pages .header-nav-main nav > ul > li > a { color: #1f1f1f; }
#header.inner-pages .strap-icon path { fill:#1f1f1f; }
#header.inner-pages .strap-icon { color: #000; border: 1px solid #1f1f1f; padding: 13px 63px 5px 10px; position: relative; }
#header.inner-pages .strap-icon:after {  content: "Menu"; font-size: 16px; left: 42px; position: absolute; top: 9px; }
#header .header-nav-main nav > ul > li > a { color: #fff; font-size: 16px; font-weight: normal; text-transform: none; }
#header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a { color: #AED153; background: none!important; }
#header .header-nav-main nav > ul > li.active > a { background: none; color: #AED153; }

#headercontact .contactdetail ul { margin: 0; }
#headercontact .contactdetail ul li {
    list-style: none;
    padding: 0 10px;
    display: inline-block;
}
#headercontact .contactdetail ul li.chat {
    padding-bottom: 5px;
}
#headercontact .contactdetail ul li a {
    color: #adadad;
    font-size: 12px;
}
#headercontact .contactdetail ul li.chat a {
    color: #579c19;
}
#headercontact .contactdetail ul li.chat a {
    padding: 0 0 0 20px;
    color: #579c19;
    background: url(/sites/all/themes/ironsystems/images/chat-icon.png) left center no-repeat;
}
#headercontact .contactdetail ul li a i {
    margin-right: 5px;
}
#headercontact {
    min-height: 37px;
    background-color: #262626;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}
.banner-section-wrap{
	position: fixed;
    top: 0px;
    width: 100%;
	z-index: -99;
}
.banner-section-wrap .slick-arrow,.banner-section .owl-nav .owl-prev,.banner-section .owl-nav .owl-next{
    position: absolute; top: 50%;
    transform: translateY(-50%); z-index: 99;
    font-size: 0; border: 0;
    width: 40px; height: 40px;
    padding: 0; background-color: #333;
    background-position: center; background-repeat: no-repeat;
    background-size: 10px; border-radius: 4px;
    opacity: 1; transition: 0.2s;
}
.banner-section-wrap .slick-next.slick-arrow,.banner-section .owl-nav .owl-next{
	right: 20px;
	background-image: url(../images/right-arrow.png);
}
.banner-section-wrap .slick-prev.slick-arrow,.banner-section .owl-nav .owl-prev{
	left: 20px;
	background-image: url(../images/left-arrow.png);
}
.banner-section-wrap .slick-arrow:hover{
	opacity: 1;
}
.manage-global-right a.global-btn:hover{ background-color: #333333; color: #AED153;}
.dell-oem .manage-global-right a.global-btn:hover{ background-color: #fff; color: #AED153;}
.manage-global-second a.global-btn:hover{ background-color: #333; color: #AED153; border-color: #AED153; }

.manage-global-right-under a.global-btn { background: #fff; color: #000000; border: 1px solid #000; }

/*03-08-2016*/
.white-text .banner-caption h1,
.white-text .banner-caption p{
	color: #fff;
}
.white-text .banner-caption p strong{
	display: block;
}
.white-text .banner-caption h1 strong{
	display: block;
}

.footer-social-wrap{
	margin-top: 20px;
}
.footer-top-row .footer-social-wrap h2{
	margin-bottom: 10px;
}
.footer-social-wrap a{
	font-size: 18px;
    color: #b8b8b8;
    display: inline-block;
    margin-right: 15px;
}
.footer-social-wrap a i{
	display: block;
}
.footer-social-wrap a:first-child:hover{
	color: #475993;
}
.footer-social-wrap a:nth-child(2):hover{
	color: #55acee;
}
.footer-social-wrap a:nth-child(3):hover{
	color: #007ab9;
}
.footer-social-wrap a:nth-child(4):hover{
	color: #dd5044;
}
.footer-social-wrap a:nth-child(5):hover{
	color: #cd2c32;
}
.footer-social-wrap a:nth-child(6):hover{
	color: #f61c0d;
}
.footer-social-wrap a:nth-child(7):hover{
	color: #f78422;
}
.oem-chain-box figure img{
	transition: 0.2s;
}
.oem-chain-box:hover figure img{
	opacity: 0.6;
	transform: translateY(-50%) scale(1.2);
}
.global-turnkey-fixed{
	width: 555px;
    float: right;
}
.dell-oem .global-turnkey-fixed { float: left; padding: 0 0 0 40px; }
.dell-oem .global-turnkey-fixed li { color: #333; font-size: 14px; position:relative; padding: 0 0 20px 20px; line-height: 24px; }
.dell-oem .global-turnkey-fixed li:before { content: '\f0da'; font-family: FontAwesome; font-size: 12px; position:absolute; left: 0; top:0; }

.author-outer img{
	display: block;
    margin: 7px auto 0;
}

/*from asit*/
.client_section{
    display: table;
    width: 100%; margin: 0;
}
.client_col{
    display: table-cell;
    width: 50%;
    background-color: #fff;
    padding: 56px 35px 35px 35px;
}
.left_client_col{
    background-color: #f2f2f2;
}
.client-feed-slider{
    float: right;
    width: 537px;
}

.techno-feed-slider{
    width: 100%;
}

.client_section h2{
    color:#4c4c4c;
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 30px 0;
}
.client_section .client-feed-slider h2{
    margin-bottom: 0;
}
.feed-cont-logos .feed-cont-col, .feed-cont-logos .feed-cont-col:after{ background: none; }
.feed-cont-col{
    color:#434343;
    font-size: 15px;
    padding: 44px 15px 25px 15px;
    background-image: url(../images/coma1.png);
    background-repeat: no-repeat;
    background-position:12px top;
    position: relative;
}
.feed-cont-col:after{
    position: absolute;
    bottom: 0;
    right: -1px;
    content: '';
    width: 58px;
    height: 46px;
    background-image: url(../images/coma2.png);
    background-repeat: no-repeat;
    background-position:center;
}
.feed-thumb{
    padding: 0 70px;    
}
.feed-thumb-cols{
    height: 113px;
    position: relative;
}
.thumb-img-tab{
    display: table;
    width: 100%;
}
.thumb-img-tab-cell{
    display: table-cell;
    height: 148px;
    vertical-align: middle;
    text-align: center;
}
.client-img{
    width: 85px;
    height: 85px;
    border-radius: 200px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
}
.client-img > img{
    width: 100%;
    border-radius: 200px;
}
.slick-center .client-img{
    border:3px solid #488cc5;
    transform: scale(1.4);
    -webkir-transform: scale(1.4);
    -o-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
}
.client-img:after{
    display: none;
}
.slick-center .client-img:after{
    display: block;
    position: absolute;
    top: -11px;
    left:50%;
    content: '';
    width: 20px;
    height: 11px;
    background-image: url(../images/blue_arrow.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -10px;
}
.author-outer{
    color:#434343;
    font-size: 14px;
    line-height: 15px;
    opacity: 0;
    pointer-events: none;
    margin: 0 -20px;
    transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
}
.author-outer span{
    font-weight: 600;
    font-size: 17px;
    color:#AED153;
    display: block;
    line-height: 1;
    margin-bottom: 7px;
}
.slick-center .author-outer{
    opacity: 1;
    pointer-events: inherit;
}
.feed-thumb .slick-arrow{
    position: absolute;
    left: 50px;
    top: 28px;
    width: 10px;
    height: 15px;
    font-size: 0;
    border:none;
    background-color: transparent;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0;
    z-index: 5;
    display: block;
	opacity: 0;
	transition: 0.3s all;
}
.left_client_col:hover .feed-thumb .slick-arrow { opacity: 1; transition: 0.3s all; }
.left_client_col:hover .feed-thumb .slick-prev { left: 70px; }
.left_client_col:hover .feed-thumb .slick-next { right: 70px; }

.feed-thumb .slick-next{
    left: auto;
    right: 50px;
    background-image: url(../images/arrow-right.png);
	opacity: 0; transition: 0.3s all;
}
.client-logo-col{
    padding: 0 15px;
    float: left;
    width: 33.3%;
    margin: 10px 0;
    height: 100px;
    line-height: 100px;
}
.client-col-right{
    float: left;
}
.client_logo_slider{
    padding: 0 25px;
}
.client_logo_slider .slick-arrow{
    position: absolute;
    left: -32px;
    top: 50%;
    width: 70px;
    height: 70px;
    border-radius: 100px;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    border:none;
    font-size: 0;
    margin-top: -35px;
    z-index: 9;
    background-image: url(../images/client-arrow1.png);
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
}
.client_logo_slider .slick-next{
    left: auto;
    right: -32px;
    background-image: url(../images/client-arrow2.png);
}
.client_logo_slider:hover .slick-arrow{
    opacity: 1;
}
/*foote-start*/
.footer-outer{
    padding-top: 45px;
    background-color: #f2f2f2;
    background-size: cover;
    background-position: center top;
	position: relative;z-index: 99;
}
.footer-top-row{
    /*border-bottom: 1px solid #1a1a1a;*/
    padding-bottom: 20px;
}
.footer-bottom-row{
    border-top: 1px solid rgba(0,0,0,0.1);
    padding: 15px 0;
	background: #fff;
}
.policy_list{
    float: left;
    padding: 0;
    margin: 0;
}
.policy_list li{
    display: inline-block;
    border-right: 1px solid #fff;
    font-size: 11px;
    line-height: 12px;
    padding-right: 9px;
    margin-right: 5px;
}
.policy_list li:last-child{
    padding-right: 0;
    margin-right: 0;
    border:none;
}
.policy_list li a{
    color:#333;
}
.policy_list li a:hover { color: #000; }
.copyright-text{
    float: right;
    font-size: 11px;
    color:#666;
    margin-top: 2px;
}
.copyright-text a { color: #333; }
.copyright-text a:hover { color: #333; }
.footer-top-row{
    color:#fff;
    font-size: 13px;
}
.footer-top-row h2{
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
	color: #333;
    margin: 0 0 24px 0;
}
.footer-top-row p, .footer_nav li a{
    color:#333;
    font-size: 13px;
}
.footer_nav li:hover a{
    color:#000;
}
.footer_nav li{
    display: block;
    margin-bottom: 2px;
}
.footer_nav li:last-child{
    margin-bottom: 0;
}
.contact-list{
    padding: 0;
    margin: 0;
}
.contact-list li{
    display: block;
    padding-left: 35px;
    margin-bottom: 20px;
    color:#666;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: 8px 6px;
}
.contact-list li:last-child{
    margin-bottom: 0;
}
.contact-list li a{
    color:#666;
}
.address_cell{ background-image: url(../images/address_icon.png); }
.phone_cell{ background-image: url(../images/phone_icon.png); }
.mail_cell{ background-image: url(../images/mail_icon.png); }
.chat_cell{ background-image: url(../images/chat_icon.png); }
.contact-list li b { color:#666; display: block; font-weight: 600; margin-bottom: 3px; line-height: 1; }
.contact-list li span{ font-size: 12px; display: block; }
.contact-list li:hover a{ color:#000; }
.client_logo_slider .slick-slide img { display: inline-block; }

/*05-08-2016*/
.contact-iron-pop{
	position: absolute;
	width: 1150px;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 50%;
	transform: translateY(-50%);
	background-color: rgba(0,0,0,0.95);
	border: solid 4px #cbced5;
	padding: 20px 65px;
	opacity: 0;
	visibility: hidden;
	transition: 0.2s;
}
.contact-pop-active{
	opacity: 1;
	visibility: visible;
}
.contact-iron-pop h2{
	color: #c3c6cd;
	font-size: 24px;
	text-transform: uppercase;
	font-weight: 400;
	margin: 0 0 25px;
	padding: 0 0 15px;
	border-bottom: solid 3px #cf6728;
	text-align: left;
}
.form-left{
	width: 70%;
	float: left;
}
.form-right{
	width: 28%;
	float: right;
}
.form-col{
	width: 48.5%;
}
.form-controls{
	width: 100%;
	border: solid 1px #ff0000;
	height: 48px;
	background-color: transparent;
	color: #e39448;
	padding: 0 18px;
	font-size: 16px;
}
.form-controls::-webkit-input-placeholder {
   	color: #e39448;
   	opacity: 1;
}
.form-controls:-moz-placeholder {
   	color: #e39448;
   	opacity: 1;
}
.form-controls::-moz-placeholder {
   	color: #e39448;
   	opacity: 1;
}
.form-controls:-ms-input-placeholder {  
   	color: #e39448;
   	opacity: 1;
}
.form-row{
	margin: 0 0 25px;
}
.form-row:last-child{
	margin-bottom: 0;
}
textarea.form-controls{
	height: 194px;
	resize: none;
	padding: 12px;
}
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 100%;
}
.bootstrap-select > .dropdown-toggle{
	background-color: transparent !important;
	border: solid 1px #fff !important;
	height: 48px;
	border-radius: 0;
	box-shadow: none !important;
	outline: none !important;
	padding-right: 55px;
}
.bootstrap-select > .dropdown-toggle,
.bootstrap-select .dropdown-toggle:focus{
	outline: none !important;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open > .dropdown-toggle.btn-default.focus,
.open > .dropdown-toggle.btn-default:focus,
.open > .dropdown-toggle.btn-default:hover{

}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{
	color: #e39448;
	font-size: 16px;
}
.field-alert{
	color: #949494;
	font-size: 14px;
}
.form-btn{
	font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    border: 0;
    background-color: #c24900;
    font-weight: 400;
    float: right;
    border-radius: 4px;
    padding: 12px 50px;
    letter-spacing: 1px;
    transition: 0.2s;
}
.form-btn:hover{
	background-color: #8f3700;
}
.reset-btn{
	margin-right: 2px;
	background-color: transparent;
}
.reset-btn:hover{
	background-color: #c24900;
}
.contact-form-btn-group{
	margin-top: -13px;
}
.field-alert{
	margin-top: 3px;
}
.bootstrap-select.btn-group .dropdown-toggle .caret{
	background-image: url(../images/select-arrow.png);
    width: 25px;
    height: 14px;
    background-repeat: no-repeat;
    border: 0;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    right: 23px;
}
.contact-iron-close{
	position: absolute;
	top: 0;
	right: 0;
	width: 55px;
	height: 55px;
}
.contact-iron-close svg{
	position: absolute;
	display: block;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
}
.contact-iron-close svg path{
	fill:#c3c6cd;
	transition: 0.2s;
}
.contact-iron-close:hover svg path{
	fill:#f00;
}
.morecontent span {
	display: none;
}
.morelink{
	font-size: 14px;
    text-transform: uppercase;
    color: #fff;
}
.morelink:focus{
	color: #fff;
}
.morelink:hover{
	text-decoration: underline;	color: #fff;
}
/*05-08-2016*/

.responsive-fullscreen-ico{
	display: none;
}
.total-back,
.fullscreen-menu-block ul li a.back{	display: none;}.full-screen-off{
	display: none;
}
.fullscreen-menu-block > ul > li.global-forward > a {
    background-image: url(../images/global-forward-ico.png);
}
.fullscreen-menu-block > ul > li.global-f > a {
    background-image: url(../images/globar-f-ico.png);
}
.oem-server-box{
	width: 100%;
    float: left;
    margin: 0 1% 0 0;
    border: solid 2px rgba(185,217,244,0.3);    padding: 30px 40px;
    min-height: 570px;
}
.oem-server-box:last-child{
	margin-right: 0;
}
.oem-server-box legend{
	color: #b9d9f4;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    border: 0;
    display: inherit;
    width: auto;
    padding: 0 10px;
    position: relative;
    margin: 0;
}
.oem-server-box legend:before{
	content: '';
    position: absolute;
    left: 0;
    top: 7px;
    height: 11px;
    width: 2px;
    background-color: rgba(185,217,244,0.3);
}
.oem-server-box legend:after{
	content: '';
    position: absolute;
    right: 0;
    top: 7px;
    height: 11px;
    width: 2px;
    background-color: rgba(185,217,244,0.3);
}
.oem-server-column > ul > li > a{
	font-size: 15px;
    color: #fff;
    background-image: url(../images/end-to-end-ico.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 30px;
    margin-bottom: 15px;
}
.oem-server-column ul > li > a:hover {
    color: #AED153;
}
.oem-server-column > ul > li > ul > li > a{
	color: rgba(192,222,252,1);
    font-size: 14px;
    padding-left: 15px;
    margin-bottom: 10px;
    position: relative;
}
.oem-server-column > ul > li > ul > li > a:hover{
	color: #fff;
}
.oem-server-column > ul > li > ul > li > a:after {
    content: '';
    position: absolute;
    border-width: 3px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.oem-server-column > ul > li > ul > li {
    margin-left: 20px;
    margin-bottom: 10px;
}
.oem-server-column{

}
.oem-server-column > ul > li{
	margin: 0 0 50px;
}
.oem-server-column > ul > li:last-child{
	margin-bottom: 0;
}
.oem-server-column.oem-server-less-margin > ul > li{
	margin: 0 0 30px;
}

.oem-server-column > ul > li.seagate> a{
	background-image: url(../images/seagate-menu-icon.png);
	background-position: 0 4px;
}

.oem-server-column > ul > li.turnkey-data> a{
	background-image: url(../images/turnkey-data-ico.png);
}

.oem-server-column > ul > li.oem-pan-1 > a{
	background-image: url(../images/oem--pan-ico-1.png);
}
.oem-server-column > ul > li.oem-pan-3a > a{
	background-image: url(../images/hdpod-hadoop-ico.png);
}

.oem-server-column > ul > li.oem-pan-hadoop > a{
	background-image: url(../images/hdpod-hadoop-ico02.png);
}

.oem-server-column > ul > li.oem-pan-2 > a{
	background-image: url(../images/oem--pan-ico-2.png);
}
.oem-server-column > ul > li.oem-pan-3 > a{
	background-image: url(../images/oem--pan-ico-3a.png);
}

.oem-server-column > ul > li.oem-pan-da > a{
	background-image: url(../images/oem--pan-ico-3.png);
}


.oem-server-column > ul > li.oem-pan-4 > a{
	background-image: url(../images/oem--pan-ico-4.png);
	background-position: 0 4px;
}
.oem-server-column > ul > li.oem-pan-5 > a{
	background-image: url(../images/oem--pan-ico-5.png);
	background-position: 0 4px;
}
li.oem-pan-6 > a{
	background-image: url(../images/oem--pan-ico-6.png);
	background-position: 0 3px;
}
li.oem-pan-7 > a{
	background-image: url(../images/oem--pan-ico-7.png);
	background-position: 0 3px;
	margin-left: -30px;
}
.oem-server-column > ul > li.oem-pan-8 > a{
	background-image: url(../images/oem--pan-ico-8.png);
	background-position: 0 3px;
}
.oem-server-column > ul > li.oem-pan-9 > a{
	background-image: url(../images/oem--pan-ico-9.png);
	background-position: 0 3px;
}
.oem-server-column > ul > li.oem-pan-10 > a{
	background-image: url(../images/oem--pan-ico-10.png);
	background-position: 0 3px;
}
.oem-server-column > ul > li.oem-pan-11 > a{
	background-image: url(../images/oem--pan-ico-11.png);
	background-position: 0 3px;
}
li.oem-pan-12 > a{
	background-image: url(../images/oem--pan-ico-12.png);
	background-position: 0 3px; margin-left: -30px;}
.iron-switch{
	font-size: 14px;
    border: solid 2px #26517d;
    width: 65%;
    float: right;
    padding: 25px;
}
.iron-switch span.txt{
	font-size: 16px;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}




/*Full Screen Menu */
.fullscreen-menu-block > ul > li.mis-val > a {
    background-image: url(../images/our-app-ico-1.png);
}
.fullscreen-menu-block > ul > li.q-poly > a {
    background-image: url(../images/our-app-ico-2.png);
}
.fullscreen-menu-block > ul > li.one-glo > a {
    background-image: url(../images/our-app-ico-3.png);
}
.fullscreen-menu-block > ul > li.tech-part > a {
    background-image: url(../images/our-app-ico-4.png);
}
.fullscreen-menu-block > ul > li.corp-resp > a {
    background-image: url(../images/our-app-ico-5.png);
}
.fullscreen-menu-block > ul > li.market-we > a {
    background-image: url(../images/our-app-ico-6.png);
}

.fullscreen-menu-block > ul > li.sup-code > a {
    background-image: url(../images/our-app-ico-8.png);
}
.fullscreen-menu-block > ul > li.ent-comp > a {
    background-image: url(../images/our-app-ico-9.png);
}
.fullscreen-menu-block > ul > li.mat-post > a {
    background-image: url(../images/our-app-ico-10.png);
}
.fullscreen-menu-block > ul > li.oem-prog > a {
    background-image: url(../images/oem--pan-ico-6.png);
}

.fullscreen-menu-block > ul > li.support-center {
    background-image: url(../images/support-center-ico.png);
	background-position: 0 3px;
}


.fullscreen-menu-block > ul > li.c-s-p {
    background-image: url(../images/cust-support-ico.png);
}

.fullscreen-menu-block > ul > li.support-prog  {
    background-image: url(../images/support-prog-ico.png);
}

.fullscreen-menu-block > ul > li.warrenty-terms  {
    background-image: url(../images/warrenty-ico.png);
}

.fullscreen-menu-block > ul > li.professional-ser  {
    background-image: url(../images/professional-ico.png);
	background-position: 0 5px;
}


.iron-switch{
	margin-top: -73px;
}
.company-left h3{
	font-size: 13px;
	color: #fff;
	margin: 0 0 25px;
	background-image: url(../images/company-info-ico.png);
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 30px;
}
.address-left h3 { background-image: url(../images/company-add-ico.png); background-position: 5px 6px; }

.company-left ul { padding: 0 0 0 7px; }
.company-left ul li{
	float: left;
	width: 47%;
	margin-bottom: 15px;
	margin-left: 15px;
}
.company-left ul li a{
	color: rgba(192,222,252,1);
	font-size: 14px;
	position: relative;
	padding-left: 15px;
}
.company-left ul li a:after {
    content: '';
    position: absolute;
    border-width: 3px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.address h3{
	margin-bottom: 5px;
}
.address-left p{
	font-size: 14px;
	color: rgba(192,222,252,1);
	line-height: 25px;
	margin:0 0 0 40px;
}
.address-right p a{
	color: #fff;
	font-size: 13px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left center;
}
.company-left{
	width: 40%;
}
.company-right{
	width: 37%;
}
.company-right img{
	width: 100%;
	height: auto;
	display: block;
	border: 3px solid #cadaee;
}
.address-left{
	width: 45%;
}
.address-right{
	width: 50%; padding-left: 16px;
}
.ph-ico a{
	background-image: url(../images/ph-ico.png);
}
.fax-ico a{
	background-image: url(../images/fax-ico.png);
}
.email-ico a{
	background-image: url(../images/env-ico.png);
}
.address{
	margin-top: 30px;
}
.company-left ul li a:hover{
	color: rgba(255,255,255,1);
}
.address-right p a:hover{
	text-decoration: underline;
}
.full-screen-off{
	color: rgb(255, 255, 255);
	text-align: center;
}
.full-screen-off i{
	font-size: 20px;
	margin: 15px 0px;
}
.take-the-tour-btn {
	position: relative;
	transition: 0.3s all;
	padding-bottom: 6px;
	padding-left: 7px;
	margin:0 0 0 22px;
	padding-right: 5px;
	border-radius: 0;
}
.take-the-tour-btn:hover {
	transition: 0.3s all;
	border-bottom: 2px solid #AED153;
	transition: 0.3s all; color: #333;
}

.take-the-tour-btn:hover:before, .take-the-tour-btn:hover:after { color: #AED153; }

.take-the-tour-btn:after{
    content: '';
    position: absolute;
    top: 22px;
    height: 2px;
    background: #AED153;
    right: -16px;
    width: 13px;
    transition: 0.2s;
}


.take-the-tour-btn:before{
content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: -20px;
    top: 12px;
    transition: 0.2s;
    font-size: 21px;
}
.find-represent,
.contact-iron-btn{
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -moz-osx-font-smoothing: grayscale;
    backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    animation-name: wiggle;
    -o-animation-name: wiggle;
    -ms-animation-name: wiggle;
    -moz-animation-name: wiggle;
    -webkit-animation-name: wiggle;
    animation-duration: 5s;
    -o-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -webkit-animation-duration: 5s;
    animation-timing-function: linear;
    -o-animation-timing-function: linear;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-play-state: running;
    -o-animation-play-state: running;
    -ms-animation-play-state: running;
    -moz-animation-play-state: running;
    -webkit-animation-play-state: running
}

@-webkit-keyframes wiggle {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}
@keyframes wiggle {
    2% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    4% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    6% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg)
    }
    8% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg)
    }
    10% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    12% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)    }
    14% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg)
    }
    16% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg)
    }
    18% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0)
    }
    20% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0)
    }
}

@media (max-width: 1480px) {
	.banenrwrapper.diversity-banner { min-height: 330px; }	
}

@media (max-width: 467px)
{
	
	/* Combo Pop up */
	.combo-right { align-items: flex-start; justify-content: flex-start; padding: 2em 0 0 0!important; padding-bottom: 0!important; margin-bottom: -1.5em!important; }
	.combo-right-inner { padding: 0 1em!important; }
	.combo-right-inner h2 { font-size: 2em!important; }
	.websiteBtn { margin: 1em 0 0 0!important; }
	.logoBox img { width: 120px!important; }
	.combo-left p { font-size: 1em!important; }
	.combo-right-inner .btnPopDefault { padding: 0.3em 1.5em!important; }
	body.front  #helpfull { display: none!important }
	.logoBox img { width: 150px!important; }
	.combo-left p { font-size: 1em!important; text-align: center; }
	.combo-left { padding: 0!important; margin: 0!important; align-items: flex-start; justify-content: flex-start;  }
	.logoBox { margin: 0!important; padding: 1.6em 2em!important; }
	.combo-right-inner p { font-size: 1.5em!important; }	
	/* Combo Pop up */		
}

@media (max-width: 1400px) {

	.fullscreen-menu-block > ul{
		width: 23%;
	}
	.fullscreen-menu-main {
    	padding: 80px 20px 20px 20px;
	}
	.oem-server-box{
		min-height: 580px;
    	padding: 20px 10px;
	}
	.iron-switch{
		margin-top: 0px;
	}
	.fullscreen-menu-block > ul > li > ul > li > a{
		font-size: 12px;
	}
	.banner-caption{		top: 65%;
	}
	.banner-caption h1{
		margin: 0 0 14px;
    	font-size: 22px;
    	line-height: 36px;
	}
	.banner-caption p{
		font-size: 16px;
		line-height: 24px;
	}
	
	.banner {
    	height: 450px;
	}

	
	.oem-server-column > ul > li > ul > li > a{
		font-size: 12px;
	}
	.company-right{
		height: auto;
	}
	.company-right {
    	width: 50%;
	}

}

/* Page Headings css */
.page-header { border: 0; margin: 0; background: none; }
.page-header h1 { margin: 40px 0 30px 0; border: none; margin:0; display: block; color: #434343; font-size: 25px; font-weight: 600; position: relative; }
.page-header h1:before { position: absolute; bottom: 2px; left: 50%; margin-left: -26px; width: 52px; height: 29px; display: block; content: ""; background: #fff url(../images/title-bg-server.jpg) center center no-repeat; }

.page-header h1:after { background: #ccc; width: 100%; height: 2px; display: block; content: ""; margin: 18px 0 0 0; }
.page-products .page-header h1:before, .page-node-743 .page-header h1:before, .page-node-907 .page-header h1:before, .productsPages .page-header h1:before   { background: #f1f3f6 url(../images/title-bg-server.jpg) center center no-repeat; }

/* Inner page banner css */
.bannermain .container { position: relative; }
.bannermain .pagetitle { padding: 0 0 0 10px; color: #fff; min-width: 234px; height: 52px; line-height: 52px; font-size: 34px; font-family: 'Open Sans', sans-serif; font-weight: 600; position: absolute; right:0; top:180px; display: block; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#525866+0,525866+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(82,88,102,1) 0%, rgba(82,88,102,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(82,88,102,1) 0%,rgba(82,88,102,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(82,88,102,1) 0%,rgba(82,88,102,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525866', endColorstr='#00525866',GradientType=1 ); /* IE6-9 */
}
.bannermain{ width:100%; min-height: 314px; position:relative; background-size: cover !important; }
.bannermain.about { width:100%; min-height: 280px; background: url(../images/about-us-banner.jpg) center top no-repeat; }
.bannermain h2 { font-size: 34px; margin: 0; display: inline-block; border-bottom: 1px solid #fff; padding: 30px 0 20px 0; color: #fff; }
.bannermain.lefttitle h2 { margin: 65px 0 0 0; font-size: 36px; }
.bannermain.about h2 strong { text-transform: none; }
.bannermain.about .threeblocks ul li { width: 160px; }
.threeblocks ul { margin: 25px 0 0 18px; }
.threeblocks ul li { transition: all 0.3s; float: left; margin: 0 22px 0 0; position:relative; width: 150px; min-height: 142px; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; border: 1px solid #fff; text-align: center; }
.threeblocks ul li p { padding: 0 10px; margin: 0;position: absolute; width: 100%; text-align: center; top: 50%; transform: translate(0, -50%); font-size: 14px; line-height:22px; color: #fff; }
.threeblocks ul li:hover { background: rgba(0, 0, 0, 0.60); transition: all 0.3s; }
.bannermain.turnkey { background: url(../images/turnkey-banner.jpg) center top no-repeat; background-size: 100%; }
.bannermain.turnkey h2 { margin: 65px 0 0 0; font-size: 36px; }
.bannermain.whatwedo { background: url(../images/what-we-do=banner.jpg) center top no-repeat; background-size: 100%; }
.bannermain.gpucomputing { background: url(../images/gpu-computing-banner.jpg) center top no-repeat; background-size: 100%; }
.bannermain.gpucomputing h2 { margin: 50px 0 0 0; }
.bannermain.rackstack { background: url(../images/rack-stack-banner.jpg) center top no-repeat; background-size: 100%; }
.bannermain.manufacturing { background: url(../images/oem-manufacturing-banner.jpg) center top no-repeat; background-size: 100%; }
.banenrwrapper { position:relative; width:100%; min-height: 314px; background-size: cover!important; }
.banenrwrapper .detail { overflow:hidden; }
.banenrwrapper .detail.gap { padding: 65px 0 0 0; }
.banenrwrapper.support { background: url(../images/support-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.supportportal { background: url(../images/support-help-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.feedback { background: url(../images/feedback-banner.jpg) center top no-repeat; }
.banenrwrapper.survey { background: url(../images/survey-banner.jpg) center top no-repeat; }
.banenrwrapper.dualraid { background: url(../images/dual-raid-banner.jpg) center top no-repeat; }
.banenrwrapper.storage { background: url(../images/storage-banner.jpg) center top no-repeat; }
.banenrwrapper.rackmount { background: url(../images/rack-mount-servers.jpg) center top no-repeat; }
.banenrwrapper.onapp-intel { background: url(../images/onapp-intel-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.flash-storage { background: url(../images/flash-storage.jpg) center top no-repeat; }
.banenrwrapper.hadoop { background: url(../images/hadoop.jpg) center top no-repeat; }
.banenrwrapper.hybrid { background: url(../images/hybrid-storage.jpg) center top no-repeat; }
.banenrwrapper.dual-raid { background: url(../images/dual-storage.jpg) center top no-repeat; }
.banenrwrapper.hybrid-storage { background: url(../images/hybrid-storage-platform.jpg) center top no-repeat; }
.banenrwrapper.our-approach { background: url(../images/our-approach.jpg) center top no-repeat; }
.banenrwrapper.das-raid { background: url(../images/das-raid.jpg) center top no-repeat; }
.banenrwrapper.das-jbod { background: url(../images/das-jbod.jpg) center top no-repeat; }
.banenrwrapper.services { background: url(../images/services-Internal.jpg) center top no-repeat; }
.banenrwrapper.dell-hw { background: url(../images/dell-oem-hw-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.dell-customize { background: url(../images/dell-customize-banner.jpg) center top no-repeat; }
.banenrwrapper.dell-turnkey-storage { background: url(../images/dell-turnkey-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.supplier-code{ background: url(../images/supplier-code-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.material { background: url(../images/material-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.program { background: url(../images/program-management-banner.jpg) center top no-repeat; }
.banenrwrapper.whitepeper { background: url(../images/enterprise-cloud-banner.jpg) center top no-repeat; }
.banenrwrapper.epyc-banner { background: url(../images/epyc-banner-bg.jpg) center top no-repeat; }
.banenrwrapper.epyc-solution-banner { background: url(../images/epyc-solution-banner.jpg) center top no-repeat; background-size: 100% 100%; min-height: 380px; }
.banenrwrapper.epyc-solution-banner .detail { padding: 116px 0 0 0; }
.banenrwrapper.career { background: url(../images/career-banner.jpg) center top no-repeat; }
.banenrwrapper.career strong { display: block; text-transform: uppercase; }
.banenrwrapper .detail { padding: 54px 0 0 0; }
.banenrwrapper h2 { font-size: 24px; color: #fff; line-height: 34px; margin: 0; }
.banenrwrapper.whitepeper h2 { font-weight: 600; }
.banenrwrapper.var h2 { font-size: 27px; }
.banenrwrapper.onapp-intel h2 { font-weight: 700; }
.banenrwrapper h2.bold { font-weight:600; } 
.banenrwrapper h2 span { display: block; font-weight: 300; text-transform: none; }
.banenrwrapper ul { margin: 25px 0 0 0; }
.banenrwrapper ul li { list-style: none; line-height: 24px; color: #fff; font-size: 14px; }
.banenrwrapper.var ul li { float: left; width: 50%; margin-bottom: 13px; }
.banenrwrapper ul li i { margin: 0 5px 0 0; }
.banenrwrapper p { font-size: 13px; color: #fff; margin: 10px 0 0 0; }
.banenrwrapper p.gap { margin-top: 30px; }
.banenrwrapper .colortext { background: #0b3a52; margin: 10px 0 0 -17px; padding: 7px 20px 7px 30px; display: inline-block; font-size: 18px; text-transform: uppercase; transform:skewX(-20deg); }
.banenrwrapper .colortext span.orange { color: #fe9130; display: inline-block; transform:skewX(20deg); }
.banenrwrapper .colortext span.blue { color: #4cc0f6; display: inline-block; transform:skewX(20deg); }
.banenrwrapper .colortext span.green { color: #2acdc0; display: inline-block; transform:skewX(20deg); }
.banenrwrapper .colortext span.white { color: #fff; display: inline-block; transform:skewX(20deg); }
.banenrwrapper .title { position: absolute; bottom:0; left:0; width: 100%; text-align: center; background: rgba(23, 61, 82, 0.8); padding: 10px 0; }
.banenrwrapper .title h3 { color: #fff; font-weight: 700; font-style: italic; text-transform: none; font-size: 1.2em; padding: 0; margin: 0; }
.banenrwrapper.our-approach h2 { width: 52%; }
.banenrwrapper.services h2 { width: 60%; }
.banenrwrapper.das-raid li strong { display: block; }
.areablocks ul { width: 100%; padding: 10px 7px; border: 1px solid #6082a8; overflow: hidden; }
.areablocks ul li { width: 24%; min-height: 80px; position:relative; margin: 0 1% 0 0; float: left; font-size: 13px; }
.areablocks ul li:after { position: absolute; content: ''; bottom: 0; left: 0; height: 4px; width: 60%; background: #0ba1d6; }
.areablocks ul li:nth-child(2):after  { background: #fe7211; }
.areablocks ul li:nth-child(3):after  { background: #0fa397; }
.areablocks ul li:nth-child(4):after  { background: #e74115; }
.banenrwrapper.supportportal p { font-size: 24px; font-weight: 300; margin: 0; }
.banenrwrapper.supportportal h2 { text-transform: uppercase; }
.banenrwrapper.supportportal .detail { padding: 107px 0 0 0; }
.banenrwrapper.supportportal .supportlist { position: absolute; left: 0; bottom: 0; width: 100%; background: rgba(0,21,57,0.68); height: 43px; }
.banenrwrapper.supportportal .supportlist ul { margin: 0; }
.banenrwrapper.supportportal .supportlist li { color: #fff; line-height: 43px; display: block; float: left; font-size: 16px; padding: 0 0 0 42px; }
.banenrwrapper.supportportal .supportlist li:first-child { width: 39%; background: url(../images/support-banner-icon.png) left 4px no-repeat; }
.banenrwrapper.supportportal .supportlist li:nth-child(2) { width: 32%; background: url(../images/support-banner-icon.png) left -60px no-repeat; }
.banenrwrapper.supportportal .supportlist li:nth-child(3){ width: 28%; background: url(../images/support-banner-icon.png) left -125px no-repeat; }

/* Quick Tabs Css */
@media (min-width:731px){
.quicktabs-wrapper .quicktabs_main .tabsAccordion{ display:none;}
}

.quicktabs-wrapper { margin: 55px 0 0 0; }
.quicktabs-wrapper ul.quicktabs-tabs { display: inline-block; text-align: center; margin: 0; list-style: none; position: relative; }
ul.quicktabs-tabs.quicktabs-style-basic { border: none; margin:0 0 20px 0; height: inherit; width: 100%; border-bottom: 1px solid #ddd; text-align:left; }
.quicktabs_main.quicktabs-style-basic { border: none; padding: 0; border: none; }
.quicktabs-wrapper ul.quicktabs-tabs li { display: inline-block; padding: 0; margin: 0 5px; border:0; }
ul.quicktabs-tabs.quicktabs-style-basic li:hover { border: none; }
.quicktabs-wrapper ul.quicktabs-tabs li:last-child { margin-right: 0; }
ul.quicktabs-tabs.quicktabs-style-basic li.active { border: none; }
ul.quicktabs-tabs.quicktabs-style-basic li.active a { color: #434343; opacity: 1; background: #fff; font-weight: 600; border-color: #AED153 #ddd #fff; border-style:solid; border-width:2px 1px 1px; }
.quicktabs-wrapper ul.quicktabs-tabs li a { opacity:0.6; position: relative; border: 1px solid transparent; border-width: 2px 1px 1px; color: #434343; display: inline-block; font-weight: 600; margin: 0 0 -1px; padding: 15px 25px; text-align: center; font-size: 14px; font-weight: 400; text-transform: uppercase; }
.quicktabs-wrapper .content h4 { font-size: 16px; color: #3388df; font-weight: 600; }
.quicktabs-wrapper .field-type-text-with-summary { padding-bottom: 30px; }
#content .quicktabs-wrapper h4:first-child { margin-top: 0; }
.quicktabs-wrapper .content p { color: #434343; font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.tabcontent h5 { font-size: 16px; color: #3388df; font-weight: 600; }
.tabcontent p { color: #434343; font-size: 16px; line-height: 22px; margin-bottom: 20px; }
.customer-list h6 { background: #3388df; text-align: center; padding: 10px; color: #fff; font-size: 18px; }
.customer-list ul li { position: relative; padding: 0 0 0 15px; line-height: 30px; color: #3c3c3c; font-size: 14px; font-weight: 600; }
.customer-list ul li:before { width: 7px; height: 7px; content: ""; background: #3c3c3c; position: absolute; left:0; top:11px; }
.customer-list .list-content { overflow: hidden; border: 1px solid #ccd3db; padding: 30px; }
.company-address { margin: 50px 0 20px 0; }
.company-address .add ul { margin: 50px 0 0 0;}
.company-address .add ul li { line-height: 40px; font-size: 16px; }
.company-address .add ul li i { color: #1b64b2; margin: 0 10px 0 0; font-size: 20px; } 
.company-address .add ul li a { color: #1b64b2; }
.company-address h5 { color: #434343; font-size: 18px; margin: 0 0 25px; position: relative; }
.company-address h5:after { background-color: #000; bottom: -6px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }
.company-address .corp ul { margin: 20px 0 0 0; }
.company-address .corp ul li { position: relative; padding: 0 0 10px 30px; }
.company-address .corp ul li:before { content: "\f105"; font-family: FontAwesome; color: #434343; position: absolute; left: 14px; top: 0px; transition: 0.2s; font-size: 21px; }
.company-address .corp ul li:after { content: ''; position: absolute; top: 11px; height: 2px; background: #434343; left: 6px; width: 12px; transition: 0.2s; }
.corp-snap {  padding: 80px 0; background: url(../images/corporate-bg.jpg) center center no-repeat; background-size: cover; }
.corp-left { margin-top: 30px; }
.corp-snap .corp-left h5 { color: #fff; font-size: 22px; margin: 10px 0 30px 0; }
.corp-snap .corp-left ul { margin: 0 0 30px 0; padding: 0 0 0 40px; }
.corp-snap .corp-left ul li { position:relative; color: #fff; font-size: 16px; padding: 5px 0; }
.corp-snap .corp-left ul li:before { content: ''; position: absolute; top: 19px; height: 2px; background: #fff; left: -27px; width: 11px; }
.corp-snap .corp-left ul li:after { content: "\f105"; color: #fff; font-family: FontAwesome; position: absolute; left: -20px; top: 7px; font-size: 20px; }
.corp-snap .corp-left a.global-btn { margin: 0 0 50px 0; background: rgba(0,0,0,0.20); color: #fff; }
.corp-snap .corp-right img { border: 5px solid #e8edf3; }
.iron-advantages { padding: 50px 0; }
.iron-advantages h4 { font-weight: 600; }
.about-page-team { margin: 30px 0 0 0; border-bottom: 3px solid #f4f4f4; padding-bottom: 50px; }
.about-page-team h4 { color: #1d2127; }
.team-about h6 { margin: 10px 0 0 0; color: #434343; font-weight: 600; }
.team-about h6 span{color: #a3abaf; font-weight: 400; font-size: 1em; }
.about-page-team h4 { font-size: 22px; font-weight: 600; margin: 10px 0 30px 0; }
.team-about { width: 100%; padding-bottom: 30px; }
.team-about .col-md-3:hover img { margin: -5px 0 5px 0; transition: 0.3s all; }
.team-about .col-md-3 img { transition: 0.3s all; }
	
/* About us page css */
header.main-header.innerpage { background:#262626; position: static; }
header.main-header.innerpage a.navbar-brand { margin: 10px 0; }
header.main-header.innerpage .header-nav-wrap { margin: 25px 0 15px; }
.hd-section h1 { margin: 40px 0 30px 0; color: #3388df; font-size: 25px; font-weight: 600; position: relative; }
.hd-section h1:before { position: absolute; bottom: -12px; width: 100%; height: 29px; display: block; content: ""; background: url(../images/title-bg.jpg) center center no-repeat;} 
.hd-section h1:after { background: #ccc; width: 100%; height: 2px; display: block; content: ""; margin: 18px 0 0 0; }
.oem-chain.about { padding-top: 50px; }
.oem-chain.about h2 { color: #000; font-weight: 600; text-transform: uppercase; }
.links ul { text-align: center; margin: 80px 0 0 0; }
.links ul li { display: block; width: 100%; margin: 0 0 10px 0; }
.links ul li a{ color: #3388df; font-size: 17px; font-weight: 600; }
.links ul a.download { margin-left: 18px; }
.links ul li img { margin: 0 20px 0 0; display: inline-block; }.newscareer p { margin: 10px 0 10px 0; min-height: 75px; }
.newscareer h5 { color: #434343; font-size: 18px; margin: 0 0 25px; position: relative; } 
.newscareer h5:after { background-color: #000; bottom: -6px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }
.newscareer a { color: #3388df; font-size: 16px; position: relative; padding: 0 0 0 30px; }
.newscareer a:before { content: "\f105"; font-family: FontAwesome; color: #434343; position: absolute; left: 14px; top: 1px; transition: 0.2s; font-size: 21px; }
.newscareer a:after { content: ''; position: absolute; top: 11px; height: 2px; background: #434343;  left: 6px; width: 12px; transition: 0.2s; }

/* What we do page css */
.what-we-do h5.text-center { font-size: 18px; padding: 0 0 20px 0;}
.servicesBlocks .Blockcontent { position:relative; padding: 20px 0; margin: 0 0 20px 0; border: 1px solid #c7c7c7; min-height: 220px; transition: 0.3s all; }

.servicesBlocks .Blockcontent:hover { background: #4794d9; transition: 0.3s all; }
.servicesBlocks h3 { padding: 0 0 0 20px; text-transform: uppercase!important; }
#content .servicesBlocks h3 { margin: 0; color: #3388df; }
.servicesBlocks .col-md-4 { padding: 0 10px; }
.servicesBlocks h3 a {font-size: 16px; color: #3388df; font-weight: 600; text-transform: uppercase;}
.servicesBlocks .Blockcontent:hover h3 a, .servicesBlocks .Blockcontent:hover h3 { color:#fff!important; }
.servicesBlocks.manuf:hover { background: #184576; }
.servicesBlocks p, .servicesBlocks ul { padding: 30px 0 0 20px; font-size: 13px; color: #666; width: 65%; float: left; }
.servicesBlocks ul li a { color: #666; position:relative; }
.servicesBlocks ul li a:after { width: 0px; content:''; height: 1px; background: #99e0ff; position:absolute; left:0; bottom: -3px; transition: 0.3s ease-in; }
.servicesBlocks .Blockcontent ul li a:hover:after { width: 100%; transition: 0.3s ease-out; }
.servicesBlocks .Blockcontent:hover p, .servicesBlocks .Blockcontent:hover li a { color: #99e0ff; }
.servicesBlocks .imgdiv { float: right; display: block; position: absolute; right:0; bottom:10px; width: 50%; }
.servicesBlocks .manuf .imgdiv { min-height: 148px; background: url(../images/service1-bg.png) right top no-repeat; transition: 0.3s all;  }
.servicesBlocks .nvidiaPr .imgdiv { min-height: 148px; background: url(../images/nvidia-what-we-do-page.png) right top no-repeat; transition: 0.3s all;  }
.servicesBlocks .amdPr .imgdiv { min-height: 148px; background: url(../images/amd-logo-what-we-do.png) right top no-repeat; transition: 0.3s all;  }
.servicesBlocks .amdPr .Blockcontent:hover .imgdiv { background-position: right bottom; }
.servicesBlocks .nvidiaPr .Blockcontent:hover .imgdiv { background-position: right bottom; }
.servicesBlocks .manuf .Blockcontent:hover .imgdiv { background: url(../images/service1-bg.png) right bottom no-repeat; transition: 0.3s all;  }
.servicesBlocks .solutions .imgdiv { min-height: 148px; background: url(../images/service2-bg.png) right top no-repeat; transition: 0.3s all;  }
.servicesBlocks .solutions .Blockcontent:hover .imgdiv { background: url(../images/service2-bg.png) right -178px no-repeat; }
.servicesBlocks .hardware .imgdiv { min-height: 148px; background: url(../images/service3-bg.png) right top  no-repeat; transition: 0.3s all;  }
.servicesBlocks .hardware .Blockcontent:hover .imgdiv { background: url(../images/service3-bg.png) right -164px no-repeat; transition: 0.3s all;  }
.servicesBlocks .software .imgdiv { min-height: 148px; background: url(../images/service4-bg.png) right top  no-repeat; transition: 0.3s all;  }
.servicesBlocks .software .Blockcontent:hover .imgdiv { background: url(../images/service4-bg.png) right -142px no-repeat; transition: 0.3s all;  }
.servicesBlocks .cloud .imgdiv { min-height: 148px; background: url(../images/service5-bg.png) right top  no-repeat; transition: 0.3s all;  }
.servicesBlocks .cloud .Blockcontent:hover .imgdiv { background: url(../images/service5-bg.png) right -171px no-repeat; transition: 0.3s all;  }
.servicesBlocks .dell .imgdiv { min-height: 148px; background: url(../images/service6-bg.png) right top  no-repeat; transition: 0.3s all;  }
.servicesBlocks .dell .Blockcontent:hover .imgdiv { background: url(../images/service6-bg.png) right bottom  no-repeat; transition: 0.3s all;  }
.servicesBlocks .turnkey .imgdiv { min-height: 166px; background: url(../images/service7-bg.png) right 10px  no-repeat; transition: 0.3s all;  }
.servicesBlocks .turnkey .Blockcontent:hover .imgdiv { background: url(../images/service7-bg.png) right -150px  no-repeat; transition: 0.3s all;  }
.servicesBlocks .storage .imgdiv { min-height: 166px; background: url(../images/service8-bg.png) right top  no-repeat; transition: 0.3s all;  }
.servicesBlocks .storage .Blockcontent:hover .imgdiv { background: url(../images/service8-bg.png) right bottom  no-repeat; transition: 0.3s all;  }
.servicesBlocks .servicelist .imgdiv { min-height: 166px; background: url(../images/service9-bg.png) right top  no-repeat; transition: 0.3s all;  }
.servicesBlocks .servicelist .Blockcontent:hover .imgdiv { background: url(../images/service9-bg.png) right bottom  no-repeat; transition: 0.3s all;  }

.servicesBlocks .onappLinks .imgdiv { min-height: 166px; background: url(../images/onapp-icon-bg.png) right 30px  no-repeat; transition: 0.3s all;  }
.servicesBlocks .onappLinks .Blockcontent:hover .imgdiv { background-position: right bottom; }

.servicesBlocks .itadLinks  .imgdiv { min-height: 166px; background: url(../images/itad-icon-bg.png) right 30px  no-repeat; transition: 0.3s all;  }
.servicesBlocks .itadLinks  .Blockcontent:hover .imgdiv { background-position: right bottom; }

/*.freeEvolution { min-height: 500px; background: url(../images/free-bg.jpg) center center no-repeat; background-size: cover;  }*/
.freeEvolution { min-height: 500px; background: #f8fcff; background-size: cover;  }
.freeEvolution h6 { margin: 40px 0 25px 0; line-height: 35px; font-size: 25px; font-weight: 600; color: #3c3c3c; text-align: center;}
.freeEvolution .buildoem h6 span { font-size: 22px; }
.freeEvolution .certified { margin: 20px 0 20px 0; overflow:hidden; }
.freeEvolution .buildoem span.logotitle { padding: 5px 0; width: 20%; margin: 20px 0 0 0; float: left; display:inline-block; position: relative; color: #3c3c3c; font-size: 18px; font-weight:600; text-transform: uppercase; }
.freeEvolution .buildoem span.logotitle:after { content:"\f0da"; font-family: FontAwesome; position: absolute; right: -16px; top: 15px; font-size: 20px; }
.freeEvolution .buildoem span.logotitle:before { content:""; position: absolute; height: 100%; width: 1px; background: #3c3c3c; right:-10px; top:0; }
.freeEvolution .buildoem .logo { float: left; width: 73%; padding: 20px 0 0 35px; }
.freeEvolution .oemfree .text1 { margin: 50px 0 30px 0; font-size: 30px; color: #3c3c3c; text-shadow: 0 1px 1px #888; }
.freeEvolution .oemfree .text2 { margin: 58px 0 15px 25px; font-size: 24px; color: #3c3c3c; text-shadow: 0 1px 1px #888; }
.freeEvolution .oemfree .text3 { margin: 0 0 25px 85px; font-size: 24px; color: #3c3c3c; text-shadow: 0 1px 1px #888; }
.freeEvolution .oemfree .text4 { margin: 0 0 15px 40px; font-weight: 600; font-style: italic; font-size: 50px; color: #3c3c3c; text-shadow: 0 1px 1px #888; }
.freeEvolution .oemfree ul { margin: 20px 0 20px 20px; }
.freeEvolution .oemfree ul li { padding: 5px 0; margin: 0 0 0 30px; color: #3c3c3c; font-size: 16px; border-bottom: 1px solid #dad9d7; position: relative; }
.freeEvolution .oemfree li:before { content:"\f00c"; font-family: FontAwesome; position: absolute; left: -30px; top: 4px; }
.freeEvolution .oemfree a.global-btn { margin: 16px 0 40px 0; }

.locationColor { border: 1px solid #c7d7e3; padding: 1em; border-radius: 14px; box-shadow: 0 0 12px -4px #b9cbd8; }
.locationColor div { display: flex; align-items: center;padding: 0; margin-bottom: 10px; color: #4d4c51; font-size: 1em; }
.locationColor div:last-child { margin-bottom: 0; }
.locationColor div p { width: 100%; margin: 0; padding: 0; }
.locationColor div span { display: block; margin-right: 10px; width: 40px; height: 30px; background: #0374c4; }
.locationColor div:nth-child(2n) span { background: #03b1ee; }
.locationColor div:nth-child(3n) span { background: #dde0e1; }


.rackstack .rackservices { margin: 50px 0 0 0; }
.rackservices h3 { border-bottom: 2px solid #666; padding: 0 0 20px 0; }
.rackservices ul { margin: 45px 0 50px 33px; }
.rackservices ul li { font-size: 16px; }
.rackservices ul li span { color: #3388df; font-weight: 600; font-size: 18px; display: block; position: relative; }
.rackservices ul li span:after { content: "\f105"; color: #464646; font-family: FontAwesome; position: absolute; left: -20px; top: 2px; font-size: 21px; }
.rackservices ul li span:before { content: ''; position: absolute; top: 13px; height: 2px; background: #464646; left: -27px; width: 11px; }

.manufacturing ul.oem-ser { background: url(../images/oem-services.jpg) left top no-repeat; height: 277px;  }
.manufacturing ul.oem-ser li:first-child { padding-top: 27px; }
.manufacturing ul.oem-ser li { padding:5px 0 5px 155px; }

#content .content ul.list li { position: relative; padding: 0 0 0 15px; color: #3c3c3c; line-height: 20px; font-size: 14px; }
#content .content ul.list li:before { background: #434343; content: ""; height: 5px; left: 0; position: absolute; top: 6px; width: 5px; }

.integration-page .imgbox p { padding: 10px 10px 10px 10px;background-color: #e9eaec; }
.integration-page .links ul { margin: 20px 0; }

/* Team Page */
#content .team-page h4 { margin: 5px 0 10px 0; }

/* storage Page */
.storgae .storage-products .block a { padding: 20px 10px; display: block; background: #fff; border-radius:6px; }
.storgae .storage-products a:hover { box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.1); }
.storgae .storage-products h5 { margin: 20px 0 10px 0; color: #3388df; font-size: 19px; font-weight: 400; }
.storgae .storage-products .block { text-align: center; margin: 0 0 30px 0; }
.storgae .storage-products .block p { font-size: 16px; color: #707070; }
.storgae .storage-products .block .btn { padding: 10px 15px; border: 1px solid #fff; color: #fff; text-transform: uppercase; background: #3388df; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.storgae .storage-products a:hover .block .btn { background: none; border: 1px solid #1b64b2; }

/* Contact Page */
.page-node-918 h1 { display:none; }
.contact-office { padding: 30px 0; background: #f2f2f2; }
.contact-office li a { color: #3c3c3c; font-size: 14px; }
.contact-office a:hover { color: #3388df; }
.contact-office img { border: 5px solid #fff; box-shadow: 0 5px 5px 5px #ededed; }
#content .contact-office h4 { font-size: 24px; font-weight: 600; color: #3388df; margin: 0; }
.contact-office h5 { font-size: 20px; font-weight: 600; padding:60px 0 20px 0; }
.contact-office address { font-size: 14px; color: #3c3c3c; }
.contact-office address strong { font-size: 16px; font-weight: 600; }
.contact-office address ul { padding: 20px 0 0 0;}
.contact-office address li { color: #3c3c3c; font-size: 14px; line-height: 20px; }
.sales-support { padding: 10px 0 30px 0; }
#content .sales-support h4 { text-align:center; color: #3388df; font-weight: 600; font-size: 24px; margin-bottom: 30px; }
.sales-support .inner { border: 1px solid #ebebeb; min-height:225px; padding: 0 0 20px 0; overflow:hidden; margin-bottom: 20px; transition: 0.3s all; }
.sales-support .inner:hover { box-shadow: 0 3px 3px 3px #ededed; transition: 0.3s all; }
.sales-support .col-md-6 { padding: 0 10px; }
.sales-support .heading { background: #ededed; padding: 10px 10px; clear: both; display: block; overflow: hidden; }
.sales-support .heading p { font-size: 16px; font-weight: 600; padding:0; margin:0; }
.sales-support .heading p i { margin-right: 7px; border: 1px solid #3c3c3c; padding: 5px; text-align:center; border-radius: 50%; }
.sales-support .heading p:first-child { font-size: 18px; font-weight: 600; } 
.sales-support .heading p a { font-weight: 400; font-size: 14px; color: #3c3c3c; }
.sales-support ul li a { color: #3c3c3c; font-size: 13px; }
.sales-support a:hover { color: #3388df; }
.sales-support .detail span { min-height: 53px; color: #3c3c3c; display:block; font-size: 13px; padding: 10px 0 5px 0; }
.sales-support li i { margin: 0 7px 0 0; }
.contact-support { background: #3388df; padding:20px 0; }
.contact-support p { color: #fff; font-size: 20px; font-weight: 600; }

/* Support Page */
.contact-section.support .detail i.custom { display: table; }
.contact-section.support .detail i span { display: table-cell; vertical-align: middle; }
.contact-section.support .detail i span img { margin: 0 auto; }
.contact-section.support .detail:hover i { background: none; }
.contact-section.support .detail h6 span { display: block; }
.customer-success { background: url(../images/customer-success-bg.jpg) center center no-repeat; background-size: cover; padding: 30px 0; }
.contact-section.support .detail button { background: none; border:0; border-radius: 5px; padding: 10px 30px; color: #333; }
.contact-section.support .detail button i { margin: 0 0 0 10px; color: #333; }
.moreinfo ul {}
.moreinfo ul li a { padding: 5px 0; color: #333; }
.moreinfo ul li a:hover { color: #3276bb; }
.customer-success .point { padding: 25px 0; border-bottom: 1px solid #757575; }
.customer-success .point:last-child { border: 0; }
.customer-success .point span { padding: 0 4%; margin: 10px 0 0 0; text-align:center; color: #455258; display:block; font-size: 16px; text-transform: uppercase; }
#content .customer-success h4 { font-weight: 600; color: #434343; font-size: 25px; margin: 0 0 40px 0; }
.customer-success .cust-success span:first-child { color: #000; font-weight: 600; text-transform: uppercase; font-size: 22px; background: #AED153; padding: 15px 20px; position: absolute; bottom:6%; left:25%; border-radius: 5px 5px 20px 5px; }
.customer-success .cust-success span:nth-child(2) { color: #fff; font-weight: 600; text-transform: uppercase; font-size: 22px; background: #AED153; padding: 15px 20px; position: absolute; bottom:8%; left:51%; border-radius: 5px 5px 20px 5px; }
.customer-success .cust-success { border-right: 1px solid #757575; border-left: 1px solid #757575; padding-top: 60px 0 0 0; }
.support-dec { padding: 0 0 30px 0; }
.support-dec .text.border ul.list { margin-bottom: 55px; }
.support-dec .text { margin: 30px 0 20px 0; }
.support-dec .text p { margin-bottom: 20px; }
.support-dec .text.border { border-right: 1px solid #d3d3d3; }
.get-answer { overflow:hidden; padding: 37px 0 64px 45px; }
.repair-desk { min-height: 310px; background: #f2f2f2 url(../images/repair-desk.png) right top no-repeat; overflow:hidden; }
.repair-desk .contact-repair h6 { font-size: 20px; font-weight: 600; margin-bottom: 20px; }
.repair-desk .contact-repair { padding: 90px 0 0 0; color: #3c3c3c; }
.repair-desk .contact-repair ul li { position: relative; color: #3c3c3c; padding: 0 0 0 10px; }
.repair-desk .contact-repair ul li:before { position: absolute; left: 0; top: -2px; color: #3c3c3c; content: '\f0da'; font-family: FontAwesome; }
.get-answer a { display:block; position:relative; color: #3c3c3c; font-size: 14px; padding: 10px 0 0 76px; }
.get-answer a span { width: 65px; height: 65px; text-align:center; position:absolute; left: 0; top:0; background: #3388df; border-radius: 50%; }
.get-answer a span i { position:absolute; top:50%; transform: translateY(-50%); left:0; right:0; font-size: 25px; color: #fff; }
.get-answer a span i.mouse { font-size: 6px; transform: translateY(-78%); }
.get-answer a strong { font-weight: 600; font-size: 16px; }
.support-warrenty-txt { margin: 0 0 20px 0; background: #f2f2f2; padding: 20px 10px 10px 10px; text-align:center; }
.support-warrenty-txt p{ font-size: 13px; line-height: 20px; }
.support-warrenty-txt p a { color: #3388df; text-decoration: underline; }
.support-warrenty-txt p a:hover { text-decoration: none; }
.moreinfo a.btn { background: #dfdfdf; color: #000; padding: 5px 20px; border-radius: 50px; transition: all 0.5s; }
.moreinfo a.btn i { margin: 0 0 0 10px; }

/* servers Page */
.servers-page .shortview p { color: #3c3c3c; }
.intel-server { background: #f2f2f2; }
.products_links { padding: 10px 0 20px 0; }
.products_links .server-class { width: 16%; display: inline-block; padding: 0 5px; border-radius:5px; text-align: center; }
.amd-server .products_links .server-class { width: 19.666%; border: 1px solid #f2f2f2; }
.products_links .server-class .inner { background: #fff; padding: 15px 0; transition: 0.3s all; }
.amd-server .products_links .server-class { border: 1px solid #f2f2f2; }
.products_links .server-class .inner:hover { box-shadow:0 7px 21px 0 rgba(0,0,0,.1); transition: 0.3s all; }
.products_links .server-class h6 { font-size: #3c3c3cl; font-size: 16px; font-weight: 600; }
.products_links .server-class span.business { font-size: #666666; font-size: 13px; display: inline-block; background: #f2f2f2; margin-bottom: 25px; padding: 5px 7px; border-radius: 5px; }
.products_links .server-class span.size { color: #3388df; font-size: 16px; display: block; margin-bottom: 15px; }
.products_links .server-class span.socket { font-size: #3c3c3c; font-size: 16px; display: block; min-height: 51px; }
.products_links .server-class a.config { position:relative; background: #AED153; text-transform: uppercase; border-radius: 5px; color: #fff; display: inline-block; padding: 10px 48px 10px 21px; }
.products_links .server-class a.config i { position:absolute; right: 12px; top: 9px; width: 24px; height: 23px; background: url(../images/check-icon.png) left top no-repeat; }


/* EPYC Page */
.amd-form {  background: url(../images/epyc-form-bg.jpg) center top no-repeat; padding: 50px 0; background-size: 100% 100%; }
.epyc-server { padding:10px 0 20px 0; background: url(../images/epyc-server-bg.jpg) center center no-repeat;}
#content .epyc-server h4 { color: #fff; font-size: 24px; margin-bottom: 25px; }
.epyc-server .server-class { width: 20%; }
.epyc-server .inner:hover { transform: scale(1.1); }
.epyc form textarea {min-height: 76px;}
.epyc .form-submit:hover { background-color: transparent; color: #AED153; border: 1px solid #AED153; transition: 0.3s all; }
.epyc .form-submit { text-transform: uppercase; background-color: #AED153; border: 1px solid transparent; color: #fff;
    margin-top: 14px; padding: 11px 53px;transition: 0.3s all; font-size: 14px; }
.epyc .amd-form h2 { text-align: center; padding: 20px 0 7px 0; margin: 0; font-weight: 400; font-size: 26px; color: #919fac; display: block; position: relative; }
contact-form .form { padding: 20px 10px; overflow: hidden; }
.epyc-server.bluebg { padding: 30px 0 50px 0; background: #3db0e7; }
#content .epyc-server.bluebg h4 { margin-bottom: 45px; }
.iron-benefits { padding: 50px 0 30px 0; }
#content .iron-benefits h4 { text-align: center; font-size: 24px; font-weight: 700; color: #58595b; margin: 0 0 50px 0; }
#content .epyc-server-scroll h4 { text-align: center; font-size: 24px; font-weight: 700; color: #58595b; margin: 0 0 25px 0; }
.iron-benefits h6 { color: #58595b; font-size: 16px; font-weight: 600; margin: 8px 0 15px 0; }
.iron-benefits p { color: #a2a2a2; font-size: 13px; }
.iron-benefits .benefits-list { margin-bottom: 30px; }
.epyc-server-scroll .products_links { width: 80%; margin: 0 auto; }
.epyc-server-scroll { padding: 0 0 50px 0; }
.amd-server.epyc-server-scroll .products_links .server-class {width: 283px; border: none; margin: 25px 26px 25px 0; }
.epyc-server-scroll .products_links .server-class .inner { padding: 45px 0 0 0; background: #f0f0f7; min-height: 307px; box-shadow:0 2px 8px 0 rgba(0,0,0,.2); }
.epyc-server-scroll .products_links .server-class { margin: 0 9px; }
.products_links .server-class span.socket { white-space: normal; }
.innerscroll::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #f2f2f2;
	height: 12px;
}
.innerscroll::-webkit-scrollbar
{
	background-color: #F5F5F5;
	height: 12px;
}

.innerscroll::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(212,212,212,1);
	background-color: #d4d4d7;
	height: 12px;
}

[data-scrollable] {
    overflow: hidden;
    position: relative;
}

[data-scrollable-inner] {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    position: relative;
}

.epyc-solution { padding: 0 0 30px 0; }
.epyc-solution ul { padding: 0 0 0 30px;}
.epyc-solution ul li { font-weight: 700; font-size: 16px; color: #58595b;padding: 0px 0 25px 70px; }
.epyc-solution ul li.first { background: url(../images/landing/epyc-ico-1.png) left top no-repeat; }
.epyc-solution ul li.second { background: url(../images/landing/epyc-ico-2.png) left top no-repeat; }
.epyc-solution ul li.third { background: url(../images/landing/epyc-ico-3.png) left top no-repeat; }
.epyc-solution ul li.fourth { background: url(../images/landing/epyc-ico-4.png) left top no-repeat; }
.epyc-solution ul li span { display: block; color: #a2a2a2; font-size: 12px; line-height: 21px; }

.bannerform { width: 80%; margin: 0 auto; }
.contact-form h2:after { height: 1px; background: #b6b6b6; width: 100%; content: ''; position: absolute; bottom: 0; left: 0; position: absolute; }
/*.contact-form label:after { content: '*'; color: Red; font-size: 11px; position: relative; top: -5px; left: 2px; }*/
.contact-form .form-control { border: 1px solid #ddd; border-radius: 2px; border-radius: 0; }
.contact-form textarea.form-control { height: 120px; border: 1px solid #ddd; border-radius: 2px; resize: none; padding: 12px; }
.contact-form input[type="submit"] { text-transform: uppercase; background-color: #AED153; border: 1px solid transparent; color: #fff; margin:14px 0 0 166px;
    padding: 11px 53px; transition: 0.3s all; font-size: 14px; }
.contact-form .form-btn { margin-top: 10px; }.contact-form.home .form { background:none; }
.contact-form.home input[type="text"], .contact-form.home input[type="email"], .contact-form.home input[type="tel"] { padding: 0 15px; border-color: #a9aaac!important; }
.contact-form.home textarea.form-control { height: 95px; }
.contact-form.inner textarea { border-color: #3e8cc8!important; }.contact-form.inner .form { padding: 10px 10px 20px 10px; }
.buttonform { width: 100%; margin: 0;text-transform: uppercase; padding: 10px 0;background: #339dea; font-weight: 600; font-size: 16px; text-align: center; color: #fff; color: #fff; border-radius: 4px 4px 0 0; border: 0; }
.contact-form input[type="submit"]:hover {background-color: transparent; color: #AED153; border: 1px solid #AED153; transition: 0.3s all; }
.contact-form { border: 1px solid #e1e1e1; }
#contactBox form { background: #fff; padding: 20px 0 20px 0; }
#contactBox form .col-md-2 { color: #434343; font-weight: 600; }
.contact-form button i { -webkit-animation-name: bounce; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 4s; /* Safari 4.0 - 8.0 */
    animation-name: bounce;
    animation-duration: 4s;}

.contact-form.onapp { border: 0; }
.contact-form.onapp button {  width: 60px; background: none;
    height: 60px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid #777;
    border-radius: 50%;
    float: none;
    display: inline-block; -webkit-animation-name: bounce; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation: bounce 2s infinite; font-size: 60px; }
.contact-form.onapp button i {  font-weight: 600; animation: none; }
.contact-form.onapp input[type="submit"] { margin-left: 0; }
.contact-form.onapp form {border: 1px solid #e1e1e1; width: 62%; margin: 20px auto 0; }
.contact-form.onapp form:hover { box-shadow: 0 7px 21px 0 rgba(0,0,0,.1); transition: 0.3s all; }
.contact-form.onapp #contactBox form { padding: 32px 0 30px 0; }
.contact-form.onapp .fa-angle-up { margin-top: -10px;}

.epyc-solution-banner .bannerform { width: 50%; margin: 20px auto 30px auto; }
.epyc-solution-banner .buttonform { background:  rgba(38, 38, 38, 0.9); overflow: hidden; border: 2px solid #dde4e9; }
.epyc-solution-banner .contact-form button i { margin-left: 5px;}
.epyc-solution-banner .contact-form { border: none; }
.epyc-solution-banner .contact-form input[type="submit"] { margin-left: 0; }
.epyc-solution .global-btn.blue-border { border-color: #3db0e7; color: #3db0e7; }
.epyc-solution .global-btn.blue-border:hover { background: #3db0e7; color: #fff; }

/* EPYC Page end */
.intel-server h3 { color: #3388df; font-size: 1.4em; font-weight: 400; }
.amd-server h3 { color: #3388df; font-size: 1.4em; font-weight: 400; }
.amd-server { background: #fff; }
.amd-server.inner { background: #f2f2f2; }
.servers-page .shortview { padding: 50px 0; }
.servers-page .shortview .figure { margin: 55px 0 0 0; }
.servers-page button i { margin: 0 0 0 5px; }

.servers-page table, .servers-page table th { text-align: center; }
.servers-page table th span { display: block; color: #fff; }
.servers-page table td { color: #fff; }

/* Products Listing Css */
.pro-list li.views-row { position: relative; background: #fff; padding-bottom: 14px; text-align:left; float: left; width: 23.6%; margin: 0 20px 20px 0!important; border: 1px solid #ededed; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; transition: 0.3s all; }
.pro-list li.views-row span.new { position: absolute; right: 0; top: 50px; background: #f30a20; padding: 2px 7px; color: #fff; font-size: 12px; z-index: 55; }
.pro-list li.views-row span.new.coming { background: #a8a8a9; padding: 2px 7px; }
.pro-list li.views-row:hover { box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.1); transition: 0.3s all; }
.pro-list li.views-row:nth-child(4n+4) { margin-right:0!important; }

.pro-list li.views-row img { margin: 0 auto; display:block; }
.views-field-field-disk, .views-field-field-lan, .views-field-field-pcie, .views-field-field-cpu-included, .views-field-field-cpu-support, .views-field-field-chipset-support, .views-field-field-memory-included, .views-field-field-memory-support, .views-field-field-feature, .views-field-field-supermicro-sku, .views-field-field-feature-1, .views-field-field-feature-2, .views-field-field-feature-3, .views-field-field-superserver, .views-field-field-motherboard, .views-field-field-chassis, .views-field-field-storage-con, .views-field-field-cap-label, .views-field-field-cap, .views-field-field-internal-storage, .views-field-field-hard-raid, .views-field-field-ext-port { background-color: #fff; color: #575757; background-image: url(../images/servers-icons.png); background-repeat: no-repeat; padding: 2px 0 2px 30px; font-size: 13px; font-weight: 400; position:relative;  }
.views-field-view-node { padding: 10px 0; }
.views-field.views-field-view-node span { display: inline; }
.views-field-view-node a, .views-field.views-field-field-customize a.open-contact { cursor: pointer; position:relative; transition: 0.3s all; display: block; width: 35%; padding: 10px 0; margin: 0 auto; border-radius: 5px; background: #3388df; font-size: 14px; text-align: center; color: #fff; border: solid 1px transparent; }
.views-field-view-node a:hover, .views-field.views-field-field-customize a.open-contact:hover { color: #3388df; background: transparent; border: solid 1px #3388df; transition: 0.3s all; }
.views-field-view-node-1, .views-field-field-productname-1 { padding: 20px 0 0 20px; color: #000; font-size: 18px; font-weight: 600; }
.views-field-view-node-1 a, .views-field-field-productname-1 a { color: #434343; }
.views-field-field-product-rack-density { padding: 5px 10px 0 20px; color: #000; font-size: 14px; background: none!important; }
.view-id-storage_raid { min-height: 53px; padding: 5px 10px 0 20px; }
.views-field-field-top-image { position: relative; }
.views-field-field-top-image:before { position: absolute; height: 30px; display: block; bottom:0; left:0; width: 100%; box-shadow: inset 0 -10px 11px -5px #e4e4e4; }
.views-field-field-disk, .views-field-field-hard-raid, .views-field-field-internal-storage, .views-field-field-cap { background-position: 5px 7px; }
.views-field-field-lan { background-position: 5px -55px; }
.views-field-field-pcie { background-position: 5px -86px; }
.views-field-field-cpu-included, .views-field-field-cpu-support { background-position: 5px -116px; }
.views-field-field-chipset-support { background-position: 5px -151px; }
.views-field-field-memory-included, .views-field-field-memory-support { background-position: 5px -183px; }
.views-field-field-feature-1, .views-field-field-feature-2, .views-field-field-feature-3 { background-position: 5px -214px; }
.views-field-field-superserver { background-position: 5px -245px; }
.views-field-field-motherboard { background-position: 5px -276px; clear: both; }
.views-field-field-chassis { background-position: 5px -307px; }
.views-field-field-feature { background-image: none; padding: 0; }
.views-field-field-feature ul { margin: 0; }
.views-field-field-feature ul li{ padding: 2px 0 2px 30px; background-image: url(../images/servers-icons.png); background-position: 5px -212px; background-repeat: no-repeat; }
.field-name-field-customize a.open-contact { border: solid 1px transparent; border-radius: 4px; display: inline-block; color: #fff; padding: 11px 31px; margin-top: 15px; margin-bottom: 20px; background: #AED153; }
.field-name-field-customize a.open-contact:hover { border: solid 1px #AED153; background-color: transparent; color: #AED153; background: transparent; }
.item-list .views-field:nth-child(2n+0) { background-color: #f8f8f8; }
span.views-label-field-superserver, span.views-label-field-motherboard, span.views-label-field-chassis { font-weight: 600; float: left; margin-right: 4px; }
.page-products .main, .page-node-961 .main, .page-node-960 .main, .page-node-959 .main, .productsPages, .productsPages .content.full { /*background: url(../images/iron-bg.png) center bottom no-repeat;*/ background-color: #f1f3f6; }
.page-node-743 .main, .page-node-907 .main { background-color: #f1f3f6; }
.page-products .views-row, .node-type-landingpage .views-row  { background: #fff; border-radius: 10px; }
.views-field-field-ext-port { background-position: 5px -337px; }

/* Products Foot Notes */
.view sup, .footNotes sup { font-weight: bold; color: #fe7211; }
.footNotes { margin-bottom: 20px; }
.footNotes ul { margin: 0; }
.footNotes li { background: #fff; padding: 0.7%; border-left: 2px solid #fe7211; color: #fe7211; margin: 0 0 5px 0; border-radius: 7px; }
/* Products Foot Notes */


/* AMD class Products */
.item-list ul:first-child { display: flex; flex-direction: row; flex-wrap: wrap; }
.productDetail h5 { font-size: 14px; padding: 3px 10px; margin: 5px; position: relative; border-bottom: 1px solid #ccc; margin: 0 0px 7px 0; background: #ececec; }
.productDetail ul { margin-bottom: 7px; }
.productDetail ul li { padding: 0 0 4px 8px; background: none!important; position: relative; margin: 0 0 0 10px!important; line-height: 18px; }
.productDetail ul li:after { content: ''; position: absolute; left: 0; top: 7px; background: #626262; width: 4px; height: 4px; }
/* AMD class Products */

/* Products inner detail Css */
#block-system-main .field-name-field-top-image { float:left; width: 35%; }
#block-system-main .field-name-field-top-image .field-items { margin: 50px 0 0 0; }
#block-system-main .field-name-field-top-image img { display: block; margin: 0 auto; }
#block-system-main .field-type-text-long, #block-system-main .field-name-field-productname{ width: 65%; display: inline-block; }
#block-system-main .field-name-field-productname { font-size: 1.3em; font-weight: 600; color: #434343; }
#block-system-main .field-type-text-long ul { margin: 20px 0 0 0; }
#block-system-main .field-type-text-long ul li { padding: 0 0 0 15px; font-size: 14px; line-height: 22px; color: #434343; position:relative; }
#block-system-main .field-type-text-long ul li:before { content: ''; width: 6px; height: 6px; background: #434343; top: 8px; left: 0; position:absolute; }

/* Products inner detail tabs Css */
.feature-block { padding: 20px 0; border-bottom: 1px solid #d9d9d9; }
.feature-block:last-child { border: none; }
ul.quicktabs-tabs.quicktabs-style-basic { margin-left: -8px; }
#content .feature-block h4 { margin: 0 0 15px 0; color: #4794d9; text-transform: uppercase; font-size: 1.1em; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li.active a:before { background: none; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li a { padding: 55px 44px 10px 44px; background-image: url(../images/products-tab-icons.png); background-repeat: no-repeat; background-position: center 13px; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li:nth-child(2) a { background-position: center -64px; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li:nth-child(3) a { background-position: center -141px; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li:nth-child(4) a { background-position: center -222px; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li:nth-child(5) a { background-position: center -398px; }
body.node-type-products ul.quicktabs-tabs.quicktabs-style-basic li:nth-child(6) a { background-position: center -484px; }
body.node-type-products #content h3 { margin-bottom: 15px; }
body.node-type-products .quicktabs-wrapper ul.quicktabs-tabs li a:before { display: none; }

.webform-datepicker { display: flex; align-items: center; }
.webform-datepicker .form-item { width: 100%; }
.webform-datepicker .form-item select { margin: 0; }
#node-923 .field-item, #node-1050 .field-item { text-align: center; }
#node-923 .field-item h4, .productform h4, #node-1050 .field-item h4 { font-weight: 600; color: #333; font-size: 25px; margin-top: 0; }
#block-webform-client-block-923, .productform, #block-webform-client-block-1050 { padding: 45px 0 20px 0; min-height: 295px; position: relative; z-index: 55; background: #fff url(../images/contact-map-bg.png) top center no-repeat; }
.productform .container { padding: 0; }
.inner-pages #block-webform-client-block-923, .inner-pages #block-webform-client-block-1050 { padding: 0; }
#node-923.node-webform .content, #node-1050.node-webform .content { max-width: 1170px; margin: 0 auto; }
#block-webform-client-block-923 h2, #block-webform-client-block-1050 h2 { display: none; }
#block-webform-client-block-923 p, #block-webform-client-block-1050 p { color: #333; }
#block-webform-client-block-923 .captcha, .captcha.html, #block-webform-client-block-1050 .captcha { width: 27%; overflow:hidden; float:left; padding: 13px 0 0; display: block; }
#block-webform-client-block-923 textarea, .productform textarea, #block-webform-client-block-1050 textarea { min-height: 76px; }
#block-webform-client-block-923 .webform-submit, .productform .submit-btn, #block-webform-client-block-1050 .webform-submit { border-radius: 30px; background-color: #fff; border: 1px solid #000; color: #333; margin-top: 14px; padding: 11px 53px; transition: 0.3s all; font-size: 14px; }
#block-webform-client-block-923 .webform-submit:hover, .productform .submit-btn:hover, #block-webform-client-block-1050 .webform-submit:hover { background-color: #333; color: #AED153; border: 1px solid #AED153; transition: 0.3s all; }
#cerror { opacity: 0; display: none; transition: 0.3s all; padding: 8px 35px 8px 14px; background-color: #f2dede; border-color: #eed3d7; color: #b94a48; }
#cerror.cactive { opacity: 1; display: block; transition: 0.3s all; }

/*Dell Oem pages css*/
.dell-oem-blocks { padding: 15px 0 45px 0; }
.dell-oem-blocks p { color: #3c3c3c; font-size: 14px; line-height: 22px; }
.dell-oem-blocks .col-md-4 { position:relative; }
.dell-oem-blocks .col-md-4:after { position:absolute; content:''; position:absolute; right: 0; top:0; height:100%; display:block; background: #ccc; width: 1px; }
.dell-oem-blocks .col-md-4:last-child:after { width:0; }
.oem-relative-links { background: #f2f2f2; padding: 10px 0 40px 0; }
#content .dell-oem h4 { color: #3c3c3c; font-size: 1.5em; font-weight: 600; margin-bottom: 25px;  }
#content .oem-relative-links h4 { margin-bottom: 36px;  }
.oem-relative-links .related { border-radius: 8px; background: #fff; padding: 12px 12px; }
.oem-relative-links .related h6 { font-weight: 600; }
.oem-relative-links .related ul { list-style: none; text-align: left; margin:0; padding: 0 0 0 10px; }
.oem-relative-links .links:first-child ul { border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 0 0 10px 0; }
.oem-relative-links .related ul li { list-style: none; display: inline-block; width: 31%; }
.oem-relative-links .related ul li a { color: #3c3c3c; font-size: 12px; padding: 0 0 0 10px; position:relative; }
.oem-relative-links .related ul li a:before { position: absolute; left: 0; top:-3px; color: #3c3c3c; content: '\f0da'; font-family:FontAwesome; }
.oem-relative-links .related ul li a:hover { color: #AED153; }
.expertise { background: url(../images/oem7-bg.jpg) center center no-repeat fixed; background-size: cover; padding-top: 50px; padding-bottom: 50px; text-align: center; }
.expertise.global-supply-chain { background: url(../images/why-choose-supply-bg.jpg) top center no-repeat fixed; background-size: cover; }
#content .expertise h3 { font-size: 31px; font-weight: bold; color: #fff; margin: 10px 0 40px 0; }
.expertise h3 { font-size: 31px; font-weight: bold; color: #fff; margin: 10px 0 40px 0; }
#content .support-portal.expertise h3 { margin-bottom: 20px; }
.expertise .tick-content p { font-size: 16px; font-weight: normal; color: #fff; padding-bottom: 0px; }
.support-portal.expertise .tick-content { padding: 15px 0 20px 0; }
.expertise .tick-content span { background-image: url(../images/green-tick.png); background-repeat: no-repeat !important; background-position: 0px .8em; margin: 0; padding: 11px 0px 0px 35px; }
.expertise.support-portal { background: url(../images/support-portal-bg.jpg) center center no-repeat fixed; background-size: cover; padding-top: 30px; padding-bottom: 20px; text-align: center; }
.support-portal p { color: #fff; } 
.expertise .global-btn { overflow: hidden; position: relative; margin: 15px 0 0 0; }
.expertise .global-btn:hover { color: #fff; }
.global-btn.white-border:hover { background: none;}
.expertise .global-btn:before {
  content: "Contact Us";
  width: 100%;
  height: 100%;
  background: #fff;
  position: absolute;
  left: -100%;
  top: 0;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  transition: 0.2s all; z-index: 99;
}

.expertise .global-btn:hover:before {
  left: 0;
  transition: 0.4s all;
}
.expertise .global-btn span, .expertise a.global-btn:after { transform: scale(1); display: inline-block; transition: 0.3s all; }
.expertise .global-btn:hover span, .expertise a.global-btn:hover:after { transform: scale(0.5); display: inline-block; transition: 0.3s all; }




.oem-engineer { padding: 0 0 30px 0; }
.oem-engineer p { color: #3c3c3c; }
.engineer-graphic p { font-size: 20px; width: 65%; margin: 15px auto 25px auto; }
.complete-config { background: #f2f2f2; padding: 0 0 20px 0; }
.complete-config h5 { text-transform: none; }
#content .dell-oem .complete-config h4 { margin-bottom: 10px; }
.custom-blocks { padding: 20px 0 0 0; }
.custom-blocks p { margin: 35px auto 0 auto; width: 77%; color: #434343; font-size: 14px; }

/*dell-oem css by kuldeep*/
.support-links ul{padding-top: 27px;}
.support-links ul li{position:relative; padding-left: 45px; padding-bottom: 20px;}
.support-links ul li a{ font-size:18px; color: #222; text-decoration: none;font-weight: 600;}
.support-links ul li:after{content:""; position: absolute; left: 0; top: 0; height: 32px; width: 32px;}
.support-links ul li:nth-child(1):after{ background: url(../images/support-detailed-contact.png) no-repeat 0 0;}
.support-links ul li:nth-child(2):after{ background: url(../images/support-detailed-contact.png) no-repeat 0 -47px;}
.support-links ul li:nth-child(3):after{ background: url(../images/support-detailed-contact.png) no-repeat 0 -90px;}
.dell-oem-video .container > .videodiv > iframe{ width:100%; height: 300px;}
.dell-oem-video .container > .videodiv {float: left;height: 376px;margin: 0 7px 0 0;padding: 0;width: 49%;}
.dell-oem-video .container > .videodiv > span {display: block;font-size: 14px;font-weight: bold;color: #3c3c3c;margin-bottom: 5px;padding: 20px 10px; border:1px solid #ccc; margin-top: -6px;max-height: 65px;}
.dell-oem-video ul { padding: 20px 0; }
.dell-oem-video ul li { padding: 0 6% 0 15px; display: inline-block; width: 41%; font-size: 16px; }

.oem-odm-contract .text-center h2 {font-size: 22px;color: #3388df;font-weight: 600;padding-top: 20px;margin-bottom: 10px;letter-spacing: 1px;}
.oem-odm-contract .text-center h5 {font-size: 15px;color: #3c3c3c;font-weight: 500;margin-bottom: 10px;text-transform: inherit;}
.oem-odm-contract.supplypage{ background: #fafafa url(../images/contact-map-bg.png) center center no-repeat; padding: 20px 0; }

.oem-odm-model{margin-top: 60px;margin-bottom: 60px;overflow: hidden;padding: 0 10px;}
.oem-odm-model ul{ margin: 0; padding: 0; position: relative;}
.oem-odm-model ul:after {position: absolute;left: 0;top: 60px;height: 7px;width:96%;background: #377bc6;content: "";}
.oem-odm-model ul li {float: left;width:20%;position: relative;margin-right: 6%;padding-top: 7%;font-size: 14px;font-weight: 600;}
.oem-odm-model ul li:nth-child(3):after{left:52.7%;}
.oem-odm-model ul li:nth-child(2):after{left: 26%;}
.oem-odm-model ul li:last-child{margin-right: 0;}
.oem-odm-model ul li > img{ position: absolute;left:0;padding: 0;top: 0;}
.oem-odm-model ul li:nth-child(2) > img{ left:17%;}
.oem-odm-model ul li:nth-child(3) > img{ left:44%;}
.oem-odm-model ul li:after{position: absolute; left: -3px; top: 56px; height: 15px; width: 15px; background: #377bc6; content: ""; border-radius: 50%;}
.oem-odm-model ul li:nth-child(4) > img{left: auto;right:-2%;top: 5%;}
.oem-odm-model ul li:nth-child(4):after {left:87%;}

.dell-oem-partner{ margin-bottom: 50px;}
#content .dell-oem-partner h4{font-size: 22px;margin-bottom: 35px;margin-top: 60px;}
.dell-oem-partner .partner-detail{ position: relative;}
.dell-oem-partner .partner-detail > img{ position: absolute;right: 0;z-index: 1;top: 40px;}
.dell-oem-partner .partner-detail .listcontent{float: left;background: #377bc6;padding: 10px;border-radius: 10px;width: 63%;}
.dell-oem-partner .partner-detail .listcontent ul{ margin:10px 30px;}
.dell-oem-partner .partner-detail .listcontent ul li{ font-size: 13px;color: #fff;position: relative;padding-bottom: 5px;font-weight: 500;}
.dell-oem-partner .partner-detail .listcontent ul li:after{ content: '\25ba';position: absolute;left: -2%;top: -2%;font-size: 9px;}
.customize-contnet .customize-servers{ position:relative;}
.customize-contnet .customize-servers .cust-adv { position: absolute; right: 6%;top: 18%; background: #4794d9;padding: 15px 10px;border-radius: 10px;width: 440px;height: 150px;}
.customize-contnet .customize-servers .cust-adv .service{ display:block; text-align:center; color: #ddeafa;font-size: 23px;font-style: italic;font-weight: 500;}
.customize-contnet .customize-servers p{color:#fff; font-size: 15px; text-align: center;}
.customize-contnet .customize-servers p span{color: #fff;font-size: 22px;display: block;font-weight: 800;text-transform: uppercase;text-align: center;padding: 15px 0 3px;}
.customize-contnet .customize-servers p strong{color: #fff;font-size: 16px;text-align: left;}
.customize-contnet .text strong{font-size: 16px;font-weight: 600;display: block;margin: 0 0 20px;}
.customize-contnet .text p{font-size: 14.8px;margin-bottom: 50px;}

/*OEM Hardware platform */
.hardware-platform-table tr.color { background: #eff3f7; border: 1px solid #d9d9d9; }
.hardware-platform-table table tr:last-child { border-bottom: 1px solid #c6c6c6; }
.hardware-platform-table tr.color td { border: 0; }
.hardware-platform-table td { border-right: 1px solid #c6c6c6; }
.hardware-platform-table td.border-no-right { border: 0; }
.hardware-platform-table td.gray-bg { background: #f1f5f6; }
#content .hardware-platform-table h4 {color: #3c3c3c; font-size: 1.5em; font-weight: 600; }
.hardware-platform-table span { font-weight: 400; }
.hardware-platform-table td.orange { background: #AED153; color: #fff; font-size: 16px; }
.hardware-platform-table tr.blue-bg { background: #377bc6; color: #fff; }
.hardware-platform-table tr h5 { color: #fff; margin: 0; padding: 5px 0; }
.dell-12g { padding: 25px 0; background: #f1f3f6; }
#node-942 .field-type-text-with-summary .dell-12g { background: none; }
.dell-12g .hardware-block { padding: 20px 0; }
.dell-12g .hardware-block a { background: #fff; min-height: 313px; border: 1px solid #ccc; border-radius: 7px; display: block; padding: 20px; text-align: center; transition: 0.3s all; }
.dell-12g .hardware-block a:hover { box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.1); transition: 0.3s all; }
.dell-12g .hardware-block a:hover span { color: #377bc6; }
.dell-12g .hardware-block a span { color: #434343; font-weight: 600; font-size: 1.3em; margin: 20px 0 10px 0; display:block; }
.dell-12g .hardware-block p { font-size: 14px; }
.dell-solution-cta { background: #AED153; padding: 15px 0;}
.dell-solution-cta a { color: #fff; font-size: 24px; margin: 20px 0 0 0; }
.dell-oem-video.solution { padding: 30px 0; }
.dell-solution-cta .col-md-9 {  padding-top: 3px; border-left: 1px solid #fff; padding-bottom: 26px; }
.dell-solution-cta .col-md-9 a:first-child:hover { color: #fff; text-decoration: underline; }
.dell-solution-cta .global-btn { margin-left: 127px; }
.dell-solution-cta .global-btn:hover { color: #434343; border-color: #434343; }
.dell-solution-cta .global-btn:hover:after { color: #434343; }
.hardware-block ul.list li { margin: 0; color: #434343; }
.dell-oem.oem-integration .hardware-block .text { text-align: left; }
.dell-12g .hardware-block a {min-height: 342px;position: relative;overflow: hidden;margin-bottom: 20px;}
#node-931 .dell-12g .hardware-block a {min-height: 512px;}
.dell-12g .col-md-3 { padding: 0 10px;}
.dell-12g.market .hardware-block a  { height: 360px; margin-bottom: 20px; }
.dell-12g .hardware-block a .contacthover { opacity:0; transition: 0.3s all; background: #fff; box-shadow:0 4px 9px 2px #999; position: absolute; bottom: -100px; left: 0; width: 100%; padding: 10px 0; text-align:center; z-index:40; }
.dell-12g .hardware-block a:hover .contacthover { bottom:0; opacity: 1; transition: 0.3s all; }
.dell-12g .hardware-block a .contacthover span { width: 70%; font-size: 14px; color:#333; margin: 0 auto; }
.dell-12g .hardware-block a .contacthover span:hover { color: #AED153!important; }
.dell-12g.market .text { text-align: left; }
#content .content .dell-12g ul.list li { line-height: 22px;}
.dell-oem.oem-integration.dell-hardware .dell-12g .hardware-block a { min-height: 380px; }
.about-iron { padding: 20px 0 40px 0; }

/* services List page css */
.serviceList .inner { background: #fff; border: 1px solid #f2f2f2; border-radius: 5px; padding: 12px; margin: 0 0 10px 0; transition: 0.3s all; }
.serviceList .inner:hover { box-shadow:0 10px 10px 3px rgba(0, 0, 0, 0.1); transition: 0.3s all; }
#content .serviceList h4 { margin-top: 0; }
.serviceList .col-md-3 { padding: 0 5px; }
.serv-list-cnt.color { background: #f2f2f2; }

/* Why Choose Iron css */
.why-choose-iron {}
.focused-succ { background: #f2f2f2; padding: 0 0 30px 0; }
.focused-info .detail p { padding: 15px 0; border-bottom:1px solid #3c3c3c; text-align: left; font-weight: 600; }
.focused-info .detail { position: relative; }
.detail-block { margin: 45px 0 0 0; }
.detail-block .blocks { position: relative; width: 19%; float: left; margin-right: 1%; background: #4a94dd; padding: 0 20px; font-size: 16px; color: #fff; display: table; }
.detail-block .blocks span { display: table-cell; vertical-align: middle; height: 90px; }
.detail-block .blocks:after { position:absolute; left:50%; top:-20px; margin-left: -20px; content:'1'; text-align:center; line-height: 35px; color: #999;width: 40px; height: 40px; border-radius: 50%; background: #4a94dd; border: 3px solid #f2f2f2; color: #fff; font-weight: 600; }
.detail-block .blocks:nth-child(2):after { content: '2'; }
.detail-block .blocks:nth-child(3):after { content: '3'; }
.detail-block .blocks:nth-child(4):after { content: '4'; }
.detail-block .blocks:nth-child(5):after { content: '5'; }
.focused-info .detail-block .block:last-child { margin-right: 0; }
.live-chat-icon {position: fixed;right: 10px;bottom:100px;z-index: 999999999; transition: 0.3s all;}
.live-chat-icon a{background: url(../images/chat-img.png) no-repeat 0 0; height: 118px; width: 118px; cursor: pointer; display: inline-block; font-size: 0;}
.live-chat-icon:hover { transform:scale(1.03) translateY(-2px); transition: 0.3s all; }

/* support-programs */
.ProductWarranty{ border-bottom: 1px solid #d1d1d1; overflow: hidden;padding-bottom: 20px;margin-bottom: 20px;}
.col-content{ padding-left:45px; position: relative; }
.col-content:before {position: absolute;left: 0;top: 5px;width: 40px;height: 40px;content: "\f058";font: 300 normal normal 40px/1 FontAwesome;color: #AED153;}
.productsInfoTable .headingrow th{ background:#3276bb; color: #fff; font-size: 14px; text-align: center; border-right: 1px solid #fff;font-weight: 600;line-height: normal;
padding: 5px 10px;border: 1px solid #ddd;}
.productsInfoTable{ margin:1px;}
.productsInfoTable tr td {color: #000;font-size: 13px;text-align: center;padding: 5px 10px;border: 1px solid #ddd!important;}
.productsInfoTable tr td:first-child,.productsInfoTable .headingrow th:first-child{ text-align: left; font-weight: bold; }
.productsInfoTable tr.Titlebg td{ background:#f1f5f6; border: none;}
.productsInfoTable tr td i.fa{ color:#AED153;font-size: 25px;font-weight: 300;}.productsInfoTable tr td i.fa.gray{ color: #ccc; }
.productsInfoTable tr.even, tr.odd { background: #fff; }

.WarrantyProgram h3 span{ background: #fff; border-radius: 50%; width: 30px; height: 30px; font-size: 20px;font-size: 20px;padding: 5px 7px;}
.WarrantyProgram h3{ font-size: 20px; color: #000; position: relative;}
.WarrantyProgram{background: #f2f2f2;margin: 20px 0;}
.RecommendedDiv {clear: both;background: #fff;border: 1px solid #ccc;text-align: center;padding: 20px 80px;margin: 20px 0 40px;position: relative;top: 20px;}
.accordion p{ padding: 20px 0;}
.accordion .wBoxbg.Hardware .wbg{ margin: 0 5px;}
.accordion .wBoxbg .wbg{background: #fff;border: 1px solid #ccc; padding: 10px;min-height: 545px;}
.accordion .wBoxbg .icon-name{font-size: 18px;font-weight: 500;color: #333;text-align: center;position: relative;padding: 70px 0 30px;}
.accordion .help .icon-name:before{position: absolute;left: 40%;top: 10px;width: 60px;height: 60px; content: ""; background: url(../images/warranty-program.png) no-repeat 0 0;}
.accordion .Hardware .icon-name:before{position: absolute;left: 40%;top: 10px;width: 70px;height: 60px; content: ""; background: url(../images/warranty-program.png) no-repeat 0 -68px;}
.accordion .Terms .icon-name:before{position: absolute;left: 40%;top: 10px;width: 60px;height: 60px; content: ""; background: url(../images/warranty-program.png) no-repeat 0 -129px;}
.accordion .wBoxbg ul{}
.accordion .wBoxbg ul li{font-size: 14px;font-weight: 500;color: #333;text-align: left; padding-left: 20px; position: relative;}
.accordion .wBoxbg ul li ol{ padding-left:20px;}
.accordion .wBoxbg ul li ol li{ padding-left: 10px; list-style: none;}
.accordion .wBoxbg ul li::before {content: "\f04b";font: normal normal normal 12px/1 FontAwesome;color: #eee;position: absolute;left: 0;top: 6px;}
.WarrantyProgram .accordion{display: none;}

.WarrantyProgram h3:after{ position: absolute; top: 4px; right: -7px; width: 30px; height: 30px; content: "\f067"; color: #333; cursor: pointer;font:normal normal normal 16px/1 FontAwesome;}
.WarrantyProgram h3.minus:after{content: "\f068";}

.related-links { padding: 25px 0; background: #f2f2f2; }
.page-products .related-links, .productsPages .related-links { background: #fff!important; }
.page-node-919 .related-links, .page-node-952 .related-links, .page-node-954 .related-links, .page-node-955 .related-links, .page-node-925 .related-links, .page-node-940 .related-links { background: none; }
.page-node-930 .related-links {background: rgba(245,245,245,1);
background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(248,248,248,1) 32%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(32%, rgba(248,248,248,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(248,248,248,1) 32%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(248,248,248,1) 32%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(248,248,248,1) 32%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(248,248,248,1) 32%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#ffffff', GradientType=0 );}
#content .related-links h4 { text-align:center; font-weight: 600; color: #434343; font-size: 25px; margin: 0 0 40px 0;}
.related-links h4 { text-align:center; font-weight: 600; color: #434343; font-size: 25px; margin: 0 0 40px 0; }
.related-links ul { overflow:hidden; }
.related-links ul:last-child { border-bottom: none; }
.related-links ul li { float:left; width: 25%; padding: 0 0 0 1%; position:relative; border-bottom: 1px solid #dedede; }
.related-links ul li a { font-size: 16px; padding: 24px 0; color: #434343; display:block; position:relative; }
.related-links ul li a:after { position:absolute; opacity:0; right: 10px; top: 25px; content: '\f105'; font-family: 'FontAwesome'; font-size: 20px; transition: 0.3s all; }
.related-links ul li a:hover, .related-links ul li a:hover:after { color: #3388df; }
.related-links ul li a:hover:after { top: 25px; right: 20px; opacity: 1; transition: 0.3s all; }
.related-links ul li:before { position:absolute; right:0; top:0; height: 100%; content:''; width: 1px; background: #dedede; }
.related-links ul li:nth-child(4n+0):before { width:0; }
#content .iron-Advantage h3{font-size: 18px;font-weight: 700; margin-top: 30px;}
.iron-Advantage .col-md-9 { padding-top: 40px; }
.iron-Advantage .img-irona{padding:30px 30px 0 30px;}
.iron-works-list li{ background: url(../images/right-sign-grey.jpg) no-repeat 0 8px;padding-left: 35px;}

.wehelp-oem h2{font-size:25px; color:#2c2b2c; margin-top:30px; margin-bottom: 30px; font-weight: 600;}

.wehelp-oem{margin-top: 20px; overflow: hidden; background: #f2f2f2; }
.iconwrap .col-md-3 > div {position: relative;padding: 130px 16% 20px;text-align: center;font-size: 14px;font-weight: 600;color: #333;}
.iconwrap .col-md-3 >div:after{position: absolute;left: 26%;top: 0;height: 126px;width: 130px;content: "";}
.iconwrap .col-md-3 >div.gisf:after{background:url(../images/wehelp-oem.png) no-repeat 0 0}
.iconwrap .col-md-3 >div.eeplc:after{background:url(../images/wehelp-oem.png) no-repeat -151px 0}
.iconwrap .col-md-3 >div.csiat:after{background:url(../images/wehelp-oem.png) no-repeat -308px 0}
.iconwrap .col-md-3 >div.chids:after{background:url(../images/wehelp-oem.png) no-repeat -474px 0}

.youMayalsolkb{ padding: 50px 0; background: #eff3f7; overflow: hidden; display: none;}
.youMayalsolkb h2{ font-size: 22px; font-weight: 600; text-transform: uppercase; text-align: center; padding-bottom: 30px;margin-bottom: 0;}
.youMayalsolkb ul.linkList{ margin: 0; padding: 0;}
.youMayalsolkb ul.linkList li {float: left;width: 19%;margin: 10px 7% 5px;}
.youMayalsolkb ul.linkList li a{ font-size: 14px; color: #000;}
.youMayalsolkb ul.linkList li a:hover{color:#1b64b2;}

.content .intel606 img {max-width: inherit;}

#quicktabs-turnkey_integration .quicktabs_main .content h4 {font-size: 16px;color: #3388df;font-weight: 600;}
#quicktabs-turnkey_integration .quicktabs_main .content h4 span{ color:#3c3c3c;}
/*.integration-list h3 {font-size: 14px;margin: 20px 0 25px 0;font-weight: 600;text-transform: uppercase;color: #3c3c3c;}*/
.integration-list .col-md-3 ul li{background: url(../images/s-bulate.png) no-repeat 0px 9px; color:#3c3c3c; font-size: 14px; padding: 0 0 5px 15px;}
#content .integration-list .col-md-3 h3 {font-size: 14px;margin: 20px 0 15px 0;font-weight: 600;text-transform: uppercase;color: #3c3c3c;}
.serv-list-cnt {padding-bottom: 30px;}
.Keylist li {background: url(../images/lineArrow.png) no-repeat 20px 26px;border-bottom: 2px solid #666;color: #3c3c3c;font-size: 14px;overflow: hidden;padding: 20px 0;}
.Keylist li strong {display: block;font-size: 20px;font-weight: 600;line-height: 26px;padding: 0px 50px;color: #3c3c3c;width: 335px;text-align: left;float: left;}
.Keylist li:last-child strong{}
.Keylist li:last-child{ border-bottom:none;}
.quicktabs_main .content p {color: #3c3c3c;font-size: 13px;line-height: 22px;margin-bottom: 20px;font-weight: 500;}
.integration-list{background: url(../images/lineArrow.png) no-repeat 20px 45px; margin-bottom: 200px;}
#quicktabs-turnkey_integration .quicktabs_main .ColorList li {color: #fff;font-size: 13px;text-align: center;width: 280px;height: 100px;padding: 20px;float: left;margin-right: 5px;}
.integration-list{background: url(../images/serverwithman.png) no-repeat center bottom;padding-bottom: 775px; margin: 0;}
#quicktabs-turnkey_integration .quicktabs_main .ColorList li:nth-child(1){ background: #1b64b2}
#quicktabs-turnkey_integration .quicktabs_main .ColorList li:nth-child(2){ background: #0081d2}
#quicktabs-turnkey_integration .quicktabs_main .ColorList li:nth-child(3){ background: #00a9e0}
#quicktabs-turnkey_integration .quicktabs_main .ColorList li:nth-child(4){ background: #AED153}
.serv-list-cnt h3 a { color: #3c3c3c; margin: 20px 0 20px 9px!important; display: block; }
.serviceList .DevelopmentServices .inner {min-height:240px;}
.serviceList .SupplyChainServices .inner.mih {min-height:290px;}
.serviceList .SupplyChainServices .inner.mih2 {min-height:216px;}
.serviceList .TurnkeyIntegrationServices .inner.mih{min-height:405px;}
.serviceList .TurnkeyIntegrationServices .inner.mih2{min-height:216px;}
.serviceList .TurnkeyIntegrationServices .inner.mih3{min-height:180px;}
.serviceList .GlobalRepairSupportServices .inner.mih{min-height:430px;}
.serviceList .GlobalRepairSupportServices .inner.mih2{min-height:210px;}

.switch-content { padding: 30px 0; }
.switch-content .col-md-8 { padding: 65px 0 0 0; }
.max-roi { padding: 30px 0; }
#content .max-roi h4 { font-weight: 600; margin: 10px 0 30px 0; }
.why-choose-learn { padding: 75px 0; background: #fff url(../images/switch-to-learn-bg.jpg) center top no-repeat; }
.why-choose-learn li { line-height: 24px; }
.why-choose-learn li a { padding: 0 0 0 15px; position:relative;  color: #3c3c3c; font-size: 15px; }
.why-choose-learn li a:hover { color: #f19920; }
.why-choose-learn li a:before { content: '\f0da'; font-family: FontAwesome; font-size: 12px; position: absolute; left: 0; top: 0; }

/* Service Global IOR Page*/
.global-ior-area { padding: 30px 0 50px 0; background: url(../images/service-global-ior-bg.jpg) center top no-repeat; }
#content .global-ior-area h4 { color: #fff; font-weight: 600; font-size: 24px; margin: 30px; }
.global-ior-area p { color: #fff; font-size: 15px; }
.global-ior-area li { position:relative; color: #fff; font-size: 15px; padding: 0 0 20px 28px; position:relative; }
.global-ior-area li i { position:absolute; left:0; top:3px; font-size: 20px; }
.mobile-ior-list { display: none; }
.mobile-ior-list li { margin-bottom: 15px; }
.mobile-ior-list li img { margin-right: 10px; }
.ior-image { padding: 50px 0; }
.turnkey-global { padding: 10px 0 30px 0; background: #3582d1 url(../images/turnkey-global-bg.jpg) center top no-repeat; background-size: cover; }
#content .turnkey-global h4 { color: #fff; text-align:center; font-size: 25px; font-weight: 600; padding: 0 0 20px 0; }
.global-point .rounded { position:relative; text-align:center; line-height: 99px; z-index: 5; float:left; width: 99px; height: 99px; border-radius: 50%; background: #3075bb; margin-bottom: 26px; }
.global-point .rounded img { display: initial; }
.global-point:last-child .rounded:after { display:none; }
.point-content { width: 100%; float: left; padding-left: 2%; position:relative; z-index: 4; }
.global-point { width: 100%; clear: both; }
.global-point h5 { font-size: 15px; color: #fff; }
.global-point p { color: #fff; font-size: 15px; }
#content .global-it-points h4 { color: #3c3c3c; text-align:center; font-size: 25px; font-weight: 600; padding: 0 0 20px 0; }
.global-it-points .global-point h5 { font-size: 15px; color: #3c3c3c; }
.global-it-points .topcontent { margin-bottom: 40px; }
.global-it-points .global-point p { color: #3c3c3c; font-size: 15px; }
.global-it-points .global-point .rounded { background: #f2f2f2; }
.global-it-points .point-content { padding: 0 0 0 114px; overflow:hidden; margin-left: -99px; margin-bottom: 10px; }
.global-it-points .point-content:before { content:''; width: 9px; position:absolute; left: 46px; top:105px; height: 100%; border-radius:5px; background: #f2f2f2; }
.global-it-points .global-point:last-child .point-content:before { display:none; }
.turnkey-global .point-content { width: auto; float: none; padding-left: 125px; padding-top: 10px; margin: 0; }
.turnkey-global .global-point:last-child .point-content:after {display: none; }
.turnkey-global .point-content:after { content: ''; position: absolute; top: 0; left: 47px; border-radius: 5px; height: 100%; min-height: 143px; background: #276eb7; z-index: 55555;
    display: block; width: 9px; }

#serv .col-md-3{ padding-right: 0;}
#serv .col-md-3 h6{ font-size: 14px; color: #fff; font-weight: 600;}
#serv .col-md-3 ul{  margin: 0; padding: 0;}
#serv .col-md-3 ul li{ font-size: 14px; color: #fff; font-weight: 400; position: relative;padding: 2px 15px;}
#serv .col-md-3 ul li:after{ background: #fff; content: ""; width: 7px; height:7px; position: absolute; left: 0; top:11px;}
#serv .col-md-3 {padding-right: 4px;padding-left: 4px;}
#serv .col-md-3:last-child > div{ margin-right: 0;}
#serv .col-md-3 > div{ padding:10px;}
.tabListc{ margin-left: 30px;}
.tabListc li{font-size: 14px; padding-bottom: 20px;color: #444;}
#node-570 p{font-size: 16px;}
.bgDblue{ background: #1b64b2;min-height: 300px;}
.bglblue{ background: #0081d2;min-height: 300px;}
.bgllblue{ background: #00a9e0;min-height: 300px;}
.bgobrange{ background: #AED153;min-height: 300px;}
#node-570 .field-item > div.imgw{ clear: both;}

/* enterprise computing storage Page */
.ironComBen{ padding: 30px 0; background: #357bc4 url(../images/ironbbg.jpg) no-repeat center center fixed; background-size: cover; padding: 0 0 50px; }
.ironComBen.enterprise { background: #f2f2f2; }
.ironComBen.enterprise h2 { color: #3c3c3c; text-align:left; }
#content .ironComBen.enterprise .col-md-3 h4 { color: #3c3c3c; }
.ironComBen.enterprise .col-md-3 .bg { background: #fff; }
.ironComBen.enterprise .col-md-3 ul li { color: #3c3c3c; }
.ironComBen.enterprise .col-md-3 ul li:after { background: #ccc; }
.ironComBen h2{font-size: 26px; color: #fff; font-weight: 600; padding:20px 0 10px; text-align: center;}
.ironComBen .col-md-3{padding: 0;}
.ironComBen .col-md-3:first-child h4:after{background:url(../images/irinbbgicon.png) no-repeat 0 0;}
.ironComBen .col-md-3:nth-child(2) h4:after{background:url(../images/irinbbgicon.png) no-repeat -291px 0;}
.ironComBen .col-md-3:nth-child(3) h4:after{background:url(../images/irinbbgicon.png) no-repeat -576px 0;}
.ironComBen .col-md-3:nth-child(4) h4:after{background:url(../images/irinbbgicon.png) no-repeat -863px 0;width: 64px;}
.ironComBen .col-md-3:nth-child(4) h4{padding-left: 63px;}
.ironComBen .col-md-3:last-child .bg { margin-right: 0;}
.ironComBen .col-md-3 .bg {min-height: 370px;background: rgba(43, 115, 188, 0.5);margin-right: 5px;padding: 10px;}
.mar_0{margin:0!important;}
.ironComBen.prog-benifit .col-md-3 .bg { min-height: 709px; }
#content .ironComBen .col-md-3 h4 {	font-size: 15px; color: #fff; font-weight: 600; position: relative; margin: 0 !important; padding-left: 58px; line-height: 21px; padding-top: 6px;
	min-height: 72px;}
.ironComBen p {color: #fff; font-size: 13px; }
.ironComBen .col-md-3 ul li{font-size: 13px; color: #fff; font-weight: 400;padding: 2px 15px 15px; text-align: left;position: relative;line-height: 19px;}
.ironComBen .col-md-3 ul li:after{ background: #fff; content: ""; width: 7px; height:7px; position: absolute; left: 0; top:11px;}
.ironComBen .col-md-3 h4:after{ content: ""; position: absolute; left: 0; top: 0; width: 55px;height: 55px;  }

.industCapExpe h2{font-size: 26px; color: #3c3c3c; font-weight: 600; padding:20px 0 0 0; margin: 0; text-align: center;}
.industCapExpe .clearfix p{  text-align:center;}
.industCapExpe h4 { font-size:16px; font-weight: 600; color: #4794D9!important;}
.industCapExpe ul li{font-size: 13px; color: #333; font-weight: 400;padding: 2px 15px 15px; text-align: left;position: relative;line-height: 19px;}
.industCapExpe ul li:after{ background: #333; content: ""; width: 7px; height:7px; position: absolute; left: 0; top:8px;}
.industCapExpe { padding: 25px 0 50px 0; }
.industCapExpe .gap { margin: 56px 0 0 0; }

/* Quality Policy Page */
.quality-content { padding-bottom: 30px; }
.quality-content h5 { font-size: 18px; color: #303030; margin: 0 0 20px 0; }
.quality-content h5.gap { margin-top: 30px; }
.quality-content p { font-size: 15px; }
.quality-content p a { color: #f3961d; text-decoration: underline; }
.quality-content p a:hover { text-decoration: none; }
.adv-training { background: #3388df; padding: 36px 0; }
#content .adv-training h4 { color: #fff; font-size: 22px; margin: 10px 0 20px 0; font-weight:500; }
.adv-training p { font-size: 15px; color: #fff; }
.adv-training img { border: 8px solid #fff; }

.quality-cert { padding: 50px 0; }
.quality-cert .col-md-4 { padding-right: 5px; padding-left: 5px; display: flex; min-height: 470px;  }
.quality-cert .inner { border: 1px solid #e8e8e8; padding: 20px 20px 30px 20px; min-height: 428px; }
.quality-cert .col-md-4:last-child .inner { padding: 0; }
.quality-cert .col-md-4:last-child .text-center { min-height: 250px; }
.quality-cert .col-md-4:last-child .inner p { padding: 0 20px; }
.quality-cert .inner p { font-size: 13px; min-height: 74px; }
.quality-cert .text-center { min-height: 230px; }
.quality-cert a { margin: 0 auto; }
.quality-cert .link { text-align:center; }

/* Global It System Page */
.global-it .global-turnkey-left { background: #f2f2f2; padding-left: 50px; }
.global-it .global-turnkey-fixed { float: left; }
.global-it h2 { color: #3c3c3c; font-weight: 400; }
.global-it .global-turnkey-fixed li { color: #3c3c3c; font-size: 15px; position: relative; padding: 0 0 20px 20px; line-height: 24px; }
.global-it .global-turnkey-fixed li:before { content: '\f0da'; font-family: FontAwesome; font-size: 12px; position: absolute; left: 0; top: 0; }
.global-it .global-turnkey-left-oem { background: url(../images/iron-deliver.jpg) no-repeat; background-size: cover; }

.values .col-md-12 { padding: 25px 0; /*border-bottom: 1px solid #f2f2f2;*/ }
.values .col-md-12.gap { padding-left: 15px; padding-right: 15px; }
#content .values h4 { font-weight: 600; }
.values h5 { font-size: 18px; padding: 0 0 15px 0; color: #4794D9; font-weight: 600; }
.values p strong { font-weight: 600; }
.values h5 img { margin: 0 20px 0 0; }
.our-mission { padding: 40px 0 30px 0; background: url(../images/our-mission-bg.jpg) center top no-repeat; background-size: cover; }
#content .our-mission h4 { color: #fff; }
.our-mission p { color: #fff; }

.SystemConfiguMana{margin: 50px auto;padding: 0;max-width: 830px;}
.SystemConfiguMana ul> li{ float:left; width:406px; height:146px;padding: 10px 20px; margin: 0;}
.SystemConfiguMana ul> li h3{ font-size: 16px!important; text-transform: uppercase!important; color:#fff!important; margin: 0 0 5px !important;}
.SystemConfiguMana ul> li.erpMrp{background: url(../images/scm3.png) 0 0 no-repeat;margin-right: 15px;padding: 10px 20px;}
.SystemConfiguMana ul> li.plsa{background: url(../images/scm4.png) 0 0 no-repeat;padding-left: 35px;}
.SystemConfiguMana ul> li.qadcs{background: url(../images/scm1.png) 0 0 no-repeat;margin-right: 15px;padding-top: 30px;}
.SystemConfiguMana ul> li.logis{background: url(../images/scm2.png) 0 0 no-repeat;padding-top: 30px;}
.SystemConfiguMana ul> li.midLi{ width: 100%; float: none;clear: both;height: 107px;}

.SystemConfiguMana ul> li.logis{ padding-left: 60px;padding-top: 42px; }
.SystemConfiguMana ul> li.qadcs{ padding-left: 20px;padding-top: 42px; }
.SystemConfiguMana ul> li.midLi .opsSof {width: 180px;font-weight: 600;text-transform: uppercase;text-align: center;font-size: 17px;color: #222;margin: auto;}
.SystemConfiguMana ol li {font-size: 14px;color: #fff;list-style: none;position: relative;float: left;margin-right: 111px;}
.SystemConfiguMana ol li ol{ margin:0;}
.SystemConfiguMana ol li ol li { margin:0; padding: 0; }
.SystemConfiguMana ol li:after{ background: #fff; content: ""; width: 6px; height:6px; position: absolute; left: -13px; top:8px;}
.SystemConfiguMana ol li.logis h3{margin-right: 30px;}
.SystemConfiguMana li.plsa ol li{ margin: 0;}
.SystemConfiguMana ul li.logis ol li{ margin-right: 29px;}
.SystemConfiguMana ol{ margin:0 0 0 20px; padding: 0;}
.SystemConfiguMana ul{ position: relative;margin-bottom: 345px;}
.SystemConfiguMana ul::after {position: absolute;content: '';background: url(../images/downarrow.png) 0 0 no-repeat;width: 135px;height: 147px;position: absolute;left: 42%;bottom: -292px;}
.acenter{ text-align: center;}

/*Cloud Integration Center page*/
.customize-datacenter { padding: 30px 0; background: #4794d9; }
#content .customize-datacenter h4 { color: #fff; margin: 0 0 30px 0; font-size: 22px; font-weight: 600; }
.service-include { padding: 10px 0 30px 0; }
#content .service-include h4 { text-align: center; font-size: 22px; margin-bottom: 35px; font-weight: 600; }
.service-include h5 { font-size: 18px; margin: 0 0 20px 0; }
.service-include ul { padding-bottom: 20px; }
.download-section { background: #f2f2f2; padding: 20px 60px; margin: 10px 0 20px 0; }
.download-section p { font-size: 22px; margin: 0 0 20px 0; line-height: 30px; }

/*OEM Program Management Page*/
.prog-benifits h4 { font-weight: 600; font-size: 25px; margin: 0 0 20px 0; }
.prog-benifits p { font-size: 14px; }
.prog-benifits .benifits-list { margin: 50px 0 0 0; }
.team-content { padding: 0 0 30px 0; }
.team-content p { padding: 0 50px; }

/*Switch to iron button */
a.iron-switch { position: relative; overflow: hidden; border-radius: 30px; width: 425px; height: 50px; border: 1px solid #3f7ebf; background: #1c5a98; float: left; margin-left: 404px; -webkit-box-shadow: inset 4px 4px 19px -6px rgba(0,0,0,0.75); -moz-box-shadow: inset 4px 4px 19px -6px rgba(0,0,0,0.75); box-shadow: inset 4px 4px 19px -6px rgba(0,0,0,0.75); }
a.iron-switch .text { position: absolute; right: 20px; top:0; line-height: 50px; color: #fff; font-size: 16px; transition: 0.3s all; }
a.iron-switch:hover .text { right: -220px; top:0; transform: 0.3s all; }
a.iron-switch .text2 { position: absolute; left: -220px; top:0; line-height: 50px; color: #fff; font-size: 16px; transition: 0.3s all; }
a.iron-switch:hover .text2 { left: 20px; transition: 0.3s all; }
a.iron-switch .switch { text-align:center; width: 180px; line-height: 54px; height: 48px; border-radius: 30px; background: #3374b6; position: absolute; left: 2px; top:1px; transition: 0.3s all; -webkit-box-shadow: 1px -3px 54px 1px rgba(11,45,78,1); -moz-box-shadow: 1px -3px 54px 1px rgba(11,45,78,1); box-shadow: 1px -3px 54px 1px rgba(11,45,78,1); }
a.iron-switch:hover .switch { left:241px; transition: 0.3s all; }
a.iron-switch .switch path { fill: #255484; -webkit-box-shadow: 1px 0px 0px 0px rgba(102,170,240,1); -moz-box-shadow: 1px 0px 0px 0px rgba(102,170,240,1); box-shadow: 1px 0px 0px 0px rgba(102,170,240,1);  }

/*Blade server page */
.blade-server-page .dell-12g a { text-align: left; min-height: 1375px; }
.blade-server-page .dell-12g a img { margin:0 auto; display:block;  }
.dell-12g .list-text { color: #3c3c3c; margin-bottom: 10px; margin-left:-20px; margin-right:-20px; padding: 10px 20px; }
.dell-12g .list-text:nth-child(2n+0) { background: #f2f2f2; }
.dell-12g .row1 { min-height: 210px; }
.dell-12g .row1 strong { display:block; margin-top: 10px; }
.dell-12g .chassis { min-height: 100px; }
.dell-12g .list-text.one { min-height: 280px; }
.dell-12g .list-text.two { min-height: 100px; }
.blade-server-page .dell-12g .hardware-block a .contacthover { background: none; box-shadow: none; top: -100px; }
.blade-server-page .dell-12g .hardware-block a:hover .contacthover { top: 50px; }

.complianceList { margin: 0 0 30px 0; padding: 0; list-style: none;}
.complianceList h5 {font-size: 15px;margin: 0 0 10px;position: relative;padding:7px 30px 10px 10px; background: #e4e4e4;}
.complianceList h5:after{ position: absolute; top: 10px; right: -7px; width: 30px; height: 30px; content: "\f067"; color: #3c3c3c; cursor: pointer;font:normal normal normal 16px/1 FontAwesome;}
.complianceList h5.minus:after{content: "\f068";}
.complianceList li { overflow:hidden;}
.complianceList li p{ display: none;padding: 0 10px;}
.SupplyChainOptimization{ background: #3488e0; padding: 15px 0 0 0;}
.SupplyChainOptimization h3{margin: 0;padding: 20px 0 0;text-align: center;color: #fff;font-size: 25px;font-weight: 600;}
.SupplyChainOptimization p{margin: 0;padding: 20px 0;text-align: center;color: #fff;font-size:18px;font-weight:400;}
.SupplyChainOptimization ul{ margin:50px auto 50px auto;overflow: hidden; width: 82%;}
.SupplyChainOptimization ul li {font-size: 14px;color: #fff;font-weight: 400;padding: 2px 15px 15px;text-align: left;position: relative; float:left;width: 50%;}
.SupplyChainOptimization ul li:after {background: #fff;content: "";width: 7px;height: 7px;position: absolute;left: 0;top: 11px;}

/*Contact Pop Up Form */
#cboxContent { overflow:inherit; padding: 0; background: none;}
#colorbox, #cboxOverlay, #cboxWrapper { overflow: visible; }
#cboxLoadedContent h2 { margin: 0; padding: 0; display:none; }
#cboxClose:after,#cboxClose::before{ color: #414141!important;border-radius: 10px!important;height: 4px!important;background: #414141 !important;}
#cboxLoadedContent h3 {font-size: 24px;margin:0px 0 15px;padding: 0;border-bottom: 0;color: #3c3c3c;position: relative;z-index: 9999999;width: 100%;border-radius: 5px 5px 0 0;}
#cboxClose {background:transparent !important;box-shadow: none!important;top: -12px!important;right: 0px!important;z-index: 9999999;}
#cboxLoadedContent p { font-size: 14px; }
#cboxLoadedContent .form-item { width: 32.6%; margin: 0 1% 1% 0; float:left; }
#cboxLoadedContent .form-item:nth-child(3n){ margin-right: 0;}
#cboxLoadedContent .form-control {padding: 10px 10px;height: auto;}
#cboxClose { top:-31px; right:-30px; }
#cboxLoadedContent select.form-control{ padding: 10px 10px;}
#cboxLoadedContent .webform-component-textarea{}
#cboxLoadedContent .form-actions{display: block;clear: both;margin-top: -80px;}
body .captcha{ text-align:left;}
#cboxLoadedContent .captcha .form-item{width: 100%;}
#colorbox #webform-client-form-906 .captcha{text-align: left;overflow: hidden;clear: both; float: left;max-width: 65%; width: 100%;}

body.page-node-906 .form-actions { padding: 20px 0 20px 0px!important; margin: 0!important; }
#node-906 #webform-client-form-906 .captcha .form-item-captcha-response #edit-captcha-response {border: 1px solid #ccc;border-radius: 3px;padding: 5px;width: 70px;}
#node-906 #webform-client-form-906 .captcha .form-item-captcha-response > label{float: left;padding: 8px 20px 0 0;}
#node-906 #webform-client-form-906 .captcha .form-item-captcha-response .field-prefix{float: left;margin: 7px;}
#node-906 #webform-client-form-906 .captcha .form-item-captcha-response #edit-captcha-response{float: left;margin: 1px 0;}
#node-906 #webform-client-form-906 .captcha .form-item-captcha-response .description{float: left;padding: 6px 20px;}
#node-906 #webform-client-form-906 .form-actions{float: left;clear: none;margin: 0 14px;}
#node-906 #webform-client-form-906 textarea.form-control, #cboxLoadedContent textarea.form-control {height: 40px;max-height: 40px;min-height: 40px;}
#node-906 #webform-client-form-906 .webform-component-textarea .form-actions{float: left;clear: none;margin: 0 14px;}
#cboxClose { background: #3388df; border-radius: 50%; width: 50px; height: 50px; box-shadow:1px 1px 5px 0px rgba(0,0,0,0.75); transition: 0.3s all; }
#cboxClose:after { position: absolute; left:0; top:50%; right:0; margin: 0 auto; transform: translateY(-50%); display:block; content:''; font-size: 16px; color: #fff; width: 60%; height:2px; transform: rotate(131deg); background: #fff; transition: 0.3s all;}
#cboxClose:before { position: absolute; left:0; top:50%; right:0; margin: 0 auto; transform: translateY(-50%); display:block; content:''; color: #fff; width: 60%; height:2px; transform: rotate(44deg); background: #fff; transition: 0.3s all;}
#cboxClose:hover:after, #cboxClose:hover:before { background: #3388df; transition: 0.3s all; }
#cboxClose:hover { background: #fff; transition: 0.3s all; }

#node-906 #webform-client-form-906 .form-actions .webform-submit{width: 120px; background: #3388df; transition: 0.3s all; }
#node-906 #webform-client-form-906 .form-actions .webform-submit:hover { background: #fff; color: #3388df; border: 1px solid #3388df; transition: 0.3s all; }

/* HDPOD CSS */
.featureBox { margin: 0 0 50px 0; overflow:hidden; }
.featureBox .col-md-6 { padding: 0 5px; }
.featureBox .horton .inner { padding: 30px 10px; background: #76787c; border-radius: 5px; }
.featureBox .ironhdpod .inner { padding: 25px 10px; background: #3388df; border-radius: 5px; }
#content .featureBox h3 { color: #fff; font-size: 15px; text-transform: uppercase; }
#content .featureBox h5 { font-size: 18px; color: #fff; padding: 0 0 10px 0; }
#content .content .featureBox ul.list li { color: #fff; }
#content .content .featureBox ul.list li:before { background: #fff; }
.cluster { padding-bottom: 30px; }

.supplyimg { margin: 20px 0 50px 0; }

/* OPen Comute */ 
.open-community { padding: 20px 0 50px 0; overflow:hidden; }
.open-community .com-text { padding-top: 85px; }
#content .open-community .com-text h4 { margin-bottom: 24px; font-weight: 600; font-size: 1.6em; line-height: 30px; }
#content .podpages h4 { padding: 35px 0 14px 0; }

/* Management Team Page */
.teamcontent { position:relative; border-bottom: 1px solid #c5cdd1; padding: 20px 0; }
.teamcontent:last-child { border: 0; }
.teamcontent h4 { font-weight: 600; font-size: 1.2em; }
.teamcontent h4 span { color: #a3abaf; font-weight: 400; font-size: 1em; }
.teamcontent a.linked { position:relative; width: 40px; height: 40px; display: inline-block; text-align:center; background: #c5cdd1; color:#fff; border-radius: 50%; line-height: 40px; bottom:-40px; opacity:0; }
.teamcontent:hover a.linked { opacity:1; bottom:-20px; }
.teamcontent a.linked:hover { background: #3979c3; }
.teamcontent a.twitter { position:relative; width: 40px; height: 40px; display: inline-block; text-align:center; background: #c5cdd1; color:#fff; border-radius: 50%; line-height: 40px; bottom:-60px; opacity:0; }
.teamcontent a.twitter:hover { background: #4fc6f8; }
.teamcontent:hover a.twitter { opacity:1; bottom:-20px; }

.sbb-platform { padding: 30px 0; background: url(../images/sbb-platform-bg.jpg) center top no-repeat; background-size: cover!important; }
.sbb-platform h3 { text-align: center; font-size: 18px; }
.sbb-platform  ul.list li { position: relative; padding: 0 0 0 15px;  color: #3c3c3c; font-size: 15px; }
.sbb-platform  ul.list li::before { background: #434343; content: ""; height: 5px; left: 0; position: absolute; top: 6px; width: 5px; }
.sbb-platform li { font-size: 15px; color: #3c3c3c; }
.dual-controller .feature, .dual-controller .components { border-bottom: 1px solid #ccc; }
.dual-controller .pr-compo { padding: 50px 0; overflow:hidden; }
.dual-controller .pr-compo p { color: #3388df; font-size: 1.2em; }
.dual-controller .pr-compo .col-md-5 { padding-top: 15px; padding-bottom: 15px; border: 1px solid #ccc; }
.dual-controller .pr-compo .col-md-7 { padding-left: 30px; }
.dual-controller .pr-compo:last-child { padding-top: 0; }

/* Gpu COmputing Page */
.gpu-workstation {}
#content .workBlock .text-center h4 { font-size: 22px; font-weight: 600; margin: 0; padding: 0; }
.workproduct .bottomcontent { padding: 20px 0 0 0; }
.workproduct img { margin: 0 auto; display:block; }
.workproduct h5 { font-size: 16px; }
.workproduct { padding: 50px 0 30px 0; background: #f2f2f2; }
.workproduct.nobg { background: none; }
.workproduct ul { margin: 40px 0 0 20px; }
.workproduct li:first-child { color: #3388df; }
.workproduct li { line-height: 30px; color: #3c3c3c; }
.workproduct li span { display: inline-block; width: 20%; color: #3c3c3c; font-weight: bold; }
.workproduct p { color: #3c3c3c; font-size: 16px; }

/* Supermicro Page */
.superBlock .inner { padding: 40px 10px 20px 10px; min-height: 517px; overflow:hidden; background: #fff; border: 1px solid #ededed; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; transition: 0.3s all; position: relative;}
.superBlock .req-btn { position: absolute; bottom: 15px; left: 50%; transform: translateX(-50%); }
.superBlock .global-btn.blue-bg { text-transform: none; }
.superBlock .inner.hg-change { min-height: 737px; }
.superBlock .superpr { padding: 0 8px; margin: 0 0 30px 0; }
.superBlock .inner:hover { box-shadow: 0 10px 10px 3px rgba(0, 0, 0, 0.1); transition: 0.3s all; }
.superBlock .inner:hover h5 a { color: #3290da; }
.superBlock h5 { margin: 20px 0 0 0; display:block; color: #434343; font-size: 16px; }
.superBlock p { font-size: 13px; margin-bottom: 0; }
.superBlock .text li { font-size: 13px; }
.superBlock img { display: block; margin:0 auto; }
#content .content .superBlock ul.list li { margin: 6px 0; }
#content .content .superBlock .text ul.list li { margin: 10px 0; }
#content .content .superBlock .text ul.list li:last-child { margin-bottom: 0; }
.superBlock .quickBrowse h6 { position:relative; z-index: 55; text-align:center; display: inline-block; padding: 10px 20px; background: #e5e5e5; border-radius:6px; }
.superBlock .quickBrowse .quick-hd { position:relative; text-align:center; margin:20px 0 0 0; }
.superBlock .quickBrowse .quick-hd:after { content:''; position:absolute; top:38%; left:0; width: 100%; height: 1px; background: #e5e5e5; }
.superBlock .quickBrowse .col-md-6 { padding: 0 10px 0 0; }
.superBlock .quickBrowse li a { font-size: 12px; color: #3c3c3c; }
.superBlock .text { min-height: 224px; }

/* supplu chain management css */
.matirial-mngm { padding: 25px 0; }
#content .matirial-mngm h4 { font-weight: 600; margin-bottom: 30px;}
.matirial-mngm ul { margin-bottom: 25px; }
.matirial-mngm p { margin-bottom: 25px; }
.matirial-mngm h5 { margin: 0 0 10px 0; }

/* Technology Partners css */
#content .tech-partner h4 { font-weight:600;}
.tech-partner .feed-cont-col { padding: 20px 15px; text-align:center; }
.tech-partner .feed-cont-col img { display: inline-block; }
.tech-partner .slick-next { position:absolute; left:0px; top: 50%; width: 40px; height: 40px; border-radius: 100px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border: none; font-size: 0; margin-top: -35px; z-index: 9; background-image: url(../images/client-arrow-logo1.png); background-repeat: no-repeat; background-position: center; }

.tech-partner .slick-prev {  position:absolute; right:0px; top: 50%; width: 40px; height: 40px; border-radius: 100px; background-color: #fff; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); border: none; font-size: 0; margin-top: -35px; z-index: 9; background-image: url(../images/client-arrow-logo2.png); background-repeat: no-repeat; background-position: center; }
	
.tech-partner .techno-feed-slider { border-bottom: 1px solid #ccc; }

/* Need Help pop up */
.sticky-pop-up { display:none; width: 100%; position:fixed; bottom:0; right:0; background: #f2f2f2; min-height: 200px; z-index:9999; transform: translateY(160px); transition: 0.3s all; }
.sticky-pop-up.active { transform: translateY(0px); transition: 0.3s all; }
.sticky-pop-up span { cursor: pointer; margin-bottom: 10px; background: #e4e4e4; font-weight: bold; display: block; line-height: 40px; text-align:center; color: #3c3c3c; font-size: 15px; }
.sticky-pop-up span:after { content:"\f106"; font-family: 'FontAwesome'; position:absolute; right: 30px; top:0; font-size: 15px; transition: 0.3s all; color: #3c3c3c; }
.sticky-pop-up.active span:after { transform: rotate(180deg); transition: 0.3s all; }
.sticky-pop-up a { width: 90%; margin: 0 auto; color: #3c3c3c; display:block; text-align:center; padding: 10px; border-bottom: 1px solid #ccc; font-size: 1.1em; }
.sticky-pop-up a.chat { background: #3AC97A; color: #fff; }

.sg-banner a.global-btn { position: relative; text-transform: inherit; }
/*.sg-banner a.global-btn:after { content: ''; position: absolute; top: 22px; height: 2px; background: #fff; right: -64px; width: 13px; transition: 0.2s; }
.sg-banner a.global-btn:before { content: "\f105"; font-family: FontAwesome; position: absolute; right: -67px; top: 12px; transition: 0.2s; font-size: 21px; }*/
.sg-banner a.sg-logo { padding: 10px; border-radius: 7px; float:left; width:36%; margin: 14px 0 0 8em; border: 1px solid #fff; }
	
/* HDPOD */
.hadoop-single { padding: 20px 0 50px 0; overflow: hidden;}
.left-gr { position: relative; z-index: 6;}
.bg1 { position: relative; }
.left-gr.animation .bg1 { animation: bgmove 1s forwards; transition: all 200ms ease-in;}
.left-gr .bg2 { position: absolute; left: 50%; top: 11%; transform: translateX(-50%); }
.left-gr.animation .bg2 { animation: bgmove 1.5s forwards; left: 19%; }
.left-gr .hdpod-img { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); }
.left-gr.animation .hdpod-img { animation: podmove 3s forwards; transition: all 200ms ease-in; }
.left-gr .hortonwork-logo { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%);  }

.sku-det { margin: 100px 0 0 0; }
.sku-det ul { position: relative; z-index: 5; margin-left: 23px; }
.sku-det li { padding: 7px 0; position: relative; }
.sku-det li:before { width: 126px; position: absolute; top: 19px; left: -124px; content: ''; height: 2px; border: 1px dashed #848181; }
.sku-det li.bottom:after { width: 51px; position: absolute; top: 6px; left: -174px; content: ''; height: 2px; border: 1px dashed #848181; transform: rotate(30deg); }
.sku-det li.bigline:before { left: -175px; width: 179px; }
.sku-det li.top:after { width: 51px; position: absolute; top: 34px; left: -173px; content: ''; height: 2px; border: 1px dashed #848181; transform: rotate(-34deg);
 }
.sku-det li span:before { content: "\f105"; color: #848181; font-family: FontAwesome; font-size: 24px; font-weight: 600; float: left; padding: 0 10px 35px 0; }
.sku-det h5 { font-size: 22px; font-weight: 600; padding: 0 0 10px 0; }

#node-33 input.form-checkbox, input.form-radio { margin: 0;}
#node-33 .form-item { float: left; width: 30%; margin: 0 1% 20px 0; }
#node-33 .webform-component-checkboxes { width: 100%; }
#node-33 .webform-component-checkboxes .form-item { width: 32.5%; }
#node-33 input[type="checkbox"] { width: 16px; height: 16px; }
#node-33 .webform-component-checkboxes, .webform-component--website-rate, .webform-component--support-rate, .webform-component--improve-overall  { background: #f2f2f2; padding: 20px; }
.webform-component-fieldset { padding: 20px; margin: 0; }
#node-33 .webform-component-checkboxes .form-item:nth-child(3n+3) { margin-right: 0; }
#node-33 .webform-component-checkboxes label { font-size: 13px; }
#node-33 .webform-component-checkboxes label:first-child { font-size: 16px; font-weight: 600; padding: 0 0 13px 0; }
#node-33 label { font-weight: 600; padding: 10px 0 3px 0; }
#node-33 .webform-component-textfield label, #node-33 .webform-component-email label { padding: 0; }
#node-33 legend { font-size: 16px; border: none; font-weight: 600; margin: -14px 0 10px -25px; float: left; padding: 10px 24px; }
#node-33 .webform-component--products-rate .form-item { width: 100%; }
#node-33 .webform-component--products-rate .form-item .form-item { width: 9%; } 
#node-33 .form-type-radio { width: 9%; font-size: 13px; }
#node-33 .webform-component-radios, #node-33 .webform-component-textarea, #node-33 .webform-component--lets-talk--time, #node-33 .webform-component--lets-talk--time .description { width: 100%; }
#node-33 .webform-component--lets-talk--time .description { margin-bottom: 10px; overflow: hidden;}
#node-33 .description { color: #a94442; overflow: hidden; width: 100%; }
#node-33 .webform-component--lets-talk--time { border-bottom: 1px solid #ccc; }
#node-33 .webform-component--lets-talk--time .form-item { width: inherit; }
#node-33 textarea { min-height: 100px; }
#node-33 .webform-component--lets-talk .form-type-radio { width: 12%; }
#node-33 .webform-component--lets-talk .form-type-radio:last-child { width: 14%; }
#node-33 .captcha, #node-33 .webform-submit { margin: 0 20px; }
#node-32 .form-radios .form-item { width: 25%; float: left; }

/* OnApp page css */
.onapp-form { margin: 30px 0;}
.onapp-points h2 { font-size: 16px; line-height: 1.8; margin: 0 0 45px 0; font-weight: 600; }
.iconbox { margin-bottom: 40px; }
.iconbox-icon { float: left; }
.iconbox-icon i.boxicon { color: #fff; font-size: 28px; text-align: center; display: inline-block; width: 63px; height: 63px; line-height: 65px; background: #00a3e7; border-radius: 50%; }
.iconbox-content { margin-left: 88px; overflow: hidden; }
.iconbox h3 { margin: 0 0 10px 0; font-size: 20px; font-weight: 700;  }
.iconbox p{ font-size: 13px; margin: 0; }
.agile { background: #ededed; padding: 30px 0; margin: 30px 0 0 0; }
.agile .col-md-5 { margin: 40px 0 0 0; }
.u-hardware { background: #3388df; padding: 40px 0 0 0; }
.u-hardware p { color: #fff; }
.u-hardware h2 { color: #fff; font-size: 24px; font-weight: 600; margin-top: 15px; }
.u-hardware h3 { color: #fff; }
.hw-screenshot { padding: 15px 0 40px 0; }
.hw-screenshot li { float: left; width: 48%; margin-right: 2%; margin-bottom: 2%; border: 10px solid #f2f2f2; }
.hw-screenshot li:nth-child(2n) { margin-right: 0; }
.hardware-points { background: #f2f2f2; padding: 30px 0; }
.hardware-points .iconbox-icon { width: 100%; float: none; margin-bottom: 12px; }
#content .hardware-points h3 { font-size: 1.1em; color: #3388df; margin-bottom: 15px; }
.hardware-points .iconbox-icon i.boxicon { font-size: 34px; }
.hardware-points .iconbox-content { margin-left: 0; }
.hybrid-tabs { margin: 50px 0; }
.hybrid-tabs .tabs { margin: 50px 0 0 0; }
.hybrid-tabs .tab-content { padding: 30px 15px; overflow: hidden;}
.hybrid-tabs .tab-content ul li { padding: 0 0 0 15px; position: relative; color: #3c3c3c; }
.hybrid-tabs .tab-content ul li:before { content: ''; position: absolute; left: 0; top: 7px; width: 5px; height: 5px; background: #3c3c3c;}
.hybrid-tabs .tab-content .col-md-6 img { margin-bottom: 20px; }
.hybrid-tabs .tab-content span { text-align: center; display: block; margin: 0 0 20px 0; }
.hybrid-tabs h2 { font-weight: 600;}
.var-reg { background-image: url(../images/banner-bg.png); background-position: 0 100%!important; background-repeat: no-repeat; padding-top: 24px; padding-bottom: 80px;  opacity: 1; }
.var-contact-form #contactBox form { padding-top: 0; }
.var-reg { padding-left: 0; }
.var-reg.onapp-cloud .form-item label { width: 14%!important; }
.var-reg.onapp-cloud .form-item .form-text, .var-reg.onapp-cloud .form-item .form-textarea { width: 83%!important; }
.var-reg.onapp-cloud .captcha { margin: 0 0 0 123px; width: 100%; overflow: hidden; }
#contactBox.var-reg.onapp-cloud label:before { content: none; }
.var-reg.onapp-cloud .form-actions { overflow: hidden; width: 100%; padding: 0 0 0 123px; }
.var-reg .text-wrap { margin: 20px 0 0 0; }
.var-reg.onapp-cloud .form-textarea-wrapper { width: 83%; }
.var-reg.onapp-cloud .form-textarea-wrapper .form-textarea { width: 100%!important; position: relative;}
.var-reg .text-wrap h2 { color: #58595b; font-size: 26px; font-weight: 600;  margin: 0 0 10px 0; }
.var-reg .text-wrap p { color: #58595b; font-size: 20px; }
.var-reg .text-wrap .button.collapsed { width: 60%; }
.var-reg .text-wrap .button { display: none; width: 100%; margin: 20px 0 0 0; padding: 14px 0 14px 20px; width: 100%; background: #ff6933; font-weight: 600; font-size: 16px; text-align: left; color: #fff; border-radius: 4px 4px 0 0; border:0; }
.var-reg .text-wrap .button i { font-weight: 400; margin-left: 8px; }
.var-reg .text-wrap form { padding: 0 0 10px 0; border: 1px solid #e1e1e1; background: #fff; overflow: hidden;}
.var-reg .text-wrap form span { font-size: 12px; text-align: right; width: 100%; display: block; }
.var-reg .text-wrap form span.msg { text-align: left; padding-left: 35px;}
.var-reg .logos img { margin-right: 20px; }
.var-reg .text-wrap form span a { color: #00a3e7; text-decoration: underline; }
.var-reg .text-wrap form input[type=submit] { margin-right: 16px; float: right; padding: 10px 30px; border-radius: 4px; color: #fff; text-transform: uppercase; font-weight: 600; border: 1px solid #fff; background: #00a3e7; transition: 0.3s all; }
.var-reg .text-wrap form input[type=submit]:hover { background: #fff; color: #00a3e7; transition: 0.3s all; border: 1px solid #00a3e7; }
.var-reg .text-wrap form select { width: 100%; min-height: 40px; border: 1px solid #ddd; padding: 0 10px; }
.formsection.gap { margin: 20px 0; }
.formsection .col-md-4 { padding: 0; }
.var-reg .text-wrap form .form-control { border: 1px solid #ddd;padding: 10px; border-radius: 2px; border-radius: 0; }
.var-reg .form-row:last-child { margin-bottom: 20px; }
.var-reg .text-wrap form { transition: 0.3s all; }
.var-reg .text-wrap form:hover { box-shadow: 0 7px 21px 0 rgba(0,0,0,.1); transition: 0.3s all; }
.var-contact-form h5 { display: block; color: #434343; border-bottom: 1px solid #434343; display: inline-block; font-weight: 600; padding: 10px 0; margin: 10px 0 10px 15px; border-radius: 5px 5px 0 0; text-transform: uppercase; }
.var-contact-form h6 { font-weight: 600; padding: 10px 0 0 15px; margin: -10px 0; }
#contactBox label { width: 100%; text-align: right; font-size: 13px; font-weight: 700; }
#contactBox label:before { content: '*'; color: Red; font-size: 11px; position: relative; top: -5px; left: -3px; }
#contactBox label.not:before { content: none; }
.var-reg .app-logos { text-align: center; }
.var-reg .app-logos img { margin: 0 30px 0 0; }
.ready-to-run { padding: 50px 0; overflow: hidden; background: #f2f2f2; }
.ready-to-run h6 { font-size: 35px; line-height: 51px; padding: 18% 4% 0 0; font-weight: 600; }
.page-node-976 h1, .page-node-977 h1 { display: none; }
.OnnApp-page .global-it-points .point-content { padding-top: 19px; min-height: 136px; }
.OnnApp-page .global-it-points .global-point h5 { font-weight: 700; }
#contactBox .checkboxes label { width: 70%; float: left; margin-right: 10px; }
.graybg-form { background: #f2f2f2; padding: 15px 0; }
.graybg-form.nomargin { margin: 0; }

.question { font-size: 45px; color: #434343; text-align: right; display: block; margin: 18px 0 0 0; }
.today {font-size: 45px; text-align: left; color: #434343; margin: 18px 0 0 0; display: block; }
/* END OnApp page css */


/*OnApp var registration drupal form css */
.var-reg .form-item label { width: 30%; text-align: right; float: left; font-weight: 600; color: #434343; font-size: 13px; }
.var-reg .form-item .form-text, .var-reg .form-item .form-textarea-wrapper { float: left; width: 67%; }
.var-reg .text-wrap form .form-item span { display: inline; }
.var-reg .text-wrap .webform-component-fieldset span { display: inline!important; color: #434343; font-size: 14px; font-weight: 600; border-bottom: 1px solid #434343; display: inline-block; padding: 10px 0; margin: 10px 0 10px 15px; border-radius: 5px 5px 0 0; text-transform: uppercase; }
.var-reg .webform-component-fieldset legend { margin: 0; border: 0; }
.webform-component-fieldset { margin: 0; padding: 10px 0 9px 10px;}
.var-reg .text-wrap .webform-client-form { padding: 20px 0; }
.webform-container-inline div.description { position: relative; top: -10px; width: 30%; text-align: right; }
.var-reg .captcha { width: 100%; overflow: hidden; 	}
.var-reg .captcha .g-recaptcha { float: right; margin: 0 17px 0 0; }
.var-reg.onapp-cloud .captcha .g-recaptcha { float: left!important; }


.scw-modal .modal-header { background: #ececec; }
#content .scw-modal .modal-header h4 { color: #393d3e; font-size: 25px; margin: 0; }
.scw-modal .modal-header .close { margin: 6px 10px 0 0; opacity: 0.6; }
.scw-modal .modal-header .close i { font-size: 30px; color: #3c3c3c; transition: 0.3s all;}
.scw-modal .modal-header .close:hover i {transform: rotate(180deg); transition: 0.3s all;}
.scw-modal form .col-md-6 { padding: 0 0 15px 15px; }
.scw-modal { z-index: 9999999;}

.scw-modal .clickhere { display: none; padding: 20px 0; background: #e3e3e3; color: #3388df; font-size: 16px; border-radius: 7px; margin: 10px 0 0 0; text-align: center; box-shadow: 0 7px 26px -14px #000; }
.scw-modal .clickhere i{ margin: 0px 5px 0 0; font-size: 25px; }

/* Enterprise Whitepeper page css*/
.white-form { position: relative;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f2+0,f2f2f2+49,3388df+49,3388df+100 */
background: #f2f2f2; /* Old browsers */
background: -moz-linear-gradient(left, #f2f2f2 0%, #f2f2f2 49%, #3388df 49%, #3388df 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #f2f2f2 0%,#f2f2f2 49%,#3388df 49%,#3388df 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #f2f2f2 0%,#f2f2f2 49%,#3388df 49%,#3388df 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#3388df',GradientType=1 ); /* IE6-9 */ }
.white-left { position: relative; padding: 50px 0 0 0;}
.white-strip { position: absolute; left: 0; bottom: 0; width: 49%; background: #fff; height: 135px;}
.white-left p { padding: 0 21% 0 0; }
.white-left img.whitepeper { margin: -35px -60px 20px 0; float: right; width: 52%; }
.white-form form { padding: 0 20px 0 39px; }
.white-right h5 { font-size: 26px; font-weight: 400; margin: 30px 0 20px 0; color: #fff; text-align: center;}
.white-form span.req { text-align: right; font-size: 14px; color: #fff; display: block;}
.white-form .form-control { border-radius: 0; height: 49px; color: #393d3e; color: #393d3e; border: 1px solid #3972ac; }
.white-form .form-row { margin-bottom: 7px; }
.white-form .form-row span.options { color: #fff; font-size: 12px; }
.white-form input[type="submit"] {  margin: 0 0 0 14px; text-transform: uppercase; background: #282828; font-size: 14px; color: #fff; padding: 7px 20px; border: 0; border: 1px solid transparent; transition: 0.3s all; }
.white-form input[type="submit"]:hover { transition: 0.3s all; background: #3388df; border: 1px solid #282828; color: #282828; }
.white-form .captcha { overflow: hidden; display: block; width: 100%; margin: 0 0 0 16px; }

.enterprise-links { height: 202px; display: flex; align-items: center; background: url(../images/enterprise-links-bg.jpg) no-repeat; }
.enterprise-links a { padding: 10px 20px; color: #fff; font-size: 14px; text-transform: uppercase; background: #3388df; border: 1px solid transparent; } 
.enterprise-links a:hover { background: transparent; border: 1px solid #3388df; color: #3388df;}
.enterprise-links	.text-center { width: 100%; }


.webform-component--privacy-policy-box { padding: 10px; width: 100%; overflow: hidden; background: #f2f2f2; }
.webform-component--privacy-policy-box .form-required { display: none; }
.privacy-policy-box .form-required { display: none; }
.privacy-policy-box input[type="checkbox"] { margin: 0; }
#cboxLoadedContent .privacy-policy-box, #cboxLoadedContent .privacy-policy-box .form-item { width: 100%; }

#webform-client-form-923, #webform-client-form-1050 { position: relative; overflow: hidden; padding-bottom: 15px; }
#block-webform-client-block-923 .privacy-policy-box, #block-webform-client-block-1050 .privacy-policy-box { position: absolute; bottom: -20px; left: 18px; }


/* Products Pages */
.productDetail .modal {
	display:none;
    position: fixed;
    z-index: 99999999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0,0,0,0.4);
}

/* Modal Content Box */
.productDetail .modal-content {
    background-color: #fff;
    margin: 4% auto 15% auto;
    border: 1px solid #888;
    width: 45%; 
	padding-bottom: 30px;
}

/* The Close Button (x) */
.productDetail .close {
    position: absolute;
    opacity: 1;
    right: -12px;
    top: -14px;
    color: #fff;
    font-size: 35px;
    font-weight: normal;
    transition: 0.3s all;
    background: #3290da;
    width: 40px;
    text-align: center;
    height: 40px;
    border-radius: 50%;
    line-height: 38px;
}
.productDetail .close:hover, .productDetail .close:focus {    
	transition: 0.3s all;
    cursor: pointer;
	opacity: 1;
}

/* Add Zoom Animation */
.productDetail .animate {
    animation: zoom 0.6s
}
/* Products Pages End */


/* Products Form CSS */
.hbspt-form fieldset {
    max-width: 100%!important;
    width: 100%!important;
}

.hbspt-form .hs-input {
    max-width: 95%;
    margin-bottom: 20px;
    border-radius: 5px;
	font-size: 13px;
    font-weight: bold;
}
.hbspt-form label {
    margin-bottom: 3px;
}

.inputs-list { margin: 0 0 15px 0; padding: 0; }
.hbspt-form li label span { font-size: 13px; margin-left: 6px; }
.hbspt-form li label span {
    font-size: 13px;
}

.hbspt-form .hs-input, select {
    max-width: 95%;
    margin-bottom: 20px;
    border-radius: 5px;
	background: #f1f7fa;
}

select { width: 95%; margin-bottom: 20px; border-radius: 5px; height: 44px; }

input[type=text], textarea, input[type=email], input[type=password], input[type=tel], input[type=url], input[type=search], input[type=date] {
    padding: 10px!important;
    width: 100%;
    border: 0px;
    border-bottom: 1px solid #fff;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    background-color: #efefef;
    box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset;
    -o-box-shadow: 0 1px 2px rgba(0,0,0,0.09) inset;
    transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
}

.hbspt-form li .hs-input {
    margin-bottom: 0;
}

.hbspt-form fieldset label span {
    color: #000!important;
    font-size: 13px;
	font-weight: 600;
}

.hs_submit input[type=submit] {
    border-radius: 5px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 15px 55px!important;
	background-color: rgba(0, 0, 0, 0.60);
	border: none;
	color: #fff;
	background: #3388df;
	
}

.modal-content {
    padding: 1%;
    background: url(../images/imac--pop-form-bg.jpg) left top no-repeat;
	background-color: #ccc;
    background-size: cover;
}

.submitted-message p {
    color: #fff;
    font-size: 30px;
    margin: 50px;
    text-align: center;    
    font-weight: 600;
}
.hbspt-form ul.hs-error-msgs label {
    color: #f2545b;
    font-size: 12px;
    margin-top: -20px;
    display: block;
}

.hbspt-form fieldset label span.hs-form-required {
    color: #ff0000!important;
}

.grecaptcha-badge { margin-bottom: 16px; }

/* Csla Banner */
.cslaBanner p { font-size: 24px; color: #fff; line-height: 34px; margin: 45px 0 00; padding: 0 5% 0 0; }

/* Covid CSS */
	.covidUpdate {
		margin: -62px auto 0 auto;
	  z-index: 99;
	  position: relative;
	  width: 90%;  
	  background: #c1282e; 
	   text-align: center;
	}

.covidPopupInner img { max-width: 100%!important; width: 100%!important; }

	.covidUpdate .covidBtn {
	  font-size: 16px; font-weight: 600;
	  padding: 20px; display:block;
	  color: #fff;    
	  text-decoration: none;
	  cursor: pointer;
	  transition: all 0.3s ease-out;
	}
		.covidUpdate .covidBtn span { position: relative; padding-left: 54px; }
		.covidUpdate .covidBtn span:after { position: absolute;
    content: '';
    width: 61px;
    height: 63px;
    background: url(../images/covid-icon.png);
    left: 0;
    top: 50%;
    background-repeat: no-repeat;
    background-size: 65%;
    transform: translateY(-29%); }


	.covidOverlay {
	  position: fixed;
	  top: 0;
	  bottom: 0;
		z-index: 999;
	  left: 0;
	  right: 0;
	  background: rgba(0, 0, 0, 0.7);
	  transition: opacity 500ms;
	  visibility: hidden;
	  opacity: 0;
	}
	.covidOverlay:target {
	  visibility: visible;
	  opacity: 1;
	}

	.covidPopupInner {
	  margin: 120px auto;
	  padding: 0;
		z-index: 99;
	  background: #fff;
	  border-radius: 5px;
	  width: 43%;
	  position: relative;
	  transition: all 0.3s ease-in-out;
	}



	.covidPopupInner .covidClose {
	 position: absolute;
    top: 14px;
    right: 20px;
    transition: all 200ms;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
	}
	.covidPopupInner .covidClose:hover {
	  transition: 0.3s all; transform: rotate(90deg);
	}
	.covidPopupInner .content {
	  max-height: 30%;
	  overflow: auto;
	}
		
		/*.covidPopupInner p { color: #000; }
		.covidPopupInner span.billy { font-weight: 600; }
		.covidPopupInner h4 { color: #0a6bbc; font-weight: 600; }
		.covidPopupInner h6 { color: #0a6bbc; font-weight: 600; text-align: center; font-size: 18px; color: #000; }		*/




/* Covid CSS */

/* End form css */
@keyframes zoom {
    from {transform: scale(0)} 
    to {transform: scale(1)}
}

/* Products Pages End  */

@include keyframes(mybounce) {
	0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
	40% {
    @include transform(translateY(-30px));
  }
	60% {
    @include transform(translateY(-15px));
  }
}


@keyframes bgmove {
	0% { transform: scale(0); opacity: 0;}
	100% { transform: scale(1); opacity: 1; }	
}

@keyframes podmove {
	0% { opacity: 0; top: 70%; }
	100% { opacity: 1; top: 50%; }
}

@media (max-width: 768px) {
	
	/* Combo pop up */
	.combo-left { width: 100%; order: 2; }
	.combo-right { width: 100%; order: 1;}
	.combo-Scroll { flex-wrap: wrap; }
	.combo-right-inner p { margin: 0.3em 0 0 0; }
	.websiteBtn { margin: 2em 0 0 0; }	
	.combo-right-inner h2 { font-size: 2.5em; }
	.combo-right-inner .btnPopDefault { width: 100%; padding: 0.6em 1.5em; margin-right: 0; font-size: 1.2em; }
	.combo-right-inner .btnPopDefault.ironBtn { margin-bottom: 1em; }
	/* Combo pop up */
	
	
	.fixedBanner .banner-caption-text { max-width: 457px!important; }
	.afterMainBanner .banner { background-position: 74%!important; }
	.fixedBanner .banner { height: 250px!important; }
	.fixedBanner .banner-caption { top: 72%!important; }
}


@media (max-width:992px) {
	
	/* Combo pop up */
	.combo-left p { font-size: 1em; }
	.combo-right-inner h2 { font-size: 3em; }
	.combo-right-inner .btnPopDefault { min-width: auto; }
	/* Combo pop up */
	
	
	
	#block-webform-client-block-923 .privacy-policy-box, #block-webform-client-block-1050 .privacy-policy-box { position: static; padding: 0 10px 0px 18px; }
	#block-webform-client-block-923 .form-type-checkbox, #block-webform-client-block-1050 .form-type-checkbox { display: flex; }
	#block-webform-client-block-923 .form-type-checkbox input, #block-webform-client-block-1050 .form-type-checkbox input { margin-right: 8px; margin-top: 3px; width: 16px; height: 16px; }
	#block-webform-client-block-923 label.option, #block-webform-client-block-1050 label.option { width: 100%; }
	
	.covidUpdate { width: 100%!important; top: 40px; padding: 16px;}
} 
@media (max-width:1500px) {	
	.homeSlide2 .banner-caption-text{ max-width: 456px;	}
	.homeSlide2 p.pera { padding-right: 35%; }
	.homeSlide2 .banner { background-position: 91%!important; }
}

@media (max-width:1400px) {	
	.covidUpdate { width: 50%; }
}

@media (max-width:1100px) {
	#cboxLoadedContent .form-item{width: 49%;}
}
@media (max-width:900px) {
	.ocpBannerSlide .banner { background-position: 51%!important; }
	#cboxLoadedContent .form-item{width: 100% !important;}
	#colorbox #webform-client-form-906 .captcha {max-width: inherit;}
	#cboxLoadedContent {padding-right: 20px;}
}

@media (max-width:420px) {
	
	.covidUpdate .covidBtn span { padding-left: 68px; width: 100%; display: block;}
	.covidPopupInner { width: 100%!important; }
}