@font-face {
  font-family: 'MyWebFont';
  src: url('./fonts/kalam/Kalam-Light.ttf')  format('truetype')
}
@font-face {
  font-family: 'MyWebFont';
  src: url('./fonts/kalam/Kalam-Regular.ttf')  format('truetype')
}
@font-face {
  font-family: 'MyWebFont';
  src: url('./fonts/kalam/Kalam-Bold.ttf')  format('truetype')
}
html, body {
    min-height: 100%;
    height: 100%;
}

body {
    margin: 0;
    color: #3d5274;
    font-family: 'Open Sans', sans-serif;
    -webkit-text-size-adjust: 100%;
    background: #29C2E1;
    font-weight: 400;
}

.clearfix {
    clear: both;
    overflow: hidden;zoom:1;
    content: '';
}

a {
    text-decoration: none;
}

input[type="text"],
select {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #d5dbdf;
    box-sizing: border-box;
    padding: 0 10px;
    display: inline-block;
    vertical-align: middle;
    color: #586062;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

textarea {
    border: 1px solid #d5dbdf;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    resize: none;
    font-family: 'Open Sans', sans-serif;
    color: #586062;
    font-size: 13px
}

.alert-message {
    font-size: 12px;
    color: #ff6666;
    padding-top: 2px;
    display: none;
}

.layout-page {
    position: relative;
    width: 100%;
    background: white;
}
.layout-page > section,
.layout-page nav.nav {
    background: white;
}

.wrap {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 0 10px;
}

select {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.btn-blue {background-color: #29c2e1; display: inline-block; text-transform: uppercase; color: #FFF; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.btn-blue:hover {background-color: #2bb2cd;}

.btn-yellow {background-color: #ffe500; display: inline-block; color: #586062; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.btn-yellow:hover {background-color: #eed70d;}

/* start header */
.header {background-color: #ebeff2; min-height: 80px;}
.header.red {background-color: #FFFFFF;border-bottom: 1px solid #ebeff2}
.header .logo {display: inline-block; line-height: 80px; padding-right: 80px;}
.header .logo img {display: inline-block; vertical-align: middle;width: 100%;}
.header .registration {float: right; margin-top: 26px; position: relative;}
.header .registration li {display: inline-block; vertical-align: middle; padding-left: 15px;}

.header .additional-menu {float: right; margin-top: 5px;}
.header .additional-menu li {display: inline-block; padding: 15px 20px 0 0;}
.header .additional-menu li a {text-transform: uppercase; color: #29c2e1; padding: 12px 0 30px; display: inline-block; font-size: 15px;}
.header .additional-menu li a:hover {border-bottom: 3px solid #70e4fc;}

@media screen and (min-width: 640px) {  .header .registration.log-out.show_desc {display: block; margin-right: 20px;} }

.registration.log-out {display: none;}
.header .registration .btn-blue {padding: 7px 16px; font-size: 12px;line-height: 12px;}
.header .log-out .reg-name {font-size: 15px; color: #7d8486;}
.header .log-out .btn {background-color: #a5a9aa; margin-left: 10px;}
.header .btn-top-menu {right: 10px; top: 28px;}
.header .btn-filter-table {right: 50px; top: 28px;} /**//* new */

.header .mob-icon-btn {width: 30px; height: 30px; display: none; position: absolute; line-height: 34px; text-align: center; box-sizing: border-box;} /**//* new */
.header .btn-filter-table {line-height: 30px;}

.header .btn-top-menu i {color: #29c2e1; font-size: 24px;}
.header .btn-filter-table i {color: #29c2e1; font-size: 20px;} /**//* new */

.header .btn-filter-table.active,
.header .btn-top-menu.active {border: 1px solid #29c2e1; border-radius: 2px; box-sizing: border-box;}
.header .btn-filter-table.active i,
.header .btn-top-menu.active i {color: #bfbfbf;}

.header .mob-devices,
.header .mob-sort-menu {position: absolute; background: #FFF;   display: block; left: 0; right: 0;top: 80px; z-index: 3; display: none;} /**/
.header .mob-devices li,
.header .mob-sort-menu li {border-bottom: 1px solid #ebeff2;} /**/
.header .mob-devices li.active a,
.header .mob-sort-menu li.active a {text-decoration: none; color: #586062; cursor: default;} /**/
.header .mob-devices li a,
.header .mob-sort-menu li a {font-size: 15px; color: #29c2e1; padding: 15px; display: block;}
.header .mob-devices .reg-form,
.header .mob-devices .log-out {padding: 15px;}
.header .mob-devices .reg-form input[type="text"] {height: 37px;width: calc(100% - 115px);}
.header .mob-devices .reg-form a,
.header .mob-devices .log-out a {display: inline-block; color: #ffffff;padding: 11px 0; vertical-align: middle; margin-left: 10px;text-align: center;width: 100px;}
.header .mob-devices .reg-form .alert-message {padding-left: 0;}
.header .mob-devices .log-out .reg-name {font-size: 15px; color: #7d8486;width: calc(100% - 115px); display: inline-block; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; line-height: 21px;}

.sign-in-popup {display: none; position: absolute;top: 65px;right: 10px;width: 445px; background-color: #fff; box-shadow: 0 0 4px -2px #000; padding: 20px; z-index: 2;}
.sign-in-popup .content {}
.sign-in-popup .content:before {content: ''; position: absolute; top: -9px; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #ffffff transparent; right: 25px;}
.sign-in-popup .title {font-size: 24px; color: #7c8385; padding-bottom: 25px;}
.sign-in-popup .label {display: inline-block;font-size: 15px;color: #586062;vertical-align: middle;}
.sign-in-popup input[type="text"] {height: 38px; color: #686e70;width: 250px; margin: 0 5px; line-height: 38px;}
.sign-in-popup .content .btn-blue {padding: 11px 23px; font-size: 15px; line-height: 16px; vertical-align: middle; box-sizing: border-box;}
.sign-in-popup .alert-message {padding: 2px 0 0 85px;}

/* end header */


/* start popular categories */
.popular-categories {text-align: center;}
.popular-categories .title {font-size: 30px; line-height: 36px; text-align: center; font-weight: 700; text-transform: uppercase; color: #586062; position: relative; padding: 40px 0 20px;}
.popular-categories .title:before {content: ''; border-top: 3px solid #29c2e1; display: block; width: 40px; margin: 0 auto; padding-bottom: 15px;}
.popular-categories .list-category {padding: 0;}
.popular-categories .category-item {padding: 0 25px 15px; min-width: 110px; display: inline-block;position: relative;}
.popular-categories .category-item.active .name {color: #586062; font-weight: bold;}
.popular-categories .category-item.active img {border: 6px solid #B7B7B7;}
.popular-categories .category-item a {color: #6f6f6f; text-decoration: none; display: block;}
.popular-categories .category-item a img {border: 6px solid #FFF; border-radius: 85px;}
.popular-categories .category-item:hover .name {text-decoration: underline; /*transition: ease-out 0.5s; */}
.popular-categories .category-item.active:hover .name {text-decoration: none;}
.popular-categories .category-item.active:hover a {cursor: default;}
.popular-categories .category-item.active:hover .see-best {display: none;}
.popular-categories .category-item:hover .see-best {display: block;}
.popular-categories .category-item .name {display: block;text-align: center;font-size: 15px; color: #29c2e1;}
.popular-categories .category-item .see-best {background-color: #29C2E1; width: 88px; height: 88px; line-height: 87px; position: absolute; border-radius: 87px; top: 5px; left: 50%; font-size: 15px; display: none; cursor: pointer; color: #FFF; margin-left: -44px;}

/* end popular categories */


/* start top sites */
.top-sites {}

.top-ten-sites .title {font-size: 30px; line-height: 36px; text-align: center; font-weight: 700; text-transform: uppercase; color: #586062; position: relative; padding: 40px 0 20px;}
.top-ten-sites .title:before {content: ''; border-top: 3px solid #29c2e1; display: block; width: 40px; margin: 0 auto; padding-bottom: 15px;}
.top-ten-sites .table-product {display: table; width: 100%; border-collapse: collapse;position: relative;}
.top-ten-sites .table-product .table-row {width: 100%; display: table-row; height: 100px;border-bottom: 2px solid #ebeff2; position: relative;}
.top-ten-sites .table-product .table-row:first-child {border-top: 2px solid #ebeff2; border-collapse: initial;}
.top-ten-sites .table-product .table-row .cell {display: table-cell;vertical-align: middle;position: relative;}
.top-ten-sites .table-product .table-row .cell.rating {min-width: 90px;}
.top-ten-sites .table-product .table-row .cell.information {padding-left: 10px;}
.top-ten-sites .table-product .table-row .cell.logo-site {padding-left: 10px;}
.top-ten-sites .table-product .table-row .united-block {display: none;}

.top-ten-sites .table-product .table-row .cell.logo-site .animated {max-width: 40px; position: absolute; top: 0; left: 0; display: none;}
.top-ten-sites .table-product .table-row .cell .animated-visit {position: absolute; max-width: 70px; top: 50%; margin-top: -20px; white-space: nowrap; right: -80px; font-family: 'MyWebFont';}
.top-ten-sites .table-product .table-row .cell .animated-visit p {padding: 0; color: #ed1c24; font-size: 18px;}
.top-ten-sites .table-product .table-row .cell .animated-visit #arrow{/*content: ''; background: url(../images/arrow-btn.png) no-repeat;*/ display: block; width: 51px; height: 17px; position: absolute; top: -20px; left: -30px;}
/*.top-ten-sites .table-product .table-row .cell .animated-visit #arrow path {fill: grey;}*/
.top-ten-sites .table-product .table-row .cell.logo-site .rating {font-size: 24px; position: absolute; top: 4px; right: 0;}
.top-ten-sites .table-product .table-row .cell.logo-site .animated-visit {max-width: 100%; margin-top: 0; right: -70px; top: 0;}
.top-ten-sites .table-product .table-row .cell.logo-site .animated-visit #arrow {top: 7px; left: -54px; transform: rotateZ(-30deg);}
.top-ten-sites .table-product .table-row .cell.logo-site .animated-visit p {font-size: 14px;}
.top-ten-sites .table-product .table-row .cell.logo-site .animated-visit {display: none;}
.top-ten-sites .table-product .table-row .cell.visit-site .animated-visit {display: block;}

@media (max-width: 1320px) {
    .top-ten-sites .table-product .table-row .cell.visit-site .animated-visit {display: none;}
    .top-ten-sites .table-product .table-row .cell.logo-site .animated-visit {display: block;}
    .top-ten-sites .table-product .table-row .cell.logo-site .animated-visit {right: auto; left: 185px; display: block;}
}
@media (max-width: 480px) {
    .top-ten-sites .table-product .table-row .cell.logo-site .animated-visit {right: auto; left: 175px; display: block;}
}
@media (max-width: 320px) {
    .top-ten-sites .table-product .table-row .cell.logo-site .animated-visit {right: auto; left: 145px; display: block;}
}

.top-ten-sites .table-product .items {display: table; width: 100%; position: relative; }

.top-ten-sites .table-row .number {font-size: 30px; color: #586062;}
.top-ten-sites .table-row .logo-site {}
.top-ten-sites .table-row .logo-site a {display: inline-block;}
.top-ten-sites .table-row .logo-site img {max-width: 200px;}
.top-ten-sites .table-row .information {}
.top-ten-sites .table-row .information p {font-size: 13px; color: #586062; line-height: 16px; padding-bottom: 10px; padding-top: 10px;}
.top-ten-sites .table-row .information .rating-row {padding-bottom: 10px; display: table; width: 100%;}
.top-ten-sites .table-row .information .counter-reviews {margin-right: 25px;font-size: 13px;}
.top-ten-sites .table-row .information .go-review {text-decoration: underline; color: #29c2e1; font-size: 13px; display: table-cell; text-align: left; padding-right: 15px; white-space: nowrap;}
.top-ten-sites .table-row .information .go-review:hover {text-decoration: none;}
.top-ten-sites .table-row .rating {text-align: center;}
.top-ten-sites .table-row .rating .tooltip-rating {position: absolute; left: 0; right: 0; top: -28px;}
.top-ten-sites .table-row .rating .tooltip-rating span {color: #a5abb0; text-transform: uppercase; display: block; font-size: 12px; line-height: 13px; background-color: #ebeff2; padding: 11px; position: relative; white-space: nowrap;}
.top-ten-sites .table-row .rating .tooltip-rating span:after {content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #ebeff2 transparent transparent transparent; position: absolute; bottom: 50%; left: 50%; margin-bottom: -25px; margin-left: -8px;}
.top-ten-sites .table-row .rating .circle-rating-svg {display: inline-block; position: relative;}
.top-ten-sites .table-row .rating .circle-rating-svg span {position: absolute; top: 50%; margin-top: -8px;left: 50%;margin-left: -16px;text-align: center;width: 32px;display: block;}
.top-ten-sites .table-row .visit-site {text-align: right;}
.top-ten-sites .table-row .visit-site .btn-yellow {font-size: 15px;padding: 14px 37px;line-height: 16px; white-space: nowrap;}
.top-ten-sites .table-row .visit-site .btn-red {font-size: 15px; padding: 14px 0; line-height: 16px; white-space: nowrap; width: 140px; text-align: center;}
.top-ten-sites .table-row .united-block {display: none;}
.top-ten-sites .table-row .likebox {display: table-cell; width: 100px;}
.top-ten-sites .table-row .bonus-col {font-size: 13px; padding-right: 15px; color: #586062; display: inline-block; width: 260px; line-height: 18px; vertical-align: top; font-weight: 700;}
.top-ten-sites .table-row .bonus-col.bonus-col_color {color: #ff1200;}
.top-ten-sites .table-row .bonus-col .payout-money {display: inline-block; width: 150px; padding-right: 25px; vertical-align: top;}
.top-ten-sites .table-row .bonus-col .total-payout {display: inline-block; word-break: break-all; max-width: 80px;}
.top-ten-sites .description-text {position: relative;}
.top-ten-sites .description-text p {font-size: 15px; line-height: 21px; color: #586062; padding: 0 0 15px; padding-right: 200px;}
.top-ten-sites .search-field_filter {position: absolute; top: 0; right: 0; padding-bottom: 0;}

.gaming.top-ten-sites .table-row .information .rating-row {display: table; width: 100%;}
.gaming.top-ten-sites .table-row .likebox {display: table-cell; width: 100px; padding-right: 10px;}
.gaming.top-ten-sites .table-row .bonus-col {display: table-cell; width: auto;}
.gaming.top-ten-sites .table-row .bonus-col .payout-money {display: table-cell; width: 240px; padding-right: 15px; word-break: break-word;white-space: nowrap;}
.gaming.top-ten-sites .table-row .bonus-col .total-payout {display: table-cell; word-break: break-word; width: 300px; max-width: inherit;white-space: nowrap;}
.gaming.top-ten-sites .table-row .information .go-review {display: table-cell; text-align: right; padding-right: 15px; white-space: nowrap;}

.likebox {font-size: 13px; color: #7C8385; white-space: nowrap; position: relative;}
.likebox .popover {display: none; font-size: 12px; color: #FFF; text-align: center; position: relative; background: #29C2E1; padding: 5px; border-radius: 2px;}
.likebox .popover:after {top: 100%; left: 50%; border: solid rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(0, 0, 0, 0); border-top-color: #29C2E1; border-width: 5px; margin-left: -5px; }
.likebox .like-pic {color: #29C2E1; vertical-align: baseline; margin-right: 5px; font-size: 16px;}
.likebox .likes-number {}
.likebox:hover {cursor: pointer;}
.likebox:hover .popover {display: block; position: absolute; top: -28px; left: -23px;}
.likebox.active:hover .popover {display: none;}
.likebox.active:hover {cursor: default;}
.likebox.active .like-pic {color: #94e0f0;}
.likebox.active .number {}

.hover_effect:not() {
    
}
/* SVG ANIMATION */
.circle-rating-svg svg {
    width: 100%;
    max-width: 65px;
    margin: 0 auto;
    display: block;
}

/* SVG ANIMATION */

/* end top sites */
/* start chart rating */
.top-chart-rating .title {font-size: 30px; line-height: 36px; text-align: center; font-weight: 700; text-transform: uppercase; color: #586062; position: relative; padding: 55px 0 15px;}
.top-chart-rating .title:before {content: ''; border-top: 3px solid #29c2e1; display: block; width: 40px; margin: 0 auto; padding-bottom: 15px;}
/* end chart rating */

/* start description info */
.description-info .title {font-size: 30px; line-height: 36px; text-align: center; font-weight: 700; text-transform: uppercase; color: #586062; position: relative; padding: 40px 0;}
.description-info .title:before {content: ''; border-top: 3px solid #29c2e1; display: block; width: 40px; margin: 0 auto; padding-bottom: 15px;}
.description-info {padding-bottom: 50px;}
.description-info .name-article {font-size: 24px; color: #7c8385; line-height: 28px; cursor: pointer; position: relative; padding-left: 20px;padding: 10px 0 10px 30px;}
.arr {border-style: solid; position: absolute; top: 50%; left: 0; display: block; margin-top: -2px;}
.arr.up {border-width: 0 5px 5px 5px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #7c8385 rgba(0, 0, 0, 0);}
.arr.down {border-width: 5px 5px 0 5px; border-color: #7c8385 transparent transparent transparent;}
.description-info .item {padding: 15px 0; border-bottom: 1px solid #ebeff2;}
.description-info .text-content {width: 100%; font-size: 0; padding: 25px 0 15px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 40px; -moz-column-gap: 40px; column-gap: 40px;}
.description-info .text-content p {font-size: 15px; line-height: 21px; color: #586062;padding-bottom: 20px;}
.description-info .text-content .subtitle {font-size: 18px; line-height: 24px; font-weight: 700; padding-bottom: 10px;}
.description-info .left,
.description-info .right {display : block; width: 480px; vertical-align: top; font-size: 14px; color: #586062; line-height: 18px;}
.description-info .left img,
.description-info .right img {width: 100%;height: auto;display: block;padding-bottom: 20px;}
.description-info .left {margin-right: 40px;}
/* end description info */



/* start footer */
.footer {background-color: #29c2e1;}
.footer .footer-nav {display: block; width: 100%; padding: 45px 0;}
.footer .footer-col {text-align: center;}
.footer .second p {font-size: 13px; line-height: 16px; color: #ffffff;}
.footer .third {padding-top: 10px;}
.footer .logo-footer { display: block; max-width: 200px; margin: 0 auto 10px;}
.footer .copy {font-size: 15px; line-height: 18px; color: #ffffff;}
.footer ul li {display: inline-block; color: #ffffff;}
.footer .social {margin-bottom: 29px; display: none;}
.footer .social li {padding-left: 20px;}
.footer .social li a .fa {font-size: 20px; color: #ffffff;}
.footer .footer-links li {padding-left: 5px;line-height: 20px;}
.footer .footer-links li a {text-decoration: none; color: #ffffff;font-size: 15px; line-height: 18px;}
/* end footer */



/* start support panel */
.support-panel {position: fixed; right: 0; top: 120px;}
.support-panel .social li a .fa {font-size: 20px; color: #ffffff;}
.support-panel .social li { background-color: #29c2e1; text-align: center;}
.support-panel .social li a {color: #ffffff; font-size: 15px; line-height: 32px; display: block; width: 30px; height: 30px; padding: 5px;}
.support-panel .social li:hover {background-color: #ffffff; transition: 0.5s;}
.support-panel .social li:hover .fa {color: #29c2e1;}
/* end support panel */



/* start review page */
.nav {border-bottom: 1px solid #ebeff2;}

.navigation li {display: inline-block; padding: 15px 20px 0 0; position: relative;}
.navigation li a {font-size: 15px; color: #29c2e1; text-transform: uppercase; padding: 12px 0; display: inline-block;position: relative; border-bottom: 3px solid #ffffff;}
.navigation li a:hover {border-bottom: 3px solid #70e4fc;}
.navigation li.active a {color: #7c8385; border-bottom: 3px solid #29c2e1; cursor: default;}

.main-content {padding: 20px 0 50px;}
.breadcrumb {display: block; font-size: 13px; color: #7C8385; margin: 20px 0; line-height: 16px;}
.breadcrumb li {display: inline-block; vertical-align: top; padding-left: 3px;}
.breadcrumb li:first-child {padding-left: 0;}
.breadcrumb li:first-child:before {display: none;}
.breadcrumb li:before {display: inline-block; vertical-align: top; content: '>'; margin-right: 3px;}
.breadcrumb li a {color: #29C2E1; text-decoration: none;}
.breadcrumb li a:hover {text-decoration: underline;}
.breadcrumb li.active {}

.main-content > .wrap > .breadcrumb:first-child {margin: 0; padding-bottom: 20px;}

.main-content .sidebar {width: 310px; float: left; border-right: 1px solid #ebeff2; padding: 15px 0 30px;}
.main-content .sidebar h2.title {font-size: 24px; color: #7c8385;}
.main-content .sidebar .advice-block .item {padding: 15px 0 20px 0; border-bottom: 1px solid #ebeff2;width: 270px;}
.main-content .sidebar .advice-block .item:last-child {border-bottom: 0;}
.main-content .sidebar .advice-block .item h3 {font-size: 15px; line-height: 21px; color: #29c2e1; font-weight: 700;}

.main-content .sidebar .advice-block .item .subtitle-link {text-decoration: none;}
.main-content .sidebar .advice-block .item .subtitle-link:hover {text-decoration: underline;}

.main-content .sidebar .advice-block .item p {font-size: 13px; line-height: 18px; color: #586062; height: 57px; overflow: hidden;}
.main-content .sidebar .advice-block .item p.opened {height: auto;}

.main-content .sidebar .advice-block .item a {text-decoration: underline; font-size: 13px; color: #29c2e1;}
.main-content .sidebar .advice-block .item a:hover {text-decoration: none;}

.main-content .sidebar .top-sites {padding: 25px 0 0; width: 270px;}
.main-content .sidebar .table-row .information img {max-width: 100px;}
.main-content .sidebar .table-row .information p {font-size: 13px; color: #7c8385; padding-top: 5px;display: none;}
.main-content .sidebar .table-row .buttons a {display: block;margin-right: 0;}
.main-content .sidebar .table-row .buttons .btn-yellow {font-size: 12px; color: #586062;padding: 9px 0;width: 76px; text-align: center;}
.main-content .sidebar .table-row .buttons .btn-red {font-size: 12px; color: #ffffff;padding: 9px 0;width: 76px; text-align: center;}
.main-content .sidebar .table-row .buttons .go-review {font-size: 13px; text-decoration: underline; color: #29c2e1; margin-top: 10px;}
.main-content .sidebar .table-row .buttons .go-review:hover {text-decoration: none;}

.main-content .sidebar .btn-block {padding: 20px 0; display: none;}
.main-content .sidebar .btn-yellow {padding: 14px 55px;/* margin-right: 15px; */}
.main-content .sidebar .btn-rate {color: #29c2e1; padding: 3px; margin-left: 15px;}
.main-content .sidebar .btn-rate .fa-thumbs-up {transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); margin-right: 5px;}

.table-product-mob {border-collapse: collapse; position: relative; width: 100%; display: table; table-layout: auto;}
.table-product-mob .table-row {height: 95px; border-bottom: 1px solid #ebeff2; vertical-align: middle; display: table-row;}
.table-product-mob .table-row:last-child {border-bottom: 0;}
.table-product-mob .cell {vertical-align: middle; display: table-cell;}
.table-product-mob .rating .circle-rating-svg {position: relative; width: 65px}
.table-product-mob  .rating .circle-rating-svg .content-circle-rating-svg .progressbar-text {font-size: 18px !important;}
.table-product-mob .information {padding-left: 14px;}

.table-product-mob .information .go-review {font-size: 12px; color: #29c2e1; text-decoration: underline;display: block;   margin-top: 5px;}
.table-product-mob .information .go-review:hover {text-decoration: none;}
.table-product-mob .buttons {padding-left: 15px;}


.table-product-mob .united-mob-block {display: none;}
.table-product-mob .united-mob-block .information {display: inline-block; vertical-align: middle;}
.table-product-mob .united-mob-block .information .go-review {font-size: 12px; color: #29c2e1; text-decoration: underline;}
.table-product-mob .united-mob-block .information .go-review:hover {text-decoration: none;}
.table-product-mob .united-mob-block .information span {font-size: 12px; color: #7c8385;}
.table-product-mob .united-mob-block .rating {display: inline-block; vertical-align: middle;}


.main-content .mainbar {width: 649px; float: right;}
.main-content .mainbar .subtitle {font-size: 24px; color: #7c8385;}
.main-content .mainbar .navigation {border-bottom: 1px solid #ebeff2;}
.main-content .mainbar .navigation li {padding-right: 18px;}

.main-content .score-product_popularity,
.main-content .score-product_price,
.main-content .score-product_reviews,
.main-content .score-product_reputation,
.main-content .score-product_expert-articles {display: none;}

.main-content .score-product.active {display: block;}

.main-content .mainbar .summary .name-category {display: none; font-size: 15px; color: #586062;font-weight: 700;padding-bottom: 10px;}
.main-content .mainbar .summary .mob-title {display: none;}

.main-content .mainbar .score-product .js-circle-box {vertical-align: middle;}
.main-content .mainbar .score-product .js-circle-box .circle-rating-svg .content-circle-rating-svg {position: relative;}
.main-content .mainbar .score-product p {font-size: 15px; line-height: 21px; color: #586062;padding-left: 29px; display: inline-block; vertical-align: middle; width: 500px;}
.main-content .mainbar .js-circle-box {position: relative; display: inline-block; padding: 25px 0 10px; font-size: 0;}
.main-content .mainbar .js-circle-box .circle-rating-svg svg {max-width: 115px;}
.main-content .mainbar .js-circle-box .circle-rating-svg svg + .progressbar-text {font-size: 40px !important;}
.main-content .mainbar .js-circle-box .circle-rating-svg span {position: absolute; left: 50%; top: 50%; margin-top: -14px; font-size: 40px; color: #586062; margin-left: -40px; display: block; width: 80px; text-align: center;}

.main-content .mainbar .btn-block {padding: 20px 0;}
.main-content .mainbar .btn-yellow {padding: 14px 55px; margin-right: 15px;}
.main-content .mainbar .btn-red {padding: 14px 55px; margin-right: 15px;}
.main-content .mainbar .btn-rate {color: #29c2e1; display: inline-block; padding: 3px;}
.main-content .mainbar .btn-rate .fa-thumbs-up {transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); margin-right: 5px;}

.main-content .mainbar .item {padding: 15px 0; border-bottom: 1px solid #ebeff2;}
.main-content .mainbar .item .text-content p {font-size: 15px; line-height: 21px; color: #586062; padding-bottom: 20px;}
.main-content .mainbar .item .text-content p.video {position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; margin-bottom: 15px;}
.main-content .mainbar .item .text-content p.video iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.main-content .mainbar .item .text-content img {padding-bottom: 20px; width: 100%; height: auto; display: block;}
.main-content .mainbar .site-full-description {}
.main-content .mainbar .site-full-description iframe {width: 100% !important; max-width: 649px; margin: 0 auto 15px; display: block;}
.main-content .mainbar .item .text-content {padding: 25px 0 15px; font-size: 15px; line-height: 21px; color: #586062; padding-bottom: 20px;}
.main-content .mainbar .name-article {font-size: 24px; color: #7c8385; line-height: 28px; cursor: pointer; position: relative; padding-left: 20px;padding: 10px 0 10px 30px;}
.main-content .mainbar .review-title {font-size: 36px; color: #586062; text-transform: uppercase;padding-bottom: 20px;}
.main-content .mainbar .rating-row .rating-circle {height: 11px; width: 55px; background: url(../images/rating-circle.png) repeat-x; background-size: 11px 21px;display: inline-block;vertical-align: middle;margin-right: 10px;}
.main-content .mainbar .rating-row .rating-circle .current-rating {width: 100%; height: 100%; background: url(../images/rating-circle.png) repeat-x 0px -11px; background-size: 11px 21px;}

.main-content .mainbar .logo-rating {float: left; width: 180px;}
.main-content .mainbar .logo-rating img {width: 180px; height: 65px;}
.main-content .mainbar .logo-rating .counter-reviews {font-size: 13px; color: #7c8385;}
.main-content .mainbar .detail-info {float: right; width: 455px;}
.main-content .mainbar .detail-info .subtitle {display: none;}
.main-content .mainbar .detail-info p {font-size: 15px; line-height: 21px; color: #586062; width: 100%;overflow: hidden;}
.main-content .mainbar .detail-info p.opened {height: auto;}
.main-content .mainbar .detail-info p.opened .toggle .close {display: inline;}
.main-content .mainbar .detail-info p.opened .toggle .open {display: none;}
.main-content .mainbar .detail-info p .toggle .close {display: none;}
.main-content .mainbar .detail-info p .toggle {font-size: 15px; text-decoration: underline; color: #29c2e1;}
.main-content .mainbar .detail-info p .toggle:hover {text-decoration: none;}


.go-top {width: 40px; height: 40px; display: block; background-color: #ebeff2; display: block; color: #29c2e1; font-size: 30px; text-align: center; position: fixed; bottom: 0; right: 0; z-index: 3; display: fixed;}
.go-top .fa-angle-up {padding-top: 4px;}

/* end review page */

.search-field {position: relative; padding-bottom: 20px;}
.search-field .select-wrapper {width: 140px; position: relative; height: 40px; display: inline-block;}
.search-field .select-wrapper select {width: 100%; height: 40px; color: #586062; position: relative;}
.search-field .select-wrapper .custom-arrow {position: absolute; right: 10px; top: 50%; margin-top: -8px; display: block; color: #b8c4cc;}

.main-content_advice-page .mainbar .review-title {padding-bottom: 5px; font-size: 30px; line-height: 38px;}
.main-content_advice-page .mainbar .search-field {padding: 20px 0 0;}
.main-content_advice-page .mainbar .item {padding: 20px 0 10px 0;}
.main-content_advice-page .mainbar .item:last-child {border-bottom: none;}
.main-content_advice-page .mainbar .entry-thumbnail {float: left; width: 190px;}
.main-content_advice-page .mainbar .entry-thumbnail img {display: block; max-width: 190px; max-height: 135px;}
.main-content_advice-page .mainbar .detail-info {width: 435px;}
.main-content_advice-page .mainbar .detail-info .entry-thumbnail {display: none;}
.main-content_advice-page .mainbar .detail-info .title-article {font-size: 19px; line-height: 26px; color: #29c2e1; font-weight: 700;}
.main-content_advice-page .mainbar .detail-info .title-article:hover {text-decoration: underline;}
.main-content_advice-page .mainbar .detail-info a:visited .title-article {color: #b8c4cc;}
.main-content_advice-page .mainbar .detail-info .publish-date {color: #aeaeae; font-size: 13px; padding: 7px 0 10px;}
.main-content_advice-page .mainbar .detail-info p {height: 65px;}

/*.main-content_advice-page*/ .pagination {text-align: right;}
/*.main-content_advice-page*/ .pagination ul {padding: 15px 0;}
/*.main-content_advice-page*/ .pagination ul li {display: inline-block; font-size: 13px; padding: 0 8px; line-height: 28px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;}
/*.main-content_advice-page*/ .pagination ul li.current {background-color: #e3f7fb;}
/*.main-content_advice-page*/ .pagination ul li.current a {color: #7c8385;}
/*.main-content_advice-page*/ .pagination ul li.current a:hover {text-decoration: none; cursor: default;}
/*.main-content_advice-page*/ .pagination ul li a {color: #29c2e1; padding: 0 3px;}
/*.main-content_advice-page*/ .pagination ul li a:hover {text-decoration: underline;}

.main-content_detail-article .content-article {padding-bottom: 25px; border-bottom: 1px solid #ebeff2;}
.main-content_detail-article .content-article .title {font-size: 30px; line-height: 38px; text-transform: uppercase; color: #586062;}
.main-content_detail-article .content-article .article-image {padding: 20px 0;}
.main-content_detail-article .content-article .article-image img {display: block;}
.main-content_detail-article .content-article .publish-date {color: #aeaeae; font-size: 13px; padding: 7px 0 10px;}
.main-content_detail-article .content-article .subtitle {font-size: 15px; line-height: 21px; font-weight: 700; color: #586062; padding: 15px 0;}
.main-content_detail-article .content-article .text {font-size: 15px; line-height: 21px; color: #586062; padding: 0 0 10px;}
.main-content_detail-article .content-article .text strong {font-weight: 700;}

.main-content_detail-article .article-footer {display: table; position: relative; width: 100%; padding: 35px 0;}
.main-content_detail-article .article-footer .socialblock,
.main-content_detail-article .article-footer .pagination {display: table-cell; width: 50%; vertical-align: middle;}
.main-content_detail-article .article-footer .pagination {text-align: right;}

.main-content_detail-article .article-footer .socialblock .share {font-size: 13px; color: #586062; padding-right: 10px;}
.main-content_detail-article .article-footer .socialblock ul {display: inline-block;}
.main-content_detail-article .article-footer .socialblock ul li {display: inline-block; position: relative; margin-right: 10px;}
.main-content_detail-article .article-footer .socialblock ul li a {color: #ffffff; font-size: 16px; display: block; border-radius: 16px; -webkit-border-radius: 16px; -mox-border-radius: 16px; width: 32px; height: 32px; background-color: #29c2e1; text-align: center; line-height: 32px;}
.main-content_detail-article .article-footer .socialblock ul li:hover a {color: #29c2e1; transition: 0.3s; background-color: #D5F8FF;}

.main-content_detail-article .article-footer .pagination ul li {display: inline-block; position: relative; color: #29c2e1; padding: 0;}
.main-content_detail-article .article-footer .pagination ul li a {font-size: 13px; color: #29c2e1; text-decoration: underline;}
.main-content_detail-article .article-footer .pagination ul li i {vertical-align: middle; padding: 0 3px;}
.main-content_detail-article .article-footer .pagination ul li a:hover {text-decoration: none;}

.top-ten-sites_reviews .top-ten-title {font-size: 36px; color: #586062; text-transform: uppercase; text-align: center; padding: 20px 0;}
.top-ten-sites .search-field {text-align: right;}
.top-ten-sites .description-block {}
.top-ten-sites .description-block p {font-size: 15px; line-height: 21px; color: #586062; overflow: hidden; height: auto;}
.top-ten-sites .description-block p.opened {height: auto;}
.top-ten-sites .description-block p.opened .toggle .close {display: inline;}
.top-ten-sites .description-block p.opened .toggle .open {display: none;}
.top-ten-sites .description-block p .toggle .close {display: none;}
.top-ten-sites .description-block p .partner-review {display: none;}
.top-ten-sites .description-block p .toggle {font-size: 15px; text-decoration: underline; color: #29c2e1;}
.top-ten-sites .description-block p .toggle:hover {text-decoration: none;}
.top-ten-sites_reviews .table-row .cell.number {display: none;}
.top-ten-sites_reviews .table-product .table-row .cell.logo-site {padding-left: 0;}
.top-ten-sites_reviews .table-product .table-row .rating-row .partner-review {  width: 105px;  padding-right: 10px;  display: inline-block;  line-height: 18px;  }
.top-ten-sites_reviews .rating-row .likebox {display: none;}
.top-ten-sites_reviews .pagination ul {padding: 20px 0 40px;}

.top-ten-sites_reviews .table-product .united-block .rating {padding-left: 0px;}
.top-ten-sites_reviews .table-row .information .partner-review {text-decoration: underline; color: #29c2e1; font-size: 13px; display: table-cell; text-align: left; white-space: nowrap;}
.top-ten-sites_reviews .description-block {position: relative;}
.top-ten-sites_reviews .description-block p {padding: 0 200px 20px 0;height: auto;}

.top-ten-sites_reviews .table-row .bonus-col {font-size: 13px;padding-right: 15px;color: #586062;display: table-cell;width: auto;line-height: 18px;vertical-align: top;font-weight: 700;}
.top-ten-sites_reviews .table-row .bonus-col .payout-money {display: table-cell;width: 240px;padding-right: 25px;vertical-align: top;word-break: break-word;}
.top-ten-sites_reviews .table-row .bonus-col .total-payout {display: table-cell;word-break: break-all;max-width: 280px;max-width: inherit;width: 300px;}
.top-ten-sites_reviews .table-row .information p {color: #586062; height: 21px; overflow: hidden; font-size: 14px; line-height: 20px; padding: 0 0 5px 0;} /**/

.top-ten-sites .table-row .information p {font-size: 15px; line-height: 21px; color: #586062; padding: 20px 0; height: 21px; overflow: hidden;}
.top-ten-sites .table-row .information p.opened {height: auto;}
.top-ten-sites .table-row .information p.opened .toggle .close {display: inline;}
.top-ten-sites .table-row .information p.opened .toggle .open {display: none;}
.top-ten-sites .table-row .information p .toggle .close {display: none;}
.top-ten-sites .table-row .information p .partner-review {display: none;}
.top-ten-sites .table-row .information p.opened .partner-review {display: block; cursor: pointer;text-decoration: underline;color: #29c2e1;}
.top-ten-sites .table-row .information p.opened .partner-review:hover {text-decoration: none;}
.top-ten-sites .table-row .information p .toggle {font-size: 14px; text-decoration: underline; color: #29c2e1;}
.top-ten-sites .table-row .information p .toggle:hover {text-decoration: none;}


.gaming.top-ten-sites .table-row .information p {font-size: 14px; line-height: 20px; height: auto; padding: 0 0 5px 0;}
.gaming.top-ten-sites .table-row .information .rating-row {padding-bottom: 0;}

/*.top-ten-sites_reviews .table-row .information p {font-size: 14px; line-height: 20px; padding: 0 0 5px 0;}*/
.top-ten-sites_reviews .table-row .information .rating-row {padding-bottom: 0}

.top-ten-sites_reviews .table-product {display: block;}
.top-ten-sites_reviews .table-row .rating .tooltip-rating {top: -28px;}
.top-ten-sites_reviews .table-product .product-item .cell.information {width: 100%;}
.top-ten-sites_reviews .table-product .product-item {display: block; width: 100%;}
.top-ten-sites_reviews .table-product .table-row {display: table; border-bottom: 0;}
.top-ten-sites_reviews .table-product .description-row {display: block;}
.top-ten-sites_reviews .product-item:last-child .description-row {border-bottom: 2px solid #ebeff2;}
.top-ten-sites_reviews .table-product .description-row p {padding: 0 0 5px 0; font-size: 13px; color: #586062; line-height: 16px;}
/*.top-ten-sites_reviews .table-product .items {padding-bottom: 40px;}*/

.wrapper-comment .costumer-comment {border-bottom: 1px solid #ebeff2; padding-bottom: 30px;}
.wrapper-comment .costumer-comment:last-child {border-bottom: 0;}
.wrapper-comment .costumer-comment .name-author {font-size: 15px; line-height: 21px; color: #586062; font-weight: 700; padding: 15px 0;}
.wrapper-comment .comment-block  {width: 380px; display: inline-block; vertical-align: top;}
.wrapper-comment .comment-block p {font-size: 15px; line-height: 21px; color: #586062; word-break: break-all;}
.wrapper-comment .rating-block {display: inline-block; width: 220px; padding-left: 44px;}
.wrapper-comment .rating-block li {vertical-align: middle; font-size: 15px; line-height: 21px;}
.wrapper-comment .rating-block .raterater-wrapper {margin: 6px 0 0; float: right; vertical-align: middle; cursor: default;}

/* start about us */
.about-us {padding: 60px 0 45px;}
.about-us .title {font-size: 30px; color: #586062; text-transform: uppercase;padding-bottom: 20px;}
.about-us .subtitle {font-size: 24px; color: #7c8385; line-height: 30px; padding: 15px 0 10px;}
.about-us p {font-size: 15px; line-height: 21px; color: #586062; padding-bottom: 15px;}
.about-us a {color: #29c2e1; text-decoration: underline;}
.about-us a:hover {text-decoration: none;}
/* end about us */


/* start contact us */
.contact-us {padding: 60px 0;}
.contact-us .title {font-size: 30px; color: #586062; text-transform: uppercase;padding-bottom: 25px;line-height: 36px;}
.contact-us .subtitle {font-size: 24px; color: #7c8385; line-height: 30px;padding: 15px 0 30px;}
.contact-us .feedback-form {width: 540px; display: inline-block;vertical-align: top;margin-right: 60px;}
.contact-us .contact-information {width: 395px; display: inline-block;vertical-align: top;}

.feedback-form .input-group {position: relative; width: 100%; border: 1px solid #d5dbdf; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-sizing: border-box; height: 40px;margin-bottom: 30px;}
.feedback-form .input-group .fa {position: absolute; top: 10px; left: 10px; color: #b8c4cc; font-size: 20px;}
.feedback-form .input-group input[type="text"] {border: none; width: 100%; height: 38px; padding-left: 36px; font-size: 15px;font-family: Open Sans;}
.feedback-form .input-group.error {border-color: #ff6666;}

.feedback-form .input-group_textarea {height: 100px;}
.feedback-form .input-group_textarea textarea {resize: none; width: 100%;height: 100%; padding: 10px 10px 5px 36px; font-size: 15px; font-family: Open Sans; border: none; color: #586062;}

.feedback-form .captcha-block {}
.feedback-form .captcha-block .captcha {display: inline-block;vertical-align: top;}
.feedback-form .captcha-block .captcha > a {  display: inline-block; width: 170px; height: 40px; overflow: hidden; border-radius: 3px;}
.feedback-form .captcha-block .captcha-pic {display: inline-block;}
.feedback-form .captcha-block .captcha-pic img {display: block; width: 170px; height: 40px;}
.feedback-form .captcha-block .captcha input[type="text"] {height: 40px; width: 170px; vertical-align: top;margin-left: 10px;}
.feedback-form .captcha-block .btn-blue {width: 170px; height: 40px; border: none;font-size: 15px;margin-left: 11px;}

.feedback-form .captcha-block .btn-red {width: 170px; height: 40px; border: none;font-size: 15px;margin-left: 11px;cursor: pointer;}

.contact-information .detail-info li {font-size: 15px; color: #586062;height: 40px;line-height: 40px;}
.contact-information .detail-info .fa {color: #b8c4cc; font-size: 20px; padding-right: 10px;}
.contact-information .detail-info a {color: #29c2e1; text-decoration: underline;}
.contact-information .detail-info a:hover {text-decoration: none;}

/* end contact us */



/* start privacy policy */
.privacy {padding: 60px 0 45px;}
.privacy .title {font-size: 30px; color: #586062; text-transform: uppercase;padding-bottom: 20px;}
.privacy .subtitle {font-size: 24px; color: #7c8385; line-height: 30px; padding: 15px 0 10px;}
.privacy p {font-size: 15px; line-height: 21px; color: #586062; padding-bottom: 15px;}
.privacy strong {font-weight: 700;}
.privacy ul li {font-size: 15px; line-height: 21px; color: #586062; padding-bottom: 15px;}
.privacy ul.empty-marker li {list-style-type: none;}
.privacy ul.decimal-marker li {list-style-type: decimal; list-style-position: inside;}
.privacy ul.disc-marker li {list-style-type: disc; list-style-position: outside;margin-left: 50px;}
.privacy a {color: #29c2e1; text-decoration: underline;}
.privacy a:hover {text-decoration: none;}
.privacy .table {font-size: 15px; line-height: 21px; color: #586062;}
.privacy .table table{width: 100%;}
.privacy .table table thead {font-weight: 700; text-align: center;}
.privacy .table table tbody td{}
.privacy table .left {width: 20%; padding: 15px 10px; border: 1px solid #D2D2D2; vertical-align: middle;}
.privacy table .right {width: 80%; padding: 15px 10px; border: 1px solid #D2D2D2; vertical-align: middle;}
/* end privacy policy */



/* start terms of use */
.terms {padding: 60px 0 45px; text-align: justify;}
.terms .title {font-size: 30px; color: #586062; text-transform: uppercase;padding-bottom: 20px;}
.terms .subtitle {font-size: 24px; color: #7c8385; line-height: 30px; padding: 15px 0 10px;}
.terms p {font-size: 15px; line-height: 21px; color: #586062; padding-bottom: 15px;}
.terms strong {font-weight: 700;}
.terms .uppercase {text-transform: uppercase;}
.terms .main-list {padding-left: 15px;}
.terms .main-list li {font-size: 15px; line-height: 21px; color: #586062; list-style-type: decimal; list-style-position: outside; padding-bottom: 15px; }
.terms .inner-list li {list-style-position: inside; list-style-type: none;}
.terms a {color: #29c2e1; text-decoration: underline;}
.terms a:hover {text-decoration: none;}
/* end terms of use */

.list-sitemap {font-size: 13px; padding: 0 0 70px; -webkit-column-width: 300px; -moz-column-width: 300px; column-width: 300px; -webkit-column-count: auto; -moz-column-count: auto; column-count: auto; -webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px;}
.list-sitemap li {}
.list-sitemap li a {display: block; font-size:  14px; font-weight: 700; margin: 0 0 15px; color: #29C2E1;}
.list-sitemap li a:hover {text-decoration: underline;}
.list-sitemap li ul {padding-left: 10px;}
.list-sitemap li ul a {font-size: 13px; font-weight: 400;}

/* sttart popup */

.popup-overlay {display: none; background: #041b20; opacity: 0.60; filter: alpha(opacity=60); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10; min-height: 700px;}
.popup-overlay.active {display: block;}
.popup {display: none; position: fixed; top: 10px; left: 50%; z-index: 11; background-color: #fff;}
.popup.active {display: block;}


.popup-add-rating {width: 560px;height: auto; margin: 0 0 0 -280px;}
.popup-add-rating .title {font-size: 30px; color: #586062; text-transform: uppercase; text-align: center; padding: 30px; position: relative;}
.popup-add-rating .title .fa-times {font-size: 15px; color: #29c2e1; position: absolute; top: 6px; right: 10px; cursor: pointer;}
.popup-add-rating .rating-block {display: block;padding: 0 30px;}
.popup-add-rating .rating-block li {vertical-align: middle; font-size: 15px;line-height: 25px; color: #586062;width: 240px;}
.popup-add-rating .rating-block .raterater-wrapper {margin: 6px 0 0;float: right; vertical-align: middle;}

.popup-add-rating .create-comment-form {padding: 30px;}
.popup-add-rating .create-comment-form .subtitle {font-size: 15px; line-height: 21px; color: #586062; padding: 30px 0 10px;border-top: 1px solid #ebeff2;}
.create-comment-form input[type="text"].error,.create-comment-form textarea.error {border-color: #ff6666;}
.ratebox.error .raterater-outline-layer {color:#ff6666;}
.popup-add-rating .row {min-height: 60px;}
.popup-add-rating .row-textarea {min-height: 120px;}
.popup-add-rating .row .label {font-size: 15px; color: #586062; display: inline-block;width: 105px;}
.popup-add-rating .row input[type="text"] {height: 40px; width: calc(100% - 110px);}
.popup-add-rating .row textarea {padding: 5px; height: 100px; width: calc(100% - 110px); vertical-align: top;}
.popup-add-rating .row .alert-message {padding-left: 108px;}
.popup-add-rating .row-button {padding-left: 109px;}
.popup-add-rating .row-button .btn-blue {padding: 12px 27px;font-size: 15px;line-height: 16px;}

.popup-thanks {width: 600px; margin: -80px 0 0 -300px; top: 30%;}
.popup-thanks .title {font-size: 30px; color: #586062; text-transform: uppercase; text-align: center;padding: 45px 30px 20px; position: relative;}
.popup-thanks .title .fa-times {font-size: 15px; color: #29c2e1; position: absolute; top: 6px; right: 10px; cursor: pointer;}
.popup-thanks p {padding: 0 30px 45px; font-size: 15px; line-height: 21px; color: #586062;}

/* end popup rating */

.main-content .sidebar .table-product-mob .table-row .information p.description {display: none;}
.main-content .sidebar .table-product-mob .table-row .information img {display: block;}
.main-content .sidebar .table-product-mob .table-row .logo-site {display: none;}
/* media screen */
@media screen and (max-width: 1040px) {
    .description-info .left,
    .description-info .right {width: 100%; margin-right: 0;}

    .support-panel {display: none;}

    .main-content {padding: 20px 0 35px; display: table;}

    .main-content .mainbar {width: 100%; float: none; margin-left: 0;}
    .main-content .sidebar {width: 100%; float: none;display: table;border-right: 0;}

    .main-content .mainbar .score-product p {width: calc(100% - 150px);}
    .main-content .mainbar .logo-rating {float: none; width: 100%; text-align: center;padding-bottom: 20px;}
    .main-content .mainbar .detail-info {float: none; width: 100%;}

    .main-content .sidebar .advice-block .item {width: 100%;}

    .wrapper-comment .comment-block {width: calc(100% - 269px);}

    .main-content .sidebar .top-sites {width: 100%;display: table-header-group;}
    .main-content .sidebar .advice-block {display: table-footer-group; width: 100%;}

    .table-product-mob {margin: 20px 0;}

    .contact-us .feedback-form {width: 100%;margin-right: 0;padding-bottom: 20px;}


    .main-content .mainbar .btn-block {display: block;text-align: center;}
    .main-content .mainbar .btn-yellow {display: block; width: 181px; margin: 0 auto 15px; padding: 14px 0;}
    .main-content .mainbar .btn-block .likebox {margin-top: 10px;}

    .main-content .sidebar .btn-block {display: block;text-align: center;}
    .main-content .sidebar .table-product-mob .table-row:last-child {border-bottom: 1px solid #ebeff2;}
    .main-content .sidebar .advice-block .item:last-child {border-bottom: 1px solid #ebeff2;}

    .contact-us .subtitle {padding: 15px 0;}
    .contact-us .contact-information .detail-info li {height: 20px; line-height: 20px;}

    .table-product-mob .table-row:first-child {border-top: 1px solid #ebeff2;}

    .main-content .sidebar .advice-block h2.title {padding-top: 15px;}

    .main-content_advice-page .mainbar .detail-info {width: calc(100% - 210px); float: right;}
    .main-content_advice-page .pagination {text-align: center;}

    .main-content .sidebar .table-row .buttons .btn-red {padding: 12px 15px;}

    .footer .social {display: block;}

    .main-content .sidebar .table-product-mob .table-row .buttons .btn-yellow {font-size: 15px; padding: 14px 37px; line-height: 16px;}
    .main-content .sidebar .table-product-mob .table-row .information p.description {display: block;font-size: 15px;}
    .main-content .sidebar .table-product-mob .table-row .information img {display: none;}
    .main-content .sidebar .table-product-mob .table-row .logo-site {display: table-cell;}
    .main-content .sidebar .table-product-mob .table-row .logo-site img {max-width: 180px;width: 100%;}
    .table-product-mob .logo-site {padding-left: 14px;}

    .top-ten-sites .table-row .visit-site .btn-red {width: 110px;}
    .top-ten-sites .table-row .logo-site img {max-width: 130px;}
    .header .registration.log-out.show_desc {display: block;}
}

@media screen and (max-width: 860px) {
    .header .registration.log-out.show_desc {display: none;}
    .top-ten-sites .table-product .information p,
    .top-ten-sites .table-product .information .raterater-wrapper {display: none;}
    .top-ten-sites .table-product .number {background: url(../images/main/label-for-number.png) no-repeat;  width: 60px; height: 60px; position: relative;}
    .top-ten-sites .table-product .number span {color: #fff; position: absolute; top: 5px; left: 10px;}
    .top-ten-sites .table-product .logo-footer {max-width: 100%; width: 100%;}

    /*.footer .footer-col {text-align: center;}
    .footer .first {width: 100%; display: table-footer-group; text-align: center;}
    .footer .second {width: 100%; display: table-header-group; text-align: center;}
    .footer .second .social {margin-bottom: 15px;}
    .footer .logo-footer {margin: 20px auto;}*/

    .contact-us .feedback-form {width: 100%; margin-right: 0;}
    .contact-us .contact-information {width: 100%;}     
    

    .popular-categories .category-item:hover .see-best {display: none !important;}  
    .popular-categories {display: table-footer-group;}
    .top-ten-sites {display: table-header-group;}
    .top-ten-sites_reviews {display: block;}

    .nav {display: none;}
    .header .registration,
    .header .additional-menu {display: none;}
    .header .btn-top-menu,
    .header .btn-filter-table {display: block;} /**/

    .main-content_advice-page .mainbar .search-field,
    .top-ten-sites .search-field {display: block;}
    .main-content_advice-page .mainbar .search-field .select-wrapper,
    .top-ten-sites .search-field .select-wrapper {width: 49%;}

    /*.top-ten-sites .search-field_filter .select-wrapper {width: 50%;}*/
    .top-ten-sites .table-row .rating .tooltip-rating {display: none;}
    .top-ten-sites_reviews .table-row .information .rating-row .partner-review {padding-bottom: 0px;}
    .top-ten-sites .table-row .information .rating-row {padding-bottom: 0px;}
    .top-ten-sites_reviews .table-product .product-item .cell.information {width: auto;}
    .top-ten-sites .table-row .bonus-col {display: none;}
    .gaming.top-ten-sites .table-row .bonus-col {display: none;}
    .popup {width: calc(100% - 20px);/* margin: -300px 0 0 0;*/ left: 0; right: 0; top: 0; /*height: auto;  */  margin: 10px; height: calc(100% - 20px); overflow: auto;}
    .likebox .like-pic {font-size: 22px;}
    .main-content .sidebar .table-product-mob .table-row .buttons .btn-yellow {font-size: 12px; color: #586062; padding: 9px 0;}
    .main-content .sidebar .table-product-mob .table-row .information p.description {font-size: 13px;}
    .top-ten-sites .table-row .visit-site .btn-red {width: 140px;}
    .top-ten-sites .table-row .logo-site img {max-width: 200px;}

    /**//* new start */
    .top-ten-sites .description-text p {padding-right: 0;}
    .top-ten-sites .search-field {display: none;}

    .top-ten-sites .description-text p .toggle {display: inline;}
    .top-ten-sites .description-text p {height: 22px; overflow: hidden;}
    .top-ten-sites .description-text p.opened {height: auto;}
    .top-ten-sites .description-text p.opened .toggle .close {display: inline;}
    .top-ten-sites .description-text p.opened .toggle .open {display: none;}
    .top-ten-sites .description-text p .toggle .close {display: none;}
    .top-ten-sites .description-text p .partner-review {display: none;}
    .top-ten-sites .description-text p .toggle {font-size: 15px; text-decoration: underline; color: #29c2e1;}
    .top-ten-sites .description-text p .toggle:hover {text-decoration: none;}

    .top-ten-sites_reviews .description-block p {padding-right: 0;}
    /**//* new end */
}

@media screen and (max-width: 680px) {
    .top-ten-sites .table-row .information .counter-reviews {display: block;}

    .main-content .mainbar .summary nav {display: none;}

    .main-content .mainbar .score-product .mob-title {display: block; cursor: pointer; font-size: 15px; color: #29c2e1; padding: 15px 0; border-bottom: 1px solid #ebeff2;}
    .main-content .mainbar .score-product .inner-content {display: none;}
    .main-content .mainbar .score-product .mob-title.hidden {display: none;}
    .main-content .mainbar .score-product .inner-content.active {display: block; border-bottom: 1px solid #ebeff2; padding-bottom: 20px;}
    .main-content .mainbar .summary {border-bottom: none;padding-bottom: 0;}
    .main-content .mainbar .score-product .inner-content p {font-size: 13px; line-height: 18px;width: 100%;padding-left: 0;}

    .main-content .score-product_popularity,
    .main-content .score-product_price,
    .main-content .score-product_reviews,
    .main-content .score-product_reputation,
    .main-content .score-product_expert-articles {display: block;}

    .main-content .mainbar .summary .name-category {display: block;}

    .top-ten-sites .table-row .likebox, .top-sites .table-row .likebox  {display: none;}

    .main-content_detail-article .content-article .article-image img {width: 100%;}

    .top-ten-sites .table-row .likebox, .top-sites .table-row .likebox,
    .gaming.top-ten-sites .table-row .likebox, .gaming.top-sites .table-row .likebox {display: none;}
}

@media screen and (max-width: 640px) {
    .header .registration {display: none;}
    .popular-categories .list-category {padding-top: 30px;}

    .header .btn-top-menu {display: block;}

    .top-ten-sites .title,
    .description-info .title,
    .popular-categories .title,
    .top-chart-rating .title {font-size: 20px; padding: 20px 0 0; line-height: 26px;}
    .top-ten-sites .title:before,
    .description-info .title:before,
    .popular-categories .title:before,
    .top-chart-rating .title:before {display: none;}

    /*.table-product,*/
    .svg-graphic {margin-top: 15px;}

    .top-ten-sites .table-product .number {background: url(../images/main/label-for-number.png) no-repeat; width: 35px; height: 35px; position: relative; background-size: 35px 35px;}
    .top-ten-sites .table-product .number span {color: #fff; position: absolute; top: 3px; left: 5px; font-size: 10px;}
    .top-ten-sites .table-product .logo-site img {width: 100%;}
    .top-ten-sites .table-row .visit-site .btn-yellow {font-size: 13px; padding: 7px 13px;}

    .description-info .name-article {font-size: 18px; line-height: 24px; color: #29c2e1; text-decoration: underline; cursor: pointer; padding: 10px;text-align: center;}
    .description-info .name-article .arr {display: none;}

    .sign-in-popup {display: none !important;}

    .nav {display: none;}

    .main-content .mainbar .name-article {font-size: 18px; line-height: 24px; color: #29c2e1; text-decoration: underline; cursor: pointer; padding: 10px; text-align: center;}
    .main-content .mainbar .name-article .arr {display: none;}

    .main-content .mainbar .js-circle-box {display: block;}
    .main-content .mainbar .score-product p {padding-left: 0; width: 100%;}

    .main-content .mainbar .review-title {text-align: center; padding-bottom: 10px; word-break: break-all;font-size: 25px;}
    .main-content .mainbar .subtitle {text-align: center; padding-bottom: 10px;}
    .main-content .mainbar .logo-rating {text-align: center;}

    .main-content .mainbar .detail-info p {font-size: 13px; line-height: 18px;}
    .main-content .mainbar .detail-info p .toggle {font-size: 13px;}
    .main-content .mainbar .item .text-content {font-size: 13px; line-height: 18px;}

    .wrapper-comment .comment-block {width: 100%; display: block; padding-bottom: 20px;}
    .wrapper-comment .rating-block {width: 100%; padding-left: 0; display: block;}

    .table-product-mob .rating,
    .table-product-mob .buttons,
    .table-product-mob .information p {display: none;}

    .table-product-mob .united-mob-block {display: table-cell; max-width: 185px; text-align: center;}

    .table-product-mob .information {text-align: center;}
    .table-product-mob .united-mob-block .btn-yellow {padding: 10px 30px;font-size: 15px;}
    .table-product-mob .united-mob-block .circle-rating-svg svg {height: 40px;}
    .table-product-mob .united-mob-block .rating .circle-rating-svg .content-circle-rating-svg .progressbar-text {font-size: 17px !important;}
    .table-product-mob .united-mob-block .visit-site {padding-top: 5px;}


    .popup-add-rating .row {min-height: 80px;}
    .popup-add-rating .row-textarea {min-height: 140px;}
    .popup-add-rating .row input[type="text"] {width: 100%;}
    .popup-add-rating .row textarea {width: 100%;}
    .popup-add-rating .row-button {padding-left: 0;}
    .popup-add-rating .row .alert-message {padding-left: 0;}

    .main-content .sidebar .table-row .information img {max-width: 130px;}

    .sidebar .table-product-mob .information .go-review {display: none;}
    .sidebar .table-product-mob .united-mob-block .information .go-review {display: block;}
    .sidebar .table-product-mob .united-mob-block .reating-row {display: none;}

    .table-product-mob .united-mob-block .rating {width: 40px; padding-left: 10px;}

    .table-product-mob .united-mob-block .rating .circle-rating-svg svg circle {stroke-width: 5px;}
    .table-product-mob .united-mob-block .rating .circle-rating-svg span {font-size: 14px;margin-top: -7px;}
    .top-ten-sites .table-row .rating .tooltip-rating {display: none;}

    .main-content_advice-page .mainbar .review-title {font-size: 24px; line-height: 30px;}
    .main-content_advice-page .mainbar .detail-info .title-article {font-size: 15px; line-height: 21px;}
    .main-content_advice-page .mainbar .detail-info p {font-size: 13px; line-height: 18px;}
    .main-content_advice-page .mainbar .detail-info p .toggle {font-size: 13px;}
    .main-content_advice-page .mainbar .entry-thumbnail {display: none; float: none;}
    .main-content_advice-page .mainbar .detail-info .entry-thumbnail {display: block;}

    .main-content_advice-page .mainbar .entry-thumbnail {float: none; margin-bottom: 10px;}
    .main-content_advice-page .mainbar .detail-info {width: 100%; float: none;}

    .main-content_detail-article .content-article .subtitle {text-align: left;}
    .main-content_detail-article .content-article .title {font-size: 24px; line-height: 30px;}

    .top-ten-sites_reviews .top-ten-title {font-size: 24px; padding: 10px 0;}
    .top-ten-sites .description-block p {padding: 10px 0 15px; font-size: 13px; line-height: 18px;}
    .top-ten-sites .description-block p .toggle {font-size: 13px;}
    .top-ten-sites_reviews .pagination {text-align: center;}
    .top-ten-sites_reviews .pagination ul {padding: 20px 0;}

    .layout-page_slots .top-ten-sites .table-row { display: table;}

    .main-content .sidebar .table-row .buttons .btn-yellow {padding: 12px 15px;}
    .main-content_detail-article .content-article .text {font-size: 13px; line-height: 18px;}
    .main-content_detail-article .content-article .publish-date,
    .main-content_advice-page .mainbar .detail-info .publish-date {font-size: 12px;}

    .top-ten-sites .description-text p {padding: 10px 0 15px; font-size: 13px; line-height: 18px;}
    .top-ten-sites .description-text p .toggle {font-size: 13px;}

    .description-info .text-content p {font-size: 13px; line-height: 18px;}

    .top-ten-sites .search-field_filter {position: relative; padding-bottom: 15px;}
    .top-ten-sites .search-field_filter .select-wrapper {width: 50%;}

    .top-ten-sites .table-row .visit-site .btn-red {font-size: 13px; padding: 7px 13px; width: auto;}
    .table-product-mob .united-mob-block .btn-red {padding: 10px 30px;font-size: 15px;}

    .main-content .sidebar .table-product-mob .table-row .information p.description {display: none;}
    .main-content .sidebar .table-product-mob .table-row .information img {display: block;}
    .main-content .sidebar .table-product-mob .table-row .logo-site {display: none;}
    .table-product-mob .logo-site {padding-left: 0;}
    .advice-block .title, .top-sites .title {text-align: center;}
    .table-product-mob {margin: 20px auto; max-width: 320px; }
}

@media screen and (max-width: 600px) {
    .feedback-form .captcha-block .captcha,
    .feedback-form .captcha-block .captcha input[type="text"] {display: block;margin-left: 0;margin-top: 13px;}
    .feedback-form .captcha-block .btn-blue {margin-left: 0;margin-top: 15px;}
    .description-info .text-content {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
    .description-info .text-content img {width: 100%; height: auto; }
    .main-content_detail-article .article-footer .socialblock,
    .main-content_detail-article .article-footer .pagination {display: block; width: 100%; text-align: center;}
}

@media screen and (max-width: 480px) {
    .top-ten-sites .table-row .cell.visit-site,
    .top-ten-sites .table-row .cell.information,
    .top-ten-sites .table-row .cell.rating {display: none !important;}
    .top-ten-sites .table-row .united-block {display: table-cell !important;width: 140px;}
    .top-ten-sites .table-row .information,
    .top-ten-sites .table-row .rating {display: inline-block; vertical-align: middle; display: table-cell;}
    /*.top-ten-sites .table-row .visit-site {min-width: 90px; text-align: right;}*/
    .top-ten-sites .table-row .information .go-review {padding-right: 0;} /**//* new */
    .top-ten-sites .table-row .rating .circle-rating-svg {width: 40px;}
    .top-ten-sites .table-row .visit-site .btn-yellow {display: inline-block;padding: 10px 40px;}

    .top-ten-sites .table-product .table-row .cell {padding: 5px 0 15px;}
    .table-product-mob {/* table-layout: auto; */}

    .top-ten-sites .table-product .united-block .counter-reviews {display: none;}
    .top-ten-sites .table-product .united-block .rating {padding-left: 20px;}


    .top-ten-sites .table-product .united-block .visit-site {text-align: left;}
    .top-ten-sites .table-product .united-block .circle-rating-svg svg {height: 42px;}
    .top-ten-sites .table-product .united-block .circle-rating-svg svg circle {stroke-width: 5px;}
    .top-ten-sites .table-product .united-block .circle-rating-svg span {font-size: 14px;margin-top: -7px;}
    /*.top-ten-sites .table-product .united-block {text-align: right;}*/
    .top-ten-sites_reviews .table-row .visit-site .btn-yellow {padding: 10px 50px;} /**//* new */

    .top-ten-sites .table-product .table-row .cell.logo-site {padding-left: 0; padding-right: 15px;}

    .top-ten-sites .table-row .visit-site .btn-red {display: inline-block;padding: 10px 40px;}
    .main-content .mainbar .btn-block .btn-red {display: block; margin: 0 auto 20px; width: 100%; padding: 14px 0;}
    .layout-page_slots .top-ten-sites .table-row { display: table;}

    .main-content .mainbar .btn-block {text-align: center;}
    .main-content .mainbar .btn-block .btn-yellow {display: block; margin: 0 auto 20px; width: 100%; padding: 14px 0;}
}


@media screen and (min-width: 641px) {
    .name-article:before {
        content: '';
        border-style: solid; position: absolute; top: 50%; left: 0; display: block; margin-top: -2px;
        border-width: 0 5px 5px 5px; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #7c8385 rgba(0, 0, 0, 0);
    }

    .name-article.active:before {
        border-width: 5px 5px 0 5px; border-color: #7c8385 transparent transparent transparent;
    }
}
/*error firefox*/
#google-visualization-errors-0{display:none}

/*.description-info .text-content {font-size: 15px;}*/
.signin-form input.error{
    border-color: #ff6666;
}

.list-view-loading {
    background: none;
}
.list-view.list-view-loading .overlay-sort-loader{
    display: block;
}
.advice-block .title, .top-sites .title {
    font-size: 24px;
    color: #7c8385;
}
.main-content.main-content_advice-page .list-view .items .empty { line-height: 50px; }

/* btn red */

.btn-red {background-color: #ff1200; display: inline-block; color: #ffffff; text-transform: uppercase; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
.btn-red:hover {background-color: #eb1100;}

section.error_404 { overflow: hidden; padding: 43px 0 303px; }
.error-image { width: 245px; float: left; margin: 24px 50px 60px 117px; position: relative; }
.error-info { padding: 81px 0 0 433px; }
.error-info h2 { font-size: 30px; margin-bottom: 28px; color: #586062; text-transform: uppercase; font-weight: 600; }
.error-info p { margin-bottom: 20px; font-size: 15px; line-height: 21px; color: #586062; }
.error-info a.btn { font-size: 15px; line-height: 21px; color: #29C2E1; }
.error-info a.btn:hover {text-decoration: underline;}
@media (max-width:992px) {
    .error-image { margin: 24px 50px 60px 40px; }
    .error-info { padding: 81px 0 0 340px; }
    section.error_404 { padding: 43px 0 150px; }
}
@media (max-width:770px) {
    .error-image { margin: 24px 50px 60px 20px; }
    .error-info { padding: 81px 0 0 315px; }
}
@media (max-width:670px) {
    section.error_404 { padding: 43px 0; }
    .error-image { margin: 0 auto; max-width: 245px; width: 100%; float: none; }
    .error-image img { max-width: 245px; width: 100%; }
    .error-info { padding: 10px; text-align: center; }
}
@media (max-width:510px) {
    .error-info h2 { font-size: 20px; margin-bottom: 15px; }
}

@media screen and (max-width: 580px) {
    .privacy table .left {
        width: 38%;
    }
}

@media screen and (min-width: 580px) {
    .privacy table .left {width: 38%;}
    .privacy table .right {width: 62%;}
}

.top-ten-sites .table-product .number.number_ribbon-big {background-position: 0 26px;}
.top-ten-sites .table-product .number.number_ribbon-big span {top: 31px;}

.big-ribbon {position: absolute; left: -10px; top: -2px; min-width: 80px; height: 28px; z-index: 5; line-height: 10px;}
.big-ribbon:before {content: ''; width: 10px; height: 12px; position: absolute; left: 0; bottom: -12px;}
.big-ribbon:after {content: ''; width: 8px; height: 28px; position: absolute; top: 0; right: -8px;}
.big-ribbon .ribbon-desc {font-size: 12px; text-transform: uppercase; color: #ffffff; font-weight: 700; white-space: nowrap; padding: 0 10px; display: inline-block; vertical-align: top; padding-top: 9px;}

.big-ribbon_green {background-color: #00a287;}
.big-ribbon_green:before {background: url(../images/ribbon/before-green-big.png) no-repeat;}
.big-ribbon_green:after {background: url(../images/ribbon/after-green-big.png) no-repeat;}

.big-ribbon_violet {background-color: #9c55c4;}
.big-ribbon_violet:before {background: url(../images/ribbon/before-violet-big.png) no-repeat;}
.big-ribbon_violet:after {background: url(../images/ribbon/after-violet-big.png) no-repeat;}

.big-ribbon_red {background-color: #B25D5D;}
.big-ribbon_red:before {background: url(../images/ribbon/before-violet-big.png) no-repeat;}
.big-ribbon_red:after {background: url(../images/ribbon/after-violet-big.png) no-repeat;}

.big-ribbon_blue {background-color: #228fff;}
.big-ribbon_blue:before {background: url(../images/ribbon/before-blue-big.png) no-repeat;}
.big-ribbon_blue:after {background: url(../images/ribbon/after-blue-big.png) no-repeat;}


/*.top-ten-sites .table-product .number.number_ribbon-small {background-position: 0 26px;}*/
/*.top-ten-sites .table-product .number.number_ribbon-small span {top: 31px;}*/


.small-ribbon {position: absolute; left: 0; top: -9px; width: 58px; max-height: 50px; z-index: 5;}
.small-ribbon:before {content: ''; width: 58px; height: 10px; position: absolute; left: 0; bottom: -10px;}
.small-ribbon:after {content: ''; width: 5px; height: 7px; position: absolute; top: 0; right: -5px;}
.small-ribbon .ribbon-desc {font-size: 9px; text-transform: uppercase; color: #ffffff; font-weight: 700; display: inline-block; word-break: break-word; text-align: center; vertical-align: top; padding: 5px 0;}
.small-ribbon_green {background-color: #00a287;}
.small-ribbon_green:before {background: url(../images/ribbon/before-green-small.png) no-repeat;}
.small-ribbon_green:after {background: url(../images/ribbon/after-green-small.png) no-repeat;}

.small-ribbon_violet {background-color: #9c55c4;}
.small-ribbon_violet:before {background: url(../images/ribbon/before-violet-small.png) no-repeat;}
.small-ribbon_violet:after {background: url(../images/ribbon/after-violet-small.png) no-repeat;}


.small-ribbon_red {background-color: #B25D5D;}
.small-ribbon_red:before {background: url(../images/ribbon/before-violet-small.png) no-repeat;}
.small-ribbon_red:after {background: url(../images/ribbon/after-violet-small.png) no-repeat;}

.small-ribbon_blue {background-color: #228fff;}
.small-ribbon_blue:before {background: url(../images/ribbon/before-blue-small.png) no-repeat;}
.small-ribbon_blue:after {background: url(../images/ribbon/after-blue-small.png) no-repeat;}

.overlay-sort-loader{position:fixed;top:0; left: 0;width:100%;height:100%;min-height:100%;background:rgba(0,0,0,0.3); display:none; z-index: 1000;}
.pic_wrap{width: 50px;  height: 50px;  top: 50%;  left: 50%; margin: -25px; position: absolute; background: url(pageloader.gif); background-size: contain; background-repeat: no-repeat;}
input, textarea {outline:none;}

.main-content .comment-list { width: 100%; max-width: 650px; float: left; }
.main-content .comment-list .item-comment { overflow: hidden; border-radius: 0 20px; background: #fcf8fe; background: -moz-linear-gradient(top, #fcf8fe 0%, #f3eff5 100%); background: -webkit-linear-gradient(top, #fcf8fe 0%, #f3eff5 100%); background: linear-gradient(to bottom, #fcf8fe 0%, #f3eff5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcf8fe', endColorstr='#f3eff5', GradientType=0); padding: 0 20px 0; margin-bottom: 30px; }
.main-content .comment-list .item { display: inline-block; }
.main-content .comment-list .comment-description { width: 100%; max-width: 395px; float: left; }
.main-content .comment-list .summary { width: 212px; float: right; }
.main-content .comment-list .name { padding: 0 0 0 25px; font-size: 24px; color: #31383a; font-weight: 800; }
.main-content .comment-list .score-product .name-category { display: block; font-weight: 400; padding-top: 5px; }
.main-content .comment-list .score-product .mob-title,
.main-content .comment-list .score-product p { display: none; }
.main-content .comment-list .subtitle { font-size: 24px; color: #31383a; font-weight: 800; padding-bottom: 15px; }
.main-content .comment-list .score-product .box.rating { font-size: 24px !important; }
.main-content .comment-list .score-product .name-category { padding-left: 49px; color: #586062; }
.main-content .comment-list .title { font-size: 24px; color: #31383a; font-weight: 800; margin-bottom: 10px; }
.main-content  .comment-list .item .text-content {padding: 5px 20px 5px 0px;}
.main-content .comment-list .name-comment {color: #31383a;font-size: 18px;font-weight: 800;padding: 15px 0 10px 0px;line-height: 28px;position: relative;}
.main-content .comment-list .name-comment.active:before { border-color: #428db2 transparent transparent transparent; }
.main-content .item .text-content { padding: 15px 0 0 25px; color: #31383a; font-size: 15px; line-height: 21px; }
@media screen and (max-width:1040px) {
    .main-content .comment-list { float: none; max-width: 100%; }
    .main-content .comment-list .comment-description { max-width: 60%; }
    .main-content .comment-list .summary { float: none; max-width: 40%; width: 100%; }
    .comment-list .item-review .info-product { padding-bottom: 40px; }
    .main-content .comment-list .item .text-content,
    .main-content .comment-list .name { padding-left: 0; }
}
@media screen and (max-width:640px) {
    .main-content .comment-list .score-product .inner-content { display: block; }
    .main-content .comment-list .name-comment { padding-left: 0; text-decoration: underline; cursor: pointer; text-align: center; }
}
@media screen and (max-width:560px) {
    .main-content .comment-list .comment-description { max-width: 100%; }
    .main-content .comment-list .summary { float: none; max-width: 100%; padding-top: 10px; padding-bottom: 10px; }
    .comment-list .item-review .info-product { padding-bottom: 40px; }
    .main-content .comment-list .item .text-content,
    .main-content .comment-list .name { padding-left: 0; }
}
@media screen and (max-width:480px) {
    .main-content .comment-list .score-product .inner-content { display: block; }
}