@charset "UTF-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*content wrapper for fade effect starts*/
#content-wrapper
{
	display:none;	
}
/*content wrapper for fade effect ends*/

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		4;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/


/*
font-family:'DIN Next W01 Medium';
font-family:'DIN Next W01 Bold';
font-family:'DIN Next W01 Heavy';
*/

.fluid {
	clear: both;
	margin-left: 0;
	width: 100%;
	float: left;
	display: block;
}

.fluidList {
    list-style:none;
    list-style-image:none;
    margin:0;
    padding:0;        
}

/* Mobile Layout: 480px and below. */
  
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	clear: none;
	float: none;
	background-color: #969696;
}


.inner{padding: 20px;}
.inner2{float: left; padding: 40px;}


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

.left{ float: left; width: 50%; }

.right{float: right; width: 50%;}




/*Icons Start*/

.iconholder{float:left; width: 100%; background-color: #97d5d2;}
.iconimgs{float:left; width: 100%;}
.icontext{float:left; width: 100%; text-align: center;}
.icontext h3{ font-family:'DIN Next W01 Bold'; font-weight: normal; font-size: 2.2em; color: #000; display: block; margin-bottom: 16px;}
.icontext p{ font-family:'DIN Next W01 Medium'; font-weight: normal; font-size: 1.6em; color: #fff; display: block; margin-bottom: 12px;}


/*Webdesign Starts*/
.servicehol{}
.servicehol h3{font-family:'DIN Next W01 Bold'; color: #000; font-size: 40px; margin-bottom: 16px; font-weight: normal; line-height: 40px;}
.servicehol p{font-family:'DIN Next W01 Medium'; color: #6b6967; font-size: 22px; line-height: 33px; font-weight: normal;}
.digital{float: left; background-color: #e4e7da;}
.lead{float: left; background-color: #b1e0e0; }
.design-print{float: left; background-color: #edeceb; }
.social-media{float: left; background-color: #fff; }
.video-photography{float: left; background-color: #e4e8db; }
.copy{float: left; background-color: #8cd2d0; }
.window-sales-lab{float: left; background-color: #c4e7e4; }
.wdesignimg{float: left; width: 100%;}
/*Webdesign ends*/




/*Book Appointment Form Starts*/
.contact-inner{ padding: 40px; float: left;}
.book-appointment {  float: left; background-color: #000;}

.book-appointment h3{ font-family:'DIN Next W01 Medium'; font-weight: normal; color: #ecdc23; font-size: 35px; margin-bottom: 20px;}


.book-appointment p{ color: #fff; font-family:'DIN Next W01 Medium'; line-height: 29px; font-size: 20px;}

.requirements{ display: block; color: #c5c3c3; font-family:'DIN Next W01 Medium'; font-size: 15px; margin-bottom: 5px;}



.linefield-new{ padding: 15px 20px 15px 20px; background-color: #343232; width: 89%;  margin-bottom: 15px; font-size: 16px; font-family:'DIN Next W01 Medium';  font-weight: normal; border: 0px; color: #fff; border-radius: 25px; display: block;}

.linefield2{ padding: 20px; height: 120px; width: 89%;  float: left; font-size: 16px; font-family:'DIN Next W01 Medium'; font-weight: normal; margin-bottom: 10px; display: block; color: #fff; background-color: #343232; border: 0; border-radius: 25px;}

.linefield-contact{ width: 100%;  float: left; padding: 10px 20px; background-color: #fff; font-size: 1em; font-family:'VAG Rounded W01 Bold'; font-weight: normal; border: 0px; margin-bottom: 10px; display: block; color: #000;}

.book-appointment a{  width: 100%; float: left; text-align: center; padding: 15px 0px; background-color: #ecdc23; letter-spacing: 1px; font-size: 16px; font-family:'DIN Next W01 Heavy'; font-weight: normal; color: #000; border-radius: 25px; margin-top: 10px; text-decoration: none;}

.book-appointment a:hover{ background-color: #343232; color: #fff;}
/*below turns of blue border around formfields*/
.book-appointment input:focus, .book-appointment textarea:focus {
border-color: #96875d; box-shadow: 0 0 10px #96875d; webkit-transition: 200ms linear 0s; -moz-transition: 200ms linear 0s; -o-transition: 200ms linear 0s; transition: 200ms linear 0s; outline: 0 none; text-decoration: none;
}
/*below turns of blue border around textarea in form*/

input[type="email"] { border: 0; outline:none; box-shadow: none; background-color: #FCFCFC;}
input, textarea, select {
   -webkit-appearance: none;
}
.g-recaptcha{ float: left; width: 100%; margin: 10px 0px;}
/*Book Appointment Form Ends*/



.zeroMargin_mobile {
margin-left: 0;
}
.hide_mobile {
display: none;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.gridContainer {
	width:100%;
	clear: none;
	float: none;
	margin-left: auto;
}

.linefield-new{ padding: 15px 20px 15px 20px; background-color: #343232; width: 94%;  margin-bottom: 15px; font-size: 14px; font-family:'DIN Next W01 Medium';  font-weight: normal; border: 0px; color: #fff; border-radius: 25px; display: block;}

.linefield2{ padding: 20px; height: 120px; width: 94%;  float: left; font-size: 14px; font-family:'DIN Next W01 Medium'; font-weight: normal; margin-bottom: 10px; display: block; color: #fff; background-color: #343232; border: 0; border-radius: 25px;}




.hide_tablet {
display: none;
}
.zeroMargin_tablet {
margin-left: 0;
}
}

/* Desktop Layout: 769px to a max of 480px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 100%;
	max-width: 769px;
	margin: auto;
	clear: none;
	float: none;
	margin-left: auto;
}


.zeroMargin_desktop {
margin-left: 0;
}
.hide_desktop {
display: none;
}
}