@charset "UTF-8";
/* CSS Document */

/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/35766c");

/*----fonts--------------------------------*/


@font-face {
	font-family: 'BankGothicMdBT';src: url('fonts/35766C_0_0.eot');src: url('fonts/35766C_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/35766C_0_0.woff2') format('woff2'),url('fonts/35766C_0_0.woff') format('woff'),url('fonts/35766C_0_0.ttf') format('truetype');}


@font-face {
font-family: 'Helvetica Neue Bold';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue Bold'), url('fonts/HelveticaNeueBold.woff') format('woff');
}

@font-face {
font-family: 'Helvetica Neue LT Com 77 Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Com 77 Bold Condensed'), url('fonts/Helvetica-Neue-LT.woff') format('woff');
}

@font-face {
font-family: 'Helvetica Neue LT Std 56 Italic';
font-style: normal;
font-weight: normal;
src: local('Helvetica Neue LT Std 56 Italic'), url('fonts/HelveticaNeueLTStd-It.woff') format('woff');
}

@font-face {
font-family: 'HelveticaNeueCyr-Light';
font-style: normal;
font-weight: normal;
src: local('HelveticaNeueCyr-Light'), url('fonts/HelveticaNeueCyr-Light.woff') format('woff');
}


@font-face {
font-family: 'HelveticaNeueCyr-Roman';
font-style: normal;
font-weight: normal;
src: local('HelveticaNeueCyr-Roman'), url('fonts/HelveticaNeueCyr-Roman.woff') format('woff');
}


@font-face {
font-family: 'HelveticaNeueCyr-UltraLight';
font-style: normal;
font-weight: normal;
src: local('HelveticaNeueCyr-UltraLight'), url('fonts/HelveticaNeueCyr-UltraLight.woff') format('woff');
}


/*----------------Menu Styling-------------------*/
/* see style-tmham.css */



/*----MAIN--------------------------------*/


a:link {color:  #000000;text-decoration: none;}
a:visited {color:  #000000;text-decoration: none;}
a:hover {color: red;text-decoration: none;}
a:active {color:  #000000;text-decoration: none;}

a.but:link {color: #000000;text-decoration: none;}
a.but:visited {text-decoration: none; color: #000000!important;}
a.but:hover {text-decoration: none;color: #ff9900!important;}
a.but:active {text-decoration: none;color: #000000;}

a.foot:link {color: #ffffff;text-decoration: none;}
a.foot:visited {text-decoration: none; color: #ffffff!important;}
a.foot:hover {text-decoration: none;color: #ffffff!important;}
a.foot:active {text-decoration: none;color: #ffffff;}

a.blackbut:link {color: black;text-decoration: none;}
a.blackbut:visited {text-decoration: none; color: black!important;}
a.blackbut:hover {text-decoration: none;color: white!important;}
a.blackbut:active {text-decoration: none;color: black;}

a.redbut:link {color: #ff9900;text-decoration: none;}
a.redbut:visited {text-decoration: none; color: #ff9900!important;}
a.redbut:hover {text-decoration: none;color: #ff9900!important;}
a.footbut:active {text-decoration: none;color: #ff9900;}

.clear{clear:both;}
* {margin: 0;padding: 0;}


/*effects for tm setup plugin*/
.wow { visibility: hidden; }

/*iphone phone color control*/
a[href^=tel] { color: inherit; text-decoration: none; }

/*template styles*/

.bold{font-family: 'Helvetica Neue Bold';}
.regular{font-family: 'HelveticaNeueCyr-Roman';}

.centertext{text-align:center;}
.lefttext{text-align:left;}

.s10{float:left;width:100%;height:10px;}
.s20{float:left;width:100%;height:20px;}
.s40{float:left;width:100%;height:40px;}
.s50{float:left;width:100%;height:50px;}
.s70{float:left;width:100%;height:70px;}
.s100{float:left;width:100%;height:100px;}
.s150{float:left;width:100%;height:150px;}

.ptb40{padding-top:40px;padding-bottom:40px;}
.ptb70{padding-top:70px;padding-bottom:70px;}
.ptb100{padding-top:100px;padding-bottom:100px;}
.ptb150{padding-top:150px;padding-bottom:150px;}
.ptb200{padding-top:200px;padding-bottom:200px;}

.pb40{padding-bottom:40px;}
.pt40{padding-top:40px;}

.pb70{padding-bottom:70px;}
.pt70{padding-top:70px;}

.pb100{padding-bottom:100px;}
.pt100{padding-top:100px;}

.mt50{margin-top:50px;}
.mb50{margin-bottom:50px;}

.pb150{padding-bottom:150px;}
.pt150{padding-top:150px;}

/*--use centertext class with these widths--*/
.g10 img{width:10%;}
.g20 img{width:20%;}
.g30 img{width:30%;}
.g60 img{width:60%;}
.g80 img{width:80%;}

/*--used to center div in a div, any div inside this div will center itself--*/
.centerme {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width:100%;
  /*line-height:0px;*/
  }	


.background-STANDIN{
	background: url("./images/main1.jpg");
	overflow: hidden;
	background-size: cover;
	background-position: center center;
	position: relative;
	vertical-align: top;
	}
	

.panel{
	float:left;
	width:100%;
	}

.insidepanel{
	width:80%;
	max-width:1200px;
	margin:0 auto;
	}

.menupanel{
	width:100%;
	margin:0 auto;
	max-width:1500px;
}

.menuimage{
	width:100%;
	margin:0 auto;
}

.menuimage img{
	width:100%;
	display:block;
}
	
.message{
	padding:50px;
	}
		
.panel50{
	float:left;
	width:50%;
	}
	
.panel3{
	float:left;
	width:30%;
	margin-right:5%;
	}
	
.panel3middle{
	float:left;
	width:25%;
	margin-right:5%;
	margin-left:5%;
	}
	
.panel3last{
	float:left;
	width:30%;
	}
	


/*---use this for adjusting photo panel depth with percent--*/		
.homepanel1a{
	float:left;
	width:50%;
	overflow: hidden;
	display:block;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-right:solid 4px #1c1408;
	border-bottom:solid 8px #1c1408;
	box-sizing:border-box;
	}
.homepanel1a:before{
	content:"";
	display:block;
	padding-top:60%;
	}	
	
/*-------------------------------------------*/
	

body {
	font-family: 'HelveticaNeueCyr-Roman';
	color:black;
	font-size:16px;
	line-height:23px;
	-webkit-font-smoothing: antialiased;
}

#wrapper{
	float:left;
	width:100%;
	background-color:black;
}


.header{
	display:block;
}
	

.headersub{
	float:left;
	width:100%;
	background-color:#000000;
	padding-top:0px;
	padding-bottom:0px;
	color:white;
	position:fixed;
	z-index:10000;
}


.headercontainer{
	width:966px;
	/*width:775px;*/
	margin:0 auto;
	padding-top:15px;
	padding-bottom:5px;
	}

.headerlogo{
	float:left;

	}
.headerlogo img{
	width:30px;
	}

.containerall{
	float:left;
	width:100%;
	background-color:black;
	/*margin-top:67px;*/
	/*background-color:black;*/
	}
	
.containerallsub{
	float:left;
	width:100%;
	margin-top:67px;
	background-color:black;
	}

.container{
	width:90%;
	max-width:1300px;
	margin:0 auto;
	background-color:#f3f3f3;
	padding-top:68px;
	padding-bottom:50px;
	}
	
.container img{
	}
	
	
#footer{
	float:left;
	width:100%;
	background-color:#000000;
	color:white;
}

.footercontainer{
	width:90%;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:20px;
	}


/*---------Button Style-------------*/

.button{
	float:right;
	width:25%;
	display:inline-block;
	cursor:pointer;
	padding-top:1.8%;
	padding-bottom:1.8%;
	background-color:#00ADEF;
	color:#ffffff;
	text-align:center;
	font-weight:600;
	}

.button:hover {
	background-color:#FF2600;
	color:#ffffff;
}


/*----------scale video-----------------*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	margin-bottom:0px;
	
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/*----Wordpress core --------------------------------*/

	
/*--makes the image always 100%--*/
.container img{
	width:100%;
	height:100%;
	display:block;
	}


/* Admin Page and some Blog styling */


p {
	margin-bottom:20px;
	}

	
h1 {
	font-size:32px;
	line-height:42px;
	margin-bottom:20px;
	font-family: 'Helvetica Neue Bold';
	}
	
h2,h3,h4,h5,h6 {
	font-size:22px;
	line-height:32px;
	margin-bottom:20px;
	font-family: 'Helvetica Neue Bold';
	}

/* strips out any text styles carried over from cut and paste if client doesn't want to use the clear formatting button in the text editor
span[style]{color:#2d5996 !important;}
h1[style]{padding-left:0px !important;}
h2[style]{padding-left:0px !important;}
h3[style]{padding-left:0px !important;}
h4[style]{padding-left:0px !important;}
h5[style]{padding-left:0px !important;}
h6[style]{padding-left:0px !important;}
p[style]{padding-left:0px !important;}*/
			
		
em {
	font-family: 'Helvetica Neue LT Std 56 Italic';
	}

strong {
	font-family: 'Helvetica Neue Bold';
	}
	
hr {
	height:1px;
	border:none;
	background-color:#000000;
	margin-bottom:20px;
	margin-top:20px;
	}
	
img.alignright {
    float:right;
}

img.alignleft {
    float: left;
}	

img.aligncenter{
	display: block;
    margin-left: auto;
    margin-right: auto;
    }



ul{
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	}
	
ul li{
	margin-left:16px;
	margin-bottom:10px;
	}
	
ul li ul{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:10px;
	}

ul li ul li{
	margin-left:20px;
	}
	
ol{
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:20px;
	}
	
ol li{
	margin-left:16px;
	margin-bottom:10px;
	}
	
ol li ul{
	margin-left:0px;
	margin-bottom:0px;
	margin-top:10px;
	}

ol li ul li{
	margin-left:20px;
	}


/*---Blog styling uses .container---*/
/* https://codex.wordpress.org/Styling_Lists_with_CSS */


.bleft{
	float:left;
	width:70%;
	}
	
.bleft img{
	max-width:100%;
	height:100%;
	}
	
	
.bright{
	float:left;
	width:25%;
	margin-left:5%;

	}
	
.post-edit-link, .entry-meta{
	font-size:12px !important;
	margin-bottom:20px;
	}
	
.post-edit-link{}
.meta-sep{}
	
.author a:hover{
	color:red;
	}
	
.author a{
	color:black;
	}
	
.cat-links{
	display:none;
	}

#sidebar ul {
	width:100%;
	float:left;
	margin-bottom:20px;
	margin-top:0px;
}

#sidebar li {
	/*list-style:square;*/
	list-style-position: inside;
	list-style:none;
	
}

#sidebar ul li {
	margin-bottom:10px;
	margin-left:0px;
	
}

#sidebar ul ul li {}
#sidebar ul ul ul li {}

	
#sidebar .widget-title{
	font-family: BankGothicMdBT;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	font-size:16px;
	line-height:23px;
	float:left;
	width:100%;
	margin-bottom:10px;
	padding:10px;
	color:white;
	box-sizing:border-box;
	background-color:#000000;

	}
	
#sidebar .widget-container{
list-style:none;
	}
	
.nav-previous {
	float:left;
	width:50%;
	font-size:30px;
	border-bottom:none;
	}
	
.nav-next {
	float:right;
	width:50%;
	text-align:right;
	font-size:30px;
	}
	
.navigation{
	width:100%;

	}

.entry-title{
	float:left;
	width:100%;
	font-size:32px;
	line-height:39px;
	margin-bottom:0px;
	}

.entry-title a{
	color:black !important;
	}
	
.entry-title a:hover{
	color:red !important;
	}
			
/* this removes the link from the single page post header*/	
h1.entry-title a {
	display:inline-block;
	pointer-events: none;
	color:#000000 !important;
	}	

/* controls the cateorgory and archive titles by changing the class name in the category and archive php files */	
h1.entry-title1{
	font-size:16px;
	line-height:23px;
	float:left;
	width:100%;
	margin-bottom:50px;
	color:red !important;
	}
	
article{
	margin-bottom:50px;
	}


/* Blog styling for 3 columns on blog index page */
/* this is the code that does the 3 columns, put this on index page, also see entry1.php:
	
<div class="bleft1">
<section id="content" role="main">

<?php $i = 0; ?>	
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<?php
if($i == 0) {
	echo '<div class="clear">';
}
?>

<div class="third">
<?php the_post_thumbnail(); ?><?php get_template_part( 'entry1' ); ?>
<?php comments_template(); ?>
</div>

<?php
$i++;
if($i == 3) {
	$i = 0;
	echo '</div>';
}
?>

<?php endwhile;endif;?> 

<?php
if($i > 0) {
	echo '</div>';
}
?>


<div class="clear"></div>
<?php get_template_part( 'nav', 'below' ); ?>
</section>
</div><!--bleft1-->

*/

.third {
	float:left;
	width:30%;
	}
	
.third + .third{
	margin-left:5%;
	}
	
.third h2{
	font-size:24px;
	line-height:31px;
	padding-bottom:10px;
	}

/* controls the link colors h2 on the index page */
.third h2 a{
	color:#001870;	
	}
	
.third h2 a:hover{
	color:#2880ff;	
	}
	
.bleft1{
	float:left;
	width:100%;
	display:block;
	}
	
.bleft1 .wp-post-image{
	display:block;
	}	
	
.bbox{
	float:left;
	width:100%;
	margin-bottom:60px;
	padding-top:20px;
	padding-right:10px;
	padding-bottom:0px;
	box-sizing:border-box;
	border-bottom:solid 1px #999999;
	}
	
.entryspacer{
	float:left;
	margin-top:-10px;
	width:100%;
	}

/* for the except more link color (see tm-setup plugin)*/	
a.more:link {color: #999999;text-decoration: none;}
a.more:visited {text-decoration: none; color: #999999!important;}
a.more:hover {text-decoration: none;color: red!important;}
a.more:active {text-decoration: none;color: #999999;}




/* Preloader (called from setup plugin)----------------------------------------------------*/

/* html:
<div id="preloader"><div id="status">&nbsp;</div></div>	
/*

/* Get preloaders:
http://preloaders.net/en/free
*/

#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#ffffff; /* change if the mask should be a color other than white */
	z-index:1; /* makes sure it stays on top */
}

#status {
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally on the screen */
	top:50%; /* centers the loading animation vertically on the screen */
	background-image:url("http://www.tannermark.com/dev/wp-content/themes/tmb2/images/2.gif"); /* path to your loading animation */
	background-repeat:no-repeat;
	background-position:center;
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}


/*------used with simple lightbox plugin this turns off the caption line under the photo-------*/

.slb_data_content{
	display:none;
	}
	


/*-------CONTACT FORM--------------------*/


/*--use this for basic html:
	
<div class="formspace">

<label>*Name
    [text* your-name] </label>

<label>*Email
    [email* your-email] </label>

<label>Company
    [text your-company] </label>

<label>Info
    [textarea your-message x4] </label>

[submit "Submit"]

</div>
<div class="clear"></div>

*/

/*this is for pulldown toolbar:
/*.wpcf7-form select {
    font-size:14px;
    border:0;
    width:100%;
    height: 43px;
    float:left;
    outline:none;
    border:none;
    background-color:#f5f5f5;
    border-radius:0px;
}

.location, .considering, .aboutus, .statemenu{
	float:left;
	width:100%;
	}*/
	
.formspace{
	float:left;
	width:30%;
	margin-left:45px;
	margin-top:20px;
	margin-bottom:20px;
	}  
	
/*--name--*/	
input[type="text"],
textarea {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size:14px;
	padding: 10px;
	width: 100%;
	border:solid 1px #000000;
	background-color:transparent;
	color:#000000;
	box-sizing:border-box;
}

/*--email--*/
input[type="email"],
textarea {
	font-size:14px;
	padding: 10px;
	width: 100%;
	border:solid 1px #000000;
	background-color:transparent;
	color:#000000;
	-moz-box-sizing: border-box;
	box-sizing:border-box;	
}

input[type="tel"],
textarea {
	font-size:14px;
	padding: 10px;
	width: 50%;
	border:solid 1px #000000;
	background-color:transparent;
	color:#000000;
	-moz-box-sizing: border-box;
	box-sizing:border-box;
}

/*--message--*/
input[type="message"],
textarea {
	-moz-box-sizing: border-box;
	font-size:14px;
	line-height:21px;
	padding: 10px;
	width: 100%;
	border:solid 1px #000000;
	box-sizing:border-box;
	color:#000000;
	line-height:20px;
}

input[type=submit] {
	background-color:#000000;
	color:#ffffff;
	cursor:pointer;
	padding-left:15px;
	padding-top:11px;
	padding-right:15px;
	padding-bottom:10px;
	font-size:14px;
	text-align:center;
	border:none;
	float:left;
	margin-top:0px;
	}

input[type=submit]:hover{
	background-color:red;
	}
	
.wpcf7-not-valid-tip[role="alert"]{
	color:red;
	margin-bottom:10px;
	font-size:14px;
	margin-top:10px;
	
	}

/* not used */
.wpcf7-response-output[role="alert"]{
	display:none;
	border:solid 0px black;
	padding-left:0px;
	padding-top:20px;
	margin-left:0px;
	margin-bottom:0px;
	color:green;
	margin-top:0px;
	font-size:14px;
	}
	
/*.wpcf7-mail-sent-ok{
	text-align:left;
	margin-top:0px;
	padding-top:0px;
	color:green;
	padding-left:28px;
	margin-top:-28px;
	border:none;
	}*/

/*.wpcf7-response-output{
	display:none;
	border:solid 0px black;
	padding-left:0px;
	padding-top:0px;
	margin-left:68px;
	margin-bottom:0px;
	color:green;
	margin-top:0px;
	font-size:14px;
	background-color:red;
	}
	
span.wpcf7-list-item { display: block; }
*/
	




		
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@-ms-viewport {width: device-width;}
@viewport {width: device-width;}



/* for iphone 6 plus and the rest */ 
@media screen and (max-width: 1000px) {
	
	
.header{display:none;}
.headersub{display:none;}


.containerall{
	width:100%;
	margin-top:0px;
	}
	
.containerallsub{
	width:100%;
	margin-top:0px;
	}	

		
		
.bleft{
	float:left;
	width:100%;
	
	margin-bottom:40px;
	
	}
	
.bright{
	float:left;
	width:100%;
	margin-left:0%;
	
	}
	
			
	
}


/*for iphone 5*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 320px) { 
		

		
}