/* NEW TOOL ORANGE #FF6250 */
/* all 680px media queries were 480px */



/*div#all-in-one-parallax.parallax {       
    background:url('http://toolinc.com/wp-content/uploads/2015/10/Website-parallax-OPT-2.jpg') no-repeat !important;
  
      background-attachment: fixed;
  background-position: fixed;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    overflow: hidden;
    color: #d9d9d9;
}*/



/* Moves all the stuff on the what's brewin page up */
.page-id-7017 div.row.post-content {
/*position: relative; top: -105px;*/ 
}

/* Is there a way to do a horizontal iPhone media query??? */
@media screen and (max-device-width: 680px) and (orientation:landscape){
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first div.text-center,
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first div.section-title-wrapper  {
    position: relative; top: 50px;
}
}/* Essential to end landscape iPhone media query */





@media (max-width: 767px) { 
div#all-in-one-parallax.parallax div.container.inner {
  padding-top: 0px;
}
div#aq-block-638-6.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-8.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first {
    display: none;    
}  
  
.aq-block-aq_icon_column_block{
		display: none;
}
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    height: 225px !important;
  margin-left: 0px !important;
  padding-right: 0px !important;
}
/* this adds white borders to essentially crop the parallax when the browser window is small*/
div#all-in-one-parallax.parallax {
  border-left: 20px solid rgba(255,255,255,1);
  border-right: 20px solid rgba(255,255,255,1); 
}
} /* Essential to end media query */


@media (min-width: 768px) and (max-width: 979px) { 
.aq-block-aq_icon_column_block{
		width: 118px !important;
  /*display: none;*/
	}
div.text-center.services-1 div.col-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    position: relative; left: -10px;
}
} /* Essential to end media query */


/* Make sure that this doesn't fuck up iPad / iphone formatting */
@media screen and (max-width: 991px) {
  
  
/* TEST */
div.row div#aq-block-716-4.aq-block.aq-block-aq_ebor_text_block.col-sm-4.aq-first,
div.row div#aq-block-716-5.aq-block.aq-block-aq_ebor_tabs_block.col-sm-8   {
  width: 100% !important;    
}
  
  
h3.section-title {
    margin-bottom: 0px;  
}
div.light-wrapper div.container.inner {
    padding-top: 0px;
}
div.light-wrapper {
    /*margin-top: 25px*/ !important; 
}
div#top-section.light-wrapper {
    margin-top: 0px !important;
}

div#aq-block-638-3 {
    margin-bottom: 0px;
    height: 0px;
} 
div#aq-block-638-4 {
    margin-bottom: 0px;
} 
  
/* This makes the hamburger responsive menu a nice little square */
.btn.responsive-menu {
    padding: 8px 13px;
    margin: 0;
    display: block;
    font-size: 15px;
    position: relative; top: -10px;/*-20px*/;
}
  
.navbar-brand img {  
position: relative; top: -24px;
}
  
/* This is where to tell the header to disappear when scrolling (relative) */
/* This gives a small minimum height to the navbar so that it can be driven by the padding*/
.navbar.basic.default,
.navbar.basic.default .navbar-header,
.navbar.basic.default .navbar-header div.container {
	position: relative;
    height: 83px;
}
  
/* This makes the dropdown mobile menu stay up top */
div.navbar-collapse.pull-right.collapse.in {
    position: relative;
    top: -20px;/*-42px*/;
}
} /* END NAVBAR MEDIA QUERY*/







/* Starts media query for android tablet device (amends iphone code) */
@media screen and (min-device-width: 480px) and (max-device-width: 680px){
  
/* This makes a block box behind the "our design process" section on the homepage */
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    height: 225px !important;
}
  
/* this makes all of the rev slider text the same width */
div.tp-caption.Tool-OrangeBox.sfb.tp-resizeme.start, div.tp-caption.Tool-BlackBox3.sfb.tp-resizeme.start, div.tp-caption.Tool-GreyBox-BB.sfb.tp-resizeme.start{
    margin-left: 15% !important;
}
} /* ends media query for android tablet device specifically */

/* Sets a background image for brand logo and gives it a sextant hover over */
@media screen and (min-device-width: 680px){
.navbar-brand img {       
    background:url('http://beta.toolinc.com/wp-content/uploads/2014/11/logo.png') no-repeat;
    padding: 30px;
}
.navbar-brand img:hover {       
    background:url('http://beta.toolinc.com/wp-content/uploads/2014/11/sextant.png') no-repeat;
    padding: 30px;
}
} /*essential to end standard-res media query*/

/* Sets a RETINA background image for brand logo and gives it a RETINA sextant hover over */
@media screen and (min-device-width: 680px) and (-webkit-min-device-pixel-ratio: 2) {
.navbar-brand img {       
    background:url('http://beta.toolinc.com/wp-content/uploads/2014/11/logo@2x.png') no-repeat;
    padding: 30px;
    background-size: 54px 54px;
}
.navbar-brand img:hover {       
    background:url('http://beta.toolinc.com/wp-content/uploads/2014/11/sextant@2x.png') no-repeat;
    padding: 30px;
    background-size: 54px 54px;
}
} /*essential to end retina media query*/




/* This formats the text and jobs elements on Job Opportunity page */
div.row div#aq-block-716-4.aq-block.aq-block-aq_ebor_text_block.col-sm-4.aq-first {
  width: 30% !important; 
}
div.row div#aq-block-716-5.aq-block.aq-block-aq_ebor_tabs_block.col-sm-8   {
  width: 70% !important;    
}

/* puts the design process icons where they are on the homepage  */
div.aq-block.aq-block-aq_icon_column_block.col-sm-2 {
    position: relative; top: -175px;
}
/* This makes the our process icons and text on the home page all aligned at the bottom*/
div.icon-border.bm15 {
    height: 55px;
    /*position: relative; top: 25px;*/
}

/* This is what makes the testimonial text span wider across the page */
#testimonials {
    text-align: center;
    width: 70%;
    margin: 0 auto;
  position: relative;
}

div#aq-block-638-7 h1 {
    color: #ffffff;
}

/* this makes the testimonials not alter the size of the "parallax" block on iphone */
div#aq-block-638-17,
div.text-center,
div#testimonials {
    height: 150px; 
}


#testimonials div {
    font-family: 'Raleway', sans-serif;
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 0px;
    font-weight: 800;
    font-size: 22px;
    line-height: 28px;
}

/* Makes percentage bars closer to title on the what's brewin' page */
.page-id-7017 h3 {
    margin-bottom: 0px;
}

/* Makes the client name different in the portfolio piece than on the thumb hover */
body.single.single-portfolio h9w {
    font-family: 'Raleway', sans-serif;
    margin-top: 0;
    color: #606060;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 22px;
    line-height: 30px;
}

/*This formats the "We work to achieve innovative breakthroughs..." on the home page */
div#aq-block-638-7.aq-block.aq-block-aq_ebor_text_block.col-sm-12.aq-first {
    position: relative; top: 0px;
    padding-left: 17%;
    padding-right: 17%;
}

/* This ditches the small standard page title margin on individual portfolio project pages*/
body.single.single-portfolio div.page-title {
    margin-bottom: 0px; 
}


/* This eliminates the standard top of page offset and allows the light wrapper top margin to now be controlled in positive terms*/
div.body-wrapper div.offset, div.body-wrapper .offset{
    display: none;
}


/* This will disable the link of employee pics - while preserving the hover over feature */
.item.thumb.employees div.text-overlay:hover {
    pointer-events: none;
}
.item.thumb.employees a:hover {
    cursor:default; 
}
.item.thumb.employees div.info {
    position: relative;
    top: 30px;
}

/* defines the margin under the employee position / title on the about page - default: 13px*/
div.info p {
    margin-bottom: 13px 
}
/* Padding for text on about us page for personal bios overlaid on images */
.page-id-2 div.info {
    padding-left: 20px;
    padding-right: 20px;
}


/* This hides the collapsed navbar so that it looks the same in chrome and safari*/
.navbar.basic.fixed {
	visibility: hidden;
}


div#all-in-one-parallax.parallax div.container.inner {
    padding-bottom: 0px;
}

div#aq-block-6181-3.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first h3.section-title {
    margin-bottom: 0px;
}
div#aq-block-6181-3.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first div.divide40 {
    height:0px; 
}

/* This controls the space between the navbar and the content on all pages*/
div.light-wrapper {
    margin-top: 40px; 
}
/* Here are the light-wrapper exclusions (for light-wrappers that aren't at the top of page*/
div#tool-blog.light-wrapper {
    margin-top: 0px; 
}
div#aq-block-6181-4.aq-block.aq-block-aq_portfolio_block.col-sm-12.aq-first div.light-wrapper, div#aq-block-6770-4.aq-block.aq-block-aq_portfolio_block.col-sm-12.aq-first div.light-wrapper,
.page-id-6753 div#top-section.light-wrapper {
    margin-top: 0px; 
}

.page-id-6753 div#top-section.light-wrapper div.container.inner {
    padding-top: 0px; 
}
.page-id-7017 div#top-section.light-wrapper div.container.inner {
    padding-bottom: 0px;
}
.page-id-7017 div#brew-entry-november-2014.light-wrapper div.container.inner {
    padding-top: 0px;
}


/*Controls the space between the rev slider and the parallax on the homepage */
div#intro.light-wrapper div.container.inner {
    padding-bottom: 10px;
}

/* Makes Client Slider not change opacity when hovered over */
.owl-clients .item:hover img {
    max-width: 100%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}


/* This gets the portfolio grid to line up exactly with the revslider in large browser window*/
@media screen and (min-width: 1200px){
div.portfolio.fix-portfolio {
    position: relative;
    left: -2px;
    width: 1202px;
}
div.portfolio.fix-portfolio .item.thumb.work-portfolio,
div.portfolio.fix-portfolio .item.thumb.employees {
    margin-left: 12px;
    margin-bottom: 12px;
}
} /* this ends the portfolio grid lineup media query */

div.body-wrapper {
    overflow: hidden;
}

/* This gets rid of the gap under the client carousel on the work page */
.page-id-15 div.post-content p {
    margin: 0 0 0 0; 
}

/* This decreases the space between the job descriptions and the "apply here" title */
div#apply-here.light-wrapper div.container.inner {
    padding-top: 0px;
}

/* These commands reverse the hover colors of the "job opportunities" & "IIS" in the footer */
div#text-11.widget.clearfix.widget_text a {
    color: #fff;
}
div#text-11.widget.clearfix.widget_text a:hover {
    color: #FF6250;
}

div#all-in-one-parallax.parallax  { 
    height: auto;
    max-width: 1170px;
    width: 100%;
    margin: auto;
    left:0; right:0;
    top:0; bottom:0;
}

/*  Fixes footer gap on portfolio page - BUT currently makes the client slider on the home page cut into the footer  */
div#clients.dark-wrapper {
    position: relative; top: 0px;
}

div.owl-wrapper.grabbing {
    padding-top: 0px;
}

/* this gives the "our design process" some top padding */
div.section-title-wrapper {
    padding-top: 40px; 
}

/* this makes all of the rev slider text the same width */
div.tp-caption.Tool-OrangeBox.sfb.tp-resizeme.start, div.tp-caption.Tool-BlackBox3.sfb.tp-resizeme.start, div.tp-caption.Tool-GreyBox-BB.sfb.tp-resizeme.start{
    width: 25%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

/* Changes color of "Our Design Process" icons and titles on homepage  */
div.icon-border.bm15 i, h5.upper {
    color: #4c4c4c ;
}
/* Moves the testimonial text in parallax on homepage to where it is*/
div#aq-block-638-17.aq-block.aq-block-aq_testimonial_carousel_block.col-sm-12.aq-first {
    position: relative; top: -125px;
}

/* This makes a block box behind the "our design process" section on the homepage */
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    background: rgba(245,245,245,0.85);
     -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.11);
     -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.11);
    box-shadow: 0 1px 0 rgba(0,0,0,0.11);
    display: block;
    /*padding: 0 0 0 0;*/
    width: 100%;
    height: 300px;
    margin-left: 15px;
    padding-right: 30px;
    padding-left: 0px;
}

/* ---------- FONTS ---------- */

h11w {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 500;
} 
h11o {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 32px;
    line-height: 32px;
    margin-top: 0;
    color: #FF6250;
    margin-bottom: 10px;
    font-weight: 500;
} 
h12w {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 500;
} 
h12o {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 16px;
    margin-top: 0;
    color: #FF6250;
    margin-bottom: 10px;
    font-weight: 900;
} 
h13 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 14px;
    color: #4c4c4c; /*was #808080*/
    font-weight: 500;
    margin-bottom: 15px;
} 



/* Responsive Segments */ 

/*------------------------------------*\
	$IPHONE     -- iPhone only CSS here --

\*------------------------------------*/

@media screen and (max-device-width: 680px){

div#aq-block-6722-2,
div#aq-block-6722-4,
div#aq-block-6770-3,
div#aq-block-6243-3,
div#aq-block-6243-7,
div#aq-block-6181-3 {
    display: none;    
}
  
/* this gets rid of the borders added to crop the parallax in the <767 media query*/
div#all-in-one-parallax.parallax {
  border-left: 0px solid rgba(255,255,255,1);
  border-right: 0px solid rgba(255,255,255,1); 
}  
  
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    height: 300px !important;
}
 
  
h13 {
    line-height: 8px !important;
} 
  
div#aq-block-638-20,  
h3.section-title {
    margin-bottom: 0px;  
}
  
/* Makes the logo slightly transparent when depressed / clicked */
.navbar-brand img:hover {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/* This stuff makes the individual portfolio pieces look good on iPhone */
body.single.single-portfolio div.light-wrapper {
    position: relative;
    top: -30px;
}
body.single.single-portfolio .col-sm-8.post-content {
    position: relative;
    top: 0px;
}
body.single.single-portfolio div.divide20 {
    display: none; 
}
body.single.single-portfolio .col-sm-4.lp30 {
    padding-left: 30px;
}
  
div.aq-block.aq-block-aq_image_block.col-sm-12.aq-first {
    padding-left: 0px;
    padding-right: 0px;
}    
/*fixes the gap under the top images on the job / inventor / brew pages*/  
.page-id-6753 div#aq-block-716-3,  
.page-id-6723 div#aq-block-6751-2,
.page-id-7017 div#aq-block-7020-3,
.page-id-31 div#aq-block-6642-2 {
    display: none;
}
.page-id-7017 div.section-title-wrapper {
    padding-top: 0px;
}

/* Makes individual blog posts have the right top spacing */
body.single.single-post div.light-wrapper{
    position: relative; 
    top: 40px;    
}
  
/* This is what makes the testimonial text span wider across the page */
#testimonials {
    text-align: center;
    width: 100%;
    margin: 0 auto;
} 
/* This is what makes the testimonial text smaller for iPhone */
#testimonials .author {
    font-size: 10px;
} 
/* Eliminates the little square boxes under the testimonial quote author */
ul.etabs {
    display: none;    
}
  
/* This formats the "We work to achieve innovative breakthroughs..." on the home page */
div#aq-block-638-7.aq-block.aq-block-aq_ebor_text_block.col-sm-12.aq-first {
    padding-left: 5%;
    padding-right: 5%;
}  
div#aq-block-638-7 h1 {
    font-size: 22px;
    line-height: 22px;
    color: #ffffff;
}
#testimonials div {
    font-family: 'Raleway', sans-serif;
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 800;
    font-size: 14px;
    line-height: 18px;
}
  
div.post-content {
    position: relative; top: -30px;   
}
  
/* eliminates overarching bottom margins in the footer elements for easier customization*/
footer.footer div.col-sm-4 {
    margin-bottom: 0px;
}
/* eliminates footer search bar in iphone version*/
div#search-5.widget.clearfix.widget_search  {
    display: none;
}
 
  
/* this makes the testimonials not alter the size of the "parallax" block on iphone */
div#aq-block-638-17,
div.text-center,
div#testimonials {
    height: 108px; 
}
  
h11o {
    font-size: 40px;
    line-height: 40px;
} 
  
/* this makes all of the rev slider text the same width */
div.tp-caption.Tool-OrangeBox.sfb.tp-resizeme.start, div.tp-caption.Tool-BlackBox3.sfb.tp-resizeme.start, div.tp-caption.Tool-GreyBox-BB.sfb.tp-resizeme.start{
    width: 60%;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    font-size: 40px;
    padding-top: 17px;
    padding-bottom: 17px;
    margin-left: 45%;
}

  
div#all-in-one-parallax.parallax.mobile {
    background-image: none !important;
    background-color: #303030 !important;
}
  
/* controls gap between rev slider and parallax on iPhone homepage */
div#aq-block-638-2.aq-block.aq-block-aq_revslider_block.col-sm-12.aq-first {
    margin-bottom: 0px;    
}

/* This makes the site "full bleed" on iPhone */
div.row {
    margin-left: -20px;
    margin-right: -20px;
    /*margin-left: -8%;
    margin-right: -8%;*/
}  
  
div#all-in-one-parallax.parallax.mobile div.container.inner
div#aq-block-638-6.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-8.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-16.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-18.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first {
    display: none;    
}  
  
div#aq-block-638-10,
div#aq-block-638-11,
div#aq-block-638-12, 
div#aq-block-638-13, 
div#aq-block-638-14, 
div#aq-block-638-15 {
    display: none;    
}  
div#aq-block-6770-5{ /* eliminates gap under portfolio pieces */
    display: none; 
}
div#aq-block-638-17.aq-block.aq-block-aq_testimonial_carousel_block.col-sm-12.aq-first {
    position: relative; top: 0px;
}  
  
div#all-in-one-parallax.parallax.mobile div.container.inner {
    padding-top: 0px;    
}

div#clients.dark-wrapper {
    display: none !important;    
}
  
/* This eliminates the margin under the logos in the client sliders */
div.aq-block.aq-block-aq_clients_block.col-sm-12.aq-first {
    margin-bottom: 0px;
}
  
div#clients.dark-wrapper div.container.inner {
    padding-bottom: 20px;
    padding-top: 20px;
}
  
/* This eliminates the margin under the footer on the iPhone version */
div.pull-left p{
    margin-bottom: 0px;
}  
  
/* This makes a block box behind the "our design process" section on the homepage */
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    margin-left: 0px;
    padding-right: 0px;
}
div.page-title {
    display: none; 
}
  
div.aq-block-6243-6.aq-block.aq-block-aq_ebor_tabs_block.col-sm-8 {
    position: relative; top: 33px;
}
  
/* This controls the space between the navbar and the content on all page*/
div.light-wrapper {
    margin-top: 0px; 
}
div.light-wrapper div.container.inner {
    padding-top: 10px; 
    padding-bottom: 10px;
}
div.navbar-header div.container {
    height: 57px;
}
div#aq-block-6243-2.aq-block.aq-block-aq_revslider_block.col-sm-12.aq-first,
div.aq-block.aq-block-aq_revslider_block.col-sm-12.aq-first {
    padding-left: 0px;
    padding-right: 0px;
}
  
/* hides employee bios on iphone */
div.portfolio.fix-portfolio h5w p {
    visibility: hidden;
}
.page-id-2 div.portfolio.fix-portfolio div.info {
  margin-top: 15px;
}
div#aq-block-638-3 {
    margin-bottom: 0px;
    height: 0px;
}
div#aq-block-638-4 {
    margin-bottom: 0px;
}
  
h5 {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
}
 
div.portfolio.fix-portfolio {
    position: relative;
    left: 0px;
    max-width: 1202px;
}
div.portfolio.fix-portfolio .item.thumb.work-portfolio,
div.portfolio.fix-portfolio .item.thumb.employees {
	margin-left: 0px;
  	margin-bottom: 12px;
}  

/* This makes the hamburger responsive menu a nice little square */
.btn.responsive-menu {
    padding: 8px 13px;
    margin: 0;
    display: block;
    font-size: 15px;
    position: relative; top: -20px;
}
  
/* This is where to tell the header to disappear when scrolling (relative) */
/* This gives a small minimum height to the navbar so that it can be driven by the padding*/
.navbar.basic.default,
.navbar.basic.default .navbar-header {
	position: relative;
    height: 60px;
}
  
.navbar-brand img {
    height: 54px;
    position: relative; top: -35px;
    padding: 5px 0px 5px 0px;
}
  
/* This makes the dropdown mobile menu stay up top */
div.navbar-collapse.pull-right.collapse.in {
    position: relative;
    top: -42px;
}


}/*<this bracket to the left signifies the end of the iphone-only CSS*/


/*------------------------------------*\
	$IPAD     -- iPad only CSS here --

\*------------------------------------*/

@media screen and (max-device-width: 780px) and (min-device-width: 680px) and (orientation : portrait){

div#all-in-one-parallax.parallax div.container.inner {
    padding-left: 0px;
    padding-right: 0px;
    width: 720px;
}  
  
body.archive.category.category-blog div.body-wrapper  div.light-wrapper div.container.inner {
    padding-top: 20px;   
}
  
/*fixes the gap under the top images on the job / inventor / brew pages*/  
.page-id-6753 div#aq-block-716-3,  
.page-id-6723 div#aq-block-6751-2,
.page-id-7017 div#aq-block-7020-3,
.page-id-31 div#aq-block-6642-2 {
    display: none;
}  

/* Moves the testimonial text in parallax on homepage to where it is*/
div#aq-block-638-17.aq-block.aq-block-aq_testimonial_carousel_block.col-sm-12.aq-first {
    position: relative; top: -100px;
}
  
div.aq-block.aq-block-aq_icon_column_block.col-sm-2 {
    padding-left: 0px;
    padding-right: 0px;
    max-width: 120px;
    position: relative; left: 20px /* TEST */;
}   
  
div#all-in-one-parallax.parallax  { 
    height: auto;
    max-width: 720px;
    margin: auto;
    left:0; right:0;
    top:0; bottom:0;
}  
 
  
div#aq-block-638-7.aq-block.aq-block-aq_ebor_text_block.col-sm-12.aq-first {
    position: relative; top: 0px;
    padding-left: 10%;
    padding-right: 10%;
    padding-top: 30px;
    padding-bottom: 50px;
}  
#testimonials {
    width: 90%;
   
}

  
/* fix menu dropdown gap navbar? */
div.navbar-header div.container {
    height: 77px;
}
 
div.body-wrapper  div.light-wrapper div.container.inner {
    padding-top: 0px;   
}
  
div#all-in-one-parallax div.container.inner {
    padding-top: 0px;    
} 
/* Exclusions from top margin For blog posts / author / etc */  
body.single.single-post div.light-wrapper div.container.inner,
body.archive.author div.light-wrapper div.container.inner   {
    padding-top: 30px;    
} 
  
div#all-in-one-parallax.parallax.mobile div.container.inner
div#aq-block-638-6.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-8.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-16.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first,
div#aq-block-638-18.aq-block.aq-block-aq_spacer_block.col-sm-12.aq-first {
    display: none;    
}   
  
div.text-center.services-1 div.col-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    position: relative; left: -10px;
}
div.text-center.services-1 h5.upper {
    text-align:center;
    position: relative; top: 15px;
}
  
.page-id-634 div#aq-block-638-9 h3.section-title {
    margin-bottom: 0px;  
}
  
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    width: 780px;
    margin-left: -20px;
}  
  
div.light-wrapper {
    margin-top: 0px; 
}
  
/* This is where to tell the header to disappear when scrolling (relative) */
/* This gives a small minimum height to the navbar so that it can be driven by the padding*/
.navbar.basic.default,
.navbar.basic.default .navbar-header {
	position: relative;
    height: 80px;
}
.navbar-brand img {
    position: relative; top: -25px;
} 
/* Moves the hamburger menu up for iPad vert */
.btn.responsive-menu {
    position: relative; top: -10px;
} 
  
.page-id-634 div#intro.light-wrapper{
    position: relative;
    top: 0px;
}
  
div#parallax-who-we-are-statement.parallax h1 {
    position: relative;
    top: 15px;
  }


.section-title:before,
.section-title:after {
    display: none;
}
  
.bonfire-slideout-button {
	bottom: 43px;
    right: 24px;
}

/* This alters the font size of the large text on the home page*/
h7 {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 48px;
    margin-top: 0;
    color: #505050;
    margin-bottom: 10px;
    font-weight: 700;
}  
  
.map {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 0px;
}
  
}/*<this bracket to the left signifies the end of the iPad-only CSS*/
/*------------------------------------*\
      <<<<>>>>
\*------------------------------------*/


@media (min-width: 1200px) {
} /* critical to ending media query*/

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {  
} /* critical to ending media query*/

@media (min-width: 993px) { 
} /* critical to ending media query*/

@media screen and (min-width: 900px) and (max-width: 979px) {

div#all-in-one-parallax.parallax  { 
    height: auto;
    max-width: 720px;
    margin: auto;
    left:0; right:0;
    top:0; bottom:0;
}
  h3.section-title {
    margin-bottom: 0px;
}
/*div.aq-block.aq-block-aq_icon_column_block.col-sm-2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 115px !important;
} */
div.text-center.services-1 div.col-wrapper {
    padding-left: 0px;
    padding-right: 0px;
    position: relative; left: -10px;
}
  h3.section-title {
    margin-bottom: 0px;
}
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    margin-left: 0px;
}
} /* critical to ending media query*/

@media screen and (min-width: 980px) and (max-width: 991px) {
div#all-in-one-parallax.parallax  { 
    height: auto;
    max-width: 750px;
    margin: auto;
    left:0; right:0;
    top:0; bottom:0;
}
div.aq-block.aq-block-aq_icon_column_block.col-sm-2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    width: 125px !important;
} 
  h3.section-title {
    margin-bottom: 0px;
}
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    margin-left: 0px;
}
} /* critical to ending media query*/

@media screen and (min-width: 992px) and (max-width: 1199px) { 
div#all-in-one-parallax.parallax  { 
    height: auto;
    max-width: 970px;
    margin: auto;
    left:0; right:0;
    top:0; bottom:0;
}
div.aq-block.aq-block-aq_icon_column_block.col-sm-2 {
    padding-left: 0px !important;
    padding-right: 0px !important;
    max-width: 165px !important;
} 
h3.section-title {
    margin-bottom: 0px;
}
} /* critical to ending media query*/


@media (max-width: 767px) {
ul#menu-footer-menu.footer-menu.pull-right {
    display: none;
}  
} /* critical to ending media query*/


@media screen and (min-width: 768px) and (max-width: 900px) {
div#all-in-one-parallax.parallax  { 
    height: auto;
    max-width: 720px;
    width: 100%;
    margin: auto;
    left:0; right:0;
    top:0; bottom:0;
}
div#aq-block-638-9.aq-block.aq-block-aq_section_title_block.col-sm-12.aq-first {
    margin-left: 0px;
}
} /* critical to ending media query*/

/* Load / Loading Spinner stuff*/
#status {
    position: absolute;
    left: 50%;
    top: 50%;
     background:url('http://beta.toolinc.com/wp-content/uploads/2014/11/sextant@2x.png') no-repeat;
    background-size: 54px 54px;
    width:100px; height: 100px;
}
.spinner {
    height: 64px;
    width: 64px;
    position: relative;
  	top: -5px;
  	left: -5px;
    -webkit-animation: rotation .8s infinite linear;
    -moz-animation: rotation .8s infinite linear;
    -o-animation: rotation .8s infinite linear;
    animation: rotation .8s infinite linear;
    border-left: 3px solid rgba(26,187,156,.15);
    border-right: 3px solid rgba(26,187,156,.15);
    border-bottom: 3px solid rgba(26,187,156,.15);
    border-top: 3px solid rgba(26,187,156,.8);
    border-radius: 100%;
}

/* BEGIN CONTACT PAGE EDITS */
div#aq-block-716-4.aq-block.aq-block-aq_ebor_text_block.col-sm-4 {
    margin-left: 0px;
    width: 310px;
}

.map img {
	max-width: 1200px;
}

div#aq-block-6722-1.aq-block.aq-block-aq_map_block.col-sm-12.aq-first .map{
    margin-left: 15px;
    margin-right: 15px;
}

div.bonfire-slideout.bonfire-slideout-active.bonfire-slideout-active-translate div#aq-block-6722-1.aq-block.aq-block-aq_map_block.col-sm-12.aq-first .map{
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
}


/* END CONTACT PAGE EDITS */


/* This puts checkboxes on same line as their label in the entrepreneur idea form */
span.wpcf7-list-item-label {
    position: relative; top: -23px; right: -25px;
}

/* this makes the text on the rev sliders all Uppercase */
.rev_slider ul li, .rev_slider >ul >li {
    text-transform: uppercase;
}


/* this shrinks the subtext on the inventor / entrepreneur idea form page */
span.wpcf7-list-item {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    background-color: #FFF;
    color: #737373;
    font-size: 14px;
    font-weight: 200;
}

/* Homepage - Our Design Process - Subtext - width on screen... standard was @ 70% */
.thin {
    width: 90%;
    margin: 0 auto;
}

/* This hides the left/right project navigation in portfolio pieces */
div.navigation.pull-right {
    display: none;
}

/* "Submit" button on contact page */
div.wpcf7 input[type="submit"] {
	margin-bottom: 0;
    color: #ffffff;
    background-color: #505050;
}
div.wpcf7 input[type="submit"]:hover {
	margin-bottom: 0;
    color: #ffffff;
    background-color: #FF6250;
}

/* ---------This reverses the colors of "our design process" link on homepage--------- */
.section-title a {
    color: #505050;
}
.section-title a:hover {
    color: #FF6250;
}


/* ----Footer alterations---- */
footer .textwidget {
	color: #ffffff;
}
.searchform .btn {
    background-color: #1e1e1e;
  	max-height: 55px;
}
.searchform .btn:hover {
    background-color: #FF6250;
    max-height: 55px;
}

/* These make the social icons in the footer white */
.social .icon-s-linkedin {
    border-color: #ffffff;
    color: #ffffff;
}
.social .icon-s-facebook {
    border-color: #ffffff;
    color: #ffffff;
}
.social .icon-s-twitter {
    border-color: #ffffff;
    color: #ffffff;
}


@media screen and (min-device-width: 680px){
/*.navbar-brand img {       
    background:url('http://beta.toolinc.com/wp-content/uploads/2014/11/TOOL-LOGO-Dark-Grey-55x55-72dpi-@2x.png') no-repeat;
      padding: 30px;
}

.navbar-brand img:hover {
    background:url('http://beta.toolinc.com/wp-content/uploads/2014/10/Tool_SmallSextant_Logo_Orange_55x55_FF6250@2x.png') no-repeat;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
} */
} /* This bracket is necessary to end the navbar logo alterations*/

/* This gives a small minimum height to the navbar so that it can be driven by the padding*/
.navbar.basic.default,
.navbar.basic.default .navbar-header {
    min-height: 10px;
}


footer .inner {
    padding-top: 45px;
    padding-bottom: 20px;
}

.sub-footer {
    background: #2d2d2d;
    padding: 10px 0;
}

.post-title a:hover {
    color: #606060
}


/* This should control general text font*/
body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    overflow-x: hidden;
    background-color: #FFF;
    color: #737373;
    font-size: 14px;
    font-weight: 500;
}

h9w {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #ffffff;
  	font-size:18px;
    margin-bottom: 0px;
}

h5w {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    line-height: 12px;
    color: #BDBDBD;
}
@media screen and (min-width: 991px) and (max-width: 1200px){ 
h5w {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 9px;
    line-height: 9px;
    color: #BDBDBD;
}
} /* END MEDIA QUERY */

@media screen and (min-width: 767px) and (max-width: 990px){ 
  h5w {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 11px;
    line-height: 11px;
     color: #BDBDBD;
}
} /* END MEDIA QUERY */

@media screen and (max-width: 766px){ 
  h5w {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 18px;
    line-height: 18px;
     color: #BDBDBD;
}
} /* END MEDIA QUERY */
h5b {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 13px;
    font-style: italic;
    color: #FF6250;   
}

/* This is the large font used on the home page for 'innovation / insights / etc.' */
h7 {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 24px;
    line-height: 48px;
    margin-top: 0;
    color: #505050;
    margin-bottom: 10px;
    font-weight: 400;
}  


/* This is the medium font used on the home page for 'For more than 14...' */
h7w {
    /*font-family: 'Raleway', sans-serif;*/
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 30px;
    line-height: 30px;
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 700;
}  

h8 {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    line-height: 18px;
    margin-top: 0;
    color: #ffffff;
    margin-bottom: 10px;
    font-weight: 1100;
}  

/* This is where to input the height of the tool logo in the navbar */
.navbar-brand img { max-height: 54px; }
/* This is where to input the logo's padding */
.navbar-brand {
    padding: 0;
    font-weight: 800;
    padding: 0px 0 0 0;
  	position: relative; top: 13px;
}

/* This is where the menu text can be adjusted (size/padding/etc.) */
.navbar-nav > li > a {
    font-weight: 800;
    font-size: 14px;
    text-transform: uppercase;
	color: #505050;
    padding: 30px 20px;
  	padding-right: 0px;
    position: relative; top: 3px;
}

/* This is where the color of the selected menu text can be adjusted */
.nav > li.active > a {
    background: none;
    color: #FF6250;
}

/*This is where to tell the header to stay at the top and be transparent 
.navbar.basic.default .navbar-header {
    position: fixed;
    width: 100%;
    background: rgba(245,245,245,0.94);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.11);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.11);
    box-shadow: 0 1px 0 rgba(0,0,0,0.11);
}*/




/* <<<<>>>> */

/* KILL HOVER TRANSITION */
/* This is a temporary fix to eliminate (delay) the color transition of the services boxes */
.services-1 .col-wrapper {
  	max-height: 166px;
    border: none; /* 1px solid #e1e1e1; */
    padding: 40px 20px 25px;
    position: relative;
    -webkit-transition: all 2000000ms ease-in;
    -o-transition: all 2000000ms ease-in;
    -moz-transition: all 2000000ms ease-in;
}
.services-1 .col-wrapper:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border: none;/* 1px solid #e1e1e1;*/
    -webkit-transition: all 2000000ms ease-in;
    -o-transition: all 2000000ms ease-in;
    -moz-transition: all 2000000ms ease-in;
    pointer-events: none;
}
.services-1 .col-wrapper:hover,
.services-1 .col-wrapper:hover:before {
    border-color: #e1e1e1;
}
/* END TEMPORARY FIX */