/*

Theme Name: Top-Bit MotorRacer

Theme URI: http://top-bit.ru/

Author: Top-Bit

Author URI: http://top-bit.ru/

Description: 

Version: 2.4.2

License: 

Theme date: 03/01/2016

License URI: 

Tags: black, green, dark, fixed-width, featured-images, custom-menu, translation-ready, threaded-comments, theme-options

*/





/*	-==========================- GENERAL -==========================-  */

/*------------------------------ PAGE ------------------------------*/

@import url(css/font.css);



html {

	background:#fff;

}

body {

	font-family: 'montserratlight';

}

.feedback .input input, 

.feedback textarea, 

body { 

	color:#828282;

	font-size:14px;

}

a {

	color:#000;

	text-decoration:none;

}

a:hover {

	color:#ed400e;

}

h2.entry-title a, h1.entry-title {

	color:#000;

	text-transform:uppercase;

	font-size:40px;

	font-family: 'bebas_neue_regularregular';

}

h2.entry-title a:hover{

	color:#ed400e;

	text-decoration:none;

}



p {

    line-height: 27px;

}





/*------------------------------ HEADER ------------------------------*/

#header {

	background:#262626;

}

#header .container{

	position:relative;

	text-align: center;

}

#logo {

}

#logo img {

	vertical-align:bottom; 

}



/* ---------- SEARCH ---------- */



#s {

	border: none;

	float:left;

	height: 35px;

	padding: 0px 5px;

	color: #464646;

	font-size:12px;

	font-weight: bold;

	line-height: 35px;

	width: 70%;

}

#searchsubmit {

	display:none;

}

.headersearch #s {

	background: #262626;

	width:auto;

}

.searchtxt {

	padding:0;

}

.searchform {

	height: 35px;

	background:none;

	margin:0;

	border:5px solid #3a3a3a;

}

.headersearch {

	margin: 6px 0;

	padding: 7px 0;

	position:relative;

}

.headersearch .searchform {

	display:none;

	position:absolute;

	top: 4px;

	right: 130%;

	z-index:99999;

	padding: 0;

	height:auto;

}

.headersearch .searchform::after {

	content:"";

	position:absolute;

	right: -10px;

	top: 13px;

	width:5px;

	height:8px;

	background:url(images/s.png) left center no-repeat;

}

.search-trigger, .searchbtn {

	background:url(images/search.png) center no-repeat;

	width: 37px;

	height:37px;

	cursor:pointer;

	float:right;

}

.searchbtn {

	width: 50px;

}

.search-trigger:hover, .searchbtn:hover {

	background:url(images/search-hover.png) center no-repeat;

}

.search-trigger.active, .searchbtn:active {

	background:url(images/search-active.png) center no-repeat;

}



/* ---------- MENUS ---------- */

#top-menu-container {

	float: left;

	padding: 20px 0;

	position:relative;

	z-index:999999;

}

#top-menu {

	background: #353535 none repeat scroll 0 0;

	position: absolute;

	left: 29px;

	top: 36px;

	box-shadow: 0 0 3px rgba( 0,0,0,0.5 );

	z-index: 99999999;

	min-width:240px;

	display:none;

}

#top-menu > div > ul {

	background:url(images/menu-ul.png) bottom center no-repeat;

}

#top-menu > div > ul::after {

	position:absolute;

	content:"";

	width:100%;

	height:100%;

	left:0;

	top:0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#373737+0,373737+38,373737+64,000000+100&1+0,1+38,0.65+64,0.4+83,0+100 */

background: -moz-linear-gradient(top,  rgba(55,55,55,1) 0%, rgba(55,55,55,1) 38%, rgba(55,55,55,0.65) 64%, rgba(26,26,26,0.4) 83%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(55,55,55,1)), color-stop(38%,rgba(55,55,55,1)), color-stop(64%,rgba(55,55,55,0.65)), color-stop(83%,rgba(26,26,26,0.4)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(55,55,55,1) 38%,rgba(55,55,55,0.65) 64%,rgba(26,26,26,0.4) 83%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(55,55,55,1) 38%,rgba(55,55,55,0.65) 64%,rgba(26,26,26,0.4) 83%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(55,55,55,1) 0%,rgba(55,55,55,1) 38%,rgba(55,55,55,0.65) 64%,rgba(26,26,26,0.4) 83%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(55,55,55,1) 0%,rgba(55,55,55,1) 38%,rgba(55,55,55,0.65) 64%,rgba(26,26,26,0.4) 83%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#373737', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */



	

	opacity:0.99;

	z-index:1;

}

#top-menu > div > ul > li {

	float:none !important;	

	text-align:center;

	z-index:2;

}

#header #top-menu .menus ul {

	left:100%;

	top:0;

	padding:0;

	box-shadow: 0 0 3px rgba( 0,0,0,0.5 );

}

#top-menu > div > ul > li > a {

	padding:15px 15px;

	color:#d5d5d5;

	text-transform:uppercase;

}

#top-menu > div > ul > li:hover > a {

	color:#262626;

	background:#ececec;

}

#main-menu {

	display: inline-block;

}

#main-menu > div > ul > li > a {

	padding: 21px 15px;

	color:#d0d0d0;

	text-transform:uppercase;

	font-family: 'montserratregular';

}

#main-menu > div > ul > li:hover > a {

	color:#fff;

}

#main-menu .menus ul {

	padding-top:2px;

}

#header .menus ul li {

	background:#363232;

}

#header .menus ul li:hover {

	background:#3e3b3b;

}

#header .menus ul li a {

	color:#d5d5d5;

	text-transform:uppercase;

	line-height: 35px;

}

#header .menus ul li:hover > a{

	color:#fff;

}



/*------------------------------ SLIDER ------------------------------*/

	.slider-container {

		max-width:100%;

	}

	.slider {

		position:relative;

		width:100%;

	}

	.slider-bgr {

		position:absolute;

		width:100%;

		height:100%;

		background:url(images/fp-back.png);

	}

	.fp-prev {

		left:8px;

		height:48px;

		width:48px;

		

	}

	.fp-next {

		right:8px;

		height:48px;

		width:48px;

		

	}	

	.fp-content-wrap {

		margin:0 auto;

		height:100%;

		width:1000px;

		max-width:100%;

		left:0;

		right:0;

		top:0;

		position: absolute;

	}

	.fp-content {

		width:85%;

		text-align:center;

		left:0 !important;

		right:0 !important;

		bottom: 23% !important;

		height: auto !important;

		margin:0 auto;

	}

	.fp-title {

		font-family: 'montserratbold';

		color:#fff;

		font-size: 5.5em;

		line-height: 1em;

		padding-bottom: 4%;

	}

	.fp-desc {

		color:#dedede;

		line-height:1.1em;

		font-size: 1.5em;

	}

	.fp-prev-next-wrap {

		margin:0 0px;

	}

	.fp-nav {

		bottom:10%;

	}

	.fp-pager a {

		width:17px;

		height:17px;

	}

	a.fp-more {

		text-transform:uppercase;

		font-size: 1.3em;

		background:#fff;

		color:#000;

		position:relative;

		border:2px solid transparent;

		padding: 2% 6%;

		display: inline-block;

		font-family: 'Oswald';

		margin-top: 10%;

	}

	a.fp-more::after {

		content:'';

		position:absolute;

		left:0;

		top:0;

		width:100%;

		height:100%;

		padding: 4px;

		margin: -5px 0 0 -5px;

		border:1px solid #fff;

	}

	a.fp-more:hover {

		background:#e6e6e6;

		color:#000;

	}

	a.fp-more:active {

		background:#ed400e;

		color:#fff;

	}

	a.fp-more:active::after {

		border:1px solid #ed400e;

	}

	





/*------------------------------ CONTENT ------------------------------*/

#content {

	padding:80px 0;

}

#commentform #submit, input.readmore, a.readmore {

	background: none;

	color:#828282;

	font-size:16px;

	font-family: 'montserratblack';

	text-transform:uppercase;

	border:none;

}

a.readmore {

	padding:15px 15px;

	background: url(images/more.png) 58.8% 50% no-repeat;

	display: block;

	float: none;

	margin-top:10px

}

#commentform #submit:hover, input.readmore:hover, a.readmore:hover {

	background:none;

	color:#828282;

	text-decoration:none;

}

a.readmore:hover {

	padding:15px;

	background:url(images/more.png) 59% 50% no-repeat;

}

a.readmore:active {

	padding:15px 19px;

	background:url(images/more-active.png) 59% 50% no-repeat;

}

.post-author, .post-comments {

	bottom: -28px;

	display: inline-block;

	position: relative;

	background: url(images/author.png) 10px 7px no-repeat;

	background-color: #ed400e;

	padding: 5px 18px 5px 32px;

}

.post-comments {

	bottom: 32px;

	background: url(images/comments.png) 12px 7px no-repeat;

	background-color: #ed400e;

}

.entry-meta > span {

	color:#828282;

	font-size:12px;

	margin-right: 10px;

}

.entry-meta {

	margin: 15px 0;

    text-align: center;

    position: relative;

    z-index: 1;

}

.entry-meta a {

	color:#828282;	

	font-style:italic;

}

.entry-meta .date {

	font-style:italic;

}

.entry-meta a:hover {

	color:#575757;

	text-decoration:underline;

}

.post-content {

	padding:15px;

	border:1px solid #ccc;

}

.fimage {

	position:relative;

	text-align: center;

	margin: -24px 0 -30px;

}

.fimage a {

	color:#fff;

	font-size:13px;

	font-family:'montserratregular';

} 

.fimage a:hover {

	color:#fff;

	text-decoration:underline;

} 

.featured_image{

	border: 2px solid #ed400e;

	border-width: 2px 0 2px;

	width:100%;

}

.tags {

	padding: 15px 0;

}

.googlemap {

	padding:0;

	border:none;

}

.widget_posts ul li img,.widget_flickr a {

	border:none;

	padding:0;

}

.pagination{

	margin:10px 0;

}

.pagination.classic {

	padding-top:30px;

	text-align:right;

}

.page-numbers {

	display: block;

	float: left;

	min-width: 45px;

	height: 37px;

	text-align: center;

	padding: 10px 0 0;

	margin-right: 3px;

	font-size:16px;

	line-height:30px;

	font-family: 'montserratextra_bold';

}

a.page-numbers,

body.woocommerce #main_content nav.woocommerce-pagination ul li a,

body.woocommerce-page #main_content nav.woocommerce-pagination ul li a,

body.woocommerce #content #main_content nav.woocommerce-pagination ul li a,

body.woocommerce-page #content #main_content nav.woocommerce-pagination ul li a,

body.woocommerce #main_content nav.woocommerce-pagination ul li span,

body.woocommerce-page #main_content nav.woocommerce-pagination ul li span,

body.woocommerce #content #main_content nav.woocommerce-pagination ul li span,

body.woocommerce-page #content #main_content nav.woocommerce-pagination ul li span {

	background: none;

	color:#b6b6b6;

	text-decoration:none;

}

.woocommerce #content #main_content nav.woocommerce-pagination ul li, 

.woocommerce #main_content nav.woocommerce-pagination ul li, 

.woocommerce-page #content #main_content nav.woocommerce-pagination ul li, 

.woocommerce-page #main_content nav.woocommerce-pagination ul li   { 

	margin-right:3px;

} 

span.page-numbers.dots {

	background:none;

	color: #B6B6B6;

}

a.page-numbers:hover, 

span.page-numbers,

body.woocommerce #main_content nav.woocommerce-pagination ul li span.current,

body.woocommerce-page #main_content nav.woocommerce-pagination ul li span.current,

body.woocommerce #content #main_content nav.woocommerce-pagination ul li span.current,

body.woocommerce-page #content #main_content nav.woocommerce-pagination ul li span.current,

body.woocommerce #main_content nav.woocommerce-pagination ul li a:hover,

body.woocommerce-page #main_content nav.woocommerce-pagination ul li a:hover,

body.woocommerce #content #main_content nav.woocommerce-pagination ul li a:hover,

body.woocommerce-page #content #main_content nav.woocommerce-pagination ul li a:hover,

body.woocommerce #main_content nav.woocommerce-pagination ul li a:focus,

body.woocommerce-page #main_content nav.woocommerce-pagination ul li a:focus,

body.woocommerce #content #main_content nav.woocommerce-pagination ul li a:focus,

body.woocommerce-page #content #main_content nav.woocommerce-pagination ul li a:focus {

	background: #ed400e;

	color:#fff;

	font-size:24px;

}

 



/*------------------------------ FOOTER ------------------------------*/

#footer  {

	background-color:#1b1b1b;

	color:#828282;

}



#footer a{

	font-family:'montserratregular';

	color:#fff;

}

#footer a:hover {

	color:#ed400e;

}



#footer .caption {

	text-align:center;

}

#footer h3{

	font-family: 'Oswald';

	font-size:20px;

	text-transform:uppercase;

	color:#fff;

	display:inline-block;

	background:#ed400e;

	padding:0 5px;

}



#footer .container {	

	background:url(images/footer.png) top center no-repeat;

}



#footer .footer_txt {

	background:#383838;

	color:#fff;

	font-size:12px;

	text-align:center;

}

#footer .footer_txt .container {

}

.footer-widgets {

}

/*------------------------------ WIDGETS AND SLIDER ------------------------------*/

.content-r .sidebar.right, .content-lr .sidebar.right, .content-r2 .sidebar.left, .content-r2 .sidebar.right {

	margin-left:25px;

}

.content-l .sidebar.left, .content-lr .sidebar.left, .content-l2 .sidebar.left, .content-l2 .sidebar.right{

	margin-right:25px;

}

#content .caption {

	text-align:center;

	border-bottom:1px solid #ed400e;

	margin-bottom:15px;

}

#content .widget .caption h3 {

	 padding:0 5px;

	 margin:0;

	 font-family: 'Oswald';

	font-size:20px;

	text-transform:uppercase;

	color:#fff;

	display:inline-block;

	background:#ed400e;

}

.widget ul li {

	border:none;

}

#content .widget a{

	font-family:'montserratregular';

	color:#000;

}

#content .widget a:hover {

	color:#ed400e;

}

.widget_comments .avatar {

	float:none;

	display:inline-block;

}

.widget_comments, .widget_posts, .widget_flickr {

	text-align:center;

}

.widget_posts .date {

	float:right;

	color:#ed400e;

	font-style:italic;

	font-size:12px;

}

#content .widget_comments li,#content .widget_posts ul li  {

	background:url(images/delimiter.png) bottom center no-repeat;

}

.widget_comments .avatar img, .widget_posts ul li img, .widget_flickr a {

	border:5px solid #ebebeb;

	background:none;

	border-radius:150px;

}

#footer .widget_comments .avatar img {

	border:5px solid #333;

}

.widget_posts ul li img, .widget_flickr a {

	border:none;

	float: none;

}

.widget_categories ul li:hover, .widget_archive ul li:hover, .widget_nav_menu ul li:hover {

	background:#ffeee9;

}

.widget_categories ul li a, .widget_archive ul li a, .widget_nav_menu ul li a {

	color:#828282 !important;

	padding:15px 10px;

	font-family: 'montserratlight' !important;

}

.widget_categories ul li:before, .widget_archive ul li:before, .widget_nav_menu ul li:before {

	content:none;

}

.widget_comments .comment:before, .widget_comments .comment:after, .widget_comments .comment {

	content:none;

	font-style:normal;

}

.widget_posts .day{}

.widget_posts .date{}

.tabs_captions .tabscaption{

	color:#828282;

	font-size:20px;

	text-transform:uppercase;

	text-align:center;

	border-bottom:2px solid #ed400e;

	font-family:'Oswald';

	padding:7px 12px 5px;

}

.tabs_captions {

	padding:0;

}

.tabs_captions .tabscaption.active, .tabs_captions .tabscaption:hover{

	background:#ed400e;

	color:#fff;

	padding:7px 12px 5px;

	border-bottom:2px solid #ed400e;

}

	

/*	-==========================- DESKTOP -==========================-  */

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

	#content .container {

	}

	.menusearch {

		width:260px;

	}

	#top-menu-trigger {

		background:url(images/menu.png) center no-repeat;

		width:20px;

		height:20px;

		cursor:pointer;

	}	

	#top-menu-trigger:hover {

		background:url(images/menu-hover.png) center no-repeat;

	}

	#top-menu-trigger.active {

		background:url(images/menu-active.png) center no-repeat;

	}

	/*------------------------------ MENU ------------------------------*/

	

	#header-block {

		position:relative;

	}

	

	/*------------------------------ FOOTER ------------------------------*/

	#footer .footer_txt  {

		margin:0 auto;

		padding-left:0;

		padding:20px 0;

	}

	

	#footer .footer_txt .container { padding-left:20px; }



}

@media only screen and (max-width:1280px) and (min-width:1024px) {	

	.fp-content {

		bottom:20% !important;

	}

	.fp-nav {

		bottom:5% !important;

	}

	a.fp-more {

		margin-top:6%;

	}

}



/* WooCommerce */

.woocommerce #main_content a.button.alt, 

.woocommerce-page #main_content a.button.alt, 

.woocommerce #main_content button.button.alt, 

.woocommerce-page #main_content button.button.alt, 

.woocommerce #main_content input.button.alt, 

.woocommerce-page #main_content input.button.alt, 

.woocommerce #main_content #respond input#submit.alt, 

.woocommerce-page #main_content #respond input#submit.alt, 

.woocommerce #main_content #content input.button.alt, 

.woocommerce-page #main_content #content input.button.alt,

.woocommerce-page #main_content #content .products li a.button {

}

.woocommerce #main_content a.button.alt:hover, 

.woocommerce-page #main_content a.button.alt:hover, 

.woocommerce #main_content button.button.alt:hover, 

.woocommerce-page #main_content button.button.alt:hover, 

.woocommerce #main_content input.button.alt:hover, 

.woocommerce-page #main_content input.button.alt:hover, 

.woocommerce #main_content #respond input#submit.alt:hover, 

.woocommerce-page #main_content #respond input#submit.alt:hover, 

.woocommerce #main_content #content input.button.alt:hover, 

.woocommerce-page #main_content #content input.button.alt:hover,

.woocommerce-page #main_content #content .products li a.button:hover  {

}

.sidebar .widget.woocommerce.widget_product_search #s {    

}

.sidebar .widget.woocommerce.widget_product_search #searchsubmit {

}

.sidebar .widget.woocommerce.widget_product_search #searchsubmit:hover { 

}

.sidebar .widget.woocommerce.widget_product_search { 

}

.woocommerce #main_content table.shop_table, .woocommerce-page #main_content table.shop_table {

}

.woocommerce .sidebar .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { 

}

.woocommerce .sidebar .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { 

}

.woocommerce #main_content ul.products li.product h3, .woocommerce-page #main_content  ul.products li.product h3  { 

}

.woocommerce-page #main_content > #container > #content { 

}

/*	-==========================- TABLET -==========================-  */

@media only screen and (min-width:640px) and (max-width:1023px) {

	#header {

	}

	#logo {

		float:left;

	}

	#header-banner {

		margin-top:25px;

		float:right;

	}

	.fp-content {

		bottom: 5% !important;

	}

	.fp-title {

		font-size:3.5em;

		line-height: 1em;

		padding-bottom: 2%;

	}

	.desc {

		font-size:1em;

	}

	a.fp-more {

		margin-top:5%;

	}

	a.readmore {

		background: url(images/more.png) 62.8% 50% no-repeat;

	}

	a.readmore:hover {

		background: url(images/more.png) 63.5% 50% no-repeat;

	}

	a.readmore:active {

		background: url(images/more-active.png) 63.5% 50% no-repeat;

	}

	.headersearch {

		float: right !important;

		position:relative;

	}

	.headersearch .searchform {

		display: none;

		position: absolute;

		top: 0;

		right: 100%;

		z-index: 99999;

		padding: 0;

		height: auto;

	}

	/*------------------------------ MENU ------------------------------*/

	

}



/*	-==========================- MOBILE -==========================-  */

@media only screen and (min-width:240px) and (max-width:639px) {

	.menusearch {padding:13px 0;margin-top:28px;}

	#header {

	

	}

	#logo {

		margin-top:5px;

		float: none;

	}

	.headersearch {

		float: right !important;

		position:relative;

	}

	.headersearch .searchform {

		display: block;

		position: relative;

		top: 0;

		left: 0;

		width: 98%;

		z-index: 99999;

		padding: 0;

		height: auto;

	}	

	#searchsubmit {

		display:block;

		float:right;

		width: 34px;

	}

	.search-trigger {

		display:none;

	}

	.headersearch .searchform::after {

		background:none;

	}

	a.readmore {

		background: url(images/more.png) 70.8% 50% no-repeat;

	}

	a.readmore:hover {

		background: url(images/more.png) 71.5% 50% no-repeat;

	}

	a.readmore:active {

		background: url(images/more-active.png) 71.5% 50% no-repeat;

	}

	.fp-content-wrap {

		display: none;

	}	

	.footer-widgets .widgetf:first-child {

		border:none;

	}

	

	#footer {

		width:100%;

	}

	.widgetf {

		border-top:1px solid #d3d3d3;

	}

	.articles .post-date {

		float:none;

	}

	.articles dt p img {

		display:none;

	}

	.fp-nav {

		bottom:-18px;

	}

	.slider-container {

		padding-bottom:20px;

	}

	#s {

		width:70%;

	}

}