.ddsmoothmenu #menu-inner ul { display: none; }

/* SiteNinja Blog */
a.stbutton:hover{color:#000!important}
#comment_lastname{display:none;visibility:hidden}
#comments_list{margin-top:10px}
#sharethis{margin:20px 0}
.comment{padding:15px;border-bottom:1px solid #ddd}
.comment_name{font-size:1.25em}
.comment_info{float:right}
.odd{background-color:#e9e9e9}
.article_for_list{margin-bottom:20px}
.recent_articles li{margin-bottom:10px}
.article_posted_info{margin-top:0}
.comment_from_admin{background-color:#ffffeb;border:2px solid #ddb}
.article_body{font-size:1em;line-height:1.4em}
.sidebar h1{font-size:1.65em}
.sidebar h2 a{font-size:65%;margin-bottom:-20px}
.sidebar li p{font-size:.9em;padding:0;margin:0;clear:both}
div.scrollable{position:relative;overflow:hidden;width:200px;height:36px;margin:2px 0}
div.scrollable div.items{width:20000em;position:absolute}
div.scrollable div.items div{float:left;margin:0 3px 0 0}
div.items div.active{border:1px inset #ccc;background-color:#fff}
.caption{color:#666;font-size:.7em;line-height:1.5em}
.rss-icon{float:left;margin:3px 5px 0 0}
.rss-icon-selected{float:left;margin:0 5px 0 0}
div#content-inner tr.even.from-feed{background:#FFEFCE}
div#content-inner tr.odd.from-feed{background:#FFE5AF}
.feed-details{float:left;width:550px;overflow:hidden;margin-bottom:20px}
.secondary-categories{max-height:200px;width:200px;overflow:auto;background:#fff;padding:5px 10px;border:1px solid #ccc}
.feed{padding:10px;border-bottom:1px solid #ccc}
.feed.published{background:#FFEFCE}
.feed.published.odd{background:#FFE5AF}
.main-column-section.article-categories ul{list-style:none;margin:0;padding:0}
.main-column-section.article-categories ul li{display:block}
.main-column-section.article-categories ul li.clear-article-category-row{clear:both;width:0;height:0;margin:0}
div#blog-cats ul{list-style:none;margin:0 -5px;padding:0}
div#blog-cats li{display:block;float:left;padding:5px}
div#blog-cats li div{width:130px}
div#blog-cats h2{font-size:.85em;border:1px solid #000;text-transform:uppercase;font-weight:700;padding:0}
div#blog-cats h2 a{display:block;padding:4px;line-height:1.2em;font-family:Helvetica,Arial,Sans-Serif}
div#blog-cats h3{font-size:1em;padding:0;font-weight:400;line-height:1.2em}
div#blog-cats h3 a:hover{text-decoration:underline}
div#blog-cats .date{margin:4px 0;line-height:1.2em;font-size:.9em;color:#A70E13}
div#blog-cats p{font-size:.8em}
div#blog-cats li.clear{width:100%;height:1px;border-top:1px dotted #bbb;padding:0;margin:0}
div#blog-cats p{margin:0;line-height:1.2em}
div#blog-cats img{margin:5px 0;width:130px}

/* SiteNinja Gallery */
.gallery{float:left;margin:0 6px 20px 0}
.gallery-thumb-container{float:left;padding:2px;margin-bottom:.5em;border:2px solid #a6b3bd}
.gallery-thumb-container:hover{border:2px solid #747bd4}
.gallery-thumb{height:125px;overflow:hidden;background-color:#111}
.gallery-name{text-align:center}
.image{float:left;margin:0 4px 0 0}
.image-thumb-container{float:left;padding:2px;margin-bottom:.5em;border:2px solid #a6b3bd}
.image-thumb-container:hover{border:2px solid #747bd4}
.image-thumb{height:125px;overflow:hidden}
.endrow{margin-right:0}
.sidebar div.image-thumb{height:55px;width:85px}
#smoothGallery{width:880px!important;height:650px!important;z-index:999}
#smoothGallery a{border:none!important}
#smoothGallery a:hover{background:none}
.rating-sm{width:60px}
.rating-sm div{height:12px}
.rating-sm-input{position:absolute;z-index:2;width:60px}
.rating-sm-input a{width:20%;display:block;float:left;height:12px;background:none}
.rating-sm-input a:hover{background:url(https://s3.amazonaws.com/siteninja/site-ninja1-com/1341519428/original/alt_star_sm.gif) repeat-x left -24px}
.rating-sm-full{background:url(https://s3.amazonaws.com/siteninja/site-ninja1-com/1341519428/original/alt_star_sm.gif) repeat-x left 0;width:60px;height:12px}
.rating-sm-total{background:url(https://s3.amazonaws.com/siteninja/site-ninja1-com/1341519428/original/alt_star_sm.gif) repeat-x left -12px;height:12px}
#side-column div.image-thumb{height:55px;width:85px}

/* SiteNinja Events Styles */
.events{padding:0;list-style:none}
.events li{line-height:2em}
.event_date{color:#777}
.event_tag{margin-left:.75em;font-weight:700;padding:.2em .4em;font-size:.85em}
.event_tag_open,.event_tag_full{color:#fff}
.event_tag_open{border:1px solid #a3e147;background:#83c127}
.event_tag_full{border:1px solid #bbb;background:#999}
.event_tag_soon{color:#83c127;border:1px solid #83c127}
.event_tag_this_week{color:#999;border:1px solid #999}
.recent_events li{margin-bottom:20px}
#google_map{width:300px;height:200px}
.events{clear:both}
.events .event{display:block;clear:both}
.event_date{width:50px;float:left;margin:0 20px 20px 0;text-align:center;padding:4px;background:#efefef}
.event_date .month,.event_date .day,.event_date .date{display:block}
.event_date .date{font-size:2.2em}
.events .event_tag{font-size:.65em}
.events .event_description h3{margin-bottom:0;padding:0 0 5px}
.event_description p{margin:0;padding:5px 0}
.jsenabled .registration-options,.jsenabled #check-payment-options{display:none}
#eventkind{display:none}
#new_event_registration_group dd,#new_event_registration_group dt{float:left;display:inline;margin-bottom:.5em}
#new_event_registration_group dt{clear:left;width:5em}
#event_registration_group_is_attending{float:left}
#new_event_registration td.label{padding-bottom:12px;width:100px;clear:left}
#new_event_registration td{float:left}
div.event-side-column .side-column-section{margin-bottom:20px}
div.event-side-column h3{font-size:1.5em}
div.event-side-column .register{margin:20px 0;font-size:2em}
table#price_options td,table#price_options th{vertical-align:top;line-height:1.25em}
div.event-date-time{font-weight:700;line-height:1.2em;padding-bottom:10px;font-size:1.2em}
table#price_options td.description{font-size:.8em}
div#google_map{width:300px}

/* SiteNinja Application Styles */
#inquiry_company{display:none;visibility:hidden}
#inquiry_name{display:none;visibility:hidden}
div#blast-preview{border:3px solid #ccc;padding:15px;background:#fff}
.edit_group dd{padding-left:0;margin:7px 0 5px}
form#search-box.new_search{background-color:#dcdcdc;display:block;padding:.5em;width:50%;margin:.5em}
#inquiry_company{display:none;visibility:hidden}
.edit_group dd{padding-left:0;margin:7px 0 5px}
form#search-box.new_search{background-color:#dcdcdc;display:block;padding:.5em;width:50%;margin:.5em}
form#search-box.new_search{width:100%}
div#side-column div.login-form input,div#side-column div.login-form label{margin:5px 0}
div#side-column div.login-form label{clear:left;display:block;width:70px;float:left}
div#side-column div.login-form input.big{clear:both;float:left}
div.login-form{float:right;width:300px}
div#content-outer a.help-tips{font-size:16px;font-weight:700;text-decoration:none}
div#content-outer a.help-tips img{margin-bottom:-3px}
div.help-tips{border-radius:5px;background:#333;background:rgba(20,20,20,0.8);color:#ffe;-moz-border-radius:5px;-webkit-border-radius:5px;padding:0 10px;width:300px;border:2px solid #efefef;-moz-box-shadow:0 4px 10px rgba(0,0,0,.75);-webkit-box-shadow:0 4px 10px rgba(0,0,0,.75);box-shadow:0 4px 10px rgba(0,0,0,.75);z-index:1999}
.jsenabled div.help-tips{position:absolute;display:none}
.jsenabled div.help-tips h3{float:left;width:90%}
.jsenabled div.help-tips img{float:right;margin:5px -5px 5px 5px}
.jsenabled div.help-tips p{clear:left;margin:0;padding:8px 0;font-size:.9em;line-height:1.2em}
div#fancy_title table td#fancy_title_main{background:#000;width:auto;height:auto;color:#fff;border:2px solid #fff;padding:5px;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;bottom:-1.1em;float:left;position:relative}
table td#fancy_title_right,td#fancy_title_left{height:0;width:0;padding:0;margin:0;background:none}
div#fancy_outer{padding-bottom:10em}
tr.inactive{background-color:#e99!important}
.ui-timepicker-div .ui-widget-header{margin-bottom:8px}
.ui-timepicker-div dl{text-align:left}
.ui-timepicker-div dl dt{height:25px}
.ui-timepicker-div dl dd{margin:-25px 0 10px 65px}
.ui-timepicker-div td{font-size:90%}
.ui-widget{font-size:11px!important}
.list_of_links.categories .list_of_links.categories{padding:0 0 0 10px}
.list_of_links.categories .list_of_links.categories li{padding:0}
.alphabet-list{list-style:none;margin:0;padding:0;display:block}
.alphabet-list li{display:inline;margin:0 6px 0 0;}
.slice-wrapper.edit-mode { position: relative; margin: -2px; border: 2px dotted rgba(0,70,106,.05); }
.slice-wrapper.edit-mode:hover { border: 2px dotted rgba(0,70,106,.05); border-color: #FDCE1A; }
.slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover { border-color: #fd1a78; }
.slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover { border-color: #1a9ffd; }
.slice-wrapper.edit-mode .edit-slice { color: #666666 !important; background: rgba(255,255,255,.8) !important; padding: 0 5px 0 0 !important; display: block !important; opacity: 1 !important; position: absolute !important; left: 0 !important; top: 0 !important; font-size: .8em !important; font-size: 12px !important; text-transform: capitalize !important; font-variant: normal !important; font-family: 'Lato', Helvetica, Arial, Sans-Serif !important; letter-spacing: normal !important; line-height: 1em !important; z-index: 1999 !important; text-shadow: none !important; }

.slice-wrapper.edit-mode .edit-slice a { color: white; display: inline-block; background: rgba(0,70,106,.7); padding: 4px; }
.slice-wrapper.edit-mode { padding-top:22px; }



/*.slice-wrapper.edit-mode:hover .edit-slice, .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover .edit-slice, .slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover .edit-slice, .slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode .slice-wrapper.edit-mode:hover */
.edit-slice:hover a { display: block; opacity: 1; color: #FDCE1A !important; }
.inquiry-form label { text-transform: capitalize; }
#admin-menu li.admin-edit { font-size: .8em; width: 95px; padding: 5px; float: left; background: rgba(0,0,0,.2); margin: 0 0 0; }
#admin-menu li.admin-edit a { padding: 0; width: inherit; display: inline; float: left; }
#admin-menu li.admin-edit a i, #admin-menu li.edit-mode a i { margin: 0; }
#admin-menu li.admin-edit a:hover, #admin-menu li.edit-mode a:hover { background: transparent; }
#admin-menu ul.admin-edit { margin: -10px -10px 0; width: 220px; }
#admin-menu li.edit-mode { background: rgba(0,0,0,.1); width: 220px; padding: 5px 0; margin-bottom: 10px; }
#admin-menu li.edit-mode a { margin: 0 10px 0 0; padding: 0 25px 0 5px; font-size: .9em; }
/* Include SiteNinja Expandable Menu */
#exp-menu { list-style: none; }
#exp-menu ul { display: none; list-style: none; }

/* Include SiteNinja slices */
/* Slice Styles */


.original-image.float-left, .original-image.float-right { max-width: 40%; }
.original-image.float-left { padding: 0 2% 2% 0; float: left; }
.original-image.float-right { padding: 0 0 2% 2%; float: right; }

/* Mobile size */
@media screen and (max-width: 559px) {
.slice-wrapper .slice { margin: 0 10px 10px 0; }
.mobile-twelve-columns { width: 100%; }
.mobile-eleven-columns { width: 91.66%; }
.mobile-ten-columns { width: 83.33%; }
.mobile-nine-columns { width: 75%; }
.mobile-eight-columns { width: 66.66%; }
.mobile-seven-columns { width: 58.33%; }
.mobile-six-columns { width: 50%; }
.mobile-five-columns { width: 41.66%; }
.mobile-four-columns { width: 33.33%; }
.mobile-three-columns { width: 25%; }
.mobile-two-columns { width: 16.66%; }
.mobile-one-column { width: 8.33%; }
.mobile-float-left { float: left; }
.mobile-float-right { float: right; }
.mobile-float-none { float: none; }
.mobile-clear-none { clear: none; }
.mobile-clear-left { clear: left; }
.mobile-clear-right { clear: right; }
.mobile-clear-both { clear: both; }
.mobile-display-block { display: block; }
.mobile-display-none { display: none; }
}

/* Tablet size */
@media screen and (min-width: 560px) and (max-width: 769px) {
.slice-wrapper .slice { margin: 0 20px 20px 0; }
.tablet-twelve-columns { width: 100%; }
.tablet-eleven-columns { width: 91.66%; }
.tablet-ten-columns { width: 83.33%; }
.tablet-nine-columns { width: 75%; }
.tablet-eight-columns { width: 66.66%; }
.tablet-seven-columns { width: 58.33%; }
.tablet-six-columns { width: 50%; }
.tablet-five-columns { width: 41.66%; }
.tablet-four-columns { width: 33.33%; }
.tablet-three-columns { width: 25%; }
.tablet-two-columns { width: 16.66%; }
.tablet-one-column { width: 8.33%; }
.tablet-float-left { float: left; }
.tablet-float-right { float: right; }
.tablet-float-none { float: none; }
.tablet-clear-none { clear: none; }
.tablet-clear-left { clear: left; }
.tablet-clear-right { clear: right; }
.tablet-clear-both { clear: both; }
.tablet-display-block { display: block; }
.tablet-display-none { display: none; }
}

/* Narrow size */
@media screen and (min-width: 770px) and (max-width: 999px) {
.slice-wrapper .slice { margin: 0 20px 20px 0; }
.narrow-twelve-columns { width: 100%; }
.narrow-eleven-columns { width: 91.66%; }
.narrow-ten-columns { width: 83.33%; }
.narrow-nine-columns { width: 75%; }
.narrow-eight-columns { width: 66.66%; }
.narrow-seven-columns { width: 58.33%; }
.narrow-six-columns { width: 50%; }
.narrow-five-columns { width: 41.66%; }
.narrow-four-columns { width: 33.33%; }
.narrow-three-columns { width: 25%; }
.narrow-two-columns { width: 16.66%; }
.narrow-one-column { width: 8.33%; }
.narrow-float-left { float: left; }
.narrow-float-right { float: right; }
.narrow-float-none { float: none; }
.narrow-clear-none { clear: none; }
.narrow-clear-left { clear: left; }
.narrow-clear-right { clear: right; }
.narrow-clear-both { clear: both; }
.narrow-display-block { display: block; }
.narrow-display-none { display: none; }
}

/* Wide size */
@media screen and (min-width: 1000px) {
.slice-wrapper .slice { margin: 0 20px 20px 0; }
.wide-twelve-columns { width: 100%; }
.wide-eleven-columns { width: 91.66%; }
.wide-ten-columns { width: 83.33%; }
.wide-nine-columns { width: 75%; }
.wide-eight-columns { width: 66.66%; }
.wide-seven-columns { width: 58.33%; }
.wide-six-columns { width: 50%; }
.wide-five-columns { width: 41.66%; }
.wide-four-columns { width: 33.33%; }
.wide-three-columns { width: 25%; }
.wide-two-columns { width: 16.66%; }
.wide-one-column { width: 8.33%; }
.wide-float-left { float: left; }
.wide-float-right { float: right; }
.wide-float-none { float: none; }
.wide-clear-none { clear: none; }
.wide-clear-left { clear: left; }
.wide-clear-right { clear: right; }
.wide-clear-both { clear: both; }
.wide-display-block { display: block; }
.wide-display-none { display: none; }
}

/* Elements CSS */
h1, h2, h3, h4, h5, h6 {
  line-height: 1em;
  font-family: georgia, serif;
}

h1 { font-size: 2.25em; margin: 0; padding: 8px 0; }
h2 { margin: 0; padding: 10px 0; }
h3 { margin: 0; padding: 12px 0; }
h4 { margin: 0; padding: 16px 0; }
h5 { margin: 0; padding: 20px 0; }
h6 { margin: 0; padding: 28px 0; }
p { margin: 0; padding: 1em 0; }

a img { border: 0; }
td form { margin: 0; }

table td, table th { padding: 6px; }
table thead th { text-align: left; color: #666; }
table tr td, table tr th { border-bottom: 1px solid #ccc; }

form table { width: auto; }
form table td, form table th { padding: 10px; }

label:hover { /*cursor: pointer; background: #333; color: #fff;*/ }
.contact_group_form { float: left; width: 150px;}

fieldset {border: 0; padding: 0;}
#template-form{font-size: .8em; line-height: 2em; float: right;}
#pre-content-middle {min-height: 15px;}
#content-middle { clear: both; }

/* Classes CSS */
input.search{padding-left:16px;background:#fff url(../../siteninja/plugin_assets/siteninja_core/images/searchbg.gif) no-repeat}
textarea.editor{font-size:1.1em;line-height:1.3em}
span.hmenu{margin-right:15px}
a.red:hover{background:red!important;color:#fff!important}
.strike{text-decoration:line-through;color:#777}
.sale_price{font-weight:700}
.icon{vertical-align:baseline}
.icon_close{float:right}
.large-icon{vertical-align:top}
a.icon:hover,a.large-icon:hover,a.lightview:hover{background:none!important}
.top{vertical-align:top}
.endrow{margin-right:0!important}
.bold{font-weight:700}
.center{text-align:center}
.right{text-align:right}
.clear{clear:both}
.clear-right{clear:right}
.noborder{border:none}
.nopad{padding:0}
.float-right{float:right}
tr.odd{background:#eee}
.col-left{float:left;width:390px}
.col-right{float:right;width:390px}
.col-left h1,.col-right h1{margin-top:0}
.radio-buttons label{margin-right:20px}
.form-option{margin-bottom:1.5em}
.submit{margin:2em 0}
.submit input{font-size:1.3em}
.submit,.submit a{color:#777}
.submit a:hover{color:#fff;background:#999;text-decoration:none}
.mime{float:left;margin:0 1em 2em 0;width:258px}
.mime .thumb{float:left;margin-right:.8em}
.mime .info{font-size:.9em}
.mime .info .info_link{margin-bottom:.4em}
.fieldWithErrors{display:inline}
.fieldWithErrors input,.fieldWithErrors select,.fieldWithErrors textarea{background:#ff9}
.fieldWithErrors label{color:red;background:#ff9}
.box{background-color:#e9ecff;border:1px solid #c9ccdf;padding:10px}
.box h2{margin-top:0}
.tip{margin-bottom:3em}
.tip h2{margin-bottom:.2em}
.tip .body{margin-top:1em}
.tag_cloud{font-size:.8em;width:300px}
.cloud1,.cloud2,.cloud3,.cloud4{margin-right:15px;line-height:1.5em}
.cloud4{font-size:1.35em}
.cloud3{font-size:1.2em}
.cloud2{font-size:1em}
.cloud1{font-size:.8em}
.full_width{width:100%}
.full_width th{text-transform:capitalize}
.product{display:block}
#pricing h2{margin-bottom:0}
.product-list{margin:0;padding:0;list-style:none}
.product-list li{float:left;width:212px;margin:5px;display:block}
.product-list .clear{width:100%}
.product-list h2{font-size:1em}
.product-list .product-image{display:block;border:2px solid #A6B3BD;padding:2px;text-align:center}
a.product-image:hover{background:none!important;border-color:#747BD4}
.productimg{float:left;width:85px;height:55px}
.producttext{float:left;margin-left:15px;width:65%}
.productprice{float:left;margin:5px 0 5px 5px}
.product_photos{float:right;margin:0 0 20px 20px;text-align:center}
.product_photos .main{padding-bottom:20px}
.regular-price{text-decoration:line-through;color:#999;font-size:.8em}
.auto_image{float:right;margin:0 0 20px 25px}
.auto_video{margin:30px 0;clear:both}
.highlight{background:#ff6}
.locdivon{background-color:#E9E9E9}
.list_of_links{list-style:none;padding:0;margin:0}
.list_of_links li{padding:5px 0}
.list_of_links a{display:block}
#image-nav{margin:20px 0 0}
.previous-image{text-decoration:none;display:block;float:left}
.previous-image img{vertical-align:middle}
.next-image{text-decoration:none;display:block;float:right}
.next-image img{vertical-align:middle}
.full-width{width:100%}
#file-list{width:100%;font-size:.8em;line-height:24px}
#file-list a{text-decoration:none!important}
#file-list td{margin:0}
#file-list .name-column{width:50%}
#file-list .name-column a{display:block}
#file-list .file-name-column{width:20%;font-size:.8em}
#file-list .modified-column{width:20%}
#file-list .size-column{width:10%}
#file-list td.size-column{text-align:right}
.imagebox a.next{background:url(../../siteninja/plugin_assets/siteninja_core/images/arrow/right.png) no-repeat left top;width:18px;height:18px;display:block;text-indent:-99999px;float:left;cursor:pointer;margin:3px}
.imagebox a.next:hover{background-position:left -18px;background-color:transparent!important}
.imagebox a.prev{background:url(../../siteninja/plugin_assets/siteninja_core/images/arrow/left.png) no-repeat left top;width:18px;height:18px;display:block;text-indent:-99999px;float:left;cursor:pointer;margin:3px}
.imagebox a.prev:hover{background-position:left -18px;background-color:transparent!important}
.imagebox .disabled{color:#acacac!important}
.imagebox .disabled:hover{color:#acacac!important;background-position:left -18px!important}
.navi{float:left}
.navi a{background:transparent url(../../siteninja/plugin_assets/siteninja_core/images/arrow/navigator.png) no-repeat scroll 0 0;cursor:pointer;float:left;height:8px;margin:8px 3px;width:8px;line-height:18px}
.navi a:hover{background-position:0 -8px;background-color:transparent!important}
.navi a.active{background-position:0 -16px}
span.right{float:right;margin:10px 30% 0 0}
.sidebar h1{font-size:1.65em}
.sidebar h2{margin:0;padding-bottom:10px}
.sidebar h2 a{font-size:65%}
.sidebar h3{margin:0;padding:4px 0}
.top-headline{margin-top:0}
.sidebar li p{font-size:.9em;padding:0;margin:0;clear:both}
.recent_articles li,.recent_events li,.recent_comments li{margin-bottom:10px}
.sidebar .more{display:block;text-align:right}
.sidebar .date{padding:0;margin:0}
.sidebar h2{padding-top:0}
.sidebar_link_active{color:#63a107;font-weight:700;padding-right:20px;line-height:16px}
#header-right{float:right}
#sign_in_button{background:transparent url(../../siteninja/plugin_assets/siteninja_core/images/sign_in_button.png) no-repeat scroll 0 0;color:#666;position:relative;font-size:1.35em;height:50px;line-height:50px;padding:0 0 0 15px;text-align:left;width:285px;float:right;margin:10px 10px 0 0}
#sign_in_button span{margin-left:23px}
#sign_in_button a{float:right;color:#fff!important;margin-right:25px}
#sign_in_button a:hover{color:#ff6!important;background:none!important;text-decoration:underline}
fieldset .form-option{border-bottom:#ccc 1px solid;padding:0;padding:10px;line-height:25px;margin-bottom:0!important}
fieldset .form-option label{display:block;float:left;width:100px;margin:0 20px 0 0}
fieldset .form-option input{line-height:25px;font-size:1.2em}
.form-option .options-title{width:100px;float:left;margin:0 20px 0 0}
.form-option .options{float:left}
.form-option .options label{float:none;display:inline}
.images.small{margin:10px 0 10px 10px;padding:10px;width:80px}
.images.small a:hover{background:none!important}
.image-caption{color:#666;text-align:center;font-size:.8em;margin:5px 0;line-height:1.5em}
.caption{font-size:.8em;padding:5px 0;display:block;line-height:1.2em;border-bottom:1px solid #e6e6e6}
dt.form-label{font-size:1.4em}
dd.form-option{padding-left:0;margin:0 0 10px!important}
.testimonial{background:url(../../siteninja/plugin_assets/siteninja_core/images/quote-left.png) no-repeat left top}
.testimonial blockquote{background:url(../../siteninja/plugin_assets/siteninja_core/images/quote-right.png) no-repeat right bottom;margin:0;padding:0;min-height:54px;font-size:1.5em;padding:10px;line-height:1.2em}
.with-side-columns .testimonial blockquote{font-size:1.1em}
.testimonial cite{margin:0 0 20px 10px;display:block}
.testimonial.inline{float:right;margin:20px 0 20px 20px;width:200px;clear:right}
.testimonial.inline blockquote{font-size:1.2em}
#template-form{position:absolute;right:0}
#newsletter-signup{margin:0 0 20px}
.options{float:right;width:250px}
.options a{text-decoration:none}
#security-warning{color:#C50004;font-size:1.8em;padding:10px 0;line-height:32px;clear:both}
#security-notice{color:#87C408;font-size:1.8em;padding:10px 0;line-height:32px;clear:both}
#wide-features{margin:0 0 20px!important}
.template-selector{display:block;position:absolute;right:0;top:60px;background:#fff;padding:5px;margin:5px;border:1px solid #666;text-decoration:none;-moz-box-shadow:0 0 10px #111;-webkit-box-shadow:0 0 10px #111;box-shadow:0 0 10px #111;z-index:2}
.templates{list-style:none;width:100%;height:365px;overflow:auto;margin:10px 0;padding:0;text-transform:uppercase;font-size:.7em;border-bottom:1px solid #6D869F;border-top:1px solid #6D869F;background:#B5CADF}
#fancy_div h1{margin:0;padding:0 5px;color:#333;border:none;font-size:1em;font-family:Tahoma,Arial,Sans-Serif}
.templates li{float:left;padding:10px;text-align:center;width:100px;border-bottom:1px solid #1D4267}
.templates label{display:inline;float:none;width:inherit;color:#173C5F}
.images{border:1px solid #E6E6E6;float:right;margin:10px 0 10px 20px;overflow:hidden;padding:10px;width:200px;text-align:center}
.images.float-left{float:left;margin:10px 20px 10px 0}
#setting-form ul.tabs{list-style:none;margin:0;padding:0;position:relative;top:1px}
#setting-form ul.tabs li{display:block;float:left}
#setting-form ul.tabs li a{display:block;float:left;padding:0 10px;border:1px solid #999;background:#ccc;text-decoration:none;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;color:#666}
#setting-form ul.tabs li a:focus{outline:none}
#setting-form ul.tabs li a:hover{color:#333!important;background:#aaa!important}
#setting-form ul.tabs li a.current{background:#fff;border-bottom:1px solid #fff}
#setting-form ul.tabs li a.current:hover{background:#fff!important}
#setting-form div.panes{border:1px solid #999;background:#fff;padding:10px}
#setting-form label{display:block;font-size:1.3em;line-height:2em;margin:10px 0 0}
#setting-form label.inline{display:inline}
#setting-form label:hover{background:none!important;color:#999}
#setting-form input{font-size:1.3em}
.top-logo #menu-inner{overflow:hidden}
#features.panel{background:#000}
.panel-overlay-outer{position:absolute;background:url(../../siteninja/plugin_assets/siteninja_core/images/feature-text-bg.png);font-size:1em;z-index:2}
.panel .feature-image{display:block}
.panel.bottom .feature-image{top:0;margin:0 auto}
.panel.top .feature-image{bottom:0;margin:0 auto}
.panel.left .feature-image{right:0}
.panel.right .feature-image{left:0}
.panel.bottom .panel-overlay-outer{width:542px;bottom:0;border-top:1px solid #111}
.panel.top .panel-overlay-outer{width:542px;top:0;border-bottom:1px solid #111}
.panel.left .panel-overlay-outer{width:200px;height:100%;left:0;border-right:1px solid #111}
.panel.right .panel-overlay-outer{width:200px;height:100%;right:0;border-left:1px solid #111}
.panel.hidden .panel-overlay-outer{display:none!important}
.panel-overlay-inner{color:#fff;text-align:left;padding:10px 15px 15px}
.panel .panel-overlay-inner a{color:#fff;text-decoration:underline;font-weight:400!important;color:#fff}
.panel-overlay-inner h2{margin:0;padding:0 0 5px;font-weight:400;color:#CFE7FF;font-size:1.5em}
.panel-overlay-inner p{margin:0;padding:0;line-height:1.2em;font-size:.85em;color:#fff}
#wide-features .panel.bottom .panel-overlay-outer{width:870px;bottom:0;border-top:1px solid #111}
#wide-features .panel.top .panel-overlay-outer{width:870px;top:0;border-bottom:1px solid #111}
#wide-features .panel.left .panel-overlay-outer{width:320px;height:100%;left:0;border-right:1px solid #111}
#wide-features .panel.right .panel-overlay-outer{width:320px;height:100%;right:0;border-left:1px solid #111}
#wide-features .panel.right .panel-overlay-outer,#wide-features .panel.left .panel-overlay-outer{font-size:1.3em}
#wide-features .panel.right .panel-overlay-inner,#wide-features .panel.left .panel-overlay-inner{padding:25px}
#article-description{font-size:1.2em;line-height:1.2em;color:#888}
#updates h2{font-size:1.8em;padding:5px 0;margin:0}
#updates h3{font-size:1.3em;padding:5px 0;margin:0}
#updates .article_posted_info{color:#777}
#updates p{margin:0;padding:0}
#updates p a{display:block;margin:0 0 10px}
.side-column-section{margin-bottom:5px;padding-bottom:5px;border-bottom:1px dotted #bbb}
.profile-image{float:right;padding:5px;border:1px solid #aaa;margin:10px 0 10px 10px}
.member-meta.details{float:left;width:370px}
.member-meta dt{display:block;float:left;font-size:.8em;margin-right:5px;width:70px}
.member-meta dd{font-size:.8em}
.member-meta-two-column .member-meta.articles{float:left;width:255px;margin-right:20px}
.member-meta-two-column .member-meta.comments{float:left;width:255px}
.sidebar .list_of_links h2{line-height:.8em}
.sidebar .list_of_links p{line-height:1.4em}
.inset{float:left;margin:5px 10px 5px 0}
.article_tags{line-height:1.4em}
.article_tags li{display:inline}
.article_tags li a{display:inline}
.recent_articles.list_of_links p,.recent_comments.list_of_links p{line-height:1.4em;margin:0;padding:0}
.tag-size-1{font-size:.75em}
.tag-size-2{font-size:.9em}
.tag-size-3{font-size:1.2em}
.tag-size-1{font-size:1.5em}
#newsletter-signup h1{padding:10px 0 5px}
#newsletter-signup p{margin:0 0 5px}
.rss-icon img,.rss-icon-selected img{width:16px;height:16px}
.icon img{width:16px;height:16px}
#member-index ul{margin:20px 0 0;padding:0;list-style:none}
#member-index li{clear:both;padding:0 0 10px}
#member-index .profile-thumb-image{width:50px;height:50px;float:left;margin:0 5px 5px 0;padding:2px;border:1px solid #aaa}
#member-index .profile-description{float:left;width:450px}
#member-index .profile-description h2{margin:0;padding:0;font-size:1.4em}
#member-index .profile-description p{margin:0;padding:4px 0;line-height:1.2em;font-size:.9em;color:#666}
.sidebar .submenu-inner ul{padding:0;margin:0 0 0 10px}
a#preview-link{font-weight:700;text-decoration:none}
.google-map-wrapper{border:1px solid #E6E6E6;float:right;margin:10px 0 10px 20px;overflow:hidden;padding:10px;width:200px;text-align:center;line-height:14px;clear:right}
.google-map{width:200px;height:200px}
#body-wrapper .options{padding-top:120px}
#body-wrapper a{font-size:12px}
#body-wrapper{background:#efefef!important;background:#eee;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;padding:0 0 10px 10px;margin:10px 0}
#body-wrapper table.mceLayout{border:0!important}
#body-wrapper table.mceLayout tr.mceFirst td{border-top:none}
h2.title.form-label{padding:0!important}
.sound-clip{display:block;text-align:left}
#side-menu{list-style:none;margin:0;padding:0}
#side-menu ul{list-style:none;margin:0 0 0 10px;padding:0}
.date a{display:inline}
#admin-options{position:fixed;left:0;top:100px;width:120px;padding:5px;background:#333;list-style:none;margin:0;border:1px solid #fff;border-left:0}
#admin-options a{text-decoration:none;color:#fff;font-size:12px;display:block;padding:2px 5px}
#admin-options a:hover{background-color:#444;color:#FF6}
#admin-options img.icon{top:3px;position:relative}
.gsc-control{width:100%!important}
.inquiry-form dd{margin:0 0 10px;padding:0}
.required{color:#ac0000;font-weight:700!important;font-size:.8em}
.required.for-textarea{width:400px;text-align:right;margin-top:-5px}
.cover-image-background.top { background-position: center top !important; }
.cover-image-background.bottom { background-position: center bottom !important; }
.cover-image-background.center { background-position: center !important; }
.cover-image-background.left { background-position: left center !important; }
.cover-image-background.right { background-position: right center !important; }

@import url(../../stylesheets/elements.css); @import url(../../stylesheets/classes.css); /* Include SiteNinja defaults */
/* Basic Formatting */
html,body{ height:100%; }

body{ background-color:#ffffff; color:#333333; font-size:14px; margin:0; font-family:'Open Sans', sans-serif; font-weight:normal; }

a{ color:#7c003e; text-decoration:none; }

#content a:hover{ color:#000000; }

/* Header Styling */
h1, h2, h3, h4, h5{ font-weight:900; font-family: 'Marko One', serif; }

h1{ margin-top:0; font-size:2.2em; padding-bottom:.2em; color:#333333; padding: 1em 0 .5em; }


h2{ font-size:1.6em; color:#444444; }

h3{ font-size:1.5em; color:#7c003e; }

h4{ font-size:1.1em; color:#444444; padding:4px 0; margin-bottom:-.25em; }

 p{ padding:.5em 0; }


/* Content Formatting */
#content{ line-height:1.7em; }

img, iframe, object, textarea, input{ max-width:100%; }

.breadcrumb{ display:none; }

header{ position:fixed; z-index:100; }

/* Mobile size */
@media screen /*and (min-width:200px)*/
{ /* Mobile Navigation */
 #mobile-menu{ display:block; padding:0; position:fixed; z-index:inherit; top:0; width:inherit; text-align:left; border-bottom:0; margin:0 -10px 1em 0; -webkit-transform:translateZ(0); background:transparent; font-weight:400; font-family:'Oswald', sans-serif; left: 0; }

 #mobile-menu li{ clear:both; border-left:0; background:rgba(0,0,0, 0); }

 #mobile-menu li a{ display:block; padding:14px 10px 10px 22px; border-bottom:0; text-decoration:none; color:#7c003e; text-transform: uppercase; } 

 #menu-expander{ display: block; text-decoration: none; padding: 8px 4px; font-size:1.6em; color:#ffffff; background: white; width:40px; float:left; opacity: 0; transition: 200ms ease-in-out all; transform: translate(-40px,44px); }
  .docked #menu-expander, .expanded #menu-expander { opacity: 1; transform: translate(0);}
  #menu-expander span { display: block; width: 24px; height: 3px; background-color: #7c003e; margin: 0 auto 6px; transition: 200ms ease-in-out all; }
  header.expanded #menu-expander span:nth-child(1) { transform: translate(0px, 9px) rotate(45deg); }
  header.expanded #menu-expander  span:nth-child(3) { transform: translate(0px, -10px) rotate(-45deg); }
  header.expanded #menu-expander  span:nth-child(2) { opacity: 0; }



 #menu-expander img{ width:160px; }

 #menu-expander-placeholder{ height:56px; }

 #exp-menu-wrapper #exp-menu{ width:100%; min-height:100%; padding:0; list-style:none; margin: 0; text-align:left; font-size:1.25em; line-height:1.25em; }
  #exp-menu { padding: 0; }
  #exp-menu ul{ list-style:none; display: block; margin:0; padding:0; background-color: rgba(0,0,0,.07); box-shadow: inset 0 -20px 20px rgba(0,0,0,.1); max-height: 0; overflow: hidden; transition: 400ms max-height; }
  #exp-menu ul.expanded { max-height: 1000px; transition: 400ms max-height; }
 #mobile-menu li a.expand{ display:block; float:left; font-size:1.5em; margin: 0; border-bottom:0; text-decoration:none; width:45px; height:40px; padding:0; line-height:40px; text-align:center; border-radius:0; float: right; color: #000000; font-weight: normal; }
  #mobile-menu li a.expand.collapse { background:rgba(0,0,0,.07); }

 /* Basic Formatting */
.header-logo{ padding:10px 0 0 10px; text-align:center; margin:0 auto; max-width:90%; max-height:160px; }

 #logo img{ max-height:160px; }

body{ width:100% }

 header{ background:#ffffff; }

 nav{ margin:0; }

 nav a{ text-decoration:none; }

 #wrapper-inner{ width:94%; margin:0 auto; padding:10px 3%; font-size:1em; line-height:1.4em; }

 #content{ padding:14px 0; line-height:1.6em; font-size:16px; }

 #content-inner{ background:rgba(250, 249, 251); }
 
 
 /* Blocks MyContact Form Black Hover Overlay */
label:hover { background: transparent!important; }

 footer{ background:#7c003e; }

 #footer-outer{ margin:0; }


 #footer-menu{ list-style:none; padding:0; }

 .slice{ margin:0 10px 10px 0; }

 footer{ text-align:center; }

 footer a{ color:#ffffff; }

 footer a:hover{ color:#212121; }

/*MOBILEVIEWADJUSTMENT*/
 /* Mobile Sizes */
 .images{ width:40%; max-width:200px; }

 }

/* "Retina" graphics - Devices with a pixel ratio of 2 should be able to handle the CSS3 "background-size" property to scale larger images down. By making this a separate query, we ensure that devices that do not need the larger images do not download them. */
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (-o-min-device-pixel-ratio:2/1), only screen and (min--moz-device-pixel-ratio:2.0), only screen and (min-device-pixel-ratio:2.0){ /*#menu-expander{ background:url(../../siteninja/site-ninja-com/files/152/original/mobile-nav-icon.png) no-repeat 18px 12px; background-size:18px; }

*/
}

/* TABLETVIEW */
/* Tablet size */
@media screen and (min-width:560px){ 
  body{ height:100%; }
  #wrapper { width:1400px; margin:0 auto; max-width:100%; }
  header{ position:fixed; top:0; width:100%; z-index:2; }
  #content{ position:relative; padding-top:100px; min-height:inherit; overflow:auto; width:100%; height:100%; }
  footer{ position:fixed; bottom:0; width:100%; z-index:1; }

.images{ width:200px; }

.header-logo{ margin:0; text-align:left; max-width:100%; }

 #logo img{ max-height:50px; }

nav a{ text-decoration:none; }

.main-menu{ height:35px; background:transparent; }

.downarrowclass{ top:9px !important; }

.rightarrowclass{ top:10px !important; }

.ddsmoothmenu #menu-inner{ text-align:right; line-height:inherit; padding-top:44px; }

.ddsmoothmenu #menu-inner li{ display:inline; }

#menu-inner, .submenu-inner{ list-style:none; margin:0; padding:0; }

.submenu-inner{ text-align:left; }

#menu-inner{ float:right; }

 #menu-inner a{ color:#212121; padding:0 20px; font-size:1em; display:block; }

#menu-inner li{ display:block; float:left; }

 #menu-inner a:hover{ color:#d1caca; background:#ffffff; }

#menu-inner li.selected a{ background:#nav_selected_background_color#; color:#d1caca; }

.submenu-outer{ background:#7c003e; color:#212121; min-height:12px; font-size:.85em; margin-top:-1px; }

 .submenu-middle{ height:29px; }

 .submenu-inner{ box-shadow:0px 0px 5px rgba(0,0,0,.5); }

 .ddsmoothmenu #menu-inner .submenu-inner li{ display:block; background:#7c003e; }

.ddsmoothmenu #menu-inner .submenu-inner a{ color:#212121; line-height:34px; padding:0 13px; display:block; }

.ddsmoothmenu #menu-inner .submenu-inner a:hover{ color:#ffffff; }

.ddsmoothmenu ul li .submenu-inner li a{ border-bottom:0; }

#main-column{ margin-right:30px; }
#side-column { padding-top: 20px; margin-left: 30px; }
  
#side-sub-menu {
    border: 5px solid #eaeaea;
    padding: 40px;
    border-radius: 2em;
}

footer{ background:#7c003e; color:#212121; font-size:.85em; text-align:left; }

footer #footer-inner{ padding:0; }

footer nav ul{ list-style:none; margin:0; padding:0; }

footer nav ul li{ display:block; float:left; line-height:40px; }

footer nav ul li a{ color:#ffffff; padding:0 24px 0 0; display:block; float:left; }

footer nav ul li a:hover{ color:#212121; }

}

/* SiteNinja Classes */
.testimonial{ background-image:none; }

.testimonial blockquote{ background-image:none; min-height:inherit; font-size:1.3em; }

/*VIDEOGALLERY*/

#video-gallery .link_for_list {
    z-index: 1;
    width: 42.5%;
    margin: 0 .5% 10%;
    background: #eaeaea;
    transition: all 200ms linear;
    border-radius: .75em;
    display: inline-table;
}
#video-gallery .link_for_list p { 
 font-size: 12px;
 padding-left: 10px;
   padding-right: 10px;
}

#video-gallery .link_for_list:hover { 
  background: #eae5dc; 
  z-index: 2; 
}

#video-gallery .link_for_list:nth-child(3n+1) { clear: left; }

#video-gallery .link_for_list h2 { font-size: 1.5em; }

#video-gallery .link_for_list .images {
    display: block;
    height: 100%;
    overflow: hidden;
    float: left;
    width: 95%;
    margin-right: 3%;
    line-height: 100px;
}

#video-gallery.link_for_list img { 
  width: 100%; 
  vertical-align: middle;
}

#video-gallery .link_for_list h2 { padding: 10px; }

#video-gallery.list_of_links h2 { 
  float: right; 
  clear: right;
}
#video-gallery.link_for_list .images img {
    display: block;
}

#video-gallery #link-list a { background-image: none; }

#video-gallery iframe {
    min-height: 500px;
}

#video-gallery .link_main_category {
    overflow: -webkit-paged-x;
}
#video-gallery .link_sub_categories h2 {
    margin: -15% 0px;
    position: relative;
    width: 100%;
    padding-left: 10px;
}

#video-gallery .link_sub_categories {
   columns: 1;
}

#video-gallery .list_of_links.categories li {
  padding: 10px!important; 
      font-weight: 900;
}
#video-gallery .list_of_links a {
    font-weight: 100;
}

#video-gallery #links-list h4 {
    font-size: .95em;
    color: #afafaf;
    padding: 4px 0;
    margin-bottom: -.25em;
  font-family: 'Lobster', cursive;
  font-weight: 100;
}











/* Mobile-only styles */
@media screen and (max-width:559px){ body{ background-image:none; }

footer{ font-size:1.4em; padding:10px; line-height:1.6em; }

.contact-form label{ font-size:.8em; }

.contact-form ul{ width:102%; }

.contact-form li{ width:46%; padding-right:4%; }

#sthoverbuttons #sthoverbuttons-background{ display:none; }

#wide-features .next.always-show, #features .next.always-show, #wide-features .prev.always-show, #features .prev.always-show{ display:none !important; }

#gallery .image{ width:48%; }

#side-column div.image-thumb{ height:102px; }

}

@media screen and (min-width:560px) and (max-width:769px){ #menu-inner a{ padding:0 12px; }

.contact-form label{ line-height:1em; font-size:.8em; padding:0 0 3px; }

.contact-form li{ width:46%; padding-right:4%; }

#gallery .image{ width:31%; }

#side-column div.image-thumb{ height:92px; }

}

@media screen and (min-width:770px) and (max-width:999px){ #menu-inner a{ padding:0 14px; }

}

@media screen and (min-width:1000px){ .pricing-table{ width:96%; }

.table-description{ font-size:1em; }

}

/* 

Redesigned: 11/18/2020 
By: Myles Torres
Signed off as 100% working on all device sizes.

*/

/* Hide admin bar by default */
#admin-menu-outer { display: none; }
#admin-minimize { display: none; }
#admin-restore { display: block; }

.viewport-width { width: 100vw; left: 0; left:calc(-50vw + 50%); position: relative; overflow: hidden; }
.content-width { width: 1400px; width: calc(1400px - 40px); margin: 0 auto; max-width: 100%; max-width: calc(100% - 40px); }
.toned { background-color: #eae5dc; padding: 55px 0; margin: 55px 0; }
.body-content h1 { padding 0 0 48px; }

/* Layout */
header #top-title { height: 0; opacity: 0; float: left; transition: 200ms opacity ease-in-out; position: absolute; padding: 20px 0 0; width: 44vw; left: 28vw; text-align: center; font-weight: bold; }
.docked header #top-title { transition: 800ms opacity ease-in-out; }
body { width: 100%; overflow-x: hidden; background: #ffffff; }
#wrapper { max-width: 100%; }
header.viewport-width { z-index: 3; position: fixed; overflow: visible; background: #ffffff; border-bottom: 4px solid #custom_4#; min-height: 130px; }
.docked header { box-shadow: 0 0 20px rgba(0,0,0,.5); min-height: 70px; }
#social-top { background: #custom_4#; height: 38px; line-height: 38px; transition: all ease-in-out 200ms; overflow: hidden; text-align: right; color: #ffffff; }
#social-top .content-width { transition: all ease-in-out 200ms; }
#social-icons { float: right; padding: 0 10px 0 12px; }
#social-icons a { font-weight: bold; color: #custom_4#; font-size: 14px; background: #ffffff; display: inline-block; padding: 2px; border-radius: 3px; line-height: 16px; width: 16px; margin-left: 2px; transition: 200ms ease-in-out; }
#social-icons a:hover { background: transparent; }
#social-icons .fa-twitter:hover { color: #00aced; }
#social-icons .fa-facebook:hover { background-color: #3b5998; color: white; }
#social-icons .fa-yelp:hover { color: #af0606; }
#social-icons .fa-linkedin:hover { background-color: #0077b5; color: white; }
#header-contact { text-align: left; float: right; padding: 0 8px 0 0; font-size: 1.4em; }
#header-contact a { display: inline-block; font-weight: bold; transition: all ease-in-out 200ms; color: #333333; font-family: 'Marko One'; }
#header-contact a:hover { color: #7c003e; }
#header-contact i { margin-right: 4px; }
.docked #social-top { position: absolute; height: 0; overflow: inherit; }
.docked #social-top .content-width { transform: translateY(13px); }
.docked #header-contact a { color: #333333; }
.docked #header-contact a:hover { color: #7c003e; }


#header-inner { z-index: 2; }
#mobile-menu { }
.expanded #mobile-menu { }
.header-logo { transition: all ease-in-out 200ms; padding: 10px 0 8px 10px; }
#logo img { max-height: 140px; transition: all ease-in-out 200ms; }

.docked .header-logo, .expanded .header-logo { margin-left: 35px; margin-top: 0; }

#header-contact { text-align: left; float: right; padding: 0 8px 0 0; font-size: 1.4em; }
#header-contact a { display: inline-block; transition: all ease-in-out 200ms; }
#header-contact a:hover { color: #dddddd; }
#header-contact i { margin-right: 4px; }
#header-address, #header-phone { text-align: left; float: right; padding: 0; font-size: 1.2em; font-family: 'Marko One'; }
#header-address a, #header-phone a { display: inline-block; transition: all ease-in-out 200ms; color: #333333; }
#header-address i, #header-phone i { margin-right: 4px; }
#header-address { float: none; display: inline-block; }
.docked #header-address a, .docked #header-phone a { color: #7c003e; font-family: 'Marko One'; }

#logo { transition: all 600ms ease-in-out; opacity: 1; }

#mobile-menu { overflow: hidden; display: block; transform: translateX(-280px); transition: 800ms all ease-in-out; width: 280px; margin-top: 50px; position: absolute; height: calc(100vh - 53px); }
.expanded #mobile-menu { z-index: 3000; transform: translateX(0); box-shadow: rgba(0, 0, 0, 0.25) 0px 10px 10px; background: #eae5dc!important; overflow: auto; }
.expanded #logo { opacity: 1; }
#menu-expander { left: 0; top: 12px; position: fixed; }
#exp-menu { position: relative; padding-top: 0; }
.ddsmoothmenu #menu-inner { padding-top: 0; float: none; }
.main-menu { height: 35px; opacity: 1; transition: all ease-in-out 200ms; float: right; padding-right: 16px; }
.docked .main-menu { opacity: 0; height: 0; overflow: hidden }
#menu-middle { padding-top: 28px; }
#menu-inner a { padding: 8px 10px; font-weight: 600; text-transform: uppercase; transition: 100ms ease-in-out all; }
#menu-inner a.selected { color: #d1caca; background: #ffffff; }
#menu-inner li:nth-child(last) a { padding-right: 0; }
.downarrowclass { width: 0; margin: 9px -3px 0 0; padding: 0 22px 7px 0; background: url(../../siteninja/multitenant/assets/21825/files/original/dropdown-arrow.png) no-repeat right top; display: inline-block; }
.selected .downarrowclass { background-position: right bottom; }
.ddsmoothmenu #menu-inner .submenu-inner li { background: #ffffff; }
.ddsmoothmenu #menu-inner .submenu-inner a { line-height: 1.2em; padding: 8px 10px; font-size: 1em; }
.submenu-inner { width: 245px !important; }
.ddsmoothmenu ul li ul li a { width: 225px !important; }
.ddsmoothmenu #menu-inner .submenu-inner li a:hover { background: #7c003e; }

#content { z-index: 1; position: relative; overflow: inherit; background: rgb(255,255,255); padding: 0; min-height: calc(100vh - 150px); }
#content-middle { padding: 134px 20px 40px; }




footer { background: #ffffff; position: relative !important; font-weight: bold; padding-top: 0; font-size: 1em; }
footer #footer-inner { padding: 0 16px; color: #7c003e; }
footer nav ul { width: 50%; float: left; font-weight: bold; text-transform: uppercase; }
footer nav ul ul { width: 100%; float: none; font-weight: normal; text-transform: none; padding-bottom: 10px; }
footer nav ul li { float: none; line-height: 1.6em; }
footer nav ul li a { float: none; color: #7c003e; }
footer a { color: #dfbdbf; }
footer a:hover, footer nav ul li a:hover { color: #dfbdbf; }
footer h2 { font-size: 1em; font-weight: bold; text-transform: uppercase; color: #dddddd; padding-top: 0; line-height: 1.6em; }

footer #legal { background: #custom_4#; color: #dddddd; line-height: 1.6em; padding-bottom: 30px; }


/* Cover Image */

.cover-image-background { height: 400px; background-size: cover; position: relative; background-position: 50% top; border-bottom: 4px solid #custom_4#; }
.cover-image-overlay { position: absolute; bottom: 0; text-align: center; background: rgba(0, 0, 0, .7)  no-repeat center; width: 100%; padding: .5em 0; text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black; }
.cover-image h1 { border-bottom: 0; margin-top: 0; padding: 10px 0 0; text-transform: uppercase; background-position: center 40px; color: #ffffff; }
.cover-image p { color: #ffffff; padding: .25em 0 .5em; font-size: 1.4em; }
.cover-image { margin-bottom: 44px; box-shadow: 0 0 40px rgba(0,0,0,.5); }

.cover-image img { width: 100%; }

#twitter-widget-0 { height: 300px !important; }
#facebook-iframe { height: 300px !important; width: 292px !important; margin: 0 auto; display: block; }
.images { border: 1px solid #ffffff; background: rgba(255, 255, 255, 0.1); padding: 2px; margin: 8px 0 8px 8px; }
.images.float-left { margin: 8px 8px 8px 0; }

.images img { display: block; }
.list_of_links li.sidebar_link_active { background: #f7f4ef; color: #212121; padding: 10px; border-radius: 100px; display: inline-block; font-weight: normal; }



/* Links */
.link_for_list .images img { display: block; }

/* Gallery Thumbs */
#gallery /*h1 { display: none; }*/
.image { margin: 0 .5% .5%; width: 24%; overflow: hidden; height: 0; padding: 15% 0 0 0; opacity: 1; transition: 400ms all linear; }
.image:hover { opacity: .5; }
.image-thumb-container { padding: 0; /*margin: -60% 0 0;*/ float: none; }
.image-thumb-container, .image-thumb-container:hover { border: 0; }
.image-thumb { height: inherit; }
.image img { width: 100%; }
.fancybox-skin { background: rgba(0,0,0,.75); }

/* Article Thumbs */
#post-images .image-thumb-container { padding: 0; margin: 0% 0 0; float: none; }
#post-images .image-thumb-container, .image-thumb-container:hover { border: 0; }
#post-images .image-thumb { max-height: 150px!important; margin-bottom: 5px; }
#post-images .image img { width: 100%; margin-top: -20px; min-height: 170px!important; }
#post-images .fancybox-skin { background: rgba(0,0,0,.75); }



#feature-panels { margin-right: -20px; }



.ajax-articles h2 { font-size: 1.3em; padding: 10px 0 4px; }
.ajax-articles .article_body { display: none; }
.ajax-articles .images { width: 25%; margin: 1% 0 1% 1%; padding: 1%; }
.ajax-articles .read-more { display: none; }
.ajax-articles .article_posted_info { font-size: .8em; line-height: 1.4em; }

#legal { font-size: .8em; line-height: 1.2em; }
.list_of_links h3 { font-size: 1.4em; }
.large_image { width: 100%; float: none; margin: 40px 0; border-radius: 1em; }
.large_image.float-left { float: left; margin: 0 40px 0 -40px; }
.large_image.float-right { float: right; margin: 0 -40px 0 40px; }
.narrow-content-width .large_image { float: none; margin: 0 auto; text-align: center; display: block; }
.byline { margin-top: -40px; padding-bottom: 40px; text-align: center; }

/* links layout */

#links-list a { display: block; float: left; width: 30.3333%; height: 0; padding: 0 0 30%; margin: 1.5%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: relative; transition: 400ms all ease-in-out; }
#links-list a:hover { opacity: 1; -moz-filter: none; -o-filter: none; -webkit-filter: none; filter: none; }
#links-list h2, #links-list p { display: inline-block; }
#links-list span { display: none }


/* Cover Image */

.cover-image-background { height: 400px; position: relative; background-position: top; border-bottom: 4px solid #custom_4#; }
.cover-image-overlay { position: absolute; bottom: 0; text-align: center; background: rgba(0, 0, 0, .7); padding: .5em 0; text-shadow: 0 0 5px black, 0 0 10px black, 0 0 20px black; width: 100%; }
.cover-image h1 { border-bottom: 0; margin-top: 0; padding: 10px 0 0; text-transform: uppercase; background-position: center 40px; color: #dfbdbf; }
.cover-image p { color: #ffffff; padding: .25em 0 .5em; font-size: 1.4em; }
.cover-image { margin-bottom: 40px; box-shadow: 0 0 40px rgba(0,0,0,.5); }
#homepage .cover-image { margin-bottom: 0; }
.cover-image img { width: 100%; }

#homepage .body-content { padding: 20px 0; }
#twitter-widget-0 { height: 300px !important; }
#facebook-iframe { height: 300px !important; width: 292px !important; margin: 0 auto; display: block; }
.images { border: 1px solid #ffffff; background: rgba(255, 255, 255, 0.1); padding: 2px; margin: 8px 0 8px 8px; }
.images.float-left { margin: 8px 8px 8px 0; }
.images .image-caption { display: inherit; }
.image-caption a { color: #fff; }
.image-caption a:hover { color: #000!important; }





.images img { display: block; }
.list_of_links li.sidebar_link_active { background: transparent!important; color: #212121; padding: 10px; border-radius: 100px; display: inline-block; font-weight: normal; font-weight: 600; border: 5px solid #eaeaea; }

#side-column .list_of_links li {
    margin: 10px 10px 5px 0;
    padding: 20px;
    width: 90%;
    display: inline-block;
    background: #ececec;
    border-radius: 6%;
    text-align: center;
    vertical-align: top;
}

.list_of_links li.sidebar_link a {
    font-weight: 600;
    font-size: 1.25em;
}

/* Links */
.link_for_list .images img { display: block; }

/* Gallery Thumbs */
#gallery /*h1 { display: none; }*/
.image { margin: 0 .5% .5%; width: 24%; overflow: hidden; height: 0; padding: 15% 0 0 0; opacity: 1; transition: 400ms all linear; }
.image:hover { opacity: .5; }
.image-thumb-container { padding: 0; margin: -60% 0 0; float: none; }
.image-thumb-container, .image-thumb-container:hover { border: 0; }
.image-thumb { height: inherit; }
.image img { width: 100%; }
.fancybox-skin { background: rgba(0,0,0,.75); }

/* Article Thumbs */
#post-images .image-thumb-container { padding: 0; margin: 0% 0 0; float: none; }
#post-images .image-thumb-container, .image-thumb-container:hover { border: 0; }
#post-images .image-thumb { max-height: 150px!important; margin-bottom: 5px; }
#post-images .image img { width: 100%; margin-top: -20px; min-height: 170px!important; }
#post-images .fancybox-skin { background: rgba(0,0,0,.75); }



#feature-panels {
    margin-right: -20px;
    max-height: 75vh;
}



.ajax-articles h2 { font-size: 1.3em; padding: 10px 0 4px; }
.ajax-articles .article_body { display: none; }
.ajax-articles .images { width: 25%; margin: 1% 0 1% 1%; padding: 1%; }
.ajax-articles .read-more { display: none; }
.ajax-articles .article_posted_info { font-size: .8em; line-height: 1.4em; }

#legal { font-size: .8em; line-height: 1.2em; }
.list_of_links h3 { font-size: 1.4em; }
.large_image { width: 760px; float: right; margin: 0 -40px 0 40px; }
.large_image.float-left { float: left; margin: 0 40px 0 -40px; }
.narrow-content-width .large_image { float: none; margin: 0 auto; text-align: center; display: block; }
.byline { margin-top: -40px; padding-bottom: 40px; text-align: center; }

/* links layout */

#links-list a { display: block; float: left; width: 29.3333%; height: 0; padding: 0 0 30%; margin: 1.5%; background-repeat: no-repeat; background-position: center; background-size: 100% auto; position: relative; transition: 400ms all ease-in-out; background: none; }
#links-list a:hover { opacity: 1; -moz-filter: none; -o-filter: none; -webkit-filter: none; filter: none; }
#links-list h2, #links-list p { display: inline-block; }
#links-list h2 { font-size: 1em; }
#links-list span { display: none }




.header-logo {
    padding: 0 0 0em 1em;
    margin-top: -20px;
}



#homepage #logo h1 {
    padding: 0;
}


#logo h1 {
 padding: 0!important; 
}

.panel.bottom .panel-overlay-outer {
    width: 100%!important;
    border-top: none;
    background: transparent;
    bottom: 0;
}

.panel-container {
 	position: relative;
}

#feature-panels .panel-container:nth-child(1) {
 max-height: 50vh; 
}


#homepage .body-content {
    padding: 0% 15% 5%;
}

#homepage a:hover {
    color: #fff!important;
  background: black !important;
}
#homepage #menu-inner a:hover {
    color: #eaeaea!important;
}





#homepage h2 {
 border-bottom: none; 
}




.container{
  padding: 1em 0;
  float: left;
  width: 100%;
}
@media screen and (max-width: 640px){
  .container{
    display: block;
    width: 100%;
  }
}

@media screen and (min-width: 900px){
  .container{
    width: 100%;
  }
}

.container .title{
  color: #eaeaea;
  text-align: center;
  margin-bottom: 10px;
}

.box {
  position: relative;
  width: 90%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.box .box-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.box:hover .box-overlay{
  opacity: 1;
}

.box-image{
  width: 100%;
}

.box-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.box:hover .box-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.box-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.box-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}


.comparison {
    width: 45%;
    margin: 0 10px 10px 0;
    display: inline-block;
    clear: right;
    padding: 10px;
    box-shadow: 0px 0px 30px -10px #000;
    border: 1px solid #222;
}

.required {
    color: #e28d56;
}

#main-column {
    margin-right: 0px;
}

.images img {
    display: block;
    width: 100%;
}

.large_image {
    margin: 10px 0;
  	border-radius: 1em;
}


#homepage img.downarrowclass {
 	width: 0!important; 
}


.article_for_list {
    margin-bottom: 8em;
}

.link_for_list {
     margin-bottom: 8em;
}


.panel-container {
    position: relative;
    max-height: 100vh;
}


.list_of_links li {
    margin: 10px 10px 25px 0;
    padding: 20px;
    width: 90%;
    display: inline-block;
    background: #ececec;
    border-radius: 6%;
    text-align: center;
    vertical-align: top;
}

.panel-overlay-inner h2 { color: #f7f7f7!important; }


.link_for_list {
    margin: 10px 10px 25px 0;
    padding: 20px;
    width: 90%;
    display: inline-block;
    background: #f7f4ef;
    border-radius: 6%;
    text-align: center;
    vertical-align: top;
}
#short-film.link_for_list {
    width: 28%!important;
}
#short-film.list_of_links li {
    width: 28%!important;
}


.link_for_list p {
  display: inline-block;
}

.link_for_list .images {
 float: none;
  margin: 0 auto;
}

.link_for_list .images img {
  text-align: center!important;
  margin: 0 auto!important;
}



.article_for_list {
    margin: 10px 10px 5em 0;
    padding: 20px;
    width: 95%;
    display: inline-block;
    background: #f7f4ef;
    border-radius: 6%;
    text-align: left;
    vertical-align: top;
}


.article_posted_info {
    display: none;
}


.docked .header-logo {
    padding: 0;
}
.docked #logo img {
    max-height: 70px;
}
.docked header.viewport-width {
 background: white!important;
  min-height: 70px;
}
#homepage .docked header.viewport-width {
 background: white!important;
}

.images {
    max-width: 190px;
}

#homepage header.viewport-width {
 background: transparent;
}

#homepage #menu-middle {
    padding-top: 0px;
    padding: 5px;
    border-radius: 1em;
    margin-top: 40px;
}

#menu-middle {
    padding-top: 0px;
    padding: 5px;
    border-radius: 1em;
    margin-top: 20px;
}

/*#homepage .header-logo {
    padding: 0 0 0em 1em;
    margin-top: 0px;
}*/

.panel-overlay-inner h2 {
    color: #f7f7f7!important;
    font-weight: 900;
}
.panel-overlay-inner {
    text-align: center;
    padding: 50px 0 100px;
}

.read-more {
 display: none;
}

.docked .header-logo {
	margin-top: 0!important;  
}

.image-container {
 background: none!important; 
}

.link {
 background: none!important; 
}





.rss-icon { display: none!important; }
.rss-icon img { display: none!important; }

ul.event_categories.list_of_links li {
      margin: 10px 10px 0 0;
}

.panel .panel-overlay-inner a {
  text-decoration: none!important;
}

/*.event-btn {
  margin: 0 auto;
  text-align: center;
  display: table;
  color: #6b0026;
  letter-spacing: 0.02em;
  padding: 15px 40px;
    border-bottom: solid 8px #231f20;
    border-left: solid 5px #231f20;
    border-right: solid 5px #231f20;
  font-weight: bold;
  background-image: url('../../siteninja/multitenant/assets/26202/files/original/yellow_button.png');
  background-repeat: repeat-x;
  background-position: 0 -55%;
  transition: all 1.25s ease-out;
  text-transform: uppercase;
  text-decoration: none;
  width: 75%;
  border-radius: 3px 3px 50px 50px;
  height: 50px;
}
 
.fill:hover {
  background-position: 100% 55%;
  color: #ffffff!important;
}*/


/*.list_of_links.categories .list_of_links.categories li {
  margin: 10px auto;
  text-align: center;
  display: table;
  color: #6b0026;
  letter-spacing: 0.02em;
  padding: 15px 40px;
  border: solid 3px #6b0026;
  font-weight: bold;
  background-image: url('../../siteninja/multitenant/assets/26202/files/original/yellow_button.png');
  background-repeat: repeat-x;
  background-position: 0 -55%;
  transition: all 1.25s ease-out;
  text-transform: uppercase;
  text-decoration: none;
  width: 100px;
}*/


.button1 {
  font-family: 'Marko One', serif;
    position: relative;
    min-width: 90%;
    text-align: center;
    display: inline-block;
    padding: 35px 25px;
    font-size: 22px;
    font-weight: 700;
    z-index: 10;
    transition: all 500ms;
    border: 2px solid transparent;
    margin: 10px 0px;
    border-radius: 5px;
}
.button1::after {
  content: '';
  position: absolute;
  z-index: -1;
  transition: all 500ms;
  border-radius: 5px;
}
.button1:hover {
  box-shadow: none!important;
}
.button1.button-purple {
  color: #fff;
  background-color: #791136;
  box-shadow: 0 3px 20px rgba(125, 0, 65, 0.3);
}
.button1.button-purple::after {
  background-color: #fff;
}
.button1.button-purple:hover {
  color: #791136;
  border-color: #791136;
}

.button1.button-top::after {
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
}
.button1.button-top:hover::after {
  height: 100%;
  top: auto;
  bottom: 0;
}


/*---------------------------------[ Link button ]---------------------------------*/

.button-link { 
    background: #7c003e; 
    color: #dddddd; 
    border-radius: 100px;  
    padding: 12px 24px; 
    font-size: 1.25em; 
    text-decoration: none; 
    text-transform: uppercase; 
    display: inline-block; 
    transition: all 600ms ease-in-out; 
    -webkit-animation: fadeIn 6s; 
    animation: fadeIn 6s; 
    -webkit-animation-fill-mode: forwards; 
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; 
    text-align: left;
    margin: 3% 5%;
}
.button-link:hover { 
    background: #7c003e; 
    color: #dddddd;
}

/*---------------------------------[ Html Editor button ]---------------------------------*/

.button { 
  font-family: 'Marko One', serif;
    background: #7c003e; 
    color: #ffffff; 
    border-radius: 100px;  
    padding: 12px 24px; 
    font-size: 1.25em; 
    text-decoration: none; 
    text-transform: uppercase; 
    display: inline-block; 
    transition: all 600ms ease-in-out; 
    -webkit-animation: fadeIn 6s; 
    animation: fadeIn 6s; 
    -webkit-animation-fill-mode: forwards; 
    -moz-animation-fill-mode: forwards;
    animation-fill-mode: forwards; 
    text-align: left;
    margin: 3% 5%;
}
.button:hover { 
    background: #7c003e; 
    color: #dddddd;
}



a.selected-tree { font-weight: 600; }



#section-46585 #links-list a {
  border: 1px solid #eaeaea!important;
}
#section-46585 #links-list a:hover {
  box-shadow: 0px 0px 40px -10px #000!important;
  border: 1px solid #eaeaea!important;
}



table.calendar tr td, table.calendar tr th {
 border: none!important; 
  padding: 10px;
}

table.calendar tr td:nth-child(odd){
 background: #f7f7f7!important; 
}

.calendar-day {
    font-weight: bold;
    background: ivory;
    width: 25px;
    border-radius: 50%;
    margin-bottom: 10px;
}

/*hide the Day Number on Events, in the Event List */
.event_date {
    display: none;
}


.feature-wrapper { padding: 3% 0 2%; font-size: 1.2em; }
.feature-wrapper h2 { padding: 0 0 2%; }
.features { display: flex; }
.features a { display: block; width: calc(18% - 2px); margin: 1%; float: left; text-align: center; height: 0; padding-top: 20%; position: relative; box-shadow: 0 0 40px -10px black; border: 1px solid #custom_4#; background-size: cover; background-position: center; transition: 200ms all ease-in-out; position: relative; }
.features a::before { content: ""; width: 100%; height: 100%; background: black; position: absolute; top: 0; left: 0; 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+65,0.75+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 65%, rgba(0,0,0,0.75) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.75) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 65%,rgba(0,0,0,0.75) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 ); /* IE6-9 */
}
.features a:hover { opacity: .8; }
.features h3 { padding: 4%; color: #ffffff; text-shadow: 1px 1px 0 black, 0 0 4px black, 0 0 8px black; position: absolute; bottom: 2%; top: auto; width: 92%; font-weight: normal; }
#featured-products p { font-size: 1.2em; text-align: left; padding: 2% 0 0; line-height: 1.6em; }


/*html#ecwid_html body#homepage .ec-minicart__icon .icon-default path[stroke], html#ecwid_html body#homepage .ec-minicart__icon .icon-default circle[stroke] {
    stroke: #000!important;
}
html#ecwid_html body#homepage [class^='ec-minicart'] {
    background-color: #ffffff!important;
}*/

html#ecwid_html body#homepage .ec-size .ec-store .form-control--secondary .form-control__button {
    background-color: #791136!important;
}


iframe {
    border-width: 0px!important;
}



.were-open {
    z-index: 999;
    position: relative;
    padding: 20px;
    margin: 10px 10px 20px;
    text-align: center;
    background: white;
    border-radius: 1em;
    box-shadow: 0px 10px 30px -20px #999;
}

.were-open h2 {
 	margin: 2px;
  	padding:0;
  	font-size: 2em;
}



#service-box {
    display: inline-block;
    margin: 5% 0 0;
    padding: 8%;
    box-shadow: 0px 0px 50px -40px #777;
    text-align: center;
}

#service-box h3 {
    font-size: 3em;
    color: #232323;
}

#service-box h4 {
    color: #8c8c8c;
}

.feature-text {
    text-align: right;
    padding: 0 0 0 5%;
    margin: 15% 0 0;
}

.feature-text .button {
    margin: 3% 0%;
}

.feature-text-2 {
    text-align: left;
    padding: 0 5% 0 0;
    margin: 20% 0 0;
}

.feature-text-2 .button {
    margin: 3% 0%;
}

.about-feature {
    display: inline-block;
    margin: 5% 0 0;
    padding: 8%;
    text-align: center;
}

.about-feature h1 {
    font-size: 4em;
    font-weight: 900;
    padding: .15em 0 .25em;
}

.about-feature h2 {
  	margin-top: 0;
    font-size: 2.25em;
    color: #333333;
  	font-weight: 900;
    padding: 0 0 1em;
}

.about-feature span {
  	font-size: 1em;
  	margin-bottom: -20px;
  font-weight: 900;
}

.video-feature {
    margin: 10% 5% 0% 0%;
    text-align: center;
}

.video-feature h2 {
  	margin-top: 0;
    font-size: 2.25em;
    color: #333333;
  	font-weight: 900;
    padding: 0 0 1em;
}

.video-feature span {
  	font-size: 1em;
  	margin-bottom: -20px;
  font-weight: 900;
}

.articles-for-main-column {
    margin: 15% 0 0 1%;
}
.articles-for-main-column h2 {
    display: none;
}

.articles-for-main-column .list_of_links li {
    background: transparent;
    text-align: left;
}


#logo img {
    max-height: 80px;
    image-rendering: optimizequality!important;
}

.testimonial {
    background-image: none;
    padding: 2% 0;
    font-family: serif;
    font-size: 1.5em;
    font-weight: 100;
    text-align: center;
}

.testimonial blockquote {
    font-style: italic;
}

#menu-inner a {
    padding: 8px 10px;
    font-weight: 600;
    text-transform: none;
    transition: 100ms ease-in-out all;
    font-family: 'Marko One';
}


.docked #logo img {
    max-height: 40px;
    margin-top: 10px;
}



html#ecwid_html body#homepage [class^='ec-minicart'] {
     background-color: black!important;
    border-radius: 10px!important;
}

.panel-overlay-inner h2 {
    color: #ffffff!important;
    padding: 20px;
    border-radius: 15px;
}

.image-container {
    background: none!important;
    max-height: 430px;
    overflow: hidden;
}


#homepage #side-column {
    padding-top: 175px;
    margin-left: 0px;
}


.panel-overlay-inner {
    text-align: center;
    padding: 0px 0px 90px;
    background: linear-gradient(0deg, #0e0901, transparent);
}



.bottom-info {
 margin-bottom: 30px; 
}


/* Responsive Styles*/

/* Mobile size */
@media screen and (max-width: 559px) {
#social-top { position: relative; z-index: 4; text-align: center; }
.expanded #social-top { z-index: 2; }
.docked #social-top { overflow: hidden; }
#header-contact, #social-icons { display: inline-block; float: none; }
#header-contact { font-size: 1.2em; }
header.viewport-width { z-index: 3; }
.docked .header-logo { margin-left: 0; }
.header-logo { text-align: center; margin: 0 auto; padding: 10px 0 4px; max-width: 100%; }
#mobile-menu { display: block; margin-top: 80px; width: 100vw; transform: translateX(-100vw); }
.docked #mobile-menu { margin-top: 50px; }
#menu-expander { transform: translate(0); opacity: 1; top: 50px; }
.docked #menu-expander { top: 5px; }

#feature-panels .panel-container {
    min-height: 15vh;
}

.panel-overlay-inner h2 {
    font-size: 1em!important;
    text-shadow: 1px 1px 1px #000;
}

#content {
    padding: 220px 0;
}

#content-middle {
    padding: 0px 20px 40px;
}

.comparison {
 	width: 95%; 
}


.panel-overlay-inner {
    padding: 1em;
}

.cover-image-background {
    height: 200px;
}

.list_of_links li {
    width: 90%;
}

.panel-overlay-inner h2 { color: #f7f7f7!important; }


.link_for_list {
    width: 95%;
}

#homepage #content {
    padding: 220px 0 0 0;
}


.read-more {
 	display: none; 
}


.panel-overlay-inner {
    padding: 2em;
}

#footer.panel-overlay-inner {
    padding: 2em!important;
}

#short-film.list_of_links li {
    width: 90%!important;
}


.docked .header-logo {
	margin-top: 0;  
}


#logo img {
    max-height: 90px;
}

.header-logo {
    text-align: center;
}

#links-list a {
    display: block;
    float: left;
    width: 100%;
    height: 0;
    padding: 0 15px 100%;
    margin: 1.5%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    position: relative;
    transition: 400ms all ease-in-out;
    background: none!important;
}
#links-list a {
    width: 98%!important;
    font-size: .75em!important;
    padding: 0 0 50%!important;
    max-height: 150px!important;
    height: 100%!important;
    overflow: hidden!important;
}

#homepage .body-content {
    padding: 5% 5% 10%;
}




/**/
.docked .header-logo { 
  text-align: left;
}

.expanded .header-logo {
  margin: 0 auto;
}

.docked .header-logo { 
  margin-left: 35px;
}

.docked #social-top { 
  display: none; 
}

#social-icons { 
  float: none; 
  display: inline-block; 
  position: relative;
  top: -3px;
}
#social-top {
  text-align: center; 
  height: inherit; 
  line-height: 24px; 
  top: 120px; 
  position: absolute; 
  padding: 4px 0; 
}

.docked #social-top { 
  display: none; 
}

#social-top .content-width div { 
  display: inline-block; 
}

#header-contact a { 
  font-size: .8em; 
}

#header-contact { 
  float: none; display: inline-block; 
}

#menu-expander { 
  transform: translate(0); 
  opacity: 1; 
  top: 0;
  padding: 17px 4px; 
}
header #top-title { display: none; }



#feature-panels .panel-container:nth-child(2) {
  width: 100%;
}
#feature-panels .panel-container:nth-child(3) {
  width: 100%;
}


.features { display: block; }
.features a, #featured-reasons .features a, #featured-focus .features a { width: calc(98% - 2px); float: none; padding-top: 68%; }
#featured-focus .features a { margin-bottom: 200px; }
.list_of_links .link { width: 44%; }
#mc_embed_signup_scroll .mc-field-group { width: 96%; } 
#homepage .panel-overlay-inner { padding: 0; }


.image-container {
    background: none!important;
    overflow: hidden;
}

.about-feature h1 {
    font-size: 2.5em;
}

.video-feature {
    margin: 0% 0% 0% 0%;
}




#feature-panels .panel-container {
    width: 100%!important;
}


#feature-panels {
    margin-right: 0;
    max-height: 100%;
}

.testimonial blockquote {
    font-size: 1em;
}

#service-box h3 {
    font-size: 2.5em;
}

.feature-text {
    margin: 0% 0 0;
}


.feature-text-2 {
    margin: 0% 0 0;
}




#homepage #side-column {
    padding-top: 0px;
    margin-left: 0px;
}



.slice-wrapper .slice {
    margin: 0;
}

.article_for_list {
    margin: 10px 0;
    padding: 20px 5px;
    width: 95%;
    display: inline-block;
    background: #f7f4ef;
    border-radius: 6%;
    text-align: left;
    vertical-align: top;
}

h2 {
    font-size: 1.25em;
}

#service-box h3 {
 letter-spacing: -1px; 
}
.about-feature h1 {
 letter-spacing: -1px; 
}



.bottom-info {
 text-align: center; 
}

footer {
 padding: 0!important; 
}




 
}

/* Tablet size */
@media screen and (min-width: 560px) and (max-width: 769px) {
  header.viewport-width { z-index: 3; }

#mobile-menu { display: block; margin-top: 88px; width: 50vw; transform: translateX(-50vw); }
.docked #mobile-menu { margin-top: 50px; }
#menu-expander { transform: translate(0); opacity: 1; top: 54px; }
.docked #menu-expander { top: 14px; }

.panel-overlay-inner h2 {
 font-size: 2em!important; 
      text-shadow: 1px 1px 1px #000;
}

#content {
    padding: 120px 0;
}

#content-middle {
    padding: 0px 20px 40px;
}

.comparison {
 	width: 95%; 
}


.panel-overlay-inner {
    padding: 2em;
}
#footer.panel-overlay-inner {
    padding: 1em!important;
}


.cover-image-background {
    height: 300px;
}



.list_of_links li {
    width: 95%;
}

.panel-overlay-inner h2 { color: #f7f7f7!important; }


.link_for_list {
    width: 95%;
}

#short-film.list_of_links li {
    width: 90%!important;
}

#homepage .header-logo {
    padding: 0 0 0em 1em;
    margin-top: 0px;
}

#logo img {
    max-height: 70px;
}



#links-list a {
    width: 45%!important;
    font-size: .75em!important;
    padding: 0 0 20%!important;
    max-height: 150px!important;
    height: 100%!important;
    overflow: hidden!important;
}

.header-logo {
    padding: 0px 0px 0em 3em;
    margin-top: 0px;
  margin-left: 30px;
}

.button {
    font-size: 1em;
}

#header-contact {
    display: none;
}

.image-container {
    background: none!important;
    max-height: 220px;
    overflow: hidden;
} 
}

/* Narrow size */
@media screen and (min-width: 770px) and (max-width: 999px) {
  header.viewport-width { margin-left: 0; }
#header-contact { padding: 0 24px 0 0; }

.panel-overlay-inner h2 {
 font-size: 2.5em!important; 
      text-shadow: 1px 1px 1px #000;
}

#homepage #content-middle {
    padding: 150px 0px 40px;
}

.header-logo {
    padding: 0 0 0em 1em;
    margin-top: 30px;
}


.comparison {
 	width: 95%; 
}


#menu-inner a {
    padding: 7px 7px;
    font-weight: 600;
    text-transform: uppercase;
    transition: 100ms ease-in-out all;
    font-size: 1.25vw;
}

.panel-overlay-inner {
    padding: 4em;
}


.cover-image-background {
    height: 400px;
}

#menu-expander {
    display: none;
}
.docked #menu-expander, .expanded #menu-expander {
    opacity: 1;
    transform: translate(0);
    display: inherit;
}




.list_of_links li {
    width: 40%;
}


.panel-overlay-inner h2 { color: #f7f7f7!important; }


.link_for_list {
    width: 40%;
}


#menu-middle {
    padding-top: 0;
}

#links-list a {
    width: 30%!important;
    font-size: .75em!important;
    padding: 0 0 35%!important;
}


.feature-wrapper {
    padding: 15% 0 2%;
    font-size: 1.2em;
}



.image-container {
    background: none!important;
    max-height: 250px;
    overflow: hidden;
}

.panel-overlay-inner {
    padding: 2em;
} 
}

/* Wide size */
@media screen and (min-width: 1000px) {
  .panel-overlay-inner h2 {
 	font-size: 2.5em!important; 
    text-shadow: 1px 1px 1px #000;
}


#menu-expander {
    display: none;
}

.docked #menu-expander, .expanded #menu-expander {
    opacity: 1;
    transform: translate(0);
    display: inherit;
}


.panel-overlay-inner h2 { color: #f7f7f7!important; }



.feature-wrapper {
    padding: 8% 0 2%;
    font-size: 1.2em;
} 
}