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


*{
	margin: 0px;
	padding: 0px;
}



img{
	border:0px;
	}
	
a{-webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none; text-decoration: none; }

ul{ padding: 0px; margin: 0px; list-style: none; }
	
/*The reason for this is to prevent "centering jumps" when navigating back and forth between 
pages with enough content to have a vertical scroll bar and pages that do not.*/

html {
overflow-y: scroll;
}
/*centering jump ends*/


html {  -webkit-font-smoothing: subpixel-antialiased; -webkit-text-stroke:1px transparent; }


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


body{
	margin: 0; padding: 0px; 
    font-family:'DIN Next W01 Medium'; text-align: center; -webkit-text-size-adjust: 100%;
	/* change below to fixed or scroll*/
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	/* change below to fixed or scroll*/
	background-attachment: fixed;
	text-rendering: optimizeLegibility;
   background-image: url(../imgs/body_bkg2.jpg);
	}



/*Master Container Starts*/
#master-container {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	text-align: left;/*this overrights  ie5 text align box model error*/
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: geometricPrecision;
	}
	/*Master Container Ends*/
	

/*Strap Line Starts*/
.strap-line{ width: 1200px; float: left; text-align: center; background-color: #f4f5f0; color: #6b6967; font-family:'DIN Next W01 Bold'; font-size: 30px; font-weight: normal; padding: 17px 0px 15px 0px;}


/*Banner Content Starts*/
.banner-content{ width: 1200px; float: left; padding: 5px 0px; background-color: #fff;}
.logo{width: 631px; height: 144px; float: left;}

.tells{ float: right; margin: 20px 40px 10px 0px; text-align: center;}

.request a{ float: left; width: 250px; background-color: #ecdc23; color: #000; padding: 13px 18px 10px 18px; font-family:'DIN Next W01 Bold'; font-size: 22px; font-weight: normal; border-radius: 25px; margin-bottom: 10px; display: block;}
.request a:hover{background-color: #c4e7e5;}

.number{ float: left; width: 250px; background-color: #ecdc23; color: #000; padding: 13px 18px 10px 18px; font-family:'DIN Next W01 Bold'; font-size: 22px; font-weight: normal; border-radius: 25px;}

.number a{color: #000;}


/*Rotator Starts*/
.rotator{width: 1200px; height: 539px; float: left;}

/*Services Starts*/
.services{width: 1100px; float: left; background-color: #97d2ce; padding: 40px 50px;}
.sheadline{float: left; width: 990px; text-align: center; color: #fff; font-family:'DIN Next W01 Medium'; font-size: 26px; line-height: 34px; font-weight: normal; margin-left: 55px;}
.slayout{float: left; width: 990px; margin-left: 55px; margin-top: 60px; }
.strips{ float: left; width: 990px; margin-bottom: 30px;}
.threeboxs{float: left; width: 330px;}
.threeimgs{float: left; width: 116px; height: 114px; margin-left: 107px;}
.threetext{float: left; width: 330px; margin-top: 20px; text-align: center;}

.threetext h3{ font-family:'DIN Next W01 Bold'; font-weight: normal; font-size: 22px; color: #000; display: block; margin-bottom: 12px;}
.threetext p{ font-family:'DIN Next W01 Medium'; font-weight: normal; font-size: 16px; color: #fff; display: block; margin-bottom: 5px;}
.threeimgs img {
}

.threeimgs img:hover {
    opacity: 0.9;
    filter: alpha(opacity=90); /* For IE8 and earlier */ 
    -webkit-transition: 300ms linear 0s; -moz-transition: 300ms linear 0s; -o-transition: 300ms linear 0s; transition: 300ms linear 0s; outline: 0 none;
transform: scale(0.95);
}



/*Squares Starts*/
.squares{ float: left; width: 1200px;}
.squares h3{font-family:'DIN Next W01 Bold'; color: #000; font-size: 50px; margin-bottom: 20px; font-weight: normal; line-height: 43px;}
.squares p{font-family:'DIN Next W01 Medium'; color: #6b6967; font-size: 22px; line-height: 33px; font-weight: normal;}
.sets{ float: left; width: 1200px;}
.sleft{float: left; width: 600px;}
.sright{float: right; width: 600px;}

/*Webdesign Starts*/
.digital{float: left; width: 480px; height: 367px; background-color: #f2f4ee; padding: 60px;}
.lead{float: left; width: 480px; height: 367px; background-color: #c4e7e5; padding: 60px;}
.design-print{float: left; width: 480px; height: 367px; background-color: #dedcdb; padding: 60px;}
.social-media{float: left; width: 480px; height: 367px; background-color: #fff; padding: 60px;}
.video-photography{float: left; width: 480px; height: 367px; background-color: #e4e8db; padding: 60px;}
.copy{float: left; width: 480px; height: 367px; background-color: #8cd2d0; padding: 60px;}
.window-sales-lab{float: left; width: 480px; height: 367px; background-color: #cfeceb; padding: 60px;}
.wdesignimg{float: left; width: 600px; height: 487px;}


.offices{float: left; width: 1200px; height: 966px;}
/*Webdesign ends*/



/*Footer Starts*/
#footer{ width: 1080px; float: left; padding: 80px 60px 60px 60px; background-color: #000;}
.fheader{ width: 1080px; float: left; text-align: center; font-family:'DIN Next W01 Medium'; font-weight: normal; color: #ecdc23; font-size: 35px; margin-bottom: 50px;}
.fsection{width: 1080px; float: left;}
.fleft{width: 520px; float: left; padding-right: 20px; color: #fff; font-family:'DIN Next W01 Medium'; line-height: 25px; font-size: 16px;}
.fright{width: 520px; float: right; padding-left: 20px; margin-bottom: 50px;}
.fright p{ display: block; color: #c5c3c3; font-family:'DIN Next W01 Medium'; font-size: 13px; margin-bottom: 5px;}



.book-form img:hover { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ -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;
}
.linefield{ width: 490px; float: left; padding: 15px 20px 10px 20px; background-color: #343232; margin-bottom: 10px; font-size: 14px; font-family:'DIN Next W01 Medium';  font-weight: normal; border: 0px; color: #fff; border-radius: 25px;}

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

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

/*below turns of blue border around formfields*/
.fright input:focus {
border-color: #ecdc23; box-shadow: 0 0 10px #ecdc23; 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*/
.fright textarea:focus {
 border-color: #ecdc23; box-shadow: 0 0 10px #ecdc23; 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;
}

.g-recaptcha{ float: left; margin: 5px 0px 0px 0px; display: block;}

/*Book Appointment Ends Here*/


.flogo{ width: 574px; height: 126px; float: left; margin-left: 253px;}

.btells{ width: 768px; float: left; margin-left: 156px; text-align: center; color: #fff; margin-top: 15px; font-size: 18px;}

.bholds{width: 256px; float: left;}


/*Footer Ends*/


.bar{ width: 1200px; height: 51px; float: left;}



























































/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.2
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/

#toTop {
  display:none;
  text-decoration:none;
  position:fixed;
  bottom:10px;
  right:10px;
  overflow:hidden;
  width:51px;
  height:51px;
  border:none;
  text-indent:100%;
  background:url(../ui.totop.png) no-repeat left top;
}

#toTopHover {
  background:url(../ui.totop.png) no-repeat left -51px;
  width:51px;
  height:51px;
  display:block;
  overflow:hidden;
  float:left;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
  outline:none;
}


.cc-color-override--1038605890.cc-message{
	color: #fff !important;
	font-family:'VAG Rounded W01 Light' !important;
	font-size: 18px;
}