/*
* Author: Nick Waters
* Template: Whitelabel 4 - Express
* Version: 3.4 - 051113
TABLE OF CONTENTS
XX - Edit
00 - Page
01 - Fonts
02 - Columns
03 - Navigation Bar
04 - Highlight Search
05 - Elements
06 - Footer
07 - Misc
08 - Whitelabel
09 - Responsive
10 - Express Mods
!!IMPORTANT!!
TO USE THIS STYLE ADD THE FOLLOWING CODE TO THE <head> SECTION:
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic|Oswald:400,300,700" rel="stylesheet" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<script src="extensions/scripts/jquery.min.js"></script>
<script src="extensions/scripts/jquery.flexslider-min.js"></script>
<script src="extensions/scripts/jquery.selectnav.js"></script>
<script src="extensions/scripts/jquery.modernizr.js"></script>
<script src="extensions/scripts/jquery.isotope.min.js"></script>
<script src="extensions/scripts/jquery.fancybox.min.js"></script>
<script src="extensions/scripts/google-maps-autoload.js"></script>
<script src="extensions/scripts/custom.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
*/
/* =================================================================== */
/* Import
====================================================================== */
@import url("../extensions/css/flexslider.css");
@import url("../extensions/css/icons.css");
/* =================================================================== */
/* XX - Edit
====================================================================== */
.header h1 {
background-image:url(../images/gallery/dFindlogo1.jpg);
}
.page {
border-top:5px solid #169FE6;
}
.nav a:hover {
background:#169FE6;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#169FE6',endColorstr='#169FE6',GradientType=0);
}
a:hover {
color:#169FE6;
}
.highlight.color {
background:#169FE6!important;
}
.tabs-nav li.active a {
border-top:1px solid #169FE6!important;
color:#169FE6!important;
}
.dropcap,.ui-accordion .ui-accordion-header-active,.trigger.active a {
color:#169FE6!important;
}
.btn,.bigbtn {
background:#169FE6;
}
.slide-caption,.ui-accordion-icon-active,.trigger.active .toggle-icon {
background-color:#169FE6!important;
}
.testimonials-author {
color: #169fe6;
}
body {
background: url(../images/gallery/noise.png) repeat;
}
/* // FOR A CUSTOM BACKGROUND IMAGE > REPLACE BODY SECTION WITH THE DECLARATION BELOW //
background: url('../images/gallery/bg.jpg') no-repeat center center fixed;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
/* // FOR A REPEATING BACKGROUND TEXTURE > REPLACE BODY SECTION WITH THE DECLARATION BELOW //
background: url('../images/gallery/bg.png');
background-repeat:repeat-xy;
///////////////////////////////////////////////////////////////////////*/
/* =================================================================== */
/* 00 - Page
====================================================================== */
.header h1 {
background-repeat:no-repeat;
height:120px;
text-indent:-9999em;
width:608px;
}
.two-col,.two-equal-columns,.one-col {
margin-top:0;
}
.page {
-moz-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
-webkit-box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
background:#fff;
box-shadow:0 0 4px 0 rgba(0,0,0,0.2);
padding:0 50px;
position:relative;
width:976px;
}
.content {
background-color:#fff;
height:auto;
margin-top:0;
padding:20px 0 0;
}
.main-content {
border-right:none;
}
.header .tagline.medium {
font-size:13px;
line-height:27px;
padding-bottom:5px;
text-indent:-9999em;
}
div.header {
bottom:0;
height:120px;
left:0px;
margin: 0 0 90px 0;
position:relative;
top:20px;
width:608px;
}
.header .tagline {
color:#555;
position:absolute;
}
.header h1.small {
color:#000;
font-size:40px;
margin:5px 0 0;
}
.header h1.medium {
color:#000;
font-size:50px;
margin:0;
}
.header h1.large {
color:#000;
font-size:60px;
margin:0;
}
.header .tagline.small {
font-size:16px;
line-height:25px;
padding-bottom:16px;
}
.header .tagline.large {
font-size:20px;
line-height:30px;
padding-bottom:13px;
}
.header p.small {
font-size:14px;
line-height:16px;
padding-bottom:13px;
}
.header p.medium {
font-size:18px;
line-height:20px;
padding-bottom:13px;
}
.header p.large {
font-size:22px;
line-height:24px;
padding-bottom:13px;
}
.content ul,.content ol,.content dl {
margin:0 0 1em;
}
h1,h2,h3,h4,h5,h6 {
color:#575757;
font-family:Oswald, sans-serif;
font-weight:400;
text-align:left;
text-transform:uppercase;
}
h2 {
border-bottom:1px solid #d4d4d4;
font-size:23px;
font-weight:400;
letter-spacing:1px;
line-height:32px;
margin-top:0;
padding:0 0 30px;
width:auto;
}
h2 span {
color:#888;
font-weight:200;
padding-left:.4em;
}
h3 {
display:none;
font-size:18px;
line-height:1.125em;
margin:.5em 0;
}
h4 {
font-size:18px;
}
p {
font-family:'Open Sans', sans-serif;
font-size:13px;
line-height:21px;
margin:0 0 1em;
text-align:justify;
}
p a:link {
font-weight:700;
}
body {
color:#666;
font-family:'Open Sans', sans-serif;
font-size:13px;
text-align:justify;
}
a:hover {
-moz-transition:color .3s ease-in-out 0;
-webkit-transition:color .3s ease-in-out 0;
color:#169FE6;
}
.header .logo,.logo-link,.logo-link img {
display:hidden;
}
a:link,a:visited {
color:#575757;
text-decoration:none;
}
/* Blockquotes
====================================*/
blockquote {
border-left:3px solid #e8e8e8;
color:#888;
content:none;
line-height:20px;
margin:5px 0 20px 15px;
padding-left:20px;
}
/* Dropcaps
====================================*/
.dropcap {
color:#169FE6;
float:left;
font-size:58px;
line-height:54px;
margin-top:-2px;
padding-right:10px;
padding-top:4px;
}
.dropcap.gray {
color:#575757;
}
/* Highlights
====================================*/
.highlight.color,.highlight.grey,.highlight.light {
border-radius:2px;
color:#fff;
padding:2px 6px;
}
.highlight.color {
background:#169fe6;
}
.highlight.grey {
background:#4c4c4c;
}
.highlight.light {
background:#aaa;
}
/* List Styles
====================================*/
.sign-list li,.plus-list li,.star-list li,.check-list li {
list-style:none;
margin:5px 0;
}
.sign-list li:first-child,.plus-list li:first-child,.star-list li:first-child,.check-list li:first-child {
margin-top:0;
}
.check-list li {
background:url(../extensions/images/icon-list-check.png) no-repeat 0 3px;
padding:0 0 0 18px;
}
.sign-list li {
background:url(../extensions/images/icon-list-sign.png) no-repeat 0 3px;
padding:0 0 0 18px;
}
.plus-list li {
background:url(../extensions/images/icon-list-plus.png) no-repeat 0 3px;
padding:0 0 0 18px;
}
.star-list li {
background:url(../extensions/images/icon-list-star.png) no-repeat 0 3px;
padding:0 0 0 18px;
}
/* =================================================================== */
/* 02 - Columns
====================================================================== */
/* Fixed Columns */
.clear-container {
clear:both;
}
.single-col {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:0;
width:976px;
}
.two-col-first {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:40px;
width:468px;
}
.two-col-last {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:0;
width:468px;
}
.three-col-first {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:19px;
width:300px;
}
.three-col {
display:inline;
float:left;
margin-bottom:50px;
margin-left:19px;
margin-right:19px;
width:300px;
}
.three-col-last {
display:inline;
float:left;
margin-bottom:50px;
margin-left:19px;
margin-right:0;
width:300px;
}
.four-col-first {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:16px;
width:219px;
}
.four-col {
display:inline;
float:left;
margin-bottom:50px;
margin-left:16px;
margin-right:16px;
width:219px;
}
.four-col-last {
display:inline;
float:left;
margin-bottom:50px;
margin-left:16px;
margin-right:0;
width:219px;
}
.one-third-left {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:20px;
width:300px;
}
.two-thirds-right {
display:inline;
float:left;
margin-bottom:50px;
margin-left:20px;
margin-right:0;
width:636px;
}
.two-thirds-left {
display:inline;
float:left;
margin-bottom:50px;
margin-left:0;
margin-right:20px;
width:636px;
}
.one-third-right {
display:inline;
float:left;
margin-bottom:50px;
margin-left:20px;
margin-right:0;
width:300px;
}
/* Fluid Columns */
.one_half,.one_third,.two_third,.one_fourth,.three_fourth {
float:left;
margin-right:4%;
position:relative;
}
.one_half {
width:48%;
}
.one_third {
width:30.66%;
}
.two_third {
width:65.32%;
}
.one_fourth {
width:22%;
}
.three_fourth {
width:74%;
}
.last {
clear:right;
margin-right:0!important;
}
/* =================================================================== */
/* 03 - Navigation Bar
====================================================================== */
.nav {
border-radius:0;
margin:0 0 0 -10px;
position:absolute;
top:130px;
width:100%;
height: 49px;
background-color: #4c4c4c;
float: left;
left: 10px;
}
.nav a:hover {
-moz-transition:background .3s ease-out 0;
-webkit-transition:background .3s ease-out 0;
border:0 solid #eee;
color:#fff!important;
text-shadow:0 0 0 rgba(0,0,0,0.0);
}
.nav a {
border:0 solid #3986c2;
color:#fff!important;
font-size:12px;
font-weight:400;
height:9px;
line-height:0;
padding:25px 30px 15px 30px;
text-decoration:none;
text-shadow:0 0 0 rgba(0,0,0,0.0);
text-transform:uppercase;
}
.nav li {
float:left;
}
.nav li:last-child {
border-right:none;
}
.has-submenu li a {
background: rgba(24, 24, 24, 0.98);
}
/* =================================================================== */
/* 04 - Highlight Search
====================================================================== */
/* Search Container
====================================*/
#highlight-form {
background:#fff;
background-image:linear-gradient(toright,#ffffff0%,#f8f8f850%,#ffffff100%);
border-bottom:1px solid #efefef;
border-top:1px solid #efefef;
clear:both;
float:left;
margin:0 0 50px;
padding:30px 0;
text-align:center;
width:936px;
}
#highlight-form h2 {
background-color:transparent;
border-bottom:none;
font-size:25px;
font-style:regular;
margin:0;
padding-bottom:0;
padding-top:9px;
text-align:center;
}
#highlight-form p {
color:#969696;
font-size:16px;
font-style:italic;
line-height:21px;
margin:0;
padding-bottom:-30px;
text-align:center;
}
.highlight-form-left {
display:inline;
float:left;
margin-left:0;
margin-right:10px;
width:320px;
}
.highlight-form-right {
display:inline;
float:left;
margin-left:10px;
margin-right:0;
width:596px;
}
/* Search Form
====================================*/
.HomeSearch form {
margin:-.7em 0;
}
.HomeSearch form fieldset {
-moz-border-radius:0;
-webkit-border-radius:0;
border-color:transparent;
border-radius:0;
border-style:solid;
border-width:1px;
margin:0;
padding:0;
}
.HomeSearch form legend {
color:#725E4E;
font-family:"Dancing Script",cursive;
font-size:28px;
font-weight:400;
letter-spacing:1px;
line-height:40px;
padding-bottom:10px;
text-align:left;
}
.HomeSearch form li {
list-style-type:none;
}
.HomeSearch form li label {
display:block;
font-weight:700;
padding-bottom:18px;
}
.HomeSearch form li label span {
font-size:.9em;
font-weight:400;
}
.HomeSearch form li.radio label,.HomeSearch form li.checkbox label {
display:inline-block;
}
.HomeSearch form input[type=text],.HomeSearch form input[type=password],.HomeSearch form textarea,.HomeSearch form select {
border:1px solid #D6D6D6;
float:left;
font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;
font-size:1.0833em;
margin-bottom:10px;
margin-left:7px;
}
legend {
display:inline;
}
.HomeSearch form input[type=text],.HomeSearch form input[type=password],.HomeSearch form textarea {
padding:10px;
width:250px;
}
.HomeSearch form input[type=text]:focus,.HomeSearch form input[type=password]:focus,.HomeSearch form textarea:focus,.HomeSearch form select:focus {
background-color:#FFFFE0;
border:1px solid #efefef;
}
.content .HomeSearch form ul,.content .HomeSearch form ol {
margin:.2em 0;
padding:0;
}
.HomeSearch input[type=submit] {
-moz-border-radius:0;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius:0;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
background:#FDC900 center top no-repeat;
background-image:linear-gradient(totop,#FE9F00,#FDC900);
border:solid 1px #D37300;
border-radius:0;
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
color:#FFF;
display:inline-block;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDC900',endColorstr='#FE9F00',GradientType=0);
font-size:19px;
margin-top:3px;
overflow:hidden;
padding:6px 0;
text-align:center;
text-decoration:none;
text-shadow:0 1px 2px rgba(0,0,0,.35);
vertical-align:middle;
width:200px;
}
.HomeSearch input[type=submit]:hover,.HomeSearch input[type=submit]:visited,.HomeSearch input[type=submit]:focus {
background:#fe9f00 center top no-repeat;
color:#fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9F00',endColorstr='#FE9F00',GradientType=0);
text-decoration:none;
}
.HomeSearch input[type=submit]:active {
background:#fe9f00 center top no-repeat;
color:#fff;
text-decoration:none;
}
HomeSearch input[type=submit]:link {
color:#fff;
}
/* =================================================================== */
/* 05 - Elements
====================================================================== */
/* Images
====================================*/
img {
border:none;
box-shadow:0 0 0 0 #e6e6e6;
}
.image-right {
float:right;
margin:5px 0 8px 15px;
}
.image-left {
float:left;
margin:5px 15px 8px 0;
}
span img {
margin:0 0 1em;
}
.imgscale {
width: 390px;
}
.image-right,.image-left {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
border:1px solid #E0E0E0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
max-width:100%;
padding:5px;
}
/* iframe
====================================*/
iframe {
margin:.5em 0 1em;
}
/* Buttons
====================================*/
.btn {
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
-webkit-transition:all 200ms ease-in-out;
border:0;
border-radius:2px;
box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.15);
color:#FFF;
cursor:pointer;
display:inline-block;
font-size:14px;
font-weight:500;
letter-spacing:-.2px;
margin-top:12px;
outline:none;
padding:12px 18px;
text-shadow:0 1px 2px rgba(0,0,0,.35);
transition:all 200ms ease-in-out;
width:auto;
}
.bigbtn {
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
-webkit-transition:all 200ms ease-in-out;
border-radius:2px;
box-shadow:inset 0 -2px 0 0 rgba(0,0,0,0.15);
color:#fff;
display:block;
font-size:22px;
line-height:50px;
margin-bottom:20px;
margin-top:20px;
overflow:hidden;
padding:0 1em;
text-align:center;
text-decoration:none;
text-shadow:0 1px 2px rgba(0,0,0,.35);
transition:all 200ms ease-in-out;
vertical-align:middle;
}
.btn:hover,.bigbtn:hover {
background:#575757;
}
a.btn,a.btn:hover,a.btn:visited,a.btn:focus,a.bigbtn:link,a.bigbtn,a.bigbtn:hover,a.bigbtn:visited,a.bigbtn:focus,a.bigbtn:link {
color:#fff;
}
/* Icons
====================================*/
i {
border:0;
font:inherit;
font-size:100%;
margin:0;
padding:0;
vertical-align:middle;
}
.glyphicons {
margin:15px 0 0;
}
.glyphicons li {
margin:0 0 2px 1px;
}
.glyphicons li i {
float:left;
margin:0 5px 0 0;
}
.the-icons {
margin:18px 0 20px;
}
.the-icons li i {
color:#555;
font-size:30px;
margin:0 3px 0 0;
}
.the-icons li {
margin:0 0 5px;
}
h2 i {
color:#404040;
float:left;
font-size:32px;
margin:-2px 0 0;
padding-right:15px;
}
/* Line
====================================*/
.line {
border-bottom:0 solid #fff;
height:1px;
margin:20px 0 20px -50px;
padding:0 80px 0 0;
width:100%;
}
/* Highlight Content
====================================*/
#highlight-content {
background:#fff;
background-image:linear-gradient(toright,#ffffff0%,#f8f8f850%,#ffffff100%);
border-bottom:1px solid #efefef;
border-top:1px solid #efefef;
clear:both;
float:left;
margin:0 0 30px;
padding:30px 0;
text-align:center;
width:936px;
}
#highlight-content h2 {
background-color:transparent;
border-bottom:none;
font-size:25px;
font-style:regular;
margin:0;
padding-bottom:8px;
padding-top:0;
}
#highlight-content p {
color:#969696;
font-size:16px;
font-style:italic;
line-height:21px;
margin:0;
padding-bottom:-30px;
text-align:center;
}
/* Services Box
====================================*/
.service-box-container {
float:left;
}
.service-box p, .service-box h2 {
margin-left: 45px;
}
.service-box h2 {
border-bottom:none;
padding:0;
}
.service-box i {
color:#404040;
float:left;
font-size:32px;
margin:-7px 0 0;
}
/* Accordion
====================================*/
.accordion {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
}
.ui-accordion .ui-accordion-header {
-moz-transition:background-color 200ms ease-in-out;
-ms-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
-webkit-transition:background-color 200ms ease-in-out;
background-color:#fcfcfc;
border:1px solid #e0e0e0;
color:#707070;
cursor:pointer;
display:block;
font-size:13px;
font-weight:500;
line-height:26px;
margin-top:-1px;
outline:none;
padding:14px 0 15px;
position:relative;
transition:background-color 200ms ease-in-out;
}
.ui-accordion .ui-accordion-header:hover {
background-color:#fff;
}
.ui-accordion .ui-accordion-header-active:hover,.ui-accordion .ui-accordion-header-active {
background-color:#fff;
border-bottom:0;
color:#169FE6;
}
.ui-accordion .ui-accordion-icons {
margin-bottom:0;
padding-left:50px;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
left:20px;
position:absolute;
}
.ui-accordion .ui-accordion-content {
border:1px solid #e0e0e0;
border-top:0;
padding:0 20px 20px;
}
.ui-accordion .ui-accordion-content p {
margin:0;
}
.ui-accordion-icon,.ui-accordion-icon-active {
-moz-transition:background-color 200ms ease-in-out;
-ms-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
-webkit-transition:background-color 200ms ease-in-out;
background-color:#ccc;
background-image:url(../extensions/images/accordion-plus.png);
background-position:50%;
background-repeat:no-repeat;
border-radius:2px;
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
display:inline-block;
float:left;
height:18px;
margin:5px 10px 0 0;
transition:background-color 200ms ease-in-out;
width:18px;
}
.ui-accordion-icon-active {
background-color:#169FE6;
background-image:url(../extensions/images/accordion-minus.png);
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.15);
}
/* Toggle
====================================*/
.toggle-wrap {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
border:1px solid #e0e0e0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
float:left;
margin-bottom:15px;
width:100%;
}
.trigger a {
-moz-transition:background-color 200ms ease-in-out;
-ms-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
-webkit-transition:background-color 200ms ease-in-out;
background-color:#fcfcfc;
color:#707070;
cursor:pointer;
display:block;
font-size:13px;
font-weight:500;
line-height:26px;
padding:14px 0 15px 20px;
position:relative;
transition:background-color 200ms ease-in-out;
}
.trigger a:hover,.trigger.active a,.trigger.active a:hover {
background:#fff;
}
.trigger.active a {
color:#169FE6;
}
.toggle-icon {
-moz-transition:background-color 200ms ease-in-out;
-ms-transition:background-color 200ms ease-in-out;
-o-transition:background-color 200ms ease-in-out;
-webkit-transition:background-color 200ms ease-in-out;
background-color:#ccc;
background-image:url(../extensions/images/accordion-plus.png);
background-position:50%;
background-repeat:no-repeat;
border-radius:2px;
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.1);
display:inline-block;
float:left;
height:18px;
margin:5px 10px 0 0;
transition:background-color 200ms ease-in-out;
width:18px;
}
.trigger.active .toggle-icon {
background-color:#169FE6;
background-image:url(../extensions/images/accordion-minus.png);
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.15);
}
.toggle-container p {
margin:0;
}
.toggle-container {
padding:0 20px 17px;
}
/* Tabs
====================================*/
.tabs-nav {
list-style:none;
margin:0;
overflow:hidden;
padding:0;
width:100%;
}
.tabs-nav li {
float:left;
line-height:38px;
overflow:hidden;
padding:0;
position:relative;
}
.tabs-nav li a {
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
-webkit-transition:all 200ms ease-in-out;
background-color:#f8f8f8;
border:1px solid #e0e0e0;
border-right:none;
color:#888;
display:block;
font-weight:500;
letter-spacing:0;
outline:none;
padding:0 20px;
text-decoration:none;
transition:all 200ms ease-in-out;
}
.tabs-nav li:first-child a {
border-left:1px solid #e0e0e0;
}
.tabs-nav li:last-child a {
border-right:1px solid #e0e0e0;
}
.tabs-nav li.active a {
background:#fff;
border-bottom:1px solid #fff;
border-top:1px solid #169FE6;
color:#169FE6;
font-weight:500;
}
.tabs-nav li.active i:before {
color:#555;
}
.tabs-nav li i:before {
color:#909090;
}
.tabs-nav li span {
margin-left:-7px;
}
.tabs-nav li.active a i {
filter:alpha(opacity=100);
opacity:1;
}
.tabs-nav li i {
filter:alpha(opacity=64);
margin:10px 0 0;
opacity:0.64;
}
.tabs-nav li a:hover {
background:#fff;
}
.tab-content {
padding:20px;
}
.tabs-container {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
border:1px solid #e0e0e0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
line-height:21px;
margin:-14px 0 20px;
overflow:hidden;
width:100%;
}
/* Tooltip
====================================*/
.ui-tooltip,.arrow:after {
background:#444;
}
.ui-tooltip {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
color:#fff;
font-size:11px;
max-width:300px;
padding:1px 8px;
position:absolute;
z-index:9999;
}
.fade {
-moz-transition:opacity 100ms ease-in-out;
-ms-transition:opacity 100ms ease-in-out;
-o-transition:opacity 100ms ease-in-out;
-webkit-transition:opacity 100ms ease-in-out;
filter:alpha(opacity=0);
opacity:0;
transition:opacity 100ms ease-in-out;
}
.fade.in {
filter:alpha(opacity=100);
opacity:1;
}
.ie8 .arrow {
display:none;
}
.arrow {
bottom:-5px;
height:5px;
left:50%;
margin-left:-35px;
overflow:hidden;
position:absolute;
width:70px;
}
.arrow.top {
bottom:auto;
top:-16px;
}
.arrow.left {
left:20%;
}
.arrow:after {
-moz-transform:rotate(45deg);
-ms-transform:rotate(45deg);
-o-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
content:"";
height:21px;
left:23px;
position:absolute;
top:-20px;
tranform:rotate(45deg);
width:21px;
}
.arrow.top:after {
top:auto;
}
/* Notice
====================================*/
.large-notice {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
background-color:#fcfcfc;
border:1px solid #e0e0e0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
padding:32px;
}
.large-notice h2 {
margin-bottom:10px;
}
.large-notice p {
color:#888;
font-size:14px;
line-height:22px;
}
/* Logo List
====================================*/
.logo-list li {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
border:1px solid #e0e0e0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
float:left;
margin:30px 44px 0 0;
}
.logo-list li:last-child {
margin-bottom:1.5em;
}
/* Standard Table
====================================*/
table.standard-table {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
border:none;
border-collapse:separate;
border-spacing:0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
margin-bottom:15px;
width:100%;
}
table.standard-table th {
background-color:#fafafa;
border:1px solid #e0e0e0;
border-right:none;
color:#444;
font-size:14px;
font-weight:600;
padding:10px 15px;
text-align:left;
vertical-align:top;
}
table.standard-table td {
border:#e0e0e0 1px solid;
border-right:none;
border-top:none;
padding:10px 15px;
}
table.standard-table tr:hover td {
background-color:#fafafa;
}
table.standard-table td:last-child,table.standard-table th:last-child {
border-right:1px solid #e0e0e0;
}
/* =================================================================== */
/* Pricing Tables
====================================================================== */
.five-tables .pricing-table{
width: 195px;
}
.four-tables .pricing-table{
width: 244px;
}
.three-tables .pricing-table{
width: 325px;
}
.two-tables .pricing-table{
width: 488px;
}
.pricing-table {
float: left;
margin: 1px 0 0 -1px;
}
.pricing-table h3 {
display:block;
font-size: 16px;
text-align: center;
color: #fff;
padding: 14px 0 12px 0;
margin: 0;
font-weight: 200;
}
.pricing-table ul {
height: 100%;
padding: 10px 0 0 0;
border: 1px solid #e0e0e0;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}
.pricing-table li {
color: #888;
background: #fff;
text-align: center;
padding: 4px 0;
}
.pricing-table .btn {
margin: 10px 0;
}
li.sign-up {
border-top: 1px solid #e0e0e0;
background: #fafafa;
padding: 12px 0;
margin-top: 10px;
}
li.sign-up a { font-weight: 200; letter-spacing: 0; }
li.sign-up a:hover { opacity: 0.8; filter: alpha(opacity=80); }
/* Table
====================================*/
.pricing-table h3,
.pricing-table h4 {
text-align: center;
color: #fff;
margin: 0;
}
.pricing-table {
z-index: 1;
position: relative;
}
.pricing-table h4 {
padding: 12px 0 10px 0;
}
.price,
.time {
display: block;
line-height: 20px;
}
.price {
font-size: 24px;
font-weight: normal;
}
span.time {
font-size: 12px;
font-weight: 200;
opacity: 0.6;
}
/* Hover on Pricing Table
====================================*/
.pricing-table:hover{
padding: 10px 0 0 0;
margin-bottom: -10px;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.pricing-table:hover h4{
background-color: #169fe6 !important;
}
.pricing-table:hover h3 {
background-color: #3dafea !important;
}
/* Featured
====================================*/
.pricing-table.featured ul {
padding: 10px 0 0 0;
border: 1px solid #e0e0e0;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
.pricing-table.featured h3 {
padding: 20px 0 18px 0;
margin: -12px 0 0 0;
}
.pricing-table.featured li.sign-up {
border-top: 1px solid #e0e0e0;
background: #fafafa;
padding: 18px 0;
margin-top: 10px;
}
.featured div {
-webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}
.tagline-2{
color: #000;
font-size:20px;
}
/* Color Schemes
====================================*/
/* Color 1 */
.pricing-table .color-1 h3, .color-1 .sign-up .button {
background-color: #909090;
}
.pricing-table .color-1 h4 {
background-color: #808080;
}
/* Color 2 */
.pricing-table .color-2 h3, .color-2 .sign-up .button {
background-color: #565656;
}
.pricing-table .color-2 h4 {
background-color: #4c4c4c;
}
/* Color 3 */
.pricing-table .color-3 h3 {
background-color: #3dafea;
}
.pricing-table .color-3 h4, .color-3 .sign-up .button {
background-color: #169fe6;
}
/* Fancybox
====================================*/
/*! fancyBox v2.1.3 fancyapps.com */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
border:0;
margin:0;
outline:none;
padding:0;
vertical-align:top;
}
.fancybox-wrap {
left:0;
position:absolute;
top:0;
z-index:8020;
}
.fancybox-skin {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background:#f9f9f9;
border-radius:4px;
color:#444;
position:relative;
text-shadow:none;
}
.fancybox-opened {
z-index:8030;
}
.fancybox-opened .fancybox-skin {
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5);
}
.fancybox-outer,.fancybox-inner {
position:relative;
}
.fancybox-inner {
overflow:hidden;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch;
}
.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap;
}
.fancybox-image,.fancybox-iframe {
display:block;
height:100%;
width:100%;
}
.fancybox-image {
max-height:100%;
max-width:100%;
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(../extensions/images/fancybox_sprite.png);
}
#fancybox-loading {
background-position:0 -108px;
cursor:pointer;
left:50%;
margin-left:-22px;
margin-top:-22px;
opacity:0.8;
position:fixed;
top:50%;
z-index:8060;
}
#fancybox-loading div {
background:url(../extensions/images/fancybox_loading.gif) center center no-repeat;
height:44px;
width:44px;
}
.fancybox-close {
cursor:pointer;
height:36px;
position:absolute;
right:-18px;
top:-18px;
width:36px;
z-index:8040;
}
.fancybox-nav {
-webkit-tap-highlight-color:rgba(0,0,0,0);
background:transparent url(../extensions/images/blank.gif);
cursor:pointer;
height:100%;
position:absolute;
text-decoration:none;
top:0;
width:40%;
z-index:8040;
}
.fancybox-prev {
left:0;
}
.fancybox-next {
right:0;
}
.fancybox-nav span {
cursor:pointer;
height:34px;
margin-top:-18px;
position:absolute;
top:50%;
visibility:hidden;
width:36px;
z-index:8040;
}
.fancybox-prev span {
background-position:0 -36px;
left:10px;
}
.fancybox-next span {
background-position:0 -72px;
right:10px;
}
.fancybox-nav:hover span {
visibility:visible;
}
.fancybox-tmp {
left:-99999px;
max-height:99999px;
max-width:99999px;
overflow:visible!important;
position:absolute;
top:-99999px;
visibility:hidden;
}
/* Overlay helper */
.fancybox-lock {
overflow:hidden;
}
.ie8 .fancybox-overlay {
background:url(../extensions/images/fancybox_overlay.png)!important;
}
.fancybox-overlay {
background:url(../extensions/images/fancybox_overlay.png);
display:none;
left:0;
overflow:hidden;
position:absolute;
top:0;
z-index:8010;
}
.fancybox-overlay-fixed {
bottom:0;
position:fixed;
right:0;
}
.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll;
}
/* Title helper */
.fancybox-title {
visibility: hidden;
font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position: relative;
text-shadow: none;
z-index: 8050;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-float-wrap {
position: absolute;
bottom: 0;
right: 50%;
margin-bottom: -35px;
z-index: 8050;
text-align: center;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent; /* Fallback for web browsers that doesn't support RGBa */
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: 600;
line-height: 24px;
white-space: nowrap;
}
.fancybox-title-outside-wrap {
position: relative;
margin-top: 10px;
color: #fff;
}
.fancybox-title-inside-wrap {
padding-top: 10px;
}
.fancybox-title-over-wrap {
position: absolute;
bottom: 0;
left: 0;
color: #fff;
padding: 10px;
background: #000;
background: rgba(0, 0, 0, .8);
}
#fancybox-buttons {
position: fixed;
left: 0;
width: 100%;
z-index: 8050;
display: none;
}
#fancybox-buttons.top {
top: 10px;
}
#fancybox-buttons.bottom {
bottom: 10px;
}
#fancybox-buttons ul {
display: block;
width: 166px;
height: 30px;
margin: 0 auto;
padding: 0;
list-style: none;
border: 1px solid #111;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
-moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
box-shadow: inset 0 0 0 1px rgba(255,255,255,.05);
background: rgb(50,50,50);
background: -moz-linear-gradient(top, rgb(68,68,68) 0%, rgb(52,52,52) 50%, rgb(41,41,41) 50%, rgb(51,51,51) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(68,68,68)), color-stop(50%,rgb(52,52,52)), color-stop(50%,rgb(41,41,41)), color-stop(100%,rgb(51,51,51)));
background: -webkit-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -o-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: -ms-linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
background: linear-gradient(top, rgb(68,68,68) 0%,rgb(52,52,52) 50%,rgb(41,41,41) 50%,rgb(51,51,51) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222',GradientType=0 );
}
#fancybox-buttons ul li {
float: left;
margin: 0;
padding: 0;
}
#fancybox-buttons a {
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-image: url('../extensions/images/fancybox_buttons.png');
background-repeat: no-repeat;
outline: none;
opacity: 0.8;
}
#fancybox-buttons a:hover {
opacity: 1;
}
#fancybox-buttons a.btnPrev {
background-position: 5px 0;
}
#fancybox-buttons a.btnNext {
background-position: -33px 0;
border-right: 1px solid #3e3e3e;
}
#fancybox-buttons a.btnPlay {
background-position: 0 -30px;
}
#fancybox-buttons a.btnPlayOn {
background-position: -30px -30px;
}
#fancybox-buttons a.btnToggle {
background-position: 3px -60px;
border-left: 1px solid #111;
border-right: 1px solid #3e3e3e;
width: 35px
}
#fancybox-buttons a.btnToggleOn {
background-position: -27px -60px;
}
#fancybox-buttons a.btnClose {
border-left: 1px solid #111;
width: 35px;
background-position: -56px 0px;
}
#fancybox-buttons a.btnDisabled {
opacity : 0.4;
cursor: default;
}
/* Fancy Gallery
====================================*/
.fancy-gallery .image-right {
margin:5px 6px 13px 7px;
}
.fancy-gallery .image-left {
margin:5px 7px 13px 6px;
}
.fancy-gallery .image-right,.image-left {
max-width:300px;
}
/* =================================================================== */
/* 06 - Footer
====================================================================== */
.footer {
background:#4c4c4c;
font-size:12px;
margin:0 0 -30px -50px;
padding:50px 0 43px;
width:1076px;
}
.footer a,.footer li {
color:#aaa;
}
.footer a:hover {
color:#fff;
}
.footer li {
border-right:1px solid #666;
line-height:20px;
margin-right:2px;
padding-right:15px;
}
.footer li:last-child {
border-right:none;
}
/* =================================================================== */
/* 07 - Miscellaneous
====================================================================== */
/* Vertical Links
====================================*/
.vertical-links .bigbtn {
font-size:18px;
line-height:40px;
}
/* Resource Links Table
====================================*/
table.resource-links {
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
border:none;
border-collapse:separate;
border-spacing:0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
margin-bottom:15px;
width:100%;
}
table.resource-links th {
background-color:#fafafa;
border:1px solid #e0e0e0;
border-right:none;
color:#444;
font-size:14px;
font-weight:600;
padding:10px 15px;
text-align:left;
vertical-align:top;
}
table.resource-links td {
border:#e0e0e0 1px solid;
border-right:none;
border-top:none;
padding:10px 15px;
}
table.resource-links tr:hover td {
background-color:#fafafa;
}
table.resource-links td:first-child {
width:35%;
}
table.resource-links td img {
margin-left:17%;
}
table.resource-links td:last-child,table.resource-links th:last-child {
border-right:1px solid #e0e0e0;
}
/* One Third Images
====================================*/
.one-third-right img {
margin-bottom:20px;
}
.one-third-right img:last-child {
margin-bottom:0!important;
margin-top:6px;
}
/* =================================================================== */
/* 08 - Whitelabel
====================================================================== */
/* Contact Us
====================================*/
.searchSection input[type=submit],input[type=submit] {
-webkit-border-radius:0;
background:none;
border:1px solid #e0e0e0;
border-radius:0;
box-shadow:1px 1px 3px rgba(0,0,0,0.1);
padding:9px 18px;
text-shadow:none;
}
input[type=submit]:hover {
-webkit-border-radius:0;
background:#f5f5f5;
border-radius:0;
text-shadow:none;
}
form input[type=text],form input[type=password],form textarea,form select {
border-color:#e2e2e2;
padding:7px;
}
.contactDetailsSection h3,.staticMapSection h3 {
margin-bottom:20px;
}
.contactUsSection form li label {
font-style:italic;
font-weight:400;
margin-bottom:10px;
margin-left:2px;
}
/* Category
====================================*/
.searchSection form fieldset {
-moz-border-radius:0;
-webkit-border-radius:0;
border-color:#fff;
border-radius:0;
border-style:solid;
border-width:1px;
margin:0;
padding:0;
}
.searchSection form {
margin:0 0 1.5em;
}
.searchSection form legend {
color:#575757;
font-family:Oswald, sans-serif;
font-size:18px;
font-weight:400;
letter-spacing:1px;
line-height:35px;
padding:0 0 20px;
text-align:left;
text-transform:uppercase;
width:auto;
}
.searchSection form li {
list-style-type:none;
margin-bottom:.5em;
}
.searchSection form li label {
display:block;
font-weight:700;
padding-bottom:18px;
}
.searchSection form li label span {
font-size:13px;
font-weight:400;
}
.searchSection form li.radio label,.searchSection form li.checkbox label {
display:inline-block;
}
.searchSection form input[type=text],.searchSection form input[type=password],.searchSection form textarea,.searchSection form select {
border:1px solid #D6D6D6;
float:left;
font-family:"Helvetica Neue", Arial, Helvetica, Sans-serif;
font-size:1.0833em;
margin-bottom:10px;
}
legend {
display:inline;
}
.searchSection form input[type=text],.searchSection form input[type=password],.searchSection form textarea {
padding:10px;
width:279px;
}
.searchSection form input[type=text]:focus,.searchSection form input[type=password]:focus,.searchSection form textarea:focus,.searchSection form select:focus {
background-color:#FFFFE0;
border:1px solid #efefef;
}
.content .searchSection form ul,.content .searchSection form ol {
margin:.2em 0;
padding:0;
}
.searchSection input[type=submit] {
-moz-border-radius:0;
-moz-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
-webkit-border-radius:0;
-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.2);
background:#FDC900 center top no-repeat;
background-image:linear-gradient(totop,#FE9F00,#FDC900);
border:solid 1px #D37300;
border-radius:0;
box-shadow:1px 1px 3px rgba(0,0,0,0.2);
color:#FFF;
display:inline-block;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDC900',endColorstr='#FE9F00',GradientType=0);
font-size:19px;
margin:-4px 0 0 20px;
overflow:hidden;
padding:7px 0;
text-align:center;
text-decoration:none;
text-shadow:0 1px 2px rgba(0,0,0,.35);
vertical-align:middle;
width:175px;
}
.searchSection input[type=submit]:hover,.searchSection input[type=submit]:visited,.searchSection input[type=submit]:focus {
background:#fe9f00 center top no-repeat;
color:#fff;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE9F00',endColorstr='#FE9F00',GradientType=0);
text-decoration:none;
}
.searchSection input[type=submit]:active {
background:#fe9f00 center top no-repeat;
color:#fff;
text-decoration:none;
}
.searchSection input[type=submit]:link {
color:#fff;
}
/* Listings
====================================*/
div.listing {
-moz-border-radius:0;
-webkit-border-radius:0;
-webkit-box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
background-color:#FCFCFC;
border:1px solid #E0E0E0;
border-radius:0;
box-shadow:0 2px 0 0 rgba(0,0,0,0.03);
margin:0 0 20px;
padding:15px 0;
width:100%;
}
div.listing:hover {
border:1px solid #c8c8c8;
}
div.listing a.title {
color:#575757;
margin-bottom:20px;
text-align:left;
}
div.listing a.title:hover {
color:#000;
}
div.listing p.categories,div.listing p.metainfo {
text-align:left;
}
.listing p.categories,.listing p.metainfo {
margin-bottom:1em;
}
div.icons {
margin:0 0 1em 1em;
}
/* Pagination
====================================*/
div.paganation {
margin-bottom:1.7em;
}
div.paganation ul.pages li a:hover {
background-color:#6D6D6D;
color:#FFF;
}
div.paganation ul.pages li a {
-moz-border-radius:2px;
-moz-transition:all 200ms ease-in-out;
-ms-transition:all 200ms ease-in-out;
-o-transition:all 200ms ease-in-out;
-webkit-border-radius:2px;
-webkit-transition:all 200ms ease-in-out;
background-color:#F4F4F4;
border:none;
border-radius:2px;
box-shadow:inset 0 -1px 0 0 rgba(0,0,0,0.07);
color:#888;
display:inline-block;
margin-right:4px;
padding:6px 10px;
transition:all 200ms ease-in-out;
}
div.paganation ul.pages a.active {
-moz-border-radius:2px;
-webkit-border-radius:2px;
border:none;
border-radius:2px;
padding:6px 10px;
}
div.paganation ul.pages li.first a,div.paganation ul.pages li.last a {
background-color:#F4F4F4;
}
/* Results Footer
====================================*/
.searchResultsFooterSection {
margin-left:70px;
}
.searchResultsFooterSection p {
font-size:1.3em;
font-weight:700;
}
.searchResultsFooterSection li {
background:url(../extensions/images/icon-list-check.png) no-repeat 0 3px;
list-style:none;
margin:5px 0;
padding:0 0 0 18px;
}
/* Rotating Reviews
====================================*/
.rotatingReviewsSection ul li p {
font-style:italic;
}
/* Coupons
====================================*/
div.couponsSection,div.couponsSection p {
text-align:left;
}
div.couponsSection h3,div.coupon-text h3 {
display:block;
}
/* =================================================================== */
/* 09 - Responsive
====================================================================== */
/* #Mobile (Portrait)
====================================*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
/* Page
====================================*/
.page,.content {
width:260px;
}
.page {
margin-top:0;
padding:0 30px;
}
.two-col,.two-equal-columns,.one-col {
margin:0;
}
div.header {
width:260px;
margin: 0 0 120px 0;
}
.header h1 {
background-size:260px auto;
}
h2 {
line-height:32px;
}
.footer {
margin:0 -30px;
padding:25px 0;
width:auto;
}
.footer li {
border-right:none;
display:block;
line-height:25px;
margin:0;
padding:0;
}
/* Navigation
====================================*/
.nav {
margin:0 0 40px 0;
position:relative;
left:-30px;
top:-15px;
width: 320px;
height: auto;
text-align: center;
}
.nav li {
width: 320px;
}
.nav li a {
width: 300px;
display: block;
}
.nav a {
padding:20px 11px 10px 11px;
}
/* Columns
====================================*/
.two-col .secondary-content {
display:none;
}
.one_half,.one_third,.two_third,.one_fourth,.three_fourth {
float:left;
margin-right:0;
position:relative;
width:100%;
}
.main-content {
border:none!important;
padding:0;
}
.content {
padding:20px 0;
}
.single-col,.two-col-first,.two-col-last,.three-col-first,.three-col,.three-col-last,.four-col-first,.four-col,.four-col-last,.one-third-left,.two-thirds-right,.two-thirds-left,.one-third-right,.two-equal-columns .main-content,.two-equal-columns .secondary-content,.main-content,.contentElement {
float:left;
margin:0 0 10%;
width:100%;
}
/* Images
====================================*/
img,iframe {
max-width:260px!important;
}
.image-right,.image-left {
margin-bottom:6%;
width:248px;
}
.logo-list li {
margin-left:-5px;
}
.logo-list li img {
width:187px;
}
.logo-list li:last-child {
margin-bottom:8%;
}
.noimg {
display:none;
}
.one-third-right img:last-child {
margin-bottom:0!important;
}
/* Pricing Tables
====================================*/
.five-tables .pricing-table,
.four-tables .pricing-table,
.three-tables .pricing-table,
.two-tables .pricing-table {width: 260px;}
.pricing-table.featured {
margin-top: 12px;
}
/* Flexslider
====================================*/
.flexslider {
margin:0 0 10%;
}
.flexslider .slides img {
margin-left:-30px;
max-width:320px!important;
}
.flex-direction-nav,.slide-caption {
display:none;
}
/* Fancy Gallery
====================================*/
.fancy-gallery .image-right,.fancy-gallery .image-left {
margin:5px 0 13px;
}
/* Google Map
====================================*/
.gmap {
width:260px;
}
/* Search Form
====================================*/
#highlight-form {
margin-bottom:13%;
padding:10% 0 14%;
}
#highlight-form,.highlight-form-left,.highlight-form-right {
margin-left:0;
margin-right:0;
width:100%;
}
#highlight-form h2 {
font-size:22px;
margin-bottom:9%;
padding-top:0;
}
.HomeSearch form input[type=text],.HomeSearch form input[type=password],.HomeSearch form textarea {
font-size:1em;
margin-bottom:10%;
margin-left:0;
width:236px;
}
.HomeSearch input[type=submit] {
margin:0;
width:100%;
}
/* Buttons
====================================*/
.btn {
font-size:16px;
margin-bottom:5%;
}
.large-notice .btn {
margin-bottom:0;
}
/* Contact
====================================*/
form input[type=text],form input[type=password],form textarea,form select {
width:90%;
}
/* Category Pages
====================================*/
.searchSection form input[type=text] {
margin-bottom:9%;
width:240px;
}
.searchSection input[type=submit] {
margin:0;
width:100%;
}
.listing .content {
padding:20px 0 0;
}
div.contact {
float:none;
margin-bottom:5%;
}
div.contact span.phone,div.contact span.fax,div.contact span.mobile {
margin-left:7%;
padding-left:35px;
}
div.address span {
text-align:left;
}
.searchResultsFooterSection {
display:none;
}
div.paganation ul.pages li a {
margin-bottom:5%;
}
div.listing a.title,.listing .categories,.listing .metainfo,.listing div.icons,.listing div.address {
margin-right:1em;
}
/* Resources
====================================*/
table th,table td {
display:block;
}
table.resource-links td {
border:none;
padding:10px 0;
}
table.resource-links td:last-child {
border-right:none;
}
table.resource-links th {
display:none;
}
table.resource-links td img {
margin-left:0;
}
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
/* Page
====================================*/
.page,.content {
width:678px;
}
.page {
margin-top:0;
padding:0 30px;
}
.two-col,.two-equal-columns,.one-col {
margin:0;
}
div.header,.header h1 {
margin: 0 0 40px 0;
width:300px;
}
.header h1 {
background-size:300px auto;
}
h2 {
line-height:32px;
}
.footer {
margin:0 -30px;
padding:25px 0;
width:auto;
}
.footer li {
line-height:25px;
}
/* Navigation
====================================*/
.nav {
margin:0 0 30px 0;
position:relative;
top:-25px;
width:738px;
left: -30px;
}
.nav a {
padding:25px 16px;
}
/* Columns
====================================*/
.single-col,.two-col-first,.two-col-last,.three-col-first,.three-col,.three-col-last,.four-col-first,.four-col,.four-col-last,.one-third-left,.two-thirds-right,.two-thirds-left,.one-third-right,.two-equal-columns .main-content,.two-equal-columns .secondary-content {
float:left;
margin:0 0 3%;
width:100%;
}
.two-col .secondary-content {
display:none;
}
.main-content,.contentElement {
float:left;
margin:0 0 10%;
width:100%;
}
.main-content {
border:none!important;
padding:0;
}
.content {
padding:20px 0;
}
/* Images
====================================*/
img{
width:678px;
}
iframe{
width:678px!important;
}
.image-right,.image-left {
margin-bottom:6%;
width:678px;
}
.logo-list li {
margin-left:-10px;
}
.logo-list li img {
width:187px;
}
.logo-list li:last-child {
margin-bottom:0;
}
.noimg {
display:none;
}
.imgscale {
width: 678px;
}
.one-third-right img {
float:left;
margin:0 19px 38px!important;
max-width:300px;
}
/* Pricing Tables
====================================*/
.five-tables .pricing-table{
width: 135px;
}
.four-tables .pricing-table{
width: 169px;
}
.three-tables .pricing-table{
width: 226px;
}
.two-tables .pricing-table{
width: 339px;
}
/* Flexslider
====================================*/
.flexslider {
margin:0 0 5%;
}
.flexslider .slides img {
margin-left:-30px;
width:738px;
}
.flex-direction-nav {
display:none;
}
.slide-caption {margin-left:-30px;}
/* Fancy Gallery
====================================*/
.fancy-gallery .image-right,.fancy-gallery .image-left {
margin:5px 13px 13px;
}
/* Google Map
====================================*/
.gmap {
width:678px;
}
/* Search Form
====================================*/
#highlight-form {
margin-bottom:5%;
padding:5% 0 2%;
}
#highlight-form,.highlight-form-left,.highlight-form-right {
margin-left:0;
margin-right:0;
width:100%;
}
#highlight-form h2 {
font-size:26px;
margin-bottom:5%;
padding-top:0;
}
.HomeSearch form input[type=text],.HomeSearch form input[type=password],.HomeSearch form textarea {
font-size:1em;
margin-bottom:5%;
margin-left:7%;
width:236px;
}
.HomeSearch input[type=submit] {
margin:2px 0 0;
padding:6px 0;
width:40%;
}
/* Buttons
====================================*/
.btn {
font-size:16px;
margin-bottom:5%;
}
.large-notice .btn {
margin-bottom:0;
}
/* Contact
====================================*/
form input[type=text],form input[type=password],form textarea,form select {
width:95%;
}
.contactDetailsSection {
float:right;
width:44%;
}
.staticMapSection {
float:left;
width:50%;
}
.contactUsSection {
width:100%;
}
.staticMapSection img {
width:340px;
}
/* Category Pages
====================================*/
.searchSection form input[type=text] {
margin-bottom:5%;
width:240px;
}
.searchSection input[type=submit] {
margin:-4px 0 0 20px;
width:30%;
}
.listing .content {
padding:20px 0 0;
}
div.contact {
float:none;
margin-bottom:5%;
}
div.contact span.phone,div.contact span.fax,div.contact span.mobile {
margin-left:7%;
padding-left:35px;
}
div.address span {
text-align:left;
}
.searchResultsFooterSection {
display:none;
}
div.paganation ul.pages li a {
margin-bottom:5%;
}
div.listing a.title,.listing .categories,.listing .metainfo,.listing div.icons,.listing div.address {
margin-right:1em;
}
/* Resources
====================================*/
table th,table td {
display:block;
}
table.resource-links td {
border:none;
padding:10px 0;
width:187px;
}
table.resource-links td:first-child {
float:left;
}
table.resource-links td:last-child {
border-right:none;
display:block;
width:100%;
}
table.resource-links th {
display:none;
}
table.resource-links td img {
margin-left:0;
width:187px;
}
/* Add Business
====================================*/
#addform {
width:43%;
}
#addform iframe {
width:258px;
}
#addbusiness1 {
width:56%;
}
}
/* AA Custom
====================================*/
/* Service box
====================================*/
.service-box p, .service-box h2, .service-box .btn {
margin-left: 45px;
}
/* Recent projects
====================================*/
.recent .four-col-first h2 {
margin: 0 0 8px 0;
padding: 0 0 20px;
border-bottom: none;
}
.recent .four-col-first span {
margin: 0 0 9px 0;
color: #888;
text-align: left;
margin-bottom:10px;
}
.recent .four-col, .recent .four-col-last {
padding-bottom: 30px;
background: #FFF;
border-radius: 0 0 2px 2px;
text-align: center;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 0 1px rgba(0, 0, 0, 0.1);
margin-bottom:10px;
}
.recent h5{
margin-bottom: -2px;
font-size: 13px;
font-weight: 600;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 24px;
text-transform: none;
text-align: center;
color: #333;
}
.recent span{
text-align:center;
color: #888;
font-size: 13px;
font-weight: 300;
display:block;
}
.recent .btn{
margin-top: 24px;
}
.recent .four-col img, .recent .four-col-last img{
max-width:219px;
-webkit-transition: opacity 180ms ease-in-out;
-moz-transition: opacity 180ms ease-in-out;
-o-transition: opacity 180ms ease-in-out;
-ms-transition: opacity 180ms ease-in-out;
transition: opacity 180ms ease-in-out;
}
.recent .four-col img:hover, .recent .four-col-last img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
/* Features
====================================*/
.features .three-col-first h2 {
margin: 0 0 8px 0;
padding: 0 0 20px;
border-bottom: none;
}
.features .three-col-first span {
color: #888;
}
.features .three-col-first, .features .three-col, .features .three-col-last {
padding-bottom: 30px;
background: #FFF;
border-radius: 0 0 2px 2px;
text-align: center;
margin-bottom:10px;
}
.features h5{
margin-bottom: -2px;
font-size: 13px;
font-weight: 600;
font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
line-height: 24px;
text-transform: none;
text-align: center;
color: #333;
}
.features span{
text-align:center;
color: #888;
font-size: 13px;
font-weight: 300;
display:block;
}
.features .btn{
margin-top: 24px;
}
.features .three-col-first img, .features .three-col img, .features .three-col-last img{
max-width:300px;
-webkit-transition: opacity 180ms ease-in-out;
-moz-transition: opacity 180ms ease-in-out;
-o-transition: opacity 180ms ease-in-out;
-ms-transition: opacity 180ms ease-in-out;
transition: opacity 180ms ease-in-out;
}
.features .three-col-first img:hover, .features .three-col img:hover, .features .three-col-last img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
/* Testimonial Carousel
====================================*/
.testimonial-container {
position: relative;
}
.testimonials {
background: #f6f6f6;
color: #888;
padding: 25px;
line-height: 21px;
border-radius: 2px;
-webkit-box-shadow:: inset 0px -1px 0px 0px rgba(0,0,0, 0.06);
box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.06);
}
.testimonials-bg {
background: url(../extensions/images/testimonials-bg.png) no-repeat;
margin-top: -1px;
display: block;
margin-left: 25px;
width: 200px;
height: 30px;
}
.testimonials-author {
float: right;
display: block;
margin-top: -23px;
margin-bottom: 20px;
}
.testimonials-author span {
color:#a0a0a0
}
.flexslider.testimonial-slider .flex-direction-nav {display: none;}
.flexslider.testimonial-slider {margin:0;}
.homeslider {margin: -45px 0 50px 0;}
.toggle-wrap {
text-align: left;
}
.preview {-webkit-transition: opacity 180ms ease-in-out;
-moz-transition: opacity 180ms ease-in-out;
-o-transition: opacity 180ms ease-in-out;
-ms-transition: opacity 180ms ease-in-out;
transition: opacity 180ms ease-in-out;
}
.preview:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}
/* Flex Logos
====================================*/
#secondary-slider {clear:both;}
#secondary-slider .slides img {width: 100%;}
/* Hidden Demo Pages
====================================*/
/* Show only the following */
.nav li a[href="gallery.php"],
.nav li a[href="contact-us.php"],
.nav li a[href="basic.php"],
.nav li a[href="advanced.php"],
.nav li a[href="contact-us-a.php"] {
display:none;
}
/* #Tablet (Portrait)
================================================== */
/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.header h1 {
background-size:auto;
}
div.header, .header h1 {
margin: 0 0 42px 0;
width: auto;
}
.homeslider {
margin: -32px 0 50px 0;
}
.nav {
margin: 0 0 7px 0;
}
.recent .four-col, .recent .four-col-last {
width: 339px;box-shadow: none;
}
.btn {
margin-bottom: 1%;
}
.logo-list li img {
width: 176px;
}
/* Express Page */
.features .three-col-first, .features .three-col, .features .three-col-last {
width: 339px;
}
}
/* #Mobile (Portrait)
====================================*/
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
div.header {
margin: 0 0 20px 4px;
}
.header h1 {
background-image:url(../images/gallery/dfindlogo4.png);
background-size: 395px auto;
margin-top: 30px!important;
}
.homeslider {margin: -41px 0 50px 0;}
.recent .four-col, .recent .four-col-last {box-shadow:none;}
.btn {
margin-bottom: 1%;
}
}