/*
Theme Name: The Works Communications
Theme URI: 
Description: Child 01 theme for the Reactor theme
Author: <a href="http://anthonywilhelm.com">Anthony Wilhelm</a>
Author URI: 
Template: awtheme-reactor-e047699
Version: 1.3.5
*/

/* Generated by Orbisius Child Theme Creator (http://club.orbisius.com/products/wordpress-plugins/orbisius-child-theme-creator/) on Tue, 28 Oct 2014 13:27:39 +0000 */ 

@import url('../awtheme-reactor-e047699/style.css');

/*
Global
*/
.clear{clear:both;}
.alpha{margin-left:0px; padding-left: 0px;}


body { font-size: 1.3rem; } /* =13px */
h1   { font-size: 2.4rem; } /* =24px */
h2   { font-size: 2.2rem; } /* =22px */
h3   { font-size: 2.0rem; } /* =20px */
h4   { font-size: 1.8rem; } /* =18px */
h5   { font-size: 1.7rem; } /* =16px */
h6   { font-size: 1.0rem; } /* =10px */

html.js.no-touch.svg.inlinesvg.svgclippaths.no-ie8compat body.page.page-id-181.page-template.page-template-page-about-php.has-top-bar div#main.wrapper div.featured.dropshadow div.large-12.medium-12.columns article div.row div.large-12.medium-12.columns.aboutcontent h6 a img.alignright.size-full.wp-image-428{align:left!important;}

.just{text-align: justify;}
.dtreviewed{display:none;}
div.testimonial_rotator_microdata div.permalink{display:none;}
.summary{display:none;}
h2.testimonial_rotator_slide_title{font-size: 1.2rem;  }
div.testimonial_rotator_quote{font-size: 1.0rem;  }
.testimonial_rotator_description{margin-top: 5%; font-size: 1.5rem;}
.servicelist h3{ font-size: 1.7rem; }
.testblock{margin-right: 1%;}


.homeblocks{padding-bottom:1%;}
.serviceimg{margin-top:70px;}

body {
    color: #333333;
    font-family:Helvetica,Arial,sans-serif;
    font-size: 1.0rem;
    letter-spacing: 0.05rem;
    line-height: 1.625;
font-weight: normal;
}

h1, h2, h3, h4, h5, h6{
    font-family: "Open Sans",sans-serif;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    color:#009999;
font-weight: normal;
}
p { 
    font-weight: 300;
    margin-bottom: 2.2rem;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}
p{margin-bottom: .75em;}

hr{border:1px solid #333300;
}

a{color:#009999;}

.breadcrumbs > * a, .breadcrumbs > * span{color:#009999;}


/*
Homepage
*/
body.home.page p.site-title{display:none;}
body.home.page p.site-description{display:none;}
p.intro{position:absolute; top:10px; text-align: center; 
  width:80%; padding-left:1%; padding-right:2%;
color: #fff; font-size:1.6rem; }
p.testi{padding-right:2%;}










/*
About
*/
.aboutcontent img{margin:0% 1%;}


/*
Header
*/

.head{height:170px;}
.top-bar-section li a:not(.button){background-color: #333300;}

.head img{margin-top:3%;margin-bottom:3%;}

.headerimg{position: relative; 
   width: 100%; /* for IE 6 */
   margin-bottom:2%;

}

.header .headerh1{position: absolute; 
   top: 50px; 
   left: 10px; 
   width: 100%;
   padding-left: 4%;
   }



.header .headerp{position: absolute; 
   top: 130px; 
   left: 10px; 
   width: 100%;
 padding-left: 4%;
text-align: justify;}


   .fa-fw{font-size:8px;}

/*
Main Nav
*/

.top-bar-section ul li.active > a {background-color:#00b1aa; color:#fff;}
.top-bar-section li a:hover:not(.button){background-color:#00b1aa; color:#fff;}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {border-style: none;}
li.divider{margin-right:10px; background-color:transparent;}
.top-bar-section ul {background-color:transparent;}
ul.header li{list-style: none;}
li i.fa {margin-right:2%; color:#009999;}
.top-bar-section ul li > a {
    color: #ffffff;
    display: block;
    font-size: 0.8125em;
    font-weight: 300;
    width: 100%;
}

/*
Socials
*/



/*
Testimonials
*/
h3.testname {padding-top: 5px; height: 25px;}
   
p.testtitle{ font-weight: bold; height: 12px;}
p.testmagazine{font-style: italic; height: 10px;}
p.testtestimonial{padding-top:5px;}
.testimonalbox{border:1px solid #009999; margin-bottom: 2%;}

testimonial_rotator_quote{height:auto;}

.page-template-page-clients-php hr{width:100%; 
}



.page-id-181 .TestimonialRotatorWidget{display:none;}
.page-id-11 .TestimonialRotatorWidget{display:none;}
.page-id-509 .TestimonialRotatorWidget{display:none;}
.page-id-522 .TestimonialRotatorWidget{display:none;}
/*
Footer
*/


#colophon1 {
    text-align: right;
}
#colophon1, .footer-links li {
    font-size: 0.75em;
}

/*
Pages
*/

.page-template-page-about-php div.title-area{display:none;}
.page-template-page-services-php div.title-area{display:none;}
.page-template-page-clients-php div.title-area{display:none;}
.page-template-page-full-width-php div.title-area{display:none;}
.page-template-page-full-width-blog-php div.title-area{display:none;}
.page-template-page-awards-php div.title-area{display:none;}


/*
Posts
*/

.single-post div.title-area{display:none;}
 body.blog div.title-area{display:none;}
body.blog h1.entry-title{display:none;}
body.blog div.entry-meta{display:none;}

/*
Services
*/

.page-template-page-services-php ul li{list-style:none;}
.page-template-page-services-php li.cog i.fa {margin-right:2%;}
.servicelist h3{padding-left:6%;}













/* -----------------------------------------
   Item: Social Sprites
   Author: The Fireworks Police
   Description: Social Sprites for Wordpress
   Version: 2.5.0
----------------------------------------- */

/* Sprites URL
================================================== */

/*** UPDATE THESE URL ***/

.ss li{background:url(images/socialsprites.png) no-repeat!important}
.ssm li{background:url(images/socialsprites_mini.png) no-repeat!important}
.ss.ss_white li{background:url(images/socialsprites_wht.png) no-repeat!important}
.ssm.ssm_white li{background:url(images/socialsprites_mini_wht.png) no-repeat!important}

/*** UPDATE THESE URL ***/

/* Social Sprites: General Listing
================================================== */
.ss{width:auto;margin:0;padding:0;text-align:right; margin-top: 120px;}
.ss li{display:inline-block!important;margin:0!important;padding:0!important;border-right:1px solid rgba(0,0,0,0.2)!important;border-bottom:none!important;height:40px!important;width:40px!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ss li:hover{}
.ss li:first-child{border-left:1px solid rgba(0,0,0,0.2)!important}
.ss li a{display:block!important;text-indent:-9999px!important;height:40px!important;width:40px!important}
.ss li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)}

/* Social Sprites: Icon Classes
================================================== */
.ss li.digg{background-position:0 0!important}
.ss li.digg:hover{background-position:0 -40px!important}
.ss li.dribbble{background-position:0 -80px!important}
.ss li.dribbble:hover{background-position:0 -120px!important}
.ss li.facebook{background-position:0 -160px!important}
.ss li.facebook:hover{background-position:0 -200px!important}
.ss li.flickr{background-position:0 -240px!important}
.ss li.flickr:hover{background-position:0 -280px!important}
.ss li.forrst{background-position:0 -320px!important}
.ss li.forrst:hover{background-position:0 -360px!important}
.ss li.googleplus{background-position:0 -400px!important}
.ss li.googleplus:hover{background-position:0 -440px!important}
.ss li.html5{background-position:0 -480px!important}
.ss li.html5:hover{background-position:0 -520px!important}
.ss li.icloud{background-position:0 -560px!important}
.ss li.icloud:hover{background-position:0 -600px!important}
.ss li.lastfm{background-position:0 -640px!important}
.ss li.lastfm:hover{background-position:0 -680px!important}
.ss li.linkedin{background-position:0 -720px!important}
.ss li.linkedin:hover{background-position:0 -760px!important}
.ss li.myspace{background-position:0 -800px!important}
.ss li.myspace:hover{background-position:0 -840px!important}
.ss li.paypal{background-position:0 -880px!important}
.ss li.paypal:hover{background-position:0 -920px!important}
.ss li.picasa{background-position:0 -960px!important}
.ss li.picasa:hover{background-position:0 -1000px!important}
.ss li.pinterest{background-position:0 -1040px!important}
.ss li.pinterest:hover{background-position:0 -1080px!important}
.ss li.reddit{background-position:0 -1120px!important}
.ss li.reddit:hover{background-position:0 -1160px!important}
.ss li.rss{background-position:0 -1200px!important}
.ss li.rss:hover{background-position:0 -1240px!important}
.ss li.skype{background-position:0 -1280px!important}
.ss li.skype:hover{background-position:0 -1320px!important}
.ss li.stumbleupon{background-position:0 -1360px!important}
.ss li.stumbleupon:hover{background-position:0 -1400px!important}
.ss li.tumblr{background-position:0 -1440px!important}
.ss li.tumblr:hover{background-position:0 -1480px!important}
.ss li.twitter{background-position:0 -1520px!important}
.ss li.twitter:hover{background-position:0 -1560px!important}
.ss li.vimeo{background-position:0 -1600px!important}
.ss li.vimeo:hover{background-position:0 -1640px!important}
.ss li.wordpress{background-position:0 -1680px!important}
.ss li.wordpress:hover{background-position:0 -1720px!important}
.ss li.yahoo{background-position:0 -1760px!important}
.ss li.yahoo:hover{background-position:0 -1800px!important}
.ss li.youtube{background-position:0 -1840px!important}
.ss li.youtube:hover{background-position:0 -1880px!important}
.ss li.customicon1{background-position:0 0!important}
.ss li.customicon1:hover{background-position:0 -40px!important}
.ss li.customicon2{background-position:0 0!important}
.ss li.customicon2:hover{background-position:0 -40px!important}
.ss li.github{background-position:0 -1920px!important}
.ss li.github:hover{background-position:0 -1960px!important}
.ss li.behance{background-position:0 -2000px!important}
.ss li.behance:hover{background-position:0 -2040px!important}
.ss li.yelp{background-position:0 -2080px!important}
.ss li.yelp:hover{background-position:0 -2120px!important}
.ss li.mail{background-position:0 -2160px!important}
.ss li.mail:hover{background-position:0 -2200px!important}
.ss li.instagram{background-position:0 -2240px!important}
.ss li.instagram:hover{background-position:0 -2280px!important}
.ss li.foursquare{background-position:0 -2320px!important}
.ss li.foursquare:hover{background-position:0 -2360px!important}
.ss li.zerply{background-position:0 -2400px!important}
.ss li.zerply:hover{background-position:0 -2440px!important}
.ss li.star{background-position:0 -2480px!important}
.ss li.star:hover{background-position:0 -2520px!important}
.ss li.share{background-position:0 -2560px!important}
.ss li.share:hover{background-position:0 -2600px!important}
.ss li.doc{background-position:0 -2640px!important}
.ss li.doc:hover{background-position:0 -2680px!important}
.ss li.aboutme{background-position:0 -2720px!important}
.ss li.aboutme:hover{background-position:0 -2760px!important}
.ss li.bandcamp{background-position:0 -2800px!important}
.ss li.bandcamp:hover{background-position:0 -2840px!important}
.ss li.viki{background-position:0 -2880px!important}
.ss li.viki:hover{background-position:0 -2920px!important}
.ss li.deviantart{background-position:0 -2960px!important}
.ss li.deviantart:hover{background-position:0 -3000px!important}
.ss li.xing{background-position:0 -3040px!important}
.ss li.xing:hover{background-position:0 -3080px!important}

/* Social Sprites Mini
================================================== */
.socialbar_mini{height:30px;width:100%;padding:0;z-index:999}
.ssm{width:auto;margin:0!important;padding:0!important;text-align:left;font-size:0}
.ssm li{display:inline-block!important;height:30px!important;width:30px!important;margin:0!important;padding:0!important;border-right:1px solid rgba(0,0,0,0.2)!important;border-bottom:none!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ssm li:hover{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
.ssm li:first-child{border-left:1px solid rgba(0,0,0,0.2)!important}
.ssm li a{display:block!important;text-indent:-9999px!important;height:30px!important;width:30px!important}
.ssm li a:active{box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.3),inset 0 0 10px rgba(0,0,0,0.3)}

/* Social Sprites Mini: Icon Classes
================================================== */
.ssm li.digg{background-position:0 0!important}
.ssm li.digg:hover{background-position:0 -30px!important}
.ssm li.dribbble{background-position:0 -60px!important}
.ssm li.dribbble:hover{background-position:0 -90px!important}
.ssm li.facebook{background-position:0 -120px!important}
.ssm li.facebook:hover{background-position:0 -150px!important}
.ssm li.flickr{background-position:0 -180px!important}
.ssm li.flickr:hover{background-position:0 -210px!important}
.ssm li.forrst{background-position:0 -240px!important}
.ssm li.forrst:hover{background-position:0 -270px!important}
.ssm li.googleplus{background-position:0 -300px!important}
.ssm li.googleplus:hover{background-position:0 -330px!important}
.ssm li.html5{background-position:0 -360px!important}
.ssm li.html5:hover{background-position:0 -390px!important}
.ssm li.icloud{background-position:0 -420px!important}
.ssm li.icloud:hover{background-position:0 -450px!important}
.ssm li.lastfm{background-position:0 -480px!important}
.ssm li.lastfm:hover{background-position:0 -510px!important}
.ssm li.linkedin{background-position:0 -540px!important}
.ssm li.linkedin:hover{background-position:0 -570px!important}
.ssm li.myspace{background-position:0 -600px!important}
.ssm li.myspace:hover{background-position:0 -630px!important}
.ssm li.paypal{background-position:0 -660px!important}
.ssm li.paypal:hover{background-position:0 -690px!important}
.ssm li.picasa{background-position:0 -720px!important}
.ssm li.picasa:hover{background-position:0 -750px!important}
.ssm li.pinterest{background-position:0 -780px!important}
.ssm li.pinterest:hover{background-position:0 -810px!important}
.ssm li.reddit{background-position:0 -840px!important}
.ssm li.reddit:hover{background-position:0 -870px!important}
.ssm li.rss{background-position:0 -900px!important}
.ssm li.rss:hover{background-position:0 -930px!important}
.ssm li.skype{background-position:0 -960px!important}
.ssm li.skype:hover{background-position:0 -990px!important}
.ssm li.stumbleupon{background-position:0 -1020px!important}
.ssm li.stumbleupon:hover{background-position:0 -1050px!important}
.ssm li.tumblr{background-position:0 -1080px!important}
.ssm li.tumblr:hover{background-position:0 -1110px!important}
.ssm li.twitter{background-position:0 -1140px!important}
.ssm li.twitter:hover{background-position:0 -1170px!important}
.ssm li.vimeo{background-position:0 -1200px!important}
.ssm li.vimeo:hover{background-position:0 -1230px!important}
.ssm li.wordpress{background-position:0 -1260px!important}
.ssm li.wordpress:hover{background-position:0 -1290px!important}
.ssm li.yahoo{background-position:0 -1320px!important}
.ssm li.yahoo:hover{background-position:0 -1350px!important}
.ssm li.youtube{background-position:0 -1380px!important}
.ssm li.youtube:hover{background-position:0 -1410px!important}
.ssm li.customicon1{background-position:0 0!important}
.ssm li.customicon1:hover{background-position:0 -40px!important}
.ssm li.customicon2{background-position:0 0!important}
.ssm li.customicon2:hover{background-position:0 -40px!important}
.ssm li.github{background-position:0 -1440px!important}
.ssm li.github:hover{background-position:0 -1470px!important}
.ssm li.behance{background-position:0 -1500px!important}
.ssm li.behance:hover{background-position:0 -1530px!important}
.ssm li.yelp{background-position:0 -1560px!important}
.ssm li.yelp:hover{background-position:0 -1590px!important}
.ssm li.mail{background-position:0 -1620px!important}
.ssm li.mail:hover{background-position:0 -1650px!important}
.ssm li.instagram{background-position:0 -1680px!important}
.ssm li.instagram:hover{background-position:0 -1710px!important}
.ssm li.foursquare{background-position:0 -1740px!important}
.ssm li.foursquare:hover{background-position:0 -1770px!important}
.ssm li.zerply{background-position:0 -1800px!important}
.ssm li.zerply:hover{background-position:0 -1830px!important}
.ssm li.star{background-position:0 -1860px!important}
.ssm li.star:hover{background-position:0 -1890px!important}
.ssm li.share{background-position:0 -1920px!important}
.ssm li.share:hover{background-position:0 -1950px!important}
.ssm li.doc{background-position:0 -1980px!important}
.ssm li.doc:hover{background-position:0 -2010px!important}
.ssm li.aboutme{background-position:0 -2040px!important}
.ssm li.aboutme:hover{background-position:0 -2070px!important}
.ssm li.bandcamp{background-position:0 -2100px!important}
.ssm li.bandcamp:hover{background-position:0 -2130px!important}
.ssm li.viki{background-position:0 -2160px!important}
.ssm li.viki:hover{background-position:0 -2190px!important}
.ssm li.deviantart{background-position:0 -2220px!important}
.ssm li.deviantart:hover{background-position:0 -2250px!important}
.ssm li.xing{background-position:0 -2280px!important}
.ssm li.xing:hover{background-position:0 -2310px!important}

/* Social Bar
================================================== */
.socialbar{width:100%;min-height:40px;padding:0;font-size:0;z-index:999;}
.socialbar:after{clear:left;content:" "}
.socialbar_transparent{width:100%;min-height:40px;padding:0;font-size:0;z-index:999}
.socialbar_transparent:after{clear:left;content:" "}
.borderless li{border:none!important}
.borderless li:first-child{border:none!important}
ul.borderless li{border:none!important}
ul.borderless li:first-child{border:none!important}

/* Social Sprites: Shapes
================================================== */
.sssquare{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}
.sscircle li{border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-webkit-box-shadow:0 2px rgba(0,0,0,0.3);-moz-box-shadow:0 2px rgba(0,0,0,0.3);box-shadow:0 2px rgba(0,0,0,0.3);margin-right:5px!important;margin-bottom:5px!important;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;background-color:#FFF!important}
.sscircle li:hover,.sscircle li a:active{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}


section div { display: block; width: 980px !important; max-width: 100%; margin: 0 auto; }
.text-center { text-align: center; }
.button {        
   padding: 15px 30px;
   text-align: center;
   border-radius: 50px;
   text-decoration: none;
   background: #29ABE2;
   color: #fff;
   text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
}

.button:hover {
  background: #0071BC;
    color: #fff;
}




/* MEDIA QUERIES ------------------------
-----------------------------------------
------------------------------------------
------------------------------------------
------------------------------------------
------------------------------------------
------------------------------------------*/







/* Header ------------------------
-----------------------------------------
------------------------------------------
------------------------------------------
------------------------------------------*/



/* Media Queries - Above 768 */
@media only screen and (min-width : 768px) {
    .top-bar .name p a {  display: none;}
    .top-bar-container{background-color: transparent;}
    nav.top-bar{background-color: transparent;}
    .top-bar-container{position:fixed; z-index:1000;}
}

/* Media Queries - Below 940 */
@media only screen and (max-width : 940px) {

.top-bar .name{background-color: #000;}
.mobhead{margin-top:60px;}
.mobhead a img{margin-top:40px;}

}

@media only screen and (min-width : 768px) and (max-width : 940px){
.top-bar-section .divider, .top-bar-section [role="separator"]{border-bottom-color: #2b2b2b;}
}


/* Media Queries - Below 900 */
@media only screen and (max-width : 900px) {
 .header .headerp{top:90px; }
 .header .headerh1{top:20px; }

}


/* Media Queries - Below 769 */
@media only screen and (max-width : 769px) {
  .mobhead{margin-top:30px; text-align:center;}
  .ss{text-align:center;}
  .servicelist h3{padding-left:2%;}
  .moblist{padding-left:0%;}
}


/* Media Queries - Between 768 and 769 */
@media only screen and (min-width : 768px) and (max-width : 769px){
   .mobhead{margin-left:185px;}
}




/* Media Queries - Below 768 */
@media only screen and (max-width : 768px) {
 .top-bar-container{position:fixed; z-index:1000;}
li.name p{display:none;}
 ul.ss.sscircle{margin-top:240px;}
 .header .headerh1{position: relative; 
   margin-top: 5px; 
   left: 10px; 
   width: 100%;
   padding-left: 0%;
   width:100%;
   }
div.headerp p.large-6.columns.slidertext  {width:100%;}
.header .headerp{position: relative;
   top: 0px; 
   left: 0px; 
   width: 100%;
 padding-left: 0%;
text-align: justify;
width:100%;}
}
.social{float:right;}
div.widget-text.wp_widget_plugin_box.social{margin-top:10px;padding-left:0%;}
.TestimonialRotatorWidget{padding-left:1%;}
.widget_social_space{padding-left:0%; height:40px;}
#colophon{margin-left:1%;}
body.home footer#footer.site-footer div.site-info div.row div.large-6.small-12.columns{padding-left:1%;}


















/* Homepage ------------------------
-----------------------------------------
------------------------------------------
------------------------------------------
------------------------------------------*/


/* Media Queries - Between 969 and 970 */
@media only screen and (min-width : 969px) and (max-width : 970px) {

.aboutblock{width:48%; margin-bottom:2%;}
.servicesblock{margin-left:0%;}
.testimonials{margin-left:1%;margin-right:0%;}
.awardsblock{margin-left:1%; margin-right:0%;}
.aboutblock{margin-right:0%; margin-right:0%;}
}


/* Media Queries - above 970 */
@media only screen and (min-width : 970px) {
.homeblocks{width:970px;}
.aboutblock{margin-right:1%;}
.testblock{margin-left:1%;}
.sprite { background: url('/wp-content/uploads/2014/11/sprite2.png') no-repeat top left; width: 235px; height: 63px;  } 

.sprite.about-static { background-position: 0px -292px;  } 
.sprite.about-static:hover { background-position: 0px 0px;  } 

.sprite.awards-static { background-position: 0px -365px;  }
.sprite.awards-static:hover { background-position: 0px -73px;  } 


.sprite.services-static { background-position: 0px -438px;  }
.sprite.services-static:hover { background-position: 0px -146px;  }  

.sprite.testimonials { background-position: 0px -511px;  } 
.sprite.testimonials:hover { background-position: 0px -219px; } 

}


/* Media Queries - Below 969 - hide desktop sprite - show mobile sprite */
@media only screen and (max-width : 969px) {

/* desktop sprite */
.sprite { display:none;  } 
.sprite.about-static { display:none; } 
.sprite.about-static:hover { display:none; } 
.sprite.awards-static { display:none;  }
.sprite.awards-static:hover { display:none; } 
.sprite.services-static { display:none;  }
.sprite.services-static:hover { display:none;   }  
.sprite.testimonials { display:none;  } 
.sprite.testimonials:hover { display:none; } 

/* Mobile sprite */

.sprite { background: url('/wp-content/uploads/2014/11/sprite-mobile.png') no-repeat top left; width: 505px; height: 63px;  } 
.sprite.about-static:hover { display:block; background-position: 0px 0px;  } 
.sprite.about-static { display:block; background-position: 0px -511px;  } 
.sprite.awards-static:hover { display:block; background-position: 0px -73px;  } 
.sprite.awards-static { display:block; background-position: 0px -146px;  } 
.sprite.services-static:hover { display:block; background-position: 0px -219px;  } 
.sprite.services-static { display:block; background-position: 0px -292px;  } 
.sprite.testimonials:hover { display:block; background-position: 0px -365px;  } 
.sprite.testimonials { display:block; background-position: 0px -438px;  } 





/* Media Queries - Below 521 */
@media only screen and (max-width : 521px) {

.aboutblock{width:100%; margin-bottom:2%;}
 .servicesblock{width:100%;  margin-bottom:2%;}
 .testimonials{width:100%;  margin-bottom:2%;}
 .awardsblock{width:100%; margin-left:0%; margin-bottom:2%;}
 .headerimg{padding-left:0%; padding-right:0%;}
}



/* Media Queries - Between 521 and 970 */
@media only screen and (min-width : 521px) and (max-width : 970px) {

.aboutblock{width:48%; margin-bottom:2%;}
 .servicesblock{width:48%; margin-left:4%; margin-bottom:2%;}
 .testimonials{width:48%;}
 .awardsblock{width:48%; margin-left:3%;}
 .headerimg{padding-left:0%; padding-right:0%;}
}






/* Services  ------------------------
-----------------------------------------
------------------------------------------*/

/* below 900 */
@media only screen and (max-width : 900px) {
.serviceimgmob{display: block;}
.serviceimg{display:none;}
div.large-8.medium-8.columns.servicespagetext{width:100%;}
.servicespagetext h3{margin-top:2%;}
}

/* above 900 */
@media only screen and (min-width : 970px) {
.serviceimgmob img{display:none!important;}
.serviceimg{display:block!important;}
html.js.no-touch.svg.inlinesvg.svgclippaths.no-ie8compat body.page.page-id-11.page-template.page-template-page-services-php.logged-in.admin-bar.has-top-bar.customize-support div#main.wrapper div#post article div.row div.large-12.medium-12.columns.serviceimg900{display:none;}

}








/* Testimonials ------------------------
-----------------------------------------
------------------------------------------*/


@media only screen and (min-width : 1000px) {
.readmore-link{position:absolute; right:20px; bottom:10px; padding-right:30px;}
.readmore-content{margin-top:-13px;}
}


@media only screen and (max-width : 1000px) {
.readmore-link{position:inherit; margin-top:-13px;}
.readmore-content{margin-top:0px;}
}

@media only screen and (min-width : 900px) {
 .header .headerp{font-size: 1.0em; }

}

@media only screen and (min-width : 521px) and (max-width : 768px) {

h3.testname{font-size:1.1rem;}

p.testtitle{font-size:.9rem;}
}


@media only screen and (max-width : 360px) {
ul.ss.sscircle{margin-top:260px;}

}

@media only screen and (max-width : 520px) {
p.clear-mobile{clear:both;}
img.alignright.size-full.wp-image-428{float:left;}
h6.clear-mobile{float:left;}
p.testtitle{padding-top:7px; padding-bottom:7px;}
p.testmagazine{padding-top:5px; padding-bottom:5px; line-height:30px;}
p.testmagazine{font-size:0.7rem;}
h3.testname{font-size:.9rem; padding-bottom:10px;}
p.testtitle{font-size:.8rem;}
}
