/* GENERAL PAGE CSS */


a:link {color:#00f; text-decoration: none; border-bottom: 1px dashed #c00;}
a:visited {color:#00f; text-decoration: none; border-bottom: 1px dashed #c00;}
a:hover {text-decoration: none; background: #ddd;}


div.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  z-index:100;
}

.home {position:fixed; top:15px; left:1%; z-index:1000;
}

.home:hover {background:0;}

.fader {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fader:hover {
      opacity: 0.65;
      }





/* green #90EE90 and blue # 42D9FF */


.bgy {background: #fff; border-bottom: 1px solid #ccc;}

.bgg {background: #eee; border-bottom: 1px solid #ccc;}

.bgw {background: #dfdfdf; border-bottom: 1px solid #ccc;}

.fb {font-weight:bold;}

.bs {font-size: 9px; color: #00f;}


.more {font-size:14px;
font-weight:bold;
color:#00f;
font-style:italic;
text-align:center;
margin-top:15px;
margin-left:auto;
margin-right:auto;

}





.whole {

  margin: 0px auto 0 auto; 
  display: block; 
  text-align: center;
}

.in {width: 85%; min-width: 220px; margin: 25px auto 0 auto; font-size: 14px; font-weight:bold;background: #ffc; color:#00f; word-spacing: 1px;
border: 1px dashed #ccc; text-align: left;
font-style: italic;
}

.in2 {width: 75%; min-width: 210px;margin: 0 auto; font-size: 13px; line-height:20px; font-weight:normal;}

.in2 div {margin: 15px 0;}


.content {
  color: #000;
  font-size: 15px;
  font-family: 'Open Sans', sans serif;
  line-height: 1.6;
  margin: 30px auto;
  text-align: justify;
  min-width: 120px;
  width: 100%;

  background: #eee;
  
}

.subcon {
  color: #555;
  font-size: 11px;
  font-family: 'Open Sans', sans serif;
  line-height: 1.5;
  margin: 30px auto;
  text-align: left;
  display: block;
  padding: 1px 10px 1px 20px;

  border: 2px dashed #ccc;
  position: relative; left: 20px;
  width: 90%;
  font-weight: bold;
  
}

.cc {color: #c00;
  font-size: 24px;
  font-family: 'Josefin Sans', sans serif;
  font-weight: normal;
  text-align: center;
  margin: 30px auto 0 auto;
  text-shadow: 2px 2px 3px #ccc;
  -moz-text-shadow: 2px 2px 3px #ccc;
  -webkit-text-shadow: 2px 2px 3px #ccc; 
  
}


.compare {font-size:18px; 
  font-weight:bold; 
  word-spacing:2px; color:#00f; 
  text-shadow: 2px 2px 3px #aaa;
  -moz-text-shadow: 2px 2px 3px #aaa;
  -webkit-text-shadow: 2px 2px 3px #aaa; 
  background:#eef; 
  border-radius:3px;
  color: #000;
  font-style: italic;

}


.bcc {font-size: 12px;
  font-family: 'Open Sans', sans serif;
  font-weight: normal;
  text-align: center;
  margin: 4px auto 0 auto;
  color: #777;
  letter-spacing: 1px;
  word-spacing: 1px;

}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   text-decoration: none;
   border: 0;
   }

.fade:hover {
      opacity: 0.65;
      border: 0;
      }

.textover {


border-radius: 5px;
 
position: relative;
margin-left:auto;
margin-right:auto;
width: 90%;
max-width:310px;
padding: 5px 0 5px 0;

background: #000;

overflow:hidden;box-shadow: 0px 0px 4px #c00;
-moz-box-shadow: 0px 0px 4px #c00;
-webkit-box-shadow: 0px 0px 4px #c00;

}


.unlike {

  color: #fff;
  font-size: 12px;
  font-family: 'Open Sans';
  line-height: 1.8;
  width: 60%;
  text-align: center;
  margin: 5px 0;
 
  
}



.mySlides2 {display:none; 
  color: #fff;
  font-size: 12px;
  font-family: 'Open Sans';
  line-height: 2;
  text-align: center;
  width: 58%;
  margin-top: -15px; 
  padding: 15px 0 -5px 0;
}
.sline {color: #99ffff; font-style:italic;
}



.w3-animate-right{position:relative;animation:animateright 1.5s}@keyframes animateright{from{right:-400px;opacity:0} to{right:0;opacity:1}}  

.please {color: #000;
  font-size: 15px;
  font-family: arial,'Open Sans', sans serif;
  line-height: 1.6;
  margin: 30px auto;
  text-align: justify;
  min-width: 300px;
  max-width: 639px;
  width: 100%%;
  font-weight:normal;
  word-spacing: 1px;
  background-color: #fff;
  padding: 7px;
  border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
  box-shadow: 0px 0px 4px #ccc; -webkit-box-shadow: 0px 0px 4px #ccc; -moz-box-shadow: 0px 0px 4px #ccc;

}

hr {color:#000;}

  




/* CHART CSS */

.comparison { width:90%;
  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:2px solid #000;
}

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

.compare-heading {
  font-size:9px !important;
  color: #00f !important;
  font-weight:normal !important;
  border-bottom:0 !important;
  padding-top:10px !important;
}

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

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

.comparison .compare-row-odd {
  background:#FFF; 
}

.comparison .compare-row td:first-child {background:#aff;}
.comparison .compare-row-odd td:first-child {background:#dff;}

.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 {background:#ccc;
  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: 0px;
  border-left:0px;
}

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

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

.comparison .price-was {
  color:#999;
  text-decoration: line-through;
}

.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:4px 4px;
  font-size:8px;
  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;
}

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

@media (max-width: 639px) {
  .comparison .price-buy {
    padding:4px 4px;
  }
  .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;
}
}

.comparison .blue {
  color:#fff; font-weight:bold; text-shadow: 1px 0px 0px #000;
}

.comparison .red {
  color:#f00; font-weight:normal;
}

.comparison .sm {
  font-size: 12px;
}

.comparison .smh {
  font-size: 12px; line-height:1.8;
}





/* TOOLTIP CODE */

.tooltip1 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip1 .tooltiptext1 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip1 .tooltiptext1::after {content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;    border-color:#888 transparent transparent transparent;}
.tooltip1:hover .tooltiptext1 {visibility: visible;}

.tooltip1a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip1a .tooltiptext1a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip1a:hover .tooltiptext1a {visibility: visible;}


.tooltip2 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip2 .tooltiptext2 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip2:hover .tooltiptext2 {visibility: visible;}

.tooltip2a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip2a .tooltiptext2a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip2a:hover .tooltiptext2a {visibility: visible;}


.tooltip3 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip3 .tooltiptext3 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip3:hover .tooltiptext3 {visibility: visible;}

.tooltip3a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip3a .tooltiptext3a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip3a:hover .tooltiptext3a {visibility: visible;}


.tooltip4 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip4 .tooltiptext4 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip4:hover .tooltiptext4 {visibility: visible;}

.tooltip4a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip4a .tooltiptext4a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip4a:hover .tooltiptext4a {visibility: visible;}


.tooltip5 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip5 .tooltiptext5 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip5:hover .tooltiptext5 {visibility: visible;}

.tooltip5a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip5a .tooltiptext5a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip5a:hover .tooltiptext5a {visibility: visible;}


.tooltip6 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip6 .tooltiptext6 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip6:hover .tooltiptext6 {visibility: visible;}

.tooltip6a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip6a .tooltiptext6a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip6a:hover .tooltiptext6a {visibility: visible;}


.tooltip7 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip7 .tooltiptext7 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip7:hover .tooltiptext7 {visibility: visible;}

.tooltip7a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip7a .tooltiptext7a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip7a:hover .tooltiptext7a {visibility: visible;}


.tooltip8 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip8 .tooltiptext8 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip8:hover .tooltiptext8 {visibility: visible;}

.tooltip8a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip8a .tooltiptext8a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip8a:hover .tooltiptext8a {visibility: visible;}


.tooltip9 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip9 .tooltiptext9 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip9:hover .tooltiptext9 {visibility: visible;}

.tooltip9a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip9a .tooltiptext9a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip9a:hover .tooltiptext9a {visibility: visible;}


.tooltip10 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 10;} 
.tooltip10 .tooltiptext10 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip10:hover .tooltiptext10 {visibility: visible;}

.tooltip10a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip10a .tooltiptext10a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip10a:hover .tooltiptext10a {visibility: visible;}



.tooltip11 {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 100;} 
.tooltip11 .tooltiptext11 {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:25px;left:-50%;margin-left:-80px;white-space:normal;position:absolute;z-index: 1;}
.tooltip11:hover .tooltiptext11 {visibility: visible;}

.tooltip11a {position:relative;font-size:11px;font-family:'Open Sans',arial;display:inline-block;color:#000;z-index: 1;} 
.tooltip11a .tooltiptext11a {visibility:hidden;padding:4px;text-align:center;color:#555;background:#efefef;border:1px solid #aaa;    border-radius: 4px;font-family:'Open Sans',arial;line-height:1.5;font-size:11px;width: 220px;top:0px;left:10%;margin-left:20px;white-space:normal;position:absolute;z-index: 1;}
.tooltip11a:hover .tooltiptext11a {visibility: visible;}