@import "http://fonts.fontstorage.com/import/montserrat.css";

/* Eric Meyer's CSS Reset */
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}



html,body {
height: 100%;
margin:0;
position:relative;
font-family: 'Montserrat', sans-serif;
}

* {
font-family: 'Montserrat', sans-serif;
}

.wrapper {
position:relative;
min-height: 100%;
display: flex;
flex-direction: column;
}

.stripehead {
	width:100%;
	height:6vw;
	top:3vw;
	position:absolute;
	background:url("/img/stripers.png") repeat-x;

}

.content {
display: flex;
flex: 1;
position:relative;
}

.incontent {
display:flex;
position:relative;
}

.leftmenu {
	display:flex;
	flex-direction:column;
	position:fixed;
	z-index:2;
	left:5vw;
	width:25vw;
	height:100%;
	background:rgba(213,165,2,0.99);
justify-content: center;	
}

.leftmenu a {
	text-decoration:none;
	color:#333333;
	padding:0;
	margin:0;
}

.about {
	display: -webkit-flex;display: -ms-flex;display: flex;
	position:absolute;
	width:80%;
	left:10%;
	top:6.5%;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: center;
	flex-direction:column;
}

.namefirm {
	font-size:1.6vw;
	font-weight:700;
}

.textspeech {
	font-size:0.8vw;
	text-align:center;
	letter-spacing:0.1vw;
}

.allphones {
	margin-top:0.7vw;
font-size:1vw;
font-weight:700;
}


.menu {
	margin-bottom:3vw;
	position:relative;
	width:90%;
	height:1.8vw;
	padding:0.5vw 0 0.5vw 3vw;
	padding-left:10%;
	text-align:left;
	display:block;
	font-size:1.4vw;
transition: background-color 0.5s ease;	
}

.menu:hover {
  transition: background-color 0.5s ease;
  background-color: #EDDA96;
}

.cartaxi {
	position:absolute;
	width:90%;
	top:5vw;
	left:7%;	
	
}

.cartaxi img {
width:90%;	
}

.blockcontent {
	display:block;
	position:absolute;
	width:60vw;
	left:36vw;
	top:15vw;
}

.blockcontent h1 {
position:relative;
display:block;
width:100%;
height:2.4vw;
	z-index:2;
}

.blockcontent h1 .intitle {
font-size:1.2vw;
padding:1vw 2vw;
background:#DDB735;
	font-weight:700;
}

.thecontent {
	position:relative;
	min-height:10vw;
	border:3px solid #DDB735;
padding:3vw 2vw 2vw 3vw;
	margin-bottom:2vw;
}

.thecontent p {
font-size:0.95vw;
padding-bottom:1vw;
line-height:1.4vw;
}

.thecontent strong {
font-weight:700;	
}

.thecontent ul {
	position:relative;
	top:-0.7vw;
width:90%;
margin-left:8%;
}

.thecontent ul li {
	font-size:1vw;
	font-style:italic;
}

.thecontent a, a:visited {
color:#333333;
	text-decoration:none;
	border-bottom:1px solid #D6A707;
}

.thecontent a:hover {
color:#D6A707;
}
	
.contactsubtitle {
	font-size:0.8vw;
	font-weight:700;
}

.firm-on-map {
	border:1px solid #D6A707;
}

/*************** Контактная форма ******/

#wpcf7-f8-p5-o1 {
	width:90%;
	position:relative;
}

#wpcf7-f8-p5-o1 input {
width:90%;
position:relative;
padding:1vw 2vw;
font-size:1.2vw;
margin-top:0.5vw;
	outline:1px solid transparent;
	border:1px solid #DDB735;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

#wpcf7-f8-p5-o1 input:focus {
-webkit-box-shadow: 0px 0px 17px #DDB735;
-moz-box-shadow: 0px 0px 17px #DDB735;
box-shadow: 0px 0px 17px #DDB735;
background-color:#F0E0AA;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

#wpcf7-f8-p5-o1 input[type=file] {
	font-size:0.9vw;
	padding:0.5vw;
}

#wpcf7-f8-p5-o1 input > button {
background:red;
}

#wpcf7-f8-p5-o1 textarea {
	width:90%;
	height:5vw;
position:relative;
padding:1vw 2vw;
font-size:1.2vw;
margin-top:0.5vw;
	outline:1px solid transparent;
	border:1px solid #DDB735;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.two-masters {
	margin-bottom:2vw;
	color:#805413;
	font-size:1vw;
	padding-left:5vw;
	padding-right:1vw;
	background:url(/img/voskl.jpg) no-repeat left center;
}

#wpcf7-f8-p5-o1 strong {
	font-weight:700;
}

.wpcf7-submit {
	background:#DDB735;
	border:2px solid #DDB735;
	border-radius:5px;
-webkit-box-shadow: 0px 0px 17px 2px #DDB735;
-moz-box-shadow: 0px 0px 17px 2px #DDB735;
box-shadow: 0px 0px 17px 2px #DDB735;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;	
}

.wpcf7-submit:hover {
	background:#ECD891;
	cursor:pointer;
-webkit-box-shadow: 0px 0px 10px 5px #DDB735;
-moz-box-shadow: 0px 0px 10px 5px #DDB735;
box-shadow: 0px 0px 10px 5px #DDB735;
transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}

.wpcf7-f8-p5-o1 p {
	
}

.wpcf7-form-control-wrap {
	font-size:0.8vw;
}

.indocs {
	font-size:1.2vw;
	font-weight:700;
	text-transform:uppercase;
	margin-top:2vh;
	margin-bottom:2vh;
}

/************** Футер ****************/


.footer{
background-color:transparent;
/* высота футера */
height:50px;
overflow:hidden;
}