@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500, 600,700,900&display=swap');
@import url(//designers.hubspot.com/hs-fs/hub/327485/file-2054199286-css/font-awesome.css);


.icon-bar {
  position: fixed;
  bottom: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99999999;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;

}

.icon-bar a:hover {
  opacity: 0.8;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}


.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;

  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.lightbox .white-box {
  /* Full width and height */
  display: block;
  width: 80%;
  height: auto;
  margin: 100px auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 20px;
  padding: 20px;
  text-align: center;
  font-size: 2vw;
  font-weight: bolder;
}

.normaltxt {

  font-size: 2vw ;
  margin: 20px 254px;
}

.normaltxt2 {

  font-size: 2vw ;

}

.container3 {
  font-size: 0; /*remove white space*/
  text-align: center;
}
.container5 {
  font-size: 5em !important;
  text-align: center;
  word-wrap: normal;
}
.section3 {
  font-size: 36px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 33.3333%;
  border: 1px solid;
  box-sizing: border-box;
}

.section5 {
  font-size: 16px; /*reset font size*/
  display: inline-block;
  vertical-align: top;
  width: 16.6667%;
  border: 1px solid;
  box-sizing: border-box;
}
.opahover:hover {
  opacity: 0.9; 
}
@media (max-width: 768px) { /*breakpoint*/
  .section3   {
    display: block;
    width: auto;
    height: auto;
  }




}
@media (max-width: 950px) {
  .w800 {
    width: auto !important;
    font-size: 18px !important;
  }
  .normaltxt {

    font-size: 18px ;
    margin: 20px;
  }

  .normaltxt2 {

    font-size: 28px ;

  }
}

@media (max-width: 1048px) {
  .section5  {
    display: block;
    width: auto;
    height: auto;
  }


}


@media (max-width: 264px) { 
  .normaltxt {

    font-size: 12px ;
    margin: 10px;
  }

  .normaltxt2 {

    font-size: 22px ;

  }

  .w800 {

    font-size: 12px !important ;
  }
}
/**
* CSS @imports must be at the top of the file.      
* Add them above this section.                             
*/

/* ==========================================================================
HS COS Boilerplate v1.3.0   
*/
/* This responsive framework is required for all styles.*/ 
/* Images */
img {
    max-width: 100%;
    height: auto;
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom; /* Suppress the space beneath the baseline */
}
img.alignRight, img.alignright{ margin: 0 0 5px 15px; }
img.alignLeft, img.alignleft{ margin: 0 15px 5px 0; }

/* Reduces min-height on bootstrap structure */
.row-fluid [class*="span"] { min-height: 1px; }

/* Blog Social Sharing */
.hs-blog-social-share .hs-blog-social-share-list {
    margin: 0;
    list-style: none !important;
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item {
    height: 30px;
    list-style: none !important;
}
@media (max-width: 479px){
    .hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item:nth-child(2) {
        float: none !important; /* Stack social icons into two rows on phones */
    }
}
.hs-blog-social-share .hs-blog-social-share-list .hs-blog-social-share-item .fb-like > span{
    vertical-align: top !important; /* Aligns Facebook icon with other social media icons */
}
.hs-blog-social-share-list li.hs-blog-social-share-item.hs-blog-social-share-item-linkedin .IN-widget {
    vertical-align: top !important;
}


/* Captcha */
#recaptcha_response_field {
    width: auto !important;
    display: inline-block !important;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field { min-height: 0;line-height: 12px; }

@media all and (max-width: 400px) {
/* beat recaptcha into being responsive, !importants and specificity are necessary */
    #captcha_wrapper,
    #recaptcha_area,
    #recaptcha_area table#recaptcha_table,
    #recaptcha_area table#recaptcha_table .recaptcha_r1_c1 {
        width: auto !important;
        overflow: hidden; 
    }
    #recaptcha_area table#recaptcha_table .recaptcha_r4_c4 { width: 67px !important; }
    #recaptcha_area table#recaptcha_table #recaptcha_image { width:280px !important; }
}

/* Videos */
video {
    max-width: 100%;
    height: auto;
}

/* Date Picker */
#calroot {
    width: 202px !important;
    line-height: normal;
}
#calroot,
#calroot *,
#calroot *:before,
#calroot *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
} 
#calroot select {
    min-height: 0 !important;
    padding: 1px 2px !important;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet MS", Verdana, sans-serif !important;
    font-size: 10px !important;
    line-height: 18px !important;
    font-weight: normal !important;
} 
#caldays {
    margin-bottom: 4px;
}

/* Responsive Embed Container (iFrame, Object, Embed) */
.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    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-instagram {
    padding-top: 0px;
    padding-bottom: 116.01%;
}
.hs-responsive-embed.hs-responsive-embed-pinterest {
    height: auto;
    overflow: visible;
    padding: 0 0 0 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 {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Fix radio button and check box fields in multi column forms*/
.hs-form fieldset[class*="form-columns"] input[type="checkbox"].hs-input,
.hs-form fieldset[class*="form-columns"] input[type="radio"].hs-input {
    width: auto;
}

/* System Template Forms */
#email-prefs-form .email-edit {
    width: 100% !important;
    max-width: 507px !important;
}
#hs-pwd-widget-password {
    height: auto !important;
}

/* Menus */
.hs-menu-wrapper ul {
    padding: 0; 
}

/* Horizontal Menu
   ========================================================================== */

.hs-menu-wrapper.hs-menu-flow-horizontal ul {
    list-style: none;
    margin: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    display: inline-block;
}
.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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children {
    position: relative;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts > 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;
}
.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;
}

/* Vertical Menu
   ========================================================================== */ 

.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;
}
.hs-menu-wrapper.hs-menu-flow-vertical > ul {
    margin-bottom: 0;
}
.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.hs-item-has-children {
    position: relative;
}

/* Flyouts */
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > 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-vertical > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
    display: block;
    white-space: nowrap;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 100%;
    top: 0;
}
.hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}


@media (max-width: 767px) {
    .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;
    }

    /* Stacking Horizontal Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
        visibility: visible !important;
        opacity: 1 !important;
        position: static !important;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal ul ul ul {
        padding: 0;
    }
    .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
        white-space: normal;
    }

    /* Stacking Vertical Nav for Mobile */
    .hs-menu-wrapper.hs-menu-flow-vertical.flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper  {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}

.hs-menu-wrapper.hs-menu-flow-vertical.no-flyouts .hs-menu-children-wrapper {
    visibility: visible;
    opacity: 1;
}
.hs-menu-wrapper.hs-menu-flow-horizontal.no-flyouts > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: block;
    visibility: visible;
    opacity: 1;
}

/* Space Module */
.widget-type-space { visibility: hidden; }

/* Blog Author Section */
.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");
}

/* Fix for CTA border box issue */
.hs-cta-wrapper a {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}

/*
 * 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;}

/* 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; padding: 0; 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}

/* FlexSlider Necessary Styles
*********************************/
.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%;}


/* 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("//cdn2.hubspotqa.net/local/hub/124/file-52894-png/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("//cdn2.hubspotqa.net/local/hub/124/file-52894-png/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: black;
    position: static;
    font-size: 2em;
    line-height: 1.1em;
    color: white;
    padding: 0px 5% 0px 5%;
    width: 100%;
    top: 40%;
    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;
    }
}

.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; }

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img { max-width: initial; }

/* 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;
}

#map_canvas img, .google-maps img { max-width: none; }



/*=====================================*/
/*======= Custom Modules Style ========*/
/*=====================================*/


/* Services/ Product */
.service-group::after {
   content: " ";
   display: block; 
   height: 0; 
   clear: both;    
}
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
}

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes bounceOutDown {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px));
    -ms-transform: translateY(300px));
    transform: translateY(300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  transition-duration: 2.0s;
  transition-timing-function: ease-in-out;
}


@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  transition-duration: 1.2s;
  transition-timing-function: ease-in-out;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  transition-duration: 2.0s;
  transition-timing-function: ease-in-out;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
  transition-duration: 2.0s;
  transition-timing-function: ease-in-out;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
  animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

.slideOutRight {
  -webkit-animation-name: slideOutRight;
  animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

/* ==========================================================================



Index:         

1. BASE STYLES   
- Variables
- Macros
- Transitions
- Base
- Typography

2. COS STRUCTURE
- Structure
- Header
- Content
- Footer

3. MAIN NAVIGATION
- Custom Menu Primary
- Mobile Menu

4. TEMPLATE MODULE CLASSES
- Common Template Classes
- Site Pages
- Landing Pages
- System Pages

5. COS COMPONENTS
- Blog
- Forms
- Buttons

6. MISCELLANEOUS

7. MOBILE MEDIA QUERIES

========================================================================== */





/* ==========================================================================


1. BASE STYLES                                             


========================================================================== */



/* ==========================================================================
Variables                                               
========================================================================== */


/**
* Find the most consistently used font styles, colors, and container widths 
* for your site and assign them to the jinja variables below for easy use 
* and reference. 
*
* Apply the variable as shown below.  Ignore the jingja comment tags.
*
* 
*/

/* Colors */
    /*  */
  /*  */
  /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
                         /*  */
                          /*  */
                          /*  */
 /*  */
  /*  */
  /*  */

/* Structure */
      /*  */
 /*  */
 /*  */

/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
Macros                                                  
========================================================================== */

/** 
* Create jinja macros for CSS3 properties that need browser prefixes.
* Apply the style as shown below.  Ignore the jinja comment tags. 
* 
*/

/* Transition */
 

/* Animation Delay */
 

/* Box Shadow */


/* Background Size */



/* User Select */


/* Opacity*/



/* ==========================================================================
Transitions                                                  
========================================================================== */

/* Fade In Class */
 /* Time in Seconds |  Used on various elements  |  Ex. "animation: fadeIn ease-in-out 2s;" #} */
 /*  */
 /*  */

.fade-in {
  animation: fadeIn ease-in-out 2s;
  -webkit-animation: fadeIn ease-in-out 2s;
  -moz-animation: fadeIn ease-in-out 2s;
  -o-animation: fadeIn ease-in-out 2s;
  -ms-animation: fadeIn ease-in-out 2s;
}

@keyframes fadeIn {0% {opacity:0;} 100% {opacity:100;}}
@-moz-keyframes fadeIn {0% {opacity:0;} 100% {opacity:100;}}
@-webkit-keyframes fadeIn {0% {opacity:0;} 100% {opacity:100;}}
@-o-keyframes fadeIn {0% {opacity:0;} 100% {opacity:100;}}
@-ms-keyframes fadeIn {0% {opacity:0;} 100% {opacity:100;}}


/* Glowing Gradient */
.glowing-gradient {
  background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
  background-size: 400% 400%;
  position: relative;
  -webkit-animation: change 6s ease-in-out infinite;
  -moz-animation: change 6s ease-in-out infinite;
  -o-animation: change 6s ease-in-out infinite;
  animation: change 6s ease-in-out infinite;
}
@-webkit-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-moz-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-o-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}


/* Glowing Gradient Border */
.gg-border {
  position: relative;
}
.gg-border:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1px;
  background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
  background-size: 400% 400%;
  clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);
}
.gg-border-bottom:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  border-radius: 1px;
  border-bottom:5px solid #318b87 !important
    /*   background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
    background-size: 400% 400%;
    clip-path: polygon(0% 100%, 0px 100%, 0px 0px, calc(100% - 0px) 0px, calc(100% - 0px) calc(100% - 6px), 0px calc(100% - 6px), 0px 100%, 100% 100%, 100% 0%, 0% 0%); */
}
.gg-border-top:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1px;
  background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
  background-size: 400% 400%;
  clip-path: polygon(0% 100%, 6px 100%, 6px 6px, calc(100% - 6px) 0px, calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0px 100%, 100% 100%, 100% 0%, 0% 0%);
}

.gg-border.in:after {
  animation: frame-enter 1s forwards ease-in-out reverse, gradient-animation 6s ease-in-out infinite;
}
.gg-border-bottom.in:after {
  animation: frame-enter-bottom 1s forwards ease-in-out reverse, gradient-animation 6s ease-in-out infinite;
}
.gg-border-top.in:after {
  animation: frame-enter-top 1s forwards ease-in-out reverse, gradient-animation 6s ease-in-out infinite;
}

@keyframes gradient-animation {0% {background-position: 15% 0%;} 50% {background-position: 85% 100%;} 100% {background-position: 15% 0%;}}

@keyframes frame-enter {
  0% {clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), 3px calc(100% - 3px), 3px 100%, 100% 100%, 100% 0%, 0% 0%);}
  25% {clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) calc(100% - 3px), calc(100% - 3px) 100%, 100% 100%, 100% 0%, 0% 0%);}
  50% {clip-path: polygon(0% 100%, 3px 100%, 3px 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, calc(100% - 3px) 3px, 100% 0%, 0% 0%);}
  75% {-webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 3px, 3px 0%, 0% 0%);}
  100% {-webkit-clip-path: polygon(0% 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 3px 100%, 0% 100%);}
}

@keyframes frame-enter-bottom {
  0% {clip-path: polygon(0% 100%, 0px 100%, 0px 0px, calc(100% - 0px) 0px, calc(100% - 0px) calc(100% - 6px), 0px calc(100% - 6px), 0px 100%, 100% 100%, 100% 0%, 0% 0%);}
  25% {clip-path: polygon(0% 100%, 0px 100%, 0px 0px, calc(100% - 0px) 0px, calc(100% - 0px) calc(100% - 6px), calc(100% - 0px) calc(100% - 6px), calc(100% - 6px) 100%, 100% 100%, 100% 0%, 0% 0%);}
  50% {clip-path: polygon(0% 100%, 0px 100%, 0px 0px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, 100% 0%, 0% 0%);}
  75% {-webkit-clip-path: polygon(0% 100%, 0px 100%, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0%, 0% 0%);}
  100% {-webkit-clip-path: polygon(0% 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0% 100%);}
}

@keyframes frame-enter-top {
  0% {clip-path: polygon(0% 100%, 0px 100%, 0px 6px, calc(100% - 0px) 6px, calc(100% - 0px) calc(100% - 0px), 0px calc(100% - 0px), 0px 100%, 100% 100%, 100% 0%, 0% 0%);}
  25% {clip-path: polygon(0% 100%, 0px 100%, 0px 6px, calc(100% - 0px) 6px, calc(100% - 0px) calc(100% - 0px), calc(100% - 0px) calc(100% - 0px), calc(100% - 0px) 100%, 100% 100%, 100% 0%, 0% 0%);}
  50% {clip-path: polygon(0% 100%, 0px 100%, 0px 6px, calc(100% - 0px) 6px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, calc(100% - 0px) 0px, 100% 0%, 0% 0%);}
  75% {-webkit-clip-path: polygon(0% 100%, 0px 100%, 0px 6px, 6px 6px, 0px 0px, 0px 0px, 0px 0px, 0px 0px, 0px 0%, 0% 0%);}
  100% {-webkit-clip-path: polygon(0% 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0px 100%, 0% 100%);}
}

/* Slide Left Class */
.slide-in-left {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
  animation: slide-in-left 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
}
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}


/* Slide Right Class */
.slide-in-right {
  -webkit-animation: slide-in-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
  animation: slide-in-right 1s cubic-bezier(0.455, 0.030, 0.515, 0.955) 2s both;
}
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

/* ==========================================================================
Base                                                    
========================================================================== */


/** 
* Box Sizing
* 
* Applies a natural box layout model to all elements so that width and padding 
* are essentially combined, making responsive styles easier to manage.
*/

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #081d20;
  color: ;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Font reset for smaller devices */
/*@media screen and (max-width: 768px) {
body {
font-size:;
}
}*/

hr{
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
/**
* Page Center
*
* Apply .page-center to full-width modules.
*/

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1080px;
  margin: 0 auto;
}

a { 
  text-decoration: none;
  color: #56b5b2;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
a:hover,
a:focus {
  color: #248380;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #081d20;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #081d20;
  text-shadow: none;
}




/* ==========================================================================
Typography
========================================================================== */


/* Basic text */
p { margin: 10px 0; } 

small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif;
  margin: 10px 0;
  text-rendering: optimizelegibility;
}
h1, h2 {
  text-transform: uppercase;
  font-weight: 900;
}
h3, h4, h5, h6 {
  font-weight: 600;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
  margin-top: 0px;   
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}
/*
h1 { font-size: 48px; }
h2 { font-size: 36px; }
h3 { font-size: 28px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }
*/
h1 { font-size: 2.66rem; }
h2 { font-size: 2.00rem; }
h3 { font-size: 1.55rem; }
h4 { font-size: 1.22rem; }
h5 { font-size: 1.00rem; }
h6 { font-size: 0.86rem; }

/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}

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








/* ==========================================================================


2. COS STRUCTURE                                            


========================================================================== */





/* ==========================================================================
Structure                                               
========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.footer-container-wrapper {
  background-color: #081d20;
}
.body-container-wrapper {
  background-color: #fff;
}
.body-container-wrapper.dark {
  background-color: #081d20;
}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {
  background-color: #fff;
}
.body-container.dark {
  background-color: #081d20;
}



/* ==========================================================================
Header
========================================================================== */


.header-container-wrapper {
  position: fixed;
  width: 100%;
  z-index: 999;
}
.header-container {
  padding: 10px 0;
  background: #081d20;
  z-index: 9999;
}
.global-header .logo {
  padding: 10px 0;
  min-height: 50px;
  max-width: 100%;
}
.global-header .logo a {
  max-width: 100%;
}

.header-cta{
  margin-top: 13px;
  -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo a{
  position: relative;
  display: inline-block;
}
.header-container .hs_cos_wrapper_type_logo a:after{
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0px solid #fff;
  z-index: 99999;
  content: '';
}

/* Header Small */
.header-container .logo a img {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.small-header .header-container { padding: 5px 0; }
.small-header .header-container .hs_cos_wrapper_type_logo a img { max-width: 200px; }
.small-header .custom-menu-primary .hs-menu-wrapper>ul { padding-top: 5px; }
.small-header .header-cta { margin-top: 7px; }

.new-header-v2 .global-header > .row-fluid-wrapper > .row-fluid  {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.new-header-v2 .custom-menu-primary .hs-menu-wrapper > ul {
  padding: 0;
  margin: 0;
}
/* ==========================================================================
Content                                                 
========================================================================== */


.body-container-wrapper {}
.body-container {}


/* Unique Pages
========================================================================== */

/* Homepage */
.feature-section-blog{
  background-color: #eee;
}
.feature-section-game {
  background-color: #fff;
}
.feature-section-black {
  background-color: #081d20;
  color: #fff;
  z-index: 300;
}

.background-image {
  display: none !important;
}
#banner-background-image{
  position: relative;
  background-color: #444;
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  min-height: 620px;   
}
#banner-background-image:before {
  background-color: rgba(8,29,32,0.1);
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
#banner-background-image .header-text {
  margin-top: 30px;
  width: auto;
  position: relative;
}
#banner-background-image h1 {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(8,29,32,0.2), 1px 2px 2px 1px rgba(8,29,32,0.2);
  max-width: 700px;
  margin-bottom: 0px;
  padding: 5px 5px 5px 10px;
}
#banner-background-image h3 {
  color: #fff;
  font-size: 22px;
  max-width: 680px;
  margin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(8,29,32,0.1), 1px 2px 2px 1px rgba(8,29,32,0.1);
  padding: 5px 5px 5px 10px;
}
#banner-background-image .subscribe-form h3{
  padding: 0px;
  background: none;
}
#banner-background-image .cta_solid_button {
  background: #fff;
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  padding: 8px 16px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  color: #56b5b2;
  border-color: #56b5b2;
}
#banner-background-image .cta-container {
  margin-bottom: 10px;
  padding: 5px 5px 5px 10px;
}
#banner-background-image .cta_solid_button:hover{
  border: 2px solid #FFF;
  background: #56b5b2;
  color: #FFF;
}
.homepage .subscribe-form {
  background: rgba(0, 0, 0, 0.2);
  padding: 30px 0;
  padding-bottom: 80px;
  color: #fff;
  position: absolute;
  bottom: 0;
}
.home-sub-form {
  max-width: 475px;
  margin: 0 auto;
  float: none !important;
  margin-left: auto !important;
}
.homepage .subscribe-form form {
  position: relative;
  float: left;
}
.homepage .subscribe-form .title {
  font-size: 18px;
  margin-top: 0;
  margin-bottom: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);   
  font-weight: 700;
}
.homepage .subscribe-form input[type="email"] {
  max-width: 400px;   
  height: 37px;
}
.homepage .subscribe-form .hs_email {
  display: inline-block;
  width: 354px;
  margin-right: 5px;
  bottom: 0;
  float: left;
  margin-bottom: 1px;
  position: relative;
}
.homepage .subscribe-form .hs_email .hs-error-msgs {
  position: absolute;
  margin-top: 40px;
}
.homepage .subscribe-form .hs_submit {
  display: inline-block;
  float: left;
  bottom: 0;
  position: absolute;
}
.homepage .subscribe-form .hs-button.primary {
  border-style: solid;
  border-width: 2px;
  color: #FFF; 
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  margin: 0;
  border-color: #56b5b2;
  background: #56b5b2;
  text-transform: uppercase;
  padding: 8px 12px;
}
.homepage .subscribe-form .hs-button.primary:hover {
  background: #fff;
  border-style: solid;
  border-width: 2px;      
  border-color: #56b5b2;
  color: #56b5b2;
}
.social-media {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 0px;
}
.social-media:before {
  -webkit-opacity: 0.6;
-moz-opacity: 0.6;
opacity: 0.6;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  background: #56b5b2;
  z-index: 1;
}
.social-media > .page-center {
  position: relative;
  z-index: 2;
}
.social-media a{
  padding-right: 5px;   
}
.social-tagline {
  color: #fff;
  text-shadow: 0 1px 1px rgba(8,29,32,0.6);
  font-weight: 700;
  font-size: 13px;
  text-align: right;
}
.logo-bar-background{
  background: #f5f5f5;
  height: 100px;
}
#offer-background-image{
  position: relative;
  background-color: #444;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
  min-height: 450px;
  float: left;
  width: 100%;
}
#offer-background-image .offer-section-text {
  margin-top: 30px;
  background-color: rgba(8,29,32,0.2);
  width: auto;
}
#offer-background-image h1 {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(8,29,32,0.2), 1px 2px 2px 1px rgba(8,29,32,0.2);
  max-width: 700px;
  margin-bottom: 0px;
  padding: 5px 5px 5px 10px;
}
#offer-background-image h3 {
  color: #fff;
  font-size: 22px;
  max-width: 680px;
  margin-bottom: 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  text-shadow: 0 1px 1px rgba(8,29,32,0.1), 1px 2px 2px 1px rgba(8,29,32,0.1);
  padding: 5px 5px 5px 10px;
}
.offer-image { display: none !important; }

#offer-background-image .hs-form-field>label{
  color: #fff;
}
#offer-background-image .offer-form h3{
  background: none;
}
.homepage .main-content h2 { 
  line-height: 1.2;
  text-align: center;
  margin: 1rem Auto 1rem;
}
.homepage .main-content .sub-headline {
  font-size: 1rem;
}
.faq-background { background: #f5f5f5; }

.homepage .fb_iframe_widget {
  top: -2px;
}
.homepage .fb_iframe_widget > span,
.homepage .linked-in-share {
  vertical-align: top !important;
}
.homepage #twitter-widget-0 {
  width: 80px !important;
}
.homepage .social-share-data {
  position: relative;
  top: 3px;
}

/* Animated Globe Callout Box on Home Page */
.globe-bg {}

.globe-bg {
  background-image: url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/PaceOMatic_Logo_Animated_small.gif);
  background-repeat: no-repeat;
  background-size: 30%;
  background-position: -20% 50%;
  vertical-align: center;
  position: relative;
  overflow: hidden;
  z-index: 50;
}
.globe-bg .globe-bg-text {
  color: #fff !important;
  font-size: 1.5rem;
  font-weight: 300;
  margin: 1em 1em 1em 0;
  vertical-align: center;
  float: right;
  display: inline-block;
  z-index: 100;
}

/* Contact Us Page */
.feature-section-contact-top {
  background-color: #fff;
  width: 100%;
  padding: 30px 0;
  margin: auto;
}
.feature-section-contact-top .contact-subheader {
  padding-bottom: 20px;
}
.feature-section-contact-bottom {
  background-color: #eee;
  background-color: #e6e7e8; /*color as per ai file 27-2-2020*/
  width: 100%;
  padding: 30px 0;
  margin: auto;
}
.feature-section-contact-top .contact-subheader p,
.feature-section-contact-bottom .contact-media-subheader p {
  font-size: 1.1em;
  line-height: 1.2;
  max-width: 50%;
  padding: 0 0;
  margin: auto;
}
.feature-section-contact-bottom .contact-media {
  padding-top: 60px;
}
.feature-section-contact-bottom .contact-media h5,
.feature-section-contact-bottom .contact-media p,
.feature-section-contact-bottom .contact-media a {
  font-size: 1.1em;
  line-height: 1.2;
  text-decoration: none;
  color: #081d20;
  max-width: 50%;
  margin: auto;
}
.feature-section-map-wrapper {
  background-color: #eee;
}
.feature-section-map {
  background-image: url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/POM-static-map-revised.jpg);
  background-size: cover;
  background-position: center center;
  width: 100%;
  height: 400px;
  position: relative;
  z-index: 1;
}
/* About Us Page */
.michael {
  background-color: #fff !imporant;
}
.michael .michael-pic {
  padding: 2vw 2vw 0 0;
}
.mission, .mission .main-content {
  background-color: #eee !important;
}
.feature-section .innovation, .feature-section .innovation .main-content{
  background-color: #fff !imporant;
}
.feature-section .compliance, .feature-section .compliance .main-content {
  background-color: #eee !important;
}
.feature-section .integrity, .feature-section .integrity .main-content {
  background-color: #fff !important;
}
.feature-section-image.innovation, .feature-section-image.compliance, .feature-section-image.integrity {
  position: relative;
  overflow: hidden;
}

.feature-section.innovation > .row-fluid-wrapper > .row-fluid,
.feature-section.compliance > .row-fluid-wrapper > .row-fluid,
.feature-section.integrity > .row-fluid-wrapper > .row-fluid {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
}




@media screen and (max-width:768px) {
  .feature-section-image {
    position: relative;
    background-repeat: no-repeat;
    background-position: center center;
    width: 100%;
    height: auto;
    text-align: center;
  }
  .feature-section-image::before {
    display:none;
  }
  body.site-page.one-column .feature-section .main-content-inner{
    float: none !important;
  }
}

/* Letter from Michael Pace */
@media screen and (max-width: 767px) {
  .row-paceletter {
    display: flex !important;
    flex-wrap: wrap !important;
    flex-direction: column !important;
  }
  .column-paceletter {
    width: 100% !important;
    padding: none !important;
  }
}


/* Reusable Components
========================================================================== */

/* Page Parallax Banner Module */
.banner {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}
.banner-content {
  position: relative;
  padding: 8vw 1vw 10vw;
  margin: auto;
  text-align: center;
}
.banner-content h1 {
  color: #fff;
  font-size: 56px;
  font-weight: 900;
  line-height: 64px;
  text-align: center;
  text-transform: uppercase;
  text-shadow: 1px 1px 1px rgba(8,29,32,0.2), 1px 2px 2px 1px rgba(8,29,32,0.2);
  max-width: 720px;
  margin: 0 Auto 1vw;
}
.banner-content h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
  max-width: 700px;
  margin: Auto;
  text-shadow: 0 1px 1px rgba(8,29,32,0.1), 1px 2px 2px 1px rgba(8,29,32,0.1);
}
.banner-content img {
  text-align: center;
  max-width: 700px;
  width:100%;
  margin: auto;
}

/* FAQ Module */
.accordion { margin-bottom: 20px; }
.accordion_group {
  margin-bottom: 2px;
  border: 1px solid #cccccc;
  border-radius: 4px;
  background: #f0f0f0;
  padding: 5px 10px;
}

/* Testimonial Module */
.quote-box {
  border-radius: 4px;
}

/* Page Title Background */
.title-background{
  background: #e6e7e8;
}
.title-background h1, .title-background h2{
  margin-bottom: 0px;
}

/* Blog Title Module */
.blog-title {
  text-transform: uppercase;
}

/* Blog Subscribe Module */
.subscribe-form {
  background: #f5f5f5;
}
.subscribe-form.page-center label {
  min-height: 24px;
  display: block;
  margin-bottom: 0px;
}
.subscribe-form .widget-type-blog_subscribe input[type="email"] {
  max-width: initial;   
  height: 38px;
  width: 100%;
  margin: 0;
}
.subscribe-form .hs_email {
  display: inline-block;
  width: 300px;
  margin-right: 5px;
  vertical-align: top;
}
.subscribe-form .hs_submit {
  display: inline-block;
  margin-top: 25px;
}
.subscribe-form .hs-button.primary {
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  border-color: #56b5b2;
  margin: 0;
}
.subscribe-form .hs-button.primary:hover {
  border-style: solid;
  color: #fff;
  border-color: #56b5b2;
  background: #56b5b2;
  border-width: 2px;       
}
.subscribe-form .hs-error-msgs {
  position: absolute;
  margin: 0;
  margin-top: 40px;
}


/* Team member Module */
.team-member-headshot img {
  border-color: #56b5b2;
}
.team-member-social a, .team-member-social i, .hs-author-social-links a.hs-author-social-link > i {
  color: #56b5b2;
}
.team-member-social a:hover, .team-member-social i:hover, .hs-author-social-links a.hs-author-social-link > i:hover {
  color: #318b87;
}
.team-member-title{
  color: #56b5b2;
}


/* Pricing Module */
.pricing-table h3.heading {
  color: #fff;
  margin: 0px;
  text-align: center;
  padding: 5px 0px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  background: #56b5b2;
  border-top-right-radius: 4px;
}
.pricing-table .label{
  padding: 5px 10px;
  right: 15px;
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
  margin-left: 10px;
  vertical-align: middle;
  background: #248380;
}    
.pricing-table .content {
  background: #f5f5f5;
  padding: 30px;
  text-align: center;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pricing-table .content ul{
  list-style: none;
  padding-left: 0px;

}
.pricing-table .content ul li{
  padding: 10px 0px;  
}
.pricing-table .number{    
  font-size: 60px;
  font-weight: 700;
}
.pricing-table .currency{
  font-size: 24px;
  position: relative;
  top: -25px;
}
.pricing-table .unit{
  font-size: 12px;
  color: #ccc;
  text-transform: uppercase;
} 
.pricing-table .content a{
  padding: 10px 25px;
}   
.icon-width i {
  color: #56b5b2;
}

/* Rich Editor Checkmark Lists */
.hs_cos_wrapper_type_rich_text ul {
  padding-left: 20px;
}
.hs_cos_wrapper_type_rich_text ul li {
  list-style: none;
}
.hs_cos_wrapper_type_rich_text ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f058";
  margin-right: 8px;
  color: #56b5b2;
  font-size: 18px;
}

/* Tabber Module */
.tabber-tabs {
  border-bottom: 1px solid #ddd;
  list-style: none;
  padding: 0;
  margin: 0 0 -2px;
}
.tabber-tabs > li {
  font-size: 0.94rem;
  float: left;
}
.tabber-tabs > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  text-decoration: none;
  display: block;
  border-radius: 4px;  
}
.tabber-tabs > .active > a, 
.tabber-tabs > .active > a:hover, 
.tabber-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tabber-content .tab-pane {
  background: #fff;
  padding: 0;
  border: 0;
  border-radius: 4px;
}
.tabber-content .tab-pane.active:nth-child(1) {
  border-top-left-radius: 0;
}
.body-container .tabber-content ul {
  padding: 0;
  margin: 0;
}
.body-container .tabber-content ul li {
  font-size: 0.94rem;
  margin-bottom: 0.56rem;
}
.tabber-content .block h3 {
  display: none;
}
.blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-featured-image {
  float: left;
  width: 40%;
  border-radius: 4px;
}
.blog-tabber .hs-rss-item.hs-with-featured-image .hs-rss-item-text {
  font-size: 0.94rem;
  margin-bottom: 0.24rem;
  float: right;
  width: 60%;
  padding: 0 0 0 15px;
}
.blog-tabber .hs-rss-item:last-child {
  margin-bottom: 10px;
}

.hs-rss-item.hs-with-featured-image .hs-rss-item-image-wrapper {
  display: block;
  width: auto;
}
.custom-tabber-wrap .tabber-content .tab-pane {
  border-radius: 4px; 
}


/* Flex Slider */
.hs_cos_flex-slider .caption {
  background: #56b5b2;
}


/* Modular Selectors
========================================================================== */

/* Colors */
.accentColor1 { color: #56b5b2; }
.accentColor2 { color: #318b87; }
.accentColor3 { color: #cccccc; }


/* Paddings */
.padding10tb { padding: 10px 0px; }
.padding20tb { padding: 20px 0px; }
.padding40tb { padding: 40px 0px; }
.padding60tb { padding: 60px 0px; }
.padding80tb { padding: 80px 0px; }
.padding100tb { padding: 100px 0px; }


/* ==========================================================================
Footer
========================================================================== */


.footer-container-wrapper {}
.footer-container {}

.footer-background,
.footer-background a,
.footer-copyright a,
.footer-container-wrapper .more-links a, 
.footer-container-wrapper .contact-us a, 
.footer-container-wrapper .about-us a {
  color: #ffffff;
}
.footer-background, 
.footer-background a {
  background: #081d20;
}
.footer-container-wrapper .more-links a:hover, 
.footer-container-wrapper .contact-us a:hover, 
.footer-container-wrapper .about-us a:hover {
  color: #ffffff;
}
.footer-container-wrapper .more-links a {
  margin: 10px 0px;
}
.footer-container-wrapper .more-links .footer-nav li:before {
  content: "\f0da";
  font-family: FontAwesome;
  display: inline-block;
  float: left;
  margin-right: 5px;
  margin-top: 1px;
}
.footer-container-wrapper .icon {
  margin-bottom: 5px;
}
.footer-container-wrapper .icon i {
  float: left;
  margin-top: 3px;
}
.footer-container-wrapper .contact-us {
  word-wrap: break-word;
}
.footer-container-wrapper .contact-info {
  margin-left: 25px;
}
.footer-container-wrapper .footer-copyright {
  background: #062224;
  color: #318b87;
  padding: 5px 0 0 0;
  font-size: 0.6em;
  font-weight: 300;
  position: relative;
}

.footer-copyright .copyright-text,
.footer-copyright .copyright-text a,
.footer-copyright .copyright-text i {
  padding: 12px 0;
  color: #ffffff;
}
.footer-copyright .copyright-menu {
  text-align: right;
  padding: 10px 0;
}
.copyright-menu .hs-menu-wrapper a {
  padding: 6px 0 0 0;
}
.copyright-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.copyright-menu ul li {
  display: inline-block;
  margin: 0 12px;
}
.copyright-menu ul li a {
  display: block;
  padding: 0 6px;
}
.copyright-menu ul li:last-child a {
  margin-right: 0;
  padding-right: 0;
}
.footer-container-wrapper .social-icons .fa{
  font-size: 20px;
  padding-right: 5px;
}

/* Back to Top */
.back-to-top a {
  color: #cdcdcd;
}

/*  Follow Me Module */
.footer-follow-me{
  text-align: right;
  position: absolute;
  right: 50px;
}
.footer-copyright .footer-follow-me a {
  background: transparent;
  width: 32px;
  height: 32px;
  font-size: 25px;
  font-family: FontAwesome;
  padding: 0 8px;
  color: ;
}
.footer-copyright .footer-follow-me a:hover {
  color: #56b5b2;
}
.footer-follow-me a span {
  display: none !important;
}
.footer-follow-me a.fm_facebook:before {
  content: "\f082";
}
.footer-follow-me a.fm_twitter:before {
  content: "\f099";
}
.footer-follow-me a.fm_linkedin:before {
  content: "\f0e1";
}
.footer-follow-me a.fm_googleplus:before {
  content: "\f0d5";
}
.footer-follow-me a.fm_xing:before {
  content: "\f168";
}
.footer-follow-me a.fm_pinterest:before {
  content: "\f0d2";
}
.footer-follow-me a.fm_youtube:before {
  content: "\f167";
}
.footer-follow-me a.fm_rss:before {
  content: "\f09e";
}







/* ==========================================================================


3. MAIN NAVIGATION                                            


========================================================================== */





/* ==========================================================================
Custom Menu Primary
========================================================================== */


 /* Set ul background color */
 /* Set ul child background color */
 /* Set li background Color */
 /* Set li Hover Color */
 /* Set li child background Color */
 /* Set li child Hover Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:#081d20;
  margin-top:10px;
  float: right;
  -webkit-transition: all .1s ease-in-out;
-moz-transition: all .1s ease-in-out;
-o-transition: all .1s ease-in-out;
-ms-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:#081d20;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1em;
  margin-right: 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a{
  padding: 8px 10px;
  position: relative;
  color: #ffffff;
  display: block;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#56b5b2;
}
.custom-menu-primary .hs-menu-wrapper > ul > li:last-child a{
  background-color: #56b5b2;
  padding: 8px 14px;
  border-radius: 12px;
  background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
  background-size: 400% 400%;
  position: relative;
  -webkit-animation: change 6s ease-in-out infinite;
  -moz-animation: change 6s ease-in-out infinite;
  -o-animation: change 6s ease-in-out infinite;
  animation: change 6s ease-in-out infinite;
}
@-webkit-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-moz-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-o-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}

.custom-menu-primary .hs-menu-wrapper > ul > li:last-child a:hover{
  color: rgba(255,255,255,0.8);
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
  left: 15px!important;
  background: #081d20;
  padding: 10px 0px;
  border: 1px solid #081d20;
  border-radius: 4px;
  min-width: 150px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
  background: #081d20;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
  content: "\f0d8";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  color: #081D20;
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  padding-left: 10px;
  /* text-shadow: 0px -1px 0px #ccc; */
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:#081d20;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color:#ffffff;
  padding: 3px 10px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color: #56b5b2;
}

/* 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;
}

/* Carret after Menu items with dropdown */
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
  content: "\f0d7";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 7px;
  font-size: 13px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after  {
  border-top-color: #56b5b2;
}

/* Show menu and remove background color on desktop after toggling mobile menu */
@media screen and (min-width:769px) {
  .custom-menu-primary .hs-menu-wrapper { 
    display:block !important;
    background: transparent !important;
  }
}

/* Force header to trigger mobile layout on iPads */
@media (max-width: 768px){
  .header-container-wrapper .container-fluid  .row-fluid [class*="span"] {
    display: block;
    float: none !important;
    width: auto !important;
    margin-left: 0 !important;
  }
}




/* ==========================================================================
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.                     
*/

.mobile-trigger, .child-trigger{
  display: none !important; /* Hide button on Desktop */
}

@media (max-width: 768px){


  /* 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: #081d20;
    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: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-align: left;
    color:#ffffff;
  }

  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child a,
  .custom-menu-primary .hs-menu-wrapper > ul > li:last-child a:hover {
    -webkit-animation: none;
    -moz-animation: none;
    -o-animation: none;
    animation: none;
    background: none #081d20;
    padding: 6px 12px; /* Reset this value to match padding under .mobile-trigger below */
    border-radius: 0px;
    color: #ffffff;
  }

  /* Toggle Button Text
  ========================================================================== */

  .mobile-trigger{
    display: inline-block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 32px;          /* Position Button at top right of screen  */
    right: 10px;        /*******************************************/
    width: auto; /* Button width */
    height: auto; /* Button height */      
    padding: 6px 12px;
    margin-top: -16px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{}


  /* Toggle Button Icon & Animations
  ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -5px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 25px; /* Icon line width */
    height: 2px; /* Icon line height */
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    margin-top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    margin-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: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 0px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }


  /* Child Toggle Button Icon & Animations
  ========================================================================== */

  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#ffffff; /* 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{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }


  /* Menu Styles on Mobile Devices
  ========================================================================== */  

  /* 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{
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0px;          /**************************************************************/                                              
    width: 100%;   
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
  }
  .custom-menu-primary .hs-menu-wrapper{
    padding: 0 0 0 0;
    width: 100%; /* Full screen width */
    z-index: 8888;
  }

  /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul {
    background: #081d20;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 1.2em; /* Font size of top level list items */
    line-height: 2.5em;
    overflow: visible;
    text-indent: 3vw;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 0px 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:#ffffff !important; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#56b5b2 !important; /* link hover color set by global mobile-aColorHover variable */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
    display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    background: transparent;  
    border: 0px;
    padding: 0px;
  }
  .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: 5vw; /* Indent Child lists */
    font-size: 1.2em; /* Font size of child lists */
  }
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
    display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
    display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 7vw; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 9vw; /* Indent Child lists */
  }


  /*----------------- ANIMATED HAMBURGER STYLE TOGGLE (OVERRIDE) -----------------*/
  .new-header-v2 .mobile-trigger {
    background-color: transparent;
    border-radius: 0;
    padding: 24.5px 22px;
    top: 0;
    margin: 0;
    right: 0;
    border: 1px solid transparent;
  }
  .new-header-v2 .mobile-trigger:hover {
    background-color: transparent;
    border: 1px solid transparent;
  }
  .new-header-v2 .mobile-trigger i {
    background-color: #56b5b2;
    -webkit-transition: .25s all ease;
    -moz-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
  }
  .new-header-v2 .mobile-trigger i, .new-header-v2 .mobile-trigger i:before, .new-header-v2 .mobile-trigger i:after {
    width: 22px;
    height: 2px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #56b5b2;
    display: inline-block;
    left: 0;
  }
  .new-header-v2 .mobile-trigger i {
    position: relative;
    /* Animations for the Hamburger Toggle Closed */
  }
  .new-header-v2 .mobile-trigger i:before {
    top: -6px;
    opacity: 1;
    background-color: #56b5b2;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    transition: 1s all ease;
    margin-top: 0px;
  }
  .new-header-v2 .mobile-trigger i:after {
    top: 6px;
    opacity: 1;
    background-color: #56b5b2;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 1s all ease;
    -moz-transition: 1s all ease;
    -o-transition: 1s all ease;
    transition: 1s all ease;
    margin-top: 0;
  }
  /* Animations for the Hamburger Toggle Open */
  .mobile-open .new-header-v2 .mobile-trigger i {
    background-color: transparent !important;
  }
  .mobile-open .new-header-v2 .mobile-trigger i:before {
    top: 0;
    opacity: 1;
    background-color: #56b5b2;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }
  .mobile-open .new-header-v2 .mobile-trigger i:after {
    top: 0;
    opacity: 1;
    background-color: #56b5b2;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
  }
}


/* ==========================================================================


4. TEMPLATE MODULE SELECTORS                                         


========================================================================== */




/* Common Template Selectors                                             
========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.blog-sidebar ul, .sidebar ul{
  padding-left: 10px;
  list-style: none;
}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}

/* Column Order for Media Queries*/
.first-priority-column {}
.second-priority-column {}

/* Site Pages                                            
========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {
  width: 100%;
  margin: auto;
  position: relative;
}
body.site-page.one-column .main-content {
  position: relative;
  padding: 2vw 3vw 3vw 3vw;
  margin: auto;
}
body.site-page.one-column .main-content.dark {
  color: #fff;
}

body.site-page.one-column .feature-section-game .main-content .main-content-inner,
body.site-page.one-column .feature-section-black .main-content .main-content-inner {
  position: relative;
  width: 100%;
  height: 100%;
  margin: auto;
}
body.site-page.one-column .feature-section-game .main-content .main-content-inner {
  padding: 1.5vw 3vw 1.5vw 3vw;
}
body.site-page.one-column .feature-section-black .main-content .main-content-inner {
  padding: 1.5vw 0 0 0;
}
body.site-page.one-column .feature-section-game .main-content .main-content-inner .main-content-logo,
body.site-page.one-column .feature-section-black .main-content .main-content-inner .main-content-logo {
  max-width: 80%;
  display: block;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 1rem;
}
body.site-page.one-column .feature-section-game .main-content .main-content-inner .main-content-logo {
  max-width: 60%;
}
body.site-page.one-column .feature-section-game .main-content .main-content-inner .main-content-text p,
body.site-page.one-column .feature-section-black .main-content .main-content-inner .main-content-text p{
  font-size: 1.4rem;
  text-align: center;
  max-width: 90%;
  margin: 0 10% 0;
}
body.site-page.one-column .feature-section-game .main-content .main-content-inner .main-content-text p {
  max-width: 80%;
  margin: 0 10% 1rem;
}

.feature-section-black .feature-section-dragon-ascending {
  position: relative;
}
.feature-section-black .feature-section-dragon-ascending .dragon-ascending img {
  position: absolute;
  max-width: 660px !important;
  width:100%;
  right: 0;
  top: 0;
  transform: translateY(-10%);
  z-index: 9;
}
.contact-cta-module > .page-center{
  z-index: 10;
}
body.site-page.one-column .feature-section .main-content-inner {
  max-width: 80%;
}

body.site-page.one-column .feature-section .main-content .main-content-inner .main-content-header h2 { 
  line-height: 1.2;
  text-align: left;
}
body.site-page-one-column .feature-section .main-content .sub-headline {
  font-size: 1rem;
}
body.site-page.one-column .feature-section .main-content .main-content-inner .cta-container {
  text-align: left;
  margin: 0 auto 0;
}
body.site-page.one-column .feature-section .main-content .main-content-inner .main-content-text p{
  font-size: 1.2rem;
  text-align: left;
  max-width: 100%;
  margin: auto auto;
}
body.site-page.one-column .feature-section .main-content .main-content-inner .main-content-text li {
  font-size: 1.2rem;
  text-align: left;
  max-width: 100%;
}
body.site-page.one-column .main-content .main-content-inner .cta-container {
  text-align: center;
  margin: 0 auto 0;
}
body.site-page.one-column .feature-section-game {
  position: relative;
  background-color: transparent;
}
body.site-page.one-column .mission,
position: relative;
margin: auto;
}
body.site-page.one-column .mission .page-center .mission-content-header,
body.site-page.one-column .mission .page-center .mission-content-text p{
  max-width: 80%;
  padding: 40px;
}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}

.landing-page-dragon {
  background-image: linear-gradient (to left, rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/DA-Original-BG.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
}


/* System Pages                                          
========================================================================== */
/* System Page Backgrounds */
.system-page-dragon {
  background-image: linear-gradient (to left, rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/DA-Original-BG.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
}
.system-page-cowboy {
  background-image: linear-gradient (to left, rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/Cowboy_Skill_Logo.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  position: relative;
}
.system-page-logo {
  background-image: linear-gradient (to left, rgba(255,255,255,0.8),rgba(255,255,255,0.8)), url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/POM-Logo-square.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center;
}
.system-page-logo-motion {
  background-image: linear-gradient (to left, rgba(8,29,32,0.4),rgba(8,29,32,0.4)), url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/PaceOMatic_Logo_Animated_small.gif);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center center;
}

/* Error Templates 404, 500 */
body.error-template .body-container {
  background-color: #fff;
}
body.error-template.one-column {
  background-color: #fff;;
}
body.error-template.one-column .content-wrapper {
  background-color: #fff;
}
body.error-template.one-column .main-content {
  margin: 10vw 20% 18vw;
  width: 60%;
}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {
  margin: 10vw 20% 18vw;
  width: 60%;
}
body.password-template form input {
  margin-bottom: 10px;
}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {
  margin: 10vw 20% 18vw;
  width: 60%;
}

/* Well Module */










#well .default{
  background: #081d20;
  border-color: #000000;
}
#well .primary{
  background: #74bdfc;
  border: 1px solid #428bca;
}    
#well .success{
  background: #8eea8e;
  border: 1px solid #5cb85c;
}    
#well .danger{
  background: #db7674;
  border: 1px solid #a94442;
}    
#well .info{
  background: #8df2ff;
  border: 1px solid #5bc0de;        
}   
#well .plain{
  background:#ffffff;
  color: #081d20;
  border: 1px solid #ddd;
}
#well .close{
  color: #ffffff;
}

/*#well:hover {
opacity: 0.8;

}*/


/* ==========================================================================


5. COS COMPONENTS                                        


========================================================================== */





/* ==========================================================================
Blog                                         
========================================================================== */

/* Blog Page */
.blog .body-container {
  background-color: #fff;
}

/* Blog Post and Listing Body Class */
body.blog {
  background-color: #fff;
}
body.blog h2 {
  text-transform: capitalize;
  font-weight: 600;
  line-height: 1.2;
}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {
  background-color: #fff;
}


/* Blog Content Column
========================================================================== */

.blog .blog-content {}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper {}

/* Blog Title */
.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2  {
  font-size: 2em;
  margin-bottom: 0;
}
.post-header p {
  font-size: 0.8rem;
}

/* Blog Author and Avatar */
.about-author-sec {
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 1em;
}
.about-author-sec img {
  border-radius:50%;
  max-width: 100%;
}
#hubspot-author_data {
  float: left;
  text-transform: uppercase;
}
#hubspot-author_data a.author-link, .about-author-sec a.author-link {
  color: #081d20;
}
#hubspot-author_data a.author-link:hover, .about-author-sec a.author-link:hover {
  color: #56b5b2;
}
.hs-author-avatar {
}
.hs-author-avatar img {
  border-radius: 50%;
}

p.custom_listing_comments{
  float: none;
  clear: both;
  text-transform: uppercase;
}

.hs-blog-social-share{
  float: left;
}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
  padding-bottom: 60px;
}
.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {
  max-width: 100%;
}
.hs-featured-image-wrapper .hs-featured-image-link { 
  display: block;
}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
  border-width: 0;
  max-height: 400px;
  max-width: 100%;
  display: inline-block !important;
  float: none!important;
  margin: 10px 0px 10px 0px;
}
/* Post Featured Image on Post Page */
.post-featured-image-wrapper {
  max-width: 100%;
  display: block;
}
.post-featured-image-wrapper img.hs-featured-image {
  border-width: 0;
  max-height: 400px;
  max-width: 100%;
  display: inline-block !important;
  float: none !important;
  margin: 10px 0 10px 0;
  padding-bottom: 1.5em;
}

/* Read More Link */
a.more-link {
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
}

/* Blog Topics List */
#hubspot-topic_data {
  padding: 2rem 0;
  text-transform: uppercase;
  font-size: 0.8em;
  font-weight: 600;
}
#hubspot-topic_data a.topic-link {
  color: #081d20;
}
#hubspot-topic_data a.topic-link:hover {
  color: #56b5b2;
}
/** 
* Blog Social Sharing icons
*
* Overrides defaults to better align icons and prevent overlapping 
*/
.social-sharing-wrapper {
  clear: both;
}
.hs-blog-social-share {
  padding: 10px 0 0 0;
  height: auto;
}


/** 
* Blog Commments 
*
* Custom styles are listed below, as the COS does not provide default styles.
*/

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {
  text-align: center;
}
.blog-pagination .previous-posts-link {
  font-weight: 300;
  text-transform: uppercase;
  float: left;
}
.blog-pagination .all-posts-link {
  font-weight: 300;
  text-transform: uppercase;
}
.blog-pagination .next-posts-link {
  font-weight: 300;
  text-transform: uppercase;
  float: right;
}

/* Blog Author Page */
.hs-author-social-label {
  display: inline-block;
  margin-right: 8px;
  font-weight: bold;
  vertical-align: middle;
}
.hs-author-social-links a.hs-author-social-link {
  font-size: 30px;
  display: inline-block;
  padding-right: 10px !important;
  background: none !important;
  vertical-align: middle;
}



/* Blog Sidebar
========================================================================== */

.blog .blog-sidebar {}

.blog-sidebar-filter-list li {
  padding: 2px 0;
}

/* Blog Modules */

.blog .blog-sidebar .widget-span {
  padding: 0px 0px 40px 0px;
}


/* ==========================================================================
Forms
========================================================================== */


/* All Global Forms
========================================================================== */

/* Form Field */
body .hs-form-field {
  margin-top: 2px;
  margin-bottom: 8px;
}

/* Descriptions */
body .hs-field-desc {}

/* Labels */
body label {
  margin-bottom: 5px;
  font-size: 0.9rem;
  font-weight: 600;
}
body .hs-form-field > label {}

/* One Line Inputs */
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 {
  width: 100%;
  font-family: 'Montserrat', sans-serif;
  font-size: 0.9rem;
  display: block;
  height: 32px;
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(8,29,32,.075);
-moz-box-shadow: inset 0 1px 1px rgba(8,29,32,.075);
-o-box-shadow: inset 0 1px 1px rgba(8,29,32,.075);
-ms-box-shadow: inset 0 1px 1px rgba(8,29,32,.075);
box-shadow: inset 0 1px 1px rgba(8,29,32,.075);
  -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-ms-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

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 {
  outline: 0;
  border-color: #56b5b2;
  -webkit-box-shadow: inset 0 1px 1px rgba(8,29,32,.075),0 0 8px rgba(8,29,32,.6);
-moz-box-shadow: inset 0 1px 1px rgba(8,29,32,.075),0 0 8px rgba(8,29,32,.6);
-o-box-shadow: inset 0 1px 1px rgba(8,29,32,.075),0 0 8px rgba(8,29,32,.6);
-ms-box-shadow: inset 0 1px 1px rgba(8,29,32,.075),0 0 8px rgba(8,29,32,.6);
box-shadow: inset 0 1px 1px rgba(8,29,32,.075),0 0 8px rgba(8,29,32,.6);
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
  min-height: 200px;
}
body textarea:focus {}

/* Separate Styles for Drop Downs */
body select {}
body select:focus {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
  list-style: none;
  padding: 0;
}
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
  /* color: #555;
  opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
  /* color: #555;
  opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
  /* color: #555;
  opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
  /* color: #555;
  opacity: 1; */
}


/* Form Module
========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label {}
.hs_cos_wrapper_type_form .hs-form-field > label {}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {}

/* Separate Styles for Multiple Line Inputs */
.hs_cos_wrapper_type_form textarea {}
.hs_cos_wrapper_type_form textarea:focus {}

/* Separate Styles for Drop Downs */
.hs_cos_wrapper_type_form select {}
.hs_cos_wrapper_type_form select:focus {}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {}
.hs_cos_wrapper_type_form input[type="radio"] {}
.hs_cos_wrapper_type_form input[type="checkbox"] {}


/* Blog Comment Form
========================================================================== */

/* Label */
#comment-form .hs-form-field > label {}
#comment-form label {}

/* Inputs */
#comment-form input[type="text"] {
  display: inline-block;
}
#comment-form input[type="text"]:focus {}

#comment-form textarea {}
#comment-form textarea:focus {}

#comment-form input[type="checkbox"] {}

/* Error */
body .hs-common-error-message {}


/* Blog Subscription Form
========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label {}
#hs_form_target_blog_subscription label {}

/* Inputs */
#hs_form_target_blog_subscription input[type="email"], .widget-type-blog_subscribe input[type="email"]{
  width: 100%;
  float: left;
  height: 36px;
  margin-bottom: 10px;
}
.blog-sidebar #hs_form_target_blog_subscription input[type="email"] {}

#hs_form_target_blog_subscription input[type="email"]:focus {}

#hs_form_target_blog_subscription input[type="radio"] {}


/* Google Search Form
========================================================================== */

/* Label */
.widget-type-google_search label {
  font-size: 24px;
  font-weight: 700;
  font-family: 'Montserrat',sans-serif;
  display: block;
  text-rendering: optimizelegibility;
  margin: 0px 0px 20px;
}

/* Input */
.widget-type-google_search input[type="text"] {
  width: 60%;
  float: left;
  margin-top: 0px;
  height: 36px;
}
.widget-type-google_search input[type="focus"] {}

.widget-type-google_search .hs-button.primary {
  float: left;
  margin-left: 2px;
}
.widget-type-google_search .hs-button.primary a {
  text-transform: uppercase;
  font-weight: 600;
}
/* Multi Column Form
========================================================================== */

body .hs-form fieldset.form-columns-1 {}
body .hs-form fieldset.form-columns-1 .hs-form-field {}

body .hs-form fieldset.form-columns-2 {}
body .hs-form fieldset.form-columns-2 .hs-form-field {}

body .hs-form fieldset.form-columns-3 {}
body .hs-form fieldset.form-columns-3 .hs-form-field {}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list li input {}
body input[type="radio"] {}
body input[type="checkbox"] {}
body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}

/* Form Error Selectors
========================================================================== */
.hsformerror{
  font-size: 12px!important;
  border: 0 !important;
  color: #FFF!important;
  background-image: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  box-shadow: none!important;
  z-index: 99999 !important;
  border-color: #56b5b2 !important;
  background: #56b5b2 !important;
  -webkit-transform: none !important;
  transform: none !important;
}
.hsformerror .close-form-error {
  color: #56b5b2;
}
.hsformerror em {
  border-color: #56b5b2 transparent transparent !important;
}




/* ==========================================================================
Buttons                                              
========================================================================== */


/* All Global Buttons (Excluding CTAs)
========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
  background: #fff;
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  padding: 8px 16px;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  color: #56b5b2;
  border-color: #56b5b2;
  -webkit-appearance: none;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
  border: 2px solid;
  border-color: #318b87;
  background: #318b87;
  color: #FFF;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
}


/* Form Module Button
========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {
  text-transform: uppercase;
  font-weight: 600;
}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
========================================================================== */
#add-comment-button.hs-button.primary {
  text-transform: uppercase;
  font-weight: 600;
}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}

/* Blog comment "reply to" section */
.comment-reply-to{
  color: #081d20!important;
  background: none!important;
  padding-left: 0px!important;
}
.comment-reply-to:before{
  content: "\f112";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7px;
  font-size: 15px;
  color: #56b5b2;
  vertical-align: top;
}
/* Blog Subscription Button
========================================================================== */
#hs_form_target_blog_subscription .hs-button.primary.large,
#hs_form_target_blog_subscription input.hs-button.primary.large a {
  text-transform: uppercase;
  font-weight: 600;
}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {}


/* Google Search Button
========================================================================== */
.widget-type-google_search .hs-button.primary {
  text-transform: uppercase;
  font-weight: 600;
}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
========================================================================== */

/** 
* Override global CTA styles by wrapping the CTA module in a module group 
* that has an ID, and use that ID to prefix your CTA selector. Example shown below.
*
* All overriding properties require !important tags. 
*/

/* CTA button with border */

.contact-cta-module {
  background-image: url('https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/footer-top-border-new-1.png') !important;

}
.cta_border_button {
  background: #FFF;
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  padding: 1em 3em;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 1.25rem;
  line-height: 1.42857143;
  border-radius: 22px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  text-transform: uppercase;
  color: #56b5b2;
  border-color: #56b5b2;
  -webkit-appearance: none;
}
.cta_border_button-small {
  background: #FFF;
  border-style: solid;
  border-width: 2px;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  padding: 0.75em 2.25em;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.42857143;
  border-radius: 14px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  text-transform: uppercase;
  color: #56b5b2;
  border-color: #56b5b2;
  -webkit-appearance: none;
}
.cta_border_button:hover, .cta_border_button-small:hover {
  border-color: #56b5b2;
  background: #56b5b2;
  color: rgba(255,255,255,0.8);
}

/* CTA button with Solid Background */
.cta_solid_button {
  background: #56b5b2;
  border-style: solid;
  border-width: 0px;
  color: #FFF;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  padding: 1em 3em;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 1.25rem;
  line-height: 1.42857143;
  border-radius: 22px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  text-transform: uppercase;
  border-color: #56b5b2;
  -webkit-appearance: none;
  background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
  background-size: 400% 400%;
  position: relative;
  -webkit-animation: change 6s ease-in-out infinite;
  -moz-animation: change 6s ease-in-out infinite;
  -o-animation: change 6s ease-in-out infinite;
  animation: change 6s ease-in-out infinite;
}
@-webkit-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-moz-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-o-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}

.cta_solid_button-small {
  background: #56b5b2;
  border-style: solid;
  border-width: 0px;
  color: #FFF;
  -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
  font-family: 'Montserrat', sans-serif;
  padding: 0.7em 2.3em;
  display: inline-block;
  margin-bottom: 0;
  font-weight: 600;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.42857143;
  border-radius: 14px;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
  text-decoration: none;
  text-transform: uppercase;
  border-color: #56b5b2;
  -webkit-appearance: none;
  background: linear-gradient(-35deg, #29726d, #318b87, #56b5b2, #70f2ee);
  background-size: 400% 400%;
  position: relative;
  -webkit-animation: change 6s ease-in-out infinite;
  -moz-animation: change 6s ease-in-out infinite;
  -o-animation: change 6s ease-in-out infinite;
  animation: change 6s ease-in-out infinite;
}
@-webkit-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-moz-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@-o-keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}
@keyframes change {0% {background-position: 0 100%;} 50% {background-position: 100% 50%;} 100% {background-position: 0 100%;}}

.cta_solid_button:hover, .cta_solid_button-small:hover {
  color: rgba(255,255,255,0.8);
}
@media screen and (max-width: 960px){
  .cta_border_button, .cta_solid_button {
    font-size: 1.0rem;
  }
  .cta_border_button-small, .cta_solid_button-small {
    font-size: 0.85rem;
  }
}
@media screen and (max-width: 768px){
  .cta_border_button, .cta_solid_button {
    font-size: 0.95rem;
  }
  .cta_border_button-small, .cta_solid_button-small {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 479px){
  .cta_border_button, .cta_solid_button {
    font-size: 0.85rem;
  }
  .cta_border_button-small, .cta_solid_button-small {
    font-size: 0.75rem;
  }
}


html body .hs-menu-wrapper ul li:hover ul li ul.hs-menu-children-wrapper {
  position: relative !important;
  left: 0 !important;
  visibility: visible !important;
  opacity: 1 !important;
  padding: 0px 0px 0 20px;
}

/* ==========================================================================


6. MISCELLANOUS                                        


========================================================================== */



/** 
* Styles that do not fit into available sections above can go here.
* For example, one would place 3rd party plugin overriding styles here.
*
* This section is NOT for 'Custom' styles.  All custom styles must go in the
* proper sections above.
*
* For instance, custom header and footer styles must go in the HEADER and 
* FOOTER sections.  Custom styles for anything in-between the header and footer 
* (such as, styles that are unique to the HOMEPAGE only), must go in the 
* CONTENT section.
*/ 








/* ==========================================================================


7. MOBILE MEDIA QUERIES                              


========================================================================== */





/* Screen sizes smaller than site maxWidth (.page-center)
========================================================================== */

@media (max-width: 1080px) {
  .container-fluid .row-fluid .page-center {
    padding: 10px;    
  }
  .container-fluid .footer-copyright .row-fluid .page-center {
    padding: 0 10px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    font-size: 0.8em;
  }
  .footer-container .about-us,
  .footer-container .contact-us,
  .footer-container .more-links {
    font-size: 75%;
  }
  /* Homepage */
  .globe-bg {
    background-size: 40%;
    background-position: -30% 50%;
  }
  .globe-bg .globe-bg-text {
    font-size: 1.45rem;
    margin: 1em 1em 1em 0;
  }
}


/* Landscape tablet and smaller devices
========================================================================== */

@media screen and (max-width: 768px) {
  /* Wrapper reset for smaller devices */
  .header-container-wrapper{
    position: relative;
  }

  .header-container{
    padding: 0;
  }

  .header-container-wrapper .container-fluid .row-fluid .page-center{
    padding: 10px 0px;
  }

  .header-container .hs_cos_wrapper_type_logo a img {
    max-width: 200px;
    margin: 5px 0 5px 10px;
  }

  .row-fluid [class*="span"].header-cta{
    display: none !important;
  }

  /* General */
  .body-container-wrapper {
    padding-top: 0;
  }
  .padding40tb {
    padding: 25px 0;
  }
  .padding60tb {
    padding: 45px 0;
  }
  .padding80tb {
    padding: 65px 0;
  }
  .sidebar.right,
  .main-content,
  .blog-sidebar {
    margin: 25px 0;
  }

  /* Typography */
  h1 { font-size: 2.00rem; }
  h2 { font-size: 1.70rem; }
  h3 { font-size: 1.22rem; }
  h4 { font-size: 1.00rem; }
  h5 { font-size: 0.86rem; }
  h6 { font-size: 0.86rem; }

  /* Team Member Social */
  .three-column .team-member-social a {
    display: inline-block;
  }
  .three-column .team-member-social i {
    padding-right: 5px;
  }   
  .three-column .team-member-social a:last-child i {
    padding-right: 0;
  }
  .team-member-name,
  .team-member-title {
    text-align: center;
  }

  /* Footer */
  .footer-container-wrapper .more-links a i {
    display: inline-block;
    width: auto;
  }
  .footer-container .about-us,
  .footer-container .contact-us,
  .footer-container .more-links {
    margin-bottom: 25px;
    font-size: 100%;
  }
  .footer-copyright .copyright-text {
    text-align: center;
  }
  .footer-follow-me{
    text-align: center;
    position: relative;
    right: auto;
  }
  .footer-copyright .copyright-menu {
    text-align: center;
  }
  .copyright-menu ul li {
    margin: 0 auto;
  }
  .copyright-menu ul li a {
    padding: 4px;
  }
  .copyright-menu ul li:last-child a {
    margin-left: auto;
    margin-right: auto;
    padding: 0 auto;
  }

  /* Landing Pages */
  .landing-page-dragon {
    background-size: cover;
    background-position: 40% 50%;
    background-attachment: fixed;
  }

  /* System Page Backgrounds */
  .system-page-dragon {
    background-size: cover;
    background-position: 40% 50%;
    background-attachment: fixed;
  }
  .system-page-logo {
    background-size: 100%;
    background-position: center center;
    background-attachment: fixed;
  }
  .system-page-logo-motion {
    background-size: 100%;
    background-position: center center;
    background-attachment: fixed;
  }

  /* Homepage */
  .service-group h4,
  .service-group-icon,
  #offer-background-image h1,
  #banner-background-image {
    text-align: center !important;
  }
  .homepage .subscribe-form {
    padding-top: 10px;
    position: relative;
  }
  .homepage .subscribe-form form {
    float: none;
  }
  .homepage .subscribe-form .hs_email {
    width: 100%;
    margin-bottom: 10px;
  }
  #banner-background-image {
    min-height: 650px;
  }
  #banner-background-image h1 {
    font-size: 32px;
    margin-bottom: 15px;
    margin-top: 55px;
  }
  #banner-background-image h3 {
    display: none;
  }
  .homepage .subscribe-form {
    width: 100%;
  }
  .social-tagline {
    text-align: center;
    margin-bottom: 15px;
  }
  .homepage .subscribe-form {
    padding-bottom: 150px;
  }
  .homepage .subscribe-form .hs_email .hs-error-msgs {
    position: relative;
    margin-top: 0;
    display: inline-block !important;
  }
  .homepage .subscribe-form .hs_submit {
    display: block;
    position: relative;
    width: 100%;
  }
  .globe-bg {
    background-size: 70%;
    background-position: -50% 50%;
  }
  .globe-bg .globe-bg-text {
    font-size: 1.3rem;
    padding: 0 0.8rem;
    margin: 1em 1em 1em 0;
  }


  /* About Us */
  body.site-page.one-column .feature-section .main-content-inner {
    max-width: 90%;
    clear:both !important;
    text-align: left;
  }
  body.site-page.one-column .michael .main-content {
    margin: 0 2vw;
  }
  body.site-page.one-column .feature-section .main-content .main-content-inner .main-content-header h2 { 
    line-height: 1.1;
    text-align: left;
  }
  body.site-page-one-column .feature-section .main-content .sub-headline {
    font-size: 1rem;
  }
  body.site-page.one-column .feature-section .main-content .main-content-inner .cta-container {
    text-align: left;
    margin: 0 auto 0;
  }
  body.site-page.one-column .feature-section .main-content .main-content-inner .main-content-text p{
    font-size: 1.2rem;
    text-align: left;
    max-width: 100%;
    margin: auto auto;
  }
  body.site-page.one-column .feature-section .main-content .main-content-inner .main-content-text li {
    font-size: 1.2rem;
    text-align: left;
    max-width: 100%;
  }
  body.site-page.one-column .main-content .main-content-inner .cta-container {
    text-align: center;
    margin: 0 auto 0;
  }
  body.site-page.one-column .feature-section-game {
    position: relative;
    background-color: transparent;
  }
  body.site-page.one-column .feature-section .mission,
  body.site-page.one-column .feature-section .mission .main-content,
  body.site-page.one-column .feature-section .mission .main-content .main-content-inner {
    position: relative;
    margin: auto;
  }
  body.site-page.one-column .feature-section .mission {
    position: relative;
    margin: auto;
  }
  body.site-page.one-column .feature-section .mission {
    position: relative;
    margin: auto;
  }
  .michael .michael-pic {
    padding: 2vw 2vw 2vw 2vw;
  }
  /* Game - Dragon's Ascent */
  .feature-section-black .feature-section-dragon-ascending .dragon-ascending img {
    display:none;
  }
  .feature-section-black {
    background-image: url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/dragon-partial.png); /*fallback*/
    background-image: linear-gradient(to bottom,rgba(8,29,32,0.0),rgba(8,29,32,0.7)),url(https://7077611.fs1.hubspotusercontent-na1.net/hubfs/7077611/dragon-partial.png);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center top;
    vertical-align: center;
    position: relative;
  }


  /* Contact Page */
  .feature-section-contact-top .contact-subheader {
    padding-bottom: 20px;
  }
  .feature-section-contact-top .contact-media-subheader p,
  .feature-section-contact-bottom .contact-media-subheader p {
    font-size: 1.1em;
    max-width: 90%;
  }
  .feature-section-contact-bottom .contact-media {
    padding-top: 40px;
  }


  /* Blog */
  #comment-form {
    margin-bottom: 25px;
  }
  #hubspot-topic_data {
    padding: 1.2rem 0;
  }
  .about-author-sec .author-sec-img img {
    display:none;
  }
  .hs-author-avatar {
    margin: 0.5em auto 1em;
    max-width: 30%
  }
  /* System Pages */
  body.error-template.one-column .main-content,
  body.password-template.one-column .main-content,
  body.subscription-template.one-column .main-content {
    margin: 10vw 10% 18vw;
    width: 80%;
  }
}


/* Landscape phones and smaller devices
========================================================================== */

@media (max-width: 479px) {
  /* Typography */
  h1 { font-size: 1.70rem; }
  h2 { font-size: 1.22rem; }
  h3 { font-size: 1.00rem; }
  h4 { font-size: 0.86rem; }
  h5 { font-size: 0.86rem; }
  h6 { font-size: 0.86rem; }

  /* Homepage */
  .globe-bg {
    background-size: 100%;
    background-position: -30% 50%;
  }
  .globe-bg .globe-bg-text {
    font-size: 1.1rem;
    padding: 0 0.8rem;
    line-height: 1.2;
    margin: 1em 1em 1em 0;
  }
  /* System Pages */
  body.error-template.one-column .main-content,
  body.password-template.one-column .main-content,
  body.subscription-template.one-column .main-content {
    margin: 10vw 0% 18vw;
    width: 100%;
  }
}


/*------------ 4-3-2020 ------------*/

.feature-section-game > .row-fluid-wrapper > .row-fluid {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
}

.wow {
  visibility: hidden;
}

.dragon-ascending {
  position: relative;
  z-index: 5;
}


@media screen and (max-width: 1080px) {
  .new-header-v2 .global-header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  } 
}
/*-------- 1080 ends here ----------*/


@media screen and (max-width: 880px) {
  .home-banner-container {
    padding: 7vw 0 7vw;
  }
}
/*-------- 880 ends here ----------*/

@media screen and (max-width: 768px) {
  body.site-page.one-column .feature-section-game-image {
    margin-left: 0;
  }
  .body-container-wrapper {
    padding-top: 0 !important;
  } 
  .home-banner-container {
    padding: 7vw 0 8vw;
  }
  body.site-page.one-column .feature-section-game .main-content ,
  body.site-page.one-column .feature-section .main-content {
    width: 100%;
  }
  .new-header-v2 .global-header>.row-fluid-wrapper>.row-fluid {
    display: block;
  }
}
/*-------- 768 ends here ----------*/


@media screen and (max-width: 767px) {

  #hs_cos_wrapper_module_16777609478391246 h1 {
    margin-bottom: -15px;

  }
  .homepage .blog-section {
    padding: 0px 0 25px;
  }
  body.site-page.one-column .main-content {
    padding: 2vw 3vw 3.7vw 3vw;
  }
  .footer-outer-container .footer-background {
    padding-top: 72px;
    padding-bottom: 5px;
  }
  .footer-container .footer-logo {
    margin-bottom: 30px;
    max-width: 50%;
  }
  .footer-container-wrapper .footer-copyright {
    padding: 5px 0 13px 0;
  }
  .feature-section.innovation > .row-fluid-wrapper > .row-fluid, 
  .feature-section.compliance > .row-fluid-wrapper > .row-fluid, 
  .feature-section.integrity > .row-fluid-wrapper > .row-fluid {
    flex-wrap: wrap;
  }
  .feature-section.compliance>.row-fluid-wrapper>.row-fluid {
    flex-direction: column-reverse;
  }
}
/*-------- 767 ends here ----------*/

@media screen and (max-width: 479px) {
  .new-header-v2 .mobile-trigger {
    padding: 25.3px 22px;
  }
}
/*-------- 479 ends here ----------*/


/* ----------------------------8 May 2020---------------------------- */

.edge-browser .body-container-wrapper > .body-container {
  margin-top: -2px;
}

/* ----------------------------3 June 2020---------------------------- */

.game-cabinets-section, .featured-post-covid-page {
  background-color: #e7eded;
}

@media (max-width: 460px) {
  .banner-content h1 {
    font-size: 34px;
    line-height: 49px;
  }
  .hs-content-id-30043557409 #hs_cos_wrapper_module_15823114686431422_ p {
    font-size: 1.1rem !important;
    line-height: 1.2;
  }
  .hs-content-id-30043557409 p {
    font-size: 18px !important;
  }
}

/* ----------------------------15 June 2020---------------------------- */

#hs_cos_wrapper_module_1592225913367380 ol {
  list-style: none;
  column-count: 2;
}
#hs_cos_wrapper_module_1592225913367380 ol li a {
  color: #000;
  font-weight: bold;
  display: inline-block;
  width: 100%;
  border: 1px solid #000;
  margin-top: 10px;
  padding: 10px 0;
}
#hs_cos_wrapper_module_1592225913367380 ol li a:hover {
  color: #fff;
  border-color: #56b5b2;
  background-color: #56b5b2;
}

/* ----------------------------06 June 2020---------------------------- */

.hs-content-id-26241299026 #hs_cos_wrapper_module_15829154989362658 .cta_button {
  margin: 30px auto 0;
  display: table;
}

/* Gives Back Page */

.hs-content-id-33333765956 .banner-content h1 {
  text-transform: unset;
}
.hs-content-id-33333765956 .hs_cos_gallery_main .slick-arrow {
  display: none !important;
}
.hs-content-id-33333765956 .hs_cos_gallery_main .slick-dots {
  margin-top: -3em;
}
.hs-content-id-33333765956 .hs_cos_gallery_main {
  color: #fff !important;
}
.hs-content-id-33333765956 .vidyard--vid-mobile {
  display: none;
}
.hs-content-id-33333765956 .blog-section.v2 .blog-col {
  margin: 30px auto 0;
}

@media (max-width:767px) {
  .hs-content-id-33333765956 .vidyard--vid .feature-section-image {
    width: 100%;
    padding: 0 25px;
  }
  .hs-content-id-33333765956 .vidyard--vid-desktop {
    display:none;
  }
  .hs-content-id-33333765956 .vidyard--vid-mobile {
    display: block;
  }
  .hs-content-id-33333765956 .featured-post-covid-page {
    margin-top: 60px !important;
  }
  .hs-content-id-33333765956 .blog-section .blog-col {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    padding-right: 7px;
    padding-left: 7px;
    margin: unset;
  }
  .hs-content-id-33333765956 .hover-overlay {
    width: 96%;
  }
}

@media (max-width:479px) {
  .hs-content-id-33333765956 .blog-section .blog-col {
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: unset;
    padding-left: unset;
  }
  .hs-content-id-33333765956 .hover-overlay {
    width: 100%;
  }
}

/* ----------------------------26 October 2020---------------------------- */

.hs-content-id-35889983992 .row-number-4 .content-wrapper .row-number-5 {
  padding: 0 15px;
}

/* ---------------------------- December 6, 2021---------------------------- */

.hs-blog-listing .social--sharing {
  display: none;
}

.body-popup .mfp-content {
  max-width:630px;
}
.body-popup .mfp-close {
  color: #fff !important;
  border-radius: 0;
  background-color: transparent !important;
  width: 44px !important;
  height: 44px !important;
  line-height: 0 !important;
  top: -26px !important;
  font-size: 34px !important;
  z-index: 99999 !important;
}