/*
Theme Name: Nexsan
Theme URI: http://www.gate6.com
Author: the Gate6 team
Author URI: http://www.gate6.com/
Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: twentyfourteen
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/*------------------------------------Font Defination----------------------------------------------------*/
.font-light, #testimonials-slider .client-detail, .item-compare-list .title, h1, h2, h3, #specification-box p, .orange-table th, #drobo-care-warranty-distribution .td li.title{ font-weight:300;}
.font-regular, body, #top-navigation .mega-menu span, #campare-beyoundraid .td li.title{ font-weight:400;}
.font-medium, footer .heading, #testimonials-slider .slide p, #specification-box h5, button.small, .button.small, #calculator-tab li a{ font-weight:600;}
.font-bold, #top-navigation > li > a, button, .button, strong, b, .block-title, .orange-table tr td:first-child, #top-navigation .mega-menu, .td li.title, .th-left li.title, #drobo-care-warranty-distribution .td li, .news-list .date{ font-weight:700;}
button.tiny, .button.tiny{font-family: 'Muli', sans-serif;}
#font-face {
font-family: "Univers";
src: url('/downloads/fonts/UniversLTStd-BoldCn.otf') format('opentype');
}
/************* Grid *****************/
[class*="block-grid-"] {margin:0 -0.438rem;}
[class*="block-grid-"]>li {padding:0 0.438rem 0.846rem}
/************* Common Styles *****************/
body{'Muli', sans-serif; color:#828282; font-size:.9rem; line-height: 1.1rem; letter-spacing:-.001em !important;}
p {
color: #828282;
line-height: 1.3rem;
font-size:.9rem;
font-family: 'Muli', sans-serif;
font-weight: 400;
letter-spacing:-.001em !important;
}
em {
color: #828282;
line-height: 1.2rem;
font-size:.9rem;
font-family: 'Muli', sans-serif;
font-weight: 400;
font-style:italic;
}
i {
color: #828282;
line-height: 1.2rem;
font-size:.9rem;
font-family: 'Muli', sans-serif;
font-weight: 400;
font-style:italic;
}
a {color: #006aa9;}
a:focus, a:hover {color: #565A5C;}
a.no-line{ text-decoration:none}
a.line{ text-decoration:underline}
a.grey:focus, a.grey:hover {color: #0376d6;}
a.white:focus, a.white:hover {color: #0376d6;}
.vline-lr{ border-left:#969696 1px solid;border-right:#969696 1px solid;}
.inline-block{ display:inline-block;}
img, a{-webkit-backface-visibility: hidden;-ms-interpolation-mode: bicubic;}
.pos-relative{ position:relative;}
.border-radius{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
.hr-orange{ border:none; border-bottom:#0376d6 solid 1px;}
.hr-blue{ border:none; border-bottom:#2f7fb7 solid 1px;}
.hr-med{ border:none; border-bottom:#acacac solid 1px;}
.hr-light{ border:none; border-bottom:#d7d7d7 solid 1px;}
.hr-8x{border-bottom-width:8px}
.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin-left: auto; margin-right: auto;}
.li-lh{ line-height:28px;}
h1 sup {font-size: 40%;top: -10px;font-weight: 600;}
h2 sup {font-size: 45%;top: -8px;font-weight: 600;}
.max-h520{ max-height:520px;}
.letter-space{ letter-spacing:-1px}
.vline-lr-white{ border-left:#FFF 1px solid;border-right:#FFF 1px solid; }
.l-h{ line-height:18px;}
ul.list, ol.list{ margin:10px 0 10px 40px;}
ul.list li, ol.list li{line-height:20px;margin-bottom:5px;}
/******** Responsive Youtube Video *******/
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/************* Typograpgy *****************/
h1, h2, h3, h4, .h-18x, .h-20x, .h-22x, .h-24x, .h-26x, .h-28x, .h-30x, .h-32x, .h-34x, .h-36x, .h-38x, .h-40x{letter-spacing:-0.04em !important;}
h5{ color:#0376d6;}
.h-44x{font-size:2.750rem;line-height:1.1em;}/*44 px*/
.h-56x{font-size:3.5rem;line-height:1.1em;}/*56 px*/
.h-54x{font-size:3.375rem;line-height:1.1em;}/*54 px*/
.h-68x{font-size:4.250rem!important; line-height:1.1em}
.p-22x{ font-size:1.375rem}
.redtitle{ color:#ff0033;}
h1 {
font-family: 'Univers', sans-serif;
font-size:2.2rem;
color: #f0ab00;
letter-spacing:.01em !important;
}
h2 {
color:#f0ab00;
font-family: 'Univers', sans-serif;
font-size: 1.7rem;
letter-spacing:.001em !important;
}
h3 {
position: absolute;
color: #fff;
text-shadow: none;
font-size: 2.6rem;
line-height: 36px;
font-family: Univers, sans-serif;
}
h4 {
color:#fffff;
font-family: Univers, Arial, sans-serif;
font-size: 1.0rem;
letter-spacing:.01em !important;
font-weight: 400;
margin-bottom:0px;
line-height:0px;
}
h5 {
color: #f0ab00;
line-height: 2.4rem;
font-size: 2.2rem;
font-family: Univers, sans-serif;
font-weight: 600;
}
h6 {
color: #828282;
line-height: 2.0rem;
font-size: 1.8rem;
font-family: Univers, sans-serif;
font-weight: 400;
}
h7 {
color: #828282;
line-height: 1.4rem;
font-size: 1.2rem;
font-family: Univers, sans-serif;
font-weight: 400;
}
h8 {
color: #f0ab00;
line-height: 2.5rem;
font-size: 1.1rem;
font-family: Univers, sans-serif;
font-weight: 600;
}
h9 {
color: #828282;
font-family: 'Muli', sans-serif;
font-size: 1.7rem;
letter-spacing:.001em !important;
height: 2em;
}
/************ Forms *******/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], select, textarea{ border:#d3d3d3 1px solid; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; height:1.3rem}
textarea{ resize:none;}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{border:#d3d3d3 1px solid; -webkit-border-radius:0;-moz-border-radius:0;border-radius:0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; background:#FFF;}
::-webkit-input-placeholder { color:#b1b1b1; font-style:italic; font-weight:300; }
::-moz-placeholder { color:#b1b1b1; font-style:italic; font-weight:300; } /* firefox 19+ */
:-ms-input-placeholder { color:#b1b1b1; font-style:italic; font-weight:300; } /* ie */
input:-moz-placeholder { color:#b1b1b1; font-style:italic; font-weight:300; }
label{ padding-bottom:5px;}
/************ Custon Select Box *******/
.JQselect{ padding:0;}
.full-width{ width:100%!important;}
.customSelect{ border:#d3d3d3 1px solid;padding: 0.5rem; background:#FFF url(images/select-all-bg.jpg) right center no-repeat; padding-right:30px; margin:0 0 1rem 0; height:2.875rem; font-size: 0.875rem; line-height:1.875rem;}
.customSelect span{width: auto!important;display: block!important;overflow: hidden; white-space:nowrap; color:#b1b1b1; font-style:italic; font-weight:300;}
.customSelect.customSelectChanged span{ color:#646464; font-style:normal; font-weight:400;}
.customSelect.blogselect{border: #ccc 1px solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;padding: 10px; background:url(images/select-bg.jpg) right center no-repeat; padding-right:30px;}
.customSelect.blogselect span{width: auto!important;display: block!important;overflow: hidden; white-space:nowrap; line-height:21px;}
/************* Buttons *****************/
button, .button{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#FFF 3px solid; background:#646464; /*padding:0.438rem*/ padding:0.2rem 0.838rem; font-size:1.125rem; }
button:hover, button:focus, .button:hover, .button:focus{ background:#fcb711;}
buttonmatrix, .buttonmatrix{ -webkit-border-radius:5px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.23); box-shadow:0px 0px 0px rgba(0,0,0,0.23); border:#FFF 1px solid; background:#b0afaf; /*padding:0.438rem*/ padding:0.5rem 0.7rem; font-size:0.8rem; color:#ffffff;}
buttonmatrix:hover, .buttonmatrix:hover { background:#006aa9; color:#ffffff;}
buttonmobile, .buttonmobile{ -webkit-border-radius:5px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:0px 0px 0px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 0px rgba(0,0,0,0.23); box-shadow:0px 0px 0px rgba(0,0,0,0.23); border:#FFF 1px solid; background:#b0afaf; /*padding:0.638rem*/ padding:0.8 rem 1.0rem; font-size:1.0rem; color:#ffffff;}
buttonmatrix:hover, .buttonmatrix:hover { background:#006aa9; color:#ffffff;}
.button-orange{ -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#FFF 3px solid; background:#0376d6; /*padding:0.438rem*/ padding:0.5rem 0.838rem; font-size:.9rem; font-color:#ffffff;}
.button-orange:hover, .button-orange:focus{background:#646464; font-color:#ffffff;}
.button-white-nobdr{ border:none; background:#FFF; color:#646464}
.button-white-border-gr { -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; border:#040505 1px solid; background:#ffffff; /*padding:0.438rem*/ padding:0.5rem 0.838rem; font-size:1.125rem; font-color:#0794dd;}
.button-white-border-gr:hover, button:focus, .button:hover, .button:focus{ background:#646464}
.button-white-nobdr:hover, .button-white-nobdr.active{border:none;background:#0376d6; color:#FFF}
button.large, .button.large{ font-size:1.688rem;/*27px*/ padding-top: 0.4rem;padding-right: 1.70rem;padding-bottom: 0.4rem;padding-left: 1.70rem;}
button.medium, .button.medium{font-size: 0.938rem;/*22px*/padding-top: 0.2rem;padding-right: 1.2rem;padding-bottom: 0.3rem;padding-left: 1.2rem;}
button.small, .button.small {padding-top: 0.20rem;padding-right: 0.7rem;padding-bottom: 0.285rem;padding-left: 0.7rem;font-size: 0.75rem; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
button.tiny, .button.tiny {padding-top: 0.20rem;padding-right: 0.4rem;padding-bottom: 0.285rem;padding-left: 0.4rem;font-size: 0.688rem; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
button-orange.small, .button-orange.small {padding-top: 0.20rem;padding-right: 0.7rem;padding-bottom: 0.285rem;padding-left: 0.7rem;font-size: 0.75rem; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; font-color:#ffffff;}
/* iCheck plugin Line skin
----------------------------------- */
.icheckbox_line, .iradio_line {position: relative;display: block; margin: 0; padding: 5px 0px 5px 35px; font-size: 14px; line-height: 17px; color: #ooo; border: none; cursor: pointer; font-weight:bold;}
.icheckbox_line{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; border:none;}
.icheckbox_line .icheck_line-icon, .iradio_line .icheck_line-icon {position: absolute; top: 6px; left: 5px; width: 25px; height: 25px; margin: -5px 0 0 0; padding: 0; overflow: hidden; background: url(images/line.png) no-repeat; border: none;}
.icheckbox_line .icheck_line-icon{background: url(images/line-check.png) no-repeat; border:none; }
#frmContact .icheckbox_line .icheck_line-icon{background: url(images/line-check-boxy.png) no-repeat; border:none; }
.iradio_line.hover {}
.icheckbox_line.checked, .iradio_line.checked {}
#frmContact .icheckbox_line.checked{background:none;}
.icheckbox_line.checked {-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; border:none;}
.icheckbox_line.checked .icheck_line-icon, .iradio_line.checked .icheck_line-icon, #frmContact .icheckbox_line.checked .icheck_line-icon{ background-position: -31px 0;}
.icheckbox_line.disabled, .iradio_line.disabled {cursor: default;}
.icheckbox_line.disabled .icheck_line-icon, .iradio_line.disabled .icheck_line-icon {background-position: 0 0;}
.icheckbox_line.checked.disabled, .iradio_line.checked.disabled {}
.icheckbox_line.checked.disabled .icheck_line-icon, .iradio_line.checked.disabled .icheck_line-icon {background-position: -45px 0;}
/************* Color *****************/
.orange{ color:#0376d6;}
.black{ color:#000;}
.blue{color:#0376d6}
.light-grey{color:#acacac}
.white{ color:#fff;}
.red{ color:#F00}
.dark-grey{ color:#43464B;}
.grey{color:#565A5C}
.orange-bg{ background-color:#0376d6;}
.dark-bg{background:#535353 url(images/glow-bg.png) center top no-repeat; color:#fff;}
.dark-sap{background:url(images/separator.png) right center no-repeat;}
.dark-sap p {padding-right:10px;}
.orange-gradient{background-image: -webkit-gradient(linear, center bottom, center top, color-stop(0%, #0376d6), color-stop(100%, #0376d6));
background-image: -webkit-linear-gradient(bottom, #0376d6 0%, #0376d6 100%);
background-image: -moz-linear-gradient(bottom, #0376d6 0%, #0376d6 100%);
background-image: -ms-linear-gradient(bottom, #0376d6 0%, #0376d6 100%);
background-image: -o-linear-gradient(bottom, #0376d6 0%, #0376d6 100%);
background-image: linear-gradient(to top, #0376d6 0%, #0376d6 100%);}
/************* Paddings & Margins *****************/
.m-tb15{margin-top:0.938rem !important; margin-bottom:0.938rem !important;}
.m-lr5{margin-left:0.313rem !important; margin-right:0.313rem !important;}
.m-lr10{margin-left:0.625rem !important; margin-right:0.625rem !important;}
.m-lr0{margin-left:0 !important; margin-right:0 !important;}
/************* Tables *****************/
.td * {line-height: 1; list-style: none outside none;}
.td{-webkit-box-shadow:0 3px 5px rgba(0,0,0,0.05);-moz-box-shadow:0 3px 5px rgba(0,0,0,0.05);box-shadow:0 3px 5px rgba(0,0,0,0.05); -webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px; }
.table-wrapper {margin-top: 50px;}
.table-wrapper .columns{padding: 0;}
.th-left {background: none repeat scroll 0 0 #f4e8df;border-radius: 10px 0 0 10px;list-style-type: none;}
.th-left li{ border-bottom: 1px solid #e1d6ce;font-size:0.938rem; height: 57px;line-height: 57px; overflow: hidden;padding-left: 1.5rem;text-overflow: ellipsis;white-space: nowrap;}
.th-left li:last-child {border-bottom: medium none;}
.td li.title, .th-left li.title{background-color: #0376d6; color: #FFF; font-size: 0.938rem; padding: 0.7rem 0; text-align: center;min-height: 62px;line-height: 1.2rem; border-bottom:#9096a0 1px solid; border-left:#ffa766 1px solid;}
.td li.title{ border-right:none;}
.td.last li.title{border-radius:0px 8px 0px 0px}
.td.last li{ border-right: 1px solid #eeeeee;}
.th-left li.title{ border-radius:8px 0 0px 0px; text-align:left; padding-left: 1.5rem;}
.td li {border-bottom: 1px solid #e5e5e5;font-size: 0.938rem;padding: 0.75rem; text-align: center;min-height: 57px; border-left: 1px solid #eeeeee; background:#FFF }
.td li > span { display: none;}
.td li:last-child{border-radius:0 0 8px 8px;}
.cell-link{cursor:pointer;}
.cell-link:hover{background-color:#0376d6;color:#FFF;}
.cell-link:hover a{color:#FFF;}
.data-table > .col-first{ padding-right:8px;}
.data-table > .col-first > ul{ list-style:none; text-align:left; font-weight:bold; -webkit-border-radius:8px 0px 0px 8px;-moz-border-radius:8px 0px 0px 8px;border-radius:8px 0px 0px 8px}
.data-table > .col-first > ul > li{ list-style:none; padding:15px;}
.data-table li{min-height:51px;}
.data-table > .col-first > ul.first > li.first{padding-left:5px;}
.data-table > .col-first > ul > li.first, .data-table > .col-all > .table-heading > ul.first > li{ min-height:60px;}
.data-table > .col-all > .table-heading, .data-table > .col-first > ul.first{ background:#ffffff; border:#FFF 3px solid; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2); color:#FFF; margin-bottom:15px;}
.data-table > .col-all > .table-heading{ -webkit-border-radius:0 8px 8px 0px;-moz-border-radius:0 8px 8px 0px; border-radius:0 8px 8px 0px;text-align:center}
.data-table > .col-first > ul.first{ -webkit-border-radius:8px 0px 0px 8px;-moz-border-radius:8px 0px 0px 8px;border-radius:8px 0px 0px 8px}
.data-table ul li{ padding:15px 5px;}
.data-table ul{ margin:0}
.data-tables > .col-first{ padding-right:8px;}
.data-tables > .col-first > ul{ list-style:none; text-align:left; font-weight:bold; -webkit-border-radius:8px 0px 0px 8px;-moz-border-radius:8px 0px 0px 8px;border-radius:8px 0px 0px 8px}
.data-tables > .col-first > ul > li{ list-style:none; padding:15px;}
.data-tables li{min-height:0px;}
.data-tables > .col-first > ul.first > li.first{padding-left:5px;}
.data-tables > .col-first > ul > li.first, .data-table > .col-all > .table-heading > ul.first > li{ min-height:60px;}
.data-tables > .col-all > .table-heading, .data-table > .col-first > ul.first{ background:#ffffff; border:#FFF 3px solid; color:#FFF; margin-bottom:15px;}
.data-tables > .col-all > .table-heading{ -webkit-border-radius:0 8px 8px 0px;-moz-border-radius:0 8px 8px 0px; border-radius:0 8px 8px 0px;text-align:center}
.data-tables > .col-first > ul.first{ -webkit-border-radius:8px 0px 0px 8px;-moz-border-radius:8px 0px 0px 8px;border-radius:8px 0px 0px 8px}
.data-tables ul li{ padding:15px 5px;}
.data-tables ul{ margin:0}
.data-table > .col-all > .table-content, .data-table > .col-first > ul{border:#FFF 3px solid; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2);}
.data-table > .col-all > .table-content{ -webkit-border-radius:0 8px 8px 0px;-moz-border-radius:0 8px 8px 0px;border-radius:0 8px 8px 0px; text-align:center}
.bg-e1{ background-color:#e1e1e1;}
.bg-e12{ background-color:#006aa9;}
.bg-e15{ background-color:#ffffff;}
/************* Background & Grandients *****************/
.gradient-lr{background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIwLjQ2IiBzdG9wLWNvbG9yPSIjZjBmMGYwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJyZ2IoMTcwLCAxNzAsIDE3MCkiLz48L3JhZGlhbEdyYWRpZW50PjxyZWN0IHg9IjAlIiB5PSIwJSIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0icmdiKDE3MCwgMTcwLCAxNzApIiAvPjxyZWN0IHg9Ii0xLjA3MzUlIiB5PSItMTk1LjE1MyUiIHdpZHRoPSIxMDIuMTQ3MSUiIGhlaWdodD0iNDkwLjMwNiUiIGZpbGw9InVybCgjZykiIC8+PC9zdmc+);
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 981, color-stop(0%, #ffffff), color-stop(46%, #f0f0f0), color-stop(100%, rgb(170, 170, 170)));
background-image: -webkit-radial-gradient(center center, farthest-corner circle, #ffffff 0%, #f0f0f0 46%, rgb(170, 170, 170) 100%);
background-image: -moz-radial-gradient(center center, farthest-corner circle, #ffffff 0%, #f0f0f0 46%, rgb(170, 170, 170) 100%);
background-image: -ms-radial-gradient(center center, farthest-corner circle, #ffffff 0%, #f0f0f0 46%, rgb(170, 170, 170) 100%);
background-image: -o-radial-gradient(center center, farthest-corner circle, #ffffff 0%, #f0f0f0 46%, rgb(170, 170, 170) 100%);
background-image: radial-gradient(farthest-corner circle at center center, #ffffff 0%, #f0f0f0 46%, rgb(170, 170, 170) 100%);
}
.gradient-b{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 30%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 30%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 30%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 30%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 30%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */}
.gradient-t{background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top, #f4f4f4 0%, #ffffff 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f4f4f4 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f4f4f4 0%,#ffffff 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f4f4f4 0%,#ffffff 70%); /* IE10+ */
background: linear-gradient(to bottom, #f4f4f4 0%,#ffffff 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
.gradient-l{background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(left, #f4f4f4 0%, #ffffff 70%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f4f4f4), color-stop(70%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #f4f4f4 0%,#ffffff 70%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #f4f4f4 0%,#ffffff 70%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #f4f4f4 0%,#ffffff 70%); /* IE10+ */
background: linear-gradient(to right, #f4f4f4 0%,#ffffff 70%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */}
.gradient-r{background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(left, #ffffff 30%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(30%,#ffffff), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #ffffff 30%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #ffffff 30%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #ffffff 30%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to right, #ffffff 30%,#f4f4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 */}
.gradient-radial{background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%, rgba(244,244,244,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(60%,rgba(255,255,255,1)), color-stop(100%,rgba(244,244,244,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%,rgba(244,244,244,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%,rgba(244,244,244,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 60%,rgba(244,244,244,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 60%,rgba(244,244,244,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.bg-grey-f5{ background:#f5f5f5;}
.bg-grey-eb{ background:#ebebeb}
.bg-grey-c8{ background:#c8c8c8}
.bg-white{ background:#FFF;}
.bg-grey-f0{ background:#f0f0f0}
.bg-grey-e6{ background:#e6e6e6}
.bg-grey-dark{ background:#646464}
/************* Header *****************/
#sticky-nav{width:100%;z-index:9999;background-color:#FFF;position:fixed;top:0;}
header{border-bottom:#cccccc 1px solid;z-index:9999}
.header-box{position:relative;}
.header-text{font-size:.8rem; color: #5d5d5d;}
.logo{ padding: 20px 10px 10px 0px;}
.desktop-nav-parent{ position:static; }
.search-btn{ float:left; }
#top-navigation > li > a.button-store{ float:right; margin:15px 0 0; padding:0.275rem 0.938rem; color:#fff!important;}
#top-navigation > li > a.button-store:hover{background:#0376d6}
#top-navigation > li > a.search-btn{ float:right; margin:0; margin:0 1rem 0 0; width:80px; height:66px; background:url(images/search-icon.png) center 14px no-repeat!important;}
#top-navigation > li > a.search-btn:hover{background-color:#646464!important}
/************* TNB *****************/
#top-navigation{ margin:0; padding:0; list-style:none; float:right;}
#top-navigation > li{ float:left; margin:0; padding:0;}
#top-navigation > li > a{ font-size: .88em; font-weight:700; color:#646464; text-decoration:none; padding:20px .75em; display:block;}
#top-navigation > ul > li > ul {display: none;}
#top-navigation > li > a:hover, #top-navigation > li.over > a{ background:#646464; color:#FFF;}
#product-sub-menu .nav-gradient-lr{ padding-bottom:20px;}
.search-form{ width: 150px; height:20px; font-size:12px; margin: 0px 10px 0px 10px; padding:0px 0px 0px 0px; float:right; color:#9d9d9d;}
.sub-menu-box{ position:absolute; opacity: 0.97; filter: alpha(opacity=60); top:88px; background:#646464; text-align:left; display:none; z-index:999; -webkit-border-bottom-left-radius:8px; -moz-border-bottom-left-radius:8px; border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px; border-bottom-right-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#ffffff 1px solid; background:#646464; /*padding:0.438rem*/ padding:0.5rem; font-size:1.125rem;}
.level2 ul {right: -80%; opacity: 0.97; filter: alpha(opacity=60); top: 0px; text-align:left; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#FFF 1px solid; background:#646464; /*padding:0.438rem*/ padding:0.2rem 0.838rem; font-size:1.125rem;}
.level3 ul {right: -55%; opacity: 0.97; filter: alpha(opacity=60); top: 33px; text-align:left; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#FFF 1px solid; background:#646464; /*padding:0.438rem*/ padding:0.2rem 0.838rem; font-size:1.125rem;}
.visualmenu { position:absolute; top:67px; text-align:left; display:none; z-index:999;}
.visualmenu3 { position:absolute; top:67px; text-align:left; display:none; z-index:999;}
ul.level2.visualmenu {left: 85%; top: 0px; opacity: 1; min-width: 500px; text-align:left; list-style: none; border-radius: 0; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#646464 1px solid; background-image: radial-gradient(farthest-corner circle at center center, #ffffff 0%, #f0f0f0 46%, rgb(190, 190, 190) 100%); padding:0; font-size:0.9rem;}
ul.level3.visualmenu {left: 85%; top: 33px; opacity: 1; min-width: 500px; text-align:left; list-style: none; border-radius: 0; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#646464 1px solid; background-image: radial-gradient(farthest-corner circle at center center, #ffffff 0%, #f0f0f0 46%, rgb(190, 190, 190) 100%); padding:0; font-size:0.9rem;}
.visualmenu .container {color:#646464;}
.visualmenu .container table td {padding: 0.5rem;}
.visualmenu .container table td.product-text {width: 60%;}
.visualmenu .container table td.product-text .title {font-weight: bold; font-size: 1rem;}
.visualmenu .container table td.product-text .heading {font-size: 0.75rem; font-weight: bold; color:#ff6c00;}
.visualmenu .container table td .content {font-size: 0.9rem; padding: 0.5rem 0;}
.visualmenu .header-buttons .button.small {margin-bottom: 0; font-size: 0.6rem;}
.visualmenu3 .container {color:#646464;}
.visualmenu3 .container table td {padding: 0.5rem;}
.visualmenu3 .container table td.product-text {width: 60%;}
.visualmenu3 .container table td.product-text .title {font-weight: bold; font-size: 1rem;}
.visualmenu3 .container table td.product-text .heading {font-size: 0.75rem; font-weight: bold; color:#ff6c00;}
.visualmenu3 .container table td .content {font-size: 0.9rem; padding: 0.5rem 0;}
.visualmenu3 .header-buttons .button.small {margin-bottom: 0; font-size: 0.6rem;}
.search {float:right; margin: 0px 5px 0px 5px; padding:0px 3px 0px 3px; font-size:12px;}
.screen-reader-text{color:#fff; margin-bottom:5px; display:block}
.sub-menu-box li:hover .nav-detail-box, #top-navigation li:hover .search-form{ display:block!important ;z-index:999!important;}
.search-field {width: 150px; height:20px; font-size:12px; margin: 0px 10px 0px 10px; padding:0px 3px 0px 3px; float:right; color:#9d9d9d;}
.search-form .screen-reader-text, .search-form .search-submit {display:none;}
.search-form input[type="search"] {height: 20px; padding:0px 3px 0px 3px; font-size:12px;}
.sub-menu-box { margin-top:-1px;}
.sub-menu-box > li{ float:none; display:block; position: relative;}
.sub-menu-box > li > a{ color:#FFF; text-decoration:none; padding:10px; display:block; font-size: .85rem; font-weight:400; width:100%;}
.sub-menu-box > li > a:hover, .sub-menu-box > li.over > a, .sub-menu-box > li:hover, .sub-menu-box > li:hover > a{ background:#FFF; color:#646464;}
.nav-detail-box{ margin-top:38px; position:absolute; display:none; top:0; left:0; width:100%; text-align:left}
.nav-detail-box .button.small{}
.nav-gradient-lr{-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px; padding:50px 0 0px; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxyYWRpYWxHcmFkaWVudCBpZD0iZyI+PHN0b3Agb2Zmc2V0PSIwLjIxIiBzdG9wLWNvbG9yPSIjZmZmZmZmIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOTY5Njk2Ii8+PC9yYWRpYWxHcmFkaWVudD48cmVjdCB4PSIwJSIgeT0iMCUiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9IiM5Njk2OTYiIC8+PHJlY3QgeD0iLTM2LjA3JSIgeT0iLTE0MC4xNSUiIHdpZHRoPSIxNzIuMTQlIiBoZWlnaHQ9IjM4MC4zJSIgZmlsbD0idXJsKCNnKSIgLz48L3N2Zz4=);
background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 1653, color-stop(21%, #ffffff), color-stop(100%, #969696));
background-image: -webkit-radial-gradient(center center, 86.07% 190.15%, #ffffff 21%, #969696 100%);
background-image: -moz-radial-gradient(center center, 86.07% 190.15%, #ffffff 21%, #969696 100%);
background-image: -ms-radial-gradient(center center, 86.07% 190.15%, #ffffff 21%, #969696 100%);
background-image: -o-radial-gradient(center center, 86.07% 190.15%, #ffffff 21%, #969696 100%);
background-image: radial-gradient(86.07% 190.15% at center center, #ffffff 21%, #969696 100%);}
.nav-bordered{border:1px solid #FFF; border-top:none; padding:0 3px 3px 3px;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px; }
/********Mega Menu*********/
#top-navigation .mega-menu{ position:absolute;display:none; width:100%; z-index:10; list-style:none; left:0; right:0; text-align:left;}
#top-navigation .mega-menu .nav-gradient-lr{padding:20px;}
#top-navigation .mega-menu .row{ margin:0 auto!important}
#top-navigation .mega-menu ul > li{padding:7px 20px;line-height: 1.4rem;}
#top-navigation .mega-menu ul > li:hover{background:#656565; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
#top-navigation .mega-menu ul > li:hover span{color:#fff;}
#top-navigation .mega-menu > ul, #top-navigation .mega-menu .row{ }
#top-navigation > li:hover .mega-menu{display:block}
#top-navigation .mega-menu span{color:#646464;}
.mega-menu-resource{ border-right:1px solid #000;}
/************* Home *****************/
.banner{border-bottom:#cccccc 1px solid;background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 71%, rgba(211,211,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,1)), color-stop(71%,rgba(255,255,255,1)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(211,211,211,1) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(211,211,211,1) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 71%,rgba(211,211,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d3d3d3',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
/******** Home Interactive Section *********/
.home-box{position:relative; margin-top:-70px}
.baseimg{ position:relative;pointer-events:none}
.intractive-box img{position:absolute; cursor:pointer; z-index:1}
.drobo1{ left:62.5%; top:74%; width:20.46%;}
.drobo2{ left:77%; top:51%;width:18.1%;}
.drobo3{ left:62%; top:40%;width:16.2%; }
.drobo4{ left:50%; top:21%;width:15.6%;}
.drobo5{ left:19%; top:31%;width:25.3%;}
.drobo6{ left:29.5%; top:51%;width:39.4%;}
.drobo7{ left:5%; top:51%;width:28.75%;}
.intractive-hover .orange{ font-size:1rem;}
.infobox{border:1px solid #0376d6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; padding:2px; position:absolute;z-index:3; text-align:left; display:none}
.infobox .infocontent{
background-image: -webkit-gradient(radial, 50% 138%, 0, 50% 138%, 957, color-stop(0.3891%, #ffffff), color-stop(100%, #656565));
background-image: -webkit-radial-gradient(center 138%, farthest-corner, #ffffff 1%, #656565 257%);
background-image: -moz-radial-gradient(center 138%, farthest-corner, #ffffff 1%, #656565 257%);
background-image: -ms-radial-gradient(center 138%, farthest-corner, #ffffff 1%, #656565 257%);
background-image: -o-radial-gradient(center 138%, farthest-corner, #ffffff 1%, #656565 257%);
background-image: radial-gradient(farthest-corner at center 138%, #ffffff 1%, #656565 257%);
color:#656565; display:inline-block; padding:10px 20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.infobox .h-32x{display:block; color:#656565;}
.infobox img{position:absolute;}
.infobox-type{padding-left:30px;}
.drive1{left:40%; top:32.5%;}
.drive2{left:32%; top:45%;}
.drive3{left:5%; top:49.5%;}
.drive4{left:-5%; top:31%;}
.drive5{left:55%; top:37%;}
.drive6{left:23%; top:15%;}
.drive7{left:42%; top:53%;}
.line-box img{display:none; z-index:3;}
.line1{left:57%; top:51%; width:28%; position:absolute;}
.line2{left:59%; top:36%; width:40.9%; position:absolute;}
.line3{left:44%; top:37%; width:36.25%; position:absolute;}
.line4{left:24%; top:20%; width:44.3%; position:absolute;}
.line5{left:14%; top:25%; width:58.6%; position:absolute;}
.line6{left:26%; top:31%; width:46.45%; position:absolute;}
.line7{left:2%; top:35%; width:54.85%; position:absolute;}
.banner-text{margin-bottom:-55px; position:relative; z-index:1; margin-top:27px;}
/************* Zoom on Homepage *****************/
.zoom-effect{max-width: 100%;
overflow: hidden;
position: relative;
text-align: center;
display:block;
margin-top:3px;border:3px solid #fff;
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23);
}
.zoom-effect img {
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.zoom-effect:hover img {
-webkit-transform: scale(1.3,1.3);
-moz-transform: scale(1.3,1.3);
-o-transform: scale(1.3,1.3);
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3);
}
.zoom-text{position:absolute; z-index:2; color:#fff; display:block; width:60%; text-align:left; margin:10px;font-size:1.7rem;}
.zoom-text strong{font-size:3rem; display:block;}
/************* Flip on Homepage *****************/
.flip-container {-webkit-perspective: 1000;-moz-perspective: 1000;-ms-perspective: 1000;perspective: 1000;-ms-transform: perspective(1000px);-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;}
.flip-container:hover .back, .flip-container.flipped .back {-webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-o-transform: rotateY(0deg);-ms-transform: rotateY(0deg);transform: rotateY(0deg);}
.flip-container:hover .front, .flip-container.flipped .front {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip-container, .front, .back {width: 100%;}
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-ms-transition: 0.6s;-moz-transition: 0.6s;-moz-transform: perspective(1000px);-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;-o-transform-style: preserve-3d;-ms-transition: 0.6s;-ms-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: absolute;top: 0px;left: 0;}
.front {-webkit-transform: rotateY(0deg);-ms-transform: rotateY(0deg);z-index: 2;}
.back {-webkit-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-ms-transform: rotateY(-180deg);transform: rotateY(-180deg);}
.gateway-form{ background-color:#b4b4b4; padding:30px; color:#fff; font-size:.85rem;border:3px solid #fff;
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); }
.gateway-form span{font-size:1.7rem; display:block; font-weight:normal; margin:5px 0;}
.gateway-form input{height:2rem; margin:5px 0;}
/************* Inner Pages *****************/
#content-wrapper{ min-height:400px;margin-top:68px;}
.bordered-box{ -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px; border:#FFF 3px solid; -webkit-box-shadow:0 0 3px rgba(0,0,0,0.23);-moz-box-shadow:0 0 3px rgba(0,0,0,0.23);box-shadow:0 0 3px rgba(0,0,0,0.23);overflow:hidden;}
.content-box{padding-left:3.125em;padding-right:3.125em;margin-top:1.375em;}
#specification-box h5, #specification-box p{ font-size:0.875rem; letter-spacing:-1px;}
#specification-box ul li{ font-size: 0.875rem; letter-spacing: -1px; margin-left:18px; color:#646464; line-height:1.15rem; list-style-type:square}
#Resource-shortcode p{font-size:0.875rem;line-height:1.425em; margin-top:1em}
.tab-contents .tab-content{display:none;}
.banner-tab li a{ display:block; text-align:center; padding:10px; border:1px solid transparent;}
.banner-tab li a.selected, .banner-img-tab li a:hover{ border:#000 1px solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
.page-title{font-size:2.75rem;}
.section-title{font-size:2.75rem;margin-top:2.5rem;margin-bottom:2.5rem;text-align:center;}
.block-title{font-size:2rem;margin-top:0.9375rem;margin-bottom:0.9375rem;padding-left:0.9375rem;}
#simple-content ul, #simple-content ol{ margin:0 0 0.875rem;}
#simple-content li{ line-height:1.375em; margin-left:20px; }
#carrer-banner{background:url(images/bg_carrer_banner.jpg) center top no-repeat;margin-top:-20px;}
#team-banner{background:#343436;margin-top:-20px;}
ul.banner-tab-B800fs li{ float:none; width:100%; min-width:5.5rem;}
.header-buttons .button.small{ min-width:5.5rem; }
/************* Press Kit *************/
#product-shots li img, #drobo-logos img{display:block;margin:0 auto;}
/************* Product Landing Page *************/
.features-selection-links li{ margin-right:10px; float:left; list-style:none;}
.features-selection-links label{color:#fff; font-weight:bold;}
.features-selection-links input{margin-right:5px;}
/************* Product Detail Page *************/
.orange-table{ border-radius:8px; border:#CCC 1px solid; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.orange-table tr th { background:#0376d6; font-size:1.5rem; padding:0.8rem; color:#FFF; }
.orange-table tr td{ padding:0.8rem; font-size:0.8rem}
.orange-table tr th:first-child, .orange-table tr td:first-child{ text-align:right; width:41%;}
.orange-table tr.even{ background:#e5e5e5;}
.orange-table tr.odd{ background:#FFF;}
.orange-table tr td:first-child{font-size:1rem}
.bg-b1200i-image{ background:#f5f5f5 url(images/b1200i-enviorrment-bg.jpg) right top no-repeat;}
#related-products a{ display:block; border-bottom:#CCC 5px solid; min-height:125px; margin-bottom:10px;}
#related-products a.active{ border-bottom-color:#0C0;}
/************* Contact Page *************/
#contact-map-banner{ background:url(images/map.jpg) center top no-repeat; padding:130px 0}
.address-icon{ background:url(images/address.png) left top no-repeat; padding-left:38px;}
#contact-map-banner address{ font-style:normal; font-weight:normal;}
/************* Which Drobo Is Right Page *************/
#drobo-product-family ul li{ padding-left:15px; padding-right:15px; }
#drobo-product-family h5{margin:0;}
#drobo-product-family p{font-size:0.875rem}
#drobo-product-family .product-detail{ min-height:190px; text-align:center;}
#drobo-product-family .product-detail span{ display:block; margin-bottom:20px;}
#drobo-product-family .product-img{ min-height:120px; text-align:center;}
#drobo-product-family .product-spec{ min-height:85px;}
/****************Where To Buy Page***************/
#Resellers .tabContent ul li{ font-weight:600; padding:15px 0 5px 16px; line-height:22px;}
#Resellers .tabContent ul li a{ color:#646464}
#Resellers .tabContent ul li a:hover{ color:#0376d6}
.get-a-quote{ padding-top:150px;}
/****************Drobo Apps Page*****************/
.copy{ margin-top:-25px;}
#community-apps p{font-size: 0.8rem;}
#community-apps ul li{ text-align:center; padding:0 25px;min-height:218px !important;}
#community-apps .apps-height{ min-height:70px; line-height: 1.375em; margin-bottom: .875rem; font-size:0.8rem;}
#community-apps li span{ display:block;}
#community-apps li a span{ color:#646464;}
#community-apps li > a{ height:130px; display:block;}
#community-apps li .grid-detail a.link-gray{ color:#646464; border-bottom:#9e9e9e 1px solid; display:inline-block; line-height:16px;}
/* Grid Functionality */
.grid-wrapper{padding:0 7px;}
.grid-detail{display:none;position: absolute;top: auto;left: -50px;margin:10px 5px;text-align: left;overflow: hidden; width:109%; line-height:24px;}
.grid-detail-inner {padding: 50px 0;background: #fff; margin:0; overflow:hidden; width:100%}
.grid-detail-inner p{padding-right:80px; margin-top:20px;font-size:16px !important;}
#grid-view > li > a, #grid-view > li > a img {border: none;outline: none;position: relative;}
/*#grid-view > li > a, #grid-view img, #grid-view a *{ cursor:default !important;}*/
li.grid-opened > a::after {top: auto;border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #FFF; border-width: 20px; left: 50%; margin:54px 0 0 -15px;}
@-moz-document url-prefix(){ li.grid-opened > a::after { margin: 53px 0 0 -15px;}}
#g6-team li.grid-opened > a::after{margin: 30px 0 0 -15px;}
.og-close {position: absolute; width: 20px; height: 20px; top: 20px; right: 20px; cursor: pointer; z-index:999; padding-right:15px;}
.og-close::before,.og-close::after { content: ''; position: absolute; width: 100%; top: 50%; height: 2px; background: #888; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);}
.og-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);}
.og-close:hover::before,.og-close:hover::after { background: #333;}
.static-page h2 {color:#5d5d5d; font-weight:normal; font-size:18px; padding:0 20px;}
/****************Choose Drive****************/
#drive-chart .drive-compare .th-left li.title{ background:#ff5100; border-radius: 8px 8px 0px 0px;font-size: 1.8rem;font-weight: 300; padding-left:0 !important;}
#drive-chart .drive-compare .th-left{ color:#fff; text-align:right; background: #5f5f5f;
background: -moz-linear-gradient(top, #5f5f5f 0%, #474747 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5f5f), color-stop(100%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5f5f5f 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5f5f5f 0%,#474747 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f5f5f 0%,#474747 100%); /* IE10+ */
background: linear-gradient(to bottom, #5f5f5f 0%,#474747 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
}
#drive-chart .drive-compare .th-left li{ font-size:1.2rem; padding-right:2rem; font-weight:600; border-bottom:none !important; background:#f8631f;}
#drive-chart .drive-compare .th-left .dark-orange-bg{ background:#ff5100 !important;}
#drive-chart .drive-compare .td li.title{font-size: 0.8rem;border-bottom: #676767 1px solid; border-left: #676767 1px solid; background: #5f5f5f;
background: -moz-linear-gradient(top, #5f5f5f 0%, #474747 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f5f5f), color-stop(100%,#474747)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #5f5f5f 0%,#474747 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #5f5f5f 0%,#474747 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #5f5f5f 0%,#474747 100%); /* IE10+ */
background: linear-gradient(to bottom, #5f5f5f 0%,#474747 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5f5f', endColorstr='#474747',GradientType=0 ); /* IE6-8 */
}
#drive-chart .drive-compare .td li{ border-bottom:none; border-left:none}
#drive-chart .drive-compare .td li.light-grey{ background:#e3e3e3;}
#drive-chart .drive-compare .td.last li.light-grey:last-child{border-radius:0 0 8px 0;}
#drive-chart .drive-compare .th-left li:last-child{border-radius:0 0 0 8px;}
#drive-chart .drive-compare .td li:last-child{border-radius:0;}
#drive-chart .drive-compare .td{box-shadow: none;}
#drive-chart .drive-compare sup, .migration-chart .direct-storage sup{ color:#ff5100;}
#drive-chart ol li, .migration-chart ol li{ line-height:18px;}
/************* Questions *************/
#questions-box{ background:#e2e3e3;-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; color:#646464;}
#questions-box .action-box .button{ background:#414141; font-size:0.755rem;}
#questions-box .action-box .button:hover, #questions-box .action-box .button.next:hover, #questions-box .action-box .button.prev:hover{ background-color:#0376d6}
#questions-box .action-box .button.next{ background:#414141 url(images/next-arrow.png) right center no-repeat; padding-right:30px;}
#questions-box .action-box .button.prev{ padding-left:30px; margin-right:5px; background:#414141 url(images/prev-arrow.png) left center no-repeat;}
#questions-box ul{margin-left:35px; }
#questions-box li{background:url(images/radio-orange.png) left top no-repeat; list-style:none; padding-left:35px; line-height:24px; margin-bottom:20px; cursor:pointer}
#questions-box li.selected{background:url(images/radio-orange-select.png) left top no-repeat; font-style:italic;}
#questions-box #Results .result-title p{}
#Results .right-result{ background:url(images/right-separatore.png) left center no-repeat; padding-left:20px;}
#Results .p-bullet{ background:url(images/p-bullet.png) no-repeat left 7px; padding-left:18px;margin-bottom:0; }
#Results p{ }
.action-box a.compare{float:right; display:inline-block;}
/************* Capacity Calculator *************/
#calculator-tab li a{ min-height:165px; display:block; border:#e2e3e3 3px solid; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:10px; color:#646464; text-align:center; font-size:1.313rem}
#calculator-tab li a span{ display:block;}
#calculator-tab li a img{ margin-top:10px;}
#calculator-tab li a.selected{ background:#e2e3e3; border:#FFF 3px solid; color:#646464}
#calculator-content object{ padding-left:20px; width:600px; height:590px;}
/************* BeyoundRaid *************/
#campare-beyoundraid .td.otherraid-feature-list{box-shadow:0 3px 5px rgba(0,0,0,0.08); border-radius:8px;}
#campare-beyoundraid .td.otherraid-feature-list li.title { border-left: 4px solid #acacac;font-size:1.25rem;}
#campare-beyoundraid .td.otherraid-feature-list li{border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
#campare-beyoundraid .td.droboraid-feature-list{ box-shadow:0 25px 50px rgba(0,0,0,0.20); border-radius:0 0 8px 8px; position: relative;z-index: 1;}
#campare-beyoundraid .td.droboraid-feature-list li.title {background: none repeat scroll 0 0 #0376d6;}
#campare-beyoundraid .td.droboraid-feature-list li {background: none repeat scroll 0 0 #FFFFFF; border-right: 1px solid #eeeeee;}
#campare-beyoundraid .th-left{ margin-top:50px;}
#campare-beyoundraid .td li.title {background-color: #acacac;color: #FFF;font-size: 1.563rem;padding: 0.7rem 1rem;text-align: center;border-radius: 8px 8px 0 0;min-height: 50px;text-shadow: 1px 1px 0 rgba(0,0,0,0.25);}
#campare-beyoundraid .th-left li {font-size: 1rem;}
#campare-beyoundraid .td li:last-child{ min-height:65px;}
/************* SiteMap *************/
.sitemap-menu li{list-style:disc; line-height:28px; margin-left:20px;}
/************* Contact Support *************/
#contact-support-table .td li {text-align: left;min-height: 121px;line-height: 1.5rem;}
#contact-support-table .th-left li{min-height: 121px;}
#contact-support-table .td li.title, #contact-support-table .th-left li.title{min-height: 57px; padding-left:0.75rem}
.data-table.technical-support .table-content ul li.first, .data-table.technical-support .table-content ul li.last {font-size: 0.9rem;line-height: 1.2rem;}
.data-table.technical-support li {min-height: 106px;}
.data-table.technical-support-small ul{border:#FFF 3px solid; -webkit-border-radius:8px 8px 8px 8px;-moz-border-radius:8px 8px 8px 8px;border-radius:8px 8px 8px 8px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.data-table.technical-support-small ul li.first{-webkit-border-radius:8px 8px 0px 0px;-moz-border-radius:8px 8px 0px 0px;border-radius:8px 8px 0px 0px;}
.data-table.technical-support-small ul li.last{-webkit-border-radius:0px 0px 8px 8px;-moz-border-radius:0px 0px 8px 8px;border-radius:0px 0px 8px 8px;}
.data-table.technical-support-small ul.first{background:#646464; border:#FFF 3px solid; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:0 0 5px rgba(0,0,0,0.2);box-shadow:0 0 5px rgba(0,0,0,0.2); color:#FFF; margin-bottom:15px;}
/************* Drobo Care *************/
#drobo-care-warranty .td li{text-align: left;min-height:98px;line-height: 1rem; font-size:13px; padding-top:1.2rem; background:#e1e1e1; border-bottom:#FFFFFF solid 1px;}
#drobo-care-warranty .th-left li{min-height:98px;}
#drobo-care-warranty .th-left{ background:#646464; color:#FFF;}
#drobo-care-warranty .td li.title, #drobo-care-warranty .th-left li.title{min-height: 57px; padding-top:1.3rem; font-size:16px;}
#drobo-care-warranty .th-left li.title{ padding-left:1.5rem}
#drobo-care-warranty .corner-top-right{border-radius:0px 8px 0px 0px !important;}
#drobo-care-warranty .parent-td-title{ min-height:57px!important; padding:0!important; border-radius:0px 8px 0px 0px !important; border-left:none!important;}
#drobo-care-warranty .td li:first-child {border-radius: 0px 8px 0px 0px;}
#drobo-care-warranty-distribution .no-title { margin-top:67px;}
#drobo-care-warranty-distribution .td li{ font-size:18px; text-align:center; padding-top:24px; min-height:90px; }
#drobo-care-warranty-distribution .th-left li{min-height: 90px;text-overflow: inherit;white-space: normal;line-height: 22px;padding-top: 24px;}
#drobo-care-warranty-distribution .td li.title, #drobo-care-warranty-distribution .th-left li.title { padding:10px 0; min-height:63px; font-size:18px; }
#drobo-care-warranty-distribution .td.first li.title{-webkit-border-radius: 10px 0 0 0px;-moz-border-radius: 10px 0 0 0px;border-radius: 10px 0 0 0px;}
/************* News *************/
.news-feeds .date, .awards-feeds, .Homepage-feeds .press-release-feeds .date{float:left;}
.news-feeds .date, .news-list .date, .awards-list, .Homepage-list. .date, .awards-feeds, .Homepage-feeds, .date, .review-list .date, .press-release-feeds .date, .press-release-list .date{ background:#afafaf; border-radius:4px; width:55px; height:55px; text-align:right; padding:13px; color:#FFF; font-size:0.875rem; line-height:1rem;display:block;font-weight:bold; }
.awards-feeds img{ float:left; max-width:50px;}
.Homepage-feeds img{ float:left; max-width:50px;}
.news-feeds img, .review-feeds img, .press-release-feeds img{ float:left; max-width:70px;}
.news-feeds p, .review-feeds p, .press-release-feeds p{margin-left:84px;line-height:1.2rem;margin-bottom:0;}
.awards-feeds p{margin-left:70px;line-height:1.2rem;margin-bottom:0;}
.Homepage-feeds p{margin-left:70px;line-height:1.2rem;margin-bottom:0;}
.review-feeds{line-height:1.3rem;}
.news-list .row, .awards-list .row, .Homepage-list .row, .review-list .row{border-bottom:1px solid #e7e7e7;}
.section-title-dark{-webkit-border-radius: 8px 8px 0 0;-moz-border-radius: 8px 8px 0 0;border-radius: 8px 8px 0 0;-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.23);box-shadow: 0px 0px 3px rgba(0,0,0,0.23);border: #FFF 3px solid;background: #646464; color:#FFF; padding:0.8rem 1.650rem;}
.news-landing-page .brief{ color:#0376d6;}
.news-landing-page .brief a{ color:#646464 }
.news-landing-page .brief a:hover{ color:#0376d6 }
.news-landing-page .more-link{ height:20px;}
.news-landing-page .more-link a{ position:absolute; bottom:20px; right:20px}
.news-landing-page section{ position:relative;}
.news-landing-page .review-feeds{ font-weight:400}
.news-landing-page .review-feeds a{ font-weight:600;}
/************* Social Media*************/
.social-landing-page{}
#facebook h2{ background:url(images/facebook-bg-icon.png) 7% center no-repeat; padding-left:60px;}
#twitter h2{ background:url(images/twitter-bg-icon.png) 3% center no-repeat; padding-left:65px;}
#instagram h2{ background:url(images/instagram-bg-icon.png) 4% center no-repeat; padding-left:68px;}
.facebook{background-color:#4e61c4 !important;}
.twitter{background-color: #55acee !important;}
.instagram{background-color: #646464 !important;}
#twitter .social-title, #instagram .social-title, #facebook .social-title { display:none;}
#twitter-widget-0 .e-entry-title a{ color:#0376d6 !important;}
.facebook-bottom{background-color:#4e61c4 !important; }
.twitter-bottom{background-color:#55acee !important; }
.instagram-bottom{background-color:#646464 !important;}
.facebook-bottom a, .twitter-bottom a, .instagram-bottom a{ color: #fff; border-bottom:#FFFFFF solid 1px;}
.like-follow{ float:right; margin-top:-4px;}
/**************** Resource *****************/
ul.resources-list{margin-bottom:0!important;}
ul.solutions-list li{list-style:none; padding-bottom:5px !important;}
ul.resources-list li, ul.solutions-list li.pdf-icon{list-style:none; background:url(images/download.png) left top no-repeat; padding:0 0 10px 30px; margin-left:0 !important; margin-bottom:9px;}
#downloads ul.resources-list li, ul.solutions-list li{margin-bottom:6px !important;padding-top:5px !important;}
/**************** Resource *****************/
#documentation .th-left li{ line-height:22px; padding-top:5px;}
#documentation .th-left li.title, #documentation .td li.title{ padding-top:18px !important;font-size: 1.2rem; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.25);}
#documentation .data-table.products-doc > .col-first > ul{ font-weight:normal;}
#documentation .data-table.products-doc ul li{ min-height:64px;}
#documentation .data-table.products-doc .table-content ul li, #documentation .data-table.drobo-documentation .table-content ul li{ padding:24px 5px 0 5px;}
#documentation .data-table.drobo-documentation ul li{ min-height:62px;}
/****************Migration*****************/
.steps-dark-sap{background:url(images/steps-dark-sap.png) right bottom no-repeat;}
.migration-easy h2{ font-size:2.5rem;}
.migration-easy h3{ font-size:1.5rem;}
/************* Career Page *****************/
#opportunities ul li .career-list{ background:#7d7d7d; min-height:163px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; cursor:pointer; padding:10px; position:relative;transition: all 0.3s ease-in-out 0s;}
#opportunities ul li .career-list a{ color:#FFF; font-size:1.3rem; font-weight:300; line-height:1.5rem; position:absolute; bottom:0; padding:10px;}
#opportunities ul li .career-list a:hover{ font-weight:500; transition:none;}
#opportunities ul li .career-list:hover{ background-color:#f0ab00;}
/************* Blog Pages *****************/
/******** Hover Effects *********/
#blog-masonry .thumb-img > div{border:1px solid #fff;}
#blog-masonry .thumb-img:hover > div{border:1px solid #ef4b23;}
#blog-masonry .thumb-img:hover .h-4x{margin-bottom:0;}
#blog-masonry .thumb-img a.post-thumb {
position: relative;
display: block;
max-height: 480px;
overflow: hidden;
}
#blog-masonry .thumb-img:hover strong, #blog-masonry .thumb-img:hover a{color:#ef4b23}
#blog-masonry .thumb-img a.post-thumb:after {
content: "";
-moz-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.15);
-webkit-box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.15);
box-shadow: inset 0 0 8px 4px rgba(0,0,0,0.15);
}
#blog-masonry .thumb-img img {
background: none;
border: none;
padding: 0;
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+ */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
transition: all .6s ease;
-o-transition: all .6s ease;
-moz-transition: all .6s ease;
-webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
-webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
#blog-masonry .thumb-img:hover img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
filter: none;
-webkit-transform: scale(1.2);
-0-transform: scale(1.2);
-moz-transform: scale(1.2);
transform: scale(1.2);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=1.1, M12=-0, M21=0, M22=1.1,SizingMethod='auto expand');
}
/**** Common**/
#blog-masonry .grid-sizer, #blog-masonry .post-entry { width: 32.33333%; }
#blog-masonry .gutter-sizer{width:1.0625em;}
#blog-masonry .post-entry, .featured-post{border:1px solid #EBEBEB;padding:2px;border-radius:4px;margin-bottom: 1.0625em;}
#blog_container .entry-header, #blog_container .entry-excerpt{padding-left:1.25em;padding-right:1.25em;}
#blog_container .entry-header{margin-bottom: 1.0625em;}
#blog_container .entry-excerpt{margin-top:1.250em;}
#blog_container .entry-content ul, #blog_container .entry-content ol{ margin:0 0 0.875rem 0.875rem}
#blog_container .entry-content li{ line-height:1.375em; margin-left:20px; }
.post-entry a, .featured-post a{color:#646464 !important;}
.post-entry a:hover, .featured-post a:hover{color:#FE6C00 !important;}
.post-thumb img{display:block;margin:0 auto;}
.entry-date{margin-right:.9375em;}
/************* Single Blog Post *****************/
#single-post{border:1px solid #EBEBEB;padding:2px;border-radius:8px;margin-bottom: 1.0625em;}
#single-post .entry-header, #single-post .entry-content{padding-left:3.125em;padding-right:3.125em;}
#single-post .entry-header{margin-bottom:1.250em;}
#single-post .entry-content{margin-top:1.5em;margin-bottom:1.5em;}
#single-post .entry-title{color:#FE6C00 !important; margin-bottom:30px}
/************* Testimoanials *****************/
.testimonials-box{background-color:#fffce7; padding:20px 0px 10px 0px;}
#testimonials-slider{position: relative; width: 100%; overflow: hidden; display:none; margin:0px 0px 0px 0px;}
#testimonials-slider .slides{ margin:0; height: 100%;overflow: hidden; -webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
#testimonials-slider .slide{height: 100%; float: left; clear: none; list-style:none; line-height:18px; width:100%; text-align:center; font-family: Univers, Arial; font-weight:400;}
#testimonials-slider .slide p{text-align:center; font-size:16px; font-family: Muli, Arial; font-weight:400; line-height:19px;}
#testimonials-slider .slider-arrow{position: absolute; display: block; margin-bottom: -20px; width:23px; height:43px;}
#testimonials-slider .slider-arrow--right{ bottom: 50%; right: 5px; background:url(images/nav-arrow.png) 0 -47px;text-indent:-9999px; }
#testimonials-slider .slider-arrow--left{ bottom: 50%; left: 5px; background:url(images/nav-arrow.png) 0 0px;text-indent:-9999px; }
#testimonials-slider .slider-nav{ display:none;}
#testimonials-slider .slide p{margin: 0 50px;padding:5px 0px 5px;position: relative; text-align:center; letter-spacing:-1px;}
#testimonials-slider .client-detail{text-align:center; color:#828282; margin-top:10px; font-size:13px;}
#testimonials-slider .client-detail em{text-align:center; color:#828282; margin-top:10px; font-size:13px;}
/************* Sliding Box *****************/
.panel-btn{color:#959595; font-size:0.875rem; text-decoration:none; margin:0.5em 1em 0.5em 0; line-height:1; white-space: nowrap; letter-spacing:0px;}
.panel-heading:after, .panel-heading:before, .panel-content:after, .panel-content:before{clear:both; display:table; content:"";}
.panel-btn.off{ background:url(images/panel-off.png) right center no-repeat; padding:8px 30px 5px 0px;}
.panel-btn.on{ width:25px; height:25px; background:url(images/panel-close.png) right center no-repeat; margin:0 15px 15px; position:absolute; right:0; top:6px;}
.panel-heading{ cursor:pointer}
.panel-heading h2{margin-bottom: .575em;margin-top: .375em; padding:0 0.1em 0 0.9em; font-size:2.000rem;}
.panel-content{ position:relative; display:none}
.panel-content h2{font-size:2.000rem; margin-top:2.500rem;}
.panel-content p:last-child{ margin-bottom:2.500em;}
.panel-content a{ white-space:nowrap;}
.whitefont {color: #ffffff; font-size: 1.2rem; line-height:24px;font-family: 'Muli', sans-serif;}
/************* Footer *****************/
.cta p{ line-height:1.375em; letter-spacing:-1px; text-align:right; margin:0 10px 0 0}
.social_media{ margin-right:20px;}
.social_media a:first-child{ margin:0}
.social_media a{ margin-left:12px;}
footer{ background:#f5f5f5; padding-bottom: 15px;}
footer .heading{ margin:20px 0;}
#bottom-navigation a{color:#646464; font-size:1rem; text-decoration:none; z-index:1;}
#bottom-navigation a:hover{color:#0376d6;}
#copyright{ color:#969696;font-size:0.813em; text-align:right;bottom:0; margin-top:-34px;}
#copyright a{color:#969696; display:inline-block; padding-left:15px;}
#copyright a:hover{color:#0376d6;}
/******************************** MAGNIFIC POP UP CSS STARTS ********************************************/
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:502;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:503;position:fixed;outline:0!important;-webkit-backface-visibility:hidden} .page-id-2020 .mfp-wrap{ cursor:pointer !important;}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:505}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.page-id-2020 .mfp-close{ cursor:pointer !important} .page-id-2020 .mfp-image-holder .mfp-close{ background:none; box-shadow:none;}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:504}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;padding:0;z-index:506}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:'Muli', sans-serif;}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:solid transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{opacity:.8;border-top-width:12px;border-bottom-width:12px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:20px;border-bottom-width:20px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:12px solid #000;left:5px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{border-right:20px solid #fff}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:12px solid #000;left:3px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:20px solid #fff}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;top:-3px;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-iframe-holder .mfp-close{top:-43px}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6)}.mfp-figure{line-height:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-break:break-word;padding-right:36px}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}.mfp-no-margins img.mfp-img{padding:0}.mfp-no-margins .mfp-figure:after{top:0;bottom:0}.mfp-no-margins .mfp-container{padding:0}#error-list{margin-left:30px}#error-list li{margin:5px 0}.mfp-fade.mfp-bg{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade.mfp-wrap .mfp-content{opacity:0;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;transition:all .15s ease-out}.mfp-fade.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade.mfp-wrap.mfp-removing .mfp-content{opacity:0}.error-popup{position: relative;background: #FFF;padding: 20px;width: auto;max-width: 400px;margin: 20px auto; border-radius:5px}#content-popup {background: white;padding: 20px 30px;text-align: left;max-width:800px;margin: 40px auto;position: relative;} #content-popup ul li{ line-height:1.4rem}.my-mfp-zoom-in .zoom-anim-dialog {opacity: 0;-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8);}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {opacity: 1;-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {-webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0;}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}} @media all and (max-width:800px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}
/******************************** MAGNIFIC POP UP CSS ENDS ********************************************/
/* iPhone (Portrait & Landscape) ----------- */
@media only screen and (max-width: 767px){
/************* Common Style *****************/
#content-wrapper{ margin-top:0;}
.desktop-nav-parent{ display:none;}
.m-t20, .m-t30, .m-t40, .m-t50{ margin-top:10px!important;}
.m-b20, .m-b30, .m-b40, .m-b50{margin-bottom:10px!important;}
.m-tb20, .m-tb30, .m-tb40, .m-tb50{margin-top:10px!important;margin-bottom:10px!important;}
.p-t20, .p-t30, .p-t40, .p-t50{ padding-top:10px !important;}
.p-b20, .p-b30, .p-b40, .p-b50{ padding-bottom:10px !important;}
.p-tb20, .p-tb30, .p-tb40, .p-tb50{ padding-top:10px !important; padding-bottom:10px !important;}
.p-l20, .p-l30, .p-l40, .p-l50{ padding-left:10px !important;}
.p-r20, .p-r30, .p-r40, .p-r50{ padding-right:10px !important;}
.p-lr20, .p-lr30, .p-lr40, .p-lr50{ padding-left:10px !important; padding-right:10px !important;}
.h-44x{font-size:2.750rem;line-height:1.1em;}
.h-68x{font-size:1.250rem!important; line-height:1.1em}
.content-box, .bordered-box, #single-post .entry-header, #single-post .entry-content{ padding-left:10px!important; padding-right:10px!important;}
.vline-lr{ border:none;}
.eq-col .columns{ height:auto!important}
.centerVertical {position: relative !important;margin: 20px 10px !important;left: auto !important;right: auto!important;display: block!important;}
.vline-lr-white{ border:none;}
.eq-col-child section{ height:auto!important}
ul.banner-tab-B800fs li{ text-align:center !important;}
.header-buttons{ text-align:center !important;}
/************* Table *****************/
.td li > span { display: inline;}
.td li {line-height: 25px; vertical-align: middle; text-align:left; height:auto!important; padding-left: 30px; min-height:inherit!important}
.td li img{padding-right: 10px;float: left;margin:6px 0 0 -20px;}
.td li.title{ border-radius:8px 8px 0 0; margin-top:20px; min-height:inherit}
.td.last li.title{ border-radius:8px 8px 0 0;}
/************* Header *****************/
.search-btn{ float:none; }
.search-btn img{margin-top:10px;}
.logo{ padding:10px;}
.tab-contents .tab-content{ text-align:center;}
/************* Home *****************/
.home-cta img{ width:100%;}
.banner-text{margin:10px 0; font-size:2.2rem}
.flip-container, .front, .back{height: 132px;margin-top: 2px;}
.front, .back{ top:0;}
.gateway-form{padding:10px;}
.gateway-form span{ font-size:1.4rem}
.gateway-form input{ height:auto; margin-left:-7px;}
.gateway-form input[type=text]{ height:2rem;}
.gateway-form input[type=submit]{ font-size:12px;}
#testimonials-slider .slide p{ font-size:1.2rem;}
#testimonials-slider .client-detail{font-size: 0.9rem;}
/************* Blog *****************/
#blog-masonry .grid-sizer, #blog-masonry .post-entry { width: 100%; }
#single-post .entry-title{ font-size:1.7rem}
#single-post .entry-date{ float:none!important; margin-bottom:5px;}
/************* BeyondRaid *****************/
#campare-beyoundraid .td.droboraid-feature-list li.title { margin-top: 0;}
#campare-beyoundraid .td.otherraid-feature-list {border-right: 1px solid #D6D6D6;}
#campare-beyoundraid .td.otherraid-feature-list li.title {border-left: 1px solid #D6D6D6; margin-top:20px;}
#campare-beyoundraid .td.otherraid-feature-list li{border-left: 1px solid #D6D6D6;}
/************* Sliding Box *****************/
.panel-heading{ position:relative;}
.panel-heading h2{padding:0 20px 0 7px; float:none!important; font-size: 1.3rem;}
.panel-content h2{font-size: 1.5rem;margin-top: 1rem;}
.panel-content h2, .panel-content p{ text-align:left!important}
.panel-content{ padding:0 10px;}
.panel-btn.off {padding: 8px 24px 5px 0px;text-indent: -9999px;margin: 0; position: absolute;right: -5px;top: 5px;}
.panel-btn.on{ margin:0 8px 7px; right: -13px;}
/************* Inner Pages *****************/
#specification-box h5, #specification-box p{letter-spacing:0px;}
#specification-box .row .p-lr40{ padding:0 20px!important;}
#Resource-shortcode ul{ display:none; padding-top:20px;}
#Resource-shortcode .resource-btn{ display:block; text-align:left; background:url(images/panel-off.png) right center no-repeat; margin-right:0px; cursor:pointer;font-size: 1.5rem;}
.block-title{ font-size:1.5rem;}
.page-title {font-size: 2.0rem;}
.section-title {font-size: 2rem;}
/************* Press Kit *************/
#drobo-logos .dark-sap{ background:none;}
/* Product Page */
.more-specification{ display:none;}
.product-detail-banner{ text-align:center}
.product-detail-banner .button.fl{ float:none!important; font-size: 1rem!important;}
.bg-b1200i-image{background-image:none;}
.product-detail-cta h2{font-size:1.875rem; float:left!important; margin-top:10px!important;}
.product-detail-cta{ text-align:center;}
.product-detail-cta .text-right{text-align: inherit!important;}
/************* Which Drobo Is Right Page *************/
#drobo-product-family ul{ text-align:center}
#drobo-product-family .product-detail, #drobo-product-family .product-img, #drobo-product-family .product-spec{ min-height:inherit; margin:3px 0}
.features-selection-links .p-r20,.features-selection-links .p-l20,.features-selection-links .p-lr20{ padding:10px!important; }
#Results .right-result{ background:url(images/top-separatore.png) top center no-repeat;}
#questions-box ul {margin-left: 0px;}
/************* Capacity Calculator *************/
#calculator-content object {height: 366px;}
/****************Where To Buy Page***************/
.quoteForm{ margin-top:-24px;}
/****************Drobo Apps Page*****************/
#community-apps p{font-size: 0.8rem; padding-right:0; text-align:center;}
#community-apps div ul li div{ text-align:center !important; margin-top:20px;}
.copy {margin-top:0;}
.apps-small-center{text-align:center;}
#community-apps div ul li div{ margin-top:3px;}
.grid-detail{ width:107%; left:-15px;}
/****************Product Page*****************/
#features { margin:12px 0;}
.product-detail-cta #back-to-top{ display:none}
.product-detail-cta .h-44x{ text-align:center; float:none!important;}
/****************Drobo Care*****************/
#drobo-care-warranty .corner-top-right{border-radius:8px 8px 0px 0px !important;}
#drobo-care-warranty-distribution .td.first li.title{-webkit-border-radius: 8px 8px 0 0px;-moz-border-radius: 8px 8px 0 0px;border-radius: 8px 8px 0 0px;}
#drobo-care-warranty .td li:first-child {border-radius: 8px 8px 0px 0px;}
/****************Choose Drive*****************/
#drive-chart .drive-compare .td li:last-child{border-radius:0 0 8px 8px !important;}
#drive-chart .drive-compare .td li img{ margin:0 0 0 -20px;}
#drive-chart .drive-compare .td li span{ color:#646464}
#drive-chart .drive-compare .td li.title{ font-size:0.938rem;}
#drive-chart ol{ padding-left:15px !important;}
/****************Career*****************/
.li-lh{ margin-left:10px;}
#opportunities ul li .career-list a, #opportunities ul li .career-list a:hover{ text-align:center; font-weight:300; bottom:20px;}
#opportunities ul li .career-list{ min-height:100px}
/****************Migration*****************/
.migration-chart img{ float:none !important; margin:6px 0 0 10px !important;}
.steps-dark-sap{background: none !important;}
/**************** Contact Us *****************/
#contact-map-banner{ background-position:187px top; padding:20px 0}
/**************** News *****************/
.news-list img, .awards-list img, .Homepage-list img, .review-list img, .press-release-list img{ padding-top:10px; padding-bottom:10px;}
/************* Footer *****************/
.cta p{ text-align:center; margin:0px 0 20px}
.social_media{margin:0; }
#copyright{ text-align:center; margin:20px 0; line-height:20px;}
.dc-floater{display:none;}
.front gateway-form iframe{width:270px!important;}
}
/* iPhone (Portrait) ----------- */
@media only screen and (min-width: 320px) and (max-width: 479px){
#community-apps li.grid-opened{min-height:720px !important;}
}
/* iPhone (Landscape) ----------- */
@media only screen and (min-width: 480px) and (max-width: 767px){
}
/* iPad (Potrait & Landscape) ----------- */
@media only screen and (min-width: 768px) and (max-width: 1100px){
/************* TNB *****************/
#top-navigation > li > a {padding:24px 1.575em;}
.sub-menu-box{ margin-top:-3px;}
.nav-detail-box {margin-top: 30px;}
#top-navigation > li > a.search-btn{margin:0;}
.sub-menu-box li:hover .nav-detail-box{display:none!important;}
/************* BeyondRaid *****************/
#campare-beyoundraid .td.otherraid-feature-list li.title{font-size: 1rem;}
/************* Footer *****************/
.social_media{ margin-top:10px;}
}
/* iPad (Potrait) ----------- */
@media only screen and (min-width: 768px) and (max-width: 959px){
/************* Common Styles *****************/
html, body{font-size: 13px;}
.m-t30, .m-t40, .m-t50{ margin-top:20px!important;}
.m-b30, .m-b40, .m-b50{margin-bottom:20px!important;}
.m-tb30, .m-tb40, .m-tb50{margin-top:20px!important;margin-bottom:20px!important;}
.p-t30, .p-t40, .p-t50{ padding-top:20px !important;}
.p-b30, .p-b40, .p-b50{ padding-bottom:20px !important;}
.p-tb30, .p-tb40, .p-tb50{ padding-top:20px !important; padding-bottom:20px !important;}
.p-l30, .p-l40, .p-l50{ padding-left:20px !important;}
.p-r30, .p-r40, .p-r50{ padding-right:20px !important;}
.p-lr30, .p-lr40, .p-lr50{ padding-left:20px !important; padding-right:20px !important;}
.content-box, #single-post .entry-header, #single-post .entry-content{ padding-left:20px !important; padding-right:20px !important;}
ol{ margin-left:20px;}
/************* Blog *****************/
#blog-masonry .grid-sizer, #blog-masonry .post-entry { width: 31.5%; }
/************* Header *****************/
.button-store {padding: 0.275rem 0.4rem;}
/************* TNB *****************/
#top-navigation > li > a {padding: 25px 0.5em;}
#top-navigation > li > a.search-btn {padding: 12px 0.938rem 13px;}
.search-form{top: 33px;}
.nav-detail-box{margin-top: 35px;}
.sub-menu-box > li > a{ padding:10px 22px}
/************* Home Pages *****************/
.banner-text{ margin-top:15px;}
.gateway-form{padding:10px;}
.gateway-form span{ font-size:1.4rem}
.gateway-form input{ height:auto; margin-left:-7px;}
.gateway-form input[type=text]{ height:2rem;}
.gateway-form input[type=submit]{ font-size:12px;}
.zoom-text{ font-size:1.2rem;}
.zoom-text strong{ font-size:2rem;}
/************* Inner Pages *****************/
#specification-box h5, #specification-box p{letter-spacing:0px;}
/******Product Detail pages******/
.bg-b1200i-image{background-size: 87%;}
.parent-pageid-8 .gradient-lr .button.small{font-size: 1rem;}
#drobo-product-family .product-spec {min-height: 30px;}
#drobo-product-family .product-detail {min-height: 82px;}
#drobo-product-family .product-img{ padding-top:0!important}
/************* Drive Selector ***********/
.drive-compare .td li.title{ font-weight:400;}
/************* Resource ***********/
#Resource-shortcode .h-32x{ font-size:1.8rem;}
/************* Drobo Care ***********/
#drobo-care-warranty .td li{min-height: 121px;}
#drobo-care-warranty .th-left li {min-height: 121px;}
#drobo-care-warranty-distribution .td li.title, #drobo-care-warranty-distribution .th-left li.title{ font-size:16px;}
#drobo-care-warranty-distribution .th-left{ margin-top:12px;}
/************* Which Drobo is Right ***********/
#questions-box li{ font-size:15px;}
.page-id-529 .bg-grey-dark .section-title{font-size: 2.55rem;}
/************ Product Landing Page ***************/
.features-selection-links .vline-lr-white{ border-right:none}
.features-selection-links .p-l20{ padding-left:0!important; width:100%}
/**************** Career *****************/
.li-lh{ margin-left:10px;}
/**************** Contact Us *****************/
#contact-map-banner{ background-position:66px top;}
/**************** News *****************/
.news-feeds .date, .news-list .date, .awards-list .date, .Homepage-list .date, .review-list .date, .press-release-feeds .date, .press-release-list .date{ font-size:14px;}
.data-table > .col-first > ul.first > li.first{ font-size:14px;}
.data-table li{ min-height:60px;}
/************* Footer *****************/
#copyright{ line-height:21px; text-align:left; margin:20px 0 0 0;}
footer .eq-col .columns{ height:auto!important}
}
/* iPad (landscape) ----------- */
@media only screen and (min-width: 960px) and (max-width: 1100px){
#blog-masonry .grid-sizer, #blog-masonry .post-entry { width: 32.0%; }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px){
/************* TNB *****************/
#top-navigation > li > a {padding:24px 1em;}
/************* BeyondRaid *****************/
#campare-beyoundraid .td.otherraid-feature-list li.title{font-size: 1rem;}
.features-selection-links .vline-lr-white{ border-right:none}
.features-selection-links .p-l20{ padding-left:0!important; width:100%}
}
/************* Rev Slider ******************/
#billboard {
clear: both;
margin: 0px;
padding: 0px;
border: solid 0px yellow !important;
width: 100%;
position:relative;
z-index:99;
}
#testimonial-homepage-container {
width: 100%;
background-color: #46bff5;
border:solid 0px red;
}
#nav ul {
z-index: 9999;
}
.main-navigation li a, .main-navigation li {
z-index: 9999;
}
#rev_slider_2_1_wrapper {
z-index: 11;
}
#testimonial-developer-container {
width: 1030px;
height: 300px;
background-color: #f5f5f5;
border:solid 0px red;
}
.tp-leftarrow.default { z-index:100;cursor:pointer; position:relative; background:url(/wp-content/uploads/twitter_widget_left_arrow-wh.png) no-repeat 0 0;
}
.tp-rightarrow.default { z-index:100;cursor:pointer; position:relative; background:url(/wp-content/uploads/twitter_widget_right_arrow-wh.png) no-repeat 0 0;
}
/******************** App Developer *******************/
#app-developer-banner-container {
width: 100%;
height: 425px;
background-color: #639fe8;
clear: both;
background: url('images/app-developer/app_developer_banner_slice.png') #0794dd top center repeat-x;
margin-top:0;
}
#app-developer-banner-wrapper {
width: 1020px;
margin: 0 auto;
text-align: center;
padding: 0;
position:relative;
}
#app-developer-banner {
width: 1020px;
padding: 0;
}
.app-dev-cloud-icon
{
height: 184px;
width: 349px;
position: absolute;
left: 352px;
top: 165px;
z-index:1000;
}
.app-dev-cloud-icon-shadow
{
opacity: 0;
height: 145px;
width: 382px;
position: absolute;
left: 342px;
top: 303px;
-webkit-animation-delay: 445ms;
-moz-animation-delay: 445ms;
animation-delay: 445ms;
z-index:1000;
}
/* .app-dev-cloud-icon:hover {
-webkit-transform: translate(3em,0);
-moz-transform: translate(3em,0);
-o-transform: translate(3em,0);
-ms-transform: translate(3em,0);
transform: translate(3em,0);
z-index:1000;
} */
.animated {
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: 1s ease;
-moz-animation: 1.8s ease;
-ms-animation: 1s ease;
-o-animation: 1s ease;
animation: 1s ease;
}
@-webkit-keyframes bounce_up {
0% {
opacity: 0;
-webkit-transform: translateY(500px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounce_up {
0% {
opacity: 0;
-moz-transform: translateY(500px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-ms-keyframes bounce_up {
0% {
opacity: 0;
-ms-transform: translateY(500px);
}
60% {
opacity: 1;
-ms-transform: translateY(-30px);
}
80% {
-ms-transform: translateY(10px);
}
100% {
-ms-transform: translateY(0);
}
}
@-o-keyframes bounce_up {
0% {
opacity: 0;
-o-transform: translateY(500px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounce_up {
0% {
opacity: 0;
transform: translateY(500px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounce_up
{
-webkit-animation-name: bounce_up;
-moz-animation-name: bounce_up;
-ms-animation-name: bounce_up;
-o-animation-name: bounce_up;
animation-name: bounce_up;
}
.delayed_animated
{
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
-ms-animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s;
-o-animation-duration: .5s;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-ms-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
}
@-webkit-keyframes fade_in
{
0% {opacity: 0;}
100% { opacity: 1; }
}
@-moz-keyframes fade_in
{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-ms-keyframes fade_in
{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fade_in
{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fade_in
{
0% {opacity: 0;}
100% {opacity: 1;}
}
.fade_in
{
-webkit-animation-name: fade_in;
-moz-animation-name: fade_in;
-ms-animation-name: fade_in;
-o-animation-name: fade_in;
animation-name: fade_in;
}
.appdev-banner-icon1 {
position: absolute;
top: 80px;
left: 135px;
line-height: 60px;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: 1s ease-in-out;
transition: .5s ease-in-out;
z-index:1000;
}
.appdev-banner-icon2 {
position: absolute;
top: 95px;
left: 780px;
line-height: 60px;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: 1s ease-in-out;
transition: .5s ease-in-out;
z-index:1000;
}
.appdev-banner-icon3 {
position: absolute;
top: 260px;
left: 60px;
line-height: 60px;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: 1s ease-in-out;
transition: .5s ease-in-out;
z-index:1000;
}
.appdev-banner-icon4 {
position: absolute;
top: 260px;
left: 825px;
line-height: 60px;
text-align: center;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out; -o-transition: 1s ease-in-out;
transition: .5s ease-in-out;
z-index:1000;
}
.slideup:hover {
-webkit-transform: translate(0,-.8em);
-moz-transform: translate(0,-.8em);
-o-transform: translate(0,-.8em);
-ms-transform: translate(0,-.8em);
transform: translate(0,-.8em);
}
#app-dev-icon-first {
float:left;
width: 84px;
margin: 15px 5px 0 0;
border: 0px solid blue;
z-index:1000;
}
#app-dev-icon {
float:left;
width:84px;
margin: 15px 10px 0 0;
border: 0px solid blue;
z-index:1000;
}
#app-dev-desc {
float:right;
width: 195px;
margin: 15px 10px 0 0;
}
/** App Dev footer **/
#app-dev-logos img {
float: left;
border: solid 0px red;
margin-left: 15px;
}
.app-dev-footer {
text-align: right !important;
height: 20px;
margin-top: 15px;
color: #0079C2;
background-color: #e6e6e6;
border: solid 0px red;
padding: 18px 30px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius: 6px;
/* Firefox 1-3.6 */
-moz-border-radius: 6px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 6px;
}
.app-dev-footer a {
color: #0079C2;
text-decoration: none;
font-size: 12px;
font-weight: bold;
}
.app-dev-footer-btn {
height: 14px;
width: 120px;
color: #e6e6e6;
background: url('images/app-developer/app-dev-btn-arrow.png') #0079C2 118px 5px no-repeat;
border: solid 0px red;
padding: 4px 8px;
/* Safari 3-4, iOS 1-3.2, Android 1.6- */
-webkit-border-radius:9px;
/* Firefox 1-3.6 */
-moz-border-radius: 9px;
/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
border-radius: 9px;
}
.app-dev-footer-btn a {
color: #e6e6e6;
text-decoration: none;
}
#documentation-content {
line-height: 18px;
font-size: 14px;
margin-top: 40px;
}
#documentation-content h1 {
font-size: 26px;
font-weight: 200;
color: #0079c2;
margin: 5px 0 20px 0;
font-family: 'Muli', sans-serif;
}
#documentation-content h2 {
font-weight: 700;
line-height: 24px;
margin: 10px 0;
font-size:18px;
color: #333333;
}
#documentation-content p {
margin: 0 0 20px 0;
font-size:14px;
color: #333333;
}
#documentation-content ul {
list-style: disc inside none;
margin: 0 0 20px 20px;
}
#documentation-content ul li {
line-height: 18px;
font-size: 14px;
}
.code {
font-size:12px;
}
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
/* below created to allow for ordered lists that do not follow convention, i.e. 1a, 2b, or in between code snippets */
ul.list-manual, ul.list-manual li {
list-style-type: none;
margin-left: 20px;
list-style-position: outside;
}
#primary {
border: solid 0px red;
}
.inside-site-content {
background-image:url(images/common/bg-interior-solutions.jpg);
background-repeat:repeat-x;
margin-top: 30px;
}
.inside-site-content h1 {
font-family: 'Univers', sans-serif;
font-size: 28px;
}
.inside-site-content h2 {
font-family: 'Univers', sans-serif;
font-size: 18px;
margin-top: 10px;
}
#content-inside {
width:1026px;
border: solid 0px purple;
margin: 0 auto;
padding-top: 5px;
padding-bottom: 5px;
}
#content-inside #content {padding-bottom:20px;}
/*** Pricing Page ***/
/** Pricing styles **/
#pricing-content {
width: 100%;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
border: 0px solid red;
}
#pricing-content h1 {
font-family: 'Univers', sans-serif;
font-size: 30px;
color: #0079c2;
text-align: center;
margin: 20px 0 8px 0;
}
#pricing-content h2 {
font-family: "Univers",Arial,sans-serif;
font-size: 18px;
color: #333;
margin-bottom: 20px;
}
#l-col {
width: 100%;
border-radius: 2px;
margin-left: auto;
margin-right: auto;
padding-top: 20px;
padding-bottom: 20px;
margin-top: 0px;
}
#r-col {
width: 170px;
border: 0px solid purple;
}
p.head {
font-family: 'Muli', sans-serif;
font-size: 18px;
color: #333;
}
.pricing-wide {
width: 800px;
margin: 0 auto;
border: 0px solid orange;
}
#pricing-comp-wrapper {
width: 100%;
border: 0px solid red;
}
#pricing-comp-wrapper a {
border-bottom: 0px !important;
text-decoration: none !important;
}
.pricing-comp {
width: 20%;
background-color: #fff;
margin: 20px 0 0 0;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
.pricing-comp-blue {
width: 20%;
background-color: #ebf5fb;
margin: 20px 0 0 0;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
.pricing-comp-eu {
width: 20%;
background-color: #fff;
margin: 5px 0 0 0;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
.pricing-comp-blue-eu {
width: 20%;
background-color: #ebf5fb;
margin: 5px 0 0 0;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
.pricing-comp-blue-big {
width: 20%;
background-color: #ebf5fb;
margin: 5px 0 0 0;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
p.cost {
font-family: 'Muli', sans-serif;
font-size: 50px;
color: #0079c2;
text-align: center;
margin: 0px 0 8px 0;
}
p.costVAT {
font-family: 'Muli', sans-serif;
font-size: 50px;
color: #0079c2;
text-align: center;
margin: 0px 0 0px 0;
}
p.prod-img {
text-align:center;
}
p.type {
font-family: 'Muli', sans-serif;
font-size: 16px;
line-height: 20px;
color: #333333;
text-align: center;
}
button-price {
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.23); -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.23); box-shadow:0px 0px 3px rgba(0,0,0,0.23); border:#FFF 3px solid; background:#646464; /*padding:0.438rem*/ padding:0.2rem 0.838rem; font-size:13px; }
p.butn {
text-align: center;
}
p.butn a {
color: #fff;
}
p.butn2 {
text-align: center;
}
p.specs {
font-family: 'Muli', sans-serif;
font-size: 14px;
line-height: 30px;
color: #333333;
text-align: center;
margin: 10px 0 10px 0;
}
p.specs a {
color: #0079c2;
text-decoration: none;
}
p.specs2 {
font-family: 'Muli', sans-serif;
font-size: 16px;
line-height: 26px;
color: #333333;
text-align: center;
margin: 12px 0 20px 0;
}
p.specs3 {
font-family: 'Muli', sans-serif;
font-size: 16px;
line-height: 16px;
color: #333333;
text-align: left;
margin: 12px 0 15px 0;
}
p.specsVAT {
font-family: 'Muli', sans-serif;
font-size: 16px;
line-height: 28px;
color: #333333;
text-align: center;
margin: 0 0 6px 0;
}
#pricing-comp-tall {
width: 20%;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
p.popular {
font-size: 14px;
color: #21b6dd;
letter-spacing: 3px;
height: 20px;
text-align:center;
padding: 18px 0px 10px 3px;
}
p.cost-tall {
font-size: 50px;
font-family: 'Muli', sans-serif;
color: #0079c2;
text-align: center;
margin: 22px 0 8px 0;
}
#pricing-comp-tallVAT {
width: 100%;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
}
p.cost-tallVAT {
font-family: 'Muli', sans-serif;
font-size: 50px;
color: #0079c2;
text-align: center;
margin: 22px 0 0px 0;
}
#pricing-comp-wide {
width: 84%;
border: 1px solid #ececec;
}
#pricing-comp-wide-all {
width: 84%;
background-color: #ebf5fb;
margin-top: -3px;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
}
p.features-hd {
font-family: 'Muli', sans-serif;
font-size: 17px;
letter-spacing: 5px;
color: #21b6dd;
margin: 25px 0 0 0;
text-align: center;
}
.pricing-wide-notes {
width: 100%;
margin: 0 0 0 10px;
border: 0px solid orange;
float:left;
}
.pricing-wide-notes p {
ffont-family: 'Muli', sans-serif;
font-size: 13px;
line-height: 16px;
}
.pricing-wide-notes li {
font-family: 'Muli', sans-serif;
font-size: 13px;
line-height: 15px;
}
.pricing-wide-notesUS {
width: 793px;
margin: 20px 0px 0 10px;
border: 0px solid orange;
float:left;
}
.pricing-wide-notesUS p {
ffont-family: 'Muli', sans-serif;
font-size: 13px;
line-height: 16px;
}
.pricing-wide-notesUS li {
font-family: 'Muli', sans-serif;
font-size: 13px;
line-height: 15px;
}
#pricing-btn-wrapper {
Width: 80%;
margin-left: auto;
margin-right: auto;
}
#pricing-btn {
background-image: url('images/home/btn_blue_giveaway_enter-pric.png');
background-repeat: no-repeat;
font-family: 'Muli', sans-serif;
font-size: 15px;
color: #fff;
width: 80px;
height: 17px;
padding: 13px 16px;
text-align: center;
}
#pricing-btn-learn {
background-image: url('images/common/btn-lightblue-short-bg.png');
background-repeat: no-repeat;
font-family: 'Muli', sans-serif;
font-size: 18px;
color: #fff;
width: 121px;
height: 17px;
padding: 11px 4px;
text-align: center;
border-bottom: 0px !important;
}
#pricing-btn-learn a {
text-decoration: none !important;
}
#pricing-btn a {
text-decoration: none !important;
}
p.callout1-hd {
font-family: 'Muli', sans-serif;
font-size: 18px;
line-height: 20px;
color: #333;
margin: 22px 0 0 0;
text-align: center;
}
p.callout2-hd {
font-family: 'Muli', sans-serif;
font-size: 18px;
color: #333;
margin: 16px 0 0 0;
text-align: center;
}
p.text-caps {
font-family: 'Muli', sans-serif;
font-size: 23px;
color: #0079c2;
letter-spacing: 8px;
text-align: center;
margin: 15px 0 15px 0;
}
p.text-phone {
font-family: 'Muli', sans-serif;
font-size: 16px;
color: #333;
text-align: center;
margin: 0 0 15px 0;
}
p.text-phone a {
color: #0079c2;
text-decoration: none;
}
#pricing-callout1 {
width: 170px;
margin: 0px 0 12px 0;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
}
#pricing-callout2 {
width: 170px;
margin-top: 0px;
margin-right: 0;
margin-left: 0;
margin-bottom: 15px;
border: 1px solid #ececec;
border-top-left-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomleft: 3px;
-moz-border-radius-bottomright: 3px;
}
#pricing-callout2 a {
border-bottom: 0px !important;
text-decoration: none !important;
}
#pricing-icon-wrapper {
width: 155px;
height: 30px;
margin: 0 auto;
padding-bottom: 8px;
}
#pricing-logo-wrapper {
width: 170px;
height: 180px;
padding-bottom: 2px;
text-align: center;
}
#pricing-logo-wrapper img {
margin: 10px 0 5px 0;
}
#pricing-logo-wrapper2partners {
width: 170px;
height: 110px;
padding-bottom: 2px;
text-align: center;
}
#pricing-logo-wrapper2partners img {
margin: 4px 0 5px 0;
}
#pricing-logo-wrapper2 {
width: 170px;
height: 350px;
padding-bottom: 2px;
text-align: center;
}
#pricing-logo-wrapper2 img {
margin: 10px 0 5px 0;
}
.pricing-text {
font-family: 'Muli', sans-serif;
font-size: 18px;
line-height: 47px;
color: #333333;
text-align: center;
}
sup.dollar {
font-family: 'Muli', sans-serif;
font-size: 55%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup.dollar {
top: -0.70em;
}
sup {
font-size: 65%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
/***** Weekly Giveaway *****/
#weekly_giveawayl {
width: 1164px;
height: 50px;
padding: 15px 40px 25px; 40px;
border: solid 0px red;
font-family: 'Muli', sans-serif;
font-size: 28px;
color:#0376d6;
font-weight:800;
top: 450px;
/* position: absolute;
left: 0;
right: 0; */
margin: 0px 0px 10px 0px;
background-color: #ffffff;
font-weight: 200;
z-index: 999;
}
#weekly_giveawayl span, input {
margin-top: 8px;
}
#weekly_giveawayl input {
margin-left: 0px;
width: 175px;
}
#weekly_giveawayl_btn {
background-image: url('images/home/btn_blue_giveaway_enter.png');
background-repeat: no-repeat;
font-family: 'Muli', sans-serif;
font-size: 18px;
color: #fff;
width: 152px;
height: 39px;
padding: 11px 16px;
text-align: center;
border: solid 0px purple;
margin-top: 0px;
}
.italicss {
font-style: italic;
font-style: normal;
font-weight: 200;
}
/***************bgtest***************/
.background-test {
background: none repeat scroll 0 0 #f5f5f5;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.background-hm-link {
background: repeat scroll 0 0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#34333a+2,51585e+98 */
background: #34333a; /* Old browsers */
background: -moz-linear-gradient(top, #34333a 2%, #51585e 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #34333a 2%,#51585e 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #34333a 2%,#51585e 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34333a', endColorstr='#51585e',GradientType=0 ); /* IE6-9 */
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
margin: 0px;
padding: 0px;
}
.background-test1 {
background: none repeat scroll 0 0 #424242;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.background-yellow {
background: none repeat scroll 0 0 #fff689;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.background-test2 {
background-image: url("http://50.56.173.137/wp-content/uploads/over-back-head-image.jpg");
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center;
}
.background-black {
background: none repeat scroll 0 0 #000000;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.background-grey {
background: none repeat scroll 0 0 #373737;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.background-gold {
background: none repeat scroll 0 0 #fffce7;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-size: 17px;
}
.background-support {
background:#000000;
background-image: url("/wp-content/uploads/support-back-image.jpg");
background-repeat: no-repeat;
background-position: center;
}
.background-articles {
background-image: url("/wp-content/uploads/background-nexsan-articles.jpg");
-moz-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
background-position: top center !important;
background-repeat: repeat-y !important;
}
/**************************Screen Sizes*****************************/
@media all and (max-width: 3500px) {
.content .one{display:block;}
.content .two{display:none;}
.content .three{display:none;}
}
@media all and (max-width: 820px) {
.content .one{display:none;}
.content .two{display:block;}
.content .three{display:none;}
}
@media all and (max-width: 479px) {
.content .one{display:none;}
.content .two{display:none;}
.content .three{display:block;}
}
/**************************Rotating-Text2*****************************/
.sentence{
color: #222;
text-align: left;
}
.wrapper{
background-color: #ffffff;
margin: 100px auto;
padding: 40px 40px;
position: relative;
width: 70%;
}
.fadeIn{
display: inline;
text-indent: 0px;
}
.fadeIn span{
animation: fadeEffect 12.5s linear infinite 0s;
-ms-animation: fadeEffect 12.5s linear infinite 0s;
-webkit-animation: fadeEffect 12.5s linear infinite 0s;
color: #0376d6;
opacity: 0;
overflow: hidden;
position: absolute;
}
.fadeIn span:nth-child(2){
animation-delay: 2.5s;
-ms-animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
}
.fadeIn span:nth-child(3){
animation-delay: 5s;
-ms-animation-delay: 5s;
-webkit-animation-delay: 5s;
}
.fadeIn span:nth-child(4){
animation-delay: 7.5s;
-ms-animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
}
.fadeIn span:nth-child(5){
animation-delay: 10s;
-ms-animation-delay: 10s;
-webkit-animation-delay: 10s;
}
/*FadeIn Animation*/
@-moz-keyframes fadeEffect{
0% { opacity: 0; }
5% { opacity: 0; -moz-transform: translateY(0px); }
10% { opacity: 1; -moz-transform: translateY(0px); }
25% { opacity: 1; -moz-transform: translateY(0px); }
30% { opacity: 0; -moz-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-webkit-keyframes fadeEffect{
0% { opacity: 0; }
5% { opacity: 0; -webkit-transform: translateY(0px); }
10% { opacity: 1; -webkit-transform: translateY(0px); }
25% { opacity: 1; -webkit-transform: translateY(0px); }
30% { opacity: 0; -webkit-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
@-ms-keyframes fadeEffect{
0% { opacity: 0; }
5% { opacity: 0; -ms-transform: translateY(0px); }
10% { opacity: 1; -ms-transform: translateY(0px); }
25% { opacity: 1; -ms-transform: translateY(0px); }
30% { opacity: 0; -ms-transform: translateY(0px); }
80% { opacity: 0; }
100% { opacity: 0; }
}
/**************************matrix text*****************************/
.blue-matrix {
font-size:14px;
color:#2f9dd9;
}
.grey-matrix {
font-size:14px;
color:#646464;
font-weight: 500;
}
/**************************New Main Nav***************************/
#menunew, #menunew ul {
margin: 0;
padding: 0;
list-style: none;
}
#menunew {
background-color: #fff;
float:right;
margin:0;
padding:0;
list-style:none;
}
#menunew:before,
#menunew:after {
content: "";
display: table;
}
#menunew:after {
clear: both;
}
#menunew {
zoom:1;
}
#menunew li {
float: left;
position: relative;
}
#menunew a {
float: left;
padding: 12px 10px;
color: #5d5d5d;
text-transform: uppercase;
font: bold 12px Arial, Helvetica Neue;
text-decoration: none;
}
#menunew a hover{
color: #5d5d5d;
background-image: none;
background-color: #f5f5f5;
}
#menunew ul li a{
color: #fff;
}
#menunew ul li:hover > a {
color: #5d5d5d;
background-image: none;
background-color: #f5f5f5;
}
*html #menunew li a:hover { /* IE6 only */
color: #262626;
}
#menunew ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
z-index: 1;
background: #fff;
background: linear-gradient(#51585e, #51585e);
box-shadow: 0 -1px 0 rgba(255,255,255,.3);
border-radius: 3px;
transition: all .2s ease-in-out;
}
#menunew li:hover > ul {
opacity: 1;
visibility: visible;
margin: 0;
}
#menunew ul ul {
top: 0;
left: 130px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
box-shadow: -1px 0 0 rgba(255,255,255,.3);
}
#menunew ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
box-shadow: 0 1px 0 #909090, 0 1px 0 #909090;
}
#menunew ul li:last-child {
box-shadow: none;
}
#menunew ul a {
padding: 10px;
width: 135px;
_height: 10px; /*IE6 only*/
display: block;
white-space: nowrap;
float: none;
text-transform: none;
}
#menunew ul a:hover {
a{ background:#FFF; color:#646464;};
}
#menunew ul li:first-child > a {
border-radius: 3px 3px 0 0;
}
#menunew ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #646464;
}
#menunew ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0;
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #646464;
}
#menunew ul li:first-child a:hover:after {
border-bottom-color: #ffffff;
}
#menunew ul ul li:first-child a:hover:after {
border-right-color: #ffffff;
border-bottom-color: transparent;
}
#menunew ul li:last-child > a {
border-radius: 0 0 3px 3px;
}
/************************ iMation Button ***********************/
btnimation, .btnimation {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 8px;
font-family: Helvetica Neue;
color: #ffffff;
font-size: .8rem;
background: #cf2020;
padding: 10px 10px 10px 10px;
margin: 0px 10px 10px 10px;
text-decoration: none;
color: #ffffff;
}
btnimation:hover, .btnimation:hover {
background: #b12222;
text-decoration: none;
color: #ffffff;
}
btnimation2, .btnimation2 {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 8px;
font-family: Helvetica Neue;
color: #ffffff;
font-size: .8rem;
background: #cecdcd;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
text-decoration: none;
}
btnimation2:hover, .btnimation2:hover {
background: #acabab;
text-decoration: none;
color: #ffffff;
}
btnimationquote, .btnimationquote {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 2px;
font-family: Helvetica Neue;
color: #ffffff;
font-size: .8rem;
background: #373737;
background: fade(#373737, 50%);
padding: 20px 20px 20px 20px;
margin: 10px 10px 10px 10px;
text-decoration: none;
border: 1px solid #0078c1;
}
btnimationquote:hover, .btnimationquote:hover {
background: #373737;
text-decoration: none;
color: #ffffff;
border: 1px solid #ffffff;
background: #373737;
}
btnnexsanquote, .btnnexsanquote {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 2px;
font-family: Helvetica Neue;
color: #ffffff;
font-size: .9em;
background: #b0afaf;
background: fade(#373737, 50%);
padding: 0.5rem 0.71428571rem 0.5rem 0.71428571rem;
margin: 0.35714286rem 0.35714286rem 0.35714286rem 0.35714286rem;
text-decoration: none;
}
btnnexsanquote:hover, .btnnexsanquote:hover {
background: #2f9dd9;
text-decoration: none;
color: #ffffff;
}
btnproductban, .btnproductban {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 4px;
font-size: 0.9rem;
line-height: 18px;
font-weight:400;
font-family: Helvetica Neue,Arial;
background: fade(#373737, 50%);
padding: 5px 10px 5px 10px;
margin: 5px 5px 5px 5px;
text-decoration: none;
border: 1px solid #f0ab00;
color: #ffffff;
}
btnproductban:hover, .btnproductban:hover {
text-decoration: none;
color: #ffffff;
border: 1px solid #ffffff;
}
btnproductbanhome, .btnproductbanhome {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 4px;
font-size: 0.9rem;
line-height: 18px;
font-weight:400;
font-family: Helvetica Neue,Arial;
padding: 5px 10px 5px 10px;
margin: 5px 5px 5px 5px;
text-decoration: none;
border: 1px solid #f0ab00;
color: #ffffff;
background-color: #0e1d22;
}
btnproductbanhome:hover, .btnproductbanhome:hover {
text-decoration: none;
color: #ffffff;
border: 1px solid #ffffff;
}
btnarticle, .btnarticle {
-webkit-border-radius: 11;
-moz-border-radius: 11;
border-radius: 4px;
font-size: 1.0rem;
line-height: 1.2rem;
font-weight:400;
font-family: Helvetica Neue,Arial;
background: fade(#373737, 50%);
padding: 5px 10px 5px 10px;
margin: 5px 5px 5px 5px;
text-decoration: none;
border: 2px solid #f0ab00;
color: #f0ab00;
}
btnarticle:hover, .btnarticle:hover {
text-decoration: none;
color: #a97b0a;
border: 2px solid #a97b0a;
}
subheadhome, .subheadhome {
font-family: Univers, sans-serif;
font-weight: 700;
font-size:1.1rem;
line-height:1.6rem;
margin: 20px 0px 20px 0px;
color:#5d5d5d;
}
homemedia, .homemedia {
font-family: "Univers",Arial,sans-serif;
font-weight: 300;
font-size:1.1rem;
color:#5d5d5d;
font-size: 20px;
}
/************************ Company Page font ***********************/
company, .company li {
margin: 0px 0px 5px 40px;
}
/************************ Secondary Menu ***********************/
.secondarymenu,
.secondarymenu a,
.secondarymenu ul,
.secondarymenu li,
.secondarymenu div,
.secondarymenu form,
.secondarymenu input {
margin-top: 0px;
padding-top: 0px;
border: none;
outline: none;
}
.secondarymenu {
text: center;
width: 100%;
margin-top: 0px;
padding-top: 0px;
}
.secondarymenu a { text-decoration: none; color: #5d5d5d; font-size: 0.8rem; font-family: 'Muli', sans-serif; margin-top: 0px; padding-top: 0px;}
.secondarymenu li { list-style: none; margin-top: 0px; padding-top: 0px; }
.secondarymenu {
position: relative;
cursor: default;
z-index: 500;
margin-top: 0px;
padding-top: 0px;
}
.secondarymenu > li {
display: block;
padding: 0px;
margin: 0px;
}
.secondarymenu > li > a {
position: relative;
display: block;
z-index: 510;
padding-top: 0px;
margin-top: 0px;
line-height: 50px;
font-weight: light;
font-family: 'Muli', sans-serif;
font-size: 15px;
color: #ffffff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
width: 100%;
height:45px;
}
.secondarymenu > li:hover > a { background: #ffffff; color: #37393e; height:45px; width: 100%; }
.secondarymenu > li:first-child > a {
border-left: none;
margin-top: 0px;
padding-top: 0px;
}
home, .home {
font-size: 1.0rem;
color: #ffffff;
font-weight:500;
margin-top: 0px;
padding-top: 0px;
}
homeb, .homeb {
border-right: 1px solid #cccccc;
margin-top: 0px;
padding-top: 0px;
}
secondarymenu, .secondarymenu {
color:#ffffff;
line-height:20px;
font-size: 0.8rem;
font-weight: 500;
}
/************************ Mega Drop navnewmenu ***********************/
.navnewmenu,
.navnewmenu a,
.navnewmenu ul,
.navnewmenu li,
.navnewmenu div,
.navnewmenu form,
.navnewmenu input {
margin: 0;
padding: 0;
border: none;
outline: none;
font-size: 14px;
color: #888888;
line-height:16px;
}
.navnewmenu {
float:right;
}
.navnewmenu a { text-decoration: none; color: #5d5d5d; font-size: 0.8rem; }
.navnewmenu li { list-style: none; }
.navnewmenu {
display: inline-block;
position: relative;
cursor: default;
z-index: 500;
}
.navnewmenu > li {
display: block;
float: left;
}
.navnewmenu > li > a {
position: relative;
display: block;
z-index: 510;
height: 54px;
padding: 0 20px;
line-height: 54px;
font-weight: light;
font-size: 0.95rem;
color: #5d5d5d;
float:left;
background: #ffffff;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.navnewmenu > li:hover > a { background: #4b4441; color: #ffffff; }
.navnewmenu > li:first-child > a {
border-radius: 3px 0 0 3px;
border-left: none;
}
.navnewmenu > li.navnewmenu-search > form {
position: relative;
width: inherit;
height: 54px;
z-index: 510;
border-left: 1px solid #4b4441;
}
.navnewmenu > li.navnewmenu-search input[type="text"] {
display: block;
float: left;
width: 1px;
height: 24px;
padding: 15px 0;
line-height: 24px;
font-size: 13px;
color: #999999;
text-shadow: 0 0 1px rgba(0,0,0,.35);
background: #372f2b;
-webkit-transition: all .3s ease 1s;
-moz-transition: all .3s ease 1s;
-o-transition: all .3s ease 1s;
-ms-transition: all .3s ease 1s;
transition: all .3s ease 1s;
}
.navnewmenu > li.navnewmenu-search input[type="text"]:focus { color: #fcfcfc; }
.navnewmenu > li.navnewmenu-search input[type="text"]:focus,
.navnewmenu > li.navnewmenu-search:hover input[type="text"] {
width: 110px;
padding: 15px 20px;
-webkit-transition: all .3s ease .1s;
-moz-transition: all .3s ease .1s;
-o-transition: all .3s ease .1s;
-ms-transition: all .3s ease .1s;
transition: all .3s ease .1s;
}
.navnewmenu > li.navnewmenu-search input[type="submit"] {
display: block;
float: left;
width: 20px;
height: 54px;
padding: 0 25px;
cursor: pointer;
background: #372f2b url(../img/search-icon.png) no-repeat center center;
border-radius: 0 3px 3px 0;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
.navnewmenu > li.navnewmenu-search input[type="submit"]:hover { background-color: #4b4441; }
.navnewmenu > li > div {
position: absolute;
display: block;
width: 100%;
top: 50px;
left: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
background: #fcfcfc;
border-radius: 0 0 3px 3px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
-webkit-transition: all .3s ease .15s;
-moz-transition: all .3s ease .15s;
-o-transition: all .3s ease .15s;
-ms-transition: all .3s ease .15s;
transition: all .3s ease .15s;
}
.navnewmenu > li:hover > div {
opacity: 1;
visibility: visible;
overflow: visible;
}
.navnewmenu .navnewmenu-column {
float: left;
width: 50%;
padding: 2.5%;
}
.navnewmenu .navnewmenu-columntwo {
float: left;
width: 50%;
padding: 2.5%;
background: #f6f6f6;
font-weight: 200;
letter-spacing: .02em;
}
.navnewmenu .navnewmenu-columntwo h3 {
margin: 20px 0 10px 0;
line-height: 18px;
}
.navnewmenu .navnewmenu-columntwo a {
color: #006aa9;
}
.navnewmenu .navnewmenu-columntwo a:hover {
color: #5d5d5d;
}
.navnewmenu .navnewmenu-column li a {
display: block;
line-height: 25px;
margin: 20px 0px 0px 0px;
font-size: 16px;
color: #5d5d5d;
}
.navnewmenu .navnewmenu li ul li a:hover {
display: block;
line-height: 25px;
margin: 20px 0px 0px 0px;
font-size: 16px;
color: #006aa9;
}
.navnewmenu .navnewmenu-column li a:hover {
display: block;
line-height: 25px;
margin: 20px 0px 0px 0px;
font-size: 16px;
color: #ff0033;
}
.navnewmenu .navnewmenu-column li ul li a {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 13px;
color: #5d5d5d;
}
.navnewmenu .navnewmenu-column li ul li a:hover {
display: block;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size: 13px;
color: #ff0033;
}
.navnewmenu .navnewmenu-columntwo li ul li a {
display: block;
margin: 0px 0px 0px 0px;
font-size: 13px;
color: #5d5d5d;
}
.navnewmenu .navnewmenu-columntwo li ul li a:hover {
display: block;
margin: 0px 0px 0px 0px;
font-size: 13px;
color: #ff0033;
}
.navnewmenu .navnewmenu-columntwo li a {
display: block;
line-height: 38px;
margin: 20px 0px 0px 0px;
font-size: 16px;
color: #5d5d5d;
}
.navnewmenu .navnewmenu-column li a:hover { color: #006aa9; }
.navnewmenu .navnewmenu-columntwo li a:hover { color: #666666; }
.banner-menu {
margin-top: 85px;
}
.banner-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #333;
}
.banner-menu li {
float: left;
}
.banner-menu li a {
display: inline-block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
.banner-menu li a:hover {
background-color: #111;
}
/************************ Articles Page ***********************/
.Articles-container {
width: 90%;
background-color: #ffffff;
border:solid 10px #dcdcdc;
padding: 20px;
clear:both;
display:block;
overflow:hidden;
}
.Articles-container ul {
margin-bottom: 15px;
}
.Articles-container ul li{
margin: 0px 30px 0px 30px;
}
.Articles-container ul li ul li{
margin: 0px 50px 0px 50px;
}
.Articles-container ul li ul li ul li{
margin: 0px 70px 0px 70px;
}
.Articles-container ol {
margin-bottom: 15px;
}
.Articles-container ol li{
margin: 0px 20px 15px 20px;
}
.Articles-container table, tbody, tr, td {
padding: 10px 10px 0px 10px;
}
.Blank-Articles-container {
width: 90%;
background-color: #ffffff;
clear:both;
display:block;
overflow:hidden;
}
/************************ Solutions Page ***********************/
.Solutions-container {
width: 100%;
background-color: #ffffff;
border:solid 10px #dcdcdc;
padding: 20px;
clear:both;
display:block;
overflow:hidden;
}
.Solutions-container ul {
margin-bottom: 15px;
}
.Solutions-container ul li{
margin: 0px 30px 0px 30px;
}
.Solutions-container ul li ul li{
margin: 0px 50px 0px 50px;
}
.Solutions-container ul li ul li ul li{
margin: 0px 70px 0px 70px;
}
.Solutions-container ol {
margin-bottom: 15px;
}
.Solutions-container ol li{
margin: 0px 20px 15px 20px;
}
.Solutions-container table, tbody, tr, td {
padding: 10px 10px 0px 10px;
}
.Blank-Solutions-container {
width: 100%;
background-color: #ffffff;
clear:both;
display:block;
overflow:hidden;
}
/************************ Private Cloud Header Rev Slider ***********************/
.Private-Header-Container {
background-color: #000000;
padding: 10px;
clear:both;
display:block;
overflow:hidden;
font-size: .9rem;
line-height: .9rem;
color: #ffffff;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border:solid 1px #f0ab00;
opacity: 0.9;
filter: alpha(opacity=90); /* For IE8 and earlier */
}
/************************ Header In The Articles ***********************/
.article-description {
visibility: hidden;
height: 0px;
margin-top: -9px;
}
/********************** Partner Form *********************************/
.Nexsan-PartnerApp #sl-top-verticals {
padding: 12px 0;
}
#sl-top-verticals {
margin: 0;
}
#ddl-contact-topic, #sl-top-verticals {
}
#ddl-contact-topic, #sl-top-verticals, #nxsn-elo-form .input-spacer > input, #nxsn-elo-form .input-spacer > select, #nxsn-elo-form .input-spacer > textarea {
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
list-style: outside none none;
}