body {
	
	margin:0;
    padding:0;
	border:0;
	font-family:verdana;
	
	 
	
}


p   {
	
    
    margin-top: 0px; 
    font-size: 16px;
    line-height: 1.7em;
    font-family:verdana;
	color:#333;
}




h1  {
	
    font-family:verdana;
    color: #333;
    font-size: 29px;
    font-weight: bold;
	 
}







h2 {
	
    color: #333;
    font-weight: bold;
    font-size: 25px;
    font-family: verdana;
	margin-top: 55px; 
	margin-bottom: 15px;
	
}





h3 {
	
    color: #333;
    font-weight: bold;
    font-size: 20px;
    font-family: verdana;
	margin-top: 40px; 
	margin-bottom: 15px;
	
}







 




.wrapper {
	
	max-width:1100px;
    margin-left:auto;
	margin-right:auto;
	
}



.burgerbar {
	
    background:#bee2fb;
	max-height: 60px;
    height: 60px;
	padding-right: 30px;
    padding-left: 30px;

	
	
}





.logo {
	
	float:left;
	
}




.logo img {
	
	float:left;
	margin-top: 6px;
	
}





.socials {
	
	float:right;
	margin-top:17px;
	
}


.socials img {
	
	width:26px;
	
}



.nav {
	
	background:#00aaff;
	max-height: 34px;
    height: 34px;
	padding-right: 30px;
    padding-left: 30px;
	
}




.home {
	
	float:left;
	margin-right: 10px;
	
}



.home img {
	
	width:32px;
	
}




/* Dropdown Button */
.dropbtn {
  background: #00aaff;
  color: white;
  padding: 8px;
  font-size: 14px;
  border: none;
  cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  float:left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #eaf2f7;
  min-width: 315px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;    border-bottom:1px solid gray;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #bee2fb}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}



.search {
	
	
	float:right;
	
	
}





.search input[type=text] {
  width: 130px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  font-size: 13px;
  background-color: white;
  background-image: url('searchicon.png');
  background-position: 10px 10px; 
  background-repeat: no-repeat;
  padding: 4px 20px 4px 40px;
  -webkit-transition: width 0.4s ease-in-out;
  transition: width 0.4s ease-in-out;
  margin-top:3px;
}

.search input[type=text]:focus {
   width: 100%;
}




.content {
	
	margin-top: 45px;
	padding-left: 20px;
    padding-right: 20px;
	overflow: hidden;
    margin-bottom: 150px;
	 
	
}






.sidebar {
  
  width: 280px;
  float:left;
  text-align:justify;
  margin-top:75px;
}



.sticky {
   width: 280px;  
}



.not-sticky {
   width: 280px;  
}


.main {
	
	 
	width:90%;
	margin-left:auto;
	margin-right:auto;
	
}


.main img {
	
	 
	width:100%;
	
}




.main li {
	
	 
	line-height:1.7em;
	
}




.footer {
	
  max-height:80px;
  height:80px;
  background-color:gray;
  clear:both;
  overflow:hidden;
  padding-bottom: 30px;
  
}





.pages {
	
  
  text-align:center;
  margin-top:28px;
  margin-bottom:15px;
  
}



.pages a {
	
   text-decoration:none;
   color:#dedede;
   margin-right:15px;
   font-size:14px;
  
 }
 
 
 
 .cr  {
	
   text-decoration:none;
   color:#dedede;
   font-size:14px;
   text-align:center;
   margin-bottom:15px;
  
 }





 .sttitle  {
	
    font-weight:bold;
	font-size:18px;
	text-align:center;
	margin-top: 8px;
    margin-bottom: 8px;
  
 }
 
 
 
 
 
 
.toctitle  {
	
    font-weight:bold;
	font-size:18px;
	text-align:center;
	margin-top: 8px;
    margin-bottom: 8px;
  
 }




.toc_list  {
	
     margin-bottom:28px;
  
}




.toc_list li  {
	
     color:green;
  
}





.toc_list a  {
	
     color:#007eff;
	 line-height:35px;
	 font-weight:bold;
  
}






.percentoff  {
	
    
	font-size:28px;
	color:#ff5406;
	 
	text-align: center;
    
  
 }





 .lst  {
	
    border: 5px #9fa79d solid;
    padding: 5px;
    text-align: center;
	margin-bottom:30px;
  
 }




 .getdeal  {
	
     font-weight:bold;
	 margin-top: 12px;
     padding-bottom: 8px;
  
 }





.getdeal a {
	
     color: #007eff;
  
 }
 
 
 
 .getdeal a:hover {
	
     color: gold;
  
 }







.comparison {
  max-width:940px;
  margin:0 auto;
  font:13px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-align:center;
  padding:10px;
}

.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;
  padding:10px;
  font-size:13px;
  border-right:1px solid #CCC;
  border-bottom:0;
}

.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:#999;
   
}

.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;
  font-weight: bold;
}

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

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

@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;
}
}




@media (min-width: 965px) and (max-width: 1110px) {
	
	
	
.main {
	
   
    width: 67%;
	
}
  
  
  
  
}











@media (min-width: 888px) and (max-width: 964px) {
	
	
	
.main {
	
   
    width: 64%;
	
}
  
  
  
  
}










@media (min-width: 812px) and (max-width: 887px) {
	
	
	
.main {
	
    width: 67%;
	
}
  
  
  
  
.sticky {
	
    width: 230px;
	
}  





.sidebar {
	
    width: 230px;
	
} 
  
  
  
  
}












@media (min-width: 200px) and (max-width: 811px) {
	
	
	
.main {
	
    width: 90%;
	float:none;
	margin-left: auto;
    margin-right: auto;
	
}
  
  
  
  
.sticky {
	
    width: 90%;
	display:none;
	
}  





.sidebar {
	
    width: 90%;
	float:none;
	
} 
  
  
  
  
}










@media (min-width: 200px) and (max-width: 452px) {
	
	
	
.search {
	
   
    display:none;
	
}



.socials {
	
   
    display:none;
	
}
  
  
  
  
}