body { font-family:'Poppins', sans-serif; background-color:#f2f2f2; }

.mainWrapper { max-width:1140px; margin:0 auto; padding:0 15px; position:relative; }

.headTop { min-height:52px; font-size:12.5px; background-color:#06c; }
.headTop ul { float:right; margin:0; padding:0; list-style:none; border-right:1px solid #333; }
.headTop ul li { float:left; line-height:52px; letter-spacing:0.5px; font-weight:400; }
.headTop ul li a { display:block; padding:0 10px; color:white; text-decoration:none; border-left:1px solid #333; -webkit-transition: background-color .3s ease-in-out; -moz-transition: background-color .3s ease-in-out; -ms-transition: background-color .3s ease-in-out; -o-transition: background-color .3s ease-in-out; transition: background-color .3s ease-in-out; }
.headTop ul li a:hover { background-color:#333; }

#mainHeader { padding-top:10px; background-color:white; border-bottom:1px solid #eee; }
.mainLogo { display:block; float:left; padding:25px 15px 15px; }

#navToggle { display:none; float:right; margin:35px 25px 0 0; cursor:pointer; }
#navToggle span { display:block; width:24px; height:2px; margin-top:7px; background-color:#333; }
#navToggel span:first-child { margin-top:0; }

#mainNav { float:right; margin:0; padding:0; list-style:none; }
#mainNav li { float:left; text-transform:uppercase; letter-spacing:0.7px; font-size:15px; font-weight:700; }
#mainNav li a { display:block; padding:45px 15px; color:#444; text-decoration:none; border-bottom:3px solid white; -webkit-transition: border-color .3s ease-in-out; -moz-transition: border-color .3s ease-in-out; -ms-transition: border-color .3s ease-in-out; -o-transition: border-color .3s ease-in-out; transition: border-color .3s ease-in-out; }
#mainNav li a:hover { border-bottom-color:#06c; }

#mainContent { padding:15px; }

#mainFooter { padding:30px 0; color:#fbfbfb; font-size:15px; background-color:#111; }

.footLeft { float:left; font-weight:700; }
.footLeft p { margin:0; }
.footLeft a { margin-right:14px; color:#06c; text-decoration:none; -webkit-transition: color .3s ease-in-out; -moz-transition: color .3s ease-in-out; -ms-transition: color .3s ease-in-out; -o-transition: color .3s ease-in-out; transition: color .3s ease-in-out; }
.footLeft a:hover { color:#444; }

.footSocial { float:right; }
.footSocial a { display:block; float:left; height:16px; margin-left:16px; color:#666; text-decoration:none; background-image:url(../img/social_sprite.jpg); background-repeat:no-repeat; -webkit-transition: background-image .3s ease-in-out; -moz-transition: background-image .3s ease-in-out; -ms-transition: background-image .3s ease-in-out; -o-transition: background-image .3s ease-in-out; transition: background-image .3s ease-in-out; }
.footSocial a:hover { background-image:url(../img/social_sprite_hover.jpg);}
.footSocial a.facebookIcon { width:9px; background-position:-0px -0px; }
.footSocial a.twitterIcon { width:16px; background-position:-27px -0px; }
.footSocial a.pinterestIcon { width:14px; background-position:-58px -0px; }
.footSocial a.stumbleuponIcon { width:18px; background-position:-87px -0px; }
.footSocial a.instagremIcon { width:15px; background-position:-119px -0px; }
.footSocial a.dribbbleIcon { width:16px; background-position:-149px -0px; }
.footSocial a.vimeoIcon { width:15px; background-position:-180px -0px; }
.footSocial a.tumblrIcon { width:10px; background-position:-213px -0px; }
.footSocial a.rssIcon { width:15px; background-position:-241px -0px; }