﻿.heading-reference {
	font-weight: bold;
}
.intel{
	text-align:center;
}
.intel h3{
	font-size:26px;
}
.bg {
    background-size: cover;
    background-position: right bottom;
}
.bg h2 {
    font-size:26px;
}
.row-product, .text-center{
	text-align:center;
}
.row-product a {
    height:250px;
}
.row-product .bg {
    left: -500px;
}
.row-product .title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 15px 8%;
    z-index: 3;
    letter-spacing: normal;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.text-left{
	text-align:left;
}

#privacy_policy-error {
	color: #ff0000;
}

.btn-white {display:inline-block; text-align:center;}
.btn-white {border-radius:5px; vertical-align:top; font-size:16px; line-height:44px; background:#fff; color:#00bceb; font-weight:600; padding:0 18px;}
.btn-white:hover{text-decoration:none!important;color:#fff;background:#0078b6;transition:color .5s,background 1s}
.btn-blue {display:inline-block; text-align:center;}
.btn-blue {border-radius:5px; vertical-align:top; font-size:16px; line-height:44px; background:#00C1D5; color:#fff; font-weight:600; padding:0 18px;}
.btn-blue:hover{text-decoration:none!important;color:#005073;background:#00C1D5;transition:color .5s,background 1s}

.btn:hover, .panel .btn-active, .tab-active .opener-btn {
    text-decoration: none;
    background: #278ABE;
    border-color: #278ABE;
    color: #fff;
}

@media (max-width:767px){.panel .cell{display:inline;}}

.cisco .logo-dellemc{width:auto;height:auto}
@media (max-width:1023px){.cisco .logo-dellemc{width:100px}}
@media (max-width:767px){.cisco .logo-dellemc{width:70px}}

.logo-dellemc{float:left;max-height:40px;max-width:280px;width:auto}
.logo-dellemc{margin:8px 20px 0 0}

@media (max-width:767px){.logo-dellemc{width:100px}
.logo-dellemc{max-height:40px;width:auto;margin:12px 15px 0 0}}

/* 2 Equal-Width Columns V2 Layout Pattern CSS */
	@media only screen and (max-width: 767px) {
        td[class="pattern"] table { width: 100%; }
        td[class="pattern"] .hero_image img {
            width: 100%;
            height: auto !important;
        }
	}
    @media only screen and (max-width: 767px) {
        td[class="pattern"] .spacer { display: none; }
        td[class="pattern"] .col{
            width: 100%;
            display: block;
        }
        td[class="pattern"] .col:first-child { margin-bottom: 30px; }
        td[class="pattern"] .hero_image img { width: 100%; }
    }

#header .left {
	float:left;
}