/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */



/* ===== Primary Styles ========================================================
   Author:
   ========================================================================== */
   
/* - - - Fonts - - - */

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Regular-webfont.eot');
    src: url('fonts/Oswald-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Regular-webfont.woff') format('woff'),
         url('fonts/Oswald-Regular-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Regular-webfont.svg#OswaldBook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Bold-webfont.eot');
    src: url('fonts/Oswald-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Bold-webfont.woff') format('woff'),
         url('fonts/Oswald-Bold-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Bold-webfont.svg#OswaldBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'Oswald';
    src: url('fonts/Oswald-Light-webfont.eot');
    src: url('fonts/Oswald-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Oswald-Light-webfont.woff') format('woff'),
         url('fonts/Oswald-Light-webfont.ttf') format('truetype'),
         url('fonts/Oswald-Light-webfont.svg#OswaldLight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'fenway_park_jfregular';
    src: url('fonts/fenway-park-jf-webfont.eot');
    src: url('fonts/fenway-park-jf-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/fenway-park-jf-webfont.woff') format('woff'),
         url('fonts/fenway-park-jf-webfont.ttf') format('truetype'),
         url('fonts/fenway-park-jf-webfont.svg#fenway_park_jfregular') format('svg');
    font-weight: normal;
    font-style: normal;

} 


/* - - - Global Styles - - - */

.serif { font-family: "ff-tisa-web-pro", Georgia, Times, serif;}

.cond { font-family: 'Oswald', Arial, Verdana, sans-serif;}

.brandon { font-family: "brandon-grotesque", Arial, Verdana, sans-serif;}

.fen { font-family: 'fenway_park_jfregular'; "brandon-grotesque", Arial, Verdana, sans-serif; }

.wf-loading .serif, .wf-loading .brandon { visibility: hidden;}

.wf-active .serif, .wf-active .brandon { visibility: visible;}

.grey { color: #939597;}

.lt-grey { color: #bbbdc0;}

.dk-grey { color: #3F3F3F;}

.vdk-grey { color: #3f3f3f;}

.gold { color: #db4928;}

.white { color: #fff;}

.italic { font-style: italic;}

.normal { font-weight: normal;}

.bold { font-weight: bold;}

.xbold { font-weight: 900;}

.light { font-weight: 300;}

.center { text-align: center;}

.upper { text-transform: uppercase;}

.lower { text-transform: lowercase;}

.space { letter-spacing: .1em;}

.space2 { letter-spacing: .2em;}

.space3 { letter-spacing: .3em;}

.no-space { letter-spacing: normal;}

.fleft { float: left;}

.fright { float: right; }

.plain a, a.plain { text-decoration: none;}

a { color: #3F3F3F;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

a:hover { color: #939597;}

.rel { position: relative;}

ul.clean { list-style: none; margin: 0; padding: 0;}

ul.inline { display: inline-block;}

ul.inline li { display: inline; float: left;}

* { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}

img.full { width: 100%; height: auto;}

.dots,
.gform_footer,
p.form-submit
{ background: url(images/dots-bg.png) repeat center;}

.dots-white { background: url(images/dots-bg-white.png) repeat center;}

.dot-line { background: url(images/dotted-line.png) repeat-x center top;}

.tex { background: url(images/black-texture.png) repeat center top;}

.dk-grey-bg { background: #3f3f3f;}

.lt-grey-bg { background: #e6e7e8;}

.white-bg { background: #fff;}

.two-col-text {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
-moz-column-gap:28px; /* Firefox */
-webkit-column-gap:28px; /* Safari and Chrome */
column-gap:27px;
}


.two-col-text p { margin-top: 0;}

/* - - - Grid - - - */

.col1 { width: 300px; float: left;}

.col2 { width: 600px; float: left;}

.col3 { width: 900px; float: left;}

.col4 { width: 1200px; float: left;}

.height1 { height: 200px; overflow: hidden; }

.height2 { height: 400px; overflow: hidden; }

.p2-right { padding-right: 2px;}

.p2-left { padding-left: 2px;}

.p2-top { padding-top: 2px;}

.p2-bottom { padding-bottom: 2px;}

.clear { clear: left;}

.underline { text-decoration: underline;}

/* - - - Main Structure - - - */

body { min-width: 1200px; color: #939597; font-family: "ff-tisa-web-pro", Georgia, Times, serif; background: url(images/black-texture.png) repeat center top; font-size: 80%; line-height: 1.5em; min-width: 1200px; }

.touch body { background: #fff !important;}

header { position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 35px; border-bottom: 10px solid #fff;}

#main { background: #fff;}

.inner { width: 100%; max-width: 1200px; margin: 0 auto;}

.inner.small { max-width: 1000px;}

.bottom-dots { height: 60px; position: relative; z-index: 100;}

.top-dots { height: 28px; position: relative; z-index: 100;}

#main { padding-top: 35px; position: relative; z-index: 10; }

#main .inner { background: #fff; position: relative; z-index: 100;}

/* - - - Header + Navigation - - - */

ul.nav, a.nav-toggle { display: block; width: 160px; background: url(images/nav-bg.png) no-repeat center top; position: absolute; top: 0; left: 0; padding: 0 18px; font-size: 80%;}

a.nav-toggle { height: 35px; line-height: 35px; cursor: pointer; z-index: 10000;}

ul.nav { display: none; background-position: center bottom; height: 320px; top: 35px; z-index: 10000;}

ul.nav a { color: #fff; line-height: 40px; border-top: 1px dashed #fff; display: block; }

ul.nav li:first-child a { border-top: 0;}

ul.nav a:hover,
a.nav-toggle:hover,
ul.nav li#current a,
.single-galleries li.gallery-nav a,
.blog li.blog-nav a,
.single-post li.blog-nav a,
.archive li.blog-nav a
{ color: #939597;}

a.nav-toggle span.icon { display: block; background: url(images/white-arrow-down.png) no-repeat right center; width: 100%; line-height: 35px; height: 35px; }

a.nav-toggle.open span.icon { background-image: url(images/white-arrow-up.png); }

span.nav-number { width: 25px; font-size: 90%; display: inline-block;}

.nav-wrap { display: inline-block; cursor: pointer;}

/* - - - Homepage - - - */

header .inner { height: 28px; width: 100%; max-width: 1000px;}

.home-top { padding: 100px 80px 60px 80px; height: 700px; background: #fff;}

.touch .home-top { outline: none !important; border: none !important; background: #fff; min-height: none; position: relative;}

.home-grid { height: 1035px; width: 1200px; position: relative; background: #fff; padding-bottom: 35px; }

.grid-block { position: absolute; }

.grid1 { top: 0; left: 0;}

.grid2 { top: 200px; left: 0;}

.grid3 { top: 600px; left: 0;}

.grid4 { top: 800px; left: 0;}

.grid5 { top: 0; left: 300px;}

.grid6 { top: 400px; left: 300px;}

.grid7 { top: 800px; left: 600px;}

.grid8 { top: 0; left: 600px;}

.grid9 { top: 200px; left: 600px;}

.grid10 { top: 0; left: 900px;}

.grid11 { top: 200px; left: 900px;}

.grid12 { top: 400px; left: 900px;}

.grid13 { top: 800px; left: 900px;}

a.logo { width: 465px; height: 536px; display: block; position: absolute; top: -650px; left: 50%; margin-left: -550px; z-index: 100;}

.touch a.logo { position: absolute !important; top: 110px !important; left: 50% !important; margin-left: -550px !important; z-index: 100 !important; }

a.logo span.logo-black { width: 465px; height: 536px; display: block; text-indent: -9999px; background: url(images/loud-logo-black.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0;}

a.logo span.logo-white { width: 465px; height: 536px; display: block; text-indent: -9999px; background: url(images/loud-logo-white.png) no-repeat; position: absolute; top: 0; left: 0; z-index: 1;}

.touch a.logo span.logo-white { display: none !important;}

.touch a.logo span.logo-black { display: block !important; opacity: 1 !important;}

a.logo-small { position: absolute; bottom: 0; right: 0; width: 166px; height: 23px; display: block; text-indent: -9999px; background: url(images/loud-logo-small.png) no-repeat; opacity: 1; }

.page-template-homepage-php a.logo-small { opacity: 0;}

.touch a.logo-small { opacity: 1 !important;}

.home-top-left { margin-left: 500px; }

.home-top-headline { background: url(images/double-line-bg.png) repeat-x center; }

.home-top-headline span.white-bg { padding-right: 12px; display: inline-block; }

.home-top-headline span.dk-grey-bg, .post-title a, .post-title span { padding: 4px 18px; display: inline-block; font-size: 95%;}

.text { font-size: 90%;}

.top-text { padding-top: 30px; font-size: 115%; line-height: 1.4em;}

.home-text { padding: 10px 0 40px 0; }

.home-buttons { padding: 12px 20px 8px 20px;}

ul.dot-list li:first-child { width: 48px;}

ul.dot-list a, ul.dot-list span { display: inline-block; background: #fff; padding: 2px 3px 0 3px; margin-left: 20px; position: relative; top: 7px;}

ul.home-thumbs { width: 100%; margin-top: 3px; font-size: 85%;}

ul.home-thumbs li { padding-left: 3px; width: 25%; position: relative;}

ul.home-thumbs li span { display: none; width: 15px; height: 8px; background: url(images/white-nav-arrow-up.png) no-repeat; position: absolute; top: -11px; left: 50%; margin-left: -7px;}

ul.home-thumbs li a.flex-active span { display: block;}

ul.home-thumbs li:first-child { padding-left: 0;}

ul.home-thumbs li a { background: #e6e7e8; height: 24px; line-height: 24px; display: block; text-align: center;}

ul.home-thumbs li a:hover { color: #939597;}

ul.home-thumbs li a.flex-active { background: url(images/black-texture.png) repeat center; color: #fff;}

.grid-block a { display: block; position: relative;}

.block-screen { width: 100%; height: 100%; background: url(images/black-texture.png) repeat center; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.ie .block-screen { display: none !important; font-size: 90%;}

.block-screen-icon { display: inline-block; width: 60px; height: 40px; background: url(images/search-icon.png) no-repeat center; text-indent: -9999px; border-top: 2px solid #DB4928; margin-top: 10px; }

.block-screen-text { min-width: 60px; position: relative; top: 50%; margin-top: -30px;  }

.grid-block a:hover .block-screen, ul.blog-grid a:hover .block-screen { opacity: 1;}

.ie .grid-block a:hover .block-screen { display: block !important;}

.home-title-span { background: url(images/dotted-line.png) repeat-x center #fff; padding: 30px 0; position: relative; z-index: 100;}

.home-title-span span { padding: 0 15px; font-size: 80%;}

.home-cycle-wrap { position: fixed; top: 35px; left: 50%; margin-left: -600px; width: 1200px; height: 695px; }

.touch .home-cycle-wrap { position: static !important; margin-left: 0 !important;}

#home-thumb-cycle { margin-top: 695px; background: #fff; position: relative; z-index: 10;}

.touch #home-thumb-cycle { margin-top: 0 !important; position: relative; bottom: -2px;}

.home-cycle { height: 695px; overflow: hidden; }

/* - - - Footer - - - */

footer { padding: 80px 0; position: relative; z-index: 100; background: url(images/black-texture.png) repeat center #fff; }

ul.footer-nav { margin: 0 auto 22px auto;}

ul.footer-nav a { margin: 0 20px; color: #fff; display: block; font-size: 85%;}

ul.footer-nav a:hover { color: #939597;}

.footer-info { display: inline-block; margin: 0 auto; background: url(images/dotted-line.png) repeat-x center top;}

.footer-info-inner { padding: 10px 2px; background: url(images/dotted-line.png) repeat-x center bottom; font-size: 75%; margin-bottom: 25px; }

.footer-sep { padding: 0 8px;}

ul.social a { margin: 0 10px; width: 15px; height: 15px; display: block;}

ul.social a:hover { opacity: 0.8;}

footer a.gold:hover { color: #fff;}

/* - - - Single Galleries - - - */

.gallery-left, .gallery-right { padding-top: 115px;}

.gallery-right { width: 790px;}

.gallery-left { width: 180px;}

ul.page-list a { padding-left: 45px; margin-top: 30px; display: block; font-size: 90%;}

ul.page-list li:first-child a { margin-top: 0;}

ul.page-list a span.page-number, a.question span.page-number { text-align: center; width: 30px; height: 30px; display: block; position: absolute; top: -7px; left: 0; line-height: 30px; font-size: 80%; color: #3F3F3F; padding-left: 1px; }

@media screen and (-webkit-min-device-pixel-ratio:0) {
ul.page-list a span.page-number, a.question span.page-number { top: -6px; padding-left: 0;}
}

.backgroundsize ul.page-list li.current_page_item a span.page-number, a.question.ui-state-active span.page-number { background: url(images/diamond@2x.png) no-repeat center; background-size: 30px 30px; color: #fff;}

ul.page-list li.current_page_item a, ul.page-list li a:hover, a.question:hover { color: #3F3F3F;}

.gallery-cycle { position: relative;}

.gallery-cycle a.flex-next, .gallery-cycle a.flex-prev, .meet-cycle a.flex-next, .meet-cycle a.flex-prev { display: block; width: 20px; height: 30px; text-indent: -9999px; position: absolute; top: 50%; margin-top: -15px;}

.gallery-cycle a.flex-next, .meet-cycle a.flex-next { background: url(images/arrow-right.png) no-repeat center; right: -30px;}

.gallery-cycle a.flex-prev, .meet-cycle a.flex-prev { background: url(images/arrow-left.png) no-repeat center; left: -30px;}

.gallery-under { margin-top: 50px; border-top: 1px solid #CACACA; padding: 10px 0 50px 0; font-size: 110%; text-align: right; letter-spacing: .1em;}

/* - - - Meet Us - - - */

.diamond-badge { width: 48px; margin: 25px auto;}

.script-headline { font-size: 140%; padding-bottom: 10px;}

.large-headline { font-size: 200%;}

.meet-top, .meet-bottom-text { padding: 70px 0 50px 0; width: 715px; margin: 0 auto;}

.meet-text { text-align: left;}

.meet-bottom { width: 715px; margin: 0 auto; padding-bottom: 90px;}

.meet-bottom-text { padding: 50px 0 0 0;}

.bottom-text-group { padding-top: 30px; }

.bottom-text-group:first-child { padding-top: 0;}

/* - - - About the Name - - - */

.name-image { text-align: center;}

.name-title { font-size: 260%; position: absolute; top: 120px; width: 100%;}

.name-sub { font-size: 170%; position: absolute; top: 165px; width: 100%;}

.name-diamond { width: 50px; height: 35px; position: absolute; left: 50%; margin-left: -25px; z-index: 100; top: 195px;}

.name-left, .name-right { width: 450px; padding: 80px 0; }

.name-dots { height: 32px; margin-bottom: 80px;}

.name-dots span { padding: 2px 3px 0 3px; position: relative; top: 7px; line-height: 14px; display: inline-block; font-size: 90%;}

.show-more { display: inline-block; margin-top: 20px; line-height: 1em; padding: 6px 8px 4px 8px;}

.post-thumb { padding-bottom: 20px;}

.small-post-title { padding-bottom: 3px; border-bottom: 1px solid #3f3f3f; margin-bottom: 20px;}

ul.blog-list { text-align: left;}

ul.blog-list li { width: 248px; margin-left: 69px;}

ul.blog-list li:first-child { margin-left: 0;} 

.name-image-bottom { padding-bottom: 90px; width: 1200px; height: 550px;}

.touch .name-image-bottom { position: static !important;}

.post-list-wrap { padding-bottom: 90px; position: relative; z-index: 1000;}

.bottom-logo { position: relative; z-index: 1000;}

.bottom-logo-left { width: 345px; }

.bottom-logo-right { width: 855px; padding: 0 105px 0 160px; min-height: 397px;}

.ie .bottom-logo-right { font-size: 85%;}

.name-image-bottom img.skrollable-after { margin-left: -600px; width: 1200px;}

.bottom-logo-pad { width: 110px;}

.bottom-logo-top { width: 100%; height: 70px;}

.bottom-logo-bottom { width: 100%; height: 90px; clear: both;}

.touch-logo { display: none;}

.touch .bottom-logo-left img { display: none;}

.touch .bottom-logo-left img.touch-logo { display: block;}

/* - - - Information - - - */

.info-left { width: 635px; }

.info-right { width: 335px; border-left: 1px solid #DCDCDC; padding-left: 30px;}

.info-header { padding: 80px 0 40px 0;}

.info-wrap { padding-bottom: 90px;}

.info-headline-image { margin-top: 45px; padding-top: 45px; border-top: 1px solid #dcdcdc;}

.info-script { font-size: 200%; padding-top: 10px;}

.info-headline { font-size: 300%; line-height: 1.3em; padding-top: 10px;}

.pricing-sub { border-bottom: 1px solid #dcdcdc; padding-bottom: 3px; margin: 40px 0 0 0; }

.pricing-text { padding-top: 40px;}

.sidebar-title { padding: 0 10px; margin-bottom: 10px;}

.sidebar-title span { top: 6px;}

.sidebar-text img { width: auto; max-width: 100%; height: auto; margin: 0 auto; display: block;}

.sidebar-section { padding-top: 70px;}

.sidebar-section:first-child { padding-top: 0;}

.faq-list { padding-left: 48px;}

a.question { position: relative; margin-top: 30px; display: block; cursor: pointer;}

a.question span.page-number { left: -48px; background: url(images/diamond-open@2x.png) no-repeat center; background-size: 30px 30px; padding-top: 1px;}

.ie a.question span.page-number { background: none;}

.pricing-wrap .sidebar-title { margin: 40px 0 0 0;}


/* - - - 404 - - - */

.error-header { padding: 80px 0 90px 0; min-height: 400px;}

/* - - - Contact - - - */

.contact-wrap { padding: 0 0 90px 0;}

.contact-left { width: 200px;}

.contact-right { width: 720px;}

ul.gform_fields { list-style: none; margin: 0; padding: 0;}

ul.gform_fields li { margin-bottom: 20px;}

.gfield_label, #commentform label { text-transform: uppercase; color: #bbbdc0; font-family: 'Oswald', Arial, Verdana, sans-serif; font-size: 80%; letter-spacing: .1em; }

input.medium, textarea.medium, #commentform input, #commentform textarea { border: 1px solid #E0E0E0; background: none; padding: 3px 4px; height: 30px; font-family: "ff-tisa-web-pro", Georgia, Times, serif; color: #939597; width: 100%; }

textarea.medium, #commentform textarea { resize: none; height: 250px;}

.gform_footer, #commentform p.form-submit { padding: 15px 25px; text-align: right; position: relative;}

.gform_button, ul.post-share a, #commentform input#submit { background: #fff; border: none; font-family: 'Oswald', Arial, Verdana, sans-serif; color: #3f3f3f; text-decoration: underline; padding: 4px 10px; text-transform: uppercase; letter-spacing: .1em; height: 24px;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

.gform_footer img { position: absolute; top: 15px; left: 25px; }

.gform_button:hover { color: #939597;}

.contact-section { padding-top: 30px;}

.contact-section:first-child { padding-top: 0;}

.contact-email { font-size: 110%;}

.contact-email span.italic { padding: 0 7px; font-size: 80%;}

.contact-section ul.social a { width: 21px; height: 21px; padding: 0 5px; background: #fff; margin: 0 0 0 10px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.contact-section ul.social a img { position: relative; top: -2px;}
}

.ie10 .contact-section ul.social a img, .ie .contact-section ul.social a img { position: relative; top: -2px;}


.contact-section ul.social li:first-child a { margin-left: 0;}

.contact-section ul.social { padding: 10px 20px;}

.contact-phone { font-size: 180%;}

.area-code { font-size: 70%; padding-right: 8px; position: relative; top: -7px;}

.validation_error, #gforms_confirmation_message {  font-family: 'Oswald', Arial, Verdana, sans-serif; color: #3f3f3f; padding-bottom: 30px; font-size: 140%;}

.validation_message { font-style: italic; color: #3f3f3f; padding-top: 3px; }

li#field_1_2, li#field_1_3, li#field_1_4 { width: 60%; padding-right: 15px; float: left;}

li#field_1_2, li#field_1_4 { width: 40%; padding: 0 0 0 15px;}

li#field_1_5 { clear: both;}

ul.gfield_checkbox, ul.gfield_radio { list-style: none; margin: 0; padding: 0;}

ul.gfield_checkbox label, ul.gfield_radio label { margin-left: 8px;}

/* - - - Blog - - - */

.blog-left { width: 670px;}

.blog-right { width: 670px; margin: 0 auto;}

.post-cats { padding-top: 20px;}

.post-cats span { display: inline-block;}

.post-cats .upper { margin-right: 10px;}

ul.post-share { margin: 0 auto; padding: 15px 40px;}

ul.post-share a { display: inline-block; margin-left: 50px; padding: 3px 10px;}

ul.post-share li:first-child a { margin-left: 0;}

.post { padding-bottom: 200px;}

.post-footer .fen { font-size: 140%; padding-bottom: 5px;}

ul.post-share a:hover { color: #939597;}

.post-footer { padding-top: 55px;}

.post-content img { margin: 0 auto; display: block; max-width: 100%; width: auto; height: auto; }

.blog-sidebar-text { padding-top: 5px;}

.blog-sidebar { padding-bottom: 40px;}

.blog-sidebar-text a { color: #db4928; text-decoration: none;}

.blog-sidebar-text a:hover { color: #939597;}

ul.post-categories { list-style: none; margin: 0; padding: 0;}

ul.post-categories a { margin-top: 5px; display: block;}

ul.post-categories li:first-child a { margin-top: 0;}

.post-nav { padding-bottom: 90px; font-size: 120%;}

.post-nav a span { position: relative; top: -3px;}

.comment-link { text-align: center;}

.comment-link a, a.pin-it { font-size: 75%; padding: 5px 18px 3px 18px; margin-top: 20px; display: inline-block;}

.comment-link a:hover { color: #939597;}

a.pin-it { text-decoration: none; position: absolute; bottom: 0; left: 0; opacity: 0; display: inline-block; z-index: 100; margin-top: 0; letter-spacing: .2em; }

.pinterest-button { position: relative; display: block;}

.backgroundsize a.pin-it { padding-left: 30px; background: url(images/pinterest-white@2x.png) no-repeat 8px center #3F3F3F; background-size: 15px 15px;}

.pinterest-button:hover a.pin-it { opacity: 1;}

/* - - - Blog Header - - - */

.blog-header { text-align: right; font-size: 90%;}

.blog-header ul { color: #BBBDBF; }

.blog-header ul a { display: block; margin-left: 10px; width: 14px; height: 14px; position: relative; top: 2px;}

.blog-header ul a img { position: absolute; top: 2px; left: 2px; width: 10px; height: 10px; opacity: 0;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
-webkit-transform: translateZ(0);
}

.blog-header ul a img.grey { opacity: 1;}

.blog-header ul a.on img.grey, .blog-header ul a:hover img.grey { opacity: 0;}

.blog-header ul a.on img.black, .blog-header ul a:hover img.black { opacity: 1;}

/* - - - Comments - - - */

p.form-submit { margin: 20px 0 0 0;}

p.form-submit input#submit { width: auto;
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
transition: all .25s ease;
}

#commentform p.form-submit input#submit:hover { color: #939597;}

.reply-header { font-size: 120%;}

#comments, #respond { padding-top: 80px;}

ol.commentlist { list-style: none; margin: 10px 0 0 0; padding: 0;}

ol.commentlist li { border-bottom: 1px dashed #939597; padding: 25px 0; min-height: 70px; position: relative; }

.comment-author, .comment-meta { width: 200px; position: absolute; top: 5px left: 0; }

.comment-meta { top: 45px; font-size: 90%;}

.comment-body { padding-left: 200px;}

.form-allowed-tags, .comment-notes { display: none;}

.comment-body p { margin-top: 0;}

.comment-awaiting-moderation { display: none;}

.author .comment-author { color: #db4928;}

/* - - - Blog Grid - - - */

.blog-grid-wrap { padding-bottom: 90px;}

.blog-grid li { padding: 1px; width: 250px; height: 250px; overflow: hidden;}

.blog-grid li a { position: relative; display: block; width: 248px; height: 248px; overflow: hidden;}

.blog-grid li a img { height: 250px; width: auto; }

.blog-grid-wrap .post-nav { padding-top: 40px;}

.ie .blog-grid a:hover .block-screen { display: block !important;}












/* Flexslider Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}



/* =============================================================================
   Media Queries
   ========================================================================== */

@media only screen and (max-width: 1200px) {
	/* Style adjustments for viewports that meet the condition */
	
a.logo { position: relative !important; top: 0 !important; left: 0 !important; margin: 0 !important;}

}

/* - - - Retina Images - - - */

@media	only screen and (min-device-pixel-ratio: 1.3),
only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi)
{
/* Your code to swap higher DPI images */

.dots,
.gform_footer,
p.form-submit
{ background-image: url(images/dots-bg@2x.png); background-size: 32px 24px;}

.dots-white { background-image: url(images/dots-bg-white@2x.png); background-size: 32px 24px;}

.dot-line { background-image: url(images/dotted-line@2x.png); background-size: 4px 1px;}

.tex,
body,
ul.home-thumbs li a.flex-active,
.block-screen,
footer
{ background-image: url(images/black-texture@2x.png); background-size: 289px 397px;}

.gallery-cycle a.flex-next,
.meet-cycle a.flex-next
{ background-image: url(images/arrow-right@2x.png); background-size: 8px 14px;}

.gallery-cycle a.flex-prev,
.meet-cycle a.flex-prev
{ background-image: url(images/arrow-left@2x.png); background-size: 8px 14px;}

ul.nav, a.nav-toggle { background-image: url(images/nav-bg@2x.png); background-size: 160px 400px;}

a.nav-toggle span.icon { background-image: url(images/white-arrow-down@2x.png); background-size: 8px 4px;}

a.nav-toggle.open span.icon { background-image: url(images/white-arrow-up@2x.png); background-size: 8px 4px;}

a.logo span.logo-black { background-image: url(images/loud-logo-black@2x.png); background-size: 465px 536px;}

a.logo span.logo-white { background-image: url(images/loud-logo-white@2x.png); background-size: 465px 536px;}

a.logo-small { background-image: url(images/lound-logo-small@2x.png) background-size: 166px 23px;}

.home-top-headline { background-image: url(images/double-line-bg@2x.png); background-size: 2px 5px;}

ul.home-thumbs li span { background-image: url(images/white-nav-arrow-up@2x.png); background-size: 15px 8px;}

.block-screen-icon { background-image: url(images/search-icon@2x.png); background-size: 20px 20px;}

.home-title-span,
.footer-info,
.footer-info-inner
{ background-image: url(images/dotted-line@2x.png); background-size: 4px 1px;}

}


/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}