.banner {
    width:100%;
    height:auto;
    max-width:700px;
}

.imageFit{
    width:98%;
    height:98%;
    object-fit:contain;
}

.customerIcon{
    height:22px;
    width:auto;
    object-fit:contain;
}

.imageFitBanner{
    width:100%;
    height:auto;
    object-fit:contain;
}

.partnerLogo{
    max-height:50px;
    width:auto;
    padding-left:10px;
    padding-right:10px;
    object-fit:contain;
}

/*photos page*/
.photos{
    width:90%;
    height:auto;
    max-width:500px;
    border: 1px solid #CECECF;
}

/*front page*/
.photos2{
    width:90%;
    height:auto;
    max-width:360px;
    border: 1px solid #CECECF;
}

.flexslider{
	float:left;
	margin:.5em 10px .5em 0;
    /*this is important*/
    overflow:hidden; 

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/*input values to crop the image: top, right, bottom, left*/ 
.flexslider img{
	margin:-200px 0px -200px 0px;
}

/*@media (max-width: 5000px){
.flexslider img{
	margin:-150px 0px -150px 0px;
}
}*/

@media (max-width: 1500px){
.flexslider img{
	margin:-150px 0px -150px 0px;
}
}

@media (max-width: 1200px){
.flexslider img{
	margin:-100px 0px -100px 0px;
}
}

@media (max-width: 900px){
.flexslider img{
	margin:0px 0px 0px 0px;
}
}



.TextWrapRight{
    float:right;
    margin: 10px;
}
.TextWrapLeft{
    clear:right;
    float:left;
    margin: 10px;
}

.imageFitJohn{
    width:100%;
	padding: 0 5px;
    height:auto;
    margin: 0% auto 0;
    max-width:200px;
}

.imageFitJohn2{
    width:100%;
	padding: 0 5px;
    height:auto;
    margin: 0% auto 0;
    max-width:300px;
    border-radius: 15px;
}

.imageFitJohn3{
    width:100%;
	padding: 0 5px;
    padding-top:5px;
    height:auto;
    margin: 0% auto 0;
    max-width:150px;
}

.socialLogos{
    width:auto;
    max-height:50px;
}

.map{
    width:90%;
    height:auto;
    margin: 0% auto 0;
    max-width:800px;
    border: 1px solid #CECECF;
}

.serviceImage{
    padding-top:25px;
    padding-bottom:10px;
    width:auto;
    max-height:70px;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
}

.serviceImage:hover{
    padding-top:0px;
    padding-bottom:0px;
    width:auto;
    max-height:100px;
}

.webThumbImage{
    padding-top:0px;
    padding-bottom:0px;
    width:auto;
    max-height:200px;
    border:1px solid #ACBD5D;
    -webkit-transition: all .6s ease;
    -moz-transition: all .6s ease;
    -o-transition: all .6s ease;
    -ms-transition: all .6s ease;
    transition: all .6s ease;
}

.webThumbImage:hover{
    border:1px solid #F7A34A;
}