html, button, input, select, textarea { color: #222; }
html { font-size: 1em; line-height: 1.4; }
body{ padding: 0; margin: 0; font-family:'Avenir LT W01 55 Roman', Arial, sans-serif; font-size: 15px; color: #575757; }
audio, canvas, img, video { vertical-align: middle; }
header, footer, section, nav, article, aside{ display: block; }
h1, h2, h3, h4, h5{ font-weight: normal; text-transform: uppercase; font-family:'Avenir LT W01 95 Black', Arial, sans-serif; }
a{ color: #575757; }
a:hover{ color: #52b3d9; }
textarea { resize: vertical; }
nav ul{ padding: 0; margin: 0; list-style: none; }
nav li{ float: left; }
.wrap{ width: 1140px; max-width: 1140px; margin: 0 auto; }
.left{ float: left; }
.right{ float: right; }
.mobile{ display: none; }

/*
font-family:'Calluna W01 Italic';
font-family:'Avenir LT W01 35 Light';
font-family:'AvenirLTW01-35LightObli';
font-family:'Avenir LT W01 45 Book';
font-family:'AvenirLTW01-45BookObliq';
font-family:'Avenir LT W01 55 Roman';
font-family:'AvenirLTW01-55Oblique';
font-family:'Avenir LT W01 65 Medium';
font-family:'AvenirLTW01-65MediumObl';
font-family:'Avenir LT W01 85 Heavy';
font-family:'AvenirLTW01-85HeavyObli';
font-family:'Avenir LT W01 95 Black';
font-family:'AvenirLTW01-95BlackObli';
*/

nav#top{ background: #52b3d9; color: #FFF; width: 100%; }
nav#top .wrap{ padding: 20px 0 0; position: relative; }
nav#top .logo{ float: left; width: 100px; margin-left: 20px; }
nav#top .logo a{ width: 92px; height: 92px; line-height: 92px; font-size: 23px; }
nav#top .logo strong{ display: none; }
nav#top a{ color: #FFF; text-decoration: none; }
nav#top ul{ float: right; padding: 10px 0 0; margin: 0; display: block; }
nav#top ul li a{ display: inline-block; padding: 30px 20px 60px; text-transform: uppercase; font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif; }
nav#top ul li.active a{ background: url(../img/arrow.png) bottom center no-repeat; }
nav#top ul li.quote a{ padding: 15px 20px; margin: 15px 20px; font-size: 14px; font-family:'Avenir LT W01 95 Black', Arial, sans-serif;  }
nav#top ul li.quote a:hover{ background-image: none; background-color: #ed4444; }
nav#top #desktopnav{position: absolute; top: 10px; right: 0; font-size: 30px; width: 60px; height: 58px; line-height: 64px; text-align: center; color: #FFF; background: #52B3D9; background: rgba(82, 179, 217, .9); text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); display: none; }
nav#top.scrolled{ position: fixed; top: 0; z-index: 19; background: none; }
nav#top.scrolled ul, nav#top.scrolled .logo{ display: none; }
nav#top.scrolled .wrap{ padding: 0; }
nav#top.scrolled ul li.active a, .home nav#top ul li.active a{ background: none; }
nav#top.scrolled.desktopopen{ background: #52B3D9; background: rgba(82, 179, 217, .9); }
nav#top.scrolled.desktopopen .logo{ display: block; width: 68px; }
nav#top.scrolled.desktopopen .logo a{ width: 58px; height: 58px; line-height: 58px; font-size: 14px; border-width: 3px; margin: 6px 0 0 10px; }
nav#top.scrolled.desktopopen #desktopnav{ background: none; }
nav#top.scrolled.desktopopen #desktopnav span.icon-th-list:before { content: "\e609"; }
nav#top.scrolled.desktopopen ul{ padding: 10px 0; margin: 0 70px 0 0; display: block; }
nav#top.scrolled.desktopopen ul li{ }
nav#top.scrolled.desktopopen ul li a{ padding: 20px 25px 19px; font-size: 14px; text-align: center; }
nav#top.scrolled.desktopopen ul li.quote a{ padding: 13px 20px; margin: 5px 15px 0;  }

#design{ position: relative; z-index: 7; }
#design .wrap{ position: relative; height: 635px; }
#design .photo{ position: absolute; bottom: 0; right: 0; z-index: 7 }
#design .quote{ width: 58%; color: #FFF; padding-top: 100px; }
#design .quote h2{ padding: 0; margin: 0; font-size: 47px; text-transform: uppercase; }
#design .quote p{ font-size: 25px; }
.magento #design{ margin-top: 10px; }

#team{ padding: 70px 0; text-align: center; overflow: hidden; }
#team .wrap{ width: 1088px; }
#team h2{ font-size: 55px; padding: 0 0 40px; margin: 0; }
#team h2 span{ color: #52b3d9; text-transform: lowercase; font-size: 75px; }
#team ul{ padding: 0; margin: 0; list-style: none; }
#team ul li{ float: left; width: 23.3%; padding: 0 5%; }
#team ul li .headshot{ position: relative; display: block; }
#team ul li img{ width: 100%; height: auto; margin: 0 0 20px; position: relative; z-index: 7; }
#team ul li .over{ position: absolute; top: 0; left: 0; display: none; }
#team h3{ padding: 0; margin: 0; font-size: 16px; }
#team p{ padding: 5px 0 0; margin: 0; font-size: 16px; font-family:'Calluna W01 Italic'; text-transform: none; color: #95A5A6; }

#latestnews{ padding: 40px 0 30px; background: #efefef url(../img/arrow-down.png) top center no-repeat; }
#latestnews .post{ width: 50%; float: left; }
#latestnews .post .left{ width: 22%; }
#latestnews .post .left img{ width: 100%; height: auto; border: #FFF 3px solid; }
#latestnews .post .right{ width: 68%; padding: 0 7% 0 0; }
#latestnews .post .right h2{ line-height: 1em; margin: 0; padding: 0; }
#latestnews .post .right h2 a{ font-size: 16px; text-decoration: none; }
#latestnews .post .entry{ display: block; width: 100%; }

#social{ background: #f8f8f8 url(../img/arrow-down-news.png) top center no-repeat; }
#social .wrap{ padding: 50px 0; }
#social h4{ font-size: 18px; padding: 0; margin: 0; }
#social .map{ height: 250px; margin-bottom: 60px; }
#social .col{ width: 23%; padding: 0 1%; float: left; }
#social .col ul{ padding: 20px 0 0; margin: 0; list-style: none; }
#social .col ul li{ margin: 0 0 6px; padding: 0; }
#social .col a{ text-decoration: none; }
#social #likeus{ width: 23%; padding: 0 2% 0 0;  }
#social #likeus .fb_iframe_widget{ display: inline; margin: -2px 10px 0 0; }
#social #likeus .twitter-share-button{ position: relative; top: 6px; }
#social #follow li{ margin: 0 0 8px; }
#social #follow li span{ width: 36px; height: 34px; padding: 0; margin: 0 5px 0 0; line-height: 36px; background: #64ccef; color: #FFF; display: inline-block; text-align: center; text-shadow: 0 1px rgba(0, 0, 0, 0.3); }
#social #follow li strong{ font-family: 'Avenir LT W01 65 Medium', Arial, Helvetica, sans-serif; }
#social #follow li.facebook span{ background: #507bbe; }
#social #follow li.instagram span{ background: #F9BF3B; }
#social #follow li.googleplus span{ background: #E74C3C; }
.share ul{ padding: 0; margin: 0; list-style: none; }
.share li{ margin-bottom: 6px; }
.share a{ background: #64ccef; width: 85%; height: 36px; line-height: 36px; padding: 0 5%; display: inline-block; color: #FFF; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif; text-decoration: none; }
.share li.facebook a{ background: #507bbe; }
.share li.linkedin a{ background: #2574A9; }
.share li.googleplus a{ background: #E74C3C; }
.share li span{ margin: 0 10px 0 0; }
#social #subscribe{ width: 23%; padding: 0 0 0 2%; }
#social #subscribe .gform_wrapper ul{ padding: 0; margin: 0; }
#social #subscribe .gform_wrapper ul li{ width: 100%; float: none; clear: both; display: block; }
#social #subscribe .gform_wrapper ul li input[type=email]{ border: #FFF 2px solid; }
#social #subscribe .gform_wrapper .gform_footer .button{ padding: 13px 0; width: 98%; }
#social #subscribe .gform_wrapper .validation_error{ display: none; }
#social #subscribe .gform_wrapper .validation_message{ display: block; padding: 7px 0; font-family:'Calluna W01 Italic'; color: #666; }
#social .col#subscribe p{ color: #666; }

footer#main{ background: #52b3d9; text-align: center; padding: 10px 0; }
footer#main .wrap{ position: relative; }
footer#main .logo{ margin: 0 auto; display: inline-block; }
footer#main .logo a{ width: 120px; height: 120px; font-size: 30px; line-height: 120px; border-width: 5px; position: relative; }
footer#main div{  color: #FFF; font-size: 13px; padding: 5px 0; margin: 0; display: inline; }
footer#main p{ color: #FFF; font-size: 13px; padding: 5px 0; margin: 0; }

#quote{ height: 530px; width: 100%; background: #52b3d9; position: fixed; top: -530px; z-index: 9999999; color: #FFF;  }
#quote .wrap{ position: relative; }
#quote .left{ width: 25%; padding-top: 36px; font-size: 17px; }
#quote .left span{ font-size: 160px; text-align: center; display: block; margin-top: 50px; color: #449abc; }
#quote h3{ color: #FFF; font-size: 26px; }
#quote a{ color: #FFF; }
#quote .right{ width: 65%; padding-top: 45px; position: relative; }
#quote .right ul{ padding: 0; margin: 0; list-style: none; }
#quote #closeform{ position: absolute; top: 20px; right: 30px; text-decoration: none; }
#quote #closeform span{ font-size: 26px; padding: 0 4px 0 0; color: #ed4444; position: relative; bottom: -4px; }
#quote .validation_error{ position: absolute; top: 20px; left: 0; font-family: 'AvenirLTW01-95BlackObli', Arial, Helvetica, sans-serif; }
#quote a.quotebtn{ display: none; }
#quote.scrolled a.quotebtn{ display: block; padding: 15px 20px; font-size: 14px; position: absolute; bottom: -101px; right: 20px; z-index: 9999; }
.gform_wrapper .validation_message{ display: none; }
.gform_wrapper .gfield_error input{ border-color: #E26A6A!important; }
.gform_wrapper .validation_error{ font-family: 'AvenirLTW01-95BlackObli', Arial, Helvetica, sans-serif; padding-bottom: 15px; }

/* MISC */
.btn, .button, li.quote a,  a.quotebtn{ font-size: 18px; text-shadow: 0 1px rgba(0, 0, 0, 0.3); text-transform: uppercase; text-decoration: none; color: #fff; display: inline-block; line-height: 100%; vertical-align: middle; text-align: center; cursor: pointer; font-family:'Avenir LT W01 95 Black', Arial, sans-serif; background-color: #E74C3C; padding: 20px 30px; line-height: 1.3em; }
.btn:hover, .button:hover, li.quote a:hover,  a.quotebtn:hover{ color: #FFF; }
.clear{ clear: both; }
::-moz-selection { background: #b3d4fc; text-shadow: none; }
::selection { background: #b3d4fc; text-shadow: none; }
strong{ font-weight: normal; font-family:'Avenir LT W01 85 Heavy', Arial, sans-serif; }
em{ font-style: normal; font-family:'AvenirLTW01-55Oblique', Arial, sans-serif; }
.quote{ font-family:'Calluna W01 Italic'; }
.logo{ padding: 0; margin: 0; }
.logo a{ border: #FFF 4px solid; display: block; text-align: center; font-family:'Avenir LT W01 95 Black', Arial, sans-serif; text-transform: lowercase; text-decoration: none; color: #FFF; }
.logo strong{ display: none; }
.top{ display: none; }
blockquote{ font-family:'Calluna W01 Italic'; color: #666; font-size: 20px; padding: 0 20px 0 20px; margin: 20px 0; border-left: #EEE 3px solid; box-sizing: content-box; }

/* Forms */
.gform_wrapper ul{ list-style: none; padding: 0; margin: 0; }
.gform_wrapper ul li{ width: 33.3%; float: left; padding: 10px 0; }
.gform_wrapper ul li#field_1_7{ width: 44%;  }
.gform_wrapper ul li#field_1_7 ul{ padding: 10px 0 0; }
.gform_wrapper ul li#field_1_7 li{ width: 50%; padding: 3px 0; }
.gform_wrapper ul li#field_1_13{ width: 53%; float: right;  }
.gform_wrapper ul li label{ font-family: 'Avenir LT W01 85 Heavy', Arial, Helvetica, sans-serif; font-size: 15px; padding: 0 0 4px; display: block; }
.gform_wrapper ul li#field_1_7 li label{ font-family: 'Avenir LT W01 65 Medium', Arial, Helvetica, sans-serif; font-size: 13px; display: inline; }
.gform_wrapper ul li input[type=text], .gform_wrapper ul li input[type=tel], .gform_wrapper ul li input[type=email], .gform_wrapper ul li textarea{ border: none; padding: 13px 3%; width: 98%; box-sizing: border-box; outline: none; border: #EEE 3px solid; }
.gform_wrapper ul li input:focus, .gform_wrapper ul li textarea:focus{ border-color: #C5EFF7; }
.gform_wrapper ul li select{ width: 96%; font-size: 25px; font-family: 'Avenir LT W01 65 Medium', Arial, Helvetica, sans-serif; font-size: 13px!important; }
.gform_wrapper ul li textarea{ padding: 12px 3%; height: 110px; }
.gform_wrapper .gform_footer{ clear: both; }
.gform_wrapper .gform_footer .button{  border: none; font-size: 15px; float: right; margin-right: 2%; outline: none; }

/* Live Chat */
#sc_chat_box, #sc_chat_box, .sc_chat_box{ font-family: 'Avenir LT W01 65 Medium', Arial, Helvetica, sans-serif!important; }
.sc-chat-header-title{ font-family:'Avenir LT W01 95 Black', Arial, sans-serif!important; text-transform: uppercase; }
.sc-chat-header .icon-bubbles{ position: absolute; right: 15px; top: 11px; font-size: 18px; }
.chatopen .sc-chat-header .icon-bubbles:before { content: "\e609"; }
.sc-chat-toolbar,  .sc-cnv-wrap,  .sc-msg-wrap,  .sc-chat-wrapper,  #sc_chat_box textarea.f-chat-line,  #sc_chat_box p.sc-lead,  #sc_chat_box .sc-chat-wrapper input,  #sc_chat_box .sc-chat-wrapper textarea { color: #222222; background-color: #ffffff; }
.sc-chat-toolbar a { color: #b9b9b9; }
.sc-chat-toolbar a:hover { color: #878787; }
#sc_chat_box .sc-chat-wrapper input,  #sc_chat_box .sc-chat-wrapper textarea,  #sc_chat_box textarea.f-chat-line { border-color: #cdcdcd; }
#sc_chat_box .sc-chat-wrapper input:focus,  #sc_chat_box .sc-chat-wrapper textarea:focus { background-color: #f5f5f5; border-color: #b9b9b9; }
#sc_chat_box textarea.f-chat-line:focus { background-color: #fafafa; border-color: #b9b9b9; }
#sc_chat_box .sc-chat-wrapper label { color: #878787; }
#sc_chat_box form.sc-chat-reply { border-top: 1px solid #cdcdcd; background-color: #f5f5f5; }
#sc_chat_box { width: 300px; right: 40px; }
#sc_chat_box textarea.f-chat-line { width: 258px; }
#sc_chat_box div.sc-chat-header { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; }
.sc-chat-notification.warning,  #sc_chat_box .sc-chat-wrapper .sc-start-chat-btn a,  #sc_chat_box .sc-chat-wrapper input, #sc_chat_box .sc-chat-wrapper textarea { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
#sc_chat_box .sc-chat-wrapper input, #sc_chat_box .sc-chat-wrapper textarea { width: 230px; }
.sc-chat-wrapper { border-color: #ebebeb; max-height: 380px; }
.sc-cnv-wrap { border-color: #ebebeb; max-height: 350px; }
#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn > a { color: #ffffff; background-color: #3a99d1; }
#sc_chat_box .sc-chat-wrapper .sc-start-chat-btn > a:hover { color: #ffffff; background-color: #bf3723; }
#sc_chat_box div.sc-chat-header { color: #ffffff; background-color: #E74C3C!important; text-shadow: 0 1px rgba(0, 0, 0, 0.3); }
.sc-chat-css-anim { -webkit-transition: bottom .2s; -moz-transition: bottom .2s; -o-transition: bottom .2s; transition: bottom .2s; }

/* CSS Enhancements */
.btn, .button, li.quote a, .gform_wrapper ul li input, .gform_wrapper ul li textarea, a.quotebtn, .share a, #social .map, nav#top #mobilenav, nav#top #desktopnav{ -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
a.quotebtn{ -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }
.btn, .button, li.quote a, a.quotebtn{ box-shadow: 0px 5px 0px 0px #ad1e10; }
.logo a, #social #follow span, .top, #latestnews .post .left img, #sjl .close{ -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.share li.facebook a, #follow li.facebook span{ box-shadow: 0px 2px 0px 0px #285499; }
.share li.twitter a, #follow li.twitter span{ box-shadow: 0px 2px 0px 0px #2f99bd; }
.share li.googleplus a, #follow li.googleplus span{ box-shadow: 0px 2px 0px 0px #c22d1e; }
.share li.linkedin a{ box-shadow: 0px 2px 0px 0px #1a3f79; }
#follow li.instagram span{ box-shadow: 0px 2px 0px 0px #d5a12a; }
.top{ box-shadow: 0px 2px 0px 0px #44a977; }
#social #subscribe .gform_wrapper .gform_footer .button{ box-shadow: 0px 3px 0px 0px #ad1e10; }
#sjl, #sjl .close{ -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75); }

/*CSS Animations*/
.cssanimations nav#top.scrolled.desktopopen ul {
  -webkit-animation: bounceInRight 0.7s; /* Safari 4+ */
  -moz-animation:    bounceInRight 0.7s; /* Fx 5+ */
  -o-animation:      bounceInRight 0.7s; /* Opera 12+ */
  animation:         bounceInRight 0.7s; /* IE 10+, Fx 29+ */
}
.cssanimations nav#top.scrolled.desktopopen .logo a {
  -webkit-animation: bounceInLeft 0.7s; /* Safari 4+ */
  -moz-animation:    bounceInLeft 0.7s; /* Fx 5+ */
  -o-animation:      bounceInLeft 0.7s; /* Opera 12+ */
  animation:         bounceInLeft 0.7s; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
  0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
  60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
  75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
  90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
  100% { -webkit-transform: none; transform: none; }
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); -ms-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); }
60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); -ms-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); }
75% { -webkit-transform: translate3d(10px, 0, 0); -ms-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); }
90% { -webkit-transform: translate3d(-5px, 0, 0); -ms-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); }
100% { -webkit-transform: none; -ms-transform: none; transform: none; }
}
 @-webkit-keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInLeft {  0%, 60%, 75%, 90%, 100% {
 -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
 transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 -ms-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 -ms-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 -ms-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 -ms-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 100% {
 -webkit-transform: none;
 -ms-transform: none;
 transform: none;
}
}


/*IE FIXES*/
.btn, 
.button, 
li.quote a, 
.gform_wrapper ul li input, 
.gform_wrapper ul li textarea, 
.logo a,
#social #follow span,
.share a{ position: relative; behavior: url(/PIE.htc); }
#sc_chat_box div.sc-chat-header,
a.quotebtn,
.top,
nav#top #mobilenav,
#sjl .close{ behavior: url(/PIE.htc); z-index: 9999999!important; }
a img{ border: none; }

/* Fonts */
@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot');
	src: url('../fonts/icomoon.eot?#iefix') 
			format('embedded-opentype'),
		 url('../fonts/icomoon.woff') 
		 	format('woff'),
		 url('../fonts/icomoon.ttf') 
		 	format('truetype');
	font-weight: normal;
	font-style: normal;	
}

[class^="icon-"], [class*=" icon-"] {
 font-family: 'icomoon';
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;
  /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

/* Icons */

.icon-idrejuve:before { content: "\e612"; }
.icon-right_quote:before { content: "\e603"; }
.icon-left_quote:before { content: "\e605"; }
.icon-westfield:before { content: "\e60b"; }
.icon-sony:before { content: "\e60c"; }
.icon-magento:before { content: "\e60d"; }
.icon-diva:before { content: "\e60e"; }
.icon-th-list:before { content: "\e608"; }
.icon-ok:before { content: "\e606"; }
.icon-remove:before { content: "\e609"; }
.icon-newspaper:before { content: "\e61e"; }
.icon-pencil:before { content: "\e61f"; }
.icon-droplet:before { content: "\e607"; }
.icon-bullhorn:before { content: "\e602"; }
.icon-location:before { content: "\e614"; }
.icon-clock:before { content: "\e620"; }
.icon-mobile:before { content: "\e621"; }
.icon-bubbles:before { content: "\e604"; }
.icon-bubbles2:before { content: "\e615"; }
.icon-users:before { content: "\e616"; }
.icon-cog:before { content: "\e617"; }
.icon-wand:before { content: "\e61b"; }
.icon-trophy:before { content: "\e618"; }
.icon-mug:before { content: "\e619"; }
.icon-link:before { content: "\e61a"; }
.icon-heart:before { content: "\e60a"; }
.icon-code:before { content: "\e61c"; }
.icon-googleplus:before { content: "\e623"; }
.icon-google-plus:before { content: "\e60f"; }
.icon-facebook:before { content: "\e622"; }
.icon-facebook2:before { content: "\e613"; }
.icon-instagram:before { content: "\e624"; }
.icon-twitter:before { content: "\e600"; }
.icon-twitter2:before { content: "\e610"; }
.icon-wordpress:before { content: "\e625"; }
.icon-apple:before { content: "\e601"; }
.icon-linkedin:before { content: "\e611"; }
.icon-html5:before { content: "\e61d"; }
.icon-linkedin2:before { content: "\e626"; }

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

@media only screen and (max-width: 1160px){
.wrap{ width: 95%; padding: 0 2.5%; }
#design .quote{ width: 50%; padding-top: 100px; }
.magento #design .quote{ padding-top: 60px; }
#design .quote h2{ font-size: 35px; }
#design .quote p{ font-size: 22px; }
#team .wrap{ width: 85%; }
#social .wrap{ padding: 50px 0; }
#social .col, #social #subscribe{ width: 31.3%; }
#social #likeus{ width: 100%; float: none; clear: both; display: block; padding: 0 0 50px; margin: 0 0 50px; border-bottom: #DDD 3px solid; text-align: center; }
}

@media only screen and (max-width: 980px){
nav#top.scrolled.desktopopen .logo{ width: 58px; }
nav#top.scrolled.desktopopen .logo a{ margin: 7px 0 0 0; }
nav#top.scrolled.desktopopen ul{ margin: 0 50px 0 0; }
nav#top.scrolled.desktopopen ul li a{ padding: 20px 18px 19px; }
#design .quote{ width: 45%; padding-top: 70px; }
#team .wrap{ width: 95%; }
#latestnews .post .left, #latestnews .post .right{ width: 90%; margin: 0 auto; float: none; clear: both; text-align: center; }
#latestnews .post .left img{ width: 100px; margin: 10px auto 20px; }
#quote .left{ display: none; }
#quote .right{ width: 100%; }
}
@media only screen and (max-width: 820px){
.desktop{ display: none; }
.mobile{ display: inline-block!important; }
nav#top .wrap, nav#top.scrolled .wrap{ padding: 14px 0 0; }
nav#top #desktopnav{ display: none!important; }
nav#top #mobilenav{position: fixed; top: 23px; right: 20px; font-size: 30px; width: 60px; height: 58px; line-height: 64px; text-align: center; color: #FFF; background: #52B3D9; background: rgba(82, 179, 217, .9); text-decoration: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); display: none; }
nav#top.open #mobilenav span.icon-th-list:before { content: "\e609"; }
nav#top.open #mobilenav{ background: none; }
nav#top ul{ display: none; float: none; clear: both; width: 100%; margin: 0 auto; padding: 0 0; position: fixed; top: 0; left: 0;  z-index: 999998; height: 100%; }
nav#top ul li{ display: block; width: 100%; text-align: center; padding: 0; margin: 0; border-bottom: #46b57d 1px solid; height: 25%; display: table; }
nav#top ul li a, nav#top.scrolled ul li a{ padding: 0; margin: 0; width: 100%; border-bottom: #7ddfae 1px solid; height: 100%; display: table-cell; vertical-align: middle; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: 'Avenir LT W01 95 Black', Arial, Helvetica, sans-serif; font-size: 20px; background: #66CC99!important; background: rgba(102, 204, 153, .95)!important; }
nav#top ul li.active a{ background-image: none!important; }
nav#top ul li.quote{ display: none; }
nav#top .logo, nav#top.scrolled .logo{ position: static!important; display: block; margin: 0 auto; padding: 0 0 14px; float: none; }
nav#top .logo a{ width: 82px; height: 82px; line-height: 82px; font-size: 20px; }
nav#top.scrolled{ position: static; background: #52b3d9;  }
nav#top.scrolled ul{ margin: 0; }
#design .wrap{ text-align: center; padding: 400px 0 0; height: auto; width: 100%; }
#design .photo{ width: 400px; height: auto; top: -50px; left: 50%; right: 50%; margin-left: -200px; }
#design .quote{ display: block; float: none; width: 100%; padding: 50px 30px 50px; box-sizing: border-box; background: #5b958e; position: relative; z-index: 11; }
#design .quote h2{ font-size: 32px; }
#design .quote p{ font-size: 18px; }
#team{ padding: 50px 0 60px; }
#team .wrap ul li{ width: 40%; padding: 20px 5%; }
#latestnews .post{ width: 100%; float: none; clear: both; padding: 20px 0; }
#latestnews .post .left{ width: 20%; float: left; clear: none; }
#latestnews .post .left img{ width: 100%; margin: 6px 0 0; }
#latestnews .post .right{ width: 68%; padding: 0 7% 0 0; float: right; clear: none; text-align: left; }
#social .col{ width: 48%; }
#social #subscribe{ display: none; }
#quote{ display: none; }
.top{ position: fixed; bottom: 20px; right: 20px; z-index: 999997!important; width: 60px; height: 58px; line-height: 58px; text-align: center; color: #FFF; background: #66CC99; background: rgba(102, 204, 153, .95); text-decoration: none; font-family:'Avenir LT W01 95 Black', Arial, sans-serif; text-transform: uppercase; text-shadow: 0 1px rgba(0, 0, 0, 0.3); }
.top:hover{ color: #FFF; }
}
@media only screen and (max-width: 635px){
nav#top #mobilenav{ top: 10px; right: 10px; width: 50px; height: 50px; line-height: 56px; font-size: 27px; }
#design .wrap{ padding-top: 300px; }
#design .photo{ width: 300px; margin-left: -150px; }
#design .quote h2{ font-size: 28px; }
.magento #design{ margin-top: 20px; }
#team .wrap ul li{ width: 46%; padding: 20px 2%; }
#latestnews .post{ padding: 10px 0; }
#latestnews .post .left, #latestnews .post .right{ width: 90%; margin: 0 auto; float: none; clear: both; text-align: center; }
#latestnews .post .left img{ width: 100px; margin: 10px auto 20px; }
footer#main p span{ display: none; }
.top{ bottom: 10px; right: 10px; width: 50px; height: 50px; line-height: 52px; font-size: 14px; }
}
@media only screen and (max-width: 420px){
#team{ padding: 40px 0 35px; }
#team.contactus{ padding: 0 0 50px; }
#team .wrap ul li{ width: 80%; padding: 20px 10%; }
#social .wrap{ padding: 50px 0 40px; }
#social .col{ width: 98%; text-align: center; }
#social #follow{ padding: 0 0 30px; }
#social #follow li{ margin: 0 3px 20px; display: inline-block; clear: none; }
#social #follow li a strong{ display: none; }
#social #follow li a span{ display: block; float: none; margin: 0 auto 8px; width: 60px; height: 58px; line-height: 60px; font-size: 20px; }
.share a{ height: 50px; line-height: 50px; font-size: 16px; }
.share a span{ font-size: 20px; margin-top: 15px; position: relative; top: 4px; }
}