* { margin:0; padding:0; border:0; outline:0; font-size:100%; border:none; }
html { -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; ms-text-size-adjust:100%; }
body { font-family: "Trebuchet MS", Arial, sans-serif; font-size:16px; background:#000; }

.clearfix:after { visibility:hidden; display:block; font-size:0;content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */
.clear { clear:both; visibility:hidden; }

a { color:#FFF; text-decoration:none;  }
h1 { padding:0 10px; color:#FFF; text-transform:uppercase; font-weight:normal; }
.header { width:100%; background-size:cover; background-image:url(../images/mg_header.jpg); background-repeat:no-repeat; background-color:#CCC; position:relative; }
.slogan { background:url(../images/bg.png); padding:20px 0; text-align:center; position:absolute;  bottom:30px; width:100%;  }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:18px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { text-align:center; font-family:Arial, Helvetica, sans-serif; color:#FFF;  }
.main .logo { width:100%; height:73px; background:url(../images/maxgraphic_logo.png) no-repeat center center; }
.main .phone a { white-space:nowrap; }
.main .phone a.icon { padding-left:25px; background:url(../images/icon_phone.png) no-repeat left center; }
.main .address { color:#a2a2a2; }
.main .address a { padding-left:24px; background:url(../images/icon_map.png) no-repeat left center; }
.main .sitelink a { border:1px solid #848484; display:inline-block; color:#FFF; text-decoration:none; margin-bottom:20px;  }
.footer {  background:#232323; text-align:center; margin-bottom:20px; }
.social a { display:inline-block; }
.social a.fblink { background: url(../images/icon_fb.png) no-repeat 0; }
.social a.lnlink { background: url(../images/icon_linkedin.png) no-repeat 0; }
.social a.glink { background: url(../images/icon_gplus.png) no-repeat 0; }
.social a.twlink { background: url(../images/icon_twitter.png) no-repeat 0; }
.social a span { color:#a3a3a3;  }


.googlemapblock { position:fixed; width:100%; height:100%; }
.googlemapblock .googlemap { width:100%; height:100%; }
.googlemapblock .mapblocktext { width:100%; height:40px; background:#444; position:absolute; top:0px; right:0px; z-index:100; }
.googlemapblock .mapblocktext a { height:40px; width:40px; background-color:#c40000; padding-right:8px; background:url(../images/form_close.png) no-repeat center top; float:right; }

@media all and (min-width: 980px)  {
h1 { font-size:1.8em; line-height:1.3em; }
.header { height:498px; }
.slogan { background:url(../images/bg.png); padding:20px 0; text-align:center;    }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:18px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:40px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.8em;  }
.main .address { padding:5px 0 40px 0; font-size:1.3em;  }
.main .sitelink a {  padding:10px 20px; font-size:1.3em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; }
.social a span { padding-left:45px; }

}

@media all and (max-width: 980px)  {
.ccontent { width:100%; }
h1 { font-size:1.6em; line-height:1.2em; }
.header { height:498px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:20px 0; text-align:center;    }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:16px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:40px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.6em;  }
.main .address { padding:5px 0 40px 0; font-size:1.2em;  }
.main .sitelink a {  padding:10px 20px; font-size:1.2em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
/*.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; }
.social a span { padding-left:45px;}*/
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; width:35px;  }
.social a span { visibility:hidden; display:none; padding:0; }

}


@media all and (max-width: 640px) {
h1 { font-size:1.5em; line-height:1.3em; }
.header { height:398px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:20px 0; text-align:center;    }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:16px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:40px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.5em;  }
.main .address { padding:5px 0 40px 0; font-size:1.1em;  }
.main .sitelink a {  padding:10px 20px; font-size:1.1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; }
.social a span { padding-left:45px;}


}

@media (max-width: 640px) and (orientation: portrait){
h1 { font-size:1.5em; line-height:1.3em; }
.header { height:398px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:20px 0; text-align:center;    }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:16px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:40px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.5em;  }
.main .address { padding:5px 0 40px 0; font-size:1.1em;  }
.main .sitelink a {  padding:10px 20px; font-size:1.1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
/*.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; }
.social a span { padding-left:45px;}
*/.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; width:35px;  }
.social a span { visibility:hidden; display:none; padding:0; }

}


@media (max-width: 640px) and (orientation: landscape){
h1 { font-size:1.2em; line-height:1.3em; }
.header { height:178px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:10px 0; text-align:center; bottom:10px;  }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:14px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:10px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.4em;  }
.main .address { padding:5px 0 40px 0; font-size:1em;  }
.main .sitelink a {  padding:5px 20px; font-size:1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:top; line-height:55px; height:55px; width:55px;  }
.social a span { visibility:hidden; display:none; padding:0; }

}


@media (min-width: 1136px) and (orientation: landscape){
h1 { font-size:1.4em; line-height:1.3em; }
.header { height:178px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:10px 0; text-align:center; bottom:10px;  }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:14px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:10px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.4em;  }
.main .address { padding:5px 0 40px 0; font-size:1.3em;  }
.main .sitelink a {  padding:10px 20px; font-size:1.3em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px;  }
.social a span { padding-left:45px; }

}

@media (min-width: 1024px) and (orientation: landscape){
h1 { font-size:1.6em; line-height:1.3em; }
.header { height:400px; background-position:center top; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:10px 0; text-align:center; bottom:10px;  }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:14px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:20px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.4em;  }
.main .phone a { background:url(../images/icon_phone.png) no-repeat left center;}
.main .address { padding:5px 0 40px 0; font-size:1em;  }
.main .sitelink a {  padding:5px 20px; font-size:1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 20px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:left bottom; line-height:35px; height:35px; }
.social a span { padding-left:45px; }

}

@media all and (max-width: 480px) {
h1 { font-size:1.2em; line-height:1.3em; }
.header { height:268px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:15px 0; text-align:center;    }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:12px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:20px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.4em;  }
.main .address { padding:5px 0 20px 0; font-size:1em;  }
.main .sitelink a {  padding:10px 20px; font-size:1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 10px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:top; line-height:55px; height:55px; width:55px;  }
.social a span { visibility:hidden; display:none; padding:0; }


}

@media (max-width: 480px) and (orientation: landscape){
h1 { font-size:1.2em; line-height:1.2em; }
.header { height:138px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:10px 0; text-align:center; bottom:10px;  }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:14px; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:10px 0;  }
.main .logo { padding-bottom:20px; }
.main .phone { padding:10px 0; font-size:1.4em;  }
.main .address { padding:5px 0 20px 0; font-size:1em;  }
.main .sitelink a {  padding:5px 20px; font-size:1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 10px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:top; line-height:55px; height:55px; width:55px;  }
.social a span { visibility:hidden; display:none; padding:0; }

}

@media all and ( max-width:320px) {
h1 { font-size:1.2em; line-height:1.4em; }
.header { height:298px; background-position:center; margin:auto;   }
.slogan { background:url(../images/bg.png); padding:20px 0; text-align:center;    }
.header .sltxt { background:#a60300; text-align:center; color:#FFF; font-size:0.8em; display:inline-block; padding:5px 10px; font-style:normal; margin:10px 0; }
.main { padding:20px 0;  }
.main .logo { padding-bottom:10px; }
.main .phone { padding:10px 0; font-size:1.2em;  }
.main .address { padding:5px 0 20px 0; font-size:1em;  }
.main .sitelink a {  padding:10px 20px; font-size:1em;  }
.footer { padding:15px 0;  }
.social a {  margin:0 10px; }
.social a.fblink, .social a.lnlink, .social a.glink, .social a.twlink { background-position:top; line-height:55px; height:55px; width:55px;  }
.social a span { visibility:hidden; display:none; padding:0; }


}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {

	.main .logo { background-size:197px; background-image:url(../images/maxgraphic_logo@2x.png); }
	.main .phone a.icon { background-size:18px; background-image:url(../images/icon_phone@2x.png); }
	.main .address a { background-size:15px 18px; background-image:url(../images/icon_map@2x.png); }
	.social a.fblink { background-size:55px; background-image:url(../images/icon_fb@2x.png); }
	.social a.lnlink { background-size:55px; background-image:url(../images/icon_linkedin@2x.png); }
	.social a.glink { background-size:55px; background-image:url(../images/icon_gplus@2x.png); }
	.social a.twlink { background-size:55px; background-image:url(../images/icon_twitter@2x.png); }
	.googlemapblock .mapblocktext a { background-size:40px; background-image:url(../images/form_close@2x.png); }
	}