/* Savio Designs Custom CSS Document
Designer: Chris Knabenshue */

/* Styles for Body Content */

.infoslider {
	background: url("../images/techpattern.jpg");
	background-size: cover;
	border-radius: 20px;
}


.peerboard {
	padding-right: 20px;
}

.supportbar {
	padding-left: 20px;
}

/* mouse over link */
a:hover {
    color: #D1494B;
	font-weight:900;
}	

/* unvisited link */
a:link {
    color: #930406;
	font-weight:900;
}

/* visited link */
a:visited {
    color: #841214;
	font-weight:900;
}


/* Styles for the Tag Line */
.tagline {
	font-family: 'Exo', sans-serif;
	font-size:30px;
	font-style:italic;
	font-weight:bold;
	color: white;
	text-shadow: 3px 3px 5px #000000;
	margin-bottom:10px;
	}


/* Sets the Styles for the Footer Area */	
.footer {
	border-top-color: #930406;
	border-top-style: solid;
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:12px;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url("../images/techpattern.jpg")
	}
	
.footer h6 {
	color: #E7E4E4;
	text-decoration:underline;
	font-size:14px;
	margin-bottom: 0; 
	padding-bottom: 0;
	}

.footer a:hover {
	color: #D1494B;
	text-decoration:none !important;
	font-size:12px;
}

.footer a:link {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:12px;
	}

.footercopyright {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
	}

.footercopyright a:link {
	color: #E7E4E4;
	text-decoration:none !important;
	font-size:14px;
	}

.footercopyright a:hover {
	color: #D1494B;
	text-decoration:none !important;
	font-size:14px;
}

.footercopyright a:visited {
	color: #BCBABA;
	text-decoration:none !important;
	font-size:14px;
}

	
/* Sets the Style for A Special Note Area */	
.note
{
font-size:14px; color:#000;
background-color:#F8888A;
box-shadow: -4px 6px 8px #000000;
padding: 15px;
margin: 10px;
}


/* Sets the Style for Float Images */	
.floatleft {
  	float: left;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.floatright {
    float: right;
	padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

/* Sets the Style for the Comparison Table */
.comparison {
  max-width:940px;
  margin:0 auto;
  font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;

}

.comparison table {
  width:100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  border-bottom:1px solid #CCC;
}

.comparison td, .comparison th {
  border-right:1px solid #CCC;
  empty-cells: show;
  padding:10px;
}

.compare-heading {
  font-size:18px;
  font-weight:bold !important;
  border-bottom:0 !important;
  padding-top:10px !important;
}

.comparison tbody tr:nth-child(odd) {
  display:none;
}

.comparison .compare-row {
  background:#F5F5F5;
}

.comparison .tickblue {
  color:#0078C1;
}

.comparison .tickgreen {
  color:#009E2C;
}

.comparison th {
  font-weight:normal;
  padding:0;
  border-bottom:1px solid #CCC;
}

.comparison tr td:first-child {
  text-align:left;
}
  
.comparison .qbse, .comparison .qbo, .comparison .tl {
  color:#FFF;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
  padding:10px;
}

.comparison .tl2 {
  border-right:0;
}

.comparison .qbse {
  background:#0078C1;
  border-top-left-radius: 3px;
  border-left:0px;
}

.comparison .qbo {
  background:#009E2C;
  border-top-right-radius: 3px;
  border-right:0px;
}

.comparison .price-info {
  padding:5px 15px 15px 15px;
}

.comparison .price-was {
  color:#31312E;
 font-style: italic;
}

.comparison .price-now, .comparison .price-now span {
  color:#ff5406;
}

.comparison .price-now span {
  font-size:32px;
}

.comparison .price-small {
    font-size: 18px !important;
    position: relative;
    top: -11px;
    left: 2px;
}

.comparison .price-buy {
  background:#ff5406;
  padding:10px 20px;
  font-size:12px;
  display:inline-block;
  color:#FFF;
  text-decoration:none;
  border-radius:3px;
  text-transform:uppercase;
  margin:5px 0 10px 0;
}

.comparison .price-try {
  font-size:12px;
}

.comparison .price-try a {
  color:#202020;
}

.comparison .featurecategory {
	color: #FFF;
	background:#000000;	
	font-weight: bold;
	}


@media (max-width: 767px) {
  .comparison td:first-child, .comparison th:first-child {
    display: none;
  }
  .comparison tbody tr:nth-child(odd) {
    display:table-row;
    background:#F7F7F7;
  }
  .comparison .row {
    background:#FFF;
  }
		
  .comparison td, .comparison th {
    border:1px solid #CCC;
  }
 
	.price-info {
  border-top:0 !important;  
}
  
}

@media (max-width: 639px) {
  .comparison .price-buy {
    padding:5px 10px;
  }
  .comparison td, .comparison th {
    padding:10px 5px;
  }
  .comparison .hide-mobile {
    display:none;
  }
  .comparison .price-now span {
  font-size:16px;
}

.comparison .price-small {
    font-size: 16px !important;
    top: 0;
    left: 0;
}
  .comparison .qbse, .comparison .qbo {
    font-size:12px;
    padding:10px 5px;
  }
  .comparison .price-buy {
    margin-top:10px;
  }
  .compare-heading {
  font-size:13px;
}
}