@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Lato:300,700);
/*
Theme Name: Tomoko
Theme URI: 
Author: Nova8media, www.nova8media.com
Description: Tomoko custom theme with only those features that needed
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: html5,limited,fixed sides,one columns,two columns,widgets,menu,submenu, custom settings,search
@author:Coded  - nova8media.com
*/
/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* emember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
    min-width: 980px;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*******************************************************************************
 * S E R V I C E    S T Y L E S
 */


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }
/* end clearfix */

.fl_rt {float:right;}
.fl_lt {float:left;}
.txt_ctr{text-align:center;}
.txt_rght{text-align:right;}
.no-margin{margin:0 !important;}
.clear{clear:both;}
.ovrfix{overflow:hidden;}
.hdtxt {text-indent:-3000em;}
strong,.b {font-weight:bold;}
sup {font-size:0.4em;}
em,.i{font-style:italic;}
.hidden {display: none;}
.no-top-margin {margin-top: 0 !important;}

.current-no-link,.current-no-link > a{
	cursor: default !important;
}

/*******************************************************************************
 *L A Y O U T S 
 */
body, html { height: 100%;}
a, a:visited { color: #CCC;
	-webkit-transition: color 0.3s linear;
	-moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
}
a:hover { color : #d5a60a; }
hr{ display: block; height: 1px; background: url(img/hr_wide.png) no-repeat center center; border: none; margin: 20px 0;}

body{
	background: #292929;
	color: #FFF;
	font:300 14px/1.8em 'Lato', sans-serif;
}
	header, #page, footer{ position: relative; }
	#page{
		width: 980px; margin:  0 auto;
	}
	header.main { padding-top: 1px; padding-bottom:  1px; background: url(img/hr_wide.png) no-repeat center bottom; }

	#logo{
		text-align: center;
		padding-top: 15px;
	}
		#logo a span{
			display: none;
		}
	nav#main { min-height: 49px; padding-bottom:1px; background: url(img/hr.png) no-repeat center bottom; margin-bottom: 3px; }

	#b {
		width: 980px;
		height: 507px;
	}
	#content {
		min-height: 535px;
		padding: 20px 30px;
	}
	#top_menu {
		position: absolute;
		top: 20px; /* 10px - 20px */
		right: 20px;
	}
    footer.main #top_menu {display:none;}
#sidebar{
	width:400px;
	font-size: 13px;
	line-height: 1.3em;
}
	.rcol img { display: block; margin:  0 auto; border: 1px solid #ccc;}
#sidebar.left { float:  left;}
#sidebar + .lcol { float:  left; width: 485px;}
#sidebar.left { float: left; }
#sidebar.right { float: right; }

	footer.main {
		margin-top: 4px;
		background: url(img/hr.png) no-repeat center 0;
		color: #999999;
		padding-top: 2px;
		position:  relative;
		z-index: 999;
	}
		#cprght{
			font-size:12px;
			line-height: 1em;
			text-transform: uppercase;
			text-align: center;
			padding:  15px 0;
		}
/*** layout helpers ***/


/*******************************************************************************
 * P A G E S
 */
#content .entry-content{
	font-size: 14px;
}

/** category **/
.wp-category  .post-thumb,.wp-post  .post-thumb{
	margin:0 0 20px 30px;
}
.entry-meta{

    margin: 15px 0;
    padding: 5px 10px;
}
.wp-category .entry-meta{
	background: none repeat scroll 0 0 #AAA;	
}
.wp-category  article{
	margin: 30px 0;	
}

.wp-category  .post-thumb img{
	border: 1px solid #DDD;
}

/** post **/

.wp-post section.lcol{
	padding-top: 0;
}
.entry-content p,.entry-summary p{
	margin: 15px 0;
	/*text-align: justify;*/
}
.entry-content ul{
	list-style: disc;
}
.entry-content ol{
	list-style: decimal;
}
.entry-content ul,.entry-content ol{
	list-style-position: outside;
	padding-left: 1em;
	margin: 15px 0;
}
.entry-content ul ul,.entry-content ol ol{
	margin: 0 auto;
}
.entry-content .post-thumb{
	margin: 0  0 20px 20px;
}

/*******************************************************************************
 * H E A D E R S
 */

h1,h2,h3,h4,h5,h1 a, h2 a, h3 a, h4 a,h5 a,h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited,h5 a:visited,.header{
	color: #EEE ;
	font-family:'Lato',Arial, sans-serif;
	font-weight: 300;
	line-height: 1em;
	text-decoration: none;
	text-transform: uppercase;
}
h1 { font-size: 48px; }
h2, h2 a{
	font-size: 32px;
}
h3{
	font-size: 24px;
}
h4,.header{
	font-size: 16px;
}

h1.entry-title{
	font-size: 22px;
	margin-bottom: 25px;
	text-align:center;
}
h2.entry-title ,h2.entry-title a{
	font-size: 20px;
}


/*******************************************************************************
 * M E N U S
 */
.nav-menu {line-height: 40px; text-align: center;}
.nav-menu li {
	display: inline-block;
	//display: inline;
	//zoom: 1; 
	vertical-align: middle;
	margin: 0 10px;
}
.nav-menu li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 13px;
}
.nav-menu li a , .nav-menu li a:visited { color: #FFF; }
.nav-menu li a:hover,.nav-menu li.current-menu-item a ,#top_menu .nav-menu li a:hover{ color: #d5a60a; }
.nav-menu li:hover > .sub-menu,li.current-menu-item > .sub-menu { display: block;}
#top_menu .nav-menu li a {
	font-size: 10px;
	color: #999999;
}
#top_menu .nav-menu li { margin: 0 5px;}
#top_menu .nav-menu li:nth-child(1) a{
    text-indent: -9999px;
    float: left;
    width:26px;
    height:26px;
    background: url(img/icons/icon2.png) no-repeat scroll center center transparent;
}
#top_menu .nav-menu li:nth-child(1) a:hover {
    background: url(img/icons/icon2-m1.png) no-repeat scroll center center transparent;
}
#top_menu .nav-menu li:nth-child(2) a{
    text-indent: -9999px;
    float: left;
    width:26px;
    height:26px;
    background: url(img/icons/icon3.png) no-repeat scroll center center transparent;
}
#top_menu .nav-menu li:nth-child(2) a:hover {
    background: url(img/icons/icon3-m.png) no-repeat scroll center center transparent;
}
#top_menu .nav-menu li:nth-child(3) a{
    text-indent: -9999px;
    float: left;
    width:26px;
    height:26px;
    background: url(img/icons/icon4.png) no-repeat scroll center center transparent;
}
#top_menu .nav-menu li:nth-child(3) a:hover{
    background: url(img/icons/icon4-m.png) no-repeat scroll center center transparent;
}
/*******************************************************************************
 * W I D G E T S
 */

.rcol aside.widget + aside{
	margin-top: 30px;
}

/* Column Layouts */
.one_half, .one_third, .two_third, 
.three_fourth, .one_fourth, .one_fifth, 
.two_fifth, .three_fifth, .four_fifth, 
.one_sixth, .five_sixth{margin-right: 2%; margin-left:2%; position:relative; float:left;}

.one_half									{ width:48%; }
.one_third									{ width:30.6666%;}
.one_fourth								{ width:22%; }
.one_fifth									{ width: 16.8%;}
.one_sixth 								{ width: 13.3333%;}

.two_third									{ width: 65.3332%;}
.two_fourth 								{ width: 48%;}
.two_fifth 									{ width: 37.6%;}
.two_sixth 								{ width: 30.6666%;}

.three_fourth							{ width:74%;}
.three_fifth 								{ width: 58.4%;}
.three_sixth 								{ width: 47.9998%;}

.four_fifth 								{ width: 79.2%;}
.four_sixth 								{ width: 65.3332%;}

.five_sixth 								{ width: 82.6665%;}
.firstcols										{ margin-left:0px !important; }
.last, .lastcols							{ margin-right:0px !important; clear:right; }


.home  .two_third { width: 360px;}
/*******************************************************************************
 * F O R M S
 */
input[type="text"],input[type="email"],textarea{
	border: 1px solid #4a4a4a;
	padding: 0 12px;
	font-size: 14px;
	color: #FFF;
	background: #2b2a2a;
	font-family: 'Lato', Arial, sans-serif;

	
}
input[type="text"],input[type="email"]{
	line-height: 34px;
	height: 36px;
}
input[type="text"]:focus, textarea:focus,input[type="email"]:focus{
	box-shadow: 0 0 1px #CCC;
}
/*******************************************************************************
 * B U T T O N S
 */
input[type="submit"],.button, button{
	height: 36px;
	line-height: 34px;
	min-width: 135px;
	margin-top: 0px;
	margin-left:20px;
	margin-right: 5px;
	display: inline-block;
	//zoom: 1;
	//display: inline;
	border:1px solid #666666;
	background: transparent;
	color: #666666;
	font-size: 14px;
	font-family: 'Lato', sans-serif;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;	
	cursor: pointer;
	text-decoration:none;
	
}
.button.button-gold{
	padding: 0 20px;
	background: #d5a60a;
	color:#292929;
	border: 1px solid #d5a60a
}
.button.button-gold:hover{
	background: transparent;
	color:#d5a60a;
}
input[type="submit"]:hover{
	color: #d5a60a;
	border:1px solid #d5a60a;
}
/*******************************************************************************
 *I N H E R E T E D    S T Y L E S
 */
/* Images */
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	max-width: 100%; /* Keep wide captions from overflowing their container. */
	padding: 4px;
}
.wp-caption .wp-caption-text,
.gallery-caption,
.entry-caption {
	font-style: italic;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 2;
	color: #757575;
}
img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.entry-content dl.gallery-item {
	margin: 0;
}
.gallery-item a,
.gallery-caption {
	width: 90%;
}
.gallery-item a {
	display: block;
}
.gallery-caption a {
	display: inline;
}
.gallery-columns-1 .gallery-item a {
	max-width: 100%;
	width: auto;
}
.gallery .gallery-icon img {
	height: auto;
	max-width: 90%;
	padding: 5%;
}
.gallery-columns-1 .gallery-icon img {
	padding: 3%;
} 
/* =Comments
-------------------------------------------------------------- */

.comments-title {
	line-height: 1.5;
	font-weight: normal;
}
.comments-area article {
	margin: 24px 0;
	background: #F5F5F5;
	padding: 0 10px;
}
.comments-area article header {
	margin: 0 0 10px;
	overflow: hidden;
	position: relative;
}
.comments-area article header img {
	float: left;
	padding: 0;
	line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
	display: block;
	margin-left: 85px;
	margin-left: 6.071428571em;
}
.comments-area article header cite {
	font-style: normal;
	font-size: 15px;
	font-size: 1.071428571em;
	line-height: 1.42857143;
}
.comments-area article header time {
	line-height: 1.714285714;
	text-decoration: none;
	font-size: 12px;
	font-size: 0.857142857em;
	color: #5e5e5e;
}
.comments-area article header a {
	text-decoration: none;
	color: #5e5e5e;
}
.comments-area article header a:hover {
	color: #21759b;
}
.comments-area article header cite a {
	color: #444;
}
.comments-area article header cite a:hover {
	text-decoration: underline;
}
.comments-area article header h4 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 6px 12px;
	padding: 0.428571429em 0.857142857em;
	font-size: 12px;
	font-size: 0.857142857em;
	font-weight: normal;
	color: #fff;
	background-color: #0088d0;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #009cee, #0088d0);
	background-image: -ms-linear-gradient(top, #009cee, #0088d0);
	background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
	background-image: -o-linear-gradient(top, #009cee, #0088d0);
	background-image: linear-gradient(top, #009cee, #0088d0);
	border-radius: 3px;
	border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
	position: absolute;
	margin-left: 5px;
	margin-left: 0.357142857em;
	padding: 2px 5px;
	padding: 0.142857143em 0.357142857em;
	font-size: 10px;
	font-size: 0.714285714em;
}
a.comment-reply-link,
a.comment-edit-link {
	color: #686868;
	font-size: 13px;
	font-size: 0.928571429em;
	line-height: 1.846153846;
}
a.comment-reply-link:hover,
a.comment-edit-link:hover {
	color: #21759b;
}
.commentlist .pingback {
	line-height: 1.714285714;
	margin-bottom: 24px;
	margin-bottom: 1.714285714em;
}

/* Comment form */
#respond {
	margin-top: 20px;
}
#respond h3#reply-title {
	font-size: 16px;
	font-size: 1.142857143em;
	line-height: 1.5;
}
#respond h3#reply-title #cancel-comment-reply-link {
	margin-left: 10px;
	margin-left: 0.714285714em;
	font-weight: normal;
	font-size: 12px;
	font-size: 0.857142857em;
}
#respond form {
	margin: 24px 0;
	margin: 1.714285714em 0;
}
#respond form p {
	margin: 11px 0;
	margin: 0.785714286em 0;
}
#respond form p.logged-in-as {
	margin-bottom: 24px;
	margin-bottom: 1.714285714em;
}
#respond form label {
	display: block;
	line-height: 1.714285714;
}
#respond form input[type="text"],
#respond form textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	font-size: 0.857142857em;
	line-height: 1.714285714;
	padding: 10px;
	padding: 0.714285714em;
	width: 100%;
}
#respond form p.form-allowed-tags {
	margin: 0;
	font-size: 12px;
	font-size: 0.857142857em;
	line-height: 2;
	color: #5e5e5e;
}
.required {
	color: red;
}
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429em;
	}
#comments{
	padding: 10px 15px;
	background: #EFEFEF;
}


/*******************************************************************************
 * P L U G I N S    S T Y L E S
 */
#slider { background-color:  transparent !important; }
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}

/****** Contact Form 7 ******/
::-webkit-input-placeholder {
   color: #666666;
}

:-moz-placeholder { /* Firefox 18- */
   color: #666666;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #666666;  
}

:-ms-input-placeholder {  
   color: #666666;  
}
/****** Contact Form 7 ******/

#contact_form { width: 600px; margin: 0 auto; }
#contact_form .buttons { text-align: center; }
#contact_form input[type="text"],#contact_form input[type="email"], #contact_form textarea { width: 100%; box-sizing: border-box;}
#contact_form > div + div { margin-top: 25px;}
#contact_form .nice-placeholder-wrap{ width: 100%;  height: 36px;line-height: 36px; display:  block; box-sizing: border-box; padding: 0 12px; position: absolute; top:0; left: 0;z-index: -1;}
#contact_form input.has-value + .nice-placeholder-wrap, #contact_form input:focus + .nice-placeholder-wrap{ display: none; }
.nice-placeholder-wrap { font-size: 14px; font-weight: bold; color: #FFF; }
.nice-placeholder-wrap i{font-size: 12px; color:#999999; }
/*#contact_form input[type="text"], input[type="email"]{background: transparent; }*/
#contact_form  .wpcf7-form-control-wrap { display: block; }
#contact_form textarea { height: 70px; padding-top: 10px;}
div.wpcf7 img.ajax-loader {
	margin-top: 10px;
}
.js  span.wpcf7-not-valid-tip{
	position: absolute;
	top: 0px;
	left: 0px;
	border: 1px solid #770000;
	background: #2b2a2a;
	width: 100%;
	box-sizing: border-box;
	padding: 0 5px;
	height: 36px;
	line-height: 36px;
	color: #D70000;
	font-size: 15px;
}
div.wpcf7-response-output{
	margin:25px auto 0;
	width: 680px;
	background-color: #333;
	z-index:200;
	color: #FFF;
	text-align: center;

}
div.wpcf7-response-output.wpcf7-validation-errors{
    background-color: #D70000;
    color:#FFF;

}
div.wpcf7-response-output.wpcf7-mail-sent-ok{
	border: 2px solid #EFEFEF;
	background: #333333;
}

/*
----------------- Custom CSS ------- */

.read-more-text{ display: none;}
a.show-read-more { color: #d5a60a; }
#content.rigth-sidebar { width: 580px; margin: 0 auto; padding-top: 20px; }
.rigth-sidebar #sidebar { width:260px;}
.rigth-sidebar #sidebar + .lcol { width: 320px;}
.entry-content p:first-child { margin-top: 0; }

.w580 {width: 580px; margin: 0 auto;}
.mobile_menu, .phone {display:none;}
nav#main2 { opacity:0; max-height:0;        -webkit-transition: .5s all ease;
    -moz-transition: .5s all ease;
    -ms-transition: .5s all ease;
    transition: .5s all ease;
visibility:hidden;}