html{
	height:100%;
}
body{
	width:100%;
	font-family: 'Ubuntu Condensed', sans-serif;
	min-width:480px;
}
*{
	box-sizing: border-box;
	-moz-box-sizing:border-box;
}
section{
	padding-top:20px;
	padding-bottom:20px;
}
section#home{
	padding-top:80px;
	padding-bottom:0px;
}
.inner{
	width:100%;
	max-width: 1170px;
	margin: auto;
}
header{
	background-image:url(images/asfalt.jpg);
	height:80px;
	position:fixed;
	left:0;
	right:0;
	z-index: 101;
	-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.75);
}
.navbar-collapse{
	background-image:url(images/asfalt.jpg);
}
#am_nav_bar .navbar-header{
	height:95px;
	margin-top:-15px;
}
.nav>li>a:hover, .nav>li>a:focus{
	background-color:transparent !important;
	background-image:url(images/dexin_sev_nex.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	color:#FFCA00;
}
.navbar-toggle{
	background-position: center;
	background-image: url(images/menu_toggle.png);
	background-repeat: no-repeat;
	top: 30px;
}
.cycloneslider-template-standard {
	margin-bottom: 0px !important;
}
.dexin_sev{
	height:15px;
	background-image:url(images/dexin_sev.jpg);
}
h2.title{
	font-family: 'Philosopher', sans-serif;
	font-size:25px;
	line-height:30px;
	color:#050607;
	text-align:center;
}
h2.title_dark{
	color:#FFCA00;
}
.about_content{
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height:25px;
	font-size:16px;
	color:#626260;
}
#services{
	background-color:#F4EFE0;
}
#services figcaption{
	line-height:36px;
	background-color:#FFCA00;
	text-align:center;
	font-family: 'Philosopher', sans-serif;
	font-size:20px;
	color:#000;
	transition:all 0.3s;
	-webkit-transition:all 0.8s;
	-moz-transition:all 0.38s;
	-o-transition:all 0.8s;
	-ms-transition:all 0.8s;
}
#services figure:hover figcaption{
	background-color:#000;
	color:#f2c90b;
}
#services figure{
	cursor:pointer;
	text-align:center;
}
#services .service_item{
	margin: 20px 0px 10px;
}
.for_midle_span{
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.for_midle_text{
	display: inline-block;
	vertical-align: middle;
	width: 90%;
	color:#000;
}
#services figure img{
	max-width:100%;
	height:auto;
}
#prices table{
	width: 100%;
	border: 1px SOLID;
	border-collapse: collapse;
	margin-top: 20px;
}
#prices table td{
	border: 1px solid;
	padding: 7px 20px;
	font-size: 16px;
}
#prices table tr:first-child td{
	background-color: #000;
	color: #FFCA00;
	border-color:#000;
}
#prices table th{
	padding-left: 20px;
}
#contact{
	background-image:url(images/asfalt.jpg);
	color:#fff;
	font-family: 'Philosopher', sans-serif;
}
#map{
	height:305px;
}
#contact_info{
	color: #fff;
	font-size: 20px;
	font-family: 'Philosopher', sans-serif;
	line-height: 45px;
}
#contact_info span{
	display:inline-block;
	width:30px;
}

#form_div form p{
	font-size:18px;
	margin-bottom: 10px;
}
#form_div form sup{
	color:#FFCB00;
}
#form_div form input[type="text"],#form_div form input[type="email"]{
	height: 24px;
	width: 190px;
	max-width: 100%;
	outline: none;
	margin-top: 5px;
	padding-left: 10px;
	color: #6C6868;
	font-family: arial;
	font-size: 14px;
}
.wpcf7-not-valid-tip{
	display:none !important;
}
.wpcf7-not-valid{
	border:1px solid FFCA00 !important;
}
#form_div form textarea{
	height: 100px;
	width: 313px;
	outline: none;
	margin-top: 5px;
	resize: none;
	padding: 10px;
	color: #6C6868;
	max-width:100%;
}
#form_div form input[type="submit"]{
	line-height: 30px;
	border: none;
	outline: none;
	background-color: #000000;
	padding: 0px 12px;
	font-size: 18px;
	cursor: pointer;
}
#form_div form input[type="submit"]:hover{
	background-color: #FFCB00;
	color: #000;
}
validation-errors {
	border: 2px solid #FFCA00;
	width: 313px;
	max-width:100%;
}

div.wpcf7-mail-sent-ok {
	border: 2px solid #000;
	width: 313px;
	max-width:100%;
}
.copyright{
	color:#a7aab0;
	font-family:'Philosopher', sans-serif;
	font-size:14px;
	padding-top:20px;
	text-align:center;
	background-image:url(images/copyright_bg.png);
	background-repeat:repeat-x;
	margin-top:20px;
}
.copyright a{
	color:inherit;
}
.scrollup {
	width: 53px;
	height: 56px;
	position: fixed;
	bottom: 44px;
	right: 64px;
	display: none;
	text-indent: -9999px;
	background: url('images/arrow_top.png') no-repeat;
}
.modal-footer, .modal-header{
	font-family:'Philosopher', sans-serif;
}
.modal-content{
	overflow: hidden;
}
.flip_container {
  position: relative;
  z-index: 1;
}
.flip_container {
  	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	perspective: 1000px;
}
.flip_container img{
	max-width:100%;
	height:auto;
}
.flip_card {
	font-size:16px;
 	width: 100%;
  	height: 100%;
  	-webkit-transform-style: preserve-3d;
	-webkit-transition: all 1.0s linear;
	-moz-transform-style: preserve-3d;
	-moz-transition: all 1.0s linear;
	-o-transform-style: preserve-3d;
	-o-transition: all 1.0s linear;
	transform-style: preserve-3d;
	transition: all 1.0s linear;
}
.flip_container:hover .flip_card {
  	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-box-shadow: -5px 5px 5px #aaa;
	-moz-box-shadow: -5px 5px 5px #aaa;
	box-shadow: -5px 5px 5px #aaa;
}
.flip_hidden{
	visibility:hidden;
}
.face {
 	position: absolute;
	top:0;
 	 width: 100%;
  	height: 100%;
  	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.face.back {
	display: block;
	-webkit-transform: rotateY(180deg);
	-webkit-box-sizing: border-box;
	-moz-transform: rotateY(180deg);
	-moz-box-sizing: border-box;
	-o-transform: rotateY(180deg);
	-o-box-sizing: border-box;
	transform: rotateY(180deg);
	box-sizing: border-box;
	padding: 10px;
	color: rgb(153, 148, 148);
	text-align: center;
	background-color: #F3F0EB;
}
@media (min-width: 992px)
{
	.navbar-nav>li>a {
    padding-top: 30px;
    padding-bottom: 30px;
    line-height: 20px;
    font-size: 21px;
    font-family: cursive;
    color: #d7dace;
    text-decoration: none;
	}
}

@media (max-width: 992px)
{
	.nav>li>a{
		color:#FFCA00 !important;
		font-size:18px;
	}
	.nav>li>a:hover, .nav>li>a:focus{
		background-image:none !important;
		color:#fff !important;
	}
	.navbar-brand img{
		height:60px;
		margin-top: 10px;
	}
}
@media (max-width: 1366px)
{
	.nav>li>a{
		font-size:18px;
	}
	.navbar-brand img{
		height:60px;
		margin-top: 10px;
	}
}
@media (max-width: 470px){
	.navbar-brand img{
		width:170px;
		margin-top: 15px;
	}
}