@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:700);

/*Main style*/
html, body {min-height: 100%;}
body {height: 100%}

.clear {clear: both; height: 0; line-height: 0; font-size: 0;}
.left {float: left;}
.right {float: right;}

html {}

body {font-family: 'Roboto', sans-serif; color: #A7A7A7; font-size: 13px; background: #fff url(../images/main/bg-top.jpg) 50% 0 no-repeat;}
.layout {}
strong {font-weight: bold;}
a {color: #4db9e0; text-decoration: underline;}
a:hover {text-decoration: none;}

.main {width: 980px; margin: 0 auto;  position: relative; padding: 0 0 10px;}

.header {height: 183px;}
.header .logo {display: block; width: 188px; height: 161px; margin: 16px 0 0 15px; float: left;}
.header .logo img {font-size: 19px; border: none;}
.header h1 {position:relative; color:#999; font-size: 31px; text-transform: uppercase; float: left; line-height: 40px;margin: 47px 0 0 35px;}

.wrapper {-webkit-border-top-left-radius: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;border-top-right-radius: 5px; background-color: #f5f4f4; background-color: rgba(245,244,244,0.7);}
.wrapper .wrapper-inner {}

.menu-head {padding: 10px 0 0 12px;position: relative;-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;
background: #54bbe3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwZTNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGJiZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #90e3ff 0%, #54bbe3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e3ff), color-stop(100%,#54bbe3));
background: -webkit-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: -o-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: -ms-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: linear-gradient(to bottom,  #90e3ff 0%,#54bbe3 100%);
background-color: #54BBE3;
}
.menu-head .item {color:#fff; font-size: 15px; font-weight: 400; text-decoration: none; display: inline-block; padding: 7px 14px 14px; text-transform: uppercase; position: relative; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.menu-head .item:hover {color: #fff;}
.menu-head .item.active {color: #fff; font-weight: 700;}
.menu-head .item.active:after {display: block; content: ''; width: 0; height: 0; border-bottom:0; border-top: 10px solid #52bae2; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; bottom: -10px; left: 14px;}

.content {padding: 15px;}
/*end Main style*/

/*buttons*/
.btn {display: inline-block; text-align: center; overflow: visible; padding: 9px 30px 11px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; cursor:pointer; font: 700 15px/1em 'Roboto', sans-serif; color:#fff;text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
background: #93cb17;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2NiMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c3da00 0%, #93cb17 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3da00), color-stop(100%,#93cb17));
background: -webkit-linear-gradient(top,  #c3da00 0%,#93cb17 100%);
background: -o-linear-gradient(top,  #c3da00 0%,#93cb17 100%);
background: -ms-linear-gradient(top,  #c3da00 0%,#93cb17 100%);
background: linear-gradient(to bottom,  #c3da00 0%,#93cb17 100%);
background-color: #93cb17;
}
.btn.active,
.btn:hover {
background: #FEBA00;
}

.btn-primary {background: transparent; border: 2px solid #89D3EE; padding: 7px 28px 9px; color: #4db9e0; text-shadow: none; font-weight: normal;}
.btn-primary.active,
.btn-primary:hover {background: #89d3ee; color: #fff; font-weight: 700;}

.btn-link {font-size: 11px; color: #4db9e0; font-weight: 400; text-decoration: underline; border: 1px solid transparent; padding: 9px 20px; background: transparent; text-shadow: none;}
.btn-link:hover,
.btn-link.active {border: 1px solid #4db9e0; background: transparent; color: #4db9e0; text-decoration: underline;}

.btn-link.btn-link-primary {font-size: 13px; border-color: transparent; border-width: 2px;}
.btn-link.btn-link-primary:hover,
.btn-link.btn-link-primary.active {border-color: #4db9e0; background-color: transparent; text-decoration: none;}
.btn-link.btn-link-secondary {font-size: 13px; border-color: transparent;}
.btn-link.btn-link-secondary:hover,
.btn-link.btn-link-secondary.active {text-shadow: 1px 1px 1px rgba(0,0,0,0.2); color: #fff; text-decoration: none; border: 0;
background: #93cb17;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MzZGEwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5M2NiMTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #c3da00 0%, #93cb17 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c3da00), color-stop(100%,#93cb17));
background: -webkit-linear-gradient(top,  #c3da00 0%,#93cb17 100%);
background: -o-linear-gradient(top,  #c3da00 0%,#93cb17 100%);
background: -ms-linear-gradient(top,  #c3da00 0%,#93cb17 100%);
background: linear-gradient(to bottom,  #c3da00 0%,#93cb17 100%);
background-color: #93cb17;
}
/*end buttons*/

/* Index page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.content h2.title {color:#333; font-size: 24px; padding: 9px 15px 23px;}
.content .intro {font-size: 13px; line-height: 1.5em; color:#333; padding: 0 15px 0px;}

.site-logo {display: inline-block; width: 128px; border: 1px solid #d3d3d3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.site-logo img {display: block; width: 100%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.site-logo.large {width: 198px;}

.chart {width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-collapse:separate; border-spacing:0; padding: 0; margin-top: 25px;}
.chart th {font: 700 12px Arial, sans-serif; color:#fff; text-align: center; vertical-align: middle; height: 36px; text-transform: uppercase; border-bottom: 1px solid #fff;
background: #54bbe3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwZTNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGJiZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #90e3ff 0%, #54bbe3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e3ff), color-stop(100%,#54bbe3));
background: -webkit-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: -o-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: -ms-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: linear-gradient(to bottom,  #90e3ff 0%,#54bbe3 100%);
background-color: #54BBE3;
}
.chart th.rank {width: 63px; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; width: 70px;}
.chart th.site {width:170px;}
.chart th.our-rating {width: 150px;}
.chart th.summary-overview {}
.chart th.more-info {width: 148px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topright: 2px; border-top-right-radius: 2px;}

.chart td {border-left:none; text-align: center; vertical-align: middle; background-color: #fffbf4; border-bottom: 1px solid #fff; font-size: 11px; color:#303030; line-height: 13px; padding: 12px 7px; border-bottom: 1px solid #d3d3d3;}
.chart tbody tr:first-child td {background: #fff; border-top: 1px solid #d3d3d3; padding: 7px;}
.chart tbody tr:first-child td.summary-overview {color: #333;}
.chart tbody td.rank {border-left: 1px solid #d3d3d3;}
.chart tbody td.more-info {border-right: 1px solid #d3d3d3;}
.chart tbody tr:last-child td {border-bottom: 1px solid #d3d3d3;}

.chart td.rank {color:#393930; font: 700 40px 'Roboto Condensed', sans-serif; padding: 15px 0;}
.chart td.more-info {border-right: 1px solid #fff;}
.chart td.summary-overview {color: #878b8e; font-size: 12px; line-height: 1.45em; text-align: left;}
.chart td.summary-overview p {text-align: left; padding: 1px 0 1px 28px; background: url(../images/main/bullet-black-sq.gif) 18px 5px no-repeat;}
.chart td.more-info .btn {margin:  0 0 5px;}
.chart td.more-info .btn-link {min-width: 78px;}

.chart tr:hover td.rank {}
.chart tr:hover td {background-color: #fff;}

.chart td.dating-site a {width: 112px; margin: 0 auto; display: block;}
.chart td.dating-site img {display: block;}/**/
.chart .site-logo {margin: 0 auto;}

.chart .best-overall {color:#737373; font-size: 11px; text-transform: uppercase; line-height: 1.4em;}

.chart .star-rating, .chart .stat-star-rating, .chart .stat-star-rating-big {margin: 0 auto 4px; float:none;}
.chart .rate {font-size: 15px; line-height: 20px;}

.star-rating {width: 115px; height: 21px; background: url( ../images/main/rating.png) 0 -21px repeat-x;}
.star-rating li {background: url( ../images/main/rating.png) 0 0 repeat-x; z-index: 20; text-indent: -10000px; width: 100%; height: 100%; float: left; overflow: hidden;}

.star-rating.small {width: 85px; height: 15px; background-image: url(../images/main/rating-small.png); background-position: 0 0;}
.star-rating.small li {background-image: url(../images/main/rating-small.png); background-position: 0 -16px;}

.star-rating.mini {width: 65px; height: 11px; background-image: url(../images/main/rating-mini.png); background-position: 0 0;}
.star-rating.mini li {background-image: url(../images/main/rating-mini.png); background-position: 0 -11px;}

.star-rating.large {width: 115px; height: 21px; background-image: url(../images/main/rating-large.png); background-position: 0 0;}
.star-rating.large li {background-image: url(../images/main/rating-large.png); background-position: 0 -22px;}


.footer {margin: 0 auto 20px; padding-top: 8px; height: 80px; position: relative;}
.footer .copy {font-size: 11px; color:#000; padding: 10px 0 0; text-align: center;}
.footer .menu-footer {color:#fff; font: 12px/22px Tahoma; padding: 17px 0 0; text-align: center;}
.footer .menu-footer .item {color:#000; font-size: 12px; display: inline-block; padding: 0 2px;}
/* end Index page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Rewiews page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.wrapper-reviews {border: 1px solid #d3d3d3; margin: 20px 0 0;}

.review-item {position: relative; min-height: 92px; padding: 14px; border-top: 1px solid #d3d3d3; background-color: #fffbf4; padding: 14px 165px 14px 156px;}
.review-item:first-child {border-top: 0;}
.review-item .site-logo {position: absolute; top: 14px; left: 14px;}
.review-item .title {padding: 0 0 4px;}
.review-item .title a {text-decoration: none; font-size: 20px; color: #465866;}
.review-item .title a:hover {text-decoration: underline;}
.review-item .text {color: #878b8e; line-height: 1.4em;}
.review-item .btn {position: absolute; top: 50%; right: 14px; margin: -16px 0 0;}
.review-item:hover {background-color: #FFF;}
.review-item:hover .title {font-weight: 700;}
.review-item:hover .text {color: #333;} 
/*end Rewiews page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Feature Comparison page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.chart-comparison-wrapper {padding: 0 7px 7px;}
.chart-comparison {width: 100%; border-spacing: 0; margin-top: 20px;}
.chart-comparison th:first-child,
.chart-comparison td:first-child {background: transparent; color: #878b8e; font-size: 12px; font-weight: 700; text-align: left; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.chart-comparison th {background-color: #fffbf4; padding: 13px 0; border: 1px solid #d3d3d3; border-bottom: 0;}
.chart-comparison td {padding: 7px; background-color: #fffbf4; text-align: center; border: 1px solid #d3d3d3;}
.chart-comparison td.section {background: #cfcfcf; text-align: center; font-weight: bold; font-size: 13px; color: #fff; padding: 0; border-top: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.chart-comparison td.section .decor {height: 30px; position: relative; line-height: 30px;}
.chart-comparison td.section .decor i {display: block; background: #cfcfcf; width: 10px; position: absolute; top: 0; bottom: 0;}
.chart-comparison td.section .decor i.l {left: -10px;}
.chart-comparison td.section .decor i.r {right: -10px;}
.chart-comparison td.section .decor i.l:after {display: block; content: ''; border-left:0; border-bottom: 0; border-top: 5px solid transparent; border-right: 10px solid #767676; position: absolute; left: 0; top: -5px; width: 0; height: 0;}
.chart-comparison td.section .decor i.r:after {display: block; content: ''; border-right:0; border-top: 0; border-bottom: 5px solid transparent; border-left: 10px solid #767676; position: absolute; left: 0; bottom: -5px; width: 0; height: 0;}
.chart-comparison .site-logo {margin: 0 auto; margin-bottom: 10px;}
.chart-comparison th .btn-link {color: #4db9e0; white-space: nowrap; padding: 9px 5px; min-width: 117px; margin-bottom: 2px;}
.chart-comparison .star-rating {margin: 0 auto;}
.chart-comparison tbody td {border-bottom: 1px solid #eee8dc; box-shadow: 0 1px 0 #fff;}
.chart-comparison .section-last-tr td {box-shadow: none;}
.chart-comparison .last-tr td {border-bottom: 1px solid #d3d3d3;}
.chart-comparison .last-tr td:first-child {border-bottom: 0;}
/* end Feature Comparison page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*Detailed page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*Sidebar*/
.sidebar {width: 222px; float: right;}
.top-five {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-collapse: separate; width: 100%; background-color: #fff;}
.top-five th {font-size: 13px; color:#fff; font-weight: bold; text-align: center; vertical-align: middle; height: 33px; line-height: 33px; text-transform: uppercase; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight: bold;
	background: #54bbe3;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwZTNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGJiZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #90e3ff 0%, #54bbe3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e3ff), color-stop(100%,#54bbe3));
	background: -webkit-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
	background: -o-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
	background: -ms-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
	background: linear-gradient(to bottom,  #90e3ff 0%,#54bbe3 100%);
	background-color: #54BBE3;
}
.top-five td {border: 1px solid #d3d3d3; border-top: 0; padding: 15px;}
.top-five tbody td:first-child {border-right: 0; padding-right: 0;}
.top-five tbody td:first-child + td {border-left: 0;}
.top-five .logo {text-align: center; vertical-align: middle;}
.top-five .action {font-size: 13px;}
.top-five .action a {display: inline-block; margin: 0 0 10px;}
.top-five .star-rating {margin: 5px 0 10px;}
.top-five .site-logo {width: 108px;}
/*end Sidebar*/


.container {float: left; width: 715px; background-color: #f3f1f1; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
/*Site Information on Top Page*/

/* Site Information*/
.site-review-info {}
.site-review-info .body {border: 1px solid #d3d3d3; border-radius: 5px; padding: 15px 0 0; background-color: #FFF;}

.site-review-info .site-logo-wrapper {width: 200px; float: left; margin: 0 15px;}
.site-review-info .site-logo-wrapper .logo {width: 100%;}
.site-review-info .site-logo-wrapper .logo td {text-align: center; vertical-align:middle; height: 98px;}
.site-review-info .site-info-top .ratings-based {font-size: 11px; color: #999;}


.site-review-info .site-info-top {font-size: 14px; float: left; width: 300px;; color: #333;}
.site-review-info .site-info-top .site-name {font-size: 24px; color: #333; text-decoration: none;}
.site-review-info .site-info-top .star-rating {margin: 5px 0;}
.site-review-info .site-info-top b {font-weight: bold;}
.site-review-info  .url-a {padding: 11px 0 10px;}
.site-review-info .site-info-top .url-a a {font-size: 14px; color: #4db9e0;}
.site-review-info .site-info-top .url-a a:hover {text-decoration: none;}
.site-review-info .site-info-top .members {padding-top:6px;}
.site-review-info .site-info-top .info-item {color: #999;}
.site-review-info .site-info-top .info-item b {color: #333; display: inline-block;}
.site-review-info .site-info-top .category {padding-top:7px;}
.site-review-info .site-info-top .category a {text-decoration:none; font-size: 14px;}
.site-review-info .site-info-top .category a:hover {text-decoration:underline;}
.site-review-info .buttons {float: right; width: 160px; margin-right: 15px;}
.site-review-info .buttons .btn {float: right; width: 90px; margin-bottom: 10px; font-weight: 400;}
/* Site Information end */
/*end Site Information on Top Page*/

/*Block with tabs*/
    /*TabNavigation*/
.tab-navigation {clear: both; margin: 15px 0 0 15px;}
.tab-navigation p.tab {border: 1px solid #ccc; border-bottom: none; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; text-align: center; float: left; margin-right: 11px; height: 33px; cursor: pointer; position: relative; bottom: -1px; background: #fff;}
.tab-navigation p.tab span {display: block; height: 33px; line-height: 33px; padding: 0 41px; color:#333; font-size:16px; background: #f8f7f7; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; position: relative; width: 250px;}
.tab-navigation p.tab a {color:#6dc3e4; font-size:16px; text-decoration: none;}

.tab-navigation p.tab:hover span {color:#d43738; background: #fff;}
.tab-navigation p.tab:hover a {color:#6dc3e4;}

.tab-navigation p.tab.active {cursor: default; border: 1px solid #ccc;}
.tab-navigation p.tab.active span {height: 34px; bottom:-1px; background: #fff; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; color:#d43738; border-top: 0; text-shadow: 1px 1px 0 #fff;}
.tab-navigation p.tab.active a {color:#999; cursor: default;}

.tab-navigation .navigation {float: right; padding: 14px 0 0;}
.navigation {}
.navigation a {color:#5966a3; font-size: 12px; font-weight: bold; display: inline-block; padding: 0 4px;}
.navigation a:hover {text-decoration:none;}
.navigation a:hover span {text-decoration: none;}
.navigation .prev, .navigation .next {text-decoration:none; font-size: 14px;}
.navigation .prev:hover, .navigation .next:hover{text-decoration: none; color:#04719a;}
.navigation .pagenumber {color:#5966a3; font-size: 12px; font-weight: bold; padding: 0 4px;}

.tab-content {background: none repeat scroll 0 0 #FFFFFF; border-top: 1px solid #CCCCCC; color: #333333; display: none; margin: 0 0 15px; padding: 25px 22px;}
.tab-content.active {display: block; overflow:hidden;}

/*end TabNaviagation*/

/* Tab Description */
.tab-content.description .content-item {position: relative; padding: 0 0 10px 95px; font-size: 14px; color: #333; line-height: 1.4em;}
.tab-content.description .title {position: absolute; top: 0; left: 0; font-size: 18px; color: #333; font-weight: 700;}
.tab-content.description p {padding: 0 0 15px;}
/*end Tab Description*/

/*Tab Comments*/
.tab-content.customer {}
.tab-content.customer .head {padding: 0 0 15px; border-bottom: 1px solid #d3d3d3;}
.tab-content.customer .head .amount {font-size: 14px; color: #333; font-weight: 700;}
.tab-content.customer .head .pages {font-size: 14px; color: #ccc;}
.tab-content.customer .comments {}

.comment-item {overflow: hidden; padding: 20px 0; border-top: 1px solid #d3d3d3;}
.comment-item:first-child {border-top: 0;}
.comment-item .col-1 {width: 375px; float: left;}
.comment-item .col-1 .comment-item-head {font-size: 14px; color: #333; padding: 0 0 20px;}
.comment-item .col-1 .comment-item-head .name {font-weight: 700;}
.comment-item .col-1 .comment-item-head .time {font-size: 11px; color: #ccc; font-size: italic; float: right; line-height: 14px;}
.comment-item .col-1 .text {font-size: 14px; color: #999; line-height: 1.5em;}
.comment-item .col-2 {float: right; width: 240px;}
.comment-item .comment-rating {padding: 15px; border: 2px solid #f8f7f7; border-radius: 3px; padding: 15px 20px 10px;}
.comment-item .comment-rating li {clear: both; padding: 0 0 5px; overflow: hidden;}
.comment-item .comment-rating span {font-size: 12px; color: #878b8e; font-weight: 700; display: block; float: left;}
.comment-item .comment-rating .star-rating {float: right;}
/*end Tab Comments*/
/*end Block with tabs*/
/*end Detailed page
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Popup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.b-popup-container {}

.b-popup-overlay {display: none; background: #000; opacity: 0.60; filter:alpha(opacity=60); position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000;}
.b-popup-overlay.active {display: block;}

.b-popup {display: none; position: fixed; top:50%; left: 50%; z-index: 1001; background-color: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0px 0px 5px #4a4a4b; -webkit-box-shadow: 0px 0px 5px #4a4a4b; box-shadow: 0px 0px 5px #4a4a4b;}
.b-popup.active {display: block;}
.b-popup .close {display: blokc; position: absolute; top:-10px; right: -10px; background: url('../images/main/sprite-main.png') no-repeat -6px -1245px; width: 27px; height: 27px;; cursor: pointer;}
.b-popup .popup-content {-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.b-popup .popup-title {font-size: 24px; color: #fff; padding: 20px 10px 19px; background-color: #46d7c6; position: relative; text-align: center; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.b-popup .popup-title:after {display: block; content: ''; position: absolute; left: 35px; bottom: -10px; border-top: 10px solid #46d7c6; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 0; width: 0; height: 0;}

.b-popup-rate {position: absolute; width: 400px; top: 100px; margin: 0 0 0 -200px;}
.b-popup-rate .ratings {padding: 20px 0 15px;}
.b-popup-rate .feature-list {width: 310px; margin: 0 auto;}
.b-popup-rate .feature-list li {clear: both; overflow: hidden; padding: 0 0 5px;}
.b-popup-rate .feature-list span {color: #878B8E; font-size: 18px; font-weight: 700; float: left;}
.b-popup-rate .feature-list .star-rating {float: right;}
.b-popup-rate .form {background-color: #fffbf4; border: 1px solid #d3d3d3; padding: 20px;}

.b-popup-rate .form .row {padding: 6px 0 0; overflow: hidden;}
.b-popup-rate .form .row label {float:left;font-size: 14px; width:96px; color: #878b8e; line-height: 1.6em; display: block;}
.b-popup-rate .form input.form-text {float:left;border: 1px solid #ccc;padding: 3px 3px 2px 4px; height: 17px;width: 200px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; font: 13px Arial; width: 217px;}
.b-popup-rate .form textarea.form-textarea {float:right;border: 1px solid #ccc;padding: 3px;width: 260px;height:105px;overflow:auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #fff;font-size: 13px; font: 15px Arial;}
.b-popup-rate .form.row span {color:#333; font-size:12px; float:left; line-height: 53px; resize: none;}
.b-popup-rate .form .row input[type="text"] {float: right;border: 1px solid #ccc;padding: 3px;width: 260px;overflow:auto;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background: #fff;font-size: 13px; font: 15px Arial; height: 19px;}
.b-popup-rate .form .row .wrapper-bt-sub {float: right; margin: 11px 29px;}
.b-popup-rate .form .row .sub{width: 163px;}
.b-popup-rate .form {color:#737373; padding: 9px 15px 15px;}
.b-popup-rate .form textarea.form-textarea.alert, .write-review input.alert[type="text"]{border: 1px solid #de3a3b;}
.b-popup-rate .form .btn-sub {float: right; height: 30px; padding: 2px 55px;}
.b-popup-rate .form .row-button {padding: 15px 0 0; overflow: hidden;}
.b-popup-rate .form .row-button .note {color: #878b8e; font: 700 italic 14px 'Roboto Condensed', sans-serif; display: inline-block; padding: 4px 0 0;}
.b-popup-rate .form .row-button .btn {font-weight: 400;}
/* Popup Write review end */ 
/*end Popup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Articles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.articles-list {}
.articles-list .title {padding: 0 0 14px !important;}
.articles-list .intro {font-size: 14px; font-weight: bold; padding: 0 0 10px;}
.articles-list .article-list-item {margin: 0 -8px 0 -5px; padding: 0 8px 0 5px;}
.articles-list .article-list-item:hover {background-color: #303030;}
.articles-list .article-list-item .title-article {padding: 20px 0 14px;}
.articles-list .article-list-item .title-article .title-link {color: #fff; text-shadow: 1px 1px 0 #000; font-size: 26px; text-decoration: none; font-weight: normal;}
.articles-list .article-list-item .text-article {font-size: 13px;line-height: 16px; padding: 0 0 20px;}
.articles-list .article-list-item .read-more {white-space: nowrap;}

.article-one {}
.article-one .title-article {color: #333; font-size: 24px;padding: 4px 0 23px;}
.article-one .text-article {font-size: 13px;line-height: 16px; padding: 0 0 10px;}
.article-one .text-article p {padding: 0 0 10px;}
.article-one .text-article h3,
.article-one .text-article .subtitle {font-weight: bold; font-size: 15px; padding: 0 0 10px; color: #333;}
.article-one .text-article ul {padding: 0 0 5px;}
.article-one .text-article ul li {padding: 0 0 5px; list-style: inside disc;}
.article-one .relative-links {}
.article-one .relative-links li {}
.article-one .relative-links li a {font-size: 15px; line-height: 30px;}
/* Articles end
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*Popup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.lsPopup {left: 50%; z-index: 10001;}
.lsPopup-fixed {position: fixed;}
.lsPopup-absolute {position: absolute;}
.lsPopupTheme-default {}

.lsPopup .lsPopup-loader {display: none; position: fixed; left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; width: 60px; height: 60px; z-index: 10002; background-image: url("../images/main/ls_progress_60x60_dark.gif");}
.lsPopup-loading .lsPopup-loader {display: block;}

.lsPopup-blocker {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.60; filter:alpha(opacity=60); z-index: 10000;}

.lsPopup-loadingOpened .lsPopup-popupContainer {}
.lsPopup-loadingOpened .lsPopup-wrapper {background-image: url("../images/main/ls_progress_60x60_dark.gif") !important; background-repeat: no-repeat; background-position: center center; }
.lsPopup-loadingOpened .lsPopup-content {display: none;}

.lsPopup .lsPopup-popupContainer {position: relative;}
.lsPopup .lsPopup-close {position: absolute; right: 0; top: 0; width: 24px; height: 24px; overflow: hidden; cursor: pointer; z-index: 10004; background: url("../images/main/close_bt.png") no-repeat;}
.lsPopup .lsPopup-wrapper {position: relative; z-index: 10003; }
.lsPopup .lsPopup-contentWrapper {overflow: hidden;}
.lsPopup .lsPopup-content {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-color: #fff; overflow: hidden;}

/* Popup Write review */
.write-review {}
.write-review .write-review-top .rating .star-rating {float: right;}
.write-review form {color: #737373;
    padding: 9px 15px 15px;
    background-color: #f9f4ea;
    border: 1px solid #cfc9c9;
}
.write-review .write-review-top {display: block;}
.write-review .write-review-top .write-review-header {border-top-left-radius: 5px; border-top-right-radius: 5px; color: #fff; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); font-size: 24px; padding: 20px 10px 19px; position: relative; text-align: center; 
background: #54bbe3;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkwZTNmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1NGJiZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #90e3ff 0%, #54bbe3 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#90e3ff), color-stop(100%,#54bbe3));
background: -webkit-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: -o-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: -ms-linear-gradient(top,  #90e3ff 0%,#54bbe3 100%);
background: linear-gradient(to bottom,  #90e3ff 0%,#54bbe3 100%);
background-color: #54BBE3;
}
.write-review .write-review-top .write-review-header:after {border-color: #4eb7e0 rgba(0, 0, 0, 0); border-style: solid solid none; border-width: 10px 10px 0; bottom: -10px; content: ""; display: block; height: 0; left: 35px; position: absolute; width: 0;}

.write-review .write-review-top .rating {padding: 20px 0 15px;}
.write-review .write-review-top .rating .feature_list {margin: 0 auto; width: 310px;}
.write-review .write-review-top .rating .feature-list {display: block}
.write-review .write-review-top .rating .feature {clear: both; overflow: hidden; padding: 0 0 8px;}
.write-review .write-review-top .rating span {color: #878B8E; float: left; font-size: 18px; font-weight: 700;}
.write-review .write-review-top .rating .ds-star-rating {float: right;}
.write-review .row {overflow: hidden; padding: 6px 0 0;}
.write-review .row label {color: #878B8E; display: block; float: left; font-size: 14px; line-height: 1.6em; width: 96px;}
.write-review textarea.form-textarea {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e6dece; border-radius: 3px; float: right; font: 15px Arial; height: 105px; overflow: auto; padding: 3px; width: 260px; resize: none; color: #878b8e;}
.write-review .row-button span {color: #878b8e; display: inline-block; font: italic 700 14px 'Roboto Condensed',sans-serif; padding: 8px 0 0;}
.write-review .row input[type="text"] {background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #e6dece; border-radius: 3px; float: right; font: 15px Arial; height: 19px; overflow: auto; padding: 3px; width: 260px; color: #878b8e;}
.write-review .row .wrapper-bt-sub {float: right; margin: 11px 29px;}
.write-review .row .sub{width: 163px;}
.writed-review {color:#737373; padding: 4px 18px 10px;}
.write-review textarea.form-textarea.alert, .write-review input.alert[type="text"]{border: 1px solid #de3a3b;}
.write-review .btn-sub {float: right; font-weight: 400; height: 35px; padding: 4px 55px; background: #4db9e0; border-color: #4db9e0;}
.write-review .row-button {overflow: hidden; padding: 15px 0 0;}
/* Popup Write review end */ 

.b-popup .popup-title {font-size: 24px; color: #fff; padding: 20px 10px 19px; background-color: #46d7c6; position: relative; text-align: center; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.b-popup .popup-title:after {display: block; content: ''; position: absolute; left: 35px; bottom: -10px; border-top: 10px solid #46d7c6; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 0; width: 0; height: 0;}
/*end Popup
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/