@import url('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css');
/*@import url(https://fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,400,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:100,200,300,400,500,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Merriweather:300,300italic,400,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(https://fonts.googleapis.com/css?family=Raleway:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Ubuntu:300,300italic,400,400italic,500,500italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200);*/
/*===========================*/
/* FONTS */ /*=====ORGANIZED START=====*/
/*===========================*/
@font-face {
font-family: 'Open Sans';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Regular.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Regular.woff')format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Regular.woff2') format('woff2');
}
@font-face {
font-family: 'Open Sans Bold';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Bold-700.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Bold.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Bold.woff2') format('woff2');
}
@font-face {
font-family: 'Open Sans Bold Italic';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-BoldItalic.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-BoldItalic.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-BoldItalic.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'Open Sans Italic';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Italic.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Italic.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Italic.woff2') format('woff2');
}
@font-face {
font-family: 'Open Sans SemiBold';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-SemiBold-600.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Semibold.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-Semibold.woff2') format('woff2');
}
@font-face {
font-family: 'Open Sans Semi Bold Italic';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-SemiBoldItalic.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-SemiboldItalic.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/2023/OpenSans-SemiboldItalic.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'Champion HTF Lightweight';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Champion%20HTF%20Lightweight/ChampionHTF-Lightweight-Regular.otf') format('opentype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Champion%20HTF%20Lightweight/ChampionHTF-Lightweight-Regular.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Champion%20HTF%20Lightweight/ChampionHTF-Lightweight-Regular.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'DIN Condensed Bold';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/DIN%20Condensed%20Bold/DIN-Condensed-Bold.ttf') format('truetype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/DIN%20Condensed%20Bold/DIN-Condensed-Bold.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/DIN%20Condensed%20Bold/DIN-Condensed-Bold.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'Engebrechtre';
src: url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Regular.otf') format('opentype'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Regular.woff') format('woff'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Regular.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'Engebrechtre Bold';
src: url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Bold.otf') format('opentype'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Bold.woff') format('woff'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Bold.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'Engebrechtre Bold Italic';
src: url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Bold-Italic.otf') format('opentype'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Bold-Italic.woff') format('woff'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Bold-Italic.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'Engebrechtre Italic';
src: url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Regular-Italic.otf') format('opentype'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Regular-Italic.woff') format('woff'),
url('https://www.aeplayer.com/hubfs/Fonts/AE%20Player/Engebrechtre-Regular-Italic.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'MyriadPro';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Regular.otf') format('opentype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Regular.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Regular.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'MyriadPro Black';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Black.otf') format('opentype'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Black.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Black.woff2') format('woff2');/* Safari, Android, iOS */
}
@font-face {
font-family: 'MyriadPro Bold';
src: url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Bold.otf') format('opentype'), /* Safari, Android, iOS */
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Bold.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/Fonts/Company%20Fonts/Myriad%20Pro/MyriadPro-Bold.woff2') format('woff2');/* Safari, Android, iOS */
}
/*===========================*/
/* TEMP FONTS */
/*===========================*/
@font-face {
font-family: 'Alfa Slab One';
src: url('https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Hucks%20Landing%20Page/Hucks%20Landing%20Page%20-%20Fonts/AlfaSlabOne.otf') format('opentype'), /* Safari, Android, iOS */
url('https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Hucks%20Landing%20Page/Hucks%20Landing%20Page%20-%20Fonts/AlfaSlabOne-Regular.woff') format('woff'),
url('https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Hucks%20Landing%20Page/Hucks%20Landing%20Page%20-%20Fonts/AlfaSlabOne-Regular.woff2') format('woff2');/* Safari, Android, iOS */
}
/*=====ORGANIZED END=====*/
/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section */
/***********************************************/
/****************************************/
/* HubSpot Style Boilerplate */
/****************************************/
/* These includes are optional, but helpful. */
/* Images */
img {
max-width: 100%;
border: 0;
-ms-interpolation-mode: bicubic;
vertical-align: bottom; /* Suppress the space beneath the baseline */
}
/* Videos */
video {
max-width: 100%;
height: auto;
}
/* Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed {
position: relative;
height: auto;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe, .hs-responsive-embed object, .hs-responsive-embed embed {
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 2%;
}
.hs-responsive-embed.hs-responsive-embed-instagram {
padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
height: auto;
overflow: visible;
padding: 0;
}
.hs-responsive-embed.hs-responsive-embed-pinterest iframe {
position: static;
width: auto;
height: auto;
}
iframe[src^="http://www.slideshare.net/slideshow/embed_code/"] {
width: 100%;
max-width: 100%;
}
@media (max-width: 568px) {
iframe {
max-width: 100%;
}
}
/* Forms */
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select {
padding: 6px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Menus */
.hs-menu-wrapper ul {
padding: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: inline-block;
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
left: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 180px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.row-fluid-wrapper:last-child .hs-menu-wrapper.hs-menu-flow-horizontal > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch {
position: relative;
margin-bottom: 20px;
min-height: 7em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul {
margin-bottom: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children {
position: static;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:before {
content: " ";
display: table;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper:after {
content: " ";
display: table;
clear: both;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li {
float: left;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: inline-block;
padding: 10px 20px;
white-space: nowrap;
max-width: 140px;
width: auto;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical {
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-vertical ul {
list-style: none;
margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical li a {
display: block;
white-space: nowrap;
width: 140px;
overflow: hidden;
text-overflow: ellipsis;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
margin-bottom: 20px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-menu-depth-1 > a {
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li a {
padding: 10px 20px;
text-decoration: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children {
position: relative;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: hidden;
opacity: 0;
-webkit-transition: opacity 0.4s;
position: absolute;
z-index: 10;
top: 0;
left: 180px;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li a {
min-width: 140px;
width: auto;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul {
max-width: 100%;
overflow: hidden;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
display: none;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li.hs-item-has-children > ul.hs-menu-children-wrapper {
display: block;
visibility: visible;
opacity: 1;
position: static;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-2 > a {
padding-left: 4em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-3 > a {
padding-left: 6em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-4 > a {
padding-left: 8em;
}
.hs-menu-wrapper.hs-menu-flow-vertical.hs-menu-show-active-branch li.hs-menu-depth-5 > a {
padding-left: 140px;
}
.hs-menu-wrapper.hs-menu-not-show-active-branch li.hs-menu-depth-1 ul {
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.18);
}
@media (max-width: 568px) {
.hs-menu-wrapper, .hs-menu-wrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
}
.hs-menu-wrapper.hs-menu-flow-horizontal ul {
list-style: none;
margin: 0;
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
display: block;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 {
float: none;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a,
.hs-menu-wrapper.hs-menu-flow-horizontal.hs-menu-show-active-branch > ul li.hs-item-has-children.active-branch > ul.hs-menu-children-wrapper > li a {
display: block;
max-width: 100%;
width: 100%;
}
}
.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper,
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
visibility: visible;
opacity: 1;
}
/* Space Module */
.widget-type-space {
visibility: hidden;
}
/* Blog Author Section */
.hs-author-listing-header {
margin: 0 0 .75em 0;
}
.hs-author-social-links {
display: inline-block;
}
.hs-author-social-links a.hs-author-social-link {
width: 24px;
height: 24px;
border-width: 0px;
border: 0px;
line-height: 24px;
background-size: 24px 24px;
background-repeat: no-repeat;
display: inline-block;
text-indent: -99999px;
}
.hs-author-social-links a.hs-author-social-link.hs-social-facebook {
background-image: url("//static.hubspot.com/final/img/common/icons/social/facebook-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-linkedin {
background-image: url("//static.hubspot.com/final/img/common/icons/social/linkedin-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-twitter {
background-image: url("//static.hubspot.com/final/img/common/icons/social/twitter-24x24.png");
}
.hs-author-social-links a.hs-author-social-link.hs-social-google-plus {
background-image: url("//static.hubspot.com/final/img/common/icons/social/googleplus-24x24.png");
}
/*
* jQuery FlexSlider v2.0
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/
/* Wrapper */
.hs_cos_wrapper_type_image_slider {
display: block;
overflow: hidden
}
/* Browser Resets */
.hs_cos_flex-container a:active,
.hs_cos_flex-slider a:active,
.hs_cos_flex-container a:focus,
.hs_cos_flex-slider a:focus {outline: none;}
.hs_cos_flex-slides,
.hs_cos_flex-control-nav,
.hs_cos_flex-direction-nav {margin: 0; padding: 0; list-style: none;}
/* FlexSlider Necessary Styles
*********************************/
.hs_cos_flex-slider {margin: 0; padding: 0;}
.hs_cos_flex-slider .hs_cos_flex-slides > li {display: none; -webkit-backface-visibility: hidden; position: relative;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.hs_cos_flex-slider .hs_cos_flex-slides img {width: 100%; display: block; border-radius: 0px;}
.hs_cos_flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .hs_cos_flex-slides element */
.hs_cos_flex-slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .hs_cos_flex-slides {display: block;}
* html .hs_cos_flex-slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
/* FlexSlider Default Theme
*********************************/
.hs_cos_flex-slider {margin: 0 0 60px; background: #fff; border: 0; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1;}
.hs_cos_flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .hs_cos_flex-viewport {max-height: 300px;}
.hs_cos_flex-slider .hs_cos_flex-slides {zoom: 1;}
.carousel li {margin-right: 5px}
/* Direction Nav */
.hs_cos_flex-direction-nav {*height: 0;}
.hs_cos_flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {background-position: 100% 0; right: -36px; }
.hs_cos_flex-direction-nav .hs_cos_flex-prev {left: -36px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next {opacity: 0.8; right: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-prev {opacity: 0.8; left: 5px;}
.hs_cos_flex-slider:hover .hs_cos_flex-next:hover, .hs_cos_flex-slider:hover .hs_cos_flex-prev:hover {opacity: 1;}
.hs_cos_flex-direction-nav .hs_cos_flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
/* Direction Nav for the Thumbnail Carousel */
.hs_cos_flex_thumbnavs-direction-nav {
margin: 0px;
padding: 0px;
list-style: none;
}
.hs_cos_flex_thumbnavs-direction-nav {*height: 0;}
.hs_cos_flex_thumbnavs-direction-nav a {width: 30px; height: 140px; margin: -60px 0 0; display: block; background: url(//static.hsappstatic.net/content_shared_assets/static-1.3935/img/bg_direction_nav.png) no-repeat 0 40%; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease;}
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-next {background-position: 100% 40%; right: 0px; }
.hs_cos_flex_thumbnavs-direction-nav .hs_cos_flex_thumbnavs-prev {left: 0px;}
.hs-cos-flex-slider-control-panel img { cursor: pointer; }
.hs-cos-flex-slider-control-panel img:hover { opacity:.8; }
.hs-cos-flex-slider-control-panel { margin-top: -30px; }
/* Control Nav */
.hs_cos_flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.hs_cos_flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.hs_cos_flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.hs_cos_flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.hs_cos_flex-control-paging li a.hs_cos_flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.hs_cos_flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.hs_cos_flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.hs_cos_flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.hs_cos_flex-control-thumbs img:hover {opacity: 1;}
.hs_cos_flex-control-thumbs .hs_cos_flex-active {opacity: 1; cursor: default;}
@media screen and (max-width: 860px) {
.hs_cos_flex-direction-nav .hs_cos_flex-prev {opacity: 1; left: 0;}
.hs_cos_flex-direction-nav .hs_cos_flex-next {opacity: 1; right: 0;}
}
.hs_cos_flex-slider .caption {
background-color: rgba(0,0,0,0.5);
position: absolute;
font-size: 2em;
line-height: 1.1em;
color: white;
padding: 0px 5% 0px 5%;
width: 100%;
bottom: 0;
text-align: center;
}
.hs_cos_flex-slider .superimpose .caption {
color: white;
font-size: 3em;
line-height: 1.1em;
position: absolute;
padding: 0px 5% 0px 5%;
width: 90%;
top: 40%;
text-align: center;
background-color: transparent;
}
@media all and (max-width: 400px) {
.hs_cos_flex-slider .superimpose .caption {
background-color: black;
position: static;
font-size: 2em;
line-height: 1.1em;
color: white;
width: 90%;
padding: 0px 5% 0px 5%;
top: 40%;
text-align: center;
}
/* beat recaptcha into being responsive, !importants and specificity are necessary */
#recaptcha_area table#recaptcha_table {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {width: 300px !important;}
#recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important;}
#recaptcha_area table#recaptcha_table #recaptcha_image {width:280px !important;}
}
.hs_cos_flex-slider h1,
.hs_cos_flex-slider h2,
.hs_cos_flex-slider h3,
.hs_cos_flex-slider h4,
.hs_cos_flex-slider h5,
.hs_cos_flex-slider h6,
.hs_cos_flex-slider p {
color: white;
}
/* Thumbnail only version of the gallery */
.hs-gallery-thumbnails li {
display: inline-block;
margin: 0px;
padding: 0px;
margin-right:-4px;
}
.hs-gallery-thumbnails.fixed-height li img {
max-height: 150px;
margin: 0px;
padding: 0px;
border-width: 0px;
}
/* responsive pre elements */
pre {
overflow-x: auto;
}
/* responsive pre tables */
table pre {
white-space: pre-wrap;
}
/* adding minimal spacing for blog comments */
.comment {
margin: 10px 0 10px 0;
}
/* make sure lines with no whitespace don't interefere with layout */
.hs_cos_wrapper_type_rich_text,
.hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header,
.hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html,
.hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
word-wrap: break-word;
}
/* HTML 5 Reset */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
display: block;
}
audio, canvas, video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
/* Support migrations from wordpress */
.wp-float-left {
float: left;
margin: 0 20px 20px 0;
}
.wp-float-right {
float: right;
margin: 0 0 20px 20px;
}
/* Responsive Google Maps */
#map_canvas img, .google-maps img {
max-width: none;
}
/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;}
/********************************************************************/
/********************************************************************/
/* COPY & PASTE THE CODE GIVEN ON THE HOMEPAGE IN THE SECTION BELOW */
/********************************************************************/
/********************************************************************/
/* Main Body Font */
/* Main Header Font */
/* Main Body Font Weight */
/* Main Header Font Weight */
/* change your site's color here */
/* change your site's F color here */
/* change your site's white color here */
/* This color is solely used on the top bar of the website. */
/* This sets the universal color of dark text on the site */
/* This sets the width of the website */
/* To make this a fixed header, change the value to "fixed" - for non-fixed, set it to "static" */
/* This affects all grey background sections */
/* If your image is not to sit on the bottom of the frame, change this value to "100px", otherwise keep it at 0 */
/* "0" for square edges, "10px" for rounded edges, "40px" for pill shape; This will change all buttons */
/* This is the main color of the site */
/* this is the hover state of the main color of the site */
/* This is the secondary color of the site */
/* This is the hover state of the secondary color of the site */
body {
font-family: Open Sans, sans-serif;
margin: 0;
color: #272525;
background:black;
}
body, p {
font-size: 13px;
line-height: 1.75em;
font-weight: 400;
}
.hs_cos_wrapper_type_rich_text, .hs_cos_wrapper_type_text,
.hs_cos_wrapper_type_header, .hs_cos_wrapper_type_section_header,
.hs_cos_wrapper_type_raw_html, .hs_cos_wrapper_type_raw_jinja,
.hs_cos_wrapper_type_page_footer {
}
.header-container-wrapper {
z-index: 10;
}
.body-container-wrapper {
padding-top: 50px !important;
}
.footer-container-wrapper {
}
.aeplainscr_area,.aeplainscr_area * { color:#fff; }
.aeplainscr_area a { color:#CE0000; }
.page-center {
max-width: 90%;
margin: 0 auto !important;
float: none !important;
padding: 0 5px;
}
@media screen and (max-width: 90%) {
}
h1, h2, h3, h4, h5, h6 {
font-family: Open Sans;
line-height: 1.25em;
font-weight: 400;
-webkit-margin-before: 0;
}
h1 {
font-size: 42px;
}
h2 {
font-size: 35px;
}
h3 {
font-size: 28px;
}
h4 {
font-size: 21px;
}
h5 {
font-size: 17px;
}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { font-weight:700; }
@media all and (max-width: 767px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 24px;
}
}
body, p {
font-size: 14px;
line-height: 1.75em;
font-weight: 400;
}
.page-center {
padding-left: 0px; padding-right: 0px;
}
@media all and (max-width: 1200px) {
.page-center {
padding-left: 4%; padding-right: 4%;
}
}
@media all and (max-width: 600px) {
h1 {
font-size: 30px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 17px;
}
h5 {
font-size: 14px;
}
}
hr {
height: 3px;
background-color: #bdbdbd;
max-width: 100px;
margin: 25px auto;
float: none;
border: none;
}
a:link, a:visited, a:active {
color: #CE0000;
text-decoration: none;
}
a:hover {
color: rgba(206, 0, 0, .55);
text-decoration: none;
}
.red-home-link a:link {
color: #CE0000;
text-decoration: none;
}
.red-home-link a:hover {
color: black;
text-decoration: none;
}
.red {
color:#CE0000;}
}
.gold-box-text {
background: #DFDAA6;
background: radial-gradient(circle farthest-corner at center center, #DFDAA6 0%, #A6783F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 10px solid;
border-image-slice: 1;
border-width: 5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
}
h1.gold-box-text {
background: #DFDAA6;
background: radial-gradient(circle farthest-corner at center center, #DFDAA6 0%, #A6783F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 10px solid;
border-image-slice: 1;
border-width: 5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
max-width:600px; margin:0 auto;
padding:10px;
}
h2.gold-box-text {
background: #DFDAA6;
background: radial-gradient(circle farthest-corner at center center, #DFDAA6 0%, #A6783F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
border: 10px solid;
border-image-slice: 1;
border-width: 5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
max-width:600px; margin:0 auto;
padding:10px;
}
.gold-gradient-text {
background: #DFDAA6;
background: radial-gradient(circle farthest-corner at center center, #DFDAA6 0%, #A6783F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
h1.gold-gradient-text {
background: #DFDAA6;
background: radial-gradient(circle farthest-corner at center center, #DFDAA6 0%, #A6783F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
max-width:600px; margin:0 auto;
padding:10px;
}
h2.gold-gradient-text {
background: #DFDAA6;
background: radial-gradient(circle farthest-corner at center center, #DFDAA6 0%, #A6783F 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
max-width:600px; margin:0 auto;
padding:10px;
}
.gold-gradient-box {
background: rgba(256, 256, 256, 0.25);
border: 5px solid;
border-image-slice: 1;
border-width: 2.5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
padding:10px;
}
h1.gold-gradient-box {
background: rgba(256, 256, 256, 0.25);
border: 5px solid;
border-image-slice: 1;
border-width: 2.5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
max-width:600px; margin:0 auto;
padding:10px;
}
h2.gold-gradient-box {
background: rgba(256, 256, 256, 0.25);
border: 5px solid;
border-image-slice: 1;
border-width: 2.5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
max-width:600px; margin:0 auto;
padding:10px;
}
h3.gold-gradient-box {
background: rgba(256, 256, 256, 0.25);
border: 5px solid;
border-image-slice: 1;
border-width: 2.5px;
border-image-source: linear-gradient(to left, #DFDAA6, #A6783F);
max-width:600px; margin:0 auto;
padding:10px;
}
.white-link-on-red a:link {
color:white !important;
opacity:.85;}
.white-link-on-red a:hover {
opacity: 0.7;
}
}
.white-link-on-red a:visited {
color:white !important;
opacity:.85;}
ul {
-webkit-padding-start: 20px;
}
img {
height: auto;
width: auto;
}
.widget-type-raw_jinja {
min-height: 0 !important;
}
.fa-pulse {
-webkit-animation: fa-spin .9s infinite steps(8);
animation: fa-spin .9s infinite steps(8);
}
.hs_cos_wrapper_type_custom_widget,
.widget-type-custom_widget {
min-height: 0!important;
}
/*===========================*/
/* STANDARD */
/*===========================*/
/*===========================*/
/* GENERAL */
/*===========================*/
.standard-center {
text-align: center;
}
.standard-red {
color: #ce0000;
}
.standard-black {
color: black;
}
.standard-circle-image img{
border-radius: 50%;
}
.standard-rounded-image img{
border-radius: 20px;
}
.standard-dropshadow-box {
background-color: #ffffff;
box-shadow: 0px 4px 18px rgba(0,0,0,.6);
padding: 40px;
color: black;
}
.page-banner-hero-coop {
color: #fff;
padding: 30px 0;
}
.page-banner-hero-coop h1 {
font-size: 40px;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
text-transform: none;
}
/*===========================*/
/* MARGINS */ /*=====ORGANIZED START=====*/
/*===========================*/
.standard-margin-img-2pa {
margin:2%;
}
.standard-margin-4ptb {
margin-top: 4%;
margin-bottom: 4%;
}
.standard-margin-4plr {
margin: 0px 4%;
}
.standard-margin-5pa {
margin: 5%;
}
.standard-margin-20t {
margin-top: 20px;
}
.standard-margin-20b {
margin-bottom: 20px;
}
.standard-margin-20tb {
margin-top: 20px;
margin-bottom: 20px;
}
.standard-margin-20l {
margin-left: 20px;
}
.standard-margin-20r {
margin-right: 20px;
}
.standard-margin-20lr {
margin-left: 20px;
margin-right: 20px;
}
.standard-margin-20plr {
margin-left: 20%;
margin-right: 20%;
}
.standard-margin-20a {
margin: 20px;
}
.standard-margin-40t {
margin-top: 40px;
}
.standard-margin-40b {
margin-bottom: 40px;
}
.standard-margin-40tb {
margin-top: 40px;
margin-bottom: 40px;
}
.standard-margin-40l {
margin-left: 40px;
}
.standard-margin-40r {
margin-right: 40px;
}
.standard-margin-40lr {
margin-left: 40px;
margin-right: 40px;
}
.standard-padding-40a {
padding: 40px;
}
.standard-margin-50t {
margin-top: 50px;
}
.standard-margin-60t {
margin-top: 60px;
}
.standard-margin-60b {
margin-bottom: 60px;
}
.standard-margin-60tb {
margin-top: 60px;
margin-bottom: 60px;
}
.standard-margin-60l {
margin-left: 60px;
}
.standard-margin-60r {
margin-right: 60px;
}
.standard-margin-60lr {
margin-left: 60px;
margin-right: 60px;
}
.standard-margin-60a {
margin: 60px;
}
.standard-margin-80t {
margin-top: 80px;
}
.standard-margin-80b {
margin-bottom: 80px;
}
.standard-margin-80tb {
margin-top: 80px;
margin-bottom: 80px;
}
.standard-margin-80l {
margin-left: 80px;
}
.standard-margin-80r {
margin-right: 80px;
}
.standard-margin-80lr {
margin-left: 80px;
margin-right: 80px;
}
.standard-margin-80a {
margin: 80px;
}
.standard-margin-100t {
margin-top: 80px;
}
.standard-margin-100b {
margin-bottom: 80px;
}
.standard-margin-100tb {
margin-top: 80px;
margin-bottom: 80px;
}
.standard-margin-100l {
margin-left: 100px;
}
.standard-margin-100r {
margin-right: 100px;
}
.standard-margin-100lr {
margin-left: 100px;
margin-right: 100px;
}
.standard-margin-100a {
margin: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-60lr, .standard-margin-80lr {
margin-left: 20px;
margin-right: 20px;
}
}
@media only screen and (max-width: 1245px) {
.margin-none-1245 {
margin: none;
}
}
/*------------------------------------------Desktop only-----------------------------------------*/
.standard-margin-dtonly-5pt {
margin-top: 5%;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-5pt {
margin-top: 0pt;
}
}
.standard-margin-dtonly-10plr {
margin-left: 10%;
margin-right: 10%;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-10plr {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-15px {
margin: 15px 0px 15px 0px;
}
@media all and (max-width: 608px) {
.standard-margin-dtonly-15px {
margin-bottom: 10px;
margin-top: 0px;
}
}
.standard-margin-dtonly-20t {
margin-top: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20t {
margin-top: 0px;
}
}
.standard-margin-dtonly-20b {
margin-bottom: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20b {
margin-bottom: 0px;
}
}
.standard-margin-dtonly-20tb {
margin-top: 20px;
margin-bottom: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20tb {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-20l {
margin-left: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20l {
margin-left: 0px;
}
}
.standard-margin-dtonly-20r {
margin-right: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20r {
margin-right: 0px;
}
}
.standard-margin-dtonly-20lr {
margin-left: 20px;
margin-right: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20lr {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-20a {
margin: 20px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-20a {
margin: 0px;
}
}
.standard-margin-dtonly-40t {
margin-top: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40t {
margin-top: 0px;
}
}
.standard-margin-dtonly-40b {
margin-bottom: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40b {
margin-bottom: 0px;
}
}
.standard-margin-dtonly-40tb {
margin-top: 40px;
margin-bottom: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40tb {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-40l {
margin-left: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40l {
margin-left: 0px;
}
}
.standard-margin-dtonly-40r {
margin-right: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40r {
margin-right: 0px;
}
}
.standard-margin-dtonly-40lr {
margin-left: 40px;
margin-right: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40lr {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-40a {
margin: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40a {
margin: 0px;
}
}
.standard-margin-dtonly-60t {
margin-top: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60t {
margin-top: 0px;
}
}
.standard-margin-dtonly-60b {
margin-bottom: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60b {
margin-bottom: 0px;
}
}
.standard-margin-dtonly-60tb {
margin-top: 60px;
margin-bottom: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60tb {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-60l {
margin-left: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60l {
margin-left: 0px;
}
}
.standard-margin-dtonly-60r {
margin-right: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60r {
margin-right: 0px;
}
}
.standard-margin-dtonly-60lr {
margin-left: 60px;
margin-right: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60lr {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-60a {
margin: 60px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-60a {
margin: 0px;
}
}
.standard-margin-dtonly-80t {
margin-top: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80t {
margin-top: 0px;
}
}
.standard-margin-dtonly-80b {
margin-bottom: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80b {
margin-bottom: 0px;
}
}
.standard-margin-dtonly-80tb {
margin-top: 80px;
margin-bottom: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80tb {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-80l {
margin-left: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80l {
margin-left: 0px;
}
}
.standard-margin-dtonly-80r {
margin-right: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80r {
margin-right: 0px;
}
}
.standard-margin-dtonly-80lr {
margin-left: 80px;
margin-right: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80lr {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-80a {
margin: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80a {
margin: 0px;
}
}
.standard-margin-dtonly-100t {
margin-top: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100t {
margin-top: 0px;
}
}
.standard-margin-dtonly-100b {
margin-bottom: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100b {
margin-bottom: 0px;
}
}
.standard-margin-dtonly-100tb {
margin-top: 100px;
margin-bottom: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100tb {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-100l {
margin-left: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100l {
margin-left: 0px;
}
}
.standard-margin-dtonly-100r {
margin-right: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100r {
margin-right: 0px;
}
}
.standard-margin-dtonly-100lr {
margin-left: 100px;
margin-right: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100lr {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-100a {
margin: 100px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-100a {
margin: 0px;
}
}
.standard-margin-dtonly-150tb {
margin-top: 150px;
margin-bottom: 150px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-150tb {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-150t {
margin-top: 150px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-150t {
margin-top: 0px;
margin-bottom: 0px;
}
}
.standard-margin-dtonly-40l-80r {
margin-left: 40px;
margin-right: 80px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-40l-80r {
margin-left: 0px;
margin-right: 0px;
}
}
.standard-margin-dtonly-80l-40r {
margin-left: 80px;
margin-right: 40px;
}
@media all and (max-width: 768px) {
.standard-margin-dtonly-80l-40r {
margin-left: 0px;
margin-right: 0px;
}
}
/*------------------------------------------Mobile only------------------------------------------*/
.standard-margin-mobile-only-20t {
margin-top: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20t {
margin-top: 20px;
}
}
.standard-margin-mobile-only-20b {
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20b {
margin-bottom: 20px;
}
}
.standard-margin-mobile-only-20tb {
margin-top: 0px;
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20tb {
margin-top: 20px;
margin-bottom: 20px;
}
}
.standard-margin-mobile-only-20l {
margin-left: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20l {
margin-left: 20px;
}
}
.standard-margin-mobile-only-20r {
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20r {
margin-right: 20px;
}
}
.standard-margin-mobile-only-20lr {
margin-left: 0px;
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20lr {
margin-left: 20px;
margin-right: 20px;
}
}
.standard-margin-mobile-only-20a {
margin: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-20a {
margin: 20px;
}
}
.standard-margin-mobile-only-40t {
margin-top: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40t {
margin-top: 40px;
}
}
.standard-margin-mobile-only-40b {
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40b {
margin-bottom: 40px;
}
}
.standard-margin-mobile-only-40tb {
margin-top: 0px;
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40tb {
margin-top: 40px;
margin-bottom: 40px;
}
}
.standard-margin-mobile-only-40l {
margin-left: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40l {
margin-left: 40px;
}
}
.standard-margin-mobile-only-40r {
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40r {
margin-right: 40px;
}
}
.standard-margin-mobile-only-40lr {
margin-left: 0px;
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40lr {
margin-left: 40px;
margin-right: 40px;
}
}
.standard-margin-mobile-only-40a {
margin: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-40a {
margin: 40px;
}
}
.standard-margin-mobile-only-60t {
margin-top: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60t {
margin-top: 60px;
}
}
.standard-margin-mobile-only-60b {
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60b {
margin-bottom: 60px;
}
}
.standard-margin-mobile-only-60tb {
margin-top: 0px;
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60tb {
margin-top: 60px;
margin-bottom: 60px;
}
}
.standard-margin-mobile-only-60l {
margin-left: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60l {
margin-left: 60px;
}
}
.standard-margin-mobile-only-60r {
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60r {
margin-right: 60px;
}
}
.standard-margin-mobile-only-60lr {
margin-left: 0px;
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60lr {
margin-left: 60px;
margin-right: 60px;
}
}
.standard-margin-mobile-only-60a {
margin: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-60a {
margin: 60px;
}
}
.standard-margin-mobile-only-80t {
margin-top: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80t {
margin-top: 80px;
}
}
.standard-margin-mobile-only-80b {
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80b {
margin-bottom: 80px;
}
}
.standard-margin-mobile-only-80tb {
margin-top: 0px;
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80tb {
margin-top: 80px;
margin-bottom: 80px;
}
}
.standard-margin-mobile-only-80l {
margin-left: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80l {
margin-left: 80px;
}
}
.standard-margin-mobile-only-80r {
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80r {
margin-right: 80px;
}
}
.standard-margin-mobile-only-80lr {
margin-left: 0px;
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80lr {
margin-left: 80px;
margin-right: 80px;
}
}
.standard-margin-mobile-only-80a {
margin: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-80a {
margin: 80px;
}
}
.standard-margin-mobile-only-100t {
margin-top: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100t {
margin-top: 100px;
}
}
.standard-margin-mobile-only-100b {
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100b {
margin-bottom: 100px;
}
}
.standard-margin-mobile-only-100tb {
margin-top: 0px;
margin-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100tb {
margin-top: 100px;
margin-bottom: 100px;
}
}
.standard-margin-mobile-only-100l {
margin-left: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100l {
margin-left: 100px;
}
}
.standard-margin-mobile-only-100r {
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100r {
margin-right: 100px;
}
}
.standard-margin-mobile-only-100lr {
margin-left: 0px;
margin-right: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100lr {
margin-left: 100px;
margin-right: 100px;
}
}
.standard-margin-mobile-only-100a {
margin: 0px;
}
@media all and (max-width: 768px) {
.standard-margin-mobile-only-100a {
margin: 100px;
}
}
/*=====ORGANIZED END=====*/
/*===========================*/
/* PADDING */ /*=====ORGANIZED START=====*/
/*===========================*/
.padding-ae-player-landing{
padding-top: 10%;
padding-bottom: 10%;
padding-left: 200px;
}
@media all and (max-width: 768px) {
.padding-ae-player-landing{
padding-top: 20px;
padding-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
text-align: center;
}
}
.standard-padding-img-2pa {
padding:2%;
}
.standard-padding-4ptb {
padding-top: 4%;
padding-bottom: 4%;
}
.standard-padding-4plr {
padding: 0px 4%;
}
.standard-padding-5pa {
padding: 5%;
}
.standard-padding-10t {
padding-top: 10px;
}
.standard-padding-10tb {
padding-top: 10px;
padding-bottom: 10px;
}
.standard-padding-15t {
padding-top: 15px;
}
.standard-padding-15plr {
padding: 0px 15%;
}
.standard-padding-20plr {
padding-left: 20%;
padding-right: 20%;
}
.standard-padding-20t {
padding-top: 20px;
}
.standard-padding-20b {
padding-bottom: 20px;
}
.standard-padding-20tb {
padding-top: 20px;
padding-bottom: 20px;
}
.standard-padding-20l {
padding-left: 20px;
}
.standard-padding-20r {
padding-right: 20px;
}
.standard-padding-20lr {
padding-left: 20px;
padding-right: 20px;
}
.standard-padding-20a {
padding: 20px;
}
.standard-padding-40t {
padding-top: 40px;
}
.standard-padding-40b {
padding-bottom: 40px;
}
.standard-padding-40tb {
padding-top: 40px;
padding-bottom: 40px;
}
.standard-padding-40l {
padding-left: 40px;
}
.standard-padding-40r {
padding-right: 40px;
}
.standard-padding-40lr {
padding-left: 40px;
padding-right: 40px;
}
.standard-padding-40a {
padding: 40px;
}
.standard-padding-50t {
padding-top: 50px;
}
.standard-padding-60t {
padding-top: 60px;
}
.standard-padding-60b {
padding-bottom: 60px;
}
.standard-padding-60tb {
padding-top: 60px;
padding-bottom: 60px;
}
.standard-padding-60l {
padding-left: 60px;
}
.standard-padding-60r {
padding-right: 60px;
}
.standard-padding-60lr {
padding-left: 60px;
padding-right: 60px;
}
.standard-padding-60a {
padding: 60px;
}
.standard-padding-80t {
padding-top: 80px;
}
.standard-padding-80b {
padding-bottom: 80px;
}
.standard-padding-80tb {
padding-top: 80px;
padding-bottom: 80px;
}
.standard-padding-80l {
padding-left: 80px;
}
.standard-padding-80r {
padding-right: 80px;
}
.standard-padding-80lr {
padding-left: 80px;
padding-right: 80px;
}
.standard-padding-80a {
padding: 80px;
}
.standard-padding-100t {
padding-top: 80px;
}
.standard-padding-100b {
padding-bottom: 80px;
}
.standard-padding-100tb {
padding-top: 80px;
padding-bottom: 80px;
}
.standard-padding-100l {
padding-left: 100px;
}
.standard-padding-100r {
padding-right: 100px;
}
.standard-padding-100lr {
padding-left: 100px;
padding-right: 100px;
}
.standard-padding-100a {
padding: 100px;
}
/*------------------------------------------Desktop only-----------------------------------------*/
.standard-padding-dtonly-10plr {
padding-left: 10%;
padding-right: 10%;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-10plr {
padding-left: 0px;
padding-right: 0px;
}
}
.standard-padding-dtonly-5pt {
padding-top: 5%;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-5pt {
padding-top: 0pt;
}
}
.standard-padding-dtonly-20t {
padding-top: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20t {
padding-top: 0px;
}
}
.standard-padding-dtonly-20b {
padding-bottom: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20b {
padding-bottom: 0px;
}
}
.standard-padding-dtonly-20tb {
padding-top: 20px;
padding-bottom: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20tb {
padding-top: 0px;
padding-bottom: 0px;
}
}
.standard-padding-dtonly-20l {
padding-left: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20l {
padding-left: 0px;
}
}
.standard-padding-dtonly-20r {
padding-right: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20r {
padding-right: 0px;
}
}
.standard-padding-dtonly-20lr {
padding-left: 20px;
padding-right: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20lr {
padding-left: 0px;
padding-right: 0px;
}
}
.standard-padding-dtonly-20a {
padding: 20px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-20a {
padding: 0px;
}
}
.standard-padding-dtonly-40t {
padding-top: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40t {
padding-top: 0px;
}
}
.standard-padding-dtonly-40b {
padding-bottom: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40b {
padding-bottom: 0px;
}
}
.standard-padding-dtonly-40tb {
padding-top: 40px;
padding-bottom: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40tb {
padding-top: 0px;
padding-bottom: 0px;
}
}
.standard-padding-dtonly-40l {
padding-left: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40l {
padding-left: 0px;
}
}
.standard-padding-dtonly-40r {
padding-right: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40r {
padding-right: 0px;
}
}
.standard-padding-dtonly-40lr {
padding-left: 40px;
padding-right: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40lr {
padding-left: 0px;
padding-right: 0px;
}
}
.standard-padding-dtonly-40a {
padding: 40px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-40a {
padding: 0px;
}
}
.standard-padding-dtonly-60t {
padding-top: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60t {
padding-top: 0px;
}
}
.standard-padding-dtonly-60b {
padding-bottom: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60b {
padding-bottom: 0px;
}
}
.standard-padding-dtonly-60tb {
padding-top: 60px;
padding-bottom: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60tb {
padding-top: 0px;
padding-bottom: 0px;
}
}
.standard-padding-dtonly-60l {
padding-left: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60l {
padding-left: 0px;
}
}
.standard-padding-dtonly-60r {
padding-right: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60r {
padding-right: 0px;
}
}
.standard-padding-dtonly-60lr {
padding-left: 60px;
padding-right: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60lr {
padding-left: 0px;
padding-right: 0px;
}
}
.standard-padding-dtonly-60a {
padding: 60px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-60a {
padding: 0px;
}
}
.standard-padding-dtonly-80t {
padding-top: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80t {
padding-top: 0px;
}
}
.standard-padding-dtonly-80b {
padding-bottom: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80b {
padding-bottom: 0px;
}
}
.standard-padding-dtonly-80tb {
padding-top: 80px;
padding-bottom: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80tb {
padding-top: 0px;
padding-bottom: 0px;
}
}
.standard-padding-dtonly-80l {
padding-left: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80l {
padding-left: 0px;
}
}
.standard-padding-dtonly-80r {
padding-right: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80r {
padding-right: 0px;
}
}
.standard-padding-dtonly-80lr {
padding-left: 80px;
padding-right: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80lr {
padding-left: 0px;
padding-right: 0px;
}
}
.standard-padding-dtonly-80a {
padding: 80px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-80a {
padding: 0px;
}
}
.standard-padding-dtonly-100t {
padding-top: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100t {
padding-top: 0px;
}
}
.standard-padding-dtonly-100b {
padding-bottom: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100b {
padding-bottom: 0px;
}
}
.standard-padding-dtonly-100tb {
padding-top: 100px;
padding-bottom: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100tb {
padding-top: 0px;
padding-bottom: 0px;
}
}
.standard-padding-dtonly-100l {
padding-left: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100l {
padding-left: 0px;
}
}
.standard-padding-dtonly-100r {
padding-right: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100r {
padding-right: 0px;
}
}
.standard-padding-dtonly-100lr {
padding-left: 100px;
padding-right: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100lr {
padding-left: 0px;
padding-right: 0px;
}
}
.standard-padding-dtonly-100a {
padding: 100px;
}
@media all and (max-width: 768px) {
.standard-padding-dtonly-100a {
padding: 0px;
}
}
/*------------------------------------------Mobile only------------------------------------------*/
.standard-padding-mobile-only-20t {
padding-top: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20t {
padding-top: 20px;
}
}
.standard-padding-mobile-only-20b {
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20b {
padding-bottom: 20px;
}
}
.standard-padding-mobile-only-20tb {
padding-top: 0px;
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20tb {
padding-top: 20px;
padding-bottom: 20px;
}
}
.standard-padding-mobile-only-20l {
padding-left: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20l {
padding-left: 20px;
}
}
.standard-padding-mobile-only-20r {
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20r {
padding-right: 20px;
}
}
.standard-padding-mobile-only-20lr {
padding-left: 0px;
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20lr {
padding-left: 20px;
padding-right: 20px;
}
}
.standard-padding-mobile-only-20a {
padding: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-20a {
padding: 20px;
}
}
.standard-padding-mobile-only-40t {
padding-top: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40t {
padding-top: 40px;
}
}
.standard-padding-mobile-only-40b {
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40b {
padding-bottom: 40px;
}
}
.standard-padding-mobile-only-40tb {
padding-top: 0px;
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40tb {
padding-top: 40px;
padding-bottom: 40px;
}
}
.standard-padding-mobile-only-40l {
padding-left: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40l {
padding-left: 40px;
}
}
.standard-padding-mobile-only-40r {
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40r {
padding-right: 40px;
}
}
.standard-padding-mobile-only-40lr {
padding-left: 0px;
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40lr {
padding-left: 40px;
padding-right: 40px;
}
}
.standard-padding-mobile-only-40a {
padding: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-40a {
padding: 40px;
}
}
.standard-padding-mobile-only-60t {
padding-top: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60t {
padding-top: 60px;
}
}
.standard-padding-mobile-only-60b {
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60b {
padding-bottom: 60px;
}
}
.standard-padding-mobile-only-60tb {
padding-top: 0px;
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60tb {
padding-top: 60px;
padding-bottom: 60px;
}
}
.standard-padding-mobile-only-60l {
padding-left: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60l {
padding-left: 60px;
}
}
.standard-padding-mobile-only-60r {
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60r {
padding-right: 60px;
}
}
.standard-padding-mobile-only-60lr {
padding-left: 0px;
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60lr {
padding-left: 60px;
padding-right: 60px;
}
}
.standard-padding-mobile-only-60a {
padding: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-60a {
padding: 60px;
}
}
.standard-padding-mobile-only-80t {
padding-top: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80t {
padding-top: 80px;
}
}
.standard-padding-mobile-only-80b {
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80b {
padding-bottom: 80px;
}
}
.standard-padding-mobile-only-80tb {
padding-top: 0px;
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80tb {
padding-top: 80px;
padding-bottom: 80px;
}
}
.standard-padding-mobile-only-80l {
padding-left: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80l {
padding-left: 80px;
}
}
.standard-padding-mobile-only-80r {
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80r {
padding-right: 80px;
}
}
.standard-padding-mobile-only-80lr {
padding-left: 0px;
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80lr {
padding-left: 80px;
padding-right: 80px;
}
}
.standard-padding-mobile-only-80a {
padding: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-80a {
padding: 80px;
}
}
.standard-padding-mobile-only-100t {
padding-top: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100t {
padding-top: 100px;
}
}
.standard-padding-mobile-only-100b {
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100b {
padding-bottom: 100px;
}
}
.standard-padding-mobile-only-100tb {
padding-top: 0px;
padding-bottom: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100tb {
padding-top: 100px;
padding-bottom: 100px;
}
}
.standard-padding-mobile-only-100l {
padding-left: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100l {
padding-left: 100px;
}
}
.standard-padding-mobile-only-100r {
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100r {
padding-right: 100px;
}
}
.standard-padding-mobile-only-100lr {
padding-left: 0px;
padding-right: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100lr {
padding-left: 100px;
padding-right: 100px;
}
}
.standard-padding-mobile-only-100a {
padding: 0px;
}
@media all and (max-width: 768px) {
.standard-padding-mobile-only-100a {
padding: 20px;
}
}
/*=====ORGANIZED END=====*/
/*===========*/
/* PADDING- Colomns*/
/*============*/
.standard-two-colomn-middle-space {
padding-right: 20px; } /*apply to left colomn to ad cmidd=le space that will disapear on mobile*/
@media all and (max-width: 768px) {
.standard-two-colomn-middle-space {
padding-right: 0px; }
}
.standard-two-colomn-middle-rt-space {
padding-left: 20px; } /*apply to right colomn if need equal spacing for image scaling with 3 images*/
@media all and (max-width: 768px) {
.standard-two-colomn-middle-rt-space {
padding-left: 0px; }
}
.standard-padding-4-left-colomn {
padding-right: 15px;
}
@media all and (max-width: 768px) {
.standard-padding-4-left-colomn {
padding-right: 0pt;
}
}
.standard-padding-4-right-colomn {
padding-left: 15px;
}
@media all and (max-width: 768px) {
.standard-padding-4-right-colomn {
padding-left: 0pt;
}
}
/*============================*/
/* MOBILE or DESKTOP ONLY*/
/*============================*/
.standard-hide-mobile {
display: block !important;
}
@media all and (max-width: 768px) {
.standard-hide-mobile {
display: none !important;
}
}
.standard-hide-mobile-1500 {
display: block !important;
}
@media all and (max-width: 1500px) {
.standard-hide-mobile-1500 {
display: none !important;
}
}
.standard-show-only-mobile {
display: none !important;}
@media all and (max-width: 768px) {
.standard-show-only-mobile {
display: block !important;
}
}
.standard-center-mobile {
text-align: left;
}
@media all and (max-width: 768px) {
.standard-center-mobile {
text-align: center;
}
}
.standard-padding-40l {
padding-left: 40px;
}
.standard-padding-40r {
padding-right: 40px;
}
/*===========================*/
/* BACKGROUNDS */
/*===========================*/
.standard-white-bg {
background-color: white;
color: #272525;
padding-top: 40px;
padding-bottom: 40px;
}
.standard-grey-bg{
background-color: #EBEBEB;
color: #272525;
padding-top: 40px;
padding-bottom: 40px;
}
.standard-grey2-bg {
background-color: rgba(213, 211, 206);
}
.standard-lightgrey-bg{
background-color: #D3D3D3;
}
.standard-black-bg {
background-color: black;
color: white;
padding-top: 40px;
padding-bottom: 40px;
}
.standard-red-bg {
background-color: #ce0000;
color: white;
padding-top: 40px;
padding-bottom: 40px;
}
/*------------------------------------------Transparent------------------------------------------*/
.white-transparent-bg {
background: rgba(255, 255, 255, 0.9);
}
.white-transparent-bg50 {
background: rgba(255, 255, 255, 0.5);
}
.grey-transparent-bg {
background: rgb(169, 169, 169, 0.9);
}
.black-transparent-bg {
background: rgba(0, 0, 0, 0.9);
}
/*------------------------------------------No padding-------------------------------------------*/
.standard-grey-nop-bg {
background-color:#e5e7e9;
}
.standard-red-bgnp {
background-color: #ce0000;
}
.standard-black-bgnp {
background-color: black;
color: white;
}
.standard-red-fixed-image-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Header%20Backgrounds%20for%20AE/Email%20Header%20Background_Infinity.jpg");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
color: white;
}
@media all and (max-width: 767px) {
.standard-red-fixed-image-bg {
background-attachment: scroll;
background-size: auto;
}
}
.standard-ae-transp-logo-bg {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Backgrounds/AE_Transparent_Background.png");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
color: white;
}
@media all and (max-width: 767px) {
.standard-ae-transp-logo-bg {
background-attachment: scroll;
background-size: auto;
}
}
.aeplain-bg-scrolling {
background-image: url("https://3409577.fs1.hubspotusercontent-na1.net/hubfs/3409577/AE%20Player%20Rewards%20Website%20Graphics/About%20Page/Web%20Assets/Background/AE%20WebBackground2.jpg");
background-position: top center;
background-attachment:fixed;
background-size: 100%;
background-repeat: repeat;
color: black;
}
/* @media all and (max-width: 767px) {
.aeplain-bg-scrolling {
background-attachment: scroll;
background-size: auto;
}
} */
.aeplayerhome-bg-scrolling {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Rewards%20Website%20Graphics/About%20Page/Web%20Assets/Background/AE.%20Rewards-Background_Standard.jpg");
background-position: top center;
background-attachment:fixed;
background-size: 100%;
background-repeat: repeat;
color: black;
}
@media all and (max-width: 767px) {
.aeplayerhome-bg-scrolling {
background-size: auto;
}
}
.standard-lush-fixed-image-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Header%20Backgrounds%20for%20AE/Background%20Lush.jpg");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
}
@media all and (max-width: 767px) {
.standard-lush-fixed-image-bg {
background-attachment: scroll;
background-size: auto;
}
}
.standard-mobile-white-bg {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Home%20Page/Background%20Image/Mobile/aeplayerbackground.jpg");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
color: white;
}
@media all and (max-width: 767px) {
.standard-red-fixed-image-bg {
background-attachment: scroll;
background-size: auto;
}
}
/*---------------------------------AE Player Rewards---------------------------------*/
.aeplayer-black-bg {
background: rgba(0, 0, 0, 1.0);
padding-top: 40px;
padding-bottom: 40px;
}
.aerewards-bg-slate {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Rewards%20Website%20Graphics/Web%20Assets/Background/AE%20Rewards%20WebBackground.jpg");
background-position: top center;
background-size: 100%;
color: black;
}
@media all and (max-width: 767px) {
.aerewards-bg-slate {
background-attachment: scroll;
background-size: auto;
}
}
.aerewards-bg-scrolling {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20%E2%80%93%20AE%20Player%20Rewards/AE%20Player%20%E2%80%93%20AE%20Player%20Rewards%20%E2%80%93%20Backgrounds/AEPR_Web-Background-2.jpg");
background-position: top center;
background-attachment:fixed;
background-size: 100%;
background-repeat: repeat;
color: black;
}
@media all and (max-width: 767px) {
.aerewards-bg-scrolling {
background-attachment: scroll;
background-size: auto;
}
}
.aeplayerhome-bg-scrolling {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Backgrounds/AEP_Web-Background.jpg");
background-position: top center;
background-attachment:fixed;
background-size: 100%;
background-repeat: repeat;
color: black;
}
@media all and (max-width: 768px) {
.aeplayerhome-bg-scrolling {
background-size: auto;
}
}
.aerewardscheckin-bg-scrolling {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20%E2%80%93%20AE%20Player%20Rewards/AE%20Player%20%E2%80%93%20AE%20Player%20Rewards%20%E2%80%93%20Check-In%20Race/Joe%20Blow%20Red%20Background.jpg");
background-position: top center;
background-attachment:fixed;
background-size: 100%;
background-repeat: repeat;
color: white;
}
.aerewardscheckin-bg-scrolling, .aeplayerhome-bg-scrolling, .aerewards-bg-scrolling, .aeplain-bg-scrolling {
padding-top:0px;
margin-top:-30px;
}
@media all and (max-width: 975px) {
.aerewardscheckin-bg-scrolling, .aeplayerhome-bg-scrolling, .aerewards-bg-scrolling, .aeplain-bg-scrolling {
padding-top:0px;
margin-top:0px;
background-attachment: scroll;
background-size: auto;
}
}
@media all and (max-width: 768px) {
.aerewardscheckin-bg-scrolling, .aeplayerhome-bg-scrolling, .aerewards-bg-scrolling, .aeplain-bg-scrolling {
padding-top:0px;
margin-top:-100px;
}
}
@media all and (max-width: 600px) {
.aerewardscheckin-bg-scrolling, .aeplayerhome-bg-scrolling, .aerewards-bg-scrolling, .aeplain-bg-scrolling {
padding-top:0px;
margin-top:0px;
}
}
/*-------------------------Previous Promotions and Giveaways Backgrounds-------------------------*/
.mind-blowing-bg {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Past%20Giveaways/Past%20Giveaways%20-%20Header%20Backgrounds/Gray%20Background.jpg");
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
color: black;
}
@media all and (max-width: 767px) {
.mind-blowing-bg {
background-attachment: scroll;
background-size: auto;
}
}
.million-dollar-bg {
color: black;
background-color: #000000;
background-size: cover;
background-repeat: no-repeat;
}
.jeep-a-week-bg {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Past%20Giveaways/Past%20Giveaways%20-%20Header%20Backgrounds/Jeep-a-Week%20Background.jpg");
background-size: 100%;
background-position: top center;
color: white;
text-shadow:0 0 10px #8b0000;
}
@media all and (max-width: 767px) {
.jeep-a-week-bg {
background-attachment: scroll;
background-size: auto;
}
}
.summer-sweeps-bg {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Past%20Giveaways/Past%20Giveaways%20-%20Header%20Backgrounds/Summer%20Sweepstakes%20Background.jpg");
background-size: 100%;
background-position: top center;
color: white;
text-shadow:0 0 10px #8b0000;
}
@media all and (max-width: 767px) {
.summer-sweeps-bg {
background-attachment: scroll;
background-size: auto;
}
}
.stacked-summer-bg {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Past%20Giveaways/Past%20Giveaways%20-%20Header%20Backgrounds/Stacked%20for%20Summer%20Background.jpg");
background-size: 100%;
background-position: top center;
color: white;
text-shadow:0 0 10px #f15723;
}
@media all and (max-width: 767px) {
.stacked-summer-bg {
background-attachment: scroll;
background-size: auto;
}
}
/*===========================*/
/* EXEC ALE BACKGROUNDS */
/*===========================*/
.executive-ale-bg-holiday {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Holiday%20Pay%20Day/IL_ALE_ExecALEPromo_WebBackground_HolidayPayday.png");
background-attachment: scroll;
background-position: top center;
background-size: auto 100%;
background-repeat: no-repeat;
background-color: #ffffff;
}
@media all and (max-width: 767px) {
.executive-ale-bg-holiday {
background-attachment: scroll;
background-size: auto 100%;
}
}
.executive-ale-bg-shamrockin {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Shamrockin%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_Shamrockin.jpg");
background-attachment: scroll;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-color: #046b3a;
}
@media all and (max-width: 767px) {
.executive-ale-bg-shamrockin {
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Shamrockin%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_Shamrockin_Mobile.jpg");
}
}
.executive-ale-bg-champions {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/The%20Champions%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_Champions.jpg");
background-attachment: scroll;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-color: #0f2c5b;
}
@media all and (max-width: 767px) {
.executive-ale-bg-champions {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/The%20Champions%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_Champions_Mobile.jpg");
}
}
.executive-ale-bg-redzone {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Red%20Zone%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_RedZone.jpg");
background-attachment: scroll;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-color: #000000;
}
@media all and (max-width: 767px) {
.executive-ale-bg-redzone {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/Red%20Zone%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_RedZone_Mobile.jpg");
}
}
.executive-ale-bg-loveofmoney {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/For%20the%20Love%20of%20Money%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_LoveOfMoney.jpg");
background-attachment: scroll;
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-color: #000000;
}
@media all and (max-width: 767px) {
.executive-ale-bg-loveofmoney {
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/For%20the%20Love%20of%20Money%20Giveaway/IL_ALE_ExecALEPromo_WebBackground_LoveOfMoney_Mobile.jpg");
}
}
/*===========================*/
/* AEP Lines */
/*===========================*/
.AEP-red-gradient{
height: 20px;
background: rgb(138,3,3);
background: linear-gradient(90deg, rgba(138,3,3,1) 0%, rgba(253,29,29,1) 23%, rgba(138,3,3,1) 50%, rgba(253,29,29,1) 77%, rgba(138,3,3,1) 100%);
}
.AEPR-dashline-10 {
height: 4px;
max-height: 4px;
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Rewards/Web%20Banner%20%28TM%29/HALFSIZE_WebGraphic_GoldBar_AERewards.jpg");
background-repeat: no-repeat;
background-size: 100%;
}
@media all and (max-width: 767px) {
.AEPR-dashline-10 {
background-size: 300%;
}
}
.AEPR-dashline-10-bottom {
height: 4px;
max-height: 4px;
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Rewards/Web%20Banner%20%28TM%29/HALFSIZE_WebGraphic_GoldBar_AERewards.jpg");
background-repeat: no-repeat;
background-size: 100%;
background-position:bottom;
}
@media all and (max-width: 767px) {
.AEPR-dashline-10-bottom {
background-size: 300%;
}
}
.AEP-dashline {
height: 8px;
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Home%20Page/Banners/AEP-Dash-01.png");
color: black;
}
.mind-blowing-dashline {
height: 40px;
background-image: url("https://www.aeplayer.com/hubfs/AE%20Player%20Website%20-%20GRAPHICS%20ONLY/AE%20Player%20-%20Past%20Giveaways/Past%20Giveaways%20-%20Mind%20Blowing%20Giveaway/Red%20Gradient%20Line.jpg");
color: black;
}
.million-dollar-dashline {
height: 40px;
background-image: url("https://www.accelentertainment.com/hubfs/AE%20Player%20Graphics/Million%20Dollar/MD%20-%20red%20and%20gold%20dashed%20line-1-1.jpg");
color: black;
}
/*============================*/
/* DIVIDER*/
/*============================*/
.standard-red-line-bottom {
border-bottom: solid #ce0000 10px;
}
.standard-red-line-bottom-lt {
border-bottom: solid #ce0000 3px;
}
.standard-devider-mobile {
border-bottom: none;
padding-bottom: 0px;
margin-bottom: 0px;
}
@media all and (max-width: 767px) {
.standard-devider-mobile {
padding-bottom: 20px;
border-bottom: solid 3px #ededed;
margin-bottom: 20px;
}
}
.standard-dropshadow-outside{
padding-bottom: 40px;
}
.standard-dropshadow {
background-color: #ffffff;
box-shadow: 0px 10px 10px rgba(0,0,0,.15);
padding: 40px 0;
}
/*=================== END STANDARD ================ END STANDARD ============== END STANDARD ================*/
/*===========================*/
/* DROP SHADOWS */
/*===========================*/
.dropshadow-shamrockin {
width: 150px;
-webkit-filter: drop-shadow(2px 4px 12px black);
filter: drop-shadow(2px 4px 12px black);
}
/*===========================*/
/* BUTTONS & CTAs */
/*===========================*/
.hs-button.primary-button {
background: #ce0000;
color:white !important;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
margin: auto;
border-radius: 4px;
text-align: center;
white-space: normal;
display: inline-block;
border-style:none !important;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.primary-button:hover {
background: #F56262;
}
.hs-button.secondary-button {
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.secondary-button:hover {
background: #D2D3D5;
}
.hs-button.three-button {
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border: 2px #ce0000 solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.three-button:hover {
background: #e5e7e9 ;
}
.hs-button.four-button {
background: #ce0000;
color:white;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 4px;
border: 2px white solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.four-button:hover {
background: #F56262;
}
/*===========================*/
/* OLD BUTTONS & CTAs */
/*===========================*/
.hs-button.primary { /*button should match primary styling*/
background: #ce0000;
color:white;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border-color: #ce0000;
border-style: none;
}
.hs-button.primary:hover { /*button should match primary styling*/
background: #F56262;
}
.bordered-button-harmony{ /*button should match secondary styling*/
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
bordered-button-harmony:hover { /*button should match secondary styling*/
background: #D2D3D5;
}
.cta-container {
margin-top: 20px;
}
.cta-button {
padding:5px 5px;
font-size:18px;
background: transparent;
border-radius: 40px;
color:#ce0000;
border: 3px solid #ce0000;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.cta-button:hover {
background: #ce0000;
color: #fff;
border: 3px solid white;
}
.filled-button { /*button should match three styling*/
background: white;
color:#ce0000;
padding:10px 25px 10px 25px;
margin:10px;
font-size:18px;
font-weight: 400;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
border: 2px #ce0000 solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.filled-button:hover { /*button should match three styling*/
background: #e5e7e9 ;
}
.bordered-button { /*button should match three styling*/
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
border: 2px #ce0000 solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.bordered-button:hover { /*button should match three styling*/
background: #e5e7e9 ;
}
.bordered-button-harmony a:link { /*Not sure if this is ever used....*/
color: #CE0000;
text-decoration: none;
}
/*===========================*/
/* HEADER LOGO PADDING */
/*===========================*/
.header-logo-padding-dtonly-10t{
padding-top:0px;
}
@media all and (max-width: 767px) {
.header-logo-padding-dtonly-10t{
padding-top:10px;
}
}
/*===========================*/
/* HEADER */
/*===========================*/
.page-header {
/*background-color: #fff;*/
background-color: rgba(255,255,255,1);
position: fixed;
/*box-shadow: 0 2px 12px rgba(0,0,0,.2);*/
padding: 0px;
width: 100% !important;
z-index: 45;
}
.page-header .page-center {
position: relative;
}
#page-header {
position: fixed;
}
@media all and (max-width: 600px) {
.page-header .white-bar {
height: 75px !important;
}
}
@media all and (max-width: 600px) {
.page-header, #page-header {
position: static !important;
}
}
.page-header-scroll {
background-color: rgba(255,255,255,.95);
padding: 0;
position: absolute;
top: 0;
z-index: 45;
}
.page-header-scroll .company-logo img {
height: auto !important;
max-height: 50px !important;
}
.company-logo {
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
/*@media all and (max-width: 767px) {
.company-logo {
text-align: center;
}
}*/
.company-logo img {
max-height: 50px;
width: auto !important;
-webkit-transition-property: height, width;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
@media all and (max-width: 767px) {
.company-logo img {
height: 50px !important;
width: auto !important;
}
.company-logo {
float: left !important;
}
}
.page-header-linker {
height: 50px !important;
padding-left:10px;
width: 200px !important;
}
.page-header-linker img{
width:200px;
}
.custom-menu-primary-linked {
float:right;
margin-top:-60px;
}
@media screen and (min-width: 975px) {
.custom-menu-primary-linked {
margin-top:0px;
float:none;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
padding: 15px 0;
font-size: 13px;
line-height: 25px;
font-weight: 700;
font-family: 'Open Sans Bold';
text-transform: uppercase;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
border-radius: 40px;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
color: #fff;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
color: #000000;
border-radius: 40px;
border: 2px solid #000000;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-family: 'Open Sans Semi Bold';
font-weight: 600;
text-align: center;
letter-spacing: .08em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
background-color: #000000;
color: #fff;
}
@media screen and (min-width: 900px) and (max-width: 90%) {
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin-right: 20px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin-right: 12px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 20px;
}
}
@media all and (max-width: 767px) {
.custom-menu-primary .hs-menu-flow-horizontal ul li a {
padding: 15px 10px !important;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
max-width: 150px;
}
}
@media all and (max-width: 767px) {
}
.top-header .social-icons {
float: right;
}
.top-header .social-icons a {
margin-right: 25px;
}
.top-header .social-icons a:last-child {
margin-right: 0;
}
.top-header .social-icons a:link {
color: #fff;
}
.top-header .social-icons a:active {
color: #fff;
}
.top-header .social-icons a:visited {
color: #fff;
}
.top-header .social-icons a:hover {
color: #fff;
text-decoration: none;
}
.top-header ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
color: #fff;
font-size: 13px;
line-height: 26px;
font-weight: 400;
padding: 0;
margin-right: 20px;
}
.top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a {
margin-right: 0;
}
.top-header .contact a {
color: white;
}
/* ========================= */
/* FOOTER */
/* ========================= */
.footer {
background-color: #515151;
color: #efefef;
padding: 50px 0;
}
.footer, .footer p {
font-size: 13px;
line-height: 1.5em;
}
.footer h1 {
font-size: 36px;
line-height: 1.5em;
}
.footer h2 {
font-size: 30px;
line-height: 1.5em;
}
.footer h3 {
font-size: 24px;
line-height: 1.5em;
}
.footer h4 {
font-size: 18px;
line-height: 1.5em;
}
.footer-block {
}
.footer-block a {
color: #ffffff !important;
}
.footer .widget-type-post_listing ul {
list-style-type: none;
-webkit-padding-start: 0;
}
.footer .widget-type-post_listing ul li {
margin-bottom: 15px;
}
.footer-copyright {
background-color: #242424;
color: #efefef;
padding: 20px 0;
}
.page-footer-copyright {
text-align: center;
}
.grey-coop-box {
background-color: #ededed;
padding: 4%;
border: 1px
solid #adadad;
border-radius: 10px;
text-align: center;
}
.text-20 {
font-size: 20px;
padding: 2% 0 6% 0;
}
.bordered-button-white {
border: 3px solid #fff;
padding: 15px 25px;
border-radius: 40px;
color: #fff !important;
background: transparent;
font-size: 24px;
font-weight: normal;
display: inline-block;
text-align: center;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.bordered-button-white:hover {
background: #fff;
color: #CE0000 !important;
}
@media all and (max-width: 600px) {
.filled-button, .bordered-button, .bordered-button-harmony, .bordered-button-white {
/*float: left; */
margin: 10px 10px 10px 0;
}
}
/* ========================= */
/* HOME */
/* ========================= */
.main-content-coop {
margin-right: 0 !important;
float: right !important;
}
.sidebar-coop {
border-right: solid 3px #ce0000;
}
@media (max-width: 767px) {
.sidebar-coop {
margin-left: 0 !important;
padding:0px 10% 0px 10%;
background: white;
border-right: none;
border-top: solid 3px #ce0000;
}
.sidebar-coop,
.main-content-coop {
width: 100% !important;
float: none !important;
}
}
.co-op-tabbox a:link { color: white;}
.text-above-tabs-coop {text-align: center; color: black; padding: 2% 8% 1% 8%; background: #E5E7E9;
}
@media all and (max-width: 767px) {
.add-padding-smaller-size {
padding: 0 15% 0 15%;
}
}
@media all and (max-width: 500px) {
.add-padding-smaller-size {
padding: 0 0 0 0;
}
}
.hero {
color: #fff;
background-color: #444444;
background-size: cover;
background-repeat: no-repeat;
}
@media all and (max-width: 767px) {
.hero {
background-attachment: scroll !important;
}
}
.home.one .hero-overlay {
padding: 4%;
}
.hero .header {
text-align: left;
}
.hero-text {
font-size: 20px;
}
.hero .header h1 {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
text-transform: none;
}
.light-hero {
padding: 150px 0;
padding-top: 150px;
}
.tri-section-group {
background-color: #ededed;
}
.home .about-section {
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,.2);
padding: 80px 0;
}
.about-section-headers h2, .about-section-header h3, .about-section-headers h4, .about-section-headers h5, .about-section-headers h6 {
-webkit-margin-after: 40px;
}
.about-section-icons {
margin-top: 6px;
}
.home .about-element {
}
.circle-border {
border: 2px solid #CE0000;
background-color: rgba(0,0,0,0);
border-radius: 50%;
}
.icon-wrapper {
height: 150px;
width: 150px;
margin: 0 auto 30px !important;
float: none!important;
}
.font-awesome-icon {
color: #CE0000;
height: 100px;
width: 100px;
font-size: 80px;
text-align: center;
vertical-align: middle;
margin: 34px auto!important;
float: none!important;
}
.home .mid-page-cta {
padding: 80px 0 0px;
}
.home .mid-page-cta .image-cta-section-content {
padding-bottom: 50px;
}
.home .mid-page-cta .cta-section-text {
}
.home .mid-page-cta .cta-image {
text-align: center;
}
.home .stats {
}
.home .stats .ff-item {
font-size:40px;
}
.home .fun-facts-section {
background-color: #444444;
color: #ffffff;
box-shadow: 0 -4px 12px rgba(0,0,0,.2);
padding: 80px 0;
background-size: cover;
background-repeat: no-repeat;
}
}
@media all and (max-width: 767px) {
.home .fun-facts-section {
background-attachment: scroll !important;
}
}
.fun-facts-section-headers {
}
.home .fun-facts-section h3 {
color: #969696;
}
.home .fun-fact-piece {
text-align: center;
}
.home .fun-facts-section .ff-item {
font-size: 40px;
color: #000000;
}
@media all and (max-width: 767px) {
.home .fun-fact-piece {
margin-top: 30px;
}
}
.blog-tri-section {
background-color: #444444;
}
.home .blog-list-section {
background-color: #ffffff;
box-shadow: 0 4px 12px rgba(0,0,0,.2);
padding: 60px 0;
}
.blog-section-headers {
margin-bottom: 30px;
}
.blog-section-underheaders {
margin-top: 30px;
}
/*.home .hs-rss-item.hs-with-featured-image {
float: right;
width: 49%;
}
.home .hs-rss-item.hs-with-featured-image:nth-child(odd) {
float: left;
}
.home .hs-rss-item.hs-with-featured-image a {
color: #fff;
}
.home .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 100%;
text-align: center;
margin-top: 200px;
margin-bottom: -308px;
z-index: 10;
position: relative;
color: #ffffff;
margin-left: auto;
margin-right: auto;
float: none;
}*/
.home.one a.hs-rss-title {
color: #313334;
line-height: 1.16667em;
}
.home.one a.hs-rss-title:hover {
color: #000000;
}
.home.one .hs-rss-item .hs-rss-description p {
font-size: 20px;
line-height: 1.59091em;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-description a {
background: #000000;
border: 3px solid #000000;
border-radius: 40px;
padding: 8px 26px;
color: #fff !important;
font-size: 24px;
font-weight: normal;
display: block;
margin-top: 28px;
max-width: 132px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-description a:hover {
background: rgba(0, 0, 0, .55);
border-color: rgba(0, 0, 0, .55);
}
.home.one .rss-container {
max-width: 1200px;
margin: 0 auto !important;
float: none !important;
}
.home.one .hs-rss-item {
margin-bottom: 0;
}
.home.one .hs-rss-item.hs-with-featured-image {
background-color: #f1f1f1;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 50%;
float: right;
padding: 24px 24px;
text-align: left;
}
@media all and (max-width:1200px) {
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
padding: 44px;
}
}
@media all and (max-width: 1000px) {
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
padding: 40px;
}
}
.home.one .hs-rss-item.hs-with-featured-image:nth-child(odd) .hs-rss-item-text {
float: left;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text .hs-rss-title {
font-size: 26px;
line-height: 1.5em;
font-weight: 700;
height: 140px;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
width: /*100%;*/ 50%;
overflow: hidden;
float:left;
/*background: #000000;*/
}
.home.one .hs-rss-item.hs-with-featured-image:nth-child(odd) .hs-rss-item-image-wrapper {
float: right;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
height: 375px;
width: auto;
min-width: 100%;
max-width: none;
}
@media (max-width: 767px) {
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper,
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
clear: both;
width: 100%;
}
.home.one .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper .hs-rss-featured-image {
max-width: 100%;
height: auto;
}
}
.home .testimonials-section {
color: #fff;
padding: 30px;
}
@media all and (max-width: 767px) {
.home .blog-tri-section {
background-attachment: scroll !important;
}
}
.home .testimonial-box {
border: 1px solid rgba(255,255,255,.2);
padding: 80px;
}
@media all and (max-width: 1200px) {
.home .testimonial-box {
padding: 40px;
}
}
@media all and (max-width: 767px) {
.home .testimonial-box {
padding: 80px;
}
}
@media all and (max-width: 600px) {
.home .testimonial-box {
padding: 40px;
}
}
.home .testimonial-box h3 {
font-size: 25px;
text-transform: none;
}
.home .testimonial-box h4 {
font-size: 20px;
color: rgba(255,255,255,.5);
font-style: italic;
text-transform: none;
}
.home .brands-section {
background-color: #ededed;
box-shadow: 0 -4px 12px rgba(0,0,0,.2);
padding: 30px 0;
}
.more-solutions-section {
background-color: #ffffff;
padding: 80px 0;
}
.home .more-solutions-content {
}
.home .more-solutions-content h2 {
-webkit-margin-before: 0;
}
.cta-bottom-banner {
background-color: #CE0000;
padding:50px 0;
color: #ffffff;
}
.bottom-cta-right {
text-align: right;
margin: 0;
}
@media all and (max-width: 767px) {
.bottom-cta-right {
text-align: left;
}
}
.truck .image {
margin:-350px auto 0;
}
/* ========================= */
/* HOME 2 */
/* ========================= */
.home.two .cta-image {
background-color: #333;
color: #fff;
margin-bottom: 100px;
}
.home.two .cta-color-overlay {
padding: 70px 0;
}
.home.two .top-cta {
padding-top: 10px;
}
.home.two .cta-color-overlay h3 {
-webkit-margin-after: 0;
}
.home .back-and-forth {
background: #EAEAEA;
max-width: 1500px;
margin: 0 auto !important;
float: none !important;
}
.section-text {
padding: 82px 84px;
}
.image-piece {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
@media all and (min-width: 768px) {
.section-1-text {
float: left !important;
}
.image-piece-1 {
float: right !important;
}
.section-2-text {
float: right !important;
}
.image-piece-2 {
float: left !important;
}
.section-3-text {
float: left !important;
}
.image-piece-3 {
float: right !important;
}
.section-4-text {
float: right !important;
}
.image-piece-4 {
float: left !important;
}
.section-5-text {
float: left !important;
}
.image-piece-5 {
float: right !important;
}
.section-6-text {
float: right !important;
}
.image-piece-6 {
float: left !important;
}
}
@media all and (min-width: 768px) {
.home .back-and-forth .span6 {
width: 50%;
}
.home .back-and-forth .row-fluid [class*="span"] {
margin-left: 0;
}
}
@media all and (max-width: 600px) {
.section-text {
padding: 82px 20px;
}
}
.home .carry-on-section h2 {
-webkit-margin-before: .83em;
}
.home .carry-on-section a {
color: #272525;
}
.home .carry-on-section a:hover {
color: #CE0000;
}
/* ========================= */
/* HOME 3 */
/* ========================= */
.home.three .hero-overlay {
padding-top: 100px;
}
.home.three .home-brands {
padding: 20px 0;
}
.home.three .content-section {
padding: 30px 0 10px;
}
.home.three .left-column .hs_cos_wrapper_type_rich_text,
.home.three .right-column .hs_cos_wrapper_type_rich_text {
background-color: #EAEAEA;
padding: 30px 20px;
margin-bottom: 30px;
}
.home.three .left-column .hs_cos_wrapper_type_rich_text .hs-cta-wrapper,
.home.three .right-column .hs_cos_wrapper_type_rich_text .hs-cta-wrapper {
margin-bottom: 60px;
}
.home.three .left-column .hs_cos_wrapper_type_rich_text:first-child {
background-color: #000000;
color: #fff;
}
.home.three .right-column .hs_cos_wrapper_type_rich_text:nth-child(2) {
background-color: #CE0000;
color: #fff;
}
.home.three .about-box {
background-color: #EAEAEA;
padding: 30px 20px;
margin-bottom: 30px;
}
@media all and (max-width: 767px) {
.home.three .featured-about-box {
background-attachment: scroll !important;
}
}
.home.three .blog-list-section {
box-shadow: none;
background-color: #EAEAEA;
}
.home.three .page-center-wide {
max-width: 1500px;
margin: 0 auto !important;
float: none !important;
}
.home-blog-feed {
margin-top:-170px;
}
.home.three .hs-rss-item .hs-with-featured-image {
margin-bottom:0;
}
.home.three .hs-rss-item-text {
font-size:20px;
text-align:center;
width:100%!important;
min-height:80px;
padding: 0;
}
.home.three .hs-rss-item a:link {
color: #fff;
text-decoration:none;
}
.home.three .hs-rss-item a:visited {
color: #fff;
text-decoration:none;
}
.home.three .hs-rss-item a:hover {
color: #CE0000;
text-decoration:none;
}
.home.three .hs-rss-item a:active {
color: #fff;
text-decoration:none;
}
.home.three .hs-rss-item-image-wrapper {
background: #313131;
width:100%!important;
display:block!important;
height: 300px;
text-align: center;
vertical-align: middle;
float:none;
overflow: hidden;
}
.home.three .hs-rss-featured-image {
width: 600px;
height: 300px;
opacity: 0.3;
}
.home.three .home-blog-listings .hs-rss-title {
color:#fff;
text-align:center;
z-index:4;
margin-top:-150px;
padding-right:0;
padding-left:0;
font-weight:900;
}
.home.three .home-blog-feed a {
position:relative;
top:300px;
padding-top:50px;
display:block;
min-height: 250px;
width:100%/*270px;*/
}
.home.three .home-blog-feed a:hover {
background:rgba(206, 0, 0, .55);
color:#fff;
}
.home.three .home-blog-listings .blog-posts {
padding-bottom:20px;
}
@media only screen and (min-width: 768px) {
.home.three .hs-with-featured-image {
width: 30%;
float: left;
margin-right: 5%;
}
.home.three .hs-with-featured-image:last-child {
margin-right: 0;
}
}
@media only screen and (max-width: 767px) {
.home.three .hs-rss-featured-image {
min-height: 300px;
height: auto;
}
}
@media all and (max-width: 600px) {
.home.three .bordered-button-white {
float: none;
}
}
/* ========================= */
/* PAGE */
/* ========================= */
.top-section {
}
.header {
text-align: center;
}
.content-section {
padding: 50px 0;
}
.lesser-content-section {
padding: 50px 0;
}
.content-section-flat-top {
padding: 0 0 100px;
}
.full-width-white-bg {
background: #ffffff;
}
.full-width-light-grey-bg {
background: #EAEAEA;
}
.full-width-melody-bg {
background: #000000;
}
.full-width-harmony-bg {
background: #CE0000;
}
.full-width-color-bg {
color: #fff;
background-color: #000000;
background-attachment: scroll !important;
background-size: cover;
background-repeat: no-repeat;
}
.full-width-gradient-bg {
background: -webkit-linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%);
background: linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%);
background: -webkit-linear-gradient(105deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%);
background: linear-gradient(-15deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%);
}
.page-banner-hero {
color: #fff;
background-color: #000000;
padding: 30px 0;
padding-top: 30px;
background-size: cover;
background-repeat: no-repeat;
}
.page-banner-hero .black {
color: black;
}
@media all and (max-width: 767px) {
.page-banner-hero {
background-attachment: scroll !important;
}
}
.page-banner-hero .header {
text-align: left;
padding-left: 2%;
}
.page-banner-hero .header h1 {
font-size: 40px;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
text-transform: none;
}
.center-image {
text-align: center;
}
.page-sidebar {
}
.page-content {
}
.left-column-area {
}
.middle-column-area {
}
.right-column-area {
}
@media all and (min-width: 768px) {
.with-sidebar .page-sidebar {
float: right;
}
.with-sidebar .page-content {
float: left;
padding-right: 20px;
}
.page-content-left {
padding-right: 20px;
}
.page-content-right {
padding-left: 20px;
}
}
.page-sidebar .hs_cos_wrapper_type_post_listing ul {
list-style-type: none;
-webkit-padding-start: 0;
}
.page-sidebar .hs_cos_wrapper_type_post_listing h3 {
color: #CE0000;
}
.page-sidebar .hs_cos_wrapper_type_post_listing ul li {
margin-bottom: 15px;
}
.page-sidebar .hs_cos_wrapper_type_post_listing ul li a {
color: #272525;
}
.page-sidebar .hs_cos_wrapper_type_post_listing li {
position: relative !important;
padding-left: 20px !important;
}
.page-sidebar .hs_cos_wrapper_type_post_listing li:before {
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0;
content: "\f105";
font-size: 28px;
color: #209fd9;
}
.call-back-gradient {
background: -webkit-radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* Safari 5.1-6.0 */
background: -o-radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* For Opera 11.6-12.0 */
background: -moz-radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* For Firefox 3.6-15 */
background: radial-gradient(rgba(20,20,20, .25) 0, rgba(255,254,194,.25) 100%); /* Standard syntax */
}
.about .top-call-back {
color: #fff;
}
.about .top-icons-section {
background-color: #ffffff;
padding: 50px 0;
}
.tidbits-section h2, .tidbits-section h3 .tidbits-section h4, .tidbits-section h5, .tidbits-section h6 {
-webkit-margin-after: 20px;
}
.about .tidbit img {
border-radius: 50%;
}
.about .tidbit {
border: 1px solid #272525;
border-radius: 40px;
padding: 30px;
}
@media all and (min-width: 768px) {
.about .page-content-left {
padding-right: 20px;
}
.about .page-content-right {
padding-left: 20px;
}
}
.services .top-icons-section {
background-color: #ffffff;
padding: 50px 0;
}
.services .top-element {
}
.services .icon-column {
padding: 0 12px;
}
.services .back-and-forth-section {
background: -webkit-linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%);
background: linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%);
background: -webkit-linear-gradient(105deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%);
background: linear-gradient(-15deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%);
}
.services .back-and-forth {
position: relative;
}
.services .back-and-forth .hs_cos_wrapper_type_rich_text {
max-width: 70%;
display: block;
clear: both;
text-align: justify !important;
margin-bottom: 100px;
}
.services .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) {
float: right;
}
.services .back-and-forth .hs_cos_wrapper_type_rich_text:last-child {
margin-bottom: 0;
}
@media all and (max-width: 480px) {
.services .back-and-forth .hs_cos_wrapper_type_rich_text {
max-width: 100%;
}
.services .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) {
float: none;
}
}
.services .services-bullets-container {
max-width: 1500px;
margin: 0 auto !important;
float: none !important;
}
@media all and (max-width: 1500px) {
.services .services-bullets-container {
padding: 0 20px;
}
}
.services .why-us-bullets .hs_cos_wrapper_type_rich_text {
position: relative;
max-width: 90%;
margin-top: 40px;
padding-left: 50px;
}
.services .why-us-bullets .hs_cos_wrapper_type_rich_text:before {
font-family: FontAwesome;
content: '\f013';
color: #CE0000;
vertical-align: middle;
font-size: 40px;
position: absolute;
top: 15px;
left: 0;
}
.services .services-image-section-text-container {
}
.services-image-section-text-container h1, .services-image-section-text-container h2, .services-image-section-text-container h3,
.services-image-section-text-container h4, .services-image-section-text-container h5, .services-image-section-text-container h6 {
-webkit-margin-after: 10px;
}
.services-image-section-text-container p {
-webkit-margin-before: 0;
}
.services .services-image-section-text .hs_cos_wrapper_type_rich_text {
margin-top: 40px;
}
.services .center-image {
position: relative;
}
.services .center-image img {
position: absolute;
top: 50%;
right: 0;
left: 0;
margin: auto;
}
.team .team-listing .hs_cos_wrapper_type_rich_text {
margin-top: 100px;
}
.team .team-listing h3, .team .team-listing h4 {
-webkit-margin-after: 0;
}
.team .lesser-content-section img {
border-radius: 50%;
}
.case-studies .cs-listing {
padding-bottom: 100px;
}
.case-studies .cs-listing .hs_cos_wrapper_type_rich_text {
margin-top: 100px;
}
.case-studies .cs-listing h3, .team .team-listing h4 {
-webkit-margin-after: 0;
}
.case-studies .content-section img {
border-radius: 50%;
}
.case-study h1 {
font-size: 48px;
}
.case-study .header-content {
padding:5px 0;
}
.case-study .upper-box {
background-color: #000000;
color: white;
padding:10px 0;
}
.case-study .upper-box p {
font-size: 20px;
}
.case-study .lp-section-header {
text-align: center;
}
.case-study .image-banner img {
z-index: -1;
overflow: hidden;
width:100vw !important;
}
.case-study .image-banner-container {
overflow: hidden;
height: 400px;
}
.case-study .main-content {
padding-right: 20px;
padding-left: 20px;
}
.case-study .right-form {
padding: 6px;
}
.case-study .right-offer {
padding: 20px;
}
.case-study .float-offer {
margin-top: -50px;
padding: 20px 10px 10px;
background-color: rgba(248,248,248,.8);
box-shadow: 0px 4px 3px #999 !important;
}
.case-study .offer-cta {
margin-left: 8%;
margin-right: 8%;
}
@media all and (min-width: 768px) {
.case-study .float-form {
margin-top: -350px;
padding: 20px 10px 10px;
background-color: rgba(248,248,248,.8);
box-shadow: 0px 4px 3px #999 !important;
}
}
.case-study .float-form {
padding: 20px 10px 30px;
}
.case-study .addl-info {
padding-top: 50px;
}
.case-study .footer-details {
padding: 10px 0;
text-align: center;
}
.case-study .footer-container-wrapper {
padding: 0;
margin: 0;
background: transparent;
border: none;
}
.case-study .dark-bg {
background:#555;
color:#fff;
padding:20px 0;
}
.case-study h1 {
-webkit-margin-before: .67em;
}
.case-study .main-content ul {
list-style-type: none;
-webkit-padding-start: 10px;
}
.case-study .main-content li {
position: relative;
margin-bottom: 25px;
min-height: 30px;
padding-left: 20px;
}
.case-study .main-content li:before {
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0;
content: "\f105";
font-size: 28px;
color: #CE0000;
}
.products .content-section .hs_cos_wrapper_type_rich_text,
.resources .library-col .hs_cos_wrapper_type_rich_text {
border: 1px solid #e9e9e9;
padding: 20px;
border-radius: 40px;
margin: 15px 0;
}
.tabber-wrap ul.tabber-tabs {
margin: 0 auto !important;
list-style-type: none;
}
@media all and (min-width: 768px) {
.tabber-wrap ul.tabber-tabs {
-webkit-padding-start: 80px;
}
}
@media all and (max-width: 767px) {
.tabber-wrap ul.tabber-tabs {
-webkit-padding-start: 0;
}
}
.tabber-wrap ul.tabber-tabs > li {
float: left;
background-color: #EAEAEA;
padding: 10px 0;
width: 30%;
max-width: 500px;
}
.tabber-wrap ul.tabber-tabs > li {
border-left: 1px solid #fff;
text-align: center;
}
.tabber-wrap ul.tabber-tabs > li:last-child {
border-right: 1px solid #fff;
}
.tabber-wrap {
}
.tabber-wrap ul li a {
line-height: 30px;
font-family: "Open Sans", sans-serif;
}
.tabber-wrap .clearfix {
margin-bottom: 5px;
}
ul.tabber-tabs > li:hover {
background-color: rgba(206, 0, 0, .55);
}
ul.tabber-tabs > li.active {
background-color: #CE0000;
}
ul.tabber-tabs > li.active a {
color: #fff;
}
ul.tabber-tabs > li:hover a {
color: #fff;
}
ul.tabber-tabs li .tabber-link {
padding: .5em 1em;
}
@screen all and (max-width: 600px) {
.tabber-wrap {
padding-left: 0;
padding-right: 0;
}
.tabber-tabs li .tabber-link {
padding: 0;
text-align: center;
}
}
.tabber-content {
padding: 10px;
border: 1px solid #e9e9e9;
}
.four-tab .tabber-wrap ul.tabber-tabs > li {
width: 20%;
}
@media all and (min-width: 768px) {
.four-tab .tabber-wrap ul.tabber-tabs {
-webkit-padding-start: 40px;
}
}
@media all and (max-width: 767px) {
.four-tab .tabber-wrap ul.tabber-tabs {
-webkit-padding-start: 0;
}
}
@media all and (max-width: 600px) {
.tabber-wrap ul.tabber-tabs > li {
width: auto !important;
}
}
.contact .contact-phone, .contact .contact-email {
position: relative;
}
.contact-header h3 {
-webkit-margin-before: .667em;
-webkit-margin-after: 0;
}
.contact .contact-phone span:before {
font-family: FontAwesome;
content: "\f095";
vertical-align: middle;
margin-right: 10px;
color: #CE0000;
}
.contact .contact-email span:before {
font-family: FontAwesome;
content: "\f003";
vertical-align: middle;
margin-right: 10px;
color: #CE0000;
}
.contact .contact-image {
margin-top: 50px;
}
/*================================ */
/* PRICING TABLES */
/*================================ */
.pricing-tables-container {
padding-top:50px;
}
.featured-pricing-table {
background:#fff;
border-radius:5px;
font-weight:bold;
padding-bottom:30px;
box-shadow: 0 2px 2px #aaa;
}
.featured-pricing-table h2, .pricing-table h2 {
-webkit-margin-after: 0;
}
.featured-pricing-table h1, .featured-pricing-table h2, .featured-pricing-table h3, .featured-pricing-table h4 {
font-weight:bold;
}
.featured-pricing-table.cta-center {
margin-top:20px;
}
.pricing-table {
background:#fff;
border-radius:5px;
margin-top:90px;
padding-bottom:30px;
box-shadow: 0 2px 2px #aaa;
}
@media all and (max-width: 767px) {
.featured-pricing-table {
margin-top: 90px;
}
}
@media all and (min-width: 768px) {
.pricing-table-animated:hover {
transform: translate(0, -30px;);
-webkit-transform: translate(0, -30px); /** Chrome & Safari **/
-o-transform: translate(0, -30px); /** Opera **/
-moz-transform: translate(0, -30px); /** Firefox **/
transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-moz-transform: scale(1.1);
}
}
.pricing-table-animated {
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out; /** Chrome & Safari **/
-moz-transition: all .5s ease-in-out; /** Firefox **/
-o-transition: all .5s ease-in-out; /** Opera **/
}
.pricing-table ul {
list-style-type: none;
}
.featured-pricing-table ul {
list-style-type: none;
}
.pricing-table li {
margin:30px 0 30px 20px;
}
.featured-pricing-table li {
margin:30px 0 30px 20px;
}
.best-value {
padding:10px 0 20px;
border-radius:5px 5px 0 0;
background:#000000;
color:#fff;
}
.best-value h3 {
-webkit-margin-after: 0;
}
.pricing-section a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
margin-top: 200px;
}
.pricing-section a:hover {
background: #CE0000;
color: #fff!important;
}
.pricing.two .pricing-section a {
margin-top: 50px;
}
@media all and (max-width: 600px) {
.pricing.two .pricing-section a {
margin-left: 20px;
}
}
.pricing-box {
}
.price-table {
background: #CE0000;
padding: 50px 0;
}
@media (max-width: 767px) {
.price-table-text {
text-align: center;
}
}
.pricing-box.style1 {
background: #fff;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #fff;
}
@media (max-width: 767px) {
.pricing-box.style1 {
margin-top: 20px;
}
}
.pricing-box.style1:hover {
box-shadow: 0 0 9px rgba(0,0,0,.4);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style1 .price-table {
background: #CE0000;
padding: 50px 0;
}
.style1 .price-table-price-text {
color: #ffffff;
}
.style1 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style1 a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style1 a:hover {
background: #CE0000;
color: #fff!important;
}
.pricing-box.style1.featured {
background: #fff;
margin-top: 20px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #fff;
}
@media (max-width: 767px) {
.pricing-box.style1.featured {
margin-top: 20px;
}
}
.pricing-box.style1.featured:hover {
box-shadow: 0 0 9px rgba(0,0,0,.4);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style1.featured .price-table {
background: #000000;
padding: 50px 0;
}
.pricing-box.style1.featured .price-table-price-text {
color: #ffffff;
}
.pricing-box.style1.featured .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style1.featured a {
border: 3px solid #000000;
padding: 15px 25px;
border-radius: 40px;
color: #000000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style1.featured a:hover {
background: #000000;
color: #fff!important;
}
.pricing-box.style2 {
background: #545454;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style2 {
margin-top: 20px;
}
}
.pricing-box.style2:hover {
box-shadow: 0 0 9px rgba(0,0,0,.9);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style2 .price-table {
background: #6b6b6b;
margin: 5px auto;
}
.style2 .price-table-price-text {
color: #ffffff;
}
.style2 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
color: #fff;
}
.pricing-box.style2 a {
padding: 15px 25px;
border-radius: 40px;
color: #fff!important;
background: #6b6b6b;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border: none;
}
.pricing-box.style2 a:hover {
background: transparent!important;
color: #fff!important;
}
.pricing-box.style2.featured {
background: #3f3f3f;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style2.featured {
margin-top: 20px;
}
}
.pricing-box.style2.featured:hover {
box-shadow: 0 0 9px rgba(0,0,0,.9);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style2.featured .price-table {
background: #d9dee0;
margin: 5px auto;
}
.pricing-box.style2.featured .price-table-price-text {
color: #6b6b6b;
}
.pricing-box.style2.featured .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
color: #fff;
}
.pricing-box.style2.featured a {
padding: 15px 25px;
border-radius: 40px;
color: #fff!important;
background: #6b6b6b;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border: none;
}
.pricing-box.style2.featured a:hover {
background: #fff!important;
color: #3f3f3f!important;
}
.pricing-box.style3 {
background: #f9f9f9;
border-top: 10px solid #d9dee0;
border-bottom: 2px solid #d9dee0;
box-shadow: 0 0 5px rgba(0,0,0,.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style3 {
margin-top: 20px;
}
}
.pricing-box.style3:hover {
box-shadow: 0 0 9px rgba(0,0,0,.4);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style3 .price-table {
background: #f9f9f9;
margin: -5px auto 15px;
/*border-bottom: 2px solid #e5e5e5;*/
border-bottom: 4px double #e5e5e5;
}
.style3 .price-table-price-text {
color: #777;
}
.style3 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style3 a {
border: 1px solid #d9dee0;
padding: 15px 25px;
border-radius: 40px;
color: #777!important;
background: #d9dee0;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style3 a:hover {
border: 1px solid #6b6b6b;
}
.pricing-box.style3.featured {
background: #f9f9f9;
border-top: 10px solid #000000;
border-bottom: 2px solid #000000;
box-shadow: 0 0 5px rgba(0,0,0,.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style3.featured {
margin-top: 20px;
}
}
.pricing-box.style3.featured:hover {
box-shadow: 0 0 9px rgba(0,0,0,.4);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style3.featured .price-table {
background: #f9f9f9;
margin: -5px auto 15px;
/*border-bottom: 2px solid #e5e5e5;*/
border-bottom: 4px double #e5e5e5;
}
.pricing-box.style3.featured .price-table-price-text {
color: #777;
}
.pricing-box.style3.featured .price-table-text {
line-height: 2em;
padding: 0 15px 10px;
}
.pricing-box.style3.featured a {
border: 1px solid #333;
padding: 15px 25px;
border-radius: 40px;
color: #fff!important;
background: #000000;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border: none;
}
.pricing-box.style3.featured a:hover {
border: 1px solid #6b6b6b;
color: #333!important;
background: transparent!important;
}
.pricing-box.style4 {
background: #d9dee0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #d9dee0;
}
@media (max-width: 767px) {
.pricing-box.style4 {
margin-top: 20px;
}
}
.pricing-box.style4:hover {
box-shadow: 0 0 9px rgba(0,0,0,.4);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style4 .price-table {
background: #000000;
padding: 50px 0;
}
.style4 .price-table-price-text {
color: #fff;
}
.style4 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.style4 .price-table-text p {
border-bottom: 1px dashed #999;
}
.pricing-box.style4 a {
border: 3px solid #000000;
padding: 15px 25px;
border-radius: 40px;
color: #000000 !important;
background: transparent;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style4 a:hover {
background: #000000;
color: #fff!important;
}
.pricing-box.style4.featured {
background: #d9dee0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #d9dee0;
}
@media (max-width: 767px) {
.pricing-box.style4.featured {
margin-top: 20px;
}
}
.pricing-box.style4.featured:hover {
box-shadow: 0 0 9px rgba(0,0,0,.4);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style4.featured .price-table {
background: #CE0000;
padding: 50px 0;
}
.pricing-box.style4.featured .price-table-price-text {
color: #ffffff;
}
.pricing-box.style4.featured .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style4.featured a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style4.featured a:hover {
background: #CE0000;
color: #fff!important;
}
.pricing-box.style1-v2 {
background: #fff;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #fff;
}
@media (max-width: 767px) {
.pricing-box.style1-v2 {
margin-top: 20px;
}
}
.pricing-box.style1-v2:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style1-v2 .price-table {
background: #CE0000;
padding: 50px 0;
}
.style1-v2 .price-table-price-text {
color: #ffffff;
}
.style1-v2 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style1-v2 a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style1-v2 a:hover {
background: #CE0000;
color: #fff!important;
}
.pricing-box.style1-v2.featured {
background: #fff;
margin-top: 20px;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #fff;
}
@media (max-width: 767px) {
.pricing-box.style1-v2.featured {
margin-top: 20px;
}
}
.pricing-box.style1-v2.featured:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style1-v2.featured .price-table {
background: #000000;
padding: 50px 0;
}
.pricing-box.style1-v2.featured .price-table-price-text {
color: #ffffff;
}
.pricing-box.style1-v2.featured .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style1-v2.featured a {
border: 3px solid #000000;
padding: 15px 25px;
border-radius: 40px;
color: #000000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style1-v2.featured a:hover {
background: #000000;
color: #fff!important;
}
.pricing-box.style2-v2 {
background: #545454;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style2-v2 {
margin-top: 20px;
}
}
.pricing-box.style2-v2:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style2-v2 .price-table {
background: #6b6b6b;
margin: 5px auto;
}
.style2-v2 .price-table-price-text {
color: #ffffff;
}
.style2-v2 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
color: #fff;
}
.pricing-box.style2-v2 a {
padding: 15px 25px;
border-radius: 40px;
color: #fff!important;
background: #6b6b6b;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border: none;
}
.pricing-box.style2-v2 a:hover {
background: transparent!important;
color: #fff!important;
}
.pricing-box.style2-v2.featured {
background: #3f3f3f;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style2-v2.featured {
margin-top: 20px;
}
}
.pricing-box.style2-v2.featured:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style2-v2.featured .price-table {
background: #d9dee0;
margin: 5px auto;
}
.pricing-box.style2-v2.featured .price-table-price-text {
color: #6b6b6b;
}
.pricing-box.style2-v2.featured .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
color: #fff;
}
.pricing-box.style2-v2.featured a {
padding: 15px 25px;
border-radius: 40px;
color: #fff!important;
background: #6b6b6b;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border: none;
}
.pricing-box.style2-v2.featured a:hover {
background: #fff!important;
color: #3f3f3f!important;
}
.pricing-box.style3-v2 {
background: #f9f9f9;
border-top: 10px solid #d9dee0;
border-bottom: 2px solid #d9dee0;
box-shadow: 0 0 5px rgba(0,0,0,.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style3-v2 {
margin-top: 20px;
}
}
.pricing-box.style3-v2:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style3-v2 .price-table {
background: #f9f9f9;
margin: -5px auto 15px;
/*border-bottom: 2px solid #e5e5e5;*/
border-bottom: 4px double #e5e5e5;
}
.style3-v2 .price-table-price-text {
color: #777;
}
.style3-v2 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style3-v2 a {
border: 1px solid #d9dee0;
padding: 15px 25px;
border-radius: 40px;
color: #777!important;
background: #d9dee0;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style3-v2 a:hover {
border: 1px solid #6b6b6b;
}
.pricing-box.style3-v2.featured {
background: #f9f9f9;
border-top: 10px solid #000000;
border-bottom: 2px solid #000000;
box-shadow: 0 0 5px rgba(0,0,0,.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
@media (max-width: 767px) {
.pricing-box.style3-v2.featured {
margin-top: 20px;
}
}
.pricing-box.style3-v2.featured:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style3-v2.featured .price-table {
background: #f9f9f9;
margin: -5px auto 15px;
/*border-bottom: 2px solid #e5e5e5;*/
border-bottom: 4px double #e5e5e5;
}
.pricing-box.style3-v2.featured .price-table-price-text {
color: #777;
}
.pricing-box.style3-v2.featured .price-table-text {
line-height: 2em;
padding: 0 15px 10px;
}
.pricing-box.style3-v2.featured a {
border: 1px solid #333;
padding: 15px 25px;
border-radius: 40px;
color: #fff!important;
background: #000000;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border: none;
}
.pricing-box.style3-v2.featured a:hover {
border: 1px solid #6b6b6b;
color: #333!important;
background: transparent!important;
}
.pricing-box.style4-v2 {
background: #d9dee0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #d9dee0;
}
@media (max-width: 767px) {
.pricing-box.style4-v2 {
margin-top: 20px;
}
}
.pricing-box.style4-v2:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.style4-v2 .price-table {
background: #000000;
padding: 50px 0;
}
.style4-v2 .price-table-price-text {
color: #fff;
}
.style4-v2 .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.style4-v2 .price-table-text p {
border-bottom: 1px dashed #999;
}
.pricing-box.style4-v2 a {
border: 3px solid #000000;
padding: 15px 25px;
border-radius: 40px;
color: #000000 !important;
background: transparent;
font-size: 17px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style4-v2 a:hover {
background: #000000;
color: #fff!important;
}
.pricing-box.style4-v2.featured {
background: #d9dee0;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
border-top: 4px solid #d9dee0;
}
@media (max-width: 767px) {
.pricing-box.style4-v2.featured {
margin-top: 20px;
}
}
.pricing-box.style4-v2.featured:hover {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style4-v2.featured .price-table {
background: #CE0000;
padding: 50px 0;
}
.pricing-box.style4-v2.featured .price-table-price-text {
color: #ffffff;
}
.pricing-box.style4-v2.featured .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.pricing-box.style4-v2.featured a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
margin-top: 0px;
display: inline-block;
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
transition-duration: .5s;
}
.pricing-box.style4-v2.featured a:hover {
background: #CE0000;
color: #fff!important;
}
.price-table-price-text {
color: #ffffff;
}
.price-table-black {
background: #242424;
padding: 50px 0;
}
.price-table-harmony {
background: #CE0000;
padding: 50px 0;
}
.price-table-melody {
background: #000000;
padding: 50px 0;
}
.price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
/* ============================= */
/* ACCORDIAN */
/* ============================= */
.accordion {
width: 100%;
background: #CE0000;
}
.accordion_group {
margin-bottom: 5px;
background: #CE0000;
}
.accordion_header {
cursor: pointer;
font-size: 18px;
line-height: 16px;
padding: 25px;
color: #fff;
margin:30px;
}
.accordion_text {
padding: 20px 30px;
color: black;
background: #f1f1f1;
}
.accordion_header.two {
margin:20px;
padding:15px 35px 15px 35px;
font-size:18px;
background: white;
border-radius: 40px;
color:#ce0000;
border: 3px solid #ce0000;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.accordion_text.three {
padding: 20px 30px;
color: black;
background: #ce0000;
}
.accordion_text.two {
padding: 30px 30px;
color: black;
background: white;
}
.accordion_header.two:hover {
background: #ce0000;
color: #fff;
border: 3px solid white;
}
/* ========================= */
/* FORMS */
/* ========================= */
body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
cursor: pointer;
}
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
display: block;
padding: 10px 10px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 15px;
font-weight: 400;
color: #272525;
margin:4px 0 20px;
letter-spacing: 0.5px;
border-radius: 0;
}
.hs-form {
margin-top:20px;
}
ul.inputs-list {
-webkit-padding-start: 0;
}
.hs-form-radio {
list-style-type:none;
}
.hs-form-booleancheckbox {
list-style-type:none;
}
.hs-form fieldset {
max-width: none !important;
}
.hs-form fieldset.form-columns-1 .input {
margin-right: 0!important;
}
.hs-form fieldset.form-columns-2 .input {
margin-right: 8px;
}
.hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {
margin-right: 0;
}
.hs-form fieldset.form-columns-3 .input {
margin-right: 12px;
}
.hs-form fieldset.form-columns-3 .hs-form-field:last-child .input {
margin-right: 0;
}
.hs-form fieldset.form-columns-1 .hs-input {
width: 100%!important;
}
.hs-form fieldset.form-columns-1 input[type=checkbox], .hs-form fieldset.form-columns-1 input[type=radio] {
width:auto!important;
}
.hs-form-field .hs_email {
display:inline-block;
}
body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}
body label {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
}
/* ========================= */
/* LANDING PAGES */
/* ========================= */
.landing.top-header {
padding: 3px;
height: 30px;
background-color: ##EAEAEA;
color: #fff;
}
.landing .float-form {
background: rgba(255,255,255, .9);
}
@media all and (min-width: 768px) {
.landing .float-form {
margin-top: -400px;
}
}
.landing .float-form .hs_cos_wrapper_type_form {
padding: 25px;
box-shadow: 1px 1px 5px rgba(0,0,0,.5);
border-radius: 0;
}
.landing .webinar-form {
background: rgba(255,255,255, .9);
}
.landing .webinar-form .hs_cos_wrapper_type_form {
padding: 25px;
box-shadow: 0px 0px 5px rgba(0,0,0,.5);
border-radius: 0;
}
.landing h2 {
}
.landing.thank-you .page-banner-hero h3 {
-webkit-margin-before: 1em;
}
.landing.thank-you .page-banner-hero {
padding: 100px 0;
padding-top: 100px;
}
.landing.thank-you.three .page-banner-hero {
padding: 150px 0;
padding-top: 150px;
}
.landing.thank-you .page-banner-hero a {
border: 3px solid #fff;
padding: 15px 25px;
border-radius: 40px;
color: #fff !important;
background: transparent;
font-size: 28px;
font-weight: normal;
/*margin-top: 200px;*/
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.landing.thank-you .page-banner-hero a:hover {
background: #fff;
color: #CE0000 !important;
}
.landing.thank-you .cta-section {
background: #EAEAEA;
box-shadow: 1px 1px 5px rgba(0,0,0,.5);
padding: 20px;
}
.thank-you-image-background .header a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.thank-you-image-background .header a:hover {
background: #CE0000;
color: #fff !important;
}
.landing-section {
padding: 50px;
box-shadow: 0 0 15px rgba(0,0,0,.2);
}
.thank-you-section {
padding: 50px;
background: #fff;
}
.thank-you-section .company-logo {
text-align: center;
margin-bottom: 30px;
}
.landing .thank-you-section .header {
margin-bottom: 20px;
}
.landing .landing-sub-hero {
box-shadow: 0 -2px 12px rgba(0,0,0,.2);
}
.landing .form-side-text {
margin-top: 20px;
}
.landing .form-side-sharing {
margin-top: 20px;
}
.landing .landing-section .page-content:first-child {
border-right: 1px solid #f0f0f0;
}
@media all and (min-width:768px) {
.landing .landing-section .page-content:first-child {
padding-right: 20px;
}
}
.landing .float-form {
position: relative;
}
.landing .float-form h3, .landing .page-content h3 {
-webkit-margin-before: .5em;
}
.form-arrow-tag {
background: #CE0000;
color: #fff;
border: 4px solid #fff;
border-right: none;
width: 60px;
height: 60px;
position: absolute;
top: 30px;
left: -64px;
text-align: center;
font-size: 53px;
}
@media all and (max-width: 767px) {
.form-arrow-tag {
display: none !important;
}
}
.landing .page-content ul {
list-style-type: none;
-webkit-padding-start: 10px;
}
.landing .page-content li {
position: relative;
margin-bottom: 25px;
min-height: 30px;
padding-left: 20px;
}
.landing .page-content li:before {
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0;
content: "\f105";
font-size: 28px;
color: #CE0000;
}
.landing .center-image {
text-align:center;
z-index:2;
}
@media all and (min-width: 768px) {
.landing .center-image {
margin:-650px auto 0;
}
}
.landing-hero {
background-color: #444;
padding: 100px 0;
}
.landing .testimonial-box {
margin-top:25px;
padding:20px;
border:solid 1px #e5e4e4;
}
.landing .testimonial-box, .testimonial-box p {
font-size:13px;
line-height:19px;
}
.landing .testimonial-image {
max-height:75px;
max-width:75px;
overflow:hidden;
border-radius:50px;
margin-right:20px;
}
@media all and (max-width: 767px) {
.landing .testimonial-image {
margin: 0 auto 20px !important;
float: none !important;
}
}
.landing .testimonial-text {
margin-left:20px;
margin-right:0;
}
.landing .testimonial-name {
color:#333;
font-weight:600;
margin-top:10px;
}
.landing .form-content-section {
padding: 100px 0;
color: #fff;
}
.landing .form-section-text h2 {
-webkit-margin-after: 0;
}
.landing .form-content-section .hs-button.primary {
color: #fff;
border-color: #fff;
min-width: auto;
width: 50%;
}
.landing .form-content-section .hs-button.primary:hover {
background: #fff;
color: #CE0000;
}
.landing .center-image-area {
padding: 100px 0 0px;
}
.landing.for-pricing .landing-hero {
background: -webkit-linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%);
background: linear-gradient(#f4fafb 0,#eff2f9 48%,#e2e6f5 100%);
background: -webkit-linear-gradient(105deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%);
background: linear-gradient(-15deg,#e2e6f4 20%,#eff2f9 40%,#fcfdff 60%,#f4fafb 80%);
}
.landing.for-pricing .company-logo {
margin-bottom: 40px;
}
/*.landing .pricing-section a {
border: 3px solid #CE0000;
padding: 15px 25px;
border-radius: 40px;
color: #CE0000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
margin-top: 200px;
}
.landing .pricing-section a:hover {
background: #CE0000;
color: #ff!important;
}
*/
/*.landing .pricing-box {
background: #fff;
}
.landing .price-table-price-text {
color: #ffffff;
}*/
.landing .price-table-black {
background: #242424;
padding: 50px 0;
}
.landing .price-table-melody {
background: #CE0000;
padding: 50px 0;
}
.landing .price-table-harmony {
background: #000000;
padding: 50px 0;
}
.landing .price-table-text {
line-height: 2em;
padding: 0 15px 25px;
}
.landing .back-and-forth {
background-color: #555;
color: #fff;
}
.landing .back-and-forth h1, .landing .back-and-forth h2, .landing .back-and-forth h3,
.landing .back-and-forth h4, .landing .back-and-forth h5, .landing .back-and-forth h6 {
-webkit-margin-after: 10px;
}
.landing .back-and-forth h4 {
-webkit-margin-after: 0;
}
.landing .back-and-forth {
position: relative;
}
.landing .back-and-forth .header {
margin-bottom: 30px;
}
.landing .back-and-forth .hs_cos_wrapper_type_rich_text {
max-width: 70%;
display: block;
clear: both;
margin-bottom: 80px;
font-size: 12px;
}
.landing .back-and-forth .hs_cos_wrapper_type_rich_text img {
border-radius: 50%;
}
.landing .back-and-forth .hs_cos_wrapper_type_rich_text p {
text-align: justify !important;
}
.landing .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) {
float: right;
}
.landing .back-and-forth .hs_cos_wrapper_type_rich_text:last-child {
margin-bottom: 0;
}
@media all and (max-width: 600px) {
.landing .back-and-forth .hs_cos_wrapper_type_rich_text {
max-width: 100%;
}
.landing .back-and-forth .hs_cos_wrapper_type_rich_text:nth-child(even) {
float: none;
}
}
.landing .to-form-link {
margin-top: 50px;
}
.landing .to-form-link a {
border: 3px solid #000000;
padding: 15px 25px;
border-radius: 40px;
color: #000000 !important;
background: transparent;
font-size: 28px;
font-weight: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.landing .to-form-link a:hover {
background: #000000;
color: #fff !important;
}
/* ========================= */
/* LONG LANDING */
/* ========================= */
.landing.long .hero {
background-position: center top;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
padding: 0;
}
.landing.long .company-logo {
margin:0 0 80px;
text-align: center;
}
.landing.long .hero-blackout {
background-color: rgba(16,16,16,.6);
padding: 50px 0;
}
.landing.long .hero-header h1 {
color: #fff;
font-size: 40px;
margin: 0 auto !important;
}
.landing.long .hero-header h3 {
color: #fff;
font-size: 20px;
}
.landing.long .header {
text-align: center;
}
.landing.long .header-section-line {
max-width: 800px;
height: 3px;
background-color: #fff;
color: #fff;
margin: 20px auto!important;
float:none!important;
text-align:center;
opacity: .6;
}
.landing.long .buttons-collection {
text-align: center;
margin-top: 40px;
margin-bottom: 20px;
text-decoration: none;
text-transform: uppercase;
}
.landing.long .cta-button {
color: #fff;
border: 2px solid #fff;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
padding: 18px 36px;
font-size: 18px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
min-width: 150px;
text-transform: uppercase;
margin: 10px 0;
display: inline-block;
}
.landing.long .cta-button:link {
color: #fff;
}
.landing.long .cta-button:visited {
color: #fff;
}
.landing.long .cta-button:hover {
color: #fff;
background: #CE0000;
}
.landing.long .mobile-form-section {
background: #363534;
color: #fff;
display: none !important;
padding: 2px 0;
}
.landing.long .mobile-image-section {
background: #fff;
padding: 5px 0 0;
display: none !important;
}
.landing.long .mobile-image {
margin 0 auto;
float: none;
text-align: center;
}
.landing.long .mobile-image img {
width: 80% !important;
}
.landing.long .mobile-form-section .hs-form-required {
display: none;
}
.landing.long .flat-line {
background: #CE0000;
width: 70px;
margin: 20px auto;
display: block;
height: 1px;
border: none;
}
.landing.long .column-section {
background: #fff;
z-index: 10;
padding: 30px 0;
}
.landing.long .column-header {
margin-bottom: 20px;
}
.landing.long .image-section {
background: #fff;
padding: 50px 0 0;
}
.landing.long .image-section p {
font-size: 18px;
margin-bottom: 20px;
}
.landing.long .image-section h2 {
font-size: 32px;
}
.landing.long .center-image {
margin: 0 auto;
float: none;
text-align: center;
}
.landing.long .quote-section {
color:#000000;
padding: 50px 0;
width: 30%;
margin: 0 auto !important;
}
.landing.long .quote-text {
color: #fff;
}
.landing.long .quote-text h3{
padding-left: 20px;
padding-right: 20px;
margin: 0 auto !important;
}
.landing.long .quote-text h1, .quote-text h2, .quote-text h3, .quote-text h4, .quote-text h5, .quote-text h6 {
text-transform: none;
}
.landing.long .quote-section-background {
background: #363534;
padding: 30px 0 0;
}
.landing.long .quote-image {
margin: 0 auto;
float: none;
text-align: center;
width: 128px;
height: auto;
opacity: 0.7;
padding-bottom: 10px;
}
.landing.long .quote-image-wrapper {
background-color: #363534;
position: relative;
max-width: 128px;
max-height: 128px;
margin: 10px auto 40px !important;
float: none !important;
text-align: center;
overflow: hidden;
border-radius: 50%;
z-index: 2;
padding-bottom: 10px;
}
.landing.long .form-section {
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
.landing.long .form-section-blackout {
background-color: rgba(16,16,16,.7);
padding: 50px 0;
}
.landing.long .form-section h2 {
font-size: 60px;
}
.landing.long .footer-section {
background-color: #363534;
color: #fff;
text-align: center;
padding: 10px 0;
}
.landing.long .bottom-logo {
margin: 0 auto !important;
float: none !important;
text-align: center;
}
.landing.long .desktop-menu {
margin: 0 auto !important;
float: none !important;
text-align: center;
}
.landing.long .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal ul {
text-align: center;
margin: 0 auto !important;
float: none !important;
}
.landing.long .desktop-menu a {
color: #fff;
}
.landing.long .desktop-menu .hs-menu-wrapper.hs-menu-flow-horizontal li > a {
font-size: 13px;
padding: 0 15px;
margin-top: 10px;
}
.landing.long .mobile {
display: none !important;
}
.landing.ebook .company-logo {
text-align: center;
margin-bottom: 60px;
}
.landing.long .hero a {
border: 3px solid #fff;
padding: 15px 25px;
border-radius: 40px;
color: #fff !important;
background: transparent;
font-size: 28px;
font-weight: normal;
}
.landing.long .hero a:hover {
background: #fff;
color: #CE0000 !important;
}
.landing.long .hero .company-logo a {
border: none;
}
.landing.long .hero .company-logo a:hover {
background: transparent;
color: initial !important;
}
/* ========================= */
/* LANDING TRIAL */
/* ========================= */
.landing.trial .landing-sub-hero h3 {
-webkit-margin-before: 1em;
}
.landing.trial .landing-sub-hero {
padding: 100px 0;
}
.landing.trial .bottom-call-back {
color: #fff;
}
.landing.trial .bottom-call-back a {
border: 3px solid #fff;
padding: 15px 25px;
border-radius: 40px;
color: #fff !important;
background: transparent;
font-size: 28px;
font-weight: normal;
}
.landing.trial .bottom-call-back a:hover {
background: #fff;
color: #000000 !important;
}
.landing.home-lander .white-overlay {
background-color: rgba(255,255,255,.3);
padding-bottom: 50px;
padding-top: 50px;
}
.landing.home-lander .hero {
padding-top: 50px;
}
@media all and (max-width:767px) {
.landing.home-lander .hero {
background-attachment: scroll !important;
}
}
.landing.home-lander .company-logo {
text-align: center;
margin-bottom: 50px;
}
.landing.home-lander .button-and-link {
margin: 50px 0;
}
.landing.home-lander .hero a {
color: #fff;
text-decoration: underline;
}
.landing.home-lander .hero a:hover {
color: rgba(255,255,255,.7);
}
/* ========================= */
/* BLOG */
/* ========================= */
body.blog.jobs, body.blog.portfolio {
background-color: #242424;
font-size: 13px;
}
.super-page-center {
max-width: 1200px;
padding:0 50px;
margin: 0 auto!important;
float: none!important;
}
.blog blockquote {
-webkit-margin-start: 10px;
}
.blog img {
height: auto;
}
.blog.classic .main-page {
background:#f3f3f3;
padding:22px 20px 50px;
padding-top: 22px;
}
@media all and (max-width: 600px) {
.blog.classic .main-page {
padding-left: 0;
padding-right: 0;
}
}
.blog.classic .blog-main-page .post-listing a:link {
color:#000000;
}
.blog.classic .blog-main-page .post-listing a:visited {
color:#000000;
}
.blog.classic .hs-featured-image {
min-width: 100%;
margin: 0;
float: none;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.classic .blog-post-item .hs-featured-image-wrapper {
overflow: hidden;
height: 400px;
width: 100%;
}
.blog.classic .blog-post-item .hs-featured-image {
height: 500px;
width: auto;
min-width: 100%;
max-width: 1o0%;
}
@media all and (max-width: 600px) {
.blog.classic .blog-post-item .hs-featured-image-wrapper {
height: auto;
}
.blog.classic .blog-post-item .hs-featured-image {
height: auto;
width: 100%;
max-width: none;
}
}
.blog.classic .post-body.clearfix {
text-align:left;
}
.blog.classic .blog-pagination {
clear:both;
margin: 0 auto;
float:none;
text-align: center;
}
.blog.classic .blog-post-item {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
padding:0;
margin:0 0 22px;
overflow: hidden;
float:left;
min-width: 100%;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.classic .blog-post-item h2 {
font-size:20px;
}
.blog.classic .post-header h2 {
font-size:24px;
line-height: 1.5em;
}
.blog.classic .post-header {
padding: 20px;
font-size: 18px;
}
.blog.classic .post-header p {
font-size: 18px;
}
/*.blog.classic .blog-post-item .post-header-title {
min-height: 90px;
}*/
.blog.classic .featured-blog .post-header-title a {
color: #fff;
}
.blog.classic .featured-blog .post-header-title a:hover {
color: rgba(206, 0, 0, .55);
}
.blog.classic .featured-link:link {
color: #fff;
}
.blog.classic .featured-link:active {
color: #fff;
}
.blog.classic .featured-link:visited {
color: #fff;
}
.blog.classic .featured-link:hover {
color: #fff;
}
.blog.classic .featured-link .post-item a {
color: #fff;
}
.blog.classic .blog-link:link {
color: #565656;
}
.blog.classic .blog-link:visited {
color: #565656;
}
.blog.classic .blog-link:active {
color: #565656;
}
.blog.classic .blog-link:hover {
color: rgba(206, 0, 0, .55);
}
.blog.classic .blog-cta-button {
margin:0 auto 40px;
text-align:center;
float:none;
display: inline-block;
}
.blog.classic .blog-post-wrapper .cell-wrapper {
font-size: 13px;
line-height: 25px;
}
.blog.classic .blog-post-wrapper .cell-wrapper p {
font-size: 13px;
line-height: 25px;
}
.blog.classic .blog-item {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
padding:20px;
}
.blog.classic .display-author {
font-size:20px;
}
.blog.classic .author-avatar-small-container {
max-width:60px;
max-height:60px;
overflow:hidden;
border-radius:30px;
}
.blog.classic .author-avatar-small {
width:60px;
height:auto;
}
.blog.classic .blog-sidebar {
padding-bottom:50px;
}
.blog.classic .blog-sidebar-item ul {
list-style-type:none;
-webkit-padding-start:0;
}
.blog.classic .blog-sidebar-item li {
margin: 10px 0;
font-size: 12px;
line-height: 1.5em;
}
.blog.classic .blog-sidebar-item li a {
color: #565656;
}
.blog.classic .blog-sidebar-item li a:hover {
color: rgba(206, 0, 0, .55);
}
.blog.classic .blog-sidebar-item {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
padding: 0 20px;
margin:0 0 40px 20px;
}
@media all and (max-width: 767px) {
.blog.classic .blog-sidebar-item {
margin-top: 20px;
margin-left: 0;
}
}
.blog.classic .sidebar-item {
margin: 30px 0;
}
.blog.classic .sidebar-social-sharing {
text-align: left;
}
.blog.classic .sidebar-social-sharing a {
margin: 0 7px;
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
float: right;
padding-left: 20px;
width: 76%;
font-family: Open Sans;
font-size: 12px;
line-height: 1.5em;
}
@media all and (max-width: 400px) {
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 70%;
}
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a {
color: #565656;
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a:hover {
color: rgba(206, 0, 0, .55);
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-title {
font-size: 12px;
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
overflow: hidden;
height: 50px;
width: 20%;
border: 5px solid transparent;
box-shadow: 0px 0px 20px -5px #000;
-webkit-box-shadow: 0px 0px 20px -5px #000;
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image {
height: 50px;
width: auto;
min-width: auto;
max-width: none;
}
.blog.classic .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image img {
height: 50px;
width: auto;
max-width: none;
}
.blog.classic .sidebar-cta {
margin: 0 auto;
float: none;
text-align: center;
}
.blog.classic .topic-cloud ul {
list-style-type: none;
-webkit-padding-start: 0;
font-family: Open Sans;
}
.blog.classic .topic-cloud ul li {
display: inline-block;
float: left;
margin: 5px;
font-size: 10px;
}
.blog.classic .topic-cloud ul li a {
background: #CE0000;
color: #fff;
padding: 3px 4px;
}
.blog.classic .topic-cloud ul li a:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.classic .list-topics {
margin: 0 20px 20px;
font-size: 12px;
line-height: 2em;
font-family: Open Sans;
}
.blog.classic .list-topics a {
color: #fff;
margin: 3px 0;
}
.blog.classic .list-topics a:hover {
color: #fff;
}
.blog.classic .blog-post-item .list-topics {
min-height: 50px;
}
.blog.classic .topic-link {
background: #CE0000;
color: #fff;
padding: 3px 5px;
margin: 3px 0;
}
.blog.classic .topic-link:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.classic .blog-piece {
}
/* ============== */
/* BLOG 2 */
/* ============== */
.blog.two .main-page {
background:#f3f3f3;
padding:22px 20px 50px;
padding-top: 22px;
}
@media all and (max-width: 600px) {
.blog.two .main-page {
padding-left: 0;
padding-right: 0;
}
}
.blog.two .hs-blog-header {
text-align: center;
margin-bottom: 30px;
}
.blog.two .blog-main-page .post-listing a:link {
color:#000000;
}
.blog.two .blog-main-page .post-listing a:visited {
color:#000000;
}
.blog.two .hs-featured-image-wrapper {
width: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.blog.two .hs-featured-image {
min-width: 100%;
margin: 0;
float: none;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.two .blog-post-item .hs-featured-image-wrapper {
overflow: hidden;
height: 200px;
width: 100%;
}
.blog.two .blog-post-item .hs-featured-image {
height: 250px;
width: auto;
min-width: auto;
max-width: none;
}
.blog.two .featured-blog .hs-featured-image-overlay {
background: -webkit-radial-gradient(rgba(0,0,0,.95),rgba(0,0,0,.9),rgba(0,0,0,1)); /* Safari */
background: -o-radial-gradient(rgba(0,0,0,.95),rgba(0,0,0,.9),rgba(0,0,0,1)); /* Opera 11.6 to 12.0 */
background: -moz-radial-gradient(rgba(0,0,0,.95),rgba(0,0,0,.9),rgba(0,0,0,1)); /* Firefox 3.6 to 15 */
background: radial-gradient(rgba(0,0,0,.95),rgba(0,0,0,.9),rgba(0,0,0,1)); /* Standard syntax */
}
.blog.two .featured-blog .hs-featured-image-wrapper {
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
height: 350px;
width: 100%;
opacity: .6;
}
.blog.two .featured-blog .hs-featured-image {
width: auto;
min-width: auto;
max-width: 100%;
opacity:.6;
}
.blog.two .post-body.clearfix {
text-align:left;
}
.blog.two .blog-pagination {
clear:both;
margin: 0 auto;
float:none;
text-align: center;
}
.blog.two .blog-post-item {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
max-width: 48.380599%;
padding:0;
margin:0 0 22px;
/*min-height: 475px;*/
min-height: 520px;
overflow: hidden;
float:left;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.two .blog-post-item h2 {
font-size:20px;
}
.blog.two .blog-post-item-right {
float: right;
}
.blog.two .featured-blog {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
width: 100%;
max-height: 350px;
min-height: 350px;
margin:0 0 22px;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.two .post-header h2 {
font-size:18px;
line-height: 1.5em;
}
.blog.two .post-header {
padding: 20px;
font-size: 12px;
}
.blog.two .post-header p {
font-size: 12px;
}
.blog.two .blog-post-item .post-header-title {
min-height: 90px;
}
.blog.two .featured-blog .post-header-title a {
color: #fff;
}
.blog.two .featured-blog .post-header-title a:hover {
color: rgba(206, 0, 0, .55);
}
.blog.two .featured-blog .post-header {
color: #fff;
margin: -275px auto 0;
max-width: 350px;
opacity: 1;
position: relative;
z-index: 10;
}
.blog.two .featured-blog .post-header h2 {
font-size: 24px;
}
.blog.two .featured-link:link {
color: #fff;
}
.blog.two .featured-link:active {
color: #fff;
}
.blog.two .featured-link:visited {
color: #fff;
}
.blog.two .featured-link:hover {
color: #fff;
}
.blog.two .featured-link .post-item a {
color: #fff;
}
.blog.two .blog-link:link {
color: #565656;
}
.blog.two .blog-link:visited {
color: #565656;
}
.blog.two .blog-link:active {
color: #565656;
}
.blog.two .blog-link:hover {
color: rgba(206, 0, 0, .55);
}
.blog.two .blog-cta-button {
margin:0 auto 40px;
text-align:center;
float:none;
display: inline-block;
}
.blog.two .blog-post-wrapper .cell-wrapper {
font-size: 14px;
line-height: 25px;
}
.blog.two .blog-post-wrapper .cell-wrapper p {
font-size: 14px;
line-height: 25px;
}
.blog.two .blog-item {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
padding:20px;
}
.blog.two .display-author {
font-size:20px;
}
.blog.two .author-avatar-small-container {
max-width:60px;
max-height:60px;
overflow:hidden;
border-radius:30px;
}
.blog.two .author-avatar-small {
width:60px;
height:auto;
}
.blog.two .blog-sidebar {
padding-bottom:50px;
}
.blog.two .blog-sidebar-item ul {
list-style-type:none;
-webkit-padding-start:0;
}
.blog.two .blog-sidebar-item li {
margin: 10px 0;
font-size: 12px;
line-height: 1.5em;
}
.blog.two .blog-sidebar-item li a {
color: #565656;
}
.blog.two .blog-sidebar-item li a:hover {
color: rgba(206, 0, 0, .55);
}
.blog.two .blog-sidebar-item {
background:#fff;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
padding: 0 20px;
margin:0 0 40px 20px;
}
@media all and (max-width: 767px) {
.blog.two .blog-sidebar-item {
margin-top: 20px;
margin-left: 0;
}
}
.blog.two .sidebar-item {
margin: 30px 0;
}
.blog.two .sidebar-social-sharing {
text-align: left;
}
.blog.two .sidebar-social-sharing a {
margin: 0 7px;
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
float: right;
padding-left: 20px;
width: 76%;
font-family: Open Sans;
font-size: 12px;
line-height: 1.5em;
}
@media all and (max-width: 400px) {
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
width: 70%;
}
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a {
color: #565656;
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-text a:hover {
color: rgba(206, 0, 0, .55);
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-title {
font-size: 12px;
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
overflow: hidden;
height: 50px;
width: 20%;
border: 5px solid transparent;
box-shadow: 0px 0px 20px -5px #000;
-webkit-box-shadow: 0px 0px 20px -5px #000;
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image {
height: 50px;
width: auto;
min-width: auto;
max-width: none;
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image img {
height: 50px;
width: auto;
max-width: none;
}
.blog.two .sidebar-cta {
margin: 0 auto;
float: none;
text-align: center;
}
.blog.two .topic-cloud ul {
list-style-type: none;
-webkit-padding-start: 0;
font-family: Open Sans;
}
.blog.two .topic-cloud ul li {
display: inline-block;
float: left;
margin: 5px;
font-size: 10px;
}
.blog.two .topic-cloud ul li a {
background: #CE0000;
color: #fff;
padding: 3px 4px;
}
.blog.two .topic-cloud ul li a:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.two .list-topics {
margin: 0 20px 20px;
font-size: 12px;
line-height: 2em;
font-family: Open Sans;
}
.blog.two .list-topics a {
color: #fff;
margin: 3px 0;
}
.blog.two .list-topics a:hover {
color: #fff;
}
.blog.two .blog-post-item .list-topics {
min-height: 50px;
}
.blog.two .topic-link {
background: #CE0000;
color: #fff;
padding: 3px 5px;
margin: 3px 0;
}
.blog.two .topic-link:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.two .featured-blog .list-topics {
float: none;
margin: 0 auto;
max-width: 350px;
position: relative;
z-index: 10;
}
@media only screen and (max-width: 600px) {
.blog.two .blog-post-item {
max-width: 100%;
padding:0;
margin:0 0.6% 40px;
min-height: 400px;
overflow: hidden;
float:none;
}
.blog.two .blog-post-item .hs-featured-image-wrapper {
overflow: hidden;
height: 200px;
width: 100%;
}
.blog.two .blog-post-item .hs-featured-image {
height: auto;
width: 100%;
min-width: auto;
max-width: none;
}
.blog.two .featured-blog .post-header-title a {
color: #565656;
}
.blog.two .featured-blog .post-header-title a:hover {
color: ;
}
.blog.two .sidebar-social-sharing a {
margin: 0 3px;
}
.blog.two .featured-blog .hs-featured-image-overlay {
background: transparent;
}
.blog.two .featured-blog .hs-featured-image-wrapper {
opacity: 1;
}
.blog.two .featured-blog {
width: 100%;
max-height: none;
min-height: 500px;
margin:0 0 40px;
}
.blog.two .featured-blog .post-header {
margin: 0;
text-align: left;
}
.blog.two .featured-blog .list-topics {
text-align: left;
margin: 0 0 20px;
}
.blog.two .featured-link:link {
color: #565656;
}
.blog.two .featured-link:active {
color: #565656;
}
.blog.two .featured-link:visited {
color: #565656;
}
.blog.two .featured-link:hover {
color: #565656;
}
.blog.two .featured-link .post-item a {
color: #565656;
}
}
@media screen and (max-width: 460px) {
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
height: 50px;
}
.blog.two .blog-sidebar-item .hs-rss-item.hs-with-featured-image .hs-rss-featured-image {
height: 50px;
}
}
/* ===================== */
/* BLOG CARDS */
/* ===================== */
@media all and (max-width: 600px) {
.blog.cards .super-page-center {
padding: 0;
}
}
@media all and (max-width: 767px) {
.blog-slider-area {
display: none !important;
}
}
.blog.cards .blog-post-wrapper .cell-wrapper {
font-size: 14px;
line-height: 25px;
}
.blog.cards .blog-post-wrapper .cell-wrapper p {
font-size: 14px;
line-height: 25px;
}
.blog.cards .post-body {
font-size: 14px;
line-height: 25px;
color: #565656;
}
.blog.cards .post-body p,
.blog.cards .post-body h6,
.blog.cards .post-body h1,
.blog.cards .post-body h2,
.blog.cards .post-body h3,
.blog.cards .post-body h4,
.blog.cards .post-body h5 {
font-size: 14px;
line-height: 25px;
color: #565656;
}
.blog.cards .blog-item {
background:#fff;
padding:20px;
margin: 20px 0;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
}
.blog.cards .full-width-header-section {
padding: 30px 0;
}
.blog.cards .blog-main-page {
background: #f6f7f8;
padding: 20px 0;
}
.blog.cards .post-summary p {
font-size: 13px;
}
.blog.cards .float-all-left {
float: left;
max-width: 32%;
margin-right: 2%;
}
.blog.cards .float-all-middle {
float: left;
max-width: 32%;
margin-right: 2%;
}
.blog.cards .float-all-right {
float: right;
max-width: 32%;
}
.blog.cards .float-contents a {
color: #565656;
}
.blog.cards .float-contents a:hover {
color: #787878;
}
.blog.cards .float-contents .post-item {
background: #fff;
padding: 0;
height: 300px;
margin: 20px 0;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
}
.blog.cards .float-contents .hs-featured-image-wrapper {
min-width: 100%!important;
float: center!important;
padding: 0;
height: 300px;
max-height: 300px;
overflow: hidden;
background-color: #222;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .float-contents .hs-featured-image {
height: 450px;
width: auto;
min-width: auto;
max-width: none;
opacity: .4;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .float-contents .post-item .post-header {
padding: 15px 10px 0;
font-size: 16px;
line-height: 19px;
margin-top: -250px;
text-align: center;
color: #fff;
position: relative;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .float-contents .post-item .post-header h1,
.blog.cards .float-contents .post-item .post-header h2,
.blog.cards .float-contents .post-item .post-header h4,
.blog.cards .float-contents .post-item .post-header h5,
.blog.cards .float-contents .post-item .post-header h6 {
font-size: 16px;
line-height: 19px;
}
.blog.cards .float-contents .post-item .post-header h3 {
font-size: 24px;
line-height: 28px;
}
.blog.cards .float-contents .post-item .post-header p {
font-size: 16px;
line-height: 19px;
}
.blog.cards .float-contents .post-item .post-summary {
padding: 0 10px 15px;
font-size: 13px;
line-height: 1.75em;
margin-top: -250px;
display: none;
z-index: 10;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .author-social-media {
margin: 20px 0;
}
.blog.cards .author-social-media a {
margin: 0 10px;
font-size: 20px;
}
.blog.cards .author-avatar-small {
vertical-align:middle;
border-radius:50%;
width: 80px;
}
.blog.cards p.author-date {
font-size: 13px;
line-height: 16px;
}
.blog.cards .float-contents .post-item-link:hover .post-summary {
display: block;
z-index: 10;
}
.blog.cards .float-contents .post-item-link:hover .post-header {
display: none;
}
.blog.cards .float-contents .post-item-link:hover .hs-featured-image {
opacity: 0.25;
}
.blog.cards .float-contents .post-item-link:hover .hs-featured-image-wrapper {
background-color: #fff;
}
.blog.cards .float-contents .post-item .post-header .read-more-link {
clear: left;
}
.blog.cards .blog-pagination {
clear: left;
text-align: center;
}
.blog.cards .list-topics {
margin: 0 10px 20px;
font-size: 12px;
line-height: 2em;
font-family: Open Sans;
position: relative;
z-index: 10;
color: #fff;
text-align: center;
}
.blog.cards .float-contents .post-item-link:hover .post-summary {
display: block;
z-index: 10;
}
.blog.cards .float-contents .post-item-link:hover .post-header {
display: none;
}
.blog.cards .float-contents .post-item-link:hover .hs-featured-image {
opacity: 0.15;
}
.blog.cards .float-contents .post-item-link:hover .hs-featured-image-wrapper {
background-color: #fff;
}
.blog.cards .float-contents .post-item-link:hover .list-topics {
text-align: left;
}
.blog.cards .featured-item,
.blog.cards .feat-item-1,
.blog.cards .feat-item-2,
.blog.cards .feat-item-3 {
-webkit-transition:all .5s ease-in-out!important;
transition: all .5s ease-in-out!important;
}
.blog.cards .featured-item {
position: relative;
height: 400px;
margin-bottom: 30px;
}
.blog.cards .feat-item-1,
.blog.cards .feat-item-2,
.blog.cards .feat-item-3 {
position: absolute;
top: 0;
left: 0;
}
.blog.cards .invisible {
opacity: 0;
}
.blog.cards .featured-item a {
color: #565656;
}
.blog.cards .featured-item a:hover {
color: #787878;
}
.blog.cards .featured-item .post-item {
background: #fff;
padding: 0;
height: 400px;
margin: 20px 0;
box-shadow: 0px 2px 20px -10px #000;
-webkit-box-shadow: 0px 2px 20px -10px #000;
}
.blog.cards .featured-item .hs-featured-image-wrapper {
min-width: 100%!important;
padding: 0;
height: 400px;
max-height: 500px;
overflow: hidden;
background-color: #222;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .featured-item .hs-featured-image {
height: auto;
width: 100%;
min-width: auto;
max-width: none;
opacity: .4;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .featured-item .post-item .post-header {
padding: 15px 30px 0;
font-size: 16px;
line-height: 19px;
margin-top: -350px;
width: 50%;
text-align: left;
color: #fff;
position: relative;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.cards .featured-item .list-topics {
text-align: left;
margin-left: 30px;
}
.blog.cards .featured-item .post-item .post-header h1,
.blog.cards .featured-item .post-item .post-header h2,
.blog.cards .featured-item .post-item .post-header h4,
.blog.cards .featured-item .post-item .post-header h5,
.blog.cards .featured-item .post-item .post-header h6 {
font-size: 16px;
line-height: 19px;
}
.blog.cards .featured-item .post-item .post-header h3 {
font-size: 24px;
line-height: 28px;
}
.blog.cards .featured-item .post-item .post-header p {
font-size: 16px;
line-height: 19px;
}
.blog.cards .featured-item .post-item-link:hover .post-header {
color: #444;
}
.blog.cards .featured-item .post-item-link:hover .hs-featured-image {
opacity: 0.15;
}
.blog.cards .featured-item .post-item-link:hover .hs-featured-image-wrapper {
background-color: #fff;
}
.blog.cards .featured-item .post-header .read-more-link {
clear: left;
}
.blog.cards .featured-item .post-item-link:hover .list-topics {
text-align: left;
}
.blog.cards .slider-buttons {
display:block;
margin-top: 40px;
}
.blog.cards .footer-object ul {
list-style-type: none;
-webkit-padding-start: 0;
}
.blog.cards .footer-object ul li {
margin: 15px 0;
}
.blog.cards .footer-object ul li a:link {
color: #fff;
}
.blog.cards .footer-object ul li a:active {
color: #fff;
}
.blog.cards .footer-object ul li a:visited {
color: #fff;
}
.blog.cards .footer-object ul li a:hover {
color: #CE0000;
}
.blog.cards .topic-cloud ul {
list-style-type: none;
-webkit-padding-start: 0;
font-family: Open Sans;
}
.blog.cards .topic-cloud ul li {
display: inline-block;
float: left;
margin: 5px;
font-size: 12px;
}
.blog.cards .topic-cloud ul li a {
background: #CE0000;
color: #fff;
padding: 3px 4px;
text-shadow: 1px 1px rgba(15, 15, 15, .7);
}
.blog.cards .topic-cloud ul li a:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.cards .list-topics a {
color: #fff;
text-shadow: 1px 1px rgba(15, 15, 15, .7);
margin: 3px 0;
}
.blog.cards .list-topics a:hover {
color: #fff;
}
.blog.cards .blog-list-topics a {
color: #fff;
margin: 3px 0;
}
.blog.cards .blog-list-topics a:hover {
color: #fff;
}
.blog.cards .topic-link {
background: #CE0000;
color: #fff;
padding: 3px 5px;
margin: 3px auto;
z-index: 10;
text-shadow: 1px 1px rgba(15, 15, 15, .5)
}
.blog.cards .bottom-line {
margin: 40px 0 30px;
background-color: #676767;
color: #676767;
}
.blog.cards .full-width-footer-section {
background-color: #515151;
padding: 30px 0;
color: #fff;
}
.blog.cards .copyright-section {
text-align: center;
margin-top: 25px;
padding-top: 25px;
border-top: 1px solid #fff;
}
.blog.cards .hs-form {
margin-top:20px;
}
.blog.cards .hs-form-field .hs_email {
display:inline-block;
}
.blog.cards .blog-subscribe-callout {
padding: 10px;
height: 80px;
margin-bottom: 42px;
}
.blog.cards .blog-subscribe-callout h2 {
color:#CE0000;
}
.blog.cards .blog-subscribe-callout .hs-form {
margin-top: 0;
}
.blog.cards .blog-subscribe-callout input[type="email"] {
width: 60%;
max-width: 60%;
float:left;
margin-top: 0;
}
.blog.cards .blog-subscribe-callout .hs-button.primary {
width: 39%;
max-width: 39%;
float:right;
min-width: auto;
padding: 10px;
margin-top: 0;
text-shadow: 1px 1px rgba(15, 15, 15, .3);
border-radius: 40px;
}
.blog.cards .blog-subscribe-callout label {
display:none;
}
.blog.cards .blog-subscribe-callout h3 {
-webkit-margin-before: 1em;
}
@media all and (max-width: 767px) {
.blog.cards .blog-subscribe-callout {
display: none !important;
}
}
.blog.cards .blog-subscribe-callout .super-page-center {
padding: 0;
}
/*================================ */
/* BLOG CREATIVE */
/*================================ */
.full-width-blog-author-bg {
background-color: #3d3d3d;
color:#fff;
padding: 50px 0;
}
.blog.creative .blog-menu {
background: #CE0000;
padding-top:20px;
height:70px;
}
.blog.creative .slider-image-blackout {
background: -webkit-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* For Firefox 3.6 to 15 */
background: linear-gradient(0deg, rgba(0,0,0,.9), rgba(0,0,0,.3)); /* Standard syntax (must be last) */
padding:100px 0 100px;
color: #fff;
}
.blog.creative .full-slider {
display:block;
}
.blog.creative .fixed-social-menu {
z-index:1;
top: 60px;
width: 100%;
float:none;
text-align:center;
margin: 60px auto 0;
}
.blog.creative .fixed-social-bottom-menu {
float:none;
text-align:center;
margin: 30px auto 0;
}
.blog.creative .fixed-social-bottom-menu ul {
-webkit-padding-start:0px;
}
.blog.creative .categories {
float:none;
margin:0 auto;
text-align:center;
}
.blog.creative .categories .hs-menu-wrapper.hs-menu-flow-horizontal ul {
float:none;
margin:0 auto;
text-align:center;
}
.blog.creative .categories ul li.active a {
color:#111;
border:1px solid #ccc;
border-bottom:none;
border-top:2px solid #CE0000;
background:#f6f7f8;
}
.blog.creative .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal li>a {
font-size: 14px;
padding: 15px 26px;
color:#656565;
}
.blog.creative .blog-menu .hs-menu-wrapper.hs-menu-flow-horizontal li > a:hover {
color:#111;
background:none;
}
.blog.creative .blog-menu h2 {
font-size:54px;
font-weight:900;
-webkit-margin-after:1em;
}
.blog.creative .blog-menu .hs-menu-item ul >li.active {
background:#fff;
text-align:center;
color:#333!important;
}
.blog.creative .blog-main-page {
background:#f6f7f8;
padding:20px;
}
.blog.creative .blog-main-page .post-listing a:link {
color:#272525;
}
.blog.creative .blog-main-page .post-listing a:visited {
color: #272525;
}
.blog.creative .blog-sidebar {
padding-bottom:50px;
}
.blog.creative .blog-sidebar ul {
list-style-type:none;
}
.blog.creative .blog-sidebar ul > li {
margin-top:8px;
}
.blog.creative .blog-sharing-buttons {
margin:30px auto;
float:none;
}
.blog.creative .blog-sidebar-item {
background:#fff;
border:1px solid #e5e5e5;
padding:20px;
margin:0 0 40px;
}
.blog.creative .blog-main-page .hs-featured-image-wrapper {
background-color:#fff;
position:relative;
width:150px;
float:left;
padding:0;
margin-right:20px;
height:150px;
overflow:hidden;
border-radius:50%;
z-index:2;
background-attachment: scroll;
}
@media all and (max-width: 600px) {
.blog.creative .blog-main-page .hs-featured-image-wrapper {
float: none;
margin: 0 auto;
}
}
.blog.creative .blog-main-page .hs-image-div {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 150px;
width: 150px;
}
.blog.creative .blog-main-page .hs-featured-image {
min-width:200%;
max-width:200%;
position: absolute;
vertical-align:middle;
top:0;
left:-50%;
}
.blog.creative .post-body.clearfix {
text-align:left;
margin-top:-20px;
}
.blog.creative .post-item {
background:#fff;
border:1px solid #e5e5e5;
padding:40px;
margin:0 0 40px;
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.creative .post-item h2 {
font-size:24px;
}
.blog.creative .post-item:hover {
color:#fff;
background:#CE0000;
}
.blog.creative .post-listing-simple:hover {
color:#fff;
}
.blog.creative #hs-featured-image {
-webkit-transition:all .2s ease-in-out!important;
transition: all .2s ease-in-out!important;
}
.blog.creative .post-item:hover #hs-featured-image {
opacity:.4!important;
}
.blog.creative .blog-cta-button {
margin:0 auto 40px;
text-align:center;
float:none;
border-radius: 40px;
display: inline-block;
}
.blog.creative .blog-post-wrapper .cell-wrapper {
font-size: 14px;
line-height: 25px;
}
.blog.creative .blog-post-wrapper .cell-wrapper p {
font-size: 14px;
line-height: 25px;
}
.blog.creative .blog-item {
background:#fff;
border:1px solid #e5e5e5;
padding:20px;
}
.blog.creative .sidebar-cta {
text-align: left;
margin: 10px auto;
}
.blog.creative .cta-form {
float: none;
margin: 0 auto;
background-color:#ddd;
display: inline-block;
}
.blog.creative .cta-header {
text-align:center;
color:#fff;
background-color:#CE0000;
padding: 10px 20px 30px;
}
.blog.creative .cta-form-padder {
padding: 0 10% 20px;
}
.blog.creative .growth-driven-design h1 {
font-size: 20px;
}
.blog.creative .growth-driven-design h2 {
font-size: 40px;
}
.blog.creative .display-author {
font-size:20px;
}
.blog.creative .author-avatar-small-container {
max-width:60px;
max-height:60px;
overflow:hidden;
border-radius:30px;
}
.blog.creative .author-avatar-small {
width:60px;
height:auto;
}
.blog .author-social-media {
margin:10px 0 20px;
}
.blog .author-social-media a {
margin:0 10px;
font-size:18px;
color: #fff;
}
@media all and (min-width: 768px) {
.blog.creative .hs-featured-image {
display: none !important;
}
}
.blog .hs-author-profile {
margin-bottom: 20px;
}
/* =============== */
/* JOBS */
/* =============== */
.blog.cards.jobs .blog-listing-wrapper .post-header {
background-color: #CE0000;
margin-top: 0 !important;
padding: 10px !important;
}
.blog.cards.jobs .post-header h3 {
-webkit-margin-after: 0;
}
.blog.cards.jobs .post-summary {
display: block! important;
margin-top: 20px !important;
}
.blog.cards.jobs .float-contents .post-item-link:hover .post-header {
display: block;
}
.blog.cards.jobs .list-topics {
margin: 20px 10px;
}
.blog.cards.jobs .float-contents .post-item-link:hover .list-topics {
text-align: center;
}
.blog.cards.jobs .float-contents .post-item {
height: auto;
overflow: hidden;
}
.blog.cards.jobs .job-form-header {
background-color: #CE0000;
color: #fff;
}
.blog.cards.jobs .job-form-header h2, .blog.cards.jobs .job-form-header h3, .blog.cards.jobs .job-form-header h4 {
-webkit-margin-before: 15px;
}
.blog.cards.jobs .job-form-header p {
-webkit-margin-after: 15px;
}
.blog.cards.jobs .blog-item.no-top {
margin-top: 0;
}
@media all and (max-width: 600px) {
.blog.cards.jobs .super-page-center {
padding: 0;
}
}
/* ================== */
/* PORTFOLIO */
/* ================== */
.blog.portfolio .main-page {
background-color: #EAEAEA;
padding-top: 30px;
}
.blog.portfolio .float-all-left {
float: left;
max-width: 32%;
margin-right: 2%;
}
.blog.portfolio .float-all-middle {
float: left;
max-width: 32%;
margin-right: 2%;
}
.blog.portfolio .float-all-right {
float: right;
max-width: 32%;
}
.blog.portfolio .post-item {
background: #fff;
margin-bottom: 20px;
}
.blog.portfolio .hs-featured-image-wrapper {
width: 100%;
min-width: 100%;
max-width: 100%;
overflow: hidden;
height: auto;
}
.blog.portfolio .hs-featured-image {
float: none;
margin: 0;
min-width: 100%;
}
.blog.portfolio .post-header {
padding: 20px 20px 0;
}
.blog.portfolio .topic-cloud {
margin-bottom: 20px;
}
.blog.portfolio .topic-cloud ul {
list-style-type: none;
-webkit-padding-start: 0;
font-family: Open Sans;
}
.blog.portfolio .topic-cloud ul li {
display: inline-block;
float: left;
margin: 5px;
font-size: 12px;
}
.blog.portfolio .topic-cloud ul li a {
background: #CE0000;
color: #fff;
padding: 3px 4px;
}
.blog.portfolio .topic-cloud ul li a:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.portfolio .list-topics {
margin: 0 20px 20px;
padding-bottom: 20px;
font-size: 12px;
line-height: 2em;
font-family: Open Sans;
}
.blog.portfolio .list-topics a {
color: #fff;
margin: 3px 0;
}
.blog.portfolio .list-topics a:hover {
color: #fff;
}
.blog.portfolio .blog-post-item .list-topics {
min-height: 50px;
}
.blog.portfolio .topic-link {
background: #CE0000;
color: #fff;
padding: 3px 5px;
margin: 3px 0;
}
.blog.portfolio .topic-link:hover {
background: rgba(206, 0, 0, .55);
color: #fff;
}
.blog.portfolio .blog-pagination {
clear:both;
margin: 0 auto 20px;
float:none;
text-align: center;
}
@media all and (max-width: 767px) {
.float-all-left {
float: left;
max-width: 100% !important;
margin-right: 0 !important;
}
.float-all-middle {
float: right;
max-width: 100% !important;
margin-right: 0 !important;
}
.float-all-right {
float: right;
max-width: 100% !important;
margin-right: 0 !important;
}
}
.blog.portfolio.gallery .post-header {
padding-bottom: 20px;
}
.blog.portfolio.gallery .post-header h6 {
-webkit-margin-after: 0;
}
@media all and (max-width: 600px) {
.blog .main-page, .blog .blog-main-page {
padding: 20px 0 !important;
}
}
.blog .blog-sidebar-item .hs_cos_wrapper_type_post_listing li {
position: relative !important;
padding-left: 20px !important;
}
.blog .blog-sidebar-item .hs_cos_wrapper_type_post_listing li a {
color: #272525;
}
.blog .blog-sidebar-item .hs_cos_wrapper_type_post_listing li:before {
font-family: FontAwesome;
position: absolute;
top: 0;
left: 0;
content: "\f105";
font-size: 28px;
color: #CE0000;
}
/* ===================== */
/* ANIMATION ELEMENTS */
/* ===================== */
.animation-element {
opacity: 0;
position: relative;
}
/*animation element sliding left*/
.animation-element.slide-left {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-left.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(100px, 0px, 0px);
-webkit-transform: translate3d(100px, 0px, 0px);
-o-transform: translate(100px, 0px);
-ms-transform: translate(100px, 0px);
transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-right.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.fade-in {
opacity: 0;
-webkit-animation-delay: -5s; /* Chrome, Safari, Opera */
animation-delay: -5s;v
}
.animation-element.fade-in.in-view {
opacity: 1;
-webkit-animation-delay: -5s; /* Chrome, Safari, Opera */
animation-delay: -5s;
}
.bounce-up {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.delay-1s {
-webkit-animation-delay: -1s; /* Chrome, Safari, Opera */
animation-delay: -1s;
}
.delay-2s {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}
.delay-3s {
-webkit-animation-delay: -3s; /* Chrome, Safari, Opera */
animation-delay: -3s;
}
.delay-4s {
-webkit-animation-delay: -4s; /* Chrome, Safari, Opera */
animation-delay: -4s;
}
.delay-5s {
-webkit-animation-delay: -5s; /* Chrome, Safari, Opera */
animation-delay: -5s;
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can
* use this for custom styling on any element when the menu is in the open position.
*/
@media (max-width: 767px){
/* Variables
========================================================================== */
/* Set Mobile Menu Background Color */
/* Set Link Color */
/* Set Link Hover Color */
/* my own thing */
#elevate-header .hs-menu-wrapper.hs-menu-flow-horizontal li > a {
color:#222;
}
/* Menu Reset - Remove styling from desktop version of custom-menu-primary */
/* Place any additional CSS you want removed from the mobile menu in this reset */
.custom-menu-primary, .custom-menu-primary *{
display: inline-block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color: #343434;
}
/* Menu Styles on Mobile Devices
========================================================================== */
/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* Set ul background color */
/* Set li background Color */
/* Set link Color */
/* Set link Hover Color */
/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{
background:#fff;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
background:#CE0000;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
color:black;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
color:#fff;
}
/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background:#CE0000;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
color:black;
}
/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
overflow: visible !important;
max-width: none !important;
width: auto !important;
}
/* Fix menu disappearing on desktop after toggling mobile menu
@media screen and (min-width:768px) {
.custom-menu-primary .hs-menu-wrapper {
display:block !important;
}
}*/
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
@media (max-width: 767px){
/* Variables
========================================================================== */
/* Set Mobile Menu Background Color */
/* Set Link Color */
/* Set Link Hover Color */
/*
* Menu Reset
*
* Remove styling from desktop version of custom-menu-primary. Place any
* additional CSS you want removed from the mobile menu in this reset
*/
.custom-menu-primary,
.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper > ul li,
.custom-menu-primary .hs-menu-wrapper > ul li a{
display: block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color:black;
}
/* Toggle Button
========================================================================== */
.mobile-trigger{
display: inline-block !important; /* Show button on mobile */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute; /*******************************************/
top: 12px; /* Position Button at right of screen */
right: 10px; /*******************************************/
z-index:100000;
width: auto; /* Button width */
height: auto; /* Button height */
padding: 7px 10px 8px 10px;
border: 1px solid white;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: white;
}
.mobile-trigger:hover{
text-decoration: none; /* Removes link text underline on button */
color:#CE0000;
background-color: white;
border-color: transparent;
}
/* Change button when menu is open */
.mobile-open .mobile-trigger{
color:#CE0000;
background-color: white;
border-color: white;
}
/* Toggle Button Icon
========================================================================== */
.mobile-trigger i{
display: inline;
position: relative;
top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
position: absolute;
z-index: 99999999999;
content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
width: 22px; /* Icon line width */
height: 2px; /* Icon line height */
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: white; /* Icon color */
display: inline-block;
}
.mobile-trigger i:before{
top: -6px; /* Position top line */
}
.mobile-trigger i:after{
top: 6px; /* Position bottom line */
}
/* Child Toggle Button
========================================================================== */
.child-trigger{
display: block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 75px !important; /* Button width */
min-width: 75px !important;
height: 45px !important; /* Button height */
padding: 0 !important;
border-left: 1px dotted rgba(255, 255, 255, .20);
}
.child-trigger:hover{
text-decoration: none;
}
.child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 0 0 2 auto !important;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.child-trigger i:after{
position: absolute;
content: '';
}
.child-trigger i, .child-trigger i:after{
width: 10px; /* Icon line width */
height: 2px; /* Icon line height */
background-color:black; /* Icon color */
display: block;
}
.child-trigger i:after{
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.child-trigger.child-open i{
}
/* Menu Styles on Mobile Devices
========================================================================== */
.custom-menu-primary.js-enabled{
position: relative;
padding-top: 44px; /* Makes room for button */
margin: 10px 0 10px 0;
}
/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}
/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */
.custom-menu-primary.js-enabled .hs-menu-wrapper{
width: 100%;
position: relative; /**************************************************************/
top: 0; /* Positions the menu to drop from the very top of the screen */
left: 0; /**************************************************************/
padding: 0;
}
.custom-menu-primary .hs-menu-wrapper{
background-color:white; /* Menu background color set off global menuColorMobile variable */
width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
font-size: 22px; /* Font size of top level list items */
line-height: 45px;
overflow: visible;
}
/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul li{
border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
}
.custom-menu-primary .hs-menu-wrapper > ul li a{
padding: 0 10px;
color:black; /* link color set by global mobile-aColor variable */
}
.custom-menu-primary .hs-menu-wrapper > ul li a:hover{
color:#CE0000; /* link hover color set by global mobile-aColorHover variable */
}
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
text-indent: 10px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
text-indent: 30px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/* YouTube Responsive CSS for HubSpot */
.hs-responsive-embed {
position: relative;
height: 0;
overflow: hidden;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
padding-bottom: 56.25%;
}
.contact-support-class {}
.call-accel-support {}
/* IMAGE SLIDER*/
* {
box-sizing: border-box;
}
/* Position the image container (needed to position the left and right arrows) */
.coop.container {
position: relative;
}
/* Hide the images by default */
.coop.mySlides {
display: none;
}
/* Add a pointer when hovering over the thumbnail images */
.coop.cursor {
cursor: pointer;
}
/* Next & previous buttons */
.coop.prev,
.coop.next {
cursor: pointer;
position: absolute;
top: 40%;
width: auto;
padding: 16px;
margin-top: -50px;
color: white;
font-weight: bold;
font-size: 20px;
border-radius: 0 3px 3px 0;
user-select: none;
-webkit-user-select: none;
}
/* Position the "next button" to the right */
.coop.next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
.coop.prev:hover,
.coop.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
.coop.numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}
/* Container for image text */
.coop.caption-container {
text-align: center;
background-color: #222;
padding: 2px 16px;
color: white;
}
.coop.row:after {
content: "";
display: table;
clear: both;
}
/* Four columns side by side */
.coop.column {
float: left;
width: 25%;
}
/* Add a transparency effect for thumnbail images */
.coop.demo {
opacity: 0.6;
}
.coop.active,
.coop.demo:hover {
opacity: 1;
}
/* CO-OP SIDE NAV*/
.sidenav {
height: 100%;
width: 200px;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #111;
overflow-x: hidden;
padding-top: 20px;
}
/*DARTS*/
.custom-menu-darts .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
padding: 15px 0;
font-size: 13px;
line-height: 25px;
font-weight: 700;
/*font-family: 'Open Sans Bold';*/
text-transform: uppercase;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-darts .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
border-radius: 40px;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.custom-menu-darts .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
color: #fff;
}
/*PillarPage*/
.pillar-offset:before {
display: block;
content: " ";
height: 250px;
margin-top: -250px;
visibility: none;
}
}
/* ========================= */
/* HEADER */
/* ========================= */
.page-header {
/*background-color: #fff;*/
background-color: rgba(255,255,255,1);
position: fixed;
/*box-shadow: 0 2px 12px rgba(0,0,0,.2);*/
padding: 0px;
width: 100% !important;
z-index: 45;
}
.page-header .page-center {
position: relative;
}
#page-header {
position: fixed;
}
@media all and (max-width: 975px) {
.page-header, #page-header {
position: static !important;
}
}
.page-header-scroll {
background-color: rgba(255,255,255,.95);
padding: 0;
position: absolute;
top: 0;
z-index: 45;
}
.page-header-scroll .company-logo img {
height: 50px !important;
width: auto !important;
}
.page-header-linker img{
width:200px;
}
.company-logo {
-webkit-transition-duration: .5s;
-moz-transition-duration: .5s;
-o-transition-duration: .5s;
transition-duration: .5s;
}
/*@media all and (max-width: 767px) {
.company-logo {
text-align: center;
}
}*/
.company-logo img {
max-height: 50px !important;
width: auto !important;
}
@media all and (max-width: 975px) {
.page-header .page-center {
padding: 0;
padding-top:5px;
height: 100px;
}
.company-logo {
float: left !important;
}
}
/*----------------------------------------*/
/* HEADER MENU - Standard Mode */
/*----------------------------------------*/
.left-header.auto-left {
text-align: left;
}
@media all and (max-width: 768px) {
.left-header.auto-left {
text-align: center;
}
}
.right-header.auto-right {
text-align:right;
}
@media all and (max-width: 768px) {
.right-header.auto-right {
text-align: center;
}
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
padding: 15px 0;
font-size: 14px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
border-radius: 40px;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
color: #fff;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
color: #000000;
border-radius: 40px;
border: 2px solid #000000;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
background-color: #000000;
color: #fff;
}
@media screen and (min-width: 975px) {
.row-fluid .top-header { height:auto; padding: 18px 3px; }
.row-fluid .header-left { margin-top:10px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li > a { font-size:14px; padding: 31px 0 23px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a { position:relative; padding-right:30px; overflow:visible; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { position:absolute; content: "\f107"; right:7px; top:55%; font-family:'fontAwesome'; backface-visibility: hidden; -moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%); color:#7F7F7F; font-size:20px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { position:absolute; opacity:0; content: "\f0d8"; bottom:-7px; right:7px; font-family:'fontAwesome'; backface-visibility: hidden; color:#000000; font-size:20px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before { opacity:1; }
.row-fluid .page-header { height:80px; }
/*.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper { width:686px; display:flex; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li { float:left; width:33.3% !important; margin: 0 !important;
box-sizing: border-box; border-right:1px solid #979797; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li:nth-child(3n) { border:0; } */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper { left:50%; -moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-o-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul ul { position:relative !important; left:auto !important; right:auto !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left:auto !important; margin:0; }
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover { border-left:0 !important;
background-color: transparent !important;
padding: 0px 10px !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper {
opacity: 1;
visibility: visible;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul { padding:40px 30px !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul > li > a , .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child > ul > li:first-child > a { display:none !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper { border-top:4px solid #000; }
.custom-menu-primary {
padding:5px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
float: right;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
background-color: #fff;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin-right: 30px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
border-bottom: 0 solid #000000;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; line-height:normal;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch ul li a {
padding-bottom: 15px;
border-bottom: none;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover div {
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li a:hover {
border-bottom: 0 solid #000000;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
padding: 0 10px;
width: 200px;
z-index:50;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover {
border-left: 3px solid #000000;
background-color: #EAEAEA;
padding-left: 7px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a:hover {
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul li:hover {
border-left: 3px solid #000000;
background-color: #EAEAEA;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 217px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
min-width: 200px;
white-space: normal;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a {
padding:0; margin-bottom:20px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li:last-child > a {
margin-bottom:0px;
}
}
/*----------------------------------------*/
/*TOP HEADER*/
/*----------------------------------------*/
.top-header {
padding: 3px;
height: 35px;
background-color: ##EAEAEA;
color: #fff;
}
@media all and (max-width: 725px) {
.top-header {
height:35px;
}
}
.top-header ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
color: #fff;
font-size: 13px;
line-height: 26px;
font-weight: 400;
padding: 0;
margin-right: 0px;
}
.top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a {
margin-right: 0;
}
.top-header .contact a {
color: white;
}
/
*=====================================================================================================================*/
/* SECONDARY MENU */
/*----------------------------------------*/
/*MENU-Standard Mode*/
/*----------------------------------------*/
.custom-menu-secondary {
z-index:5000 !inportant;}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
font-size: 13px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
float: right;
height: 20px !important;
top: 50%;
position: relative;
margin-top: 0px !important;
margin-right: 0px !important;
top: 50%;
right: auto !important;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
background-color: #fff;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
..custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin-right: 30px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 0;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
border-bottom: 0 solid #000000;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch a,
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover {
padding-bottom: 12px;
border-bottom: 3px solid #000000;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch ul li a {
padding-bottom: 15px;
border-bottom: none;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover div {
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li a:hover {
padding-bottom: 15px;
border-bottom: 0 solid #000000;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
padding: 0 10px;
width: 200px;
z-index:50;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover {
border-left: 3px solid #000000;
background-color: #EAEAEA;
padding-left: 7px;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a:hover {
border-bottom: none !important;
padding-bottom: 5px;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul li:hover {
border-left: 3px solid #000000;
background-color: #EAEAEA;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 217px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
min-width: 200px;
white-space: normal;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a {
padding: 10px 0;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a:hover {
padding: 10px 0;
}
/* ========================= */
/* TERSIARY MENU */
/* ========================= */
.custom-menu-tersiary {
Position:relative !important;
margin-top:20px;
padding-top:0px;
margin-bottom:20px;
}
@media screen and (max-width: 975px) {
.custom-menu-tersiary {
padding-top: 60px; /* Makes room for button */
margin: 10px 0 10px 0;
right:0px;
font-size: 13px;
line-height: 25px;
font-weight: 700;
height:50px;
}
.custom-menu-tersiary .mobile-trigger{
left:0px;
right:auto;
padding: 10px !important:
}
}
/* ========================= */
/* FOOTER */
/* ========================= */
.footer {
background-color: #515151;
color: #efefef;
padding: 50px 0;
}
.footer, .footer p {
font-size: 13px;
line-height: 1.5em;
}
.footer h1 {
font-size: 36px;
line-height: 1.5em;
}
.footer h2 {
font-size: 30px;
line-height: 1.5em;
}
.footer h3 {
font-size: 24px;
line-height: 1.5em;
}
.footer h4 {
font-size: 18px;
line-height: 1.5em;
}
.footer-block {
}
.footer-block a {
color: #ffffff !important;
}
.footer .widget-type-post_listing ul {
list-style-type: none;
-webkit-padding-start: 0;
}
.footer .widget-type-post_listing ul li {
margin-bottom: 15px;
}
.footer-copyright {
background-color: #242424;
color: #efefef;
padding: 20px 0;
}
.page-footer-copyright {
text-align: center;
}
/* ========================= */
/* BUTTONS & CTAS */
/* ========================= */
.hs-button.primary-button {
background: #ce0000;
color:white !important;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
margin: auto;
border-radius: 4px;
text-align: center;
white-space: normal;
display: inline-block;
border-style:none !important;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.primary-button:hover {
background: #F56262;
}
.hs-button.secondary-button {
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.secondary-button:hover {
background: #D2D3D5;
}
.hs-button.three-button {
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border: 2px #ce0000 solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.three-button:hover {
background: #e5e7e9 ;
}
.hs-button.four-button {
background: #ce0000;
color:white;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 4px;
border: 2px white solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.hs-button.four-button:hover {
background: #F56262;
}
/* ========================= */
/* OLD BUTTONS & CTA */
/* ========================= */
.hs-button.primary { /*button should match primary styling*/
background: #ce0000;
color:white;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
border-radius: 4px;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
border-color: #ce0000;
border-style: none;
}
.hs-button.primary:hover { /*button should match primary styling*/
background: #F56262;
}
.bordered-button-harmony{ /*button should match secondary styling*/
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
margin:auto;
font-size:15px;
font-weight: 700;
border-radius: 4px;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
bordered-button-harmony:hover { /*button should match secondary styling*/
background: #D2D3D5;
}
.cta-container {
margin-top: 20px;
}
.cta-button {
padding:5px 5px;
font-size:18px;
background: transparent;
border-radius: 40px;
color:#ce0000;
border: 3px solid #ce0000;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.cta-button:hover {
background: #ce0000;
color: #fff;
border: 3px solid white;
}
.filled-button { /*button should match three styling*/
background: white;
color:#ce0000;
padding:10px 25px 10px 25px;
margin:10px;
font-size:18px;
font-weight: 400;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
border: 2px #ce0000 solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.filled-button:hover { /*button should match three styling*/
background: #e5e7e9 ;
}
.bordered-button { /*button should match three styling*/
background: white;
color:#ce0000;
padding:10px 30px 10px 30px;
margin:10px;
font-size:15px;
font-weight: 700;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
border-radius: 5px;
border: 2px #ce0000 solid;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.bordered-button:hover { /*button should match three styling*/
background: #e5e7e9 ;
}
.bordered-button-harmony a:link { /*Not sure if this is ever used....*/
color: #CE0000;
text-decoration: none;
}
/*--------------------------*/
/* OLD CTAS ENDED. */
/*--------------------------*/
.grey-coop-box {
background-color: #ededed;
padding: 4%;
border: 1px
solid #adadad;
border-radius: 10px;
text-align: center;
}
.text-20 {
font-size: 20px;
padding: 2% 0 6% 0;
}
/* ========================= */
/* FORMS */
/* ========================= */
body .hs-button.primary-button,
body input[type="submit"],
body input[type="button"] {
cursor: pointer;
margin: auto !important;
}
body input[type="text"],
body input[type="password"],
body input[type="datetime"],
body input[type="datetime-local"],
body input[type="date"],
body input[type="month"],
body input[type="time"],
body input[type="week"],
body input[type="number"],
body input[type="email"],
body input[type="url"],
body input[type="search"],
body input[type="tel"],
body input[type="color"],
body input[type="file"],
body textarea,
body select {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
display: block;
position:static;
padding: 10px 10px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 15px;
font-weight: 400;
color: #272525;
margin:4px 0 20px;
letter-spacing: 0.5px;
border-radius: 0;
}
.hs-form {
margin-top:20px;
}
ul.inputs-list {
-webkit-padding-start: 0;
}
.hs-form-radio {
list-style-type:none;
}
.hs-form-booleancheckbox {
list-style-type:none;
}
.hs-form fieldset {
max-width: none !important;
}
.hs-form fieldset.form-columns-1 .input {
margin-right: 0!important;
}
.hs-form fieldset.form-columns-2 .input {
margin-right: 8px;
}
.hs-form fieldset.form-columns-2 .hs-form-field:last-child .input {
margin-right: 0;
}
.hs-form fieldset.form-columns-3 .input {
margin-right: 12px;
}
.hs-form fieldset.form-columns-3 .hs-form-field:last-child .input {
margin-right: 0;
}
.hs-form fieldset.form-columns-1 .hs-input {
width: 100%!important;
}
.hs-form fieldset.form-columns-1 input[type=checkbox], .hs-form fieldset.form-columns-1 input[type=radio] {
width:auto!important;
}
.hs-form-field .hs_email {
display:inline-block;
}
body input[type="text"]:focus,
body input[type="password"]:focus,
body input[type="datetime"]:focus,
body input[type="datetime-local"]:focus,
body input[type="date"]:focus,
body input[type="month"]:focus,
body input[type="time"]:focus,
body input[type="week"]:focus,
body input[type="number"]:focus,
body input[type="email"]:focus,
body input[type="url"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {}
body label {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
line-height: 20px;
}
/* ===================== */
/* ANIMATION ELEMENTS */
/* ===================== */
.animation-element {
opacity: 0;
position: relative;
}
/*animation element sliding left*/
.animation-element.slide-left {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(-100px, 0px, 0px);
-webkit-transform: translate3d(-100px, 0px, 0px);
-o-transform: translate(-100px, 0px);
-ms-transform: translate(-100px, 0px);
transform: translate3d(-100px, 0px, 0px);
}
.animation-element.slide-left.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.slide-right {
opacity: 0;
-moz-transition: all 500ms linear;
-webkit-transition: all 500ms linear;
-o-transition: all 500ms linear;
transition: all 500ms linear;
-moz-transform: translate3d(100px, 0px, 0px);
-webkit-transform: translate3d(100px, 0px, 0px);
-o-transform: translate(100px, 0px);
-ms-transform: translate(100px, 0px);
transform: translate3d(100px, 0px, 0px);
}
.animation-element.slide-right.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.animation-element.fade-in {
opacity: 0;
-webkit-animation-delay: -5s; /* Chrome, Safari, Opera */
animation-delay: -5s;v
}
.animation-element.fade-in.in-view {
opacity: 1;
-webkit-animation-delay: -5s; /* Chrome, Safari, Opera */
animation-delay: -5s;
}
.bounce-up {
opacity: 0;
-moz-transition: all 700ms ease-out;
-webkit-transition: all 700ms ease-out;
-o-transition: all 700ms ease-out;
transition: all 700ms ease-out;
-moz-transform: translate3d(0px, 200px, 0px);
-webkit-transform: translate3d(0px, 200px, 0px);
-o-transform: translate(0px, 200px);
-ms-transform: translate(0px, 200px);
transform: translate3d(0px, 200, 0px);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.bounce-up.in-view {
opacity: 1;
-moz-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate3d(0px, 0px, 0px);
}
.delay-1s {
-webkit-animation-delay: -1s; /* Chrome, Safari, Opera */
animation-delay: -1s;
}
.delay-2s {
-webkit-animation-delay: -2s; /* Chrome, Safari, Opera */
animation-delay: -2s;
}
.delay-3s {
-webkit-animation-delay: -3s; /* Chrome, Safari, Opera */
animation-delay: -3s;
}
.delay-4s {
-webkit-animation-delay: -4s; /* Chrome, Safari, Opera */
animation-delay: -4s;
}
.delay-5s {
-webkit-animation-delay: -5s; /* Chrome, Safari, Opera */
animation-delay: -5s;
}
/*---------------------------------------*/
/*DARTS*/
/*----------------------------------------*/
.custom-menu-darts .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
padding: 15px 0;
font-size: 13px;
line-height: 25px;
font-weight: 700;
/*font-family: 'Open Sans Bold';*/
text-transform: uppercase;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-darts .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
border-radius: 40px;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.custom-menu-darts .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
color: #fff;
}
.dart-img {
padding-left: 30%;
padding-right: 5%;
}
@media all and (min-width: 767px) {
.dart-img {
padding-left: 60%;
padding-right: 0%;
-webkit-transform:rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
}
/* ========================= */
/* HOME */
/* ========================= */
.cta-bottom-banner {
background-color: #CE0000;
padding:50px 0;
color: #ffffff;
}
.bottom-cta-right {
text-align: right;
margin: 0;
}
@media all and (max-width: 767px) {
.bottom-cta-right {
text-align: left;
}
}
.truck .image {
margin:-350px auto 0;
}
.summersweepstakes-red-bg {
background-image: url("https://3409577.fs1.hubspotusercontent-na1.net/hubfs/3409577/Website%20Graphics%20and%20Images/Header%20Backgrounds%20for%20AE/Repeating%20bg%20landscape-less%20ground.jpg");
background-attachment: fixed;
background-position: top center;
background-repeat: repeat;
}
@media all and (max-width: 767px) {
.summersweepstakes-red-bg {
background-attachment: scroll;
background-size: auto;
}
}
/* ========================= */
/* PAGE HERO */
/* ========================= */
.page-banner-hero {
color: #fff;
padding: 30px 0;
}
.page-banner-hero h1{
font-size: 40px;
-webkit-margin-before: 0;
-webkit-margin-after: 0;
text-transform: none;
}
/* ========================= */
/* PAGE BOTTOM CTA BAR */
/* ========================= */
.bottom-cta-text {
padding: .5% 4%;
}
.bottom-cta {
padding-top: 3%;
}
/* ============================= */
/* ACCORDIAN */
/* ============================= */
.accordion {
width: 100%;
background: #CE0000;
}
.accordion_group {
margin-bottom: 5px;
background: #CE0000;
}
.accordion_header {
cursor: pointer;
font-size: 18px;
line-height: 16px;
padding: 25px;
color: #fff;
margin:30px;
}
.accordion_text {
padding: 20px 30px;
color: black;
background: #f1f1f1;
}
.accordion_header.two {
margin:20px;
padding:15px 35px 15px 35px;
font-size:18px;
background: white;
border-radius: 40px;
color:#ce0000;
border: 3px solid #ce0000;
margin: auto;
text-align: center;
white-space: normal;
display: inline-block;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.accordion_text.three {
padding: 20px 30px;
color: black;
background: #ce0000;
}
.accordion_text.two {
padding: 30px 30px;
color: black;
background: white;
}
.accordion_header.two:hover {
background: #ce0000;
color: #fff;
border: 3px solid white;
}
/*PillarPage*/
.pillar-offset:before {
display: block;
content: " ";
height: 250px;
margin-top: -250px;
visibility: none;
}
/* ============================= */
/* LANDING PAGES */
/* ============================= */
.landing-float-form {
background: rgba(255,255,255, .9);
margin-top: 0px;
}
@media all and (min-width: 768px) {
.landing-float-form {
margin-top: -300px;
}
}
.landing-dropshadow-box {
box-shadow: 0px 4px 18px rgba(0,0,0,.4);
padding: 40px;
}
@media all and (max-width: 768px) {
.landing-dropshadow-box {
box-shadow: 0px 4px 18px rgba(0,0,0,.0);
padding: 0px;
}
}
.landing-dropshadow-box-20 {
box-shadow: 0px 4px 18px rgba(0,0,0,.4);
padding: 20px;
background-color:white;
}
.landing-float-form {
position: relative;
}
.landing-float-form h3{
-webkit-margin-before: .5em;
}
/* ============================= */
/* CO-OP PAGES */
/* ============================= */
.main-content-coop {
margin-right: 0 !important;
float: right !important;
}
.sidebar-coop {
border-right: solid 3px #ce0000;
}
@media (max-width: 767px) {
.sidebar-coop {
margin-left: 0 !important;
padding:0px 10% 0px 10%;
background: white;
border-right: none;
border-top: solid 3px #ce0000;
}
.sidebar-coop,
.main-content-coop {
width: 100% !important;
float: none !important;
}
}
.text-above-tabs-coop {text-align: center; color: black; padding: 2% 8% 1% 8%; background: #E5E7E9;
}
.grey-coop-box {
background-color: #ededed;
padding: 4%;
border: 1px
solid #adadad;
border-radius: 10px;
text-align: center;
}
/* ============================= */
/* HOME PAGE Large Backgrounds */
/* ============================= */
.home-easy-fixed-image-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Home%20Image%202018/Home_It%27s_Easy_Background.png");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
}
@media all and (max-width: 767px) {
.home-easy-fixed-image-bg {
background-attachment: scroll;
background-size: auto;
}
}
.home-largest-fixed-image-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Home%20Image%202018/Largest_Operator_Background-Blue.png");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
}
@media all and (max-width: 767px) {
.home-largest-fixed-image-bg {
background-attachment: scroll;
background-size: auto;
}
}
.home-sweepstakes-fixed-image-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Home%20Image%202018/Sweepstakes_Background.png");
background-attachment: fixed;
background-position: top center;
background-size: 100%;
}
@media all and (max-width: 767px) {
.home-sweepstakes-fixed-image-bg {
background-attachment: scroll;
background-size: auto;
}
}
/*__________________________________*/
/* testimonials/ case studies */
/*__________________________________*/
@media all and (min-width: 890px) {
.case-study-image-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Testimonials/Generic%20Images%20for%20Pages/Background%20Image%20Testimonials.jpg");
background-position: top center;
background-size: 100%;
}}
@media all and (max-width: 890px) {
.case-study-image-bg {
background-image: none;
background:#e3e5e7;
}
}
.case-study-header-ctas {
margin-top:-80px;
}
@media all and (max-width: 767px) {
.case-study-header-ctas {
margin-top: 0px;
}
}
/*__________________________________*/
/* Chicago Page */
/*__________________________________*/
.chicago-alternative-red-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Background%20Alt.jpg");
background-position: top center;
background-attachment:fixed;
background-size: 100%;
}
@media all and (max-width: 890px) {
.chicago-alternative-red-bg {
background-attachment:scroll;
}
}
.chicago-alternative-grey-bg {
background-image: url("https://www.accelentertainment.com/hubfs/Website%20Graphics%20and%20Images/Background%20Alt-2.jpg");
background-position: top center;
background-size: 100%;
background-attachment:fixed;
}
@media all and (max-width: 890px) {
.chicago-alternative-grey-bg {
background-attachment:scroll;
}
}
.chicago-gradient-teal-blue {
background-image: linear-gradient(to right, #A5EFF4 , #34c5bb);
}
@media (max-width: 974px) and (min-width: 725px){
.row-fluid .header-left { float: left; width: 60%; margin-top: 10px; }
.row-fluid .top-header { padding:10px 0; }
}
@media (max-width: 1240px) and (min-width: 992px){
.row-fluid .footer-social a { margin-left: 17px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a::before { bottom: -9px; }
}
@media (max-width: 991px) and (min-width: 975px){
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a::before { bottom: -9px; }
}
@media (max-width: 991px) and (min-width: 768px){
.row-fluid .footer-social a { margin-left: 4px; }
.row-fluid .footer-blog form .hs_submit input { padding: 11px 10px 12px 10px; }
.row-fluid .footer-css { padding: 65px 0 30px; }
}
@media (max-width: 975px) and (min-width: 768px){
.company-logo { position: relative; z-index: 9; }
body .custom-menu-primary.js-enabled { width:100% !important; position: relative; padding-top: 40px !important; margin-top: -54px; }
}
.row-fluid .footer-blog form .hs_submit input { -webkit-appearance: none; outline:0;
-webkit-border-radius: 0; background:#ce0000 url(https://3409577.fs1.hubspotusercontent-na1.net/hubfs/3409577/Website%20Graphics%20and%20Images/Images%20From%20Previous%20Sites%20/Web%20Migration%20Files/Absolute_Edge_August2017/Image/blank-img.png); }
@media (max-width: 724px) and (min-width: 320px){
.row-fluid .header-left { float: left; width: 55%; margin-top: 10px; font-size: 12px; }
.row-fluid .top-header { padding:10px 0; }
.row-fluid .header-left + .right-auto { width:109px; margin-top: 7px; }
.row-fluid .header-left .left-auto { width:100%; margin:0; }
.row-fluid .header-left .left-auto { text-align:left !important; }
.row-fluid .header-left + .right-auto .hs-button.primary { padding-left: 0; padding-right: 0; font-size:12px; line-height: normal; }
}
@media (max-width: 767px) and (min-width: 320px){
.row-fluid .row-fluid .mobile-50:first-child { float:left; width:40%; }
.row-fluid .row-fluid .mobile-50:nth-child(2) { float:left; width:60%; }
.row-fluid .footer-blog { float:left; width:100%; margin-top:15px; }
.row-fluid .footer-css { padding: 40px 10px 20px; }
.row-fluid .footer-blog form .hs-form-field { width: 61%; margin-right:10px; }
.row-fluid .footer-blog form .hs_submit { width: 95px; float:left; }
.row-fluid .flex-bottom .row-fluid { display:block; }
.row-fluid .footer-2 { margin:30px 0; }
.row-fluid .footer-social a { margin-left: 19px; }
.row-fluid .footer-1 { text-align:center; }
.row-fluid .flex-bottom .row-fluid .span4:last-child > div { float:left; width:100%; }
.row-fluid .footer-social a:first-child { margin-left:0; }
.row-fluid .right-auto.footer-social { float:left; }
.row-fluid .flex-bottom .span4 , .row-fluid .footer-blog { text-align:center; }
.row-fluid .flex-bottom .span4 > div { float:none; display:inline-block; width:auto; }
.row-fluid .footer-blog form { float:left; width:100%; display:inline-block; }
.row-fluid .footer-blog form .hs_submit input { padding: 11px 20px 12px 20px; }
.row-fluid .footer-blog h3 { text-align:left; }
}
.row-fluid .hide-small a span { display:none; }
.row-fluid .hide-small a span:first-child { display:block; }
body , html { overflow-x:hidden !important; }
/* change your site's color here */
/* change your site's secondary color here */
/* This color is solely used on the top bar of the website. */
/* This sets the universal color of dark text on the site */
/* This sets the width of the website */
/* To make this a fixed header, change the value to "fixed" - for non-fixed, set it to "static" */
/* This affects all grey background sections */
/* More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */
/* For Headers; More than likely, you will use one of these values (higher = bolder): 300, 400, 700, 900 */
/* If your image is not to sit on the bottom of the frame, change this value to "100px", otherwise keep it at 0 */
/* "0" for square edges, "10px" for rounded edges, "40px" for pill shape; This will change all buttons */
/********************************************************************/
/********************************************************************/
/* COPY & PASTE THE CODE GIVEN ON THE HOMEPAGE IN THE SECTION ABOVE */
/********************************************************************/
/********************************************************************/
/*********************************************/
/* Do not change the values below this section */
/*********************************************/
/* This is the main color of the site */
/* this is the hover state of the main color of the site */
/* This is the secondary color of the site */
/* This is the hover state of the secondary color of the site */
.company-logo img { max-height: 50px !important; width: auto !important; }
.row-fluid .page-center { max-width: 1200px;margin: 0 auto !important; float: none !important; }
.row-fluid .footer-blog form .hs_submit input { font-size:15px; text-transform:initial; padding: 11px 30px 12px 30px; width: auto; min-width: initial; -webkit-appearance: none; outline:0; -webkit-border-radius: 0; background:#ce0000 url(https://3409577.fs1.hubspotusercontent-na1.net/hubfs/3409577/Website%20Graphics%20and%20Images/Images%20From%20Previous%20Sites%20/Web%20Migration%20Files/Absolute_Edge_August2017/Image/blank-img.png); }
.row-fluid .footer-css { background-color: #363133; color:#fff; font-size: 13px; padding:100px 0 80px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.85; letter-spacing: 0.4px; color: #ffffff; }
.row-fluid .hide-small a span { display:none; }
.row-fluid .hide-small a span:first-child { display:block; }
.row-fluid .footer-css ul { float:left; width:100%; margin:0; padding:0; }
.row-fluid .footer-css ul li { float:left; width:100%; list-style:none; margin-bottom:25px; }
.row-fluid .footer-css ul li a { color:#fff; font-size: 16px; font-weight: 600;font-family: 'Open Sans Semi Bold';font-style: normal; font-stretch: normal;line-height: normal;letter-spacing: 0.5px; text-align: center; color: #ffffff; }
.row-fluid .left-auto { float:left; width:auto; }
.row-fluid .right-auto { float:right; width:auto; }
.row-fluid .header-left .left-auto { margin-right:40px; }
.row-fluid .footer-social a { float:left; display:inline-block; width:40px; margin-left:20px; font-size:18px; text-align:center; height:40px; line-height:40px; background-color: #000000; border-radius:100%; color:#fff; }
.row-fluid .footer-social a:hover { background:#e02026; }
.row-fluid .flex-bottom { float:left; width:100%; margin-top: 30px; line-height:normal; }
.row-fluid .flex-bottom .row-fluid { display: flex; align-items: flex-end; }
.row-fluid .flex-bottom .row-fluid .span4:last-child > div { float:right; }
.row-fluid .footer-blog h3 { margin-top: 13px; font-size: 16px;font-weight: 300;font-style: normal; font-stretch: normal; line-height: normal;letter-spacing: 0.5px; color: #ffffff; }
.row-fluid .footer-blog form .hs-form-required { display:none; }
.row-fluid .footer-blog form .hs-form-field { float:left; width:67%; }
.row-fluid .footer-blog form .hs_submit { float:right; width:30%; }
.row-fluid .footer-blog form .hs-form-field input { margin:0; height:40px; }
.row-fluid .footer-blog form .hs_submit input { padding: 11px 30px 12px 30px; }
.row-fluid .footer-blog form .hs-error-msgs { display:none !important; }
/* ==A== 29-08-2019 ==A== */
.recent-main { padding: 25px 0; }
.recent-main .recent-slide .recent-img { width: 100%; height: 200px; margin-bottom: 20px; }
.recent-main .recent-slide .recent-img img { width: 100%; height: 100%; object-fit: cover; }
.recent-main .recent-slide h2 { font-size: 22px; margin: 0; }
.recent-main .slick-slide { padding: 30px 15px;}
/* Slick css */
.recent-slider { padding: 0 40px;}
.recent-main .slick-slider .slick-list.draggable { padding-bottom: 30px;}
.recent-main .slick-slider .slick-arrow{background:none; border:none; z-index:9; position:absolute; top:35%; left:0; width:40px; height: 40px; font-size:0px; background: #ce0000; color:#fff; transition: all 200ms ease; cursor:pointer;}
.recent-main .slick-slider .slick-arrow.slick-prev:after{content:'\f104'; font-size: 30px; line-height:30px; font-family: FontAwesome;}
.recent-main .slick-slider .slick-arrow.slick-next:after{content:'\f105'; font-size: 30px; line-height:30px; font-family: FontAwesome;}
.recent-main .slick-slider .slick-arrow.slick-next{left:auto; right:0;}
.recent-main .slick-slider .slick-dots{position:absolute; left:0; bottom: 0; margin: 0; right:0; padding: 0; text-align:center;}
.recent-main .slick-slider .slick-dots li{display:inline-block; margin:0 5px;}
.recent-main .slick-slider .slick-dots li button{width:6px; height:6px; border-radius:100%; background-color:#ce0000; border:none; padding:0; text-indent:-9999px; cursor:pointer; opacity:.5; transition: all 200ms ease; }
.recent-main .slick-slider .slick-dots li.slick-active button{opacity:1;}
/*----------------------------------------*/
/*FLEX*/
/*----------------------------------------*/
.flex-container {
display: flex;
flex-direction: row; }
}
/*----------------------------------------*/
/*HEADER MENU-Standard Mode*/
/*----------------------------------------*/
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
padding: 15px 0;
font-size: 14px;
line-height: 25px;
font-weight: 700;
text-transform: uppercase;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
border-radius: 40px;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
-webkit-transition-duration: .3s;
-moz-transition-duration: .3s;
transition-duration: .3s;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
color: #fff;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a div {
background: transparent;
color: #000000;
border-radius: 40px;
border: 2px solid #000000;
position: relative;
margin: -7px 0;
padding: 5px 10px;
font-size: 13px;
font-weight: 600;
font-family: 'Open Sans Semi Bold';
text-align: center;
letter-spacing: .08em;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a:hover div {
background-color: #000000;
color: #fff;
}
.row-fluid .top-header .hs-button { font-size:15px; text-transform:initial; padding:10px 30px; border-radius: 5px !important; background: #ce0000 !important; font-weight:700 !important;/*font-family: 'Open Sans Bold';*/ color:#fff !important; border:0 !important; }
@media screen and (max-width: 1200px) {
.row-fluid .page-center { padding-left: 4%; padding-right: 4%; }
}
@media screen and (min-width: 975px) {
.row-fluid .top-header { height:auto; padding: 18px 3px; }
.row-fluid .header-left { margin-top:10px; font-size:14px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li > a { font-size:14px; padding: 31px 0 23px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a { position:relative; padding-right:30px; overflow:visible; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after { position:absolute; content: "\f107"; right:7px; top:55%; font-family:'fontAwesome'; backface-visibility: hidden; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color:#7F7F7F; font-size:20px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:before { position:absolute; opacity:0; content: "\f0d8"; bottom:-7px; right:7px; font-family:'fontAwesome'; backface-visibility: hidden; color:#000000; font-size:20px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children:hover > a:before { opacity:1; }
.row-fluid .page-header { height:80px; }
/* .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper { width:756px; display:flex; box-sizing:border-box !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li { float:left; width:33.3% !important; margin: 0 !important; box-sizing: border-box; border-right:1px solid #979797; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li:nth-child(3n) { border:0; } */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper { left:50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul ul { position:relative !important; left:auto !important; right:auto !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper { left:auto !important; margin:0; }
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover { border-left:0 !important; background-color: transparent !important; padding: 0px 10px !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover ul.hs-menu-children-wrapper { opacity: 1; visibility: visible; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul { padding:40px 30px !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul > li > a , .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child > ul > li:first-child > a { display:none !important; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li > ul.hs-menu-children-wrapper { border-top:4px solid #000; }
.custom-menu-primary { padding:5px; }
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul { float: right; -webkit-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
background-color: #fff;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin-right: 30px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 0;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
border-bottom: 0 solid #000000;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out; line-height:normal;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover div {
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li a:hover {
border-bottom: 0 solid #000000;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
padding: 0 10px;
width: 200px;
z-index:50;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover {
border-left: 3px solid #000000;
background-color: #E5E7E9;
padding-left: 7px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a:hover {
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul li:hover {
border-left: 3px solid #000000;
background-color: #E5E7E9;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 217px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
min-width: 200px;
white-space: normal;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a {
padding:0; margin-bottom:20px;
}
.custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li:last-child > a {
margin-bottom:0px;
}
}
/*----------------------------------------*/
/*TOP HEADER*/
/*----------------------------------------*/
.top-header {
padding: 3px;
height: 35px;
background-color: ##EAEAEA;
color: #fff;
}
@media all and (max-width: 725px) {
.top-header {
height:35px;
}
}
.top-header ul {
-webkit-margin-before: 0;
-webkit-margin-after: 0;
}
.top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
color: #fff;
font-size: 13px;
line-height: 26px;
font-weight: 400;
padding: 0;
margin-right: 0px;
}
.top-header .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a {
margin-right: 0;
}
.top-header .contact a {
color: white;
}
/* ==========================================================================
Mobile Menu - Hubspot Standard Toggle Menu
========================================================================== */
/**
* Special Note
*
* When the menu is open, a class of .mobile-open is applied to the body. You can
* use this for custom styling on any element when the menu is in the open position.
*/
.row-fluid .footer-blog form label { display:none; }
@media (max-width: 974px){
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { min-width:initial !important; width:auto !important; }
body .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding: 0 !important; }
body .custom-menu-primary .hs-menu-wrapper > ul li { top:0; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li label { display:none; }
body .custom-menu-primary .hs-menu-wrapper > ul li { width:100%; text-align:center; padding:12px 0; }
body .custom-menu-primary .hs-menu-wrapper > ul li a { display:inline-block; width:auto; float:none; text-indent: 0; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a { position: relative; display: inline-block; }
body .child-trigger.child-open + ul.hs-menu-children-wrapper ul.hs-menu-children-wrapper { display: block !important; opacity:1 !important; visibility:visible !important; }
body .child-trigger { display: inline-block !important; height:50px !important; width: 100% !important; }
body .child-trigger i { opacity:0; }
.hs-menu-wrapper.hs-menu-flow-horizontal>ul>li:nth-child(2)>ul.hs-menu-children-wrapper .child-trigger { display:none !important; }
body .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a { padding-top:0; padding-bottom:0; }
.custom-menu-primary .hs-menu-wrapper > ul ul li a , .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a { text-indent: 0; text-align:center; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a:after {
position: absolute;
content: "\f107";
right: -20px;
top: 55%;
font-family: 'fontAwesome';
backface-visibility: hidden;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #7F7F7F;
font-size: 20px;
}
body .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.hs-item-has-children > ul { border-top:4px solid #000; margin-top: 20px; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li { border-top:1px solid #979797; }
.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:nth-child(2) > ul.hs-menu-children-wrapper > li:last-child { border-bottom:1px solid #979797; }
body .custom-menu-primary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li a.open:before {
position: absolute;
content: "\f0d8";
bottom: -29px;
right: -18px;
font-family: 'fontAwesome';
backface-visibility: hidden;
color: #000000;
font-size: 20px;
}
/* Variables
========================================================================== */
.custom-menu-primary .hs-menu-wrapper { float:left; }
.top-header { height:auto; }
/* Set Mobile Menu Background Color */
/* Set Link Color */
/* Set Link Hover Color */
/* my own thing */
#elevate-header .hs-menu-wrapper.hs-menu-flow-horizontal li > a {
color:#222;
}
/* Menu Reset - Remove styling from desktop version of custom-menu-primary */
/* Place any additional CSS you want removed from the mobile menu in this reset */
.custom-menu-primary, .custom-menu-primary *{
display: inline-block;
float: none;
position: static;
top: auto;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color: #343434;
}
/* Menu Styles on Mobile Devices
========================================================================== */
/* ==========================================================================
Custom Menu Primary
========================================================================== */
/* Variables
========================================================================== */
/*
* Menu Reset
*
* Remove styling from desktop version of custom-menu-primary. Place any
* additional CSS you want removed from the mobile menu in this reset
*/
.custom-menu-primary,
.custom-menu-primary .hs-menu-wrapper > ul,
.custom-menu-primary .hs-menu-wrapper > ul li,
.custom-menu-primary .hs-menu-wrapper > ul li a{
display: block;
float: none;
position: static;
top: 0px;
right: auto;
left: auto;
bottom: auto;
padding: 0px;
margin: 0px;
background-image: none;
background-color: transparent;
border: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
max-width: none;
width: 100%;
height: auto;
line-height: 1;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
text-align: left;
color:#343434;
}
/* Toggle Button
========================================================================== */
.mobile-trigger{
display: inline-block !important; /* Show button on mobile */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute; /*******************************************/
top: 8px; /* Position Button at right of screen */
right: 10px; /*******************************************/
z-index: 10;
width: auto; /* Button width */
height: auto; /* Button height */
padding: 7px 10px 8px 10px;
border: 1px solid #ffffff;
font-size: 16px;
font-weight: normal;
text-align: left;
text-transform: uppercase;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
color: #ffffff;
}
/* Change button when menu is open */
/* Toggle Button Icon
========================================================================== */
.mobile-open .mobile-trigger i::before {
margin-top: 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0, .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-open .mobile-trigger i::after {
margin-top: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition-delay: 0, .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-open .mobile-trigger i::before , .mobile-open .mobile-trigger i::after { top:0; }
.mobile-open .mobile-trigger i {
background-color: rgba(0,0,0,0.0);
-webkit-transition-delay: .2s;
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0);
}
.mobile-trigger i{
display: inline;
position: relative;
top: -4px;
}
.mobile-trigger i:before, .mobile-trigger i:after{
position: absolute;
z-index: 99999999999;
content: '';
}
.mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
width: 35px; /* Icon line width */
height: 3px; /* Icon line height */
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color:#444444; /* Icon color */
display: inline-block;
}
.mobile-trigger i:before{
top: -8px; /* Position top line */
}
.mobile-trigger i:after{
top: 8px; /* Position bottom line */
}
.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,
.mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
background-color: ; /* Icon color */
}
/* Child Toggle Button
========================================================================== */
.child-trigger{
display: block !important; /* Hide button on Desktop */
cursor: pointer; /* Mouse pointer type on hover */
position: absolute;
top: 0px;
right: 0px;
width: 45px !important; /* Button width */
min-width: 45px !important;
height: 45px !important; /* Button height */
padding: 0px !important;
border-left: 1px dotted rgba(255, 255, 255, .20);
background-color:transparent;
border-radius:5px;
}
.child-trigger:hover{
text-decoration: none;
}
.child-trigger i{
position: relative;
top: 50%; /* Centers icon inside button */
margin: 0 0 0 2 auto !important;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.child-trigger i:after{
position: absolute;
content: '';
}
.child-trigger i, .child-trigger i:after{
width: 20px; /* Icon line width */
height: 4px; /* Icon line height */
background-color: #ce0000; /* Icon color */
display: block;
border-radius: 2px;
}
.child-trigger i:after{
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.child-trigger.child-open i:after{
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.child-trigger.child-open i{
}
/* Menu Styles on Mobile Devices
========================================================================== */
.custom-menu-primary.js-enabled{
position: relative;
padding-top: 60px; /* Makes room for button */
margin: 10px 0 10px 0;
}
/* Hide menu on mobile */
.custom-menu-primary.js-enabled .hs-menu-wrapper,
.custom-menu-primary.js-enabled .hs-menu-children-wrapper{
display: none;
}
/* Make child lists appear below parent items */
.custom-menu-primary ul.hs-menu-children-wrapper{
visibility: visible !important;
opacity: 1 !important;
position: static !important;
display: none;
}
/* Mobile Menu Styles */
.custom-menu-primary.js-enabled .hs-menu-wrapper{
width: 100%;
position: relative; /**************************************************************/
top: 0; /* Positions the menu to drop from the very top of the screen */
left: 0; /**************************************************************/
padding: 0;
padding-top: 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
.custom-menu-primary .hs-menu-wrapper{
background-color:#ffffff; /* Menu background color set off global menuColorMobile variable */
width: 100%; /* Full screen width */
}
/* Level 1 Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul > li{
position: relative;
}
.custom-menu-primary .hs-menu-wrapper > ul > li a{
font-size: 22px; /* Font size of top level list items */
line-height: 45px;
overflow: visible;
text-align: left;
text-indent: 10px; /* Indent Child lists */
}
/* Level 1 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul li{
border-top: 1px dotted rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
}
.custom-menu-primary .hs-menu-wrapper > ul li a{
padding: 0 10px;
color:#343434; /* link color set by global mobile-aColor variable */
}
/* Level 2 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul li{
background-color: rgba(255, 255, 255, .08);
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
text-indent: 30px; /* Indent Child lists */
font-size: 16px; /* Font size of child lists */
}
/* Level 3 and Higher Menu List Styles */
.custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
.custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
text-indent: 50px; /* Indent Child lists */
}
}
/
*=====================================================================================================================*/
/* SECONDARY MENU */
/*----------------------------------------*/
/*MENU-Standard Mode*/
/*----------------------------------------*/
.custom-menu-secondary {
z-index:5000 !inportant;}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li a {
color: #272525;
font-size: 13px;
line-height: 25px;
font-weight: 700;
/*font-family: 'Open Sans Bold';*/
text-transform: uppercase;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal>ul {
float: right;
height: 20px !important;
top: 50%;
position: relative;
margin-top: 0px !important;
margin-right: 0px !important;
top: 50%;
right: auto !important;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
background-color: #fff;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
..custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li {
margin-right: 30px;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child {
margin-right: 0;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a {
border-bottom: 0 solid #000000;
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch a,
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover {
padding-bottom: 12px;
border-bottom: 3px solid #000000;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li.active-branch ul li a {
padding-bottom: 15px;
border-bottom: none;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li a:hover div {
-webkit-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li a:hover {
padding-bottom: 15px;
border-bottom: 0 solid #000000;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
padding: 0 10px;
width: 200px;
z-index:50;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper > li:hover {
border-left: 3px solid #000000;
background-color: #E5E7E9;
padding-left: 7px;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul > li:last-child a:hover {
border-bottom: none !important;
padding-bottom: 5px;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul li:hover {
border-left: 3px solid #000000;
background-color: #E5E7E9;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
left: 217px;
top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
min-width: 200px;
white-space: normal;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a {
padding: 10px 0;
}
.custom-menu-secondary .hs-menu-wrapper.hs-menu-flow-horizontal > ul li ul > li > a:hover {
padding: 10px 0;
}
/* ========================= */
/* TERSIARY MENU */
/* ========================= */
.custom-menu-tersiary {
Position:relative !important;
margin-top:20px;
padding-top:0px;
margin-bottom:20px;
}
@media screen and (max-width: 974px) {
.company-logo { float:left !important; width:auto !important; }
.contact-menu .row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li .child-open::before { bottom: -33px; }
.custom-menu-tersiary {
padding-top: 60px;
margin: 10px 0 10px 0;
right:0px;
font-size: 13px;
line-height: 25px;
font-weight: 700;
height:50px;
}
.custom-menu-tersiary .mobile-trigger { left:0px; right:auto; padding: 10px !important: }
}
.row-fluid .header-left { font-size:14px; }
@media (max-width: 974px) and (min-width: 725px){
.row-fluid .header-left { float: left; width: 60%; margin-top: 10px; }
.row-fluid .top-header { padding:10px 0; }
}
@media (max-width: 1240px) and (min-width: 992px){
.row-fluid .footer-social a { margin-left: 17px; }
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a::before { bottom: -9px; }
}
@media (max-width: 991px) and (min-width: 975px){
.row-fluid .custom-menu-primary .hs-menu-wrapper > ul > li.hs-item-has-children > a::before { bottom: -9px; }
}
@media (max-width: 991px) and (min-width: 768px){
.row-fluid .footer-social a { margin-left: 4px; }
.row-fluid .footer-blog form .hs_submit input { padding: 11px 10px 12px 10px; }
.row-fluid .footer-css { padding: 65px 0 30px; }
}
@media (max-width: 975px) and (min-width: 768px){
.company-logo { position: relative; padding-top: 12px !important; z-index: 9; }
body .custom-menu-primary.js-enabled { width:100% !important; position: relative; padding-top: 40px !important; margin-top: -54px; }
.body-container-wrapper { padding-top:0px !important; }
}
@media (max-width: 724px) and (min-width: 320px){
.row-fluid .header-left { float: left; width: 55%; margin-top: 10px; font-size: 12px; }
.row-fluid .top-header { padding:10px 0; }
.row-fluid .header-left + .right-auto { width:109px; margin-top: 7px; }
.row-fluid .header-left .left-auto { width:100%; margin:0; }
.row-fluid .header-left .left-auto { text-align:left !important; }
.row-fluid .header-left + .right-auto .hs-button.primary { padding-left: 0; padding-right: 0; font-size:12px; line-height: normal; min-width:100%; }
}
@media (max-width: 767px) and (min-width: 320px){
.row-fluid .row-fluid .mobile-50:first-child { float:left; width:40%; }
.row-fluid .row-fluid .mobile-50:nth-child(2) { float:left; width:60%; }
.row-fluid .footer-blog { float:left; width:100%; margin-top:15px; }
.row-fluid .footer-css { padding: 40px 10px 20px; }
.row-fluid .footer-blog form .hs-form-field { width: 61%; margin-right:10px; }
.row-fluid .footer-blog form .hs_submit { width: 95px; float:left; }
.row-fluid .flex-bottom .row-fluid { display:block; }
.row-fluid .footer-2 { margin:30px 0; }
.row-fluid .footer-social a { margin-left: 19px; }
.row-fluid .footer-1 { text-align:center; }
.row-fluid .flex-bottom .row-fluid .span4:last-child > div { float:left; width:100%; }
.row-fluid .footer-social a:first-child { margin-left:0; }
.row-fluid .right-auto.footer-social { float:left; }
.row-fluid .flex-bottom .span4 , .row-fluid .footer-blog { text-align:center; }
.row-fluid .flex-bottom .span4 > div { float:none; display:inline-block; width:auto; }
.row-fluid .footer-blog form { float:left; width:100%; display:inline-block; }
.row-fluid .footer-blog form .hs_submit input { padding: 11px 20px 12px 20px; }
.row-fluid .footer-blog h3 , .row-fluid .footer-css ul li a { text-align:left; }
body .mobile-trigger { top: 26px; right: 0; }
body .company-logo { padding-top: 22px !important; }
body .row-fluid .footer-blog form .hs_submit input { padding: 11px 20px 11px 20px; }
/*.body-container-wrapper { padding-top:104px !important; }*/
.recent-main .slick-slide { padding:30px 0px;}
.recent-slider { padding: 0 50px;}
.recent-main .recent-slide { text-align: center;}
}
@media (max-width:600px) {
.body-container-wrapper { padding-top:0px !important; }
.recent-main .slick-slide { padding: 0px 0px 30px;}
.recent-slider { padding: 0px;}
}