* { font-family:'Lato' }
body{margin: 0;padding: 0;width: 100%; background: url("../img/watch-bg.jpg") no-repeat fixed 50% 0 #222;background-attachment:fixed; }

h1, h2, h3, h4, h5, h6, 
p, li, dd, dl, 
select, input,
.top-bar-section ul li > a, 
button, .button, 
.pricing-table .title, .pricing-table .price, 
.tabs dd > a, .tabs .tab-title > a, 
.side-nav, .side-nav li.active > a:first-child:not(.button), 
.accordion .accordion-navigation > a, .accordion dd > a, 
.sub-nav dt, .sub-nav dd, .sub-nav li, 
.label { font-family:'Lato', sans-serif; font-weight: 400; }

p img { margin-bottom: 1rem; }
a, .breadcrumbs > *, .breadcrumbs a { color: #88e; }
a:hover, .breadcrumbs a:hover { color: orange; }


.fixed { box-shadow: 0 0 3px #000; }
.top-bar-section ul li > a { font-size: 1.1rem; }
.top-bar .toggle-topbar.menu-icon a { z-index: 10000; color: #fff; line-height: 5rem; text-transform: none; padding: 0 0.9375rem; font-size: 1.1rem; font-weight: normal; }
.top-bar-section ul li > a:hover, .top-bar-section li:not(.has-form) a:not(.button):hover  { color:orange; }

h1, h2, h3, h4, h5, h6, 
p, li, dd, dl {
 color: #444;
}
h1 { font-family:'Limelight';}

span.title { font-size:3.75rem; }
.title a {font-family:'Limelight';color:#fff;}

header { margin-top: 1rem;text-align:center!important;color:#fff;padding:20px 0; }
header p { font-size:1.5rem;}
header span a, header span a:hover, header a, header p { color:#fff; }
header span { font-family:'Limelight';margin-bottom:0;color:#fff; }
header a:hover { color:#BEBEBE; }
footer { padding-top: 1rem; }

.row, .contain-to-grid .top-bar { max-width: 90rem; }

footer, footer h3, footer p { color: #aaa; }
footer h3 { letter-spacing: -1px; }
footer a { color: #eee; }

.fi-social-facebook, .fi-social-twitter, .fi-social-google-plus, .fi-rss, .fi-social-pinterest { color: #fff; padding: 0px 0.4rem;  }
.top-bar .fi-social-facebook, .top-bar .fi-social-twitter, .top-bar .fi-social-google-plus, .top-bar .fi-rss, .top-bar .fi-social-pinterest { margin: 0px 0px 0px -1.5rem; }
.fi-social-facebook:hover, .fi-social-twitter:hover, .fi-social-google-plus:hover, .fi-rss:hover, .fi-social-pinterest:hover { background: #ddd }

.fi-social-twitter { background: #6caddf; }
.fi-social-facebook { background: #3b579d; }
.fi-social-google-plus { background: #c00; }
.fi-rss { background: #ff9900; }
.fi-social-pinterest { background: #900; }

.fi-social-twitter:hover { color: #6caddf; }
.fi-social-facebook:hover { color: #3b579d; }
.fi-social-google-plus:hover { color: #c00; }
.fi-rss:hover { color: #ff9900; }
.fi-social-pinterest:hover { color: #a00; }

.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.slide-white { background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding:20px 0; width:100%;}
.slide-white p:last-child {margin-bottom:0;}
.grid {padding-top:0;}
.slide-white p {font-size:1.2rem;}
.slide-blue { background: #227487; color:#272727; margin:0 auto;overflow:hidden; width:100%; }
.slide-grey { background: #272727; color: #fff; }
figure.effect-jazz img {opacity:1;}
figure.effect-jazz:hover img {opacity:0.15;}

.price {font-size:1.5rem!important;}
.slide-blue h1, .slide-blue h2, .slide-blue h3, .slide-blue p, .slide-blue a { color:#fff; }

.slide-background-1 { color: #444; margin: 0; position:relative; width:100%;background:#fff; }
.slide-background-5 { background: url(../img/2.jpg) 50% 0 no-repeat fixed #222; color: #fff; padding: 150px 0; background-size: cover; }

.slide-background-1 h1, .slide-background-1 h2, .slide-background-1 h3, .slide-background-1 h4, .slide-background-1 h5, .slide-background-1 p { color:#000; margin:0.5rem; font-weight:bold; font-family:'Lato'; }

/*.component-grid, .grid { width: 100%; max-width: 100%; padding-bottom: 0; }
.component-grid { padding: 0px; }*/
.grid { max-width: 100%; }
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    margin: 10px 0px;
    min-width: 100%;
    max-width: 480px;
    max-height: 467px;
    background: #fff;
    text-align: center;
    cursor: pointer;
}

.grid figure img { min-height:auto; }
.grid figure figcaption { padding: 1em; }
.grid figure h2 { font-size: 1.6rem; line-height: 1.6rem; word-spacing: normal; }
figure.effect-jazz p { font-size: 1.2rem; line-height: 1.2rem; letter-spacing: -1px; }

.editLink { 
    float:none !important;
    position: fixed; 
    bottom: -2px; 
    left: 46%;  
    border-radius: 10px 10px 0 0 !important;     
    background: #15c !important; 
    box-shadow: 0px 0px 5px #999, 0px 2px 3px #4ae inset; 
    width: auto !important; 
    height: 55px; 
    text-align: center; 
    padding: 10px 10px 0px 10px !important;     
    vertical-align: center;
    z-index: 1000;
}

img.left { float: left; margin: 5px 20px 10px 0px; }
img.right { float: right; margin: 5px 0px 10px 20px; }

@media only screen and (max-width: 40em) {
    header span a, header span a:hover, header a, header p {font-size:1rem;}
    span.title {font-size:2rem;}
    .titleCaption {display:none;}
    header {padding:25px 0;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

p.hint { background: #eee; font-size: 0.9em; padding: 0 10px; margin-top: -10px }

ol li { font-size: 1.2rem; margin-bottom: 1rem; }

/* TABLET */
@media only screen and (min-width: 40.063em) and (max-width: 75em) {
    span.title {font-size:3.5rem;}
    header {padding:25px 0;}
    .grid figure img {height:auto!important; }
    body { background-image: url("../img/watch-bg-medium.jpg"); }
} 
@media only screen and (max-width: 40.063em) {
    body { background-image: url("../img/watch-bg-small.jpg"); }
}