@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'open_sansregular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'open_sanssemibold'; src: url('../fonts/open-sans.semibold-webfont.eot'); src: url('../fonts/open-sans.semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/open-sans.semibold-webfont.ttf') format('truetype'), url('../fonts/open-sans.semibold-webfont.svg#open_sanssemibold') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'OpenSans-Bold';src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Bold.ttf') format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');font-weight: bold; font-style: normal;}
@font-face {font-family: 'OpenSans-Light';src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Light.ttf') format('truetype'),url('../fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');font-weight: normal;font-style: normal;}
#spinner{position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:9999;background:url(../images/Preloader.gif) 50% 50% no-repeat rgb(249,249,249);}
.hidden{opacity:0} .visible{opacity:1 !important;}

*{ margin:0px; padding:0px;}
body{ margin:0 auto;padding:0px;font-family:'open_sansregular', Calibri, Arial;font-size: 13px;}
label, input, button, select, textarea {font-size: 12px;} 
.img-al { margin: 0 10px 10px 0;float:left;}
.img-ar { margin: 0 0 10px 10px; float:right;}
.left {text-align:left !important;}
.center {text-align:center !important;}
.right {text-align:right !important;}
img{ border:0px;}
a{ outline:0px !important; text-decoration:none; cursor:pointer;}
a:hover{ text-decoration:none;}
#logo{width:100%;float:left; margin:18px 0 18px 0}
#logo img{max-width:100%;height:auto; display:block;}
.top-quick-link{width:100%; float:right;}
.top-quick-link ul{margin:0px; padding:0px;float:right;list-style:none;}
.top-quick-link ul li{margin:18px 0 20px 18px; padding:0px;float:left; font-family:'open_sanssemibold'; font-size:12px; color:#c52427; text-align:left;}
.top-quick-link ul li a{ color:#c52427;}
.top-quick-link ul li .fa{ color:#000; font-size:14px; padding-right:2px; padding-top:2px;}
#menu-wrap{float:right; margin-top:10px;}
#banner{width:100%; float:left; margin:0 0 40px 0}
#banner-inn{width:100%; float:left;}
#banner-inn img{ width:100%; height:auto; display:block;}
.home-text-col{width:100%; float:left;}
.home-text-col h1{width:100%; margin:0 0 10px 0; padding:0px; float:left;font-family:'open_sanssemibold'; font-size:22px; color:#1a656e; text-align:left;}
.home-text{width:100%; float:left; font-size:13px; color:#000; text-align:justify;}
.home-text-col a{ float:left; margin-top:15px; color:#fff; background:#86c440;padding:6px 10px; font-size:11px;}
.h-network-col{ width:100%; min-height:125px; margin:15px 0 0 0; float:left; background:url(../images/network-bg.jpg) no-repeat 0px 0px;background-size:100%;}
.h-network-col p{ width:auto; float:left;font-family:'open_sanssemibold'; color:#ffffff; font-size:18px; margin:12px 0 0 12px; padding:6px 15px; background:#252525; text-transform:uppercase}
.h-network-col p a{ color:#ffffff;}
.pro-bg-head{width:100%; margin-top:35px;height:19px;background:url(../images/pro-up-arrow.jpg) no-repeat center top #f0f0f0;}
.pro-bg-footer{width:100%; height:19px; float:left; background:url(../images/drop-arrow.png) no-repeat center top;}
#product-container{width:100%;padding:0px;text-align: center; background:#f0f0f0;}
.product-wrap{width:100%;margin:15px 0 60px 0;padding:0px;float:left;}
.product-wrap h1{ float:left; margin: 20px 0 20px 0;font-family:'open_sansregular';color:#282828;font-size:23px;text-align:left;}
.pro_col{width:100%;margin:0px;padding:0px; float:left;}
.pro_col img{max-width:100%;height:auto;display:block;}
.pro_wrap{width:100%;float:left;}
.pro_wrap h4 {width:100%;margin:0px;padding: 12px 0 12px 10px;float: left;font-family:'open_sanssemibold', Calibri;color: #fff;font-size:15px;text-align: left; text-transform:uppercase; background:url(../images/head-bg.jpg) repeat-x 0px 0px;}
.pro_wrap h4 .fa{ float:right; margin:0 15px 0 0; font-size:25px; line-height:15px; color:#ffb351;}
.pro_wrap p{margin:0px; padding:0 10px 0 10px; color:#303030; font-size:13px; text-align:justify;}
/* ---- next-previous bt  ----*/
#simple{margin:0px;padding:0px; float:right;}
.mightyslider_carouselSimple_skin {position: relative;}
#simple .mSButtons {margin:22px 2px 0 0; position:relative; display:inline-block;}
.mightyslider_carouselSimple_skin.horizontal .mSPrev {background-position: 50% -102px;bottom: 0;left: 0;top: 0;}
.mightyslider_carouselSimple_skin.horizontal .mSNext {background-position: 50% -172px;bottom: 0;right: 0;top: 0;}
.mightyslider_carouselSimple_skin .mSButtons {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEYAAADcCAYAAADN09ehAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAcZJREFUeNrs3UGKwzAQBMBM2P9/efaerDBmDe6xqm+JfVAKyZFAGld3v+Q7bwRgwIABAwYMGDBgwIARMFNhGswapcGse0qDWSP0zjCfP75ScN6BKBE4Kc+YOvi8JUyd/H4LmPrn9UfC1MX3WRKAAQMGDBgwYAQMGDBgwIABAwYMGDBgBAwYMGDAgAEDBgwYMAIGzFyYvvi+R/WYTkRJGUp2hp/A2foswWoH+NE2+i16zNH2+Np5KNkZfgLHWYI/MCqhMWkz30ppiCUBGDBgwIABAwYMGDBgBAwYMGDAgAEDBgwYMAIGDBgwYMCAAQMGDBgBAwYMGDBgwIAB89D8BLbJQa5UlDSYGJQkmCiUFJg4lASYSJQEmJg3cCUOpUic1FO03vqXipN+ivY2nMQlgb9rq2swYMCAETBgwIABAwYMGDBgwAgYMGDAgAEDBgwYMGAEDBgwYMCAAQMGDBgwYAQMGDBgwIABAwYMGDACBgwYMGDAgBmXu0sYKKyziMI603AU1hnw8FVYZwKOkpIDYJSUnDCfUVIyFCZ25nv3kiAGwiISDBgwYMCAAQMGDBgBAwYMGDBgwIABAwaMgAEDBgwYMGn5FWAA7GwwvzUdWUMAAAAASUVORK5CYII=") no-repeat scroll 50% 0 / 50px 220px; cursor: pointer;height:26px;margin: auto;position: absolute;width: 33px;z-index: 1000;}
.mightyslider_carouselSimple_skin .mSButtons{background-color:rgba(66, 139, 202, 0.9); border-radius:4px}
/* ---- next-previous bt closed ----*/
.principals{ width:100%; float:left; margin-top:20px;}
.principals h2{ width:100%; float:left; margin:15px 0 20px 0; padding:0 0 10px 0;font-family:'open_sanssemibold', Calibri; font-size:18px; color:#141414; text-align:left; text-transform:uppercase; border-bottom:1px #e5e5e5 solid;}
.image-slider{width:100%;margin:0 0 30px 0;padding:0px;float:left; list-style:none;}
.image-slider li{width:100%;margin:0px;float:left;}
.image-slider li img{max-width:100%;height:auto;display:block; padding:5px; border:1px #d8d8d8 solid !important;}
footer{ background:#175a62; width:100%; float:left; margin-top:40px;}
.footer-lcol{width:100%;float:left;margin:20px 0; font-size:12px; color:#c0c0c0; text-align:left;}
.footer-rcol{width:100%;float:right;margin:20px 0;font-size:12px; color:#c0c0c0; text-align:right;}
.footer-rcol a{ color:#c0c0c0;}
#inn-text-colum{width:100%; float:left;}
#inn-text-colum h1{width:100%; float:left; margin:0 0 30px 0; padding:0px;font-family:'open_sanssemibold'; font-size:22px; color:#C42328; text-align:left;}
#inn-text-colum h2{width:100%; float:left; margin:10px 0 20px 0; padding:0px;font-family:'open_sanssemibold'; font-size:18px; color:#912A7D; text-align:left;}
#inn-text-colum img{max-width:100%; height:auto;}
#inn-text-colum p{ width:100%; margin:0 0 40px 0; padding:0px; float:left;}
#inn-text-colum ul{ width:100%; margin:0 0 20px 0; padding:0px; float:left; list-style:none;}
#inn-text-colum ul li{width:100%; margin:2px 0 2px 8px; padding:0 0 0 10px; float:left;position: relative;}
#inn-text-colum ul li:before{width:10px;position:absolute;top:0px;left:0px;content: "\f0da"; font-family:'FontAwesome'; font-size:13px; color:#C42426;}
#breadcrumb-col{ width:100%;margin-bottom:20px;float:left;background:#f5f5f5;}
.panel-body {background-color: #f5f5f5;}
.panel-body p{padding:0px; margin:0 0 4px 0 !important;}
.panel-body address{ line-height:21px !important;}
.inn-product-wrap{width:100%;margin:15px 0 0 0;float:left;}
.inn-product-wrap h1{ width:100%; float:left; padding-bottom:7px; margin: 20px 0 12px 0;font-family:'open_sanssemibold';color:#282828;font-size:20px;text-align:left; border-bottom:1px #dbdbdb solid;}
.inn-network-col{width:100%; min-height:79px; margin:10px 0 0 0; float:left; background:url(../images/network-bg.jpg) no-repeat 0px 0px;background-size:100%;}
.inn-network-col p{ width:auto; float:left;font-family:'open_sanssemibold'; color:#ffffff; font-size:15px; margin:10px 0 0 10px; padding:5px 12px; background:#252525; text-transform:uppercase}
.inn-network-col p a{ color:#ffffff;}
.pro-table-bordered { border: 1px solid #c7dff9 !important;}
.pro-table-bordered>tbody>tr>td, .pro-table-bordered>tbody>tr>th, .pro-table-bordered>tfoot>tr>td, .pro-table-bordered>tfoot>tr>th, .pro-table-bordered>thead>tr>td, .pro-table-bordered>thead>tr>th{border: 1px solid #c7dff9 !important;}
.pro-table-striped>tbody>tr:nth-of-type(odd){background-color: #e2edf9 !important;}
#pro_detail_Search { width:100%;margin:0 0 20px 0; text-align:left}
#pro_detail_Search th { background: #056CA7;color: #fff;padding-top:8px; padding-bottom:8px}
@media only screen and (max-width: 800px) {
#pro_detail_Search table, 
#pro_detail_Search thead, 
#pro_detail_Search tbody, 
#pro_detail_Search th, 
#pro_detail_Search td, 
#pro_detail_Search tr {display: block;}
.pro-table-bordered {border: 0px solid #c7dff9 !important;}	
.pro-table-bordered>tbody>tr>td, .pro-table-bordered>tbody>tr>th, .pro-table-bordered>tfoot>tr>td, .pro-table-bordered>tfoot>tr>th, .pro-table-bordered>thead>tr>td, .pro-table-bordered>thead>tr>th{border: 1px dotted #c7dff9 !important;}	
/* Hide table headers (but not display: none;, for accessibility) */
#pro_detail_Search thead tr {position: absolute;top: -9999px;left: -9999px;}
#pro_detail_Search tr { border: 1px solid #ccc; margin-top:8px;margin-bottom:8px; } 
#pro_detail_Search td { border: none;border-bottom: 1px solid #eee; position: relative;padding-left: 50%; white-space: normal;text-align:left;}
#pro_detail_Search td:before {position:absolute;top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:bold;}
#pro_detail_Search td:before {content:attr(data-title);}
}
#promo-one {background-image:url(../images/network-background.jpg);}
.parallax-section{background-position:50% 50%;background-repeat: no-repeat;background-size: cover;background-attachment:fixed;width: 100%;min-height: 150px;
color: #fff;}
.parallax-content {padding-bottom:60px;padding-top:60px;}
.parallax-content h1 {font-family:'OpenSans-Light';color:#ffffff;font-weight:normal;font-size:40px;}
.product-cat{width:100%;float:left;}
.product-list{width:100%;float:left; margin-bottom:30px;border:1px #dfdfdf solid;}
.product-list img{max-width:100%;height:auto;display:block;}
.product-list p{width:100%;margin:0px !important;padding:7px 0 !important;float:left;font-size:12px;color:#ffffff;text-align:center;background:#1b6570;}
.inn-title-logo{width:100%; float:left; margin:10px 0 20px 0;}
.inn-title-logo img{ max-width:100%; height:auto; display:block;}
.pro-range{ width:100%; float:left; margin-bottom:20px; border:1px #dfdfdf solid;}
.pro-range img{max-width:100%;height:auto; padding:6px;}
.pro-range h4{width:100%; padding:6px 0; margin:0px; float:left; font-size:12px; color:#ffffff; text-align:center; background:#33767E}
.mediablock {min-height:85px;margin-bottom: 20px;text-align: center;display: table-cell;vertical-align: top}
.mediablock .thumb {display:table-cell;vertical-align: top;float: left;margin: 0 10px 5px 0;}
.mediablock .contentpane {display: table-cell;vertical-align: top}
.mediablock .title {margin:0 0 5px 0;display: block;text-align: left;}
.mediablock h4 {color: #000;font-family: "Open Sans",sans-serif;font-size: 14px;font-weight: 700;line-height: 1.5em;margin: 0 0 10px;}
.mediablock .summary {width:100%;float:left;display: block;text-align:left;font-family: "Open Sans",sans-serif;color: #000;font-size: 12px;font-weight: 400;
    line-height: 1.5em;}
.table-container{width:100%;float:left;}
.pro_container{ width:100%;float:left; margin:0 0 20px 0; padding:10px 0 0 0; border-bottom:1px #CCC solid;}
.QNAP-img{ width:100%; float:left; margin:0 0 20px 0}
.QNAP-img img{ max-width:100%;height:auto; display:block; border:1px #dfdfdf solid;}
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display:none;z-index:100;outline:0px;}
@media(max-width:767px){
.menu-wrapper{ width:100%; float:left;background:#1a656e}
.top-quick-link{ display:none;}
.quick_link .fa{ font-size:22px; padding-top:5px;}
.home-icon{width:55px;margin:0px;padding:7px 0 8px 0;float:right;text-align:center;border-left:#3a9ca9 1px solid;}
.home-icon a{color:#fff !important;}
.call-icon{width:55px;margin:0px;padding:7px 0 7px 0;float:right;text-align:center;border-left:#3a9ca9 1px solid;}
.call-icon a{color:#fff !important;}
.mail-icon{width:55px;margin:0px;padding:7px 0 7px 0;float:right;text-align:center;border-left:#3a9ca9 1px solid;}
.mail-icon a{color:#fff !important;}
}
@media (min-width: 768px) {
.menu-wrapper{background-color:transparent;} .td-show{ display:none;} .quick_link{display:none;} .search-bar{display:none;}
}
@media (max-width: 768px) {
#menu-wrap{width:100%; margin:0px;}
.td-show{ display:block !important;}
.footer-lcol{margin:10px 0;text-align: center;}
.footer-rcol{margin:0 0 10px 0;text-align:center;}
.back-to-top {bottom:15px !important;right:4px !important;}
.btn-group-lg>.btn, .btn-lg {padding: 7px 13px;font-size: 16px;line-height: 1.3333333;}
.pro-range h4{min-height:40px; vertical-align:text-bottom;}
}
@media (min-width: 1024px) {.quick_link{display:none;}}




/*new*/
.table-responsive {margin-bottom: 10px;}
.pro-range center b{margin: 10px 0px; 
    font-size: 14px;}
.table-responsive {font-size:14px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse; text-align: center; text-transform: uppercase;}
.table-responsive th {font-size:14px;background-color:#acc8cc;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:center; text-transform: uppercase;}
.table-responsive tr {background-color:#d4e3e5; text-transform: uppercase;}
.table-responsive td {font-size:14px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5; text-align: center; text-transform: uppercase;}
.table-responsive tr:hover {background-color:#ffffff; text-transform: uppercase;}


.product-heading{padding-left: 15px;
    margin-top: 35px;
    color: red;}