/*
Theme Name: Europart custom
Theme URI: n/a
Description: Europart
Version: 1.0
Author: Texas Delaney
Author URI: n/a
*/

@import url(http://fonts.googleapis.com/css?family=Duru+Sans);

.absolute-place{
 position: relative; height: 800px;
}

div.wpcf7-mail-sent-ng{
border: 2px solid #36D900 !important;
}

.ele-1{
position: absolute; 
left: 520px; 
top: 0px;
}
.ele-2{
position: absolute; 
left: 780px; 
top: 0px;
}
.ele-3{
position: absolute; left: 520px; top: 234px;
}
.ele-4{
position: absolute; left: 780px; top: 234px;
}
.ele-5{
position: absolute; left: 0px; top: 468px;
}
.ele-6{
position: absolute; left: 260px; top: 468px;
}
.ele-7{
position: absolute; left: 520px; top: 468px;
}
.ele-8{
position: absolute; left: 780px; top: 468px;
}

.ele-info-1{
position: absolute; left: 0px; top: 702px;
}
.ele-info-2{
position: absolute; left: 520px; top: 702px;
}


body{
	font-family: 'Duru Sans', sans-serif;
}
a[href^=tel]{
    color:inherit;
    text-decoration:none;
}

h3{
	margin-top:5px;
	margin-bottom: 0;
}

a{

}

a:hover{
	text-decoration: none;
}

.flex-direction-nav a  {
    line-height: 40px;
}
.staff-photos{
	margin-top: 40px;
	border-top: 1px solid #2e93d0; 
	padding-top: 20px;
}

.staff-photos img{
	max-width: 100%;
}
.page-wrapper{
	padding: 20px;
}

.black-menu-box{
	background-color: #000;
	padding: 20px;
	margin-bottom: 10px;
}

.black-menu-box p{
	font-size: 18px;
}
.black-menu-box a{
	color: #fff;
}
.black-menu-box a:hover{
	color: #2e93d0;
}

.header-info a{
	color: #000;
}
.header-info a:hover{
	color: #2e93d0;
}
.alignment{
	margin-left: 13%;
	margin-right: 10%;
}

.alignment2{
	margin: 0 auto;
}
.info-box{
	border-top: 1px solid #2e93d0;
padding-top: 15px;
margin-top: 5px;
	width: 510px;
}

.arrow{
position: absolute;
}
.arrow-text{
	position: absolute; 
	margin-left: 50px;
}
.overlay-text{
	display: inline-block;
width: 80%;
}

.blue-header{
	color: #2e93d0;
	margin-top: 0px;
	font-size: 40px;
}

.container{
	width: 82%;
	margin: 0 auto;
}

.container-fluid{
	padding-left: 0;
	padding-right: 0 !important;
}

#container{
	width: 68%;
	margin: 0 auto;
}

#content{
	padding-bottom: 0px;
	min-height: 620px;
}

.small-center{
	text-align: inherit;
}
.main-header{
	width: 100%;
	display: inline-block;
	padding: 0px 50px 8px 50px;
}
.main-logo{
	float: left;
	max-width: 70%;
	display: inline-block;
margin-right: 10px;
padding-top: 0px;
}
.tagline{
	float: left;
	color: #2e93d0;
	display: inline-block;
}
.header-info{
	float: right;
	margin-top: 20px;
	display: inline-block;
text-align: right;

}


input, select, textarea{
	max-width: 100%;
}

.navbar{
	border: none;
	min-height: 0;
	margin-bottom: 0;
	
}
.navbar-default{
	background-color: #fff;
	border-radius: 0;
	height: 45px;
}

.container-fluid>.navbar-header{
	margin-right: 0;
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form{
	border-top: 2px solid #2e93d0;
	border-bottom: 2px solid #2e93d0;
}

.container-fluid{
	padding-right: 60px;
}

.navbar-nav>li>a{
	padding-top: 8px;
	padding-bottom: 8px;
	
}



.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{

}


.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{
	background: none;
	color: #2e93d0;
}




.navbar .divider-vertical {
height: 20px;
margin: 8px 3px;
border-left: 1px solid #808080;
border-right: 1px solid #ffffff;
}


.footer-img{
	width: 10%;
  	padding-right: 20px;
}
.footer-img-long{
	width: 17%;
  	padding-right: 20px;
}

.fb-logo{
	width: 25px;
}

.main-body{
	padding: 50px;
width: 85%;
margin: 0 auto;
padding-top: 0px;

}

.item.w2{
	color: #fff;
	background-color: #000;
	padding: 5%;
	width: 510px;
	height: 458px;
margin-bottom: 10px;
}
.item{
	width: 250px;
	height: 224px;
margin-bottom: 10px;
}

.black-box h2{
	font-size: 40px;
}

.black-box-small{
	color: #fff;
	background-color: #000;
	padding: 5%;
}

.black-box-small a{
	color: #fff;
}
.black-box-small a:hover{
	color: #2e93d0;
}

.grid-image{
	max-width: 100%;
min-width: 100%;
vertical-align: inherit;
}

.home-box{
	background-color: #e6e6e6;
	color: #2e93d0;
	padding: 20px;
	padding-top: 80px;
	margin-bottom: 10px;
max-height: 231px;
	transition: all 1s;
}


.grey-rect{
	background-color: #e6e6e6;
	color: #2e93d0;
	padding: 20px;
	margin-bottom: 10px;
padding-bottom: 10px;
}
.grey-rect h3{
	margin: 0;
}

#footer{
	background-color: #e6e6e6;
	width: 100%;
}

#footer p{
	color: #808080;
}
#footer hr{
	color: #808080;
}
.footer-container{
	padding: 50px;
}

.copyright-box{

}

.address-box{
	padding-left: 20px;
	border-left: 1px solid #808080;
}

.hours-box{
	padding-left: 20px;
	border-left: 1px solid #808080;
}



.da-thumbs li {

}
.da-thumbs li a,
.da-thumbs li img {

}
.da-thumbs li {
	overflow: hidden;
}
.da-thumbs li div {
	position: absolute;
	background: rgba(75,75,75,0.7);
	width: 100%;
	height: 100%;
}

.da-thumbs li .blue-overlay{
	position: absolute;
	background: #2e93d0 !important;
	width: 100%;
	height: 100%;
padding-top: 80px;
}



.overlay-parts{
	color: #fff;
font-size: 24px;
padding-top: 90px;
padding-left: 20px;
}



.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
}

.navbar-inner {
  text-align:center;
}

.navbar-default .navbar-nav>li>a{
	color: #808080;
font-size: 16.5px;
}	
.nav>li>a{
	padding: 10px 11.5px;
}

@media screen and (max-width: 1900px){
	.main-body{	
		width: 92%;
	}
	.container{
		width: 70%;
	}
.alignment{
  margin-left: 3px;;
  margin-right: auto;
}
}

@media screen and (max-width: 1800px){
	.main-body{	
		width: 92%;
	}

.alignment{
  margin-left: 13px;;
  margin-right: auto;
}
}

@media screen and (max-width: 1550px){
	.black-box h2{
		font-size: 40px;
	}
.alignment{
  margin-left: 0;
  margin-right: auto;
}
	
.main-body{
	width: 100%;
	padding: 20px;
	padding-top: 0px;
}
#container{
	width: 80%;
}
.container{
	width: 90%;
}
}

@media screen and (max-width: 1300px){

.main-header{
	padding: 0;
}
#container{
	width: 95%;

}
.main-body{
	width: 100%;
	padding-left: 50px;

}
.alignment{
  margin-left: auto;
  margin-right: auto;
}
}
@media screen and (max-width: 1150px){
	.black-box h2{
		font-size: 30px;
	}
.main-body{
margin-top: 50px;
}
.page-wrapper {
  padding-top: 50px;
}
}

@media screen and (max-width: 1020px){
.main-body{
	width: 100%;
	padding: 20px;
}
.item.w2{
	
}
#container{
	width: 100%;
}
.container{
	width: 100%;
}

.absolute-place{
 position: relative; height: 1100px;
}

.ele-1{
position: absolute; left: 520px; top: 0px;
}
.ele-2{
position: absolute; left: 520px; top: 234px;
}
.ele-3{
position: absolute; left: 0px; top: 468px;
}
.ele-4{
position: absolute; left: 260px; top: 468px;
}
.ele-5{
position: absolute; left: 520px; top: 468px;
}
.ele-6{
position: absolute; left: 0px; top: 702px;
}
.ele-7{
position: absolute; left: 260px; top: 702px;
}
.ele-8{
position: absolute; left: 520px; top: 702px;
}

.ele-info-1{
position: absolute; left: 0px; top: 936px;
width: 380px;
}
.ele-info-2{
position: absolute; left: 390px; top: 936px;
width: 380px;
}
}







@media only screen and (max-width : 1502px){
	.black-box{height: 52%}
	.black-box h2 {font-size: 33px;}
	}
@media only screen and (max-width : 1154px){
	.black-box{height: 43%}
	.black-box h2 {font-size: 27px;}
	#container{
	width: 100%;
}
}
@media only screen and (max-width : 850px){
	.black-box{height: 36%}
	.black-box h2 {font-size: 23px;}

.main-header{
	padding: 0;
}
span.header-info{
float: right;
margin-top: 5px;
}

.alignment{
	margin-left: 0;
	margin-right: 0;
}
}


@media only screen and (max-width : 768px){
.page-wrapper {
  padding-top: 20px;
}
.main-body{
	margin-top: 0;
}
.main-logo{
	float: none;
}
header-info{
float: right;
margin-top: 0;
}
.small-center{
	text-align: center;
padding-top: 20px;
}
	.navbar .nav, .navbar .nav > li{
		display: block;
	}

.footer-container{
	padding: 10px;
}
.navbar-default{
	height: auto;
}

.absolute-place{
 position: relative; height: 1700px;
}

.ele-1{
position: absolute; left: 0; top: 468px;
}
.ele-2{
position: absolute; left: 260px; top: 468px;
}
.ele-3{
position: absolute; left: 0px; top: 702px;
}
.ele-4{
position: absolute; left: 260px; top: 702px;
}
.ele-5{
position: absolute; left: 0px; top: 936px;
}
.ele-6{
position: absolute; left: 260px; top: 936px;
}
.ele-7{
position: absolute; left: 0px; top: 1170px;
}
.ele-8{
position: absolute; left: 260px; top: 1170px;
}

.ele-info-1{
position: absolute; left: 0px; top: 1404px;
width: 100%;
}
.ele-info-2{
position: absolute; left: 0; top: 1538px;
width: 100%;
}
}

@media only screen and (max-width : 550px){
	.main-logo{
		max-width: 100%;
	}
	.item.w2{
		height: 610px;
	}
}

@media print {
body { background:white; color:black; margin:0 }
}