@import url('http://fonts.cdnfonts.com/css/geomanist:400,700');







@font-face {



    font-family: 'geomanistregular';



    src: url('geomanist-regular-webfont.eot');



    src: url('geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),



        url('geomanist-regular-webfont.woff2') format('woff2'),



        url('geomanist-regular-webfont.woff') format('woff'),



        url('geomanist-regular-webfont.ttf') format('truetype'),



        url('geomanist-regular-webfont.svg#geomanistregular') format('svg');



    font-weight: normal;



    font-style: normal;







}







@font-face {



    font-family: Geomanist;



    src: url(../fonts/Geomanist-Medium.otf);



}







@font-face {



    font-family: Geomanist_r;



    src: url(../fonts/Geomanist.otf);



}







 .comparison {



     width: 100%;



     margin: 0 auto;



     font: 13px/1.4 'Geomanist_r', sans-serif;



     text-align: center;



     padding: 10px;



     color: #333333;



     font-weight: 700;



 }







 .maintenance {



     width: 100%;



     margin: 0 auto;



     font-size: 16px;



     text-align: center;



     padding: 10px;



     color: #000;



     font-weight: bold;



     line-height: 30px;



 }







 .comparison_text {



     font-size: 14px;



     color: #000;



     font-weight: normal;



     font-family: Geomanist_r;



     text-align: left;



 }



/* @media only screen and (min-width: 320px){

    .comparison_div_text_mobile{

        margin-top: -43px;

    }

 }



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

    .comparison_div_text_mobile{

        margin-top: -63px;

    }

 }



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

    .comparison_div_text_mobile{

        margin-top: 0;

    }

 }

*/





 .comparison_16px {



     font-size: 16px;



     color: #000;



     font-family: Geomanist_r;



     font-weight: bold;



     text-align: left;



     line-height: 25px;



     width: 50px;



 }







 .comparison table {



     width: 100%;



     border-collapse: collapse;



     border-spacing: 0;



     table-layout: fixed;



 }







 .comparison td,



 .comparison th {



     empty-cells: show;



     padding: 10px;



 }







 .compare-heading {



     font-size: 18px;



     padding-top: 10px !important;



     border-bottom: 1px solid #CCC;



     font-family: Geomanist;



 }







 .comparison tbody tr:nth-child(odd) {



     display: none;



 }







 .comparison .compare-row {



     background: #fff;



     border-bottom: 1px solid #CCC;



 }



 .comparison .yes-no-icon{



    margin-top: 20px;



 }



 @media only screen and (max-width: 700px){

    .comparison .yes-no-icon{



        margin-top: 0px;



     }

 }



 .comparison .tickblue {



     color: #0078C1;



     font-family: Geomanist_r;



 }







 .comparison .tickdarkgrey {



     color: #4c4c4c;



     font-size: 22px;



     font-family: Geomanist_r;



 }







 .comparison .tickgrey {



     color: #cccccc;



     font-size: 22px;



     font-family: Geomanist_r;



 }







 .comparison .tickgreen {



     color: #009E2C;



     font-family: Geomanist_r;



 }







 .d_text {



     color: #a3a3a3;



     font-style: italic;



     font-weight: 400;



     font-family: Geomanist_r;



 }







 .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;



  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: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;



}*/







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







     }







     .comparison_16px {



         font-size: 13px;



         color: #000;



         font-weight: bold;



         text-align: left;



         line-height: 30px;



     }







     .comparison .tickdarkgrey {



         color: #686868;



         font-size: 10px;



     }







     .comparison .tickgrey {



         color: #cccccc;



         font-size: 10px;



     }







     .comparison .tickgreen {



         color: #009E2C;



         font-size: 10px;



     }







     .d_text {



         color: #a3a3a3;



         font-style: italic;



         font-weight: 400;



         font-size: 10px;



     }







     .maintenance {



         width: 0;



         margin: 0 auto;



         font-size: 13px;



         text-align: center;



         padding: 10px;



         color: #000;



         font-weight: bold;



         line-height: 30px;



     }







     .comparison_text {



         font-size: 12px;



         color: #000;



         font-weight: normal;



         text-align: left;



     }







 }







 @media (max-width: 639px) {



     .comparison .price-buy {



         padding: 5px 10px;



     }







     .comparison td,



     .comparison th {



         padding: 20px 0px;

         line-height: 20px;

     }







     .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_16px {



         font-size: 13px;



         color: #000;



         font-weight: bold;



         text-align: left;



         line-height: 30px;



     }







     .comparison .tickdarkgrey {



         color: #686868;



         font-size: 10px;



     }







     .comparison .tickgrey {



         color: #cccccc;



         font-size: 10px;



     }







     .comparison .tickgreen {



         color: #009E2C;



         font-size: 10px;



     }







     .d_text {



         color: #a3a3a3;



         font-style: italic;



         font-weight: 400;



         font-size: 10px;



     }







     .maintenance {



         width: 0;



         margin: 0 auto;



         font-size: 13px;



         text-align: center;



         padding: 10px;



         color: #000;



         font-weight: bold;



         line-height: 30px;



     }







     .comparison_text {



         font-size: 12px;



         color: #000;



         font-weight: normal;



         text-align: left;



     }



 }