/* -----

global

----- */

body { }
.header, .mainMenu, .headerWrap .logo, .btn, btn:hover, .sliderCaption p a, .sliderCaption p a:hover, #responsive-menu-button:hover, #responsive-menu-button, .closeBtn, .closeBtn:hover, .slideOutShareBtn, .slideOutShareBtn:hover, .btn p a, #twoColumnSlider .sliderItem { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
 .headerWrap.stuck .header, .headerWrap.stuck .mainMenu, .headerWrap.stuck .logo, .btn p a:hover, .mainMenu ul li:hover, .mainMenu ul li, .#twoColumnSlider .sliderItem:hover {
 -webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
/* -----

Advert

----- */

.headerSpace { background: #000; height: 100px; width: 100%; }
.headerSpaceLeaderboard { width: 970px; height: 90px; margin: 0 auto 0; padding-top: 5px; z-index: 510; position: relative; }
.ContentSpaceLeaderboard { width: 728px; height: 90px; margin: 0 auto 0; padding-top: 5px; }
.headerSpaceLeader600 { width: 300px; height: 600px; margin: 0 auto 0; padding-top: 5px; }
.z300x600, .z300x250 { padding-bottom: 30px; }
/* -----

header

----- */

.headerWrap { background: #fff; border-bottom: 1px solid #f1f1f1; position: absolute; top: 100px; width: 100%; z-index: 500; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.header { max-width: 960px; height: 180px; margin: 0 auto; position: relative; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerDate { font-size: 8pt; position: absolute; left: 0; top: 40px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerDetails { float: right; font-size: 8pt; text-transform: uppercase; font-family: 'Open Sans', sans-serif; margin: 43px 0 0 0; cursor: pointer; cursor: hand; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerDetails a { color: #000; text-decoration: none; margin: 0 4px 0 0; }
.headerDetails a.fa { font-size: 12pt; cursor: pointer; cursor: hand; }
/**** Header Stuck ****/

.headerWrap.stuck { position: fixed; top: 0; width: 100%; background: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerWrap.stuck .header { height: 72px; max-width: 1200px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerWrap.stuck .logo { margin: 20px 15px 0 0; padding: 0; float: left; width: 226px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerWrap.stuck .headerDate { display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerWrap.stuck .headerDetails { margin-top: 30px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerWrap.stuck .mainMenu { float: left; margin: 18px 0 0 22px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.headerWrap.stuck .mainMenu ul li { display: inline; position: relative; padding: 17px 10px 25px; line-height: 30px; }
.headerWrap.stuck .mainMenu ul li { line-height: 36px; }
.spacer { height: 180px }
/* -----

Search

----- */

.searchBox { padding: 10px 0; border-right: no; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.searchBox h5 { font-family: 'Open Sans', sans-serif; margin: 0 0 8px; font-size: 13pt; }
.searchBox input[type=text] { border: none; background: #fff; color: #333; padding: 10px; }
.searchBox input[type=submit] { border: none; background: #333; color: #fff; padding: 10px; text-transform: uppercase; }
.searchBox input[type=submit]:hover { border: none; background: #111; color: #fff; padding: 10px; text-transform: uppercase; }
.searchIcon.right { float: right; margin: 0px 10px; }
/* -----

logo

----- */

.logo { width: 375px; margin: 0px auto; padding: 18px 0 0 0 }
.logo img { width: 100%; height: auto; }
/* -----

menu

----- */

#mobile-header { display: none; }
#responsive-menu-button { height: 44px; width: 44px; position: absolute; top: 28px; right: 8px; color: #fff; background: #000; text-decoration: none; text-align: center; line-height: 44px; font-size: 20pt; }
#responsive-menu-button:hover { color: #eee; background: #555; }
.mobileExtras { display: none; }
.mainMenu { float: left; margin: 30px 0 0 0; font-family: 'Playfair Display', serif; font-size: 13pt; }
.mainMenu ul { text-align: center; }
.mainMenu ul li { display: inline; position: relative; padding: 17px 10px 27px; line-height: 38px; }
/*.mainMenu ul li:hover { border-bottom: 3px solid #000; }*/



.menuActive { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; background: #f1f1f1; }
.mainMenu ul li a { text-decoration: none; color: #000; }
.mainMenu ul li:hover { cursor: pointer; cursor: hand; }
.mainMenu ul li:after { content: "  \25BC"; font-size: 7pt; padding: 0 0 0 4px }
.mainMenu ul li ul { padding: 0; position: absolute; top: 40px; left: 0; width: 190px; display: none; opacity: 0; visibility: hidden; -webkit-transiton: opacity 0.2s; -moz-transition: opacity 0.2s; -ms-transition: opacity 0.2s; -o-transition: opacity 0.2s; -transition: opacity 0.2s; }
.mainMenu ul li ul li { background: #eee; display: block; text-align: left; padding: 0; }
.mainMenu ul li ul li a { padding: 15px; }
.mainMenu ul li ul li:after { display: none; }
.mainMenu ul li ul li:hover { background: #ccc; }
.mainMenu ul li:hover ul { display: block; opacity: 1; visibility: visible; }
.mainMenu a { text-decoration: none; color: #000; }
ul.subNav { display: none !important; }
.mainMenu { position: relative; }
.lavalamp-object { border-bottom: none; top: -3px; position: relative; }
.mainMenu:hover .lavalamp-object { border-bottom: 3px solid #000; }
/* -----

Dropdown Styles

----- */

.dropDownWrap { background: #f1f1f1; width: 100%; padding: 15px 0; display: none; position: fixed; top: 280px; z-index: 499; }
.dropDownWrap.stuck { position: fixed; top: 73px; z-index: 499; }
.dropDown { max-width: 1200px; margin: 0 auto; position: relative; }
.dropDownWrap.Social .mainContentArea a { text-decoration: none; }
.closeBtn { right: 0; color: #000; padding: 7px 9px 8px !important; border: 1px solid #000; position: absolute; top: 0px; right: 20px; font-size: 12pt !important; font-weight: 100 !important; }
.closeBtn:hover { color: #999; border: 1px solid #999; background: #f8f8f8; cursor: pointer; cursor: hand; }
.dropDownWrap .fa { font-size: 12pt; padding: 8px; }
.dropDownWrap .fa:hover { color: #fff; background: #000; }
.dropDown h3 a { text-decoration: none; font-size: 17pt; }
.dropDown h3 a:hover { text-decoration: underline; }
.dropDown a.btn { position: absolute; right: 65px; top: 0; padding: 7px 13px; font-size: 10pt; font-family: 'Open Sans', sans-serif; }
.dropDown h5 { font-size: 14pt !important; }
.dropDown .fourColumn { background: url(../images/lineBG.jpg) no-repeat center center; }
.socialBtn .fa { font-size: 12pt; }
#followMenu li.digitalBtn { display: none; }
#followMenu li:hover { background: #efefef; }
/* -----

slider

----- */

.slider { max-width: 1200px; margin: 0 auto; height: 400px; background: #000; position: relative; }
.sliderItem { position: relative; width: 100%; height: 400px; }
.sliderCaption { background: rgba(0,0,0,.99); padding: 18px 30px; width: 350px; height: 100%; text-align: center; position: absolute; right: 0%; top: 0; }
.sliderCaption h2 { font-family: 'Montserrat', sans-serif; font-size: 11pt; color: #FFF; text-transform: uppercase; font-weight: 100; margin: 10px 0; position: relative; }
.sliderCaption h3 { font-family: 'Playfair Display', serif; font-size: 22pt; color: #FFF; margin: 20px 0 10px; }
.sliderCaption p { font-family: 'Montserrat', sans-serif; color: #FFF; margin: 5px 0; }
.sliderCaption p a { font-family: 'Montserrat', sans-serif; color: #ccc; border: 1px solid #ccc; background: #000; padding: 8px 16px; text-decoration: none; text-transform: uppercase; }
.sliderCaption p a:hover { background: #fff; border: 1px solid #fff; color: #000; }
.sliderCaption h2 { position: relative; z-index: 1; overflow: hidden; text-align: center; /* border-bottom: 1px solid #ccc; */ }
.sliderCaption h2:before, .sliderCaption h2:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; /* border-top: 2px solid #fff; */ }
.sliderCaption h2:before { margin-left: -50%; text-align: right; }
.sliderCaption h3 br, .sliderCaption p br, .sideBarListCopy p a br { display: none; }
/* ----- slider Nav ----- */

.slider .owl-prev { z-index: 444; position: absolute; bottom: -12px; left: 25.6%; text-indent: -999em; height: 64px; width: 14px; background: none; }
.slider .owl-next { z-index: 444; position: absolute; bottom: -12px; left: 34.4%; text-indent: -999em; height: 64px; width: 14px; background: none; }
.slider .owl-pagination { position: absolute; left: 0; bottom: 0px; width: 80px; }
.slider .owl-page { height: 10px; width: 10px; border-radius: 5px; background: #000; margin: 0 4px; text-align: right !important; background: #999; }
.slider .owl-page.active { background: #fff; }
.owl-pagination { padding: 10px 0; background: rgba(0,0,0,.5) !important; }
h2.strike span { font-size: 9pt; border-bottom: 1px solid #ccc; color: #ccc; }
/* -----

Events Slider

----- */

.eventsSliderHolder { }
.eventsSliderHolder .mainContentArea { max-width: 990px; margin: 25px auto; }
.eventsSliderItem { width: 65%; /* padding-bottom: 46.6%; */ float: left; width: 485px; height: 365px; }
.eventsSliderCaption { width: 47%; float: right; margin-top: 3%; }
.eventsSliderCaption p a.more { color: #000; border: 1px solid #000; text-decoration: none; font-size: 11pt; padding: 8px 16px; font-weight: 600; transition: all 0.3s ease; }
.eventsSliderCaption p a.more:hover { color: #fff; border: 1px solid #000; background: #000; transition: all 0.3s ease; }
.eventsSliderHolder .owl-prev { z-index: 444; position: absolute; bottom: 43%; left: -5px; text-indent: -999em; height: 84px; width: 63px; background: transparent url("../images/slider-nav-events.png") no-repeat left top; }
.eventsSliderHolder .owl-next { z-index: 444; position: absolute; bottom: 43%; right: -5px; text-indent: -999em; height: 84px; width: 63px; background: transparent url("../images/slider-nav-events.png") no-repeat right top; }
.eventsSliderHolder .owl-pagination { display: none; }
.eventsSliderHolder .owl-buttons { background: #0ff; }
/* -----

Event Slider (Post Page)

----- */

.eventSliderHolder { background: #000; z-index: 400; position: relative; }
#eventSlider { }
#eventSlider .mainContentArea { max-width: 1200px; margin: 0 auto; }
.eventSliderHolder .eventSliderItem { max-width: 650px; padding-bottom: 46%; position: relative; margin: 0 auto; }
.eventSliderHolder .owl-pagination { padding: 0; margin: 0; max-width: 1200px; margin: 0 auto; position: relative; top: -48px; text-align: center; right: 10px; }
.eventSliderHolder .owl-pagination span { background: #ccc; height: 16px; width: 16px; border-radius: 8px; color: #999; margin: 0; }
.eventSliderHolder .owl-controls { height: 0; margin: 0; padding: 0; }
.eventSliderHolder .owl-pagination .active span { background: #fff; }
.eventSliderHolder .owl-buttons { }
.eventSliderHolder .owl-prev { z-index: 444; position: absolute; bottom: 43%; left: 0px; text-indent: -999em; height: 84px; width: 63px; background: transparent url("../images/slider-nav-event.png") no-repeat left top; }
.eventSliderHolder .owl-next { z-index: 444; position: absolute; bottom: 43%; right: 0px; text-indent: -999em; height: 84px; width: 63px; background: transparent url("../images/slider-nav-event.png") no-repeat right top; }
.eventSliderItemTitle { background: rgba(0,0,0,.7); color: #fff; padding: 10px 3% 60px; width: 94%; position: absolute; bottom: 0; font-family: 'Open Sans', sans-serif; font-weight: 500; font-size: 10pt; text-align: center; }
.eventSliderItemTitle p { margin: 0 !important; color: #fff !important; font-weight: 500; font-size: 10pt !important; padding: 0 !important; }
.eventSliderHolder .owl-theme .owl-controls { margin-top: 0; }
/* -----

slideOutShare

----- */

.slideOutShare { z-index: 900 !important; width: 300px; height: 70px; background: #000; position: fixed; bottom: 300px; left: -210px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.slideOutShare.open { left: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.slideOutShare.close { left: -200px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.slideOutShareItems { float: left; height: 70px; color: #fff; overflow: hidden; }
.slideOutShareItems span { font-size: 13pt; line-height: 70px; width: 43px; text-align: center; cursor: pointer; cursor: hand; }
.slideOutShareBtn { background: #000; color: #fff; width: 80px; height: 70px; font-size: 10pt; letter-spacing: 1.5px; text-align: center; float: right; font-family: 'Open Sans', sans-serif; text-transform: uppercase; cursor: pointer; cursor: hand; }
.slideOutShareBtn:hover { background: #222; }
.slideOutShareBtn span { display: block; font-size: 18pt; margin: 13px 0 5px; }
.shareButton2 { float: left; height: 70px; color: #fff; overflow: hidden; }
.blogShareIcon { color: #fff; font-size: 13pt; line-height: 70px; width: 43px; text-align: center; cursor: pointer; cursor: hand; }
/* -----

Two Column Slider

----- */

#twoColumnSlider .sliderItemHolder { border-right: 2px solid #fff; border-left: 6px solid #fff; }
#twoColumnSlider .sliderItem { height: 250px; position: relative; }
#twoColumnSlider .sliderItem:hover { }
#twoColumnSlider .sliderItem p { position: absolute; bottom: 5px; left: 15px; color: #fff; font-family: 'Playfair Display', serif; font-size: 16pt; margin: 0; }
#twoColumnSlider p { color: #000000; font-size: 12pt; }
#twoColumnSlider .owl-prev { z-index: 444; position: absolute; bottom: 50%; left: 0px; text-indent: -999em; height: 84px; width: 65px; background: none; background: transparent url("../images/slider-nav-small.png") no-repeat left top; }
#twoColumnSlider .owl-next { z-index: 444; position: absolute; bottom: 50%; right: -3px; text-indent: -999em; height: 84px; width: 65px; background: none; background: transparent url("../images/slider-nav-small.png") no-repeat right top; }
#twoColumnSlider a { text-decoration: none; }
#twoColumnSlider .sliderItem { overflow: hidden; }
#twoColumnSlider .sliderItem .moreHolder:hover { padding: 52% 0 52%; }
/* -----

Text

----- */

.mainContentArea h1 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 26pt; margin: 0 0 10px; color: #000; }
.mainContentArea h2 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 24pt; margin: 15px 0; color: #000; text-transform: uppercase; }
.mainContentArea h3 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 20pt; margin: 15px 0; color: #000; }
.mainContentArea h4 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 17pt; margin: 15px 0; color: #000; text-transform: uppercase; }
.mainContentArea h5 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 14pt; margin: 2px 0; color: #000; }
.mainContentArea h6 { font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 17pt; margin: 10px 0 20pt; color: #000; padding-bottom: 10pt; text-transform: uppercase; text-align: center; /* background: url(../images/h2BG.jpg) center center no-repeat; */ border-bottom: 1px solid #ccc; }
.mainContentArea p { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11pt; line-height: 20pt; margin: 15px 0; color: #000; }
.mainContentArea b, .mainContentArea strong { font-weight: bold; }
.mainContentArea i, .mainContentArea em { font-style: italic; }
.mainContentArea a { color: #000; text-decoration: underline; }
.mainContentArea a:hover { color: #333; }
.mainContentArea h1 a, .mainContentArea h2 a, .mainContentArea h3 a, .mainContentArea h4 a, .mainContentArea h5 a, .mainContentArea h6 a { text-decoration: none; }
.BlogsPost h1 a, .BlogsPost h2 a, .BlogsPost h3 a, .BlogsPost h4 a, .BlogsPost h5 a, .BlogsPost h6 a { text-decoration: underline !important; }
/* -----

Lists -

---- */

.mainContentArea ul { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11pt; list-style: none; margin: 15px 0; }
.mainContentArea ul li { line-height: 1.65; padding: 0 0 10px 20px; color: #4b525d; }
.mainContentArea ul li:before {  /* circle bullet */ content: '\2022'; /* Square bullet */ /*content:'\25A0';*/ display: block; position: relative; max-width: 0px; max-height: 0px; left: -15px; top: 5px; color: #4b525d; font-size: 12px; }
.mainContentArea ol { font-family: 'Open Sans', sans-serif; font-weight: 300; ; font-size: 11pt; counter-reset: item; margin: 15px 0; line-height: 1.65; color: #4b525d; }
.mainContentArea ol li { color: #4b525d; display: block; padding: 0 0 10px; }
.mainContentArea ol li:before { color: #4b525d; content: counter(item) ".  "; counter-increment: item; line-height: 15pt; margin: 0 3px; }
/* -----

Extras

----- */

.mainContentArea blockquote { position: relative; font-family: 'Montserrat', sans-serif; color: #000; margin: 25px 80px; padding: 35px 35px; font-size: 16pt; line-height: auto; text-align: left; float: left; position: relative; background: #f7f7f7 }
.mainContentArea blockquote p { font-family: 'Montserrat', sans-serif; }
.mainContentArea img, .dropDownWrap img { max-width: 100%; }
.mainContentArea hr { border: none; color: #fff; background-color: #ccc; height: 1px; }
/* -----

Tables

----- */

.mainContentArea table { font-family: 'Montserrat', sans-serif; width: 100%; color: #4b525d; line-height: 1.65; font-size: 11pt; }
.mainContentArea table tr td, .mainContentArea table tr th { padding: 5px; font-weight: 300; }
.mainContentArea table tr th { }
.mainContentArea table caption { font-size: 16pt; margin: 15px 0; }
.mainContentArea table.rate_card { font-family: 'Montserrat', sans-serif; width: 100%; color: #4b525d; line-height: 10pt; font-size: 9pt; }
.mainContentArea table.rate_card tr, .mainContentArea table.rate_card td { font-weight: 300 !important; }
/* -----

Forms

----- */

table.Dialog, table.Dialog th, table.Dialog td { border: none !important; font-size: 11pt; margin: 15px 0; color: #666666; } /* Remove Table Borders */
table.Dialog { width: 100%; text-align: left; margin-left: 10pt; background: none; font-family: 'Open Sans', sans-serif; font-weight: bold; font-size: 11pt; }
table.Dialog th { font-family: 'Open Sans', sans-serif; font-weight: 300 !important; font-size: 10pt; color: #fff; text-transform: uppercase; }
table.Dialog td { background: none; }
table.Dialog { margin: 0 auto; background: none; }
table.Dialog.two-column { width: 50%; float: left; }
table.Dialog.two-column TH { padding-left: 5px; }
table.Dialog.two-column TD { padding-left: 3px; padding-right: 5px; }
.Dialog .mwInput { color: #808080; border: 1px solid #ccc; padding: 0.2em; font-size: 12pt; line-height: 1.2em; background: none; border-radius: 0; padding-left: 5px; }
.Dialog .mwInput:hover { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.Dialog .mwInput.error { border: 1px solid red }
.Dialog select .mw { color: #808080; }
.Dialog .mwInput.Button { border: none; background: #333; color: #fff; padding: 7px 15px; text-transform: uppercase; }
.Dialog .mwInput.Button:hover { background: #808080; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }
.Dialog .mwInput.Button input.mw { font-family: 'Open Sans', sans-serif; font-weight: bold !important; font-size: 8pt; color: #fff; text-transform: uppercase; }
.dropDownWrap table.Dialog th { display: none; }
input.inputwide { width: 250px; }
/* -----

Buttons

----- */

a.btn { border: 1px solid #ccc; padding: 7px 13px; text-align: center; text-decoration: none; color: #333; font-weight: 600; text-transform: uppercase; font-size: 10pt; }
a.btn:hover { background: #000; color: #fff; }
.btn p a { border: 1px solid #ccc; padding: 7px 13px; text-align: center; text-decoration: none; color: #333; font-weight: 600; text-transform: uppercase; font-size: 10pt; }
.btn p :hover { background: #000; color: #fff; }
/* -----

content Areas

----- */

.contentArea { max-width: 1200px; margin: 15px auto 30px }
.mainContentArea { }
/* -----

Event List

----- */

.eventList { font-size: 10pt; }
.eventListItem { border-bottom: 1px solid #cbcbcb; padding: 14px 5px; }
.eventListItem { font-family: 'Open Sans', sans-serif; }
.eventListItem b { font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
.eventListItem a { text-decoration: none; }
.eventListItem hr { margin: 25px 0; }
/* -----

Calendar List

----- */

.calendarListItem { padding: 0px; font-family: 'Open Sans', sans-serif; }
.calendarListItem b { font-family: 'Montserrat', sans-serif; text-transform: uppercase; }
/* -----

post Landing List

----- */



.fallBack { margin: 0 0 25px; background: url(../images/fallbacklogo.jpg) no-repeat center center !important; background-size: 50%; }
.postLandingList { margin: 0 0 25px; background: url(../images/fallbacklogo.jpg) no-repeat center center !important; background-size: cover; }
.postLandingList { width: 100%; float: left; }
.postLandingList:nth-child(2) { width: 49%; margin-right: 2%; float: left; margin-bottom: 40px; }
.postLandingList:nth-child(3) { width: 49%; float: left; margin-bottom: 40px; }
.postLandingList:nth-child(4) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(5) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(6) { width: 32%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(7) { width: 100%; float: left; margin: 0 0 25px; }
.postLandingList:nth-child(8) { width: 49%; margin-right: 2%; float: left; margin-bottom: 40px; }
.postLandingList:nth-child(9) { width: 49%; float: left; margin-bottom: 40px; }
.postLandingList:nth-child(10) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(11) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(12) { width: 32%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(6n+2) { width: 49%; margin-right: 2%; float: left; margin-bottom: 40px; }
.postLandingList:nth-child(6n+3) { width: 49%; float: left; margin-bottom: 40px; }
.postLandingList:nth-child(6n+4) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(6n+5) { width: 32%; margin-right: 2%; float: left; margin-bottom: 55px; }
.postLandingList:nth-child(6n+6) { width: 32%; float: left; margin-bottom: 90px; }
.postLandingList:nth-child(6n+7) { width: 100%; float: left; margin: 0 0 25px; }
.postLandingList h5 { height: 50px; }
.postLandingList:first-child .moreHolder:hover span:before, .postLandingList:nth-child(7) .moreHolder:hover span:before { width: 40%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.postLandingList:first-child .moreHolder:hover span:after, .postLandingList:nth-child(7) .moreHolder:hover span:after { width: 40%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
/* -----

post Landing List

----- */

.sideBarList { margin: 0 0 15px 0 }
.sideBarList:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sideBarListImage { width: 42%; float: left; }
.sideBarListCopy { width: 50%; float: right; }
.sideBarListCopy p a { text-decoration: none; }
.sideBarListCopy p a:hover { text-decoration: underline; }
.sideBarListCopy p b { font-size: 11pt; line-height: 17pt; }
.sideBarListCopy p { font-size: 8pt; line-height: 15pt; margin: 8px 0 0 0; }
/* -----

post page

----- */

.tags { font-style: italic; }
.tags a { text-transform: uppercase; font-style: normal; }
.credits p { font-size: 9pt; color: #b2b2b2; line-height: normal; text-transform: uppercase; }
/* -----

Adverts Wrap

----- */

.advertWrap { margin: 10px; text-align: center; }
.advertLeaderboard { width: 728px; height: 90px; margin: 50px auto; }
/* -----

Section Title

----- */

.sectionTitle { margin: 5px 0 0px; }
.sectionTitle h2 { position: relative; z-index: 1; overflow: hidden; text-align: center; color: #000; text-align: center; margin: 5px 0; font-size: 17pt; border-bottom: 1px solid #ccc; padding-bottom: 15px; }
/* .sectionTitle h2:before, .sectionTitle h2:after { position: absolute; top: 51%; overflow: hidden; width: 50%; height: 1px; content: '\a0'; border-top: 1px solid #000; } */

.sectionTitle h2:before { margin-left: -50%; text-align: right; }
/* -----

Blog Post Image

----- */

.columnPostImage { overflow: hidden; background-position: center center; background-size: auto; width: 100%; padding-bottom: 75.23%; height: 0; float: left; margin: 0 0 15px; ; }
.moreHolder { padding: 35% 0 45%; opacity: 0; background: #000; color: #000; transition: all 0.7s ease; text-align: center; background: linear-gradient( white, white 10%, rgba(0,0,0,.8) 50%, rgba(0,0,0,.8) ); background-size: 100% 202%; transition: all 0.2s ease; animation: down-bump 0.2s ease; }
.moreHolder:hover { padding: 37% 0 45%; transition: all 0.7s ease; opacity: .9; background-position: 100% 100%; animation: up-bump 0.2s ease; }
/*
 @keyframes up-bump { 0% {
 padding-top: 0em;
}
 50% {
 padding-top: 1.5em;
}
 100% {
 padding-top: 2em;
}
}
 @keyframes down-bump { 0% {
 padding-top: 0em;
}
 50% {
 padding-top: 2.5em;
}
 100% {
 padding-top: 2em;
}
}
*/
.moreHolder span { color: #fff; border: 1px solid #fff; background: #000; color: #fff; background: none; border: 1px solid #fff; text-decoration: none; font-size: 9pt; text-transform: uppercase; padding: 6px 10px; font-weight: 600; transition: all 0.3s ease; }
.moreHolder span:hover { color: #fff; border: 1px solid #fff; background: #000; transition: all 0.3s ease; }
.fiveColumn .moreHolder:hover span:before { width: 5%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.fiveColumn .moreHolder:hover span:after { width: 5%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
/* -----

twoColumn Block

----- */

.twoColumn { padding: 15px 0; }
.twoColumn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.twoColumnLeft { width: 48%; float: left; }
.twoColumnRight { width: 48%; float: right; }
/* -----

twoColumn Post

----- */

.twoColumnPost { padding: 0 0; }
.dropDownWrap .twoColumnPost { padding: 0 0 15px; }
.twoColumnPost:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.twoColumnPostItem { width: 49%; float: left; margin-right: 2%; }
.twoColumnPostItem:last-child { margin-right: 0%; }
/* -----

threeColumn Block

----- */

.threeColumn { padding: 15px 0; }
.threeColumn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.threeColumnLeft { width: 32%; float: left; margin-right: 2%; }
.threeColumnMiddle { width: 32%; float: left; margin-right: 2%; }
.threeColumnRight { width: 32%; float: left; }
/* -----

threeColumn Post

----- */

.threeColumnPost { padding: 15px 0; }
.dropDownWrap .threeColumnPost { padding: 0 0 15px; }
.threeColumnPost:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.threeColumnPostItem { width: 32%; float: left; margin-right: 2%; }
.threeColumnPostItem:last-child { margin-right: 0%; }
/* -----

threeColumn Block

----- */

.threeColumnWide { padding: 15px 0; }
.threeColumnWide:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.threeColumnWide .threeColumnLeft { width: 22.5%; float: left; margin-right: 2%; }
.threeColumnWide .threeColumnMiddle { width: 47%; float: left; margin-right: .6%; }
.threeColumnWide .threeColumnRight { width: 27.5%; float: left; }
.threeColumnWide .threeColumnLeft .eventList { height: 240px; }
/* -----

FourColumn Block

----- */

.fourColumn { padding: 15px 0; }
.fourColumn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fourColumnLeft { width: 22%; float: left; margin-right: 4%; }
.fourColumnMidLeft { width: 22%; float: left; margin-right: 4%; }
.fourColumnMidRight { width: 22%; float: left; margin-right: 4%; }
.fourColumnRight { width: 22%; float: left; }
/* -----

FourColumn Post

----- */

.fourColumnPost { padding: 15px 0; }
.fourColumnPost:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fourColumnPostItem { width: 23.5%; float: left; margin-right: 2%; }
.fourColumnPostItem:last-child { margin-right: 0%; }
/* -----

FourColumn Block

----- */



.fiveColumn { padding: 15px 0; }
.fiveColumn:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.fiveColumnLeft { width: 11%; float: left; margin-right: 2.5%; }
.fiveColumnMidLeft { width: 11%; float: left; margin-right: 2.5%; }
.fiveColumnMid { width: 11%; float: left; margin-right: 2.5%; }
.fiveColumnMidRight { width: 11%; float: left; margin-right: 2.5%; }
.fiveColumnRight { width: 11%; float: left; margin-right: 2.5%; }
.fiveColumn h5 { font-size: 9pt !important; }
/* -----

sidebar Block

----- */

.sidebar { padding: 0 0 15px; }
.sidebar:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sidebarLeft { width: 70.9%; float: left; margin-bottom: 55px; }
.sidebarRight { width: 27%; float: right; }
.mainContentArea .sidebarLeft h2 { text-transform: none; }
.sidebarRight h4 { padding-bottom: 15px !important; }
/*-----

footer

----- */

.footerWrap { width: 100%; background: #000; }
.footer { max-width: 1200px; margin: 0 auto; color: #fff; font-family: 'Open Sans', sans-serif; }
.footer:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.footer ul li { padding: 3px 0; font-family: 'Open Sans', sans-serif; }
.footer ul li a { color: #fff; text-decoration: none; font-family: 'Open Sans', sans-serif; }
.footer a.btn { color: #fff; border: 1px solid #fff; padding: 7px 10pt; font-size: 10pt; }
.footerDetails h4 { color: #fff; margin: 5px 0; font-family: 'Open Sans', sans-serif; font-size: 15pt; }
.footerDetails h5 { color: #fff; margin: 5px 0; font-family: 'Open Sans', sans-serif; font-size: 15pt; }
.footerDetails p { color: #fff; margin: 15px 0; font-family: 'Open Sans', sans-serif; font-size: 7.5pt; font-weight: 400; text-transform: uppercase; }
.footerImage { margin: 40px 0; width: 200px; float: left; }
.footerDetails { margin: 30px 0 0 20px; width: 17%; float: left; }
.footerMenuOne { margin: 30px 0; width: 11%; float: left; }
.footerMenuTwo { margin: 30px 0; width: 4%; float: left; }
.footerMenuThree { margin: 30px 0; width: 11%; float: left; }
.footerMenuFour { margin: 30px 0; width: 11%; float: left; }
.footerLogo { margin: 30px 0; width: 21%; float: left; }
.footerSocial { display: none; margin: 10px 0; width: 15%; float: left; }
.footerSocial a.fa { color: #fff; text-decoration: none; font-size: 11pt; margin: 0 5px 0 0; }
/* ----- Blog Transitions  ----- */

.trans { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: .25s; -webkit-animation-duration: .25s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; opacity: 1; }
 @keyframes fadeIn { 0% {
 transform: scale(0);
 opacity: 0.0;
}
 60% {
 transform: scale(1.1);
}
 80% {
 transform: scale(0.9);
 opacity: 1;
}
 100% {
 transform: scale(1);
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn { 0% {
 -webkit-transform: scale(0);
 opacity: 0.0;
}
 60% {
 -webkit-transform: scale(1.1);
}
 80% {
 -webkit-transform: scale(0.9);
 opacity: 1;
}
 100% {
 -webkit-transform: scale(1);
 opacity: 1;
}
}
.trans2 { animation-name: fadeIn2; -webkit-animation-name: fadeIn2; animation-duration: .6s; -webkit-animation-duration: .6s; animation-timing-function: ease-in; -webkit-animation-timing-function: ease-in; visibility: visible !important; opacity: 1; }
 @keyframes fadeIn2 { 0% {
 opacity: 0.0;
}
 60% {
 opacity: 0.0;
}
 100% {
 opacity: 1;
}
}
 @-webkit-keyframes fadeIn2 { 0% {
 opacity: 0.0;
}
 0% {
 opacity: 0.0;
}
 100% {
 opacity: 1;
}
}
h5 a:hover { text-decoration: underline; }
.headerWrap.stuck .logo { }
.threeColumnPostItem p { font-size: 10pt; padding: 0; line-height: 12px; }
.fourColumnPostItem p { font-size: 10pt; padding: 0; line-height: 12px; }
.postLandingList p { font-size: 10pt; padding: 0; line-height: 1px; }
.postSidebarList p { font-size: 10pt; padding: 0; line-height: 1px; }
.postSidebarList { margin: -20px 0 60px; }
.mobilething { display: none; }
.desktop { display: block; }
.stickyAdvert { }
.sidebarRight .Embed { }
/* ----- Zoom Gallery ----- */

.zoom-gallery { position: relative; font-size: 11pt; line-height: 20pt; margin: 20px 0; }
.zoom-gallery:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.zoom-gallery ul li { float: none; padding: 0; }
.zoom-gallery ul li:before { display: none; }
.zoom-gallery .item { }
.zoom-gallery .item.two { width: 50%; float: left; }
.zoom-gallery .item.four { width: 24%; margin: 0 1% .5% 0; float: left; }
/* ----- Responsive Video ----- */

.embed-container { position: relative; height: 0; overflow: hidden; max-width: 100%; height: auto; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* ----- vogueList ----- */

.vogueList { border-bottom: 1px solid #ccc; margin-bottom: 50px; }
.vogueList:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.vogueListLeft { width: 15%; float: left; border-top: 1px solid #ccc; }
.vogueListLeft p { margin: 5px 0 0 0; padding: 0; }
.vogueListRight { width: 82%; float: right; }
.vogueListRight h3 a { text-decoration: none; }
.vogueListLeft p.tiny { font-size: 8pt; margin: 15px 0; font-weight: 500; }
.vogueListLeft p { font-size: 8pt !important; text-transform: uppercase; }
.vogueListRight p.tiny { font-size: 8pt; margin: 10px 0; }
.vogueListRight p { }
.mainContentArea .vogueList p { margin: 0 !important; }
/* ----- Digital Sidepage Popup  ----- */

.dePopup { position: fixed; top: 300px; padding: 0px; right: -526px; z-index: 999; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
/* .dePopup:hover {right:0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; } */

.deBtn { width: 40px; float: left; border: 1px solid #fff; border-right: none; cursor: pointer; cursor: hand; background: #000; padding: 6px 0 4px; }
.deFrame { width: 525px; float: left; background: #000 url(../images/deBg.png) center center no-repeat; border: 1px solid #fff; border-left: none; }
.dePopupClose { right: -526px; }
.dePopupOpen { right: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.postEntry img { width: 100% !important; height: auto !important; }
.pinit-post-button { width: 32px !important; height: 32px !important; }
.pinit-post-button img { width: 32px !important; height: 32px !important; }
.deFooter { display: none !important; margin: 25px 0; }
.searchBlogThumb { float: left; margin: 0 25px 25px 0; min-width: 200px; min-height: 150px; background-size: cover; background: url(../images/searchBlogThumb.jpg) no-repeat center center !important; }
.title-below-image-in-postEntry { color: #666; font-weight: 300; font-size: 10pt; line-height: 12pt !important; position: relative; font-style: italic; }
.title-below-image-in-postEntry:empty { display: none; }
.pin-inner-images p > img { margin-bottom: -0px; }
.pinit-post-button { position: absolute !important; top: 15px !important; }
.pin-inner-images p { position: relative; }
.back_issues { }
.back_issues:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.back_issue_year { }
.back_issue_year:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.back_issue { float: left; margin: 20%; margin: 0 1% 15px 0; }
/*** Zergnet ***/
#zergnet-widget-31173 .zerglayoutcl { width: 100% !important; }
#zergnet-widget-31173 .zergentity { width: 23% !important; margin-left: 1% !important; margin-right: 1% !important; margin-bottom: 15px !important; }
#zergnet-widget-31173 .zergentity img { display: block !important; max-width: 100% !important; height: auto !important; width: auto !important; }
#zergnet-widget-31173 .zergheadline { width: 100% !important; margin-top: 5px !important; text-align: left !important; }
@media (max-width: 600px) {
#zergnet-widget-31173 .zergentity { width: 46% !important; margin-left: 2% !important; margin-right: 2% !important; }
#zergnet-widget-31173 .zergentity:nth-of-type(3) { clear: both !important; }
}
/*** Intro H! ***/
.introHolder { background: #fff; padding: 20px 0px; }
.intro { max-width: 1000px; margin: 0 auto; }
.intro h1 { font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16pt; color: #000; text-align: center; }
.intro h1 em, .intro h1 i { font-style: italic; }
 @media (max-width: 768px) {
.introHolder { padding: 20px 15px; }
.intro h1 { font-size: 12pt; }
}
/* -----
Six Post
----- */
.sixColumnPost:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.sixColumnPostItem {width: 32%; float: left; margin-right: 2%; margin-bottom:25px;}
.sixColumnPostItem:nth-child(3) {margin-right: 0%;}
.sixColumnPostItem:nth-child(6) {margin-right: 0%;}
.sixColumnPostItem h5 {height:100px; margin:0;}
.sixColumnPostItem p { font-size: 10pt; padding: 0; line-height: 12px; }

 @media (max-width: 768px) {
.sixColumnPostItem { float: none; margin-right: 0%; width: 100%; }
.sixColumnPostItem:nth-child(2) { display: none; }
.sixColumnPostItem:nth-child(3) { display: none; }
.sixColumnPostItem:nth-child(4) { display: none; }
.sixColumnPostItem:nth-child(5) { display: none; }
.sixColumnPostItem:nth-child(6) { display: none; }
}
 @media only screen and (min-width: 769px) and (max-width: 970px) {
.sixColumnPostItem { width: 31%; float: left; margin-right: 2%; margin-bottom: 35px; }
.sixColumnPostItem h5 { font-size: 11pt; height: 70px; }
}











/**** Bronto Form ****/
.brontoForm {border:1px solid #000; padding:20px; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 11pt; line-height: 20pt; margin: 15px 0; color: #000; }
.brontoForm  form { }
/* This is the style for each individual row. */
.brontoForm form .section { clear: both; }
/* This is the style for each column within a row. */
.brontoForm form .section .container { float: left; }
/* This surrounds every field and caption area. */
.brontoForm .field_block { display: block; padding: 0; margin: 0 0 6px 0; }
/* A field's caption normally surrounds its label element. */
.brontoForm .field_block .caption { display: block; font: bold 12px "Lucida Grande", "Verdana", sans-serif; color: #333; padding: 0; margin: 0 0 4px 0; }
/* The following are special styles for the layout of checkbox and radio fields */
.brontoForm .field_block .checkbox .caption { display: inline; margin: 0; }
.brontoForm .field_block div.radio span { display: block; margin: 0 0 3px 0; padding: 0; }
.brontoForm .field_block div.radio span input.radio { display: inline; padding-right: 5px; }
.brontoForm .field_block div.radio span label { font: normal 11px "Lucida Grande", "Verdana", sans-serif; color: #333; }
/* This is the individual field input. */
.brontoForm .field_block .field { padding: 0; margin: 0; padding:0 20px 0 0; }
/* The style for field-level errors */
.brontoForm .field_block .field .field_error { display: block; padding-top: 3px; padding-bottom: 5px; font-size: 11px; color: #f00; font-weight: bold; }
/* The styles for individual field types */
.brontoForm .field_block .field input.text, .field_block .field input.float, .field_block .field input.password, .field_block .field input.integer, .field_block .field input.currency, .field_block .field input.date {padding: 10px;margin: 0 0 0 20px;width: 190px;}
.brontoForm .field_block .field input.date { width: 102px; }
.brontoForm .field_block .field input.phone { width: 250px; font-size: 12px; padding: 3px 12px 3px 44px; }
/* The styles for textareas are slightly larger than by default with no CSS */
.brontoForm .field_block .field textarea { width: 300px; height: 150px; }
/* This can be applied to any field element to make it wider than the default above */
.brontoForm .field_block .field input.wide { width: 300px; }
/* This can be applied to any field element to make it narrower than the default above */
.brontoForm .field_block .field input.narrow { width: 100px; }
/* A dropdown menu within a field is styled here. */
.brontoForm .field_block .field select, .brontoForm .field_block .field select option { width: 200px; }
/* Required fields are red and bold by default. */
.brontoForm .required { color: #f00; font-weight: bold; }
.brontoForm  input[type="submit"]  {border: none;background: #333;color: #fff;padding: 8px 51px 9px;/* text-transform: uppercase; */margin: 0px 0 0 10px;font-family: 'Open Sans', sans-serif;font-weight: 300;font-size: 14pt;}
.brontoForm  input[type="submit"]:hover { background: #808080; -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; }