/* --------------------------------



Primary style



-------------------------------- */

*, *::after, *::before {

  box-sizing: border-box;

}



html {

  font-size: inherit;

}



body {

  font-size: 1.5rem;

  font-family: "Catamaran", sans-serif;

  color: #404042;

  background-color: #ffffff;

}



a {

  color: #9dc997;

  text-decoration: none;

}



img {

  max-width: 100%;

}



h1,h2,h3,h4,h5,h6 {

  font-family: "Poppins", sans-serif;

  font-weight: 400;

}



h1 {

  font-size: 2rem;

  text-align: center;

  padding: 2em 5%;

}

@media only screen and (min-width: 1170px) {

  h1 {

    font-size: 4rem;

    font-weight: 300;

    padding: 2em 5%;

  }

}

footer{

  z-index: 2;

}

footer #img{

  object-fit: contain;

  object-position: center;

}

footer p{

  font-size: 16px;

  color:white;

}

/*footer .left-block>div{

  border-left: 1px solid white;

}*/

footer button{

  border:none;

  margin-top:5px;

}

.site-content{

  display: block;

  height: 65vh;

  position: relative;

}

.no-cards{

  position: absolute;

  left: 50%;

  top:50%;

  transform: translate(-50%, -50%);

}

/* --------------------------------



Main Components



-------------------------------- */

.cd-products-comparison-table {

  margin-bottom: 6em;

}

.cd-products-comparison-table::after {

  /* never visible - this is used in jQuery to check the current MQ */

  display: none;

  content: 'mobile';

}

.cd-products-comparison-table header {

  padding: 0 5% 25px;

}

.cd-products-comparison-table header::after {

  clear: both;

  content: "";

  display: table;

}

.cd-products-comparison-table h2 {

  float: left;

}

.cd-products-comparison-table .actions {

  float: right;

}

.cd-products-comparison-table .reset, .cd-products-comparison-table .filter {

  font-size: 1.4rem;

}

.cd-products-comparison-table .reset {

  color: #404042;

  text-decoration: underline;

}

.cd-products-comparison-table .filter {

  padding: .6em 1.5em;

  color: #ffffff;

  background-color: #cccccc;

  border-radius: 3px;

  margin-left: 1em;

  cursor: not-allowed;

  -webkit-transition: background-color 0.3s;

  -moz-transition: background-color 0.3s;

  transition: background-color 0.3s;

}

.cd-products-comparison-table .filter.active {

  cursor: pointer;

  background-color: #9dc997;

}

.no-touch .cd-products-comparison-table .filter.active:hover {

  background-color: #a7cea1;

}

@media only screen and (min-width: 1170px) {

  .cd-products-comparison-table {

    margin-bottom: 8em;

  }

  .cd-products-comparison-table::after {

    /* never visible - this is used in jQuery to check the current MQ */

    content: 'desktop';

  }

  .cd-products-comparison-table header {

    padding: 15px 40px;

  }

  .cd-products-comparison-table h2 {

    font-size: 2.4rem;

  }

  .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {

    font-size: 60%;
    padding: .6em 2em;
    margin-left: 1.6em;
  }

  .cd-products-comparison-table .reset{

    color:white;

    text-decoration: none;

    border-radius: 2px;

  }

}



/* .cd-products-table {

  position: relative;

  overflow: hidden;

} */



.cd-products-table .features {

  /* fixed left column - product properties list */

  position: absolute;

  z-index: 1;

  top: 0;

  left: 0;

  width: 120px;

  border-style: solid;

  border-color: #e6e6e6;

  border-top-width: 1px;

  border-bottom-width: 1px;

  background-color: #fafafa;

  opacity: .95;

}

.cd-products-table .features::after {

  /* color gradient on the right of .features -  visible while scrolling inside the .cd-products-table */

  content: '';

  position: absolute;

  top: 0;

  left: 100%;

  width: 4px;

  height: 100%;

  background-color: transparent;

  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.06), transparent);

  background-image: linear-gradient(to right,rgba(0, 0, 0, 0.06), transparent);

  opacity: 0;

}

@media only screen and (min-width: 1170px) {

  .cd-products-table .features {

    width: 210px;

  }

}



.cd-products-table.scrolling .features::after {

  opacity: 1;

}



.cd-products-wrapper {

  overflow-x: auto;

  /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */

  -webkit-overflow-scrolling: touch;

  border-style: solid;

  border-color: #e6e6e6;

  /* border-top-width: 1px; */

  /* border-bottom-width: 1px; */

}



.cd-products-columns {

  /* products list wrapper */

  width: 1200px;

  margin-left: 120px;

}

.cd-products-columns::after {

  clear: both;

  content: "";

  display: table;

}

@media only screen and (min-width: 1170px) {

  .cd-products-columns {

    width: 2480px;

    margin-left: 210px;

  }

}



.cd-products-columns .product {

  position: relative;

  float: left;

  width: 250px;

  text-align: center;

  -webkit-transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

  -moz-transition: opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;

  transition: opacity 0.3s, visibility 0.3s, transform 0.3s;

}

.filtering .cd-products-columns .product:not(.selected) {

  opacity: 0;

  visibility: hidden;

  -webkit-transform: scale(0);

  -moz-transform: scale(0);

  -ms-transform: scale(0);

  -o-transform: scale(0);

  transform: scale(0);

}

.no-product-transition .cd-products-columns .product.selected {

  -webkit-transition: opacity 0.3s, visibility 0.3s;

  -moz-transition: opacity 0.3s, visibility 0.3s;

  transition: opacity 0.3s, visibility 0.3s;

}

.filtered .cd-products-columns .product:not(.selected) {

  position: absolute;

}

@media only screen and (min-width: 1170px) {

  .cd-products-columns .product {

    width: 310px;

  }



}



.cd-features-list li {

  font-size: 60%;

  padding: 25px;

  border-color: #e6e6e6;

  border-style: solid;

  /* border-top-width: 1px; */

  border-right-width: 1px;

  min-height: 100px;

}

.cd-features-list li.rate {

  /* rating stars */

  padding: 21px 0;

}







.cd-features-list li.rate span {

  display: inline-block;

  height: 22px;

  width: 110px;

  background: url(../img/cd-star.svg);

  color: transparent;

}



.cd-features-list li.price {

  /* Price */

  padding: 21px 0;

  font-size: 24px;

	background:#EEFFEE;



}





.cd-features-list li.price span {

  display: inline-block;



}





@media only screen and (min-width: 1170px) {

  .cd-features-list li {

    font-size: 60%;

    overflow: hidden;

    line-height: 1.5;

    min-height: 100px;

  }

  .cd-features-list li.rate {

    padding: 22px 0;

  }

}



.features .cd-features-list li,

.cd-products-table .features .top-info {

  /* fixed left column - items */

  font-size: 60%;

  /* set line-height value equal to font-size of text inside product cells */

  line-height: 14px;

  padding: 25px 10px;

  text-align: left;

}

@media only screen and (min-width: 1170px) {

  .features .cd-features-list li,

  .cd-products-table .features .top-info {

    line-height: 16px;

    padding: 25px 25px;

    letter-spacing: 1px;

    min-height: 100px;

  }

}



.features .cd-features-list li {

  /* truncate text with dots */

  white-space: inherit;

  text-overflow: ellipsis;

  overflow: hidden;

}



.cd-products-table .top-info {

  position: relative;

  height: 220px;

  width: 250px;

  text-align: center;

  border-color: #e6e6e6;

  border-style: solid;

  border-right-width: 1px;

  -webkit-transition: height 0.3s;

  -moz-transition: height 0.3s;

  transition: height 0.3s;

  cursor: pointer;

  background: #ffffff;

}

.cd-products-table .top-info::after {

  /* color gradient below .top-info -  visible when .top-info is fixed */

  content: '';

  position: absolute;

  left: 0;

  top: 100%;

  height: 4px;

  width: 100%;

  background-color: transparent;

  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.06), transparent);

  background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0.06), transparent);

  opacity: 0;

}



.cd-products-table .top-info img {

  display: block;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

}

.cd-products-table .top-info h3, .cd-products-table .top-info img {

  -webkit-transition: -webkit-transform 0.3s;

  -moz-transition: -moz-transform 0.3s;

  transition: transform 0.3s;

}

.cd-products-table .top-info .check {



	position: absolute;

    top: 35px;

    right: 12px;

  display: inline-block;

  height: 16px;

  width: 16px;

  margin: 0 auto 1em;

}

.cd-products-table .top-info .check::after, .cd-products-table .top-info .check::before {

  /* used to create the check icon and green circle dot - visible when product is selected */

  position: absolute;

  top: 0;

  left: 0;

  content: '';

  height: 100%;

  width: 100%;

}

.cd-products-table .top-info .check::before {

  /* green circle dot */

  border-radius: 50%;

  border: 1px solid #e6e6e6;

  background: #ffffff;

  -webkit-transition: background-color 0.3s, -webkit-transform 0.3s, border-color 0.3s;

  -moz-transition: background-color 0.3s, -moz-transform 0.3s, border-color 0.3s;

  transition: background-color 0.3s, transform 0.3s, border-color 0.3s;

}

.cd-products-table .top-info .check::after {

  /* check icon */

  background: url(../images/cd-check.svg) no-repeat center center;

  background-size: 24px 24px;

  opacity: 0;

  -webkit-transition: opacity 0.3s;

  -moz-transition: opacity 0.3s;

  transition: opacity 0.3s;

}

@media only screen and (min-width: 1170px) {

  .cd-products-table .top-info {

    height: 260px;

    width: 310px;

  }

  .cd-products-table .top-info h3 {

    /* padding-top: 60%; */

    font-size: 60%;

  }

  .cd-products-table .top-info .check {

    margin-bottom: 1.5em;

  }

}



.cd-products-table .features .top-info {

  /* models */

  width: 120px;

  cursor: auto;

  background: #fafafa;

}

@media only screen and (min-width: 1170px) {

  .cd-products-table .features .top-info {

    width: 210px;

  }

}



.cd-products-table .selected .top-info .check::before {

  /* green circle dot */

  background: #9dc997;

  border-color: #9dc997;

  -webkit-transform: scale(1.5);

  -moz-transform: scale(1.5);

  -ms-transform: scale(1.5);

  -o-transform: scale(1.5);

  transform: scale(1.5);

  -webkit-animation: cd-bounce 0.3s;

  -moz-animation: cd-bounce 0.3s;

  animation: cd-bounce 0.3s;

}



@-webkit-keyframes cd-bounce {

  0% {

    -webkit-transform: scale(1);

  }

  60% {

    -webkit-transform: scale(1.6);

  }

  100% {

    -webkit-transform: scale(1.5);

  }

}

@-moz-keyframes cd-bounce {

  0% {

    -moz-transform: scale(1);

  }

  60% {

    -moz-transform: scale(1.6);

  }

  100% {

    -moz-transform: scale(1.5);

  }

}

@keyframes cd-bounce {

  0% {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1);

  }

  60% {

    -webkit-transform: scale(1.6);

    -moz-transform: scale(1.6);

    -ms-transform: scale(1.6);

    -o-transform: scale(1.6);

    transform: scale(1.6);

  }

  100% {

    -webkit-transform: scale(1.5);

    -moz-transform: scale(1.5);

    -ms-transform: scale(1.5);

    -o-transform: scale(1.5);

    transform: scale(1.5);

  }

}

.cd-products-table .selected .top-info .check::after {

  /* check icon */

  opacity: 1;

}


@media only screen and (min-width:480px){
  .cd-products-table .top-info h3 {
    font-size: 60%;
  }

  .cd-products-table .top-info {
    height: 240px;
    /* width: 310px; */
  }
}


@media only screen and (min-width: 1170px) {

  .cd-products-table.top-fixed .cd-products-columns > li,

  .cd-products-table.top-scrolling .cd-products-columns > li,

  .cd-products-table.top-fixed .features,

  .cd-products-table.top-scrolling .features {

    padding-top: 160px;

  }



  .cd-products-table.top-fixed .top-info,

  .cd-products-table.top-scrolling .top-info {

    height: 180px;

    position: fixed;

    top: 0;
    
    padding-top:5px;
  }

  .cd-products-table .top-info p {
      margin-top:50px;

  }

  .no-cssgradients .cd-products-table.top-fixed .top-info, .no-cssgradients

  .cd-products-table.top-scrolling .top-info {

    border-bottom: 1px solid #e6e6e6;

  }

  .cd-products-table.top-fixed .top-info::after,

  .cd-products-table.top-scrolling .top-info::after {

    opacity: 1;

  }

  .cd-products-table.top-fixed .top-info h3,

  .cd-products-table.top-scrolling .top-info h3 {

    -webkit-transform: translateY(-75px);

    -moz-transform: translateY(-75px);

    -ms-transform: translateY(-75px);

    -o-transform: translateY(-75px);

    transform: translateY(-75px);

  }

  .cd-products-table.top-fixed .top-info img,

  .cd-products-table.top-scrolling .top-info img {

    -webkit-transform: translateY(-30px) scale(0.4);

    -moz-transform: translateY(-30px) scale(0.4);

    -ms-transform: translateY(-30px) scale(0.4);

    -o-transform: translateY(-30px) scale(0.4);

    transform: translateY(-30px) scale(0.4);

  }



  .cd-products-table.top-scrolling .top-info {

    position: absolute;

  }

}

.cd-table-navigation a {

  position: absolute;

  z-index: 2;

  top: 0;

  right: 15px;

  -webkit-transform: translateY(55px);

  -moz-transform: translateY(55px);

  -ms-transform: translateY(55px);

  -o-transform: translateY(55px);

  transform: translateY(55px);

  /* replace text with image */

  overflow: hidden;

  text-indent: 100%;

  white-space: nowrap;

  color: transparent;

  height: 60px;

  width: 40px;

  background: rgba(64, 64, 66, 0.8) url("../images/cd-arrow.svg") no-repeat center center;

  border-radius: 3px;

  -webkit-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s;

  -moz-transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, -moz-transform 0.3s;

  transition: background-color 0.3s, opacity 0.3s, visibility 0.3s, transform 0.3s;

}

.cd-table-navigation a.inactive {

  opacity: 0;

  visibility: hidden;

}

.cd-table-navigation a.prev {

  left: 120px;

  right: auto;

  -webkit-transform: translateY(55px) translateX(15px) rotate(180deg);

  -moz-transform: translateY(55px) translateX(15px) rotate(180deg);

  -ms-transform: translateY(55px) translateX(15px) rotate(180deg);

  -o-transform: translateY(55px) translateX(15px) rotate(180deg);

  transform: translateY(55px) translateX(15px) rotate(180deg);

}

.no-touch .cd-table-navigation a:hover {

  background-color: #404042;

}

@media only screen and (min-width: 1170px) {

  .cd-table-navigation a {

    -webkit-transform: translateY(100px);

    -moz-transform: translateY(100px);

    -ms-transform: translateY(100px);

    -o-transform: translateY(100px);

    transform: translateY(100px);

  }

  .cd-table-navigation a.prev {

    left: 210px;

    -webkit-transform: translateY(100px) translateX(15px) rotate(180deg);

    -moz-transform: translateY(100px) translateX(15px) rotate(180deg);

    -ms-transform: translateY(100px) translateX(15px) rotate(180deg);

    -o-transform: translateY(100px) translateX(15px) rotate(180deg);

    transform: translateY(100px) translateX(15px) rotate(180deg);

  }

  .top-fixed .cd-table-navigation a {

    position: fixed;

  }

  .top-fixed .cd-table-navigation a, .top-scrolling .cd-table-navigation a {

    -webkit-transform: translateY(45px);

    -moz-transform: translateY(45px);

    -ms-transform: translateY(45px);

    -o-transform: translateY(45px);

    transform: translateY(45px);

  }

  .top-fixed .cd-table-navigation a.prev, .top-scrolling .cd-table-navigation a.prev {

    -webkit-transform: translateY(45px) translateX(15px) rotate(180deg);

    -moz-transform: translateY(45px) translateX(15px) rotate(180deg);

    -ms-transform: translateY(45px) translateX(15px) rotate(180deg);

    -o-transform: translateY(45px) translateX(15px) rotate(180deg);

    transform: translateY(45px) translateX(15px) rotate(180deg);

  }

}



/* --------------------------------



No JS



-------------------------------- */

.no-js .actions {

  display: none;

}



.no-js .cd-products-table .top-info {

  height: 145px;

}

@media only screen and (min-width: 1170px) {

  .no-js .cd-products-table .top-info {

    height: 248px;

  }

}



.no-js .cd-products-columns .check {

  display: none;

}



.card_name {

  margin-top: 10px;

}



.card_image {

  display: inline-block !important;

}



@media (min-width: 320px) and (max-width: 480px) {

  .hide_mob {

    display: none;

  }



  .card-action {

    border-left: none !important;

  }



  .compare-footer {

    padding-right: 0.5rem !important;

    padding-left: 0.2rem !important;

  }



  /* .all_cards_go {

    margin-top: 15px !important;

    margin-right: 10px !important;

  } */



  .card_count_message {

    margin-left: 5px !important;

  }



  .card_image {

    width: 70%;

  }



  .card_name {

    margin-top: 5px;

    font-size: 12px;

  }



  .product a.read_review {

    transform: translate(-50%, -20%);

  }



  .cd-features-list li {

    min-height: 75px;

    padding: 10px !important;

  }



  .cd-products-comparison-table .reset, .cd-products-comparison-table .filter {

    font-size: 60%;
    padding: .6em 2em;
    margin-left: 1.6em;

  }

  .cd-products-comparison-table .reset{

    color:white;

    text-decoration: none;

    border-radius: 2px;

  }



  /* .features .cd-features-list li,

.cd-products-table .features .top-info {

  padding: 20px;

} */

}