/* Theme Name:Twenty Fourteen - Real Deal Van Lines, INC Theme URI: http://wordpress.org/themes/twentyfourteen Author: the WordPress team Author URI: http://wordpress.org/ Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready Text Domain: twentyfourteen This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /** * Table of Contents: * * 1.0 - Reset * 2.0 - Repeatable Patterns * 3.0 - Basic Structure * 4.0 - Header * 5.0 - Navigation * 6.0 - Content * 6.1 - Post Thumbnail * 6.2 - Entry Header * 6.3 - Entry Meta * 6.4 - Entry Content * 6.5 - Galleries * 6.6 - Post Formats * 6.7 - Post/Image/Paging Navigation * 6.8 - Attachments * 6.9 - Archives * 6.10 - Contributor Page * 6.11 - 404 Page * 6.12 - Full-width * 6.13 - Singular * 6.14 - Comments * 7.0 - Sidebar * 7.1 - Widgets * 7.2 - Content Sidebar Widgets * 8.0 - Footer * 9.0 - Featured Content * 10.0 - Multisite * 11.0 - Media Queries * 12.0 - Print * ----------------------------------------------------------------------------- */ /** * 1.0 Reset * * Resetting and rebuilding styles have been helped along thanks to the fine * work of Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html * along with Nicolas Gallagher and Jonathan Neal * http://necolas.github.com/normalize.css/ and Blueprint * http://www.blueprintcss.org/ * * ----------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; vertical-align: baseline;} article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display: block;} audio, canvas, video{display: inline-block; max-width: 100%;} html{overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust:100%;} /******************************* * BODY * ----------------------------------------------------------------------------- */ body, button, input, select, textarea{color:#545454; font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:normal; line-height:25px;} /******************************* * LINKS * ----------------------------------------------------------------------------- */ a{text-decoration: none;} a:focus{outline: thin dotted;} a:hover, a:active{outline: 0;} a:active, a:hover{} /******************************* * HEADINGS * ----------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6{clear:both; font-weight:700; margin:0px 0px 0px;} h1{font-size: 26px; line-height: 1.3846153846;} h2{font-size: 24px; line-height: 1;} h3{font-size: 22px; line-height: 1.0909090909;} h4{font-size: 20px; line-height: 1.2;} h5{font-size: 18px; line-height: 1.3333333333;} h6{font-size: 16px; line-height: 1.5;} /******************************* * ATTRIBUTES * ----------------------------------------------------------------------------- */ address{font-style: italic; margin-bottom: 24px;} abbr[title]{border-bottom: 1px dotted #2b2b2b; cursor: help;} b, strong{font-weight: 700;} cite, dfn, em, i{font-style: italic;} mark, ins{background: #fff9c0; text-decoration: none;} p{margin-bottom: 24px;} code, kbd, tt, var, samp, pre{font-family: monospace, serif; font-size: 15px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6;} pre{border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word;} blockquote, q{-webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none;} blockquote:before, blockquote:after, q:before, q:after{content: ""; content: none;} blockquote{color: #767676; font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px;} blockquote cite, blockquote small{color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5;} blockquote em, blockquote i, blockquote cite{font-style: normal;} blockquote strong, blockquote b{font-weight: 400;} small{font-size: smaller;} big{font-size: 125%;} sup, sub{font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline;} sup{bottom: 1ex;} sub{top: .5ex;} dl{margin-bottom: 24px;} dt{font-weight: bold;} dd{margin-bottom: 24px;} ul, ol{list-style: none; margin: 0 0 24px 20px;} ul{list-style: disc;} ol{list-style: decimal;} li > ul, li > ol{margin: 0 0 0 20px;} img{-ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;} figure{margin: 0;} fieldset{border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0;} legend{white-space: normal;} button, input, select, textarea{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline;} button, input{line-height: normal;} input, textarea{background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */} button, html input[type="button"], input[type="reset"], input[type="submit"]{-webkit-appearance: button; cursor: pointer;} button[disabled], input[disabled]{cursor: default;} input[type="checkbox"], input[type="radio"]{padding: 0;} input[type="search"]{-webkit-appearance: textfield;} input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner{border: 0; padding: 0;} textarea{overflow: auto; vertical-align: top;} table, th, td{border: 1px solid rgba(0, 0, 0, 0.1);} table{border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%;} caption, th, td{font-weight: normal; text-align: left;} th{border-width: 0 1px 1px 0; font-weight: bold;} td{border-width: 0 1px 1px 0;} del{color: #767676;} hr{background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px;} /******************************* * ALIGNMENT * ----------------------------------------------------------------------------- */ .alignleft{float: left;} .alignright{float: right;} .aligncenter{display: block; margin-left: auto; margin-right: auto;} /******************************* Support a widely-adopted but non-standard selector for text selection styles * to achieve a better experience. See http://core.trac.wordpress.org/ticket/25898. */ ::selection{background:#535353; color:#fff; text-shadow: none;} ::-moz-selection{background:#535353; color:#fff; text-shadow: none;} /******************************* * 11.0 Media Queries * ----------------------------------------------------------------------------- */ /* Does the same thing as , * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See http://core.trac.wordpress.org/ticket/25888. */ @-ms-viewport{width: device-width;} @viewport{width: device-width;} /******************************* Input fields */ input, textarea{border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 2px; color: #af7830; padding: 8px 10px 7px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} textarea{width: 100%; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} input:focus, textarea:focus{border: 1px solid rgba(0, 0, 0, 0.3); outline: 0;} input.submit{border: 1px solid rgba(49, 49, 49, 1); border-radius: 2px; color: #fff; background:#313131; padding: 8px 10px 7px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} input.submit:hover{background:#fe6500; border:#fe6500 1px solid;} /******************************* * NEW CSS * ----------------------------------------------------------------------------- */ body{background:#FFF url(images/bg.jpg) left top repeat-x; margin:0px auto; padding:0px; -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} #main-site{margin:0px; padding:0px; width:100%;} #left-side{margin:0px; padding:0px; width:19.6%; height:100%; float:left; position:fixed; z-index:2;} #right-side{margin:0px; padding:0px; width:80.4%; background:#fff; float:right; position:relative; z-index:-1;} /*** LOGO **/ #logo-main{margin:0px auto; padding:0px; background:url(images/left-sidetopbg.png) right top no-repeat; position:relative; z-index:1;} .site-title{width:306px; height:160px; margin:0px; padding:0px; text-align:left; float:left; top:15px; left:8%; bottom:20px; position:relative; z-index:1;} /***** SECONDARY SIDEBAR *****/ #scrollbar-custom{background:#313131; margin:0px; padding:0px; height:100%; display:inline-table; overflow-x:hidden; overflow-y:scroll;} #secondary{float:left; width:100%; height:540px; margin:0px 0px 0px; padding:0px 0px 25px; font-size:15px; font-family:'Open Sans', sans-serif; overflow:auto; overflow-y:scroll; overflow-x:hidden;} #secondary aside{width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;} #secondary aside:nth-child(1){margin:0px 10%; width:80%;} #secondary aside:nth-child(2){margin:24px auto 0px;} #secondary aside img{width:100%; margin:0px auto; padding:0px;} #secondary aside h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-size:39px; text-transform:uppercase; text-align:center; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold; color:#7db0d8;} #vfbp-form-1 div.vfb-form-group > div:nth-child(1) { float:left; width:100%; height: inherit;} .btn.btn-primary{width:100%;} .call-link{display:none;} /* container properties */ .scrollbar{width:100%;max-width:100%;height:400px;} /* customize scrollbar css */ #scrollbar-custom::-webkit-scrollbar{width:12px;background-color:#cccccc;} #scrollbar-custom::-webkit-scrollbar:horizontal{height:12px;} #scrollbar-custom::-webkit-scrollbar-track{border:1px #787878 solid;border-radius:10px;-webkit-box-shadow:0 0 6px #C8C8C8 inset;} #scrollbar-custom::-webkit-scrollbar-thumb{background-color:#B03C3F;border:1px solid #000000;border-radius:16px;} #scrollbar-custom::-webkit-scrollbar-thumb:hover{background-color:#BF4649;border:1px solid #333333;} #scrollbar-custom::-webkit-scrollbar-thumb:active{background-color:#A6393D;border:1px solid #333333;} /*** SCHEDULE **/ #secondary aside ul#schedule{ width:100%; margin:30px auto 0px; padding:0px; list-style:none; text-align:left;font-family: 'Open Sans', sans-serif; color:#fff; font-weight:normal; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.75);} #secondary aside ul#schedule li { margin:0px; padding:5px 0; list-style:none; border-bottom:1px dashed #57657e;} #secondary aside ul#schedule li .right2{ text-align: right; float:right;} #secondary aside ul#schedule li .left2{ font-weight:bold;} .estimate{ width:100%; text-align: center; line-height:7px; color: #fff; font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-size:21px; text-transform:uppercase; margin:0px 0px 25px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.75);} .estimate h1{ color:#7db0d8; font-size:39px; text-align:center;} .estimate h1 span { font-size:21px; color:#fff;} .vfb-form-group > div, #vfbField10 > div {float: right; width:60%; height:29px;} .vfbp-form label { color:#fff;text-shadow: 0px 1px 1px rgba(0, 0, 0, 1);} /*** CALL **/ #call-bg{float:left; margin:0px; padding:0px; width:100%; height:39px; background:#fe6500;} #call-bg .call-main{margin:0px auto; padding:0px; width:100%; text-transform:uppercase;} .call{margin:0px auto; padding:6px 40px 8px 0px; text-align:right; font-family:'Open Sans', sans-serif; font-size:14px; color:#fff; line-height:inherit; font-weight:normal;} .call a{color:#FFF; text-decoration:none; border:none;} .call a:hover{color:#2a2c2d; text-decoration:none;} .call strong{font-weight:700;} /*** HEADER **/ header{margin:0px auto; padding:0px; width:100%; height:auto; float:left; z-index:-1; position: relative;} .header-main{margin:0px auto; padding:0px; width:100%; height:auto; /*-webkit-box-shadow: inset 0px 0px 49px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 49px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 49px 0px rgba(0,0,0,0.75);*/} .header-main img{margin:0px auto; padding:0px; width:100%;} /***** NAVIGATION *****/ .menu-toggle, .skip-link{display:none;} nav{position:relative; width:100%; height:94px; float:left; margin:0px; padding:0px; background:#f5f5f5; z-index:-1;} .nav-menu{width:100%; height:94px; margin:0px auto; padding:0px;} nav ul{float:left; list-style:none; padding:0px 0px; margin:0px 0px 0px 125px; height:94px; display:inline-block;} nav ul li{display:block; padding:0px 13px 0px 13px; margin:0px 0px 0px 1px; position:relative; float:left;} .ie7 nav ul li{margin:-1px 0px 0px;} nav ul li a{display:block; padding:35px 0px 34px 0px; font-size:17px; font-family:'Open Sans', sans-serif; color:#fe6500; font-weight:800; text-transform:uppercase; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-out; /*Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6*/ transition: all 0.3s ease-out; /*Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+*/} nav ul li:hover, nav ul li.current_page_item, nav ul li.current_page_ancestor{margin:0px 0px 0px 1px; background:#fe6500;} nav ul li:hover a, nav ul li.current_page_item a, nav ul li.current_page_ancestor a{color:#FFF; text-decoration:none; padding:35px 0px 34px 0px;} nav ul li ul{position:absolute; top:100%; left:0px; width:202px; display:none; padding:0px 0px 0px 0px; margin:0px; height:auto;} nav ul li ul li{border-bottom:none; position:relative; margin:0px 0px 0px; padding:0px; background:#fe6500; border-top:1px solid #cb5100; width:200px;} nav ul li > ul li a{display:block; font-size:15px; padding:9px 12px; color:#fff; display:block; font-family:'PT Sans', sans-serif;} nav ul li ul li a:hover{background:#313131; color:#fff;} nav ul li ul li:hover, nav ul li ul li.current_page_item, nav ul li ul li.current_page_ancestor{margin:0px 0px 0px 2px; background:#fe6500; borde-topr:1px solid #212121;} nav ul li ul li:hover a, nav ul li ul li.current_page_item a, nav ul li ul li.current_page_ancestor a{color:#fff; text-decoration:none;} nav ul li:hover ul{display:block;} nav ul li ul ul{top:0; left:150px;} .ie7 nav ul li ul ul{top:1px;} /* Only Chrome & Safari Browser CSS */ @media screen and (-webkit-min-device-pixel-ratio:0) { nav ul li a{padding:35px 0px 34px 0px;} nav ul li:hover a, nav ul li.current_page_item a, nav ul li.current_page_ancestor a{padding:35px 0px 34px 0px;} nav ul li ul li a{padding:9px 12px;} nav ul li ul li:hover a, nav ul li ul li.current_page_item a, nav ul li ul li.current_page_ancestor a{padding:9px 12px;} } /* Only IE Browser CSS */ @media screen and (min-width:0) { /* IE9 and IE10 rule sets go here */ nav ul li a{padding:35px 0px 34px 0px;} nav ul li:hover a, nav ul li.current_page_item a, nav ul li.current_page_ancestor a{padding:35px 0px 34px 0px;} nav ul li ul li a{padding:9px 12px !important;} nav ul li ul li:hover a, nav ul li ul li.current_page_item a, nav ul li ul li.current_page_ancestor a{padding:12px 12px;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { } /*** TAG **/ #tag-bg{float:left; margin:-79px auto 0px; padding:0px 0px; width:100%; position:relative; z-index:0;} #tag-bg .tag-main{margin:0px auto; padding:0px; width:100%; min-height:150px; height:auto; color:#fff; font-family:'Open Sans', sans-serif; font-size:14px; text-align:left; font-weight:400; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.75);} #tag-bg span.orange-text{color:#fe6500;} #tag-bg .caps{text-transform:uppercase;} #tag-bg .size{font-size:14px;} #tag-bg span.blue-text{color:#7db0d8;} #tag-bg .gray-bg{float:left; background:#313131; width:30%; border-left:8px solid #fe6500; margin:0px; padding:26px 0px 24px 2%;} #tag-bg .gray-bg strong{font-weight:800;} #tag-bg .orange-bg{float:left; background:url(images/tagline-corner-bg.png) left top no-repeat; min-height:150px; width:67.2%; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.30);} #tag-bg .orange-main{width:100%; height:49px; background:#fe6500; width:89.7%; margin:0px 0px 0px 75px; padding:22px 0px 0px 15px; top:79px; position:relative; font-family:'T', Arial, Helvetica, sans-serif; font-size:40px; color:#FFF; text-transform:uppercase;} #tag-bg .orange-main strong{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-weight:normal;} #serving-bg{float:left; font-size:30px; float:left; width:100%; margin:0px; padding:0px; background:#FFF; height:53px;} #serving-bg .serving-main{float:left; width:95%; margin:0px 0px 0px 23px; padding:0px;} #serving-bg .area{float:left; font-family:'PT Serif', serif; font-size:30px; text-transform:uppercase; font-weight:400; line-height:53px;} #serving-bg .area-inner{float:left; font-family:'PT Serif', serif; font-size:30px; text-transform:uppercase; font-weight:400; line-height:53px; padding:0px 0px 0px 15px;} #serving-bg span.orange-text{/*color:#fe6500;*/} #serving-bg span.orange-text strong{/*font-family:'bauhausdemi', Arial, Helvetica, sans-serif; */font-weight:normal;} /*** SEARCHBOX **/ #search-container{width:auto; height:29px; float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} .search-box{width:auto; height:auto; margin:0px auto; padding:8px 0px 0px 0px;} form.search-form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:right;} .screen-reader-text { display:none; } .search-box input { outline: none; } .search-box input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; } .search-box input::-webkit-search-decoration, input::-webkit-search-cancel-button {display:none;} .search-box input[type=search] {float:left; margin:0px 0px 0px 0px; padding:4px; width:29px; height:29px; font-family: 'Open Sans', sans-serif; font-size:14px; color:transparent; font-weight:normal; background:#fff url(images/search.png) center center no-repeat; border:none; -webkit-border-radius:10em; -moz-border-radius:10em; border-radius:10em; -webkit-transition:all .5s; -moz-transition:all .5s; transition:all .5s;} .search-box input[type=search]:hover{background-color:#fff;} .search-box input[type=search]:focus{width:200px; padding-left:22px; color:#104189; background:#fff url(images/search.png) center right no-repeat; border:none; cursor: auto; padding:4px 4px 4px 15px; -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25); -moz-box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25); box-shadow: inset 0px 0px 3px 0px rgba(0,0,0,0.25);} .search-box input:-moz-placeholder{color:transparent;} .search-box input::-webkit-input-placeholder{color:transparent;} .search-box input[type=submit] {display:none;/*float:right; background:url(images/search.png) center left no-repeat; width:31px; height:31px; border:none; box-shadow:rgba(0, 0, 0, 0.0) 0 0 0px, #fff 0 0 0px inset; font-size:0px; padding:0px; margin:0px 8px 0px 0px; cursor:pointer;*/} #search-box input[type=submit]:hover{} /*** BOXES **/ #boxes{float:left; margin:0px; padding:0px 0px 0px 0px; background:#e2e3e4; width:100%;} #boxes-sidebar{margin:0px; padding:0px; border-left:8px solid #fe6500; border-bottom:8px solid #fe6500;} #boxes-sidebar h1{font-weight:normal; font-family:'sansationbold', Arial, Helvetica, sans-serif; font-size:26px; text-align:center; text-transform:uppercase; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; position:relative; top:0px; color:#14caff; line-height:27px; text-shadow:0px 1px 2px rgba(0, 0, 0, 0.75);} #boxes-sidebar h1 > span.pana{color:#fff; font-family:'sansationregular', Arial, Helvetica, sans-serif; font-size:22px;} #boxes-sidebar aside{margin:0px; padding:0px; float:left; background:#313131; text-align:center; width:40%; min-height:369px; height:369px; -webkit-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75); -moz-box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75); box-shadow: inset 0px 0px 15px 0px rgba(0,0,0,0.75);} #boxes-sidebar aside img{width:100%; height:369px;} #boxes-sidebar aside:nth-child(2){width:40%; position:relative;} #boxes-sidebar aside:nth-child(2) .box-text{position:relative;} #boxes-sidebar aside:nth-child(2) span.call-text{position:absolute; z-index:1; margin:0px auto; padding:34px 15px 0px; text-align:center; font-size:19px; font-family:'Open Sans', sans-serif; font-weight:400; line-height:27px; left:0; right:0; width:80%;} #boxes-sidebar aside:nth-child(2) span.call-text h2{color:#313131; font-size:36px; font-weight:300; width:100%; display:block;} #boxes-sidebar aside:nth-child(2) span.call-text span.ph{color:#FFF; font-size:50px; font-weight:800; line-height:60px; display:block; width:100%;} #boxes-sidebar aside:nth-child(2) span.call-text span.ph a{color:#FFF; width:100%; background:none; display:block; font-size:25px; font-family:'Open Sans', sans-serif; font-weight:800; float:none; margin:0px auto; padding:0px;} #boxes-sidebar aside:nth-child(2) span.call-text span.ph a:hover{color:#fe6500;} #boxes-sidebar aside:nth-child(2) span.call-text span.free{width:100%; display:block; line-height:20px;} #boxes-sidebar aside:nth-child(3){width:20%;} #boxes-sidebar aside:nth-child(3) a{float:left;} #boxes-sidebar aside a{background:#fe6500; margin:-43px 0px 0px 0px; padding:9px 12px; position:relative; z-index:1; float:right; font-size:17px; font-family:'PT Serif', serif; font-weight:400; color:#fff; text-transform:uppercase; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.30);} #boxes-sidebar aside a:hover{background:#313131;} /*** CONTENT **/ #page{width:100%; margin:0px auto; padding:0px; background:#fff url(images/content-topshadow.png) left top repeat-x;} #main{width:94%; margin:0px 3%; padding:0px;} #main-content{float:left; width:100%; margin:0px auto; padding:0px;} #primary{float:left; width:100%; margin:0px 0px 0px 0px; padding:0px;} .entry-content{width:100%; margin:0px auto 20px; padding:0px 0px; float:left; font-size:16px;} .entry-header{width:100%; margin:0px auto; padding:0px;} .entry-header-blog{width:100%; height:auto; margin:0px auto; padding:0px;} #post-1 .entry-header{width:100%; height:auto; margin:0px auto; padding:0px;} .clear{clear:both;} #content{margin:44px auto 52px; padding:0px; text-align:justify;} #content strong{color:#fe6500; font-family:'Open Sans', sans-serif; text-transform:uppercase;} #content em{color:#fe6500; font-family:'PT Serif', serif; font-size:19px;} #content header{background:none;} #content a{color:#313131;} #content a:hover{color:#fe6500;} #content p{margin:15px 0px 15px 0px; line-height:32px;} #content p span.quote{font-family:"Times New Roman", Times, serif; font-size:48px; font-weight:normal; color:#c0c0c0; vertical-align:middle;} #content .left{float:left; margin:0px; padding:0px; width:29%;} #content .right{float:right; margin:0px; padding:0px; width:71%;} #content .leftimg{float:left; margin:5px 33px 20px 0px; padding:0px;} #content .rightimg{float:right; margin:5px 33px 20px 0px; padding:0px;} #content h2{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-weight:normal; font-size:29px; color:#3d3d3d; margin:30px 0px 30px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; clear:none; text-align:left;} #content h2 span{font-size:5px; letter-spacing:2px;} #content h3{font-family:'Open Sans Condensed', sans-serif; font-weight:700; font-size:22px; color:#fe6500; margin:15px 0px 5px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:21px; margin:9px 0px 5px 0px; padding:0px 0px 0px 0px; text-align:right;} #content h4{font-family:'Open Sans', sans-serif; font-size:21px; color:#1b4d76; margin:0px 0px 0px 0px; padding:0px 0px 9px 0px; line-height:27px; font-weight:600;} .rightimg{float:right; margin:7px 0px 0px 27px; padding:0px;} #content ul{margin:0px 0px 17px; padding:0px; list-style:none;} #content ul li{margin:0px; padding:6px 18px 6px 25px; border-top:1px solid #d4dcde; background:url(images/bullet2.png) left 12px no-repeat; list-style:none; display:table;} #content ul li:nth-child(1){border-top:none;} #content ul.list-style1{margin:0px; padding:0px; list-style:none; display:inline-block;} #content ul.list-style1 li{margin:0px; padding:12px 20px 12px 0px; list-style:url(images/orange-bullet.png) circle inside; background:url(images/gray-divider.png) left top repeat-x; color:#505050; font-family:'Open Sans', sans-serif; width:auto; color:#313131; font-size:18px; display:list-item; border:none;} #content ul.list-style1 li:nth-child(1){background:none;} #content ul.list-style2{margin:0px; padding:0px; list-style:none; display:inline-block; border-top:2px solid #999; border-left:2px solid #999; width:100%;} #content ul.list-style2 li{margin:0px; padding:0px; list-style:none; color:#505050; font-family:'Open Sans', sans-serif; font-weight:700; width:49.83%; float:left; color:#313131; font-size:15px; display:list-item; border:none; text-align:left; text-transform:uppercase; border-right:2px solid #999; border-bottom:2px solid #999;} #content ul.list-style2 li strong{border-right:2px solid #999; width:50%; display:inline-block; padding:12px 15px 12px 15px; background:#f8f8f8;} #content ul.list-style3{margin:0px; padding:0px; list-style:none; display:inline-block; border-top:1px dashed #999; border-left:1px dashed #999; width:100%;} #content ul.list-style3 li{margin:0px; padding:0px; list-style:none; background:url(images/gray-divider.png) bottom left repeat-x; color:#505050; font-family:'Open Sans', sans-serif; font-weight:700; width:100%; float:left; color:#313131; font-size:15px; display:list-item; border:none; text-align:left; text-transform:uppercase; border-right:1px dashed #999;} #content ul.list-style3 li strong{border-right:1px dashed #999; width:50%; display:inline-block; padding:12px 15px 12px 15px; background:#f8f8f8 url(images/gray-divider.png) bottom left repeat-x;} .entry-content-home{width:100%; margin:0px auto 0px; padding:0px 0px; float:left; color:#677080; font-size:16px;} #content .entry-content-home h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-weight:normal; font-size:37px; color:#fe6500; margin:0px 0px 30px 0px; padding:0px 0px 0px 72px; text-transform:uppercase; line-height:38px; text-align:left; float:left; background:url(images/welcome-h1.png) left top no-repeat;} #content .entry-content-home h1 span.gray{color:#313131;} #content .entry-content-home h1 span.orange{color:#fe6500;} #content .entry-content-home h1 span.blue{color:#7db0d8;} #content .entry-content-home h1 a{color:#154293;} #content .entry-content-home h1 a:hover{color:#a78956;} #content .entry-content h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-weight:normal; font-size:37px; color:#fe6500; margin:0px 0px 30px 0px; padding:0px 0px 0px 72px; text-transform:uppercase; line-height:38px; text-align:left; background:url(images/welcome-h1.png) left top no-repeat;} #content .entry-content h1 span.gray{color:#313131;} #content .entry-content h1 span.orange{color:#fe6500;} #content .entry-content h1 span.blue{color:#7db0d8;} #content .entry-content {color:#677080;} #content .entry-content a:hover{color:#fe6500;} #content .entry-header h1{font-family:'PT Serif', serif; font-weight:normal; font-size:24px; color:#fe6500; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-transform:uppercase; line-height:38px; text-align:left;} #content .entry-header a{color:#313131;} #content .entry-header a:hover{color:#fe6500;} #content .page-header h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-weight:normal; font-size:37px; color:#fe6500; margin:0px 0px 30px 0px; padding:0px 0px 0px 72px; text-transform:uppercase; line-height:38px; text-align:left; background:url(images/welcome-h1.png) left top no-repeat;} #content .page-header a{color:#313131;} #content .page-header a:hover{color:#fe6500;} #content .archive-header h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-weight:normal; font-size:37px; color:#fe6500; margin:0px 0px 30px 0px; padding:0px 0px 0px 72px; text-transform:uppercase; line-height:38px; text-align:left; background:url(images/welcome-h1.png) left top no-repeat;} #content .archive-header h1 span.gray{color:#313131;} #content .archive-header a{color:#313131;} #content .archive-header a:hover{color:#fe6500;} /***** RIGHT SIDEBAR *****/ #right-sidebar{float:left; width:100%; margin:0px 0px 52px; padding:0px; background:#fff; font-size:15px; font-family:'Open Sans', sans-serif;} #right-sidebar aside{width:30%; min-height:500px; height:auto; margin:0px 0px 0px 5%; padding:0px; float:left; text-align:center;} #right-sidebar aside:nth-child(1){margin:0px;} #right-sidebar aside img{width:100%; margin:0px auto; padding:0px;} #right-sidebar aside h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-size:24px; text-transform:uppercase; text-align:center; margin:0px 0px 12px 0px; padding:28px 0px 2px 0px; font-weight:normal; color:#313131; background:url(images/gray-dooted-divider.png) bottom left repeat-x; display:inline-block;} #right-sidebar aside strong{color:#313131; font-weight:400;} #right-sidebar aside ul{margin:0px; padding:0px; list-style:none; display:inline-block;} #right-sidebar aside ul li{margin:0px; padding:0px 12px 0px 18px; display:inline; background:url(images/bullet2.png) left 3px no-repeat; color:#505050; font-family:'Open Sans', sans-serif; width:auto;} #right-sidebar aside p{color:#505050; margin:0px; padding:0px;} #right-sidebar aside a.right-more{font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-size:16px; color:#FFF; text-transform:uppercase; background:#fe6500; padding:6px 15px; margin:15px 0px 0px 0px; text-align:center; display:inline-block;} #right-sidebar aside a.right-more:hover{background:#313131;} /***** RIGHT SIDEBAR IMAGES EFFECT *****/ .hovereffect{width:100%; height:100%; float:left; overflow:hidden; position:relative; text-align:center; cursor:default; background:-webkit-linear-gradient(45deg, #7db0d8 0%, #000 100%); background:linear-gradient(45deg, #000 0%,#000 100%);} .hovereffect .overlay{width:75%; height:64%; position:absolute; overflow:hidden; top:0; left:0; padding:3em; text-align:left;} .hovereffect img{display:block; position:relative; max-width:none; width:calc(100% + 60px); -webkit-transition:opacity 0.35s, -webkit-transform 0.45s; transition:opacity 0.35s, transform 0.45s; -webkit-transform:translate3d(0px,0,0); transform:translate3d(0px,0,0);} .hovereffect h2{text-transform:uppercase; color:#fff; position:relative; font-size:17px; background-color:transparent; padding:15% 0 10px 0; text-align:left;} .hovereffect .overlay:before{position:absolute; top:20px; right:20px; bottom:20px; left:20px; border:1px solid #fff; content:''; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 0.35s, -webkit-transform 0.45s; transition:opacity 0.35s, transform 0.45s; -webkit-transform:scale(1.5); transform:scale(1.5);} .hovereffect a, .hovereffect p{color:#FFF; opacity:0; filter:alpha(opacity=0); -webkit-transition:opacity 0.35s, -webkit-transform 0.45s; transition:opacity 0.35s, transform 0.45s; -webkit-transform:translate3d(-10px,0,0); transform:translate3d(-10px,0,0); width:100%; height:100%; display:block; font-size:0px;} .hovereffect:hover img{opacity:0.6; filter:alpha(opacity=60); -webkit-transform:scale(1.2); transform:scale(1.2);} .hovereffect:hover .overlay:before, .hovereffect:hover a, .hovereffect:hover p{opacity:1; filter:alpha(opacity=100); -webkit-transform:scale(1); transform:scale(1); font-size:0px;} /***** PICTURE SIDEBAR *****/ #picture-sidebar{margin:0px auto; padding:38px 0px; width:100%; text-align:center; min-height:368px; height:auto !important; display:block; color:#FFF; font-family:'Open Sans', sans-serif; background:#6fa2c9 url(images/youget-bg.jpg) center top no-repeat;} #picture-sidebar aside{left:0px !important; top:0px !important; position:relative !important; width:94%; min-height:123px; height:auto; margin:0px 3%; padding:0px; float:none; text-align:center; font-size:18px; font-weight:400; line-height:27px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.52);} #picture-sidebar aside h1{font-size:48px; color:#fff; font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-weight:normal; padding:78px 0px 0px 0px; margin:0px 0px 0px 0px; text-transform:uppercase; background:url(images/youget-boxicon.png) center top no-repeat;} #picture-sidebar aside h2{margin:18px 0px 0px; padding:0px 0px 0px; color:#fff; font-family:'Open Sans', sans-serif; font-size:18px; font-weight:700; line-height:41px; text-align:center;} #picture-sidebar aside strong{text-transform:uppercase; font-weight:700;} #picture-sidebar a{color:#ffffff; font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-size:18px; border:1px solid #FFF; padding:7px 15px; margin:20px 0px 0px; text-transform:uppercase; display:inline-block;} #picture-sidebar a:hover{color:#bfe3ff; border:1px solid #bfe3ff;} #picture-sidebar p{margin:0px; padding:0px;} #picture-sidebar p span.skin-clr{color:#f7cf9b;} #picture-sidebar span.sqr-divider{background:url(images/white-dotted-divider.png) left top repeat-x; width:auto; margin:24px auto 0px; padding:9px 0px 0px; display:inline-block;} /***** HOURLY SIDEBAR *****/ #hourly-sidebar{float:left; width:94%; margin:59px 3% 59px; padding:0px; font-size:15px; font-family:'Open Sans', sans-serif;} #hourly-sidebar aside{width:100%; margin:0px 0px 0px 0px; padding:0px; float:left;} #hourly-sidebar aside .left{margin:0px; padding:0px; width:30%; float:left;} #hourly-sidebar aside .right{margin:0px 0px 0px 4%; padding:0px; width:66%; float:left;} #hourly-sidebar aside img{width:100%; margin:0px auto; padding:0px;} #hourly-sidebar aside h1{font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-size:38px; text-transform:uppercase; text-align:left; margin:0px 0px 15px 0px; padding:25px 0px 0px 0px; font-weight:normal; color:#6fa2c9;} #hourly-sidebar aside ul{margin:0px; padding:0px; list-style:none; display:inline-block;} #hourly-sidebar aside ul li{margin:0px; padding:12px 20px 12px 0px; list-style:url(images/orange-bullet.png) circle inside; background:url(images/gray-divider.png) left top repeat-x; color:#505050; font-family:'Open Sans', sans-serif; width:auto; color:#313131; font-size:18px;} #hourly-sidebar aside ul li:nth-child(1){background:none;} /***** GALLERY SIDEBAR *****/ #gallery-sidebar{width:100%; margin:0px auto; padding:0px;} #gallery-sidebar aside{width:100%; margin:0px; padding:0px;} #gallery-sidebar ul{margin:0px; padding:0px; list-style:none;} #gallery-sidebar ul li{margin:0px; padding:0px; list-style:none;} #gallery{margin:0px; padding:0px;} #gallery-sidebar ul li.black-head{background:#000; height:79px; margin:1px 0px; padding:0px;} #gallery-sidebar ul li.black-head h3{font-family:'sansationbold', Arial, Helvetica, sans-serif; font-size:30px; text-align:center; line-height:79px; color:#fff; text-transform:uppercase; font-weight:normal; margin:0px auto; padding:0px;} #gallery ul{margin:0px; padding:0px; list-style:none;} #gallery ul li{margin:0px; padding:0px; list-style:none; width:100%; float:left;} #gallery ul li ul{margin:0px; padding:0px; list-style:none;} #gallery ul li ul li{margin:0px; padding:0px; list-style:none; width:100%; float:left;} #gallery ul li ul li.gal-img:nth-child(1){margin:0px;} #gallery ul li ul li.gal-img{position:relative; width:24.94%; height:236px; margin:0px 0px 1px 1px; padding:0px; display:inline-block;} #gallery ul li ul li.gal-img img{position:absolute; left:0; width:100%; height:100%; -webkit-transition:all 0.4s linear 0s; -moz-transition:all 0.4s linear 0s; -o-transition:all 0.4s linear 0s; transition:all 0.4s linear 0s;} #gallery ul li ul li.gal-img img:hover{-webkit-transition:all .4s linear; transition:all .4s linear;} #gallery ul li ul li.gal-img span.white{background:rgba(0,0,0,0.5); color:#242424; cursor:pointer; display:table; width:304px; height:217px; left:0; position:absolute; top:0; opacity:0; font-family:'PT Sans', sans-serif; font-size:17px; line-height:25px; transform:perspective(400px) rotateX(0deg) rotateY(120deg) rotateZ(0deg); transform-origin:left center 0; transition:opacity 400ms ease 0s, transform 400ms ease 0s, border-radius 400ms ease 0s; opacity:0; background-color:rgba(0, 0, 0, .5); -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out} span.white span.text-cont{display:table-cell; text-align:center;vertical-align:middle; padding:0px 30px;} #gallery ul li ul li.gal-img:hover span.white{opacity:1; transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); /* Safari */} /***** GALLERY ANIMATION *****/ .hover, .hover h2 { text-align:center } .hover, .hover .overlay { width:100%; height:100%; overflow:hidden } .hover a span.info, .hover h2 { text-transform:uppercase; color:#fff } .navbar-inverse { color:#fff; background-color:rgba(255, 255, 255, .2); border-bottom:1px solid #fff } ul.nav.navbar-nav { float:right } .navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a { color:#fff } .col-lg-3, .col-md-4, .col-sm-6, .col-xs-12 { padding:0 } .hover { float:left; position:relative; cursor:default } .hover .overlay { position:absolute; top:0; left:0 } .hover img { display:block; position:relative } .ehover10 a, .hover a span.info { display:inline-block } .hover h2 { position:relative; padding:18px 0px; background:rgba(0, 0, 0, .6); font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal;} .hover a span.info { text-decoration:none; padding:0px 25px; border:2px solid #fff; margin:50px 0 0; border-radius:0; background-color:transparent } .hover a span.info:hover { box-shadow:0 0 5px #fff } .ehover5 a span.info:hover, .hover a.nullbutton:hover { box-shadow:none } .hover a.nullbutton { border:none; padding:0; margin:0 } .ehover4 a span.info, .ehover42 a span.info { margin:-55px 0 0; padding:73px 90px; font-weight:400; border:1px solid #fff } .modal-open .modal, a:focus { outline:0!important } .point { cursor:pointer } .ehover1 img { -webkit-transition:all .4s linear; transition:all .4s linear } .ehover1 .overlay { opacity:1; -webkit-transition:all .4s ease-in-out; transition:all .4s ease-in-out } .ehover1 .overlay:hover{background-color:rgba(0, 0, 0, .5); opacity:1;} .hover a, .ehover1 a, .overlay a{position:absolute; height:100%; display:block; width:100%;} .ehover1 h2 { -ms-transform:translatey(47px); -webkit-transform:translatey(47px); transform:translatey(47px); opacity:1; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out} .ehover1 .overlay h2:hover{opacity:1; background:none;} .ehover1 a span.info { opacity:0; /*display:inline;*/ font-family:'Open Sans', sans-serif; font-size:66px; font-weight:400; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; padding:23px 20px 30px 20px; -ms-transform:translatey(47px); -webkit-transform:translatey(47px); transform:translatey(47px);} .ehover1:hover img { -ms-transform:scale(1.2); -webkit-transform:scale(1.2); transform:scale(1.2) } .ehover1:hover .overlay { opacity:1 } .ehover1:hover a span.info{ opacity:1; -ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px); background:none;} .ehover1:hover h2 { opacity:1; -ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px); background:none;} .ehover1:hover a span.info {-webkit-transition-delay:.2s; transition-delay:.2s} /***** ADDRESS SIDEBAR *****/ #address-sidebar{float:left; width:100%; margin:0px 0px 0px 0px; padding:0px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.25); text-transform:uppercase;} #address-sidebar aside{margin:0px; padding:0px; float:left;} #address-sidebar aside h2{font-family:'sansationbold', Arial, Helvetica, sans-serif; font-size:24px; color:#fff; text-align:left; padding:0px 0px 15px 0px; text-transform:uppercase;} #address-sidebar aside{float:left; margin:0px; padding:0px; text-align:left; font-family:'PT Serif', serif; font-size:21px; line-height:37px; color:#fff; width:100%;} #address-sidebar aside .address{margin:0px; padding:54px 4% 66px; float:left; width:26%; min-height:198px; height:auto; background:#fe6500; font-family:'PT Serif', serif; font-size:21px; font-weight:400;} #address-sidebar aside .address h1{font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-size:28px; margin:0px 0px 12px 0px; padding:0px 0px 12px 0px; font-weight:normal; color:#FFF; background:url(images/white-dotted-divider1.png) bottom left repeat-x;} #address-sidebar aside .address h2{font-family:'PT Serif', serif; font-size:20px; font-weight:400; line-height:31px; margin:7px 0px 0px 0px; padding:0px; color:#FFF;} #address-sidebar aside .address h2 strong{font-family:'PT Serif', serif; font-weight:700;} #address-sidebar aside .address p{margin:10px 0px 20px; padding:0px;} #address-sidebar aside .address strong{font-family:'Open Sans', sans-serif; font-weight:800;} #address-sidebar aside .address a{color:#FFF;} #address-sidebar aside .address a:hover{color:#313131;} #address-sidebar aside .map{margin:0px; padding:0px; float:left; width:66%; height:318px; background:#eaeaea;} #address-sidebar aside .map img{width:100%; height:318px; margin:0px; padding:0px;} #address-sidebar aside .address h1{font-size:20px;} #address-sidebar aside .address{font-size:18px;} /***** CLIENT SIDEBAR *****/ #client-sidebar{float:left; width:100%; margin:0px 0px 0px 0px; padding:0px; text-shadow:0px 1px 1px rgba(0, 0, 0, 0.25); text-transform:uppercase;} #client-sidebar aside{margin:0px; padding:0px; float:left; width:100%; text-align:center;} #client-sidebar aside ul.clients{margin:26px 0px; padding:0px; list-style:none; display:inline-block; width:84%;} #client-sidebar aside ul.clients li{margin:0px; padding:0px 3.5%; background:url(images/footer-verticle-divider1.png) left top repeat-y; float:left;} #client-sidebar aside ul.clients li:nth-child(1){background:none;} /***** FOOTER SIDEBAR *****/ footer{margin:0px auto 0px; padding:0px 0px 0px; width:100%;} #supplementary{margin:0px auto; padding:0px 0px; width:100%; background:#313131;} #footer-sidebar{margin:0px auto; padding:50px 0px; width:94%; min-height:150px; height:auto !important; display:block; color:#ffffff; font-family:Verdana, Geneva, sans-serif; font-size:14px; line-height:24px; text-shadow:0px 1px 2px rgba(0, 0, 0, 0.75);} #footer-sidebar a{color:#ffffff;} #footer-sidebar a:hover{color:#219bff;} #footer-sidebar aside{left:0px !important; top:0px !important; position:relative !important; min-height:150px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;} #footer-sidebar aside:nth-child(1){padding:0px; width:35%; text-align:left;} #footer-sidebar aside:nth-child(2){width:42%; margin:0px 2.5%;} #footer-sidebar aside:nth-child(3){text-align:left; width:17%;} #footer-sidebar aside img{position:relative; z-index:1;} #footer-sidebar aside h1{font-size:22px; color:#84bfec; font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 15px 0px; text-transform:uppercase; line-height:24px;} #footer-sidebar aside h2{margin:0px; padding:0px 0px 0px; color:#fff; font-family:'Open Sans', sans-serif; font-size:18px; font-weight:400; line-height:29px;} #footer-sidebar aside h2 span.orange{text-transform:uppercase; color:#fe6500; display:inline-block;} #footer-sidebar aside p{margin:0px; padding:0px;} #footer-sidebar aside span.ph{margin:15px 0px 0px; padding:0px; font-weight:800; display:inline-block;} #footer-sidebar aside a{color:#fff; border-bottom:1px solid #FFF; color:#fff; text-decoration:none;} #footer-sidebar aside a:hover{color:#fe6500;} #footer-sidebar aside ul{padding:0px 0px; list-style:none; margin:0px;} #footer-sidebar aside ul.left{margin:0px; padding:0px; float:left; width:42%;} #footer-sidebar aside ul.right{margin:0px; padding:0px; float:right; width:56%;} #footer-sidebar aside ul li:nth-child(1){background:none;} #footer-sidebar aside ul li{list-style:url(images/bullet1.png) outside circle; background:url(images/footer-dash-divider.png) left top repeat-x; padding:3px 0px; margin:0px 0px 0px 15px;} #footer-sidebar aside ul li.hide-bullet{list-style:none; margin:0px;} /***** FOOTER *****/ #footer-links{text-align:center; margin:0px; padding:0px 2%; color:#fff; background:#202122; width:96%;} .site-info{width:100%; margin:0px; padding:15px 0px; line-height:23px;} .site-info #footermenu{width:50%; float:left; font-family:'PT Sans', sans-serif; font-size:15px; text-transform:uppercase; padding:0px 0px 0px; margin:0px auto; text-align:left; color:#fe6500;} .site-info #footermenu a{color:#fe6500;} .site-info #footermenu a:hover{color:#fff;} .site-info #copyright{width:50%; float:right; text-align:right; margin:0px auto; padding:0px 0px 0px; font-size:13px; font-family:Tahoma, Geneva, sans-serif; font-weight:normal;} .site-info #copyright a{color:#fff;} .site-info #copyright a:hover{color:#9f9f9f;} /******************************* * 6.14 Comments * ----------------------------------------------------------------------------- */ .comments-area{margin:48px auto; padding:0 0px;} .comment-reply-title, .comments-title{font:900 16px/1.5 Lato, sans-serif; margin:0; text-transform:uppercase;} .comment-list{margin:0px; padding:0px; list-style:none;} .comment-list footer{background:#FFF; margin:0px; padding:2%; width:96%; border:1px solid #e0e0e0;} .comment-author{font-size:14px; line-height:1.7142857142;} .comment-list .reply, .comment-metadata{font-size:12px; line-height:2; text-transform:uppercase;} .comment-list .reply{margin-top:24px;} .comment-author .fn{font-weight:900;} .comment-author a{color:#2b2b2b;} .comment-list .trackback a, .comment-list .pingback a, .comment-metadata a{color:#767676;} .comment-author a:hover, .comment-list .pingback a:hover, .comment-list .trackback a:hover, .comment-metadata a:hover{color:#41a62a;} .comment-list article, .comment-list .pingback, .comment-list .trackback{border-top:1px solid rgba(0, 0, 0, 0.1); margin-bottom:24px; padding-top:24px;} .comment-list > li:first-child > article, .comment-list > .pingback:first-child, .comment-list > .trackback:first-child{border-top:0;} .comment-author{position:relative;} .comment-author .avatar{border:1px solid rgba(0, 0, 0, 0.1); height:18px; padding:2px; position:absolute; top:0; left:0; width:18px;} .bypostauthor > article .fn:before{content:"\f408"; margin:0 2px 0 -2px; position:relative; top:-1px;} .says{display:none;} .comment-author, .comment-awaiting-moderation, .comment-content, .comment-metadata{padding-left:30px;} .comment-edit-link, .post-edit-link{margin-left:10px;} span.edit-link{background:url(images/edit.png) left top no-repeat; padding:3px 0px 3px 15px;} .comment-list .reply{background:url(images/reply.png) left 5px no-repeat; padding:3px 0px 3px 25px;} .comment-edit-link:before{} .comment-reply-link:before, .comment-reply-login:before{margin-right:2px;} .comment-content{-webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; word-wrap:break-word; margin:0px; padding:0px;} .comment-content ul, .comment-content ol{margin:0 0 24px 22px;} .comment-content li > ul, .comment-content li > ol{margin-bottom:0;} .comment-content > :last-child{margin-bottom:0;} .comment-list .children{list-style:none; margin-left:15px;} .comment-respond{margin-bottom:24px; padding:0;} .comment .comment-respond{margin-top:24px;} .comment-respond h3{margin-top:0; margin-bottom:24px;} .comment-notes, .comment-awaiting-moderation, .logged-in-as, .no-comments, .form-allowed-tags, .form-allowed-tags code{color:#767676;} .comment-notes, .comment-awaiting-moderation, .logged-in-as{font-size:14px; line-height:1.7142857142;} .no-comments{font-size:16px; font-weight:900; line-height:1.5; margin-top:24px; text-transform:uppercase;} .comment-form label{display:block;} .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{width:100%;} .form-allowed-tags, .form-allowed-tags code{font-size:12px; line-height:1.5;} .required{color:#c0392b;} .comment-reply-title small a{color:#2b2b2b; float:right; height:24px; overflow:hidden; width:24px;} .comment-reply-title small a:hover{color:#41a62a;} .comment-reply-title small a:before{font-size:32px; background:url(images/cancel-icon.png) left 11px no-repeat; padding:3px 0px 3px 25px; content:"";} .comment-navigation{font-size:12px; line-height:2; margin-bottom:48px; text-transform:uppercase;} .comment-navigation .nav-next, .comment-navigation .nav-previous{display:inline-block;} .comment-navigation .nav-previous a{margin-right:10px;} #comment-nav-above{margin-top:36px; margin-bottom:0;} /******************************* * 8.0 Footer * ----------------------------------------------------------------------------- */ #supplementary{padding:0 0px;} .site-footer{background-color:1e1e1e; position:relative; z-index:1;} #vfbp-form-1{overflow-y:hidden; overflow-x:hidden; min-height:480px; height:100%;} /******************************* * 8.0 RESPONSIVE CSS * ----------------------------------------------------------------------------- */ @media screen and (min-width:769px) and (max-width:1440px) { #left-side{width:20%;} #right-side{width:80%;} } @media screen and (min-width:1440px) and (max-width:1440px) { #hourly-sidebar aside h1{font-size:35px;} #tag-bg .gray-bg{width:32%; padding:26px 0 24px 2.3%;} #tag-bg .gray-bg br{display:none;} #tag-bg .orange-bg{width:64.97%;} #tag-bg .orange-main{width:auto; font-size:33px;} #serving-bg .area-inner{padding:0px 0px 0px 130px;} /*#boxes{width:99.37%;}*/ #boxes-sidebar aside{min-height:337px; height:337px;} #boxes-sidebar aside img{height:337px;} /*#right-sidebar aside{width:30%; margin:0px 0px 0px 53px;}*/ .hovereffect .overlay{width:71%; height:59%;} .vfb-form-group > div, #vfbField10 > div{width:60%;} #footer-sidebar aside:nth-child(1){width:28%;} #footer-sidebar aside:nth-child(3){width:20%;} #client-sidebar aside ul.clients li{padding: 0 2.9%;} #address-sidebar aside .address h1{font-size:26px;} .site-info #footermenu{width:45%;} .site-info #copyright{width:55%;} #secondary aside h1{font-size:36px;} #gallery ul li ul li.gal-img{width:24.93%;} } @media screen and (min-width:1366px) and (max-width:1366px) { #tag-bg .gray-bg{width:34%; padding:26px 0 24px 3.23%;} #tag-bg .orange-bg{width:62%;} #tag-bg .orange-main{width:auto; font-size:30px;} #serving-bg .area-inner{padding:0px 0px 0px 140px;} /*#boxes{width:99.23%;}*/ #boxes-sidebar aside{min-height:318px; height:318px;} #boxes-sidebar aside img{height:318px;} /*#right-sidebar aside{margin:0px 0px 0px 51px; width:30%;}*/ .hovereffect .overlay{width:71%; height:59%;} #hourly-sidebar aside h1{font-size: 34px; padding: 7px 0 0;} #secondary aside h1{font-size:35px;} #client-sidebar aside ul.clients li{padding:0px 2.5%;} #address-sidebar aside .address h1{font-size:25px;} #footer-sidebar aside:nth-child(1){width:30%;} #footer-sidebar aside:nth-child(3){width:19%;} .vfbp-form label{font-size:13px;} .vfb-form-group > div{width:60%;} .site-info #footermenu{width:43%; font-size:14px;} .site-info #copyright{width:57%;} #address-sidebar aside .address{height:220px padding:32px 4% 66px;} #gallery ul li ul li.gal-img{width:24.93%;} } @media screen and (min-width:1360px) and (max-width:1360px) { #tag-bg .gray-bg{width:34%; padding:26px 0 24px 3.23%;} #tag-bg .orange-bg{width:62%;} #tag-bg .orange-main{width:auto; font-size:30px;} #serving-bg .area-inner{padding:0px 0px 0px 140px;} /*#boxes{width:99.33%;}*/ #boxes-sidebar aside{min-height:318px; height:318px;} #boxes-sidebar aside img{height:318px;} /*#right-sidebar aside{margin:0px 0px 0px 50px; width:30%;}*/ .hovereffect .overlay{width:74%; height:63%;} #hourly-sidebar aside h1{font-size: 34px; padding: 7px 0 0;} #secondary aside h1{font-size:35px;} #client-sidebar aside ul.clients li{padding:0px 2.5%;} #address-sidebar aside .address h1{font-size:25px;} #footer-sidebar aside:nth-child(1){width:30%;} #footer-sidebar aside:nth-child(3){width:19%;} .vfb-form-group > div{width:58%;} .site-info #footermenu{width:43%; font-size:14px;} .site-info #copyright{width:57%;} #address-sidebar aside .address{height:220px padding:32px 4% 66px;} #gallery ul li ul li.gal-img{width:24.93%;} } @media screen and (min-width:1343px) and (max-width:1343px) { #tag-bg .gray-bg{width:34%; padding:26px 0 24px 3.23%;} #tag-bg .orange-bg{width:62%;} #tag-bg .orange-main{width:auto; font-size:30px;} #serving-bg .area-inner{padding:0px 0px 0px 140px;} /*#boxes{width:99.33%;}*/ #boxes-sidebar aside{min-height:318px; height:318px;} #boxes-sidebar aside img{height:318px;} /*#right-sidebar aside{margin:0px 0px 0px 50px; width:30%;}*/ .hovereffect .overlay{width:74%; height:63%;} #hourly-sidebar aside h1{font-size: 34px; padding: 7px 0 0;} #secondary aside h1{font-size:35px;} #client-sidebar aside ul.clients li{padding:0px 2.5%;} #address-sidebar aside .address h1{font-size:25px;} #footer-sidebar aside:nth-child(1){width:30%;} #footer-sidebar aside:nth-child(3){width:19%;} .vfb-form-group > div{width:58%;} .site-info #footermenu{width:43%; font-size:14px;} .site-info #copyright{width:57%;} #address-sidebar aside .address{height:220px padding:32px 4% 66px;} #gallery ul li ul li.gal-img{width:24.93%;} } @media screen and (min-width:769px) and (max-width:1280px) { #left-side{width:24%;} #right-side{width:76%;} } @media screen and (min-width:1280px) and (max-width:1280px) { #tag-bg .gray-bg{width:39%;} #tag-bg .orange-bg{width:55.55%;} #tag-bg .orange-main{font-size:24px;} #serving-bg .area-inner{padding:0px 0px 0px 150px;} #gallery ul li ul li.gal-img{width:24.92%;} #client-sidebar aside ul.clients li{padding:0px 1.5%;} /*#right-sidebar aside{width:29%;}*/ #footer-sidebar aside:nth-child(1){width:29%;} #footer-sidebar aside:nth-child(2){width:40%;} #footer-sidebar aside:nth-child(3){width:20%;} #tag-bg .orange-main {width:88%;} .site-info #footermenu{width:36%;} .site-info #copyright{width:64%;} #address-sidebar aside .address h1{font-size:23px;} #address-sidebar aside .address h2{font-size:18px;} #client-sidebar aside ul.clients{width:90%;} #secondary aside h1{font-size:33px;} /*#boxes{width:99.13%;}*/ #boxes-sidebar aside{min-height:318px; height:318px;} #boxes-sidebar aside img{height:318px;} .vfbp-form label{font-size:13px;} #gallery-sidebar{width:94%; margin:0 auto 25px;} #gallery ul li ul li.gal-img{width:24.8%; height:170px;} .hover a span.info{margin:-10px 0 0;} .hover h2{font-size:17px;} } @media screen and (min-width:1220px) and (max-width:1220px) { #serving-bg .area-inner{padding:0px 0px 0px 160px;} #tag-bg .orange-main{font-size:22px; width:82.92%;} #secondary aside h1{font-size:36px;} /*#right-sidebar aside{margin:0px 0px 0px 43px;}*/ #tag-bg .gray-bg{width:40%;} #tag-bg .orange-bg{width:57.14%;} #client-sidebar aside ul.clients{width:90%;} #client-sidebar aside ul.clients li{padding:0px 2%;} #address-sidebar aside .address h1{font-size:20px;} #address-sidebar aside .address h2{font-size:18px;} #footer-sidebar aside:nth-child(1){width:28%;} #footer-sidebar aside:nth-child(2){width:40%;} #footer-sidebar aside:nth-child(3){width:21%;} .vfb-form-group > div{width:60%;} .site-info #footermenu{width:100%; text-align:center;} .site-info #copyright{width:100%; text-align:center;} #address-sidebar aside .address{height:220px padding:32px 4% 66px;} #hourly-sidebar aside h1{padding:25px 0px 0px 0px; font-size:30px;} #gallery ul li ul li.gal-img{width:24.92%;} #picture-sidebar aside{font-size:15px;} /*#boxes{width:99.1%;}*/ #boxes-sidebar aside{min-height:318px; height:318px;} #boxes-sidebar aside img{height:318px;} #gallery-sidebar{width:94%; margin:0 auto 25px;} #gallery ul li ul li.gal-img{width:24.8%; height:160px;} .hover a span.info{margin:-20px 0 0;} .hover h2{font-size:15px;} } @media screen and (min-width:0px) and (max-width:1024px) { #main-site{/*padding-left:0; */-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #left-side{margin:0px 0px 0px 0px; padding:0px; width:19.6%; float:left; position:fixed; display:inline-table; z-index:2;/* overflow-y:scroll; overflow-x:hidden;*/ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} /*#main-site.toggled{padding-left:300px;} #left-side{margin:0px 0px 0px -300px; padding:0px; left:250px; width:19.6%; float:left; position:fixed; z-index:2; overflow-y:scroll; overflow-x:hidden; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;} #main-site.toggled #left-side{width:300px;} #right-side{margin:0px; padding:0px; width:80.4%; background:#fff; float:right; position: absolute;} #main-site.toggled #right-side{position:absolute; margin-right:-250px;}*/ #call-bg{height:auto;} #serving-bg{height:auto;} #serving-bg .area{width:100%; font-size:94%; text-align:center;} #serving-bg .area-inner{padding:0px 0px 0px 115px; font-size:26px;} #search-container{width:100%; height: 50px;} #tag-bg .gray-bg{width:90%; padding: 25px 5%;} .gray-bg br{display: none;} #tag-bg .orange-bg{width:100%; min-height:71px; background-position:bottom left;} #content ul.list-style2 li{width:100%;} #content ul.list-style2 li:nth-child(10){width:100%;} #address-sidebar aside .address{width:92%;} #address-sidebar aside .map{width:100%; height:auto;} #address-sidebar aside .map img{height:auto;} #footer-sidebar{width:90%; padding:50px 5%;} #footer-sidebar aside:nth-child(1){width:100%;} #footer-sidebar aside:nth-child(2){width:100%; margin:25px 0px;} #footer-sidebar aside:nth-child(3){width:100%; text-align:center;} #gallery-sidebar{width:94%; margin:0 auto 25px;} #gallery ul li ul li.gal-img{width:24.8%;} } @media screen and (min-width:1024px) and (max-width:1024px) { #left-side{width:30%;} #right-side{width:70%;} #tag-bg{margin:0px auto 0px;} #tag-bg .gray-bg{width: 88.82%;} #tag-bg .orange-main{top:0; font-size:32px; width:93.94%; margin:0px; padding:22px 0 0 6%;} #search-container{border-top:1px solid #cfcfcf;} /*#boxes{width:98.82%;}*/ #boxes-sidebar aside{height:250px; min-height:250px;} #boxes-sidebar aside img{height:250px;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:15px; line-height:6px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #content .entry-content-home h1{font-size:33px;} #right-sidebar{width:94%; margin:0px 3% 52px;} /*#right-sidebar aside{margin:0 0 0 4%;}*/ #hourly-sidebar aside h1{font-size:22px; padding:0px 0 0;} #hourly-sidebar aside ul li{font-size:17px;} #gallery ul li ul li.gal-img img{width:100%;} #gallery ul li ul li.gal-img{height:131px;} #boxes-sidebar aside:nth-child(3) span{line-height: 17px;} #boxes-sidebar aside:nth-child(3) span h2{font-size: 25px;} .hovereffect .overlay{width:55.6%; height:37%;} #picture-sidebar aside h2{line-height:26px;} .textwidget > p br{display:none;} rev_slider_1_1_wrapper{height:346px !important;} .ehover1 a.info{font-size: 36px;} .hover h2{font-size:14px; font-weight:normal;} .ehover1 a span.info{font-size:28px; padding: 5px 10px 5px;} .ehover1:hover a span.info{-ms-transform:translatey(-15px); -webkit-transform:translatey(-15px); transform:translatey(-15px);} #gallery ul li ul li.gal-img{width:24.8%; height:131px;} .ehover1 h2{-ms-transform:translatey(-8px); -webkit-transform:translatey(-8px); transform:translatey(-8px);} .ehover1:hover h2{-ms-transform:translatey(-19px); -webkit-transform:translatey(-19px); transform:translatey(-19px);} #boxes-sidebar aside:nth-child(2) span.call-text span.ph{line-height:30px;} } @media screen and (min-width:0px) and (max-width:980px) { #tag-bg{margin:0px;} #tag-bg .orange-main{top:0; font-size:30px; width:auto; padding:22px 0 0 0px; margin:0px; text-align:center;} #content .leftimg{width:100%;} #main{margin: 0 5%; width: 90%;} #right-sidebar aside:nth-child(1){margin:0px;} #right-sidebar aside{width:100%; margin:59px 0px 0px 0px;} #hourly-sidebar aside .left{width: 50%;} #hourly-sidebar aside .right{width:100%; margin:0px;} #content .entry-content-home h1{font-size: 30px;} #gallery ul li ul li.gal-img{width:49.85%;} #gallery ul li ul li.gal-img:nth-child(3){margin:0 0 1px 0px;} #gallery ul li ul li.gal-img img{width:100%;} .site-info #footermenu{width:100%; text-align:center;} .site-info #copyright{width:100%; text-align:center;} #address-sidebar aside .address{width:80%; padding:54px 10% 66px;} .ehover1 a.info{font-size:0px; padding:0px; margin:0px; border:none; display:block; height:100%; width:100%; position:absolute; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; -ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} .hover a.info:hover{box-shadow:none;} .ehover1:hover a.info{opacity:1; -ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} .ehover1:hover h2{opacity:1; -ms-transform:translatey(140px); -webkit-transform:translatey(140px); transform:translatey(140px); background:none;} .ehover1 h2{-ms-transform:translatey(293px); -webkit-transform:translatey(293px); transform:translatey(293px);} } @media screen and (min-width:980px) and (max-width:980px) { #serving-bg .area-inner{padding:0px 0px 0px 60px; font-size:26px;} #search-container{width:92%; margin:0px 4%; border-top:1px solid #cfcfcf;} #left-side{width:32%;} #right-side{width:68%;} .hovereffect .overlay{width: 85%; height: 79%;} #tag-bg .gray-bg{width:88.73%;} #tag-bg .orange-bg{width:99.93%;} #hourly-sidebar aside h1{padding:10px 0px 0px;} #client-sidebar aside ul.clients{width:90%;} #client-sidebar aside ul.clients li{padding:0px 2.5%;} /*#boxes{width:98.94%;}*/ #boxes-sidebar aside{min-height:270px; height:270px;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size: 14px; line-height: 4px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size: 26px;} #boxes-sidebar aside img{height:270px;} #picture-sidebar aside{font-size:15px; line-height: 25px;} #picture-sidebar aside h2{line-height:27px;} #picture-sidebar aside br{display:none;} #hourly-sidebar{width:90%; margin:59px 5%;} #hourly-sidebar aside ul li{font-size:17px;} #footer-sidebar aside h2{font-size:27px; line-height:29px;} #gallery ul li ul li.gal-img{height:244px;} .ehover1 h2{-ms-transform:translatey(55px); -webkit-transform:translatey(55px); transform:translatey(55px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} } @media screen and (min-width:900px) and (max-width:1024px) { .call{font-size:13px;} } @media screen and (min-width:0px) and (max-width:961px) { #left-side{width:100%; background:#313131; position:relative;} .call{padding: 6px 40px 8px 40px;} .site-title{left: 10%; top: 0;} #right-side{width:100%;} .hovereffect .overlay{width: 85%; height: 79%;} #tag-bg .orange-main{top:0; font-size:29px;} #boxes-sidebar aside{min-height:270px; height:270px;} #boxes-sidebar aside img{height:270px;} #tag-bg .gray-bg{width:88.73%;} #tag-bg .orange-bg{width:96.39%;} #hourly-sidebar{width:80%; margin:59px 10%;} #secondary aside:nth-child(1){width:86%; margin:0px 7%;} .vfb-form-group > div, #vfbField10 > div{width: 80%;} #scrollbar-custom{height:auto;} #secondary{height:100%;} } @media screen and (min-width:961px) and (max-width:961px) { #logo-main{margin:0px; width:38%;} .site-title{left:17%; top:15%;} #secondary, #secondary:hover{overflow:visible;} #secondary aside:nth-child(1){width:30%; margin:0px 7%;} #secondary aside:nth-child(2){width:56%; margin:-140px auto 0px;} #tag-bg .gray-bg{width:89.2%} #tag-bg .orange-bg{width:99.95%;} #serving-bg .area{width:70%;} #search-container{width:30%;} /*#boxes{width:99.27%;}*/ #boxes-sidebar aside{min-height:300px; height:300px;} #boxes-sidebar aside img{height:300px;} #right-sidebar aside:nth-child(1){margin:0px;} #right-sidebar aside{width:32%; margin:0px 0px 0px 2%;} .hovereffect .overlay{width:68%; height:54%;} #client-sidebar aside ul.clients{width:96%;} #client-sidebar aside ul.clients li{padding:0px 2.7%;} #gallery ul li ul li.gal-img{height:352px;} .ehover1:hover a span.info{-ms-transform:translatey(55px); -webkit-transform:translatey(55px); transform:translatey(55px);} .ehover1 h2{-ms-transform:translatey(163px); -webkit-transform:translatey(163px); transform:translatey(163px);} .ehover1:hover h2{-ms-transform:translatey(55px); -webkit-transform:translatey(55px); transform:translatey(55px);} } @media screen and (min-width:0px) and (max-width:768px) { #gallery ul li ul li.gal-img{width:49.85%;} #tag-bg .orange-bg{width:99.93%;} } @media screen and (min-width:768px) and (max-width:768px) { .call{padding:6px 15px 8px; text-align:center;} #tag-bg .gray-bg{width:88.90%; padding:20px 5%;} #tag-bg .orange-bg{width:99.94%;} #tag-bg .orange-main{font-size:35px;} #serving-bg .area{font-size:100%;} #search-container{border-top:1px solid #cfcfcf;} /*#boxes{width:99.08%;}*/ #boxes-sidebar aside{min-height:240px; height:240px;} #boxes-sidebar aside img{height:240px;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:18px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:30px;} .vfb-form-group > div, #vfbField10 > div{width: 80%;} .hovereffect .overlay{width:87%; height:81.5%;} #picture-sidebar aside{font-size:15px; line-height: 25px;} #picture-sidebar aside h2{line-height:27px;} #picture-sidebar aside br{display:none;} #gallery ul li ul li.gal-img{height:281px;} .ehover1:hover a span.info{-ms-transform:translatey(15px); -webkit-transform:translatey(15px); transform:translatey(15px);} .ehover1 h2{-ms-transform:translatey(92px); -webkit-transform:translatey(92px); transform:translatey(92px);} .ehover1:hover h2{-ms-transform:translatey(15px); -webkit-transform:translatey(15px); transform:translatey(15px);} #client-sidebar aside ul.clients{width: 94%;} #client-sidebar aside ul.clients li{padding: 0 9px;} #footer-sidebar aside h2{font-size: 27px;} #boxes-sidebar aside:nth-child(2) span.call-text span.ph{line-height:30px;} } @media screen and (min-width:0px) and (max-width:667px){ #wprmenu_menu.left{width:100% !important;} #serving-bg .area-inner{padding:12px 0px; line-height: 33px;} #search-container{border-top:1px solid #cfcfcf;} #hourly-sidebar aside .left{width:100%;} } @media screen and (min-width:667px) and (max-width:667px){ #tag-bg .gray-bg{width:88.80%;} #tag-bg .orange-main{font-size:32px;} #serving-bg .serving-main{width:93%;} /*#boxes{width:98.73%;}*/ #boxes-sidebar aside{min-height:240px; height:240px;} #boxes-sidebar aside img{height:240px;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:14px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #picture-sidebar aside br{display:none;} .vfb-form-group > div, #vfbField10 > div{width: 80%;} .ehover1 h2{-ms-transform:translatey(47px); -webkit-transform:translatey(47px); transform:translatey(47px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} } @media screen and (min-width:600px) and (max-width:600px) { /*#boxes{width:98.52%;}*/ #boxes-sidebar aside{min-height:240px; height:240px;} #boxes-sidebar aside img{height:240px;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:13px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:22px;} #serving-bg .serving-main{width:90%; margin:0px 5%;} #serving-bg .area{font-size:78%; text-align:center;} #content .entry-content-home h1{font-size:36px;} .hovereffect .overlay{width:83%; height:75%;} #picture-sidebar aside{font-size:15px; line-height: 25px;} #picture-sidebar aside h1{font-size:39px;} #hourly-sidebar aside .left{width:100%;} #picture-sidebar aside h2{line-height:27px;} #picture-sidebar aside br{display:none;} #gallery ul li ul li.gal-img{height: 209px;} .ehover1 h2{-ms-transform:translatey(19px); -webkit-transform:translatey(19px); transform:translatey(19px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} } @media screen and (min-width:568px) and (max-width:568px) { /*#boxes{width:98.52%;}*/ #boxes-sidebar aside{min-height:240px; height:240px;} #boxes-sidebar aside img{height:240px;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:13px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:22px;} #serving-bg .serving-main{width:90%; margin:0px 5%;} #serving-bg .area{font-size:78%; text-align:center;} #content .entry-content-home h1{font-size:36px;} .hovereffect .overlay{width:83%; height:75%;} #picture-sidebar aside{font-size:15px; line-height: 25px;} #picture-sidebar aside h1{font-size:39px;} #hourly-sidebar aside .left{width:100%;} #picture-sidebar aside h2{line-height:27px;} #picture-sidebar aside br{display:none;} #gallery ul li ul li.gal-img{height: 209px;} .ehover1 h2{-ms-transform:translatey(19px); -webkit-transform:translatey(19px); transform:translatey(19px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} } @media screen and (min-width:480px) and (max-width:480px) { .vfb-form-group > div, #vfbField10 > div{width:76%;} /*#boxes{width:98.3%;}*/ #boxes-sidebar aside{min-height:auto; height:auto; width:100%;} #boxes-sidebar aside img{height:auto;} #boxes-sidebar aside:nth-child(2) img{height:269px;} #boxes-sidebar aside:nth-child(2){width:60%;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:15px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #boxes-sidebar aside:nth-child(3){width:40%;} .hovereffect .overlay{width: 79%; height: 70%;} #hourly-sidebar aside .left{width: 100%;} #gallery ul li ul li.gal-img{width: 100%; height: 353px; margin:1px 0 1px 0;} .ehover1:hover a span.info{-ms-transform:translatey(40px); -webkit-transform:translatey(40px); transform:translatey(40px);} .ehover1 h2{-ms-transform:translatey(161px); -webkit-transform:translatey(161px); transform:translatey(161px);} .ehover1:hover h2{-ms-transform:translatey(40px); -webkit-transform:translatey(40px); transform:translatey(40px);} #tag-bg .gray-bg{width: 88.30%;} #tag-bg .orange-bg{width:100%; background:#fe6500; min-height:100px;} #tag-bg .orange-main{width:auto; margin:0 0 0 0; padding: 15px 0 0 0px; line-height: 36px;} #serving-bg .serving-main{width:90%; margin:0px 5%;} #serving-bg .area{font-size:80%; text-align:center; line-height:36px;} .hover h2{font-size: 24px;} } @media screen and (min-width:414px) and (max-width:414px) { #logo-main{width:90%;} .site-title{width:100%; left: 0;} .site-title img{width:100%;} .call{padding:6px 5% 8px; width:90%; text-align:center;} .vfb-form-group > div, #vfbField10 > div{width:65%;} /*#boxes{width:97.35%;}*/ #boxes-sidebar aside{min-height:auto; height:auto; width:100%;} #boxes-sidebar aside img{height:100%;} #boxes-sidebar aside:nth-child(2){width:100%;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:15px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #boxes-sidebar aside:nth-child(3){width:100%;} .hovereffect .overlay{width:69%; height:56%;} .ehover1 h2{-ms-transform:translatey(43px); -webkit-transform:translatey(43px); transform:translatey(43px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} #tag-bg .gray-bg{width:87.35%;} #tag-bg .orange-bg{width:99.85%; background:#fe6500; min-height: 88px;} #tag-bg .orange-main{width:auto; margin:0 0 0 0; padding: 15px 0 0 0px; line-height: 30px; height: 88px;} .hover h2{font-size: 24px;} #serving-bg .area{font-size: 87%; line-height: 33px;} #serving-bg .serving-main{float:none; margin:0px auto; width: 90%;} #gallery ul li ul li.gal-img{width: 100%; margin:1px 0px 1px 0px;} } @media screen and (min-width:375px) and (max-width:375px) { #logo-main{width:90%;} .site-title{width:100%; left: 0;} .site-title img{width:100%;} .call{padding:6px 5% 8px; width:90%; text-align:center;} .vfb-form-group > div, #vfbField10 > div{width:65%;} /*#boxes{width:97.35%;}*/ #boxes-sidebar aside{min-height:auto; height:auto; width:100%;} #boxes-sidebar aside img{height:100%;} #boxes-sidebar aside:nth-child(2){width:100%;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:15px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #boxes-sidebar aside:nth-child(3){width:100%;} .hovereffect .overlay{width:69%; height:56%;} .ehover1 h2{-ms-transform:translatey(43px); -webkit-transform:translatey(43px); transform:translatey(43px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} #tag-bg .gray-bg{width:87.35%;} #tag-bg .orange-bg{width:99.85%; background:#fe6500; min-height: 88px;} #tag-bg .orange-main{width:auto; margin:0 0 0 0; padding: 15px 0 0 0px; line-height: 30px; height: 88px;} .hover h2{font-size: 24px;} #serving-bg .area{font-size: 87%; line-height: 33px;} #serving-bg .serving-main{float:none; margin:0px auto; width: 90%;} #gallery ul li ul li.gal-img{width: 100%; margin:1px 0px 1px 0px;} } @media screen and (min-width:360px) and (max-width:360px) { #logo-main{width:90%;} .site-title{width:100%; left: 0;} .site-title img{width:100%;} .call{padding:6px 5% 8px; width:90%; text-align:center;} .vfb-form-group > div, #vfbField10 > div{width:65%;} /*#boxes{width:97.35%;}*/ #boxes-sidebar aside{min-height:auto; height:auto; width:100%;} #boxes-sidebar aside img{height:100%;} #boxes-sidebar aside:nth-child(2){width:100%;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:15px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #boxes-sidebar aside:nth-child(3){width:100%;} .hovereffect .overlay{width:69%; height:56%;} .ehover1 h2{-ms-transform:translatey(43px); -webkit-transform:translatey(43px); transform:translatey(43px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} #tag-bg .gray-bg{width:87.35%;} #tag-bg .orange-bg{width:99.85%; background:#fe6500; min-height: 88px;} #tag-bg .orange-main{width:auto; margin:0 0 0 0; padding: 15px 0 0 0px; line-height: 30px; height: 88px;} .hover h2{font-size: 24px;} #serving-bg .area{font-size: 87%; line-height: 33px;} #serving-bg .serving-main{float:none; margin:0px auto; width: 90%;} #gallery ul li ul li.gal-img{width: 100%; margin:1px 0px 1px 0px;} } @media screen and (min-width:320px) and (max-width:320px) { #logo-main{width:90%;} .site-title{width:100%; left: 0;} .site-title img{width:100%;} .call{padding:6px 5% 8px; width:90%; text-align:center;} .vfb-form-group > div, #vfbField10 > div{width:65%;} /*#boxes{width:97.35%;}*/ #boxes-sidebar aside{min-height:auto; height:auto; width:100%;} #boxes-sidebar aside img{height:100%;} #boxes-sidebar aside:nth-child(2){width:100%;} #boxes-sidebar aside:nth-child(2) span.call-text{font-size:15px; line-height:9px;} #boxes-sidebar aside:nth-child(2) span.call-text h2{font-size:27px;} #boxes-sidebar aside:nth-child(3){width:100%;} .hovereffect .overlay{width:69%; height:56%;} .ehover1 h2{-ms-transform:translatey(43px); -webkit-transform:translatey(43px); transform:translatey(43px);} .ehover1:hover h2{-ms-transform:translatey(0px); -webkit-transform:translatey(0px); transform:translatey(0px);} #tag-bg .gray-bg{width:87.35%;} #tag-bg .orange-bg{width:99.85%; background:#fe6500; min-height: 88px;} #tag-bg .orange-main{width:auto; margin:0 0 0 0; padding: 15px 0 0 0px; line-height: 30px; height: 88px;} .hover h2{font-size: 24px;} #serving-bg .area{font-size: 87%; line-height: 33px;} #serving-bg .serving-main{float:none; margin:0px auto; width: 90%;} #gallery ul li ul li.gal-img{width: 100%; margin:1px 0px 1px 0px;} } @media screen and (min-width:1024px) and (max-width:1440px) { #secondary{min-height:460px; height:100%;} } @media screen and (min-width:1343px) and (max-width:1343px) { #secondary{min-height:700px; height:100%;} #gallery ul li ul li.gal-img{width:24.8%;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { #secondary{min-height:700px; height:100%;} } @media screen and (min-width:1024px) and (max-width:1024px) { #secondary{min-height:583px; height:100%; padding:0px 0px 25px 0px;} } @media screen and (min-width:980px) and (max-width:1023px) { #secondary{min-height:420px; height:100%;} } @media screen and (min-width:961px) and (max-width:979px) { #secondary{min-height:230px; height:100%;} } @media screen and (min-width:320px) and (max-width:900px) { #secondary{min-height:570px; height:100%;} } @media screen and (min-width:0px) and (max-width:667px) { #boxes-sidebar aside:nth-child(2) span.call-text span.ph{font-size:30px;} } @media screen and (min-width:668px) and (max-width:1219px) { #boxes-sidebar aside:nth-child(2) span.call-text span.ph{font-size:30px;} } .{ font-family:'Open Sans Condensed', sans-serif; font-family:'PT Sans', sans-serif; font-family:'Open Sans', sans-serif; font-family:'PT Serif', serif; font-family:'bauhausdemi', Arial, Helvetica, sans-serif; font-family:'T', Arial, Helvetica, sans-serif; font-family:'bauhaus_lt_btlight', Arial, Helvetica, sans-serif; font-family:'Bauhaus Lt BT', Arial, Helvetica, sans-serif; font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-family:'Bauhaus', Arial, Helvetica, sans-serif; font-family:'Bauhaus LT', Arial, Helvetica, sans-serif; } @font-face { font-family:'T'; src: url('fonts/T Light.eot'); src: url('fonts/T Light.eot?#iefix') format('embedded-opentype'), url('fonts/T Light.woff2') format('woff2'), url('fonts/T Light.woff') format('woff'), url('fonts/T Light.ttf') format('truetype'), url('fonts/T Light.otf') format('opentype'), url('fonts/T Light.svg#T Light') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-F002; } @font-face { font-family:'bauhausdemi'; src: url('fonts/bauhaus_demi-webfont.eot'); src: url('fonts/bauhaus_demi-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bauhaus_demi-webfont.woff2') format('woff2'), url('fonts/bauhaus_demi-webfont.woff') format('woff'), url('fonts/bauhaus_demi-webfont.ttf') format('truetype'), url('fonts/bauhaus_demi-webfont.svg#bauhausdemi') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'Bauhaus Lt BT', Arial, Helvetica, sans-serif; src:url('fonts/BauhausITCbyBT-Light.eot'); src:url('fonts/BauhausITCbyBT-Light.eot?#iefix') format('embedded-opentype'), url('fonts/BauhausITCbyBT-Light.woff') format('woff'), url('fonts/BauhausITCbyBT-Light.ttf') format('truetype'), url('fonts/BauhausITCbyBT-Light.svg#BauhausITCbyBT-Light') format('svg'); font-weight:300; font-style:normal; } @font-face { font-family:'bauhaus_lt_btlight', Arial, Helvetica, sans-serif; src: url('fonts/bauhauslightbt-webfont.eot'); src: url('fonts/bauhauslightbt-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bauhauslightbt-webfont.woff2') format('woff2'), url('fonts/bauhauslightbt-webfont.woff') format('woff'), url('fonts/bauhauslightbt-webfont.ttf') format('truetype'), url('fonts/bauhauslightbt-webfont.svg#bauhaus_lt_btlight') format('svg'); font-weight: normal; font-style: normal; } /*@font-face { font-family:'Bauhaus', Arial, Helvetica, sans-serif; src: url('fonts/Bauhaus.eot'); src: url('fonts/Bauhaus.eot?#iefix') format('embedded-opentype'), url('fonts/Bauhaus.woff2') format('woff2'), url('fonts/Bauhaus.woff') format('woff'), url('fonts/Bauhaus.ttf') format('truetype'), url('fonts/Bauhaus.svg#Bauhaus') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'Bauhaus'; src: url('fonts/bahusa/bauhaus.eot'); src: url('fonts/bahusa/bauhaus.eot?#iefix') format('embedded-opentype'), url('fonts/bahusa/bauhaus-webfont.woff2') format('woff2'), url('fonts/bahusa/bauhaus-webfont.woff') format('woff'), url('fonts/bahusa/bauhaus.ttf') format('truetype'), url('fonts/bahusa/bauhaus.svg#Bauhaus') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family:'BauhausBold', Arial, Helvetica, sans-serif; src:url('fonts/BauhausBold.eot'); src:url('fonts/BauhausBold.eot?#iefix') format('embedded-opentype'), url('fonts/BauhausBold.woff') format('woff'), url('fonts/BauhausBold.ttf') format('truetype'), url('fonts/BauhausBold.svg#BauhausBold') format('svg'); font-weight:600; font-style:normal; } @font-face { font-family:'Bauhaus LT', Arial, Helvetica, sans-serif; src:url('fonts/BauhausLT-Medium.eot'); src:url('fonts/BauhausLT-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/BauhausLT-Medium.woff') format('woff'), url('fonts/BauhausLT-Medium.ttf') format('truetype'), url('fonts/BauhausLT-Medium.svg#BauhausLT-Medium') format('svg'); font-weight:500; font-style:normal; }