@import url('https://fonts.googleapis.com/css?family=Oswald:700');

@font-face {
  font-family: 'fontello';
  src: url('font/fontello.eot?39795879');
  src: url('font/fontello.eot?39795879#iefix') format('embedded-opentype'),
       url('font/fontello.woff2?39795879') format('woff2'),
       url('font/fontello.woff?39795879') format('woff'),
       url('font/fontello.ttf?39795879') format('truetype'),
       url('font/fontello.svg?39795879#fontello') format('svg');
}

/*
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url(https://fonts.gstatic.com/s/opensanscondensed/v12/z7NFdQDnbTkabZAIOl9il_O6KJj73e7Ff0GmDujMR6WR.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@import url('https://fonts.googleapis.com/css?family=Oswald:400,700|Ubuntu:400');
*/
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700');*/
/*@import url('https://fonts.googleapis.com/css?family=Oswald:400,700');*/

[class^="icon-"]:before, [class*=" icon-"]:before, .fooicon:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  font-weight: normal;
  font-style: normal;
   
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;

  font-variant: normal;
  text-transform: none;
 

  line-height: 1em;
 
  margin-left: .2em;
 
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-ok:before { content: '\e800'; } 
.fooicon-plus:before,.icon-plus:before { content: '\e801'; }
.icon-lock:before { content: '\e802'; }
.fooicon-minus:before, .icon-minus:before { content: '\e803'; }
.icon-cancel:before { content: '\f00d'; }
.fooicon-sort:before,.icon-sort:before { content: '\f0dc'; }
.fooicon-sort-asc:before,.icon-sort-down:before { content: '\f0dd'; }
.fooicon-sort-desc:before,.icon-sort-up:before { content: '\f0de'; }
.icon-sort-alt-up:before { content: '\f160'; } 
.icon-sort-alt-down:before { content: '\f161'; }

.icon-red{color:#e94746;}
.icon-green{ color:#85c441;}
.icon-grey{color:#777;}



/*table-1*/
.r_products{margin:20px auto 20px; max-width:800px;}
.r_product{margin:0px auto; padding:20px 0; border-bottom:1px solid #aaa; margin-bottom:5px; font-size:14px;}
.r_product:after{display:table; clear:both; content:' ';}

.col-1{width:18%; float:left; text-align:center; margin-right:2.5%; padding-top:10px;}
.col-2{width:30%; float:left; margin-right:2.5%;}
.col-3{width:25.5%; float:left; margin-right:3.5%; line-height:1.5;}
.r_title .col-3{line-height:1.85714285714286;}
.col-4{width:18%; float:right; text-align:center; padding:0px;}


.r_review,.r_toval {
font-weight: 600;display: block;line-height: 1.125;border: 1px solid #562ed3;
padding: 9px 7px 7px;border-radius:30px;margin: 40px auto;color:#562ed3; max-width:150px; text-decoration:none;}
.r_review{ margin:10px auto 0; padding:6px 10px 6px;}
.r_toval{background:#562ed3; color:#fff;}
.r_toval:hover{background:#2d1086; color:#fff;}
.r_try{display:block;}

.r_summ{ margin:10px 0;}
.r_item{padding-left:25px; margin-bottom:7px; line-height:1.25;}
.r_pros:before,.r_cons:before{width:16px; height:16px;  font-size:20px; border-radius:50%;font-weight:bold; display:inline-block; margin-left:-25px; text-align:center; margin-top:0px; margin-right:6px; vertical-align:top; color:#85c441;}
.r_pros:before{content:'+';line-height:18px; }
.r_cons:before{content:'-';line-height:16px;color:#e94746;}

.r_bar_bg{height: 4px;
position: relative;
width: 100%;
margin-bottom: 4px;
margin-top: 0px;
background-image: linear-gradient(to right, #00afb6 , #2d1086);}
.r_bar{ height:4px; background:#e0e0e0; position: absolute;right:0; top:0;}
.fl-right{float:right; font-weight:600;}

.r_title{text-align:center; padding:6px 0; color:#fff; background:#2d1086; background:#562ed3; margin:0px auto;}
.r_title .col-1{padding:0;}

/*table-3*/
.footable{ font-family:"ubuntu",sans-serif; box-shadow:0px 0px 10px rgba(0,0,0,.15); border-radius:5px; overflow:hidden; font-size:14px;border:none;}
.footable thead{background:#562ed3; text-transform:uppercase; font-size:12px; font-weight:bold; color:#fff;}
td.footable-sortable > span.fooicon, th.footable-sortable > span.fooicon{opacity:1;}

.footable-first-visible{min-width:115px;}
th, td{word-break:break-word; }
.footable.table > thead > tr > th{vertical-align: middle;border-left: 1px solid rgba(0,0,0,.2);}
.footable>tbody>tr>td{border-top: 1px solid #ccc;border-left: 1px solid #ccc;padding: 10px;text-align: center;}

.footable-detail-row{background:#f8f8f8 !important;}
.footable-detail-row tbody{border-bottom:none;}
.footable-first-visible{ text-align:left !important;}
.footable-details{ margin-bottom:0!important; text-align:left;}
table.footable-details > tbody > tr > th:nth-child(1){ width:auto; display: inline-block !important; font-weight:bold;}
table.footable-details > tbody > tr > td:nth-child(2){ display:inline-block !important;}
.footable-details.table > tbody > tr > th, .footable-details.table > tbody > tr > td{ border-top:none; padding:0 10px;}
 
.footable tbody tr:hover{background:#fbf8e9;}
.footable.breakpoint tr{cursor:pointer;}
table.footable > thead > tr > th.footable-sortable{padding-right:8px;}
th.footable-sortable > span.fooicon{;right:0;}

.footable > tbody > tr:nth-child(even){background:rgb(237,237,239);}
.footable tbody tr:hover{ background:rgb(226,254,255);}



/*table-4/5*/
.dtab{font-size:14px; font-family:'ubuntu',sans-serif; line-height: 1.5em;text-align: center;color: #333;  box-sizing: border-box; margin:50px auto 30px;}
.dtab:after{display:table; clear:both; content:' ';}

.dtab-one,.dtab-left{width:16%; float:left;}
.dtab-one-i .dtab-body, .dtab-left .dtab-body{border:1px solid #DBDBDB; border-right:none;box-shadow: 0 0 1px #DBDBDB; margin:0 .5px 0; overflow:hidden; }
.dtab-one:last-child .dtab-body{border-right:1px solid #DBDBDB;}
.dtab-left{text-align:left;}
.dtab-left .drow{ padding-left:12px;}
.dtab-left .dtab-body{border-top-right-radius:0;}

.dtab-head{padding:10px; font-size:16px; background:#562ed3; color:#fff; border-left:1px solid rgb(0,0,0,.3);border-top-left-radius:7px;border-top-right-radius: 7px;}
.dtab-one:last-child .dtab-head{border-right:1px solid rgb(0,0,0,.3)}
.dtab-left .dtab-head{border-bottom:none; background:#fff; border-left:none;}
.dtab h2, .dtab h3, .dtab h4{font-family: Oswald, sans-serif;font-size:23px;font-weight:bold;margin-bottom:0px; color:#fff!important;}
.dtab h3{font-size:20px;}
.dtab h4{font-size:18px;}
.dtab-title-lrg{ font-size:40px; line-height:1.25;}
.dtab-sm{display:none;}

.drow{padding:10px 8px; min-height:22px;}
.drow:nth-child(odd){background:#fff;}
.drow:nth-child(even){background:rgb(237,237,239);}

/*table 5*/
.table-5-tit{position:relative; padding:0;}
.table-5-tit-i{position:absolute; bottom:0;background: #562ed3!important;padding: 8px 10px;border-top-left-radius: 8px; width:100%;}

/*.drow-i {position: absolute;top: 50%;transform: translateY(-50%);width: 100%; min-height:20px;}*/

.columns-6 .dtab-one{width:15%}
.columns-6 .dtab-left{width:25%}
.columns-5 .dtab-one{width:17.5%}
.columns-5 .dtab-left{width:30%}
.columns-4 .dtab-one{width:20%}
.columns-4 .dtab-left{width:40%}
.columns-3 .dtab-one{width:30%}
.columns-3 .dtab-left{width:40%}
.columns-2 .dtab-one{width:40%}
.columns-2 .dtab-left{width:60%}


/*all*/
.r_product.r_title, .dtab-head, .dtab-title, .footable thead{font-family:Oswald, sans-serif; font-weight:bold;}



@media only screen and (max-width: 1023px){
.dtab-title-lrg{font-size:30px;}
.dtab h2, .dtab h3, .dtab h4{font-size:18px;}
}


@media only screen and (max-width: 670px){
/*table-1*/
.col-1,.col-2,.col-3,.col-4{width:100%; float:none; padding:0 5% 20px; max-width:none; margin:0; }
.r_review,.r_toval{margin:10px auto; max-width:240px;display:block; }
.r_try{display:inline-block; padding-right:3px;}
.r_title{display:none;}

/*table 3*/
.footable thead{font-size:10px;}
.footable-details, .footable-details *{border:none;}

/*table-4/5*/
.drow{border-bottom:1px solid #DBDBDB;}
.dtab-one{margin-bottom:25px;}
.drow:after{display:table;clear:both;content:' ';}
.dtab-sm{display:inline-block;margin-right:10px;}
.dtab-sm-4{float:left;} 
.dtab-4-righty{float:right;}
.columns-6 .dtab-one,.columns-5 .dtab-one, .columns-4 .dtab-one, .columns-3 .dtab-one, .columns-2 .dtab-one{width:100%}
.columns-6 .dtab-left, .columns-5 .dtab-left, .columns-4 .dtab-left, .columns-3 .dtab-left, .columns-2 .dtab-left{display:none;}

}

@media only screen and (max-width: 479px){
.dtab-sm{float:left;}
.dicon{float:right;}

/*table 3*/
.footable{font-size:12px;}
.footable.table>thead>tr>th{padding:8px 4px!important;}	
.footable-first-visible{min-width:100px;padding:8px 4px!important;}
table>tbody>tr>td>span.footable-toggle{margin-right:2px;margin-left:-8px;}

/*table 4-5*/
.dtab-one-i .dtab-body , .dtab-left .dtab-body{border: 1px solid #DBDBDB;}
.drow{padding:10px 5%;}
}