@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
body { padding:100px 0px 0px 0px; margin:0px; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:400; background-color:#fff; color:#666; overflow-x:hidden; }
body.body-pd80 { padding:80px 0px 0px 0px; }
.tc { text-align:center; }
.fr { float:right; }
.fl { float:left; }
.tl { text-align:left; }
.oh { overflow:hidden; }
a { color:#333; }

a:hover { color:#002C8A; }
.section { padding:70px 0px; }
.sectionB { margin-bottom:50px; }
h2, h3, h4 { color: #002C8A; margin:0px; }
p { margin:20px 0px 0px 0px }
/* -----------------------------------*/
/* -------->> Header Nav <<<-----------*/
/* -----------------------------------*/
#header_nav { height:100px; }
.navbar-brand { max-width: 180px; display:block; padding:0px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.navbar-brand.navbar-brand-sm { max-width:135px; margin-top: -3px; }
.sub-menu li { list-style:none; margin:0px; padding:0px; }
#header_nav .navbar-nav li .sub-menu a { display:block; margin:0px !important; padding:15px; color: #676767; text-decoration:none; }
#header_nav .navbar-toggle { margin-top:10px; margin-right: -20px; }
#header_nav .navbar-nav li .sub-menu a:hover { background-color:#f8f8f8; }
.navbar-nav li:hover > ul.sub-menu { display:block; }
#header_nav .navbar-nav li a.btn-primary { padding:6px 12px; color:#fff; margin-top: 9px; font-weight: 700; }
#header_nav .navbar-nav li a:hover.btn-primary { background-color:#fb8b82; }
#header_nav.headerNav-small .navbar-nav li a.btn-primary { margin-top:-1px; }
.cartIcon { float: right; background-image: url('..//img/cartIcon.png'); background-repeat: no-repeat; width: 22px; height: 20px; text-indent: -9999px; background-size: contain; margin-top: 15px; margin-left: 10px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#header_nav.headerNav-small { height:80px; }
/* -----------------------------------*/
/* -------->> Main Slider <<<-----------*/
/* -----------------------------------*/
.mainSlider { overflow:hidden; }
.slider { background-size:cover; background-repeat:no-repeat; overflow:hidden; padding:100px 0px 150px 0px; }
.slider1 { background-image:url('..//img/slider.jpg'); }
.slider2 { background-image:url('..//img/Vpn-server.jpg'); }
.sliderDetail h2 { background: rgba(4, 175, 211, 0.5); font-size: 40px; font-weight:700; color:#fff; }
.sliderDetail h2 { background: rgba(4, 175, 211, 0.5); font-size: 40px; font-weight: 700; color: #fff; margin: 0px; padding: 10px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.sliderDetail h1 { background: rgba(4, 175, 211, 0.5); font-size: 40px; font-weight:700; color:#fff; }
.sliderDetail h1 { background: rgba(4, 175, 211, 0.5); font-size: 40px; font-weight: 700; color: #fff; margin: 0px; padding: 10px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.sliderDetail p { font-size: 26px; font-weight: 700; color: #fff; margin: 10px 0px 10px 0px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
.sliderDetail .btn { font-size: 18px; padding: 10px 20px; text-transform: uppercase; }
.owl-buttons { text-indent:-9999px; overflow:hidden; }
.owl-theme .owl-controls .owl-buttons .owl-prev { position: absolute; top: 50%; margin:-32px 0px 0px 0px; width:64px; height:64px; left:-64px; background-position:left center; background-image:url('..//img/slider-arrow.png'); background-repeat:no-repeat; background-color:transparent; padding:0px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.owl-theme .owl-controls .owl-buttons .owl-next { position: absolute; top: 50%; margin:-32px 0px 0px 0px; width:64px; height:64px; right:-64px; background-position:right center; background-image:url('..//img/slider-arrow.png'); background-repeat:no-repeat; background-color:transparent; padding:0px; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.owl-pagination { position: absolute; bottom: 30px; width: 100%; }
.owl-theme .owl-controls .owl-page span { width:10px; height:10px; }
.owl-theme .owl-controls .owl-page.active span { background-color:#fff; }
.owl-theme .owl-controls { margin:0px; }
.mainSlider:hover .owl-theme .owl-controls .owl-buttons .owl-prev { left:15px; }
.mainSlider:hover .owl-theme .owl-controls .owl-buttons .owl-next { right:15px; }
/* -----------------------------------*/
/* -------->> Server Div <<<-----------*/
/* -----------------------------------*/
.pattrenBg { background-image:url('..//img/pattrenBg.jpg'); background-repeat:repeat; }
.serverDiv p { margin-bottom:20px; line-height: 26px; }
.serverDiv img { display: inline-block; margin-bottom: 20px; }
.serverDiv .btn { font-weight:700; padding:10px 20px; }
/* -----------------------------------*/
/* -------->> Table <<<-----------*/
/* -----------------------------------*/
.footable > tbody > tr > td.footable-last-column { text-align:center; }
.footable td span { display:block; }
.footable .btn, .footable td span { font-weight:700; }
.fooTable h2 { background: #f1f2f4; padding: 10px; }
.loadtableBtn .btn { text-transform: uppercase; font-weight: 700; font-size: 18px; padding: 10px 20px; border-radius: 0px; margin-top: 20px; }
.imgDiv { width:8%; }
.processorRow, .includeRow { width:20%; }
.ramRow { width:15%; }
.priceRow { width:10%; }
.hddRow { width:12%; }
.footable > thead > tr > th.tc, .footable > tbody > tr > td.tc { text-align:center; }
.footable-row-detail-value { margin-bottom: 5px; display: block; }
.footable-row-detail-name { margin-bottom: 0px; display: block; }
/* -----------------------------------*/
/* -------->> Footer <<<-----------*/
/* -----------------------------------*/
.footer { background-image:url('..//img/footer-bg.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment: fixed; }
.footer h2 { display: inline-block; font-weight: 500; color: #fff; font-size: 22px; margin-right: 15px; }
.footer .btn { font-size: 20px; padding: 10px 20px; }
.footerNav { padding-top:40px; text-align:left; border-top: #001b21 solid 1px; margin-top: 40px; }
.footerNav h3 { color: #7AE6F5; font-weight: 500; font-size: 20px; }
.footerNav ul { padding: 0px; margin: 10px 0px; }
.footerNav li { list-style:none; }
.footerNav a { color:#fff; text-decoration:none; display: block; margin: 5px 0px 0px 0px; }
.footerNav a:hover { color: #7AE6F5; }
.footer-bottom { background: #00171c; border-top: #002f39 solid 1px; padding:10px 0px; }
.footer_left img { float:left; }
.footer_left span { float: left; clear:both; font-size: 12px; color: #cbf2fa; }
.footer_social { float: right; margin-top: -15px; }
.footer_social ul { padding: 0px; margin: 0px; }
.footer_social li { float: left; list-style: none; }
.footer_social a { margin-left: 15px; }
/* -----------------------------------*/
/* -------->> Customize cart div<<<-----------*/
/* -----------------------------------*/
.qtyDiv { position:relative; float:left; border-radius:2px; overflow:hidden; border:1px solid #ccc; }
.qtyDiv input { float:left; width:80px; border:0px; background-color:#CCC; color:#fff; min-height:40px; border-radius:2px; font-weight:700; font-size:16px; }
.qtyDiv:hover .btn { display:block; }
.qtyDiv .btn { position:absolute; right:0px; width:20px; height:20px; font-size:14px; text-align: center; padding: 0px; background-color: #fff; border-radius: 0px; box-shadow:0px 0px 0px; box-shadow:inset 0px 0px 0px; display:none; }
.qtyDiv .btn.btn-minus { bottom:0px; }
.qtyDiv .btn.btn-plus { top:0px; }
.cartBtn { background-color: transparent; border: 2px solid #2FBDEC; padding: 6px 20px; color: #2FBDEC; font-size: 18px; margin-left: 15px; float: left; -webkit-animation: slide 0.5s forwards; -webkit-animation-delay: 2s; animation: slide 0.3s forwards; animation-delay: 3s; position:relative; }
.customizeDiv .cartBtn i { top: 10px; right: 40px; position: absolute; opacity:0; transition: 0.4s; }
.customizeDiv .cartBtn { width:146px; transition: 0.4s; }
.customizeDiv .cartBtn:hover { width:156px; transition: 0.4s; padding-right:30px; }
.customizeDiv .cartBtn:hover i { right: 10px; opacity:1; transition: 0.4s; }
.customizeDiv h2 { font-weight: 400; color: #333; }
.customizeDiv h3 { color: #2FBDEC; font-weight: 400; margin: 10px 0px; }
.customizeDiv p { margin:20px 0px 0px 0px; }
.stockDiv { font-size:13px; color:#77a464; display:block; margin-bottom:30px; display:block; }
.cartBtn:hover { background-color:#f3f3f3; color: #2FBDEC; border:2px solid #f3f3f3; }
.tab-content { padding: 30px 15px; border: 1px solid #D9D9D9; }
.tab-content h3 { font-weight:400; color:#000; }
.tab-content p { margin:20px 0px 0pxz 0px; }
.tabMenu .table>tbody>tr>td, .tabMenu .table>tbody>tr>th, .tabMenu .table>tfoot>tr>td, .tabMenu .table>tfoot>tr>th, .tabMenu .table>thead>tr>td, .tabMenu .table>thead>tr>th { padding:15px 8px; }
.tab-content form h3 { margin-bottom: 20px; }
.tab-content form input, .tab-content form textarea { border: 0px; border-radius: 0px; min-height: 50px; background-color: #EEEEEE; margin-bottom: 20px; font-size: 16px; }
.ratingDiv ul { padding: 0px; margin: 0px 0px 20px 0px; list-style: none; }
.ratingDiv label { margin-bottom:10px; }
.ratingDiv a { margin-right: 10px; padding-right: 10px; border-right: 1px solid #CCC; }
.ratingDiv a:last-child { border:0px; }
.ratingDiv a:hover .glyphicon-star-empty:before { content: "\e006"; color: #2EBCEB; }
.glyphicon-star-empty:before { content: "\e007"; color: #2FBDEC; }
.glyphicon-star-empty.glyphicon-star:before { content: "\e006"; }
.breadcrumb{background-color: #00171c;padding:30px 0px;}
.breadcrumb h2{color:#fff;}
.section.pageDetail {padding:40px 0px;}
.pageDetailC img{display:inline-block;}
.pageDetailC p{text-align:left;}
#header_nav .navbar-nav li .sub-menu li.active a{color:#2FBDEC;}
.contactDiv h4{margin-bottom:30px;color:#333;}
.contactDiv .btn{font-size:18px;padding:10px 20px;}
.contactDiv input, .contactDiv textarea{border-radius:0px;min-height:40px;}
.contactMap{width:100%;height:450px;overflow:hidden;position:relative;}
.contactMap iframe{position:absolute;top:0px;left:0px;width:100%;height:100%;}
.emailDiv h4{font-size: 15px;height:30px;}
.emailDiv a{text-decoration:none;color:#333;}
.emailDiv a:hover{color:#002C8A}

/* addtl CSS */

.serverlist-img {
	width: 50px;
}

.outofstock-btn {
	background-color: #D91F20 !important;
}


/*cart */





 @media (min-width: 1200px) {
.container {
width:1000px;
}
}
@media (min-width: 992px) {
.headerNav-small .cartIcon {
margin-top:6px;
}
.footer .lastDiv {
 max-width: 130px;
 float: right;
}
.footer .centerDiv {
 max-width: 90px;
 margin: auto;
}
#header_nav .dropdownMenu a {
position:relative;
padding-bottom:35px;
padding-right:15px;
}
.headerNav-small .dropdown-arrow {
top:7px;
}
.dropdown-arrow {
background-image:url('..//img/dropdown-arrow.png');
float:right;
width:20px;
height:20px;
position: absolute;
right: -6px;
top: 17px;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#header_nav.headerNav-small .sub-menu {
top:52px;
}
.sub-menu {
position: absolute;
top: 70px;
left: 15px;
border-top: 3px solid #2FBDEC;
width: 200px;
background-color: #fff;
padding: 15px 0px;
margin:0px;
z-index:100;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
display:none;
}
#header_nav .navbar-nav {
float:right;
}
#header_nav .navbar-nav li a {
margin:16px 0px 0px 12px;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
#header_nav.headerNav-small .navbar-nav li a {
margin: 6px 0px 0px 12px;
}
}
@media (max-width: 1199px) {
.navbar-brand {
max-width:150px;
}
}
@media (max-width: 991px) {
.processorRow{
width:15%;
}
.ramRow {
width: 15%;
}
.serport {
width: 15%;
}
.serprice {
width: 15%;
}
.includeRow {
width:25%;
}
.footable > tbody > tr > td.footable-first-column {
position: relative;
padding-left: 50px;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
float: left;
color: #fff;
background-color: #FA5A4D;
border-radius: 100px;
text-align: center;
padding: 7px 10px 7px 10px;
top: 50%;
position: absolute;
height: 34px;
width: 34px;
margin-top: -17px;
left: 10px;
}
.cartIcon {
margin-top:6px;
}
.cartIcon {
 position: relative;
 left: -45px;
 margin-left:0px;
}
.imgDiv {
width:20%;
}
.sliderDetail h2 {
 font-size: 30px;
}
#header_nav .navbar-nav li a.btn-primary {
line-height:30px;
}
#header_nav .navbar-nav li a {
padding:15px;
border-bottom:1px solid #f8f8f8;
}
#header_nav .navbar-nav li a:hover {
background-color:#f8f8f8;
}
.navbar-collapse {
border-top: 3px solid #2EA3F2 !important;
margin: 20px 0px;
background-color:#fff;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
 box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}
.navbar-brand {
max-width:135px !important;
margin-top: -3px;
}
#header_nav {
height:80px !important;
}
#header_nav.headerNav-small .sub-menu {
top:52px !important;
}
body {
padding-top:80px !important;
}
}
@media (max-width: 767px) {
.emailDiv a{display:inline-block;margin-bottom:30px;}
.sectionB.emailDiv{margin-bottom:20px;}
.customizeDiv img {
 max-width: 280px;
 margin-bottom: 30px;
}
.imgDiv {
 width: 25%;
}
.sliderDetail p {
font-size:24px;
}
.slider {
padding:100px 0px 100px 0px;
}
.section.pattrenBg, .serverDiv.serverDiv-white {
padding-bottom:20px;
}
.section {
 padding: 50px 0px;
}
.serverDiv .btn {
margin-bottom:50px;
}
.footerNav {
font-size: 16px;
}
.footerNav {
text-align:center;
padding-top:20px;
}
.footerNav h3 {
margin-top:30px;
}
.footer h2 {
margin-right:0px;
}
.footer .btn {
 display: block;
 width: 300px;
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
}
.sliderDetail h2 {
 font-size: 24px;
 padding: 10px 0px;
}
.navbar-header {
padding:0px 15px;
}
.container {
width:100%;
}
}
@media (max-width: 600px) {
.imgDiv {
width: 35%;
}
.owl-buttons {
display:none;
}
.sliderDetail p {
font-size:16px;
}
.slider {
padding:50px 0px 50px 0px;
}
.sliderDetail .btn {
white-space: initial;
font-size:16px;
}
}
@media (max-width: 479px) {
.fooTable h2 {
font-size:18px;
}
.footable > tbody > tr > td {
font-size:10px;
}
.owl-pagination {
bottom:10px;
}
.sliderDetail p {
font-size:16px;
}
.slider {
padding:50px 0px 50px 0px;
}
.sliderDetail .btn {
font-size:14px;
padding:10px;
}
.section {
 padding: 40px 0px;
}
.imgDiv {
width:20%;
}
.sliderDetail h2 {
 font-size: 18px;
 padding: 10px 0px;
}
}
@media (max-width: 400px) {
.footer .btn {
font-size:16px;
width:90%;
}
}