@import url(https://fonts.googleapis.com/css?family=Alfa+Slab+One);

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);


/* colors
orange 243,139,0  or #F38B00
orange-red 231,83,0 or #E75300
black 61,56,52 or #3d3834
darker black 38,28,26 or #1F1C1A
gray 203,201,199 or #CBC9C7
light gray 231, 231, 231 or #e7e7e7
gold/yellow 249,207,30 or #F9CF1E
blue - 0,175,240 or #00aff0
*/

/* Link transitions fast */
a  { -webkit-transition: background .5s ease, color .5s ease, border .5s ease, opacity .5s ease; -moz-transition: background .5s ease, color .5s ease, border .5s ease, opacity .5s ease; -o-transition: background .5s ease, color .5s ease, border .5s ease, opacity .5s ease; transition: background .5s ease, color .5s ease, border .5s ease, opacity .5s ease; }


/* Link transitions slow */
.slow-fade { -webkit-transition: background 3s ease, color 3s ease, border 3s ease, opacity 3s ease; -moz-transition: background 3s ease, color 3s ease, border 3s ease, opacity 3s ease; -o-transition: background 3s ease, color 3s ease, border 3s ease, opacity 3s ease; transition: background 3s ease, color 3s ease, border 3s ease, opacity 3s ease; }

img { max-width:100%; }


#latest-banner {padding:10px 0; background:#FFF; max-width:750px; margin:0 auto;-moz-border-radius:6px; border-radius:6px; }

#latest-banner a {text-decoration:underline; font-weight:700}

#com_contact_form .form-horizontal .control-label { padding-top:0; }

/* scroll reveal elements load hidden */
/*[data-sr] { visibility: hidden; } */

/* #sss-container {display:none;} */

/* break on large screens */
.lg-break {display:inline; height:1px; width:1px}

#fullscreen-bg {display:block !important;}

/* ================================ All Screen Sizes ================================ */
/* logo */
#logo { position:absolute; z-index:4; top:0; left:0; width:110px; height:71px; margin-left:20px; /* width:180px; background:#3d3834; padding:20px; */  }
#logo img { width:110px; height:71px; }
/* main containers */
.wrapper {padding:0 !important;}

#bg1 .page-content, #page-content22, #page-content6, #page-content9 , #page-content11 {padding:0 !important; margin-bottom:0 !important; }


/* ------ Nav Styles --------*/
.fixed {background:rgba(61,56,52,0.9); padding-bottom:10px; padding-right:0; padding-left:0;  }

#bg2 .fixed {background:#3d3834;}

#nav {margin-top:27px;}

.navbar-collapse {padding-top:10px; box-shadow:none;}

.navbar { z-index:3; margin-bottom:0; }

.navbar-nav {background:none; margin-top:0; margin-bottom:0;}

.navbar .nav li>a:hover, .navbar .nav li>a:active { background:rgb(203,201,199); background:rgba(203,201,199,0.2); }

.navbar-toggle { margin-right:35px; position:relative; top:2px; background:rgb(203,201,199); }

.navbar .nav li a { color:#F38B00; text-transform:uppercase; font-weight:700; letter-spacing:0.025em; }

.navbar .nav li li a { text-transform:none !important; font-weight:700; }

.navbar .nav li li a:active {background:#F38B00 !important; color:#1F1C1A !important; }

.navbar li.active a { background:rgba(153,151,149,0.2); }

.navbar li.active li a { background:none; }

/* content divs on home page and landing pages */
#bg1 #content, #content22, #content6, #content9, #content11 {max-width:100%; padding-bottom:0; margin-bottom:0;}

#nav2 {display:none;}

#nav2-small {display:block; position:absolute; z-index:4; top:7px; right:20px;font-size:16px;}

#nav2-small, #nav2-small a {color:#FFF !important;}
#nav2-small span {font-size:14px;}

#sidebar {padding-left:34px;}

/* --------- Text Level Styles  ----------- */

h1, h2, h3, h3, h4, h5, h6 {line-height:1.2;}
 
h1 small, h2 small, h3 small, h3 small, h4 small, h5 small, h6 small{ font-family: 'Alfa Slab One', 'Source Sans Pro', sans-serif; color:#FFF; }

h1, h1 a { font-family: 'Alfa Slab One', 'Source Sans Pro', sans-serif; font-size:2.2em;  font-weight:400; padding:15px 0;}

h2, h2 a { font-family: 'Source Sans Pro', sans-serif; font-size:1.8em; font-weight:300; padding:1px 0 9px 0;  }

h3, h3 a { font-family: 'Source Sans Pro', sans-serif; font-size:1.6em; font-weight:400; padding:5px 0;  color:#3d3834; }

/* h3 on contact and request quote pages */
#wrapper17 h3, #wrapper18 h3, #wrapper19  h3, #wrapper20 h3 {color:#CBC9C7; }

h4, h4 a {font-family: 'Source Sans Pro', sans-serif; font-size:1.4em; font-weight:400; padding:5px 0; color:#00AFF0; }

h5, h5 a {font-family: 'Source Sans Pro', sans-serif; font-size:1em; font-weight:400; padding:5px 0; color:#00AFF0;}

h6, h6 a {font-family: 'Source Sans Pro', sans-serif; font-size:14px; font-weight:700; padding:5px 0; color:#E75300; text-transform:uppercase; letter-spacing:0.022em;}

h1, h2, h3, h4, h5, h6 {margin-top:0 !important; margin-bottom:0 !important;}

p.big, .big {font-size:1.1em;}

p.bigger, .bigger { font-size:1.2em; }

.teaser {font-size:13px;}

hr { border-top:3px solid #DBD9D7; border-top:3px solid rgba(100, 100, 100,0.15); /*-moz-box-shadow:1px 1px 0 rgba(0,0,0,0.1); box-shadow: 1px 1px 0 rgba(0,0,0,0.1);*/ }

.side-nav li.divider {display:none;}

.boxes .col-sm-3 {padding-bottom:15px;}


/* text colors */
.white-text {color:#FFF !important; }

.red-orange-text, .orange-red-text {color:rgb(231,83,0) !important; }

.orange-text {color:rgb(243,139,0) !important; }

.yellow-text {color:rgb(249,207,30) !important; }

.black-text {color:rgb(61,56,52) !important; }

.blue-text {color:rgb(0,175,240) !important; }

.gray-text {color:rgb(203,201,199) !important; }

/* white stuff */
h1.white, h2.white , h3.white ,h4.white , h5.white , h6.white , p.white, li.white, span.white  {color:#FFF !important; }

.btn.btn-primary.white, .btn.btn-primary.white:focus { color:#F38B00; border:2px solid #FFF !important; background-color:#FFF;  }

.btn.btn-default.white, .btn.btn-default.white:focus { color:#FFF !important; border:2px solid #FFF !important; background-color:transparent; }

.btn-primary.white:hover, .btn-primary.white:active { border:2px solid #00AFF0 !important; background-color:#00AFF0 !important;  }

.btn-default.white:hover, .btn-default.white:active { border:2px solid #E75300 !important; background-color:#E75300 !important;  }

/* red-orange stuff */
h1.red-orange, h2.red-orange , h3.black ,h4.black , h5.black , h6.black , p.black, li.black, span.black  {color:#E75300 !important; }

.btn.btn-primary.red-orange, .btn.btn-primary.red-orange:focus { color:#FFF; border:2px solid #E75300; background-color:#E75300;  }

.btn.btn-default.red-orange, .btn.btn-default.red-orange:focus { color:#E75300 !important; border:2px solid #E75300; background-color:transparent; }

.btn-primary.red-orange:hover, .btn-primary.red-orange:active { border:2px solid #00AFF0 !important; background-color:#00AFF0 !important;  }

.btn-default.red-orange:hover, .btn-default.red-orange:active { border:2px solid #E75300 !important; background-color:#E75300 !important;  }

.btn-primary:hover {color:#FFF !important;}

/* background colors */

#wrapper17, #wrapper18, #wrapper19, #wrapper20{background-color:#FFF;}

.red-orange-bg, .orange-red-bg  {background:rgba(231,83,0); }

.orange-bg {background:rgba(243,139,0); }

.yellow-bg {background:rgba(249,207,30); }

.white-bg {background:rgba(255,255,255); }

.black-bg {background:rgba(61,56,52); }

.blue-bg {background:rgba(0,175,240); }

.gray-bg {background:rgba(203,201,199); }

.trans-bg {background:none; background-color:transparent }

.number-bg1 {background:url('/content/library/circles.png') no-repeat center center; background-size:150px 160px; font-size:120px; text-align:center; line-height:160px; font-family:'Alfa Slab One', Source Sans Pro, Arial, sans-serif; color:#FFF !important; display:block; }

.number-bg2 { font-size:90px;text-align:center; line-height:100px; font-family:'Alfa Slab One', Source Sans Pro, Arial, sans-serif; color:#FFF !important; display:block; height:100px; width:100px; margin-right:10px; /* -moz-border-radius:100%; border-radius:100%; background:#E75300; */ }

.rounded-corners {-moz-border-radius:4px; border-radius:4px; }

/* boxed list items */
.box-list-1 { list-style:none; padding:0; margin:0; }

.box-list-1 li { padding:15px; margin:0 0 17px 0; background:rgba(255,255,255,.88); /* background:rgba(42,42,42,0.8);*/  -moz-border-radius:3px; border-radius:3px; }

/* .box-list-1 li p { color:#FFF} */

/* ------- Home Page Elements ------*/
#homehero .sss {padding-bottom:24px !important;}

#homehero .sss h1 { padding:0; }


 /* ====== home page content ====== */
 #content {margin-bottom:0; }
 
/*home page title */
#homehero { margin:0; padding:40px 0 70px 0; position:relative; height:246px;}

#homehero h1 { font-family: 'Alfa Slab One', 'Source Sans Pro', sans-serif; color:#FFF; text-align:center; font-size:26px; font-weight:300; text-shadow:1px 1px 2px rgba(0,0,0,0.12); line-height:1; margin:0; padding:15px 0; letter-spacing:.025em;}

/* home page sections */
.homesection {  padding:60px 0 80px 0; }

.homesection .row {max-width:1140px; margin:0 auto;}

.homesection1 { background:rgba(243,139,0,0.8); color:#FFF !important; text-align:center; }


.homesection1 .btn, .homesection3 .btn, .homesection4 .btn {margin:10px 5px;}

.homesection2 { background:rgba(255,255,255,0.75); padding-bottom:60px; }

.homesection2 .col-sm-3 { max-width:400px; margin:0 auto; }

.homesection2 .btn {margin-bottom:20px;}

.homesection2 .down-arrow {top:20px;}

.homesection3 {background:rgba(61,56,52, 0.8); font-size:1.2em; }

.height1 {min-height:120px !important; padding-top:20px !important;}

.homesection4 { background:#00AFF0; overflow:hidden; position:relative; z-index:1;}

.collage { width:100%; height:100%; background:url(/img/collage3.jpg) center top; background-size:auto 100%; position:absolute; top:0; left:0; z-index:-1; }



/* ====== interior landing pages ===== */

/* landing page sections */
.pagesection {  padding:60px 0 80px 0; }

/* main row on landing pages */
#row22, #row9, #row6 , #row11 {margin:0 auto;}

#pagehero { margin:0; padding:110px 0 140px 0; position:relative;}

#pagehero h1 { font-family: 'Alfa Slab One', 'Source Sans Pro', sans-serif; color:#FFF; text-align:center; font-size:24px; font-weight:300; text-shadow:1px 1px 2px rgba(0,0,0,0.32); line-height:1.3; margin:0; padding:15px 0; letter-spacing:.025em;  width:96%; margin-right:auto; margin-left:auto;}

#pagehero h3 { color:#FFF; max-width:580px; margin:0 auto; text-shadow:1px 1px 1px rgba(0,0,0,0.32); }

/* margin for nested rows */
.pagesection .row {max-width:1140px; margin:0 auto;}

.pagesection-red-orange {background:rgba(231,83,0,0.8); }

.pagesection-orange {background:rgba(243,139,0,0.8); }

.pagesection-yellow {background:rgba(249,207,30,0.8); }

.pagesection-white {background:rgba(255,255,255,0.85); }

.pagesection-black {background:rgba(61,56,52,0.8); }

.pagesection-blue {background:rgba(0,175,240,0.8); }

.pagesection-gray {background:rgba(203,201,199,0.8); }

.pagesection-light-gray {background:rgba(231, 231, 231,0.85); }

.pagesection .btn, .pagesection .btn, .pagesection4 .btn {margin:10px 5px;}


.pagesection-last {background:#00AFF0; overflow:hidden; position:relative; z-index:1;}

.pagesection .text-center h2, .pagesection .text-center h3, .pagesection .text-center h4 {max-width:620px;margin-left:auto; margin-right:auto;}

/*spheres in home section 2 */

.sphere { border-radius:100%; width:14px; height:14px; display:inline-block; margin-right:5px;
-moz-opacity: 0.88;
-khtml-opacity: 0.88;
opacity: 0.88;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=88);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
 }

/*
hr.stark {border-color:#FFF !important;}*/

.red-orange {background-color:rgb(231,83,0);}
.orange {background-color:rgb(243,139,0);}
.blue {background-color:rgb(0,175,240);}
.gold {background-color:rgb(249,207,30);}

/* home section 3 - About us */
.homesection3 h3 {color:rgb(0,175,240);}
.homesection3 h4 {color:rgb(243,139,0);font-size:1.65em;}
.homesection3 p {color:#FFF;}

/* small svg icons on home page */
.homesection3 img, .icon1 { width:63px; height:63px; }

/* ----------- buttons ----------- */

button{outline:none !important;}

.btn-lg {font-size:14px; padding:18px;}

.btn {color:#3d3834; font-weight:700; letter-spacing:0.025em; text-transform:uppercase; border-radius:0; -moz-border-radius:0; border:2px solid #3d3834 !important; background-color:transparent;  }

.btn:hover, .btn:active { border:2px solid #F38B00 !important; background-color:#F38B00 !important; }

.down-arrow { border-radius:100%; -moz-border-radius:100%; width:60px; height:60px; text-align:center; font-size:40px; padding:10px; display:block; position:relative; z-index:5; margin:0 auto; top:20px; color:#E75300 !important; }

.down-arrow.alt {color:#FFF; color:rgba(255,255,255,0.5) !important; }

.down-arrow:hover, .down-arrow:active {color:#F38B00 !important;}

.down-arrow.alt:hover, .down-arrow.alt:active {color:#FFF !important;}


/* -------Content Containers -------*/
#content { padding:30px 0 0 0; }

#bg2 .page-content {padding-bottom:30px;}

/* hide full screen background image on small screens (interior pages */
#bg2 #maximage {display:none;}

/* ------ Portfolio ------ */

#wrapper21 {background-color:rgb(61,56,52); }
#content21, #content21 .page-content, #content21 .row  {margin:0 !important; width:100% !important; padding:0 !important; max-width:1700px !important;}

#content21 {margin:0 auto !important}


.portfolio .header { background:#00AFF0; padding:40px 0; text-align:center; }

.portfolio .header h1, .portfolio .header h4 {margin:0; padding:0; color:#FFF !important; }

.portfolio .header p {font-size:15px; margin:15px auto 0 auto; padding:0; color:#FFF !important; max-width:550px; }

.portfolio .col-sm-4 {  position:relative; z-index:1; display:block; height:180px; text-align:center; font-weight:700; text-decoration:none !important; color:#FFF !important; margin:0; padding:0; border:1px solid #fff;

-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;

}


.portfolio .col-sm-4 .btn { background:rgba(61,56,52,0.4); color:#FFF; border:2px solid #FFF !important; margin-bottom:4px; }

.portfolio .col-sm-4 .btn:hover {border:2px solid #F38B00 !important; }

.portfolio h5 { font-size:15px; color:#FFF; padding:0 10px 10px 10px; font-weight:700; text-shadow:1px 1px 8px rgba(61,56,52,0.75)  }


.portfolio .col-sm-4 .item {
padding:10px 0;
width:100%;
position:absolute;
bottom:0;

background:#000; background:rgba(61,56,52,0.5);

-webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;
}

.portfolio .col-sm-4:hover { background-size:120% auto; }

.portfolio .col-sm-4:hover .item {
background:#000; background:rgba(61,56,52,0.85);}

.portfolio .col-sm-6 .btn-xs { margin-top:5px; }

.portfolio .col-sm-4:hover .btn-xs {background:#F38B00 !important; border:2px solid #F38B00 !important;}

.adventure { background:url(../portfolio/adventure.jpg) no-repeat left top; background-size:100% auto; }

.amadeus { background:url(../portfolio/amadeus.jpg) no-repeat left top; background-size:100% auto; }

.fourtytwonp { background:url(../portfolio/42np.jpg) no-repeat left top; background-size:100% auto; }
.brushaper { background:url(../content/library/brushaper.jpg) no-repeat left top; background-size:100% auto; }
.bahles { background:url(../portfolio/bahles.jpg) no-repeat left top; background-size:100% auto; }
.blueheron2 { background:url(../portfolio/blueheron2.jpg) no-repeat left top; background-size:100% auto; }
.hagerty { background:url(../content/library/hagertycenter2.jpg) no-repeat left top; background-size:100% auto; }
.schaubteam { background:url(../portfolio/schaubteam.jpg) no-repeat left top; background-size:100% auto; }
.doakgolf { background:url(../content/library/doakgolf.jpg) no-repeat left top; background-size:100% auto; }
.elhart { background:url(../content/library/elhart.jpg) no-repeat left top; background-size:100% auto; }
.eot { background:url(../portfolio/eot.jpg) no-repeat left top; background-size:100% auto; }
.eventsnorth { background:url(../content/library/events.jpg) no-repeat left top; background-size:100% auto; }
.gillisons { background:url(../portfolio/gillisons.jpg) no-repeat left top; background-size:100% auto; }
.golfplan { background:url(../content/library/golfplan.jpg) no-repeat left top; background-size:100% auto; }
.hackatit { background:url(../portfolio/hackatit.jpg) no-repeat left top; background-size:100% auto; }
.haleakala { background:url(../portfolio/haleakala.jpg) no-repeat left top; background-size:100% auto; }
.haystacks { background:url(../portfolio/haystacks.jpg) no-repeat left top; background-size:100% auto; }

.renee { background:url(../content/library/renee.jpg) no-repeat left top; background-size:100% auto; }
.jdrewrogers { background:url(../portfolio/jdrewrogers.jpg) no-repeat left top; background-size:100% auto; }
.jgi { background:url(../portfolio/jgi.jpg) no-repeat left top; background-size:100% auto; }
.laxpath { background:url(../portfolio/laxpath.jpg) no-repeat left top; background-size:100% auto; }
.leechildrencenter { background:url(../portfolio/leechildrencenter.jpg) no-repeat left top; background-size:100% auto; }
.mills { background:url(../portfolio/mills.jpg) no-repeat left top; background-size:100% auto; }
.moonbeam { background:url(../portfolio/moonbeam.jpg) no-repeat left top; background-size:100% auto; }
.northernnatural { background:url(../portfolio/northernnatural.jpg) no-repeat left top; background-size:100% auto; }
.oliverspec { background:url(../portfolio/oliverspec.jpg) no-repeat left top; background-size:100% auto; }
.paddlebuoy { background:url(../portfolio/paddlebuoy.jpg) no-repeat left top; background-size:100% auto; }
.paintedbird { background:url(../portfolio/paintedbird.jpg) no-repeat left top; background-size:100% auto; }
.poppexcavating { background:url(../portfolio/poppexcavating.jpg) no-repeat left top; background-size:100% auto; }
.rightbrain2 { background:url(../portfolio/rightbrain2.jpg) no-repeat left top; background-size:100% auto; }
.rightbrain { background:url(../portfolio/rightbrain.jpg) no-repeat left top; background-size:100% auto; }
.rmb { background:url(../portfolio/rmb.jpg) no-repeat left top; background-size:100% auto; }
.shoreline { background:url(../portfolio/shoreline.jpg) no-repeat left top; background-size:100% auto; }

.intentional{ background:url(../portfolio/intentional.jpg) no-repeat left top; background-size:100% auto; }


.beacon { background:url(../portfolio/beacon.jpg) no-repeat left top; background-size:100% auto; }


.spectrum { background:url(../portfolio/spectrum.jpg) no-repeat left top; background-size:100% auto; }
.tealula { background:url(../portfolio/tealula.jpg) no-repeat left top; background-size:100% auto; }
.teamserv { background:url(../portfolio/teamserv.jpg) no-repeat left top; background-size:100% auto; }
.threewest { background:url(../portfolio/threewest.jpg) no-repeat left top; background-size:100% auto; }
.verterra { background:url(../portfolio/verterra.jpg) no-repeat left top; background-size:100% auto; }
.womenable { background:url(../portfolio/womenable.jpg) no-repeat left top; background-size:100% auto; }
.thompson { background:url(../portfolio/thompson.jpg) no-repeat left top; background-size:100% auto; }
.overthenation { background:url(../portfolio/overthenation.jpg) no-repeat left top; background-size:100% auto; }
.tutoringtc { background:url(../portfolio/tutoringtc.jpg) no-repeat left top; background-size:100% auto; }
.rethink { background:url(../portfolio/rethink.jpg) no-repeat left top; background-size:100% auto; }

.bayshore { background:url(../content/library/bayshore.jpg) no-repeat left top; background-size:100% auto; }

.pathway { background:url(../content/library/pathway.jpg) no-repeat left top; background-size:100% auto; }

.seeds { background:url(../content/library/ecoseeds.jpg) no-repeat left top; background-size:100% auto; }

.bmr { background:url(../content/library/bmr.jpg) no-repeat left top; background-size:100% auto; }

.jolli { background:url(../content/library/jolli.jpg) no-repeat left top; background-size:100% auto; }

.pattywrites { background:url(../content/library/pattywrites.jpg) no-repeat left top; background-size:100% auto; }

.purepilates { background:url(../content/library/purepilates.jpg) no-repeat left top; background-size:100% auto; }


/* ================================ Screens at least 500px wide ================================ */
@media screen and (min-width: 500px) {



#logo {top:-2px; width:130px; height:81px;}
#logo img { width:130px; height:81px;}

#nav {margin-top:41px;}

#nav2-small {display:none; }
#nav2 {display:block; position:absolute; z-index:4; color:#FFF; font-size:14px; padding:12px; width:100%; box-sizing:border-box; line-height:1; text-align:right; top:0; right:8px; /* background:rgba(41,36,32,0.3);*/}

#nav2 a { color:#FFF; text-decoration:none !important; }

#nav2 .btn { padding:4px 8px; display:inline-block; position:relative; top:-2px; margin-left:5px; font-size:12px; letter-spacing:normal; border:none !important;}


#homehero {height:278px;}
#homehero h1 { font-size:36px; }
#pagehero h1 { font-size:33px;line-height:1.2;}


#page-content9 #pagehero h1, 
#page-content11 #pagehero h1{ max-width:650px; }

#homehero .sss {padding-bottom:36px !important;}

.homesection1 .btn {min-width:200px;}

/* break on large screens */
.lg-break {display:block; clear:both;}
}

/* borders on Other Services page */
.bottom-border {border-bottom:1px solid #e7e7e7; }


/* ================================ Screens at least 768px wide ================================ */
@media screen and (min-width: 768px) {

.header-space { height:99px !important; }

.fixed { height:99px; }

#nav {margin:48px 0 0 0;}

/* hide home and other tabs */
#tab0 {display:none;}

#tab4, #tab5, #tab6, #tab7, #tab8 {display:none;}

.nav>li>a {padding:10px 12px;}

.navbar-nav>li>a {padding-bottom:6px; padding-top:14px; font-size:13px; }

.navbar .nav li a { letter-spacing:0.015em; }

.navbar .nav li li a { font-weight:400; color:#1F1C1A; }

.navbar .nav li li a:hover {background:#e7e7e7; color:#1F1C1A; }

.navbar-nav>li>.dropdown-menu {border:none; border-radius:0; -moz-border-radius:0;}

#nav2 { position:absolute; z-index:2; top:0; right:4px; padding:14px 15px; width:auto; font-size:15px; width:614px; }

#nav2 .btn { top:auto; font-size:13px; margin-left:12px; padding:6px 10px;  }

#homehero {height:338px;}
#homehero h1 { font-size:56px; width:100%; }

#pagehero h1 { font-size:44px; width:100%; }

#homehero .sss {padding-bottom:56px !important;}
.homesection1 .btn, .homesection3 .btn, .homesection4 .btn { margin:0 5px; }

.height1 {min-height:120px !important;}

.homesection3 h4 {padding-top:0; margin-top:0;}


/* small svg icons on home page */
.homesection3 img, .icon1  { width:97px; height:97px; }

/* homesection4 */
.collage { width:100%; height:100%; background:url(/img/collage2.jpg) center top; background-size:auto 100%; position:absolute; top:0; left:0; z-index:-1;
-moz-opacity: 0.20;
-khtml-opacity: 0.20;
opacity: 0.20;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=20);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=20);
}

article:hover .collage, article:active .collage { 
-moz-opacity: 0.90;
-khtml-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}


#sidebar {padding-top:20px;}


/*.down-arrow { top:40px; } */

.facebook-like { text-align:right; }

.copyright { text-align:left; }


#bg2 .page-content { margin-bottom:30px; padding:20px 2%; }

/* ---- text level styles ---- */
h1, h1 a { font-family: 'Alfa Slab One', 'Source Sans Pro', sans-serif; font-size:2.6em;}

h2, h2 a { font-family: 'Source Sans Pro', sans-serif; font-size:2.2em;}

h3, h3 a { font-family: 'Source Sans Pro', sans-serif; font-size:2em; }

h4, h4 a {font-family: 'Source Sans Pro', sans-serif; font-size:1.8em;}

h5, h5 a {font-family: 'Source Sans Pro', sans-serif; font-size:1.4em;}

/* borders on Other Services page */
.right-border {border-right:1px solid #e7e7e7}

}



/* ================================ Screens at least 920px wide ================================ */
@media screen and (min-width: 920px) {

#nav { margin-right:20px; }

#nav2 {padding:14px 38px;}


#homehero {height:356px;}
#homehero h1 { font-size:62px; }

#pagehero { padding:60px 0 90px 0; min-height:318px; }
#pagehero h1 { font-size:52px; }
#homehero .sss {padding-bottom:62px !important;}

.navbar-nav>li>a {font-size:14px;}

.navbar .nav li a { letter-spacing:0.025em; }

.nav>li>a { padding:10px 15px; }

/*request a quote form */
#wrapper18 .well {padding:10px 15px; margin-bottom:0; }

}

/* ================================ Screens at least 992px wide ================================ */
@media screen and (min-width: 992px) {

#com_contact_form { width:45%; position:absolute; left:51%; top:127px; box-sizing:border-box; }
#content17, #content18 {min-height:480px;}

#bg2 #content {min-height:532px;}

#pagehero h1 { font-size:58px; }
}

/* ================================ Screens at least 1300px wide and at most 700px height ================================ */
@media screen and (min-width: 1300px) and (max-height: 700px) {

/* fullscreen bg for Jon on his bike
#wrapper9 #fullscreen-bg .ssslide { background-position:left -30px !important; }*/

}

/* ================================ Screens at least 1200px width and 700px height ================================ */
@media screen and (min-width: 1200px) and (min-height: 700px) {

/* fullscreen bg for Jon on his bike
#wrapper9 #fullscreen-bg .ssslide { background-position:left -30px !important; } */


}

/* ================================ Screens at most 991px wide ================================ */
@media screen and (max-width: 992px) {

#com_contact_form {border-top:3px solid #DBD9D7; border-top:3px solid rgba(100, 100, 100,0.15);  width:96.1%;  padding-top:20px; margin-top:10px; margin-left:15px; }

.page-content .row { margin: 0;}
}

/* ================================ Screens at most 767px wide ================================ */
@media screen and (max-width: 767px) {

#header-space {height:111px; }

#sidebar { background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%); background-image: linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0); background-repeat: repeat-x; border-color: #dcdcdc; -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); margin-right:-20px; padding-bottom:20px;}
        
.captcha {margin-bottom:15px;}

#com_contact_form {max-width:100%;} 

#content17, #content18 {padding-bottom:0;margin-bottom:0;}

/* fullscreen bg on SEO page */
#wrapper22 #fullscreen-bg .ssslide { background-position:right top !important; }

footer div div {padding-top:5px; padding-bottom:5px;}

#login-form {background:#333; }

footer, .push {height:auto;}
#wrapper {margin-bottom:0;}

/* fullscreen bg for Jon on his bike
#wrapper9 #fullscreen-bg .ssslide { background-position:left top !important; }*/

}
/* ================================ Screens at most 500px wide ================================ */
@media screen and (max-width: 500px) {



}