/**
* Theme Name: Customizr
* Theme URI: http://presscustomizr.com/customizr
* Description: Customizr is a versatile and easy to customize WordPress theme, instantly giving a professional look to your online presence. Designed with visitor engagement in mind, it allows anyone to create a beautiful, fast and mobile friendly website compatible with all browsers and devices. Customizr works fine with major WordPress plugins like WooCommerce, bbPress, JetPack and many others. Top rated by hundreds and with a very active community of users and developers, the Customizr theme is a safe and reliable design option to publish your WordPress content.
* Version: 3.5.9
* Author: nikeo
* Author URI: http://presscustomizr.com/
* Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, buddypress, custom-menu, custom-colors, featured-images, full-width-template, theme-options, threaded-comments, translation-ready, sticky-post, post-formats, rtl-language-support, editor-style
* Text Domain: customizr
* Copyright: (c) 2013 - 2017 Nicolas GUILLAUME (nikeo), Nice, France
* License: GNU General Public License v2.0 or later
* License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/**
* The styleheets of Customizr are located in inc/assets/css. Each skin has its own stylesheet : blue.css, green.css, ...
* The current stylesheet is loaded after the main skin stylesheet.
*
* IMPORTANT : If you write your CSS code below, it will be deleted when you'll update the theme.
* If you want to make quick style test / changes, consider using the Custom CSS section in appearance > customize > advanced options > Custom CSS, it will persist on update since it is saved in your database.
* To make important CSS customizations, you'll want to use a child theme and add your css code in the style.css file of it.
*/



.navbar .nav {
	margin: 10px 10px 0 0;
}

.datagrid table {
	border-collapse: collapse;
	text-align: center;
	border: 5px solid rgba(90, 90, 90, .5);
}

.datagrid {
	background: url("../../uploads/2017/03/shutterstock_275161592.jpg") no-repeat;
	background-size: 100%;
	padding: 52px 160px;
	background-position-y: 100%;
}

.datagrid table thead th {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B8E6E2', endColorstr='#EBEBA7');
	color: #5a5a5a;
	font-size: 26px;
	border: 2px solid #9e9383;
	text-align: center;
}

.datagrid table thead th:first-child {
	border: none;
}

.datagrid table tbody td {
	border: 2px solid #9e9383;
	padding: 11px;
}

/*
.datagrid table tbody td:first-child { 
	border-left: none; 
}
.datagrid table tbody tr:last-child td { 
	border-bottom: none; 
}
*/
.stars img {
	width: 24px;
}

.stars {
	background: url(../../uploads/2016/09/transp-star.png);
	width: 119px;
	height: 24px;
	margin-left: 5px;
}

.stars div {
	background: url(../../uploads/2016/09/full-star.png);
	width: 100%;
	height: 100%;
}

.rating div {
	display: inline-block;
	font-size: 21px;
	line-height: 21px;
}

.datagrid a {
	text-decoration: none;
	font-weight: bold;
	text-align: center;
}

.recommended {
	background-color: #98de9866;
    border-width: 1px 1px 3px 3px;
    color: darkgreen;
	border-style: dashed dashed solid solid;
	margin-bottom: 10px;
	border-color: #bbbbbb85 #bbbbbb85 #0064004f #0064004f;
}

.becareful {
	background-color: #ffb67866;
    border-width: 1px 1px 3px 3px;
    color: #ce8114;
	border-style: dashed dashed solid solid;
	margin-bottom: 10px;
	border-color: #bbbbbb85 #bbbbbb85 #ce8114 #ce8114;
}

.comment-date {
	display:none;
}

.sample a,
.review {
	color: #3c8596;
}

.datagrid .site:hover {
	color: #e2d773;
}

.review {
	font-size: 22px;
}

.review:hover {
	opacity: 0.5;
}

.datagrid .site {
	font-size: 23px;
	color: #7f67af;
	margin: 0 20px;
}

.website {
	background-color: #e46c6c;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	width: 120px;
	padding: 5px 0px;
	text-decoration: none;
	text-transform: uppercase;
	margin-top: 5px;
	text-align: center;
}

.website:hover {
	background: #e49696;
	transform: scale(1.03);
	-moz-transform: scale(1.03);
	-webkit-transform: scale(1.03);
	transition: ease 0.05s;
	-moz-transition: ease 0.05s;
	-webkit-transition: ease 0.05s;
}

.rank {
	background: url(../../uploads/2016/12/medal-2.png) no-repeat;
	width: 64px;
	height: 64px;
	margin-top: -15px;
}

.number {
	font-size: 26px;
	display: block;
	color: #bb3939;
	font-weight: bold;
	text-align: center;
}

.sample {
	margin: 5px auto 0;
	width: 195px;
	padding: 5px 0;
	border-radius: 60px;
	-moz-border-radius: 60px;
	-webkit-border-radius: 605px;
	background: #dedeff;
	text-align: center;
}

.sample:before {
	content: '';
	border: 8px solid transparent;
	border-bottom: 10px solid #dedeff;
	position: relative;
	top: -42px;
	left: 110px;
}

.sample a {
	font-size: 17px;
	font-style: italic;
}

.sample a:hover {
	text-decoration: underline;
}

.rate {
	text-align: left;
}

.about {
	width: 90px;
	margin-right: -2px;
}

td, th {
	background-color: rgba(255, 255, 255, 0.4) !important;
}

.order-now {
	width: 160px;
	padding: 11px 0;
	display: block;
	margin: 10px auto -5px;
}

.fp-one .widget-front .fp-button {
	margin-top: 22px !important;
}

.fp-three h2 {
	margin-bottom: 50px;
}

.title-front {
	text-align: center;
	font-size: 42px;
	padding: 10px 0 20px;
}

header .brand > div {
	font-size: 40px;
	line-height: 48px;
	margin: 11px 0;
	text-shadow: 0 1px 0 #fff;
}

@media screen and (max-width: 1179px) and (min-width: 1020px) {
	.datagrid {
		padding: 0 160px;
		background-position-y: 0;
	}
}

@media screen and (max-width: 1019px) {
	.datagrid {
		padding: 0;
	}
}

@media screen and (max-width: 859px) {
	.datagrid {
		background-size: initial;
	}
}

@media screen and (max-width: 859px) {
	.datagrid {
		background-size: initial;
	}
}

@media screen and (max-width: 759px) {
	.sample a {
		font-size: 12px;
	}

	.sample {
		width: 145px;
	}

	.datagrid .site {
		font-size: 14px;
		margin: 0 5px;
	}

	.sample::before {
		top: -39px;
		left: 78px;
	}

	.rating div {
		font-size: 16px;
	}

	.number {
		font-size: 21px;
		padding-top: 5px;
	}

	.review {
		font-size: 18px;
	}

	.website {
		font-size: 13px;
		width: 90px;
		padding: 0px;
	}

	.datagrid table thead th {
		font-size: 19px;
	}

	.title-front {
		font-size: 32px;
		line-height: 1.2em;
		padding: 10px 0 10px;
	}
}

@media screen and (max-width: 559px) {
	.mob,
	.rating {
		display: none;
	}

	.datagrid table tbody td {
		padding: 10px 0;
	}
}

@media screen and (max-width: 380px) {
	.mob-rank {
		display: none;
	}
}

.foot_links a {
	font-size: 15px;
}