/**
Theme Name: MIT Astra Child Theme
Author: MIT
Author URI: https://www.melbourneit.com.au/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mit-astra-child-theme
Template: astra
*/
/* Load FontAwesome 4.7 */
@import url('https://d2ta2fpo91apla.cloudfront.net/font-awesome-4.7.0/css/font-awesome.min.css');

/* Hide Visual Composer animations on mobile */
@media screen and (max-width: 959px) {.wpb_animate_when_almost_visible {opacity: 1;filter: alpha(opacity=100);-webkit-animation: none;-moz-animation: none;-o-animation: none;animation: none;}}

/*Back to top on Desktop */
#ast-scroll-top {
    margin-bottom: 40px;
}

/*.ast-small-footer > .ast-footer-overlay {
padding-bottom: 90px;
}*/

/* FOOTER STYLES GENERAL--------*/

.footer-group.two .footer-col {
    text-align: left;
  }

/*column padding and margin*/
.footer-group .footer-col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* style the titles */
.footer-col p.title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2em;
  letter-spacing: 0.02em;
}

/*consistent lineheight spacing*/
.footer-col p,
.footer-col a {
  line-height: 1.7em;
  margin-bottom: 0;
}

/*separate tel and email anchors*/
.footer-col a {
  display: block;
}

/*logo sizing*/
.footer-col a img {
  max-height: 80px;
}
/*stop bad break points*/
.footer-col p span,
a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

/*lists general*/
.footer-group ul {
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0;
}

/*social media list*/
ul.social li {
  display: inline-block;
  padding: 0 10px;
}
ul.social li a i {
  font-size: 30px;
}

/*layout STYLS general*/
@media (max-width: 1240px) {
  .widgets_wrapper .container {
    max-width: 100%;
  }
}
.footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#Footer .container{
padding-left:10px !important;
padding-right:10px !important;
}


/*FOOTER SPECIFIC STYLES*/
@media (min-width: 1024px) {
  .footer-group.two .footer-col:first-of-type {
    -webkit-box-flex: 2;
    -ms-flex-positive: 2;
    flex-grow: 2;
    padding-right: 40px;
  }
  /*keep consistent with logo max height*/
  .footer-group.two .footer-col p.title {
    line-height: 80px
  }
}
@media (max-width: 1023px) {
  .footer-group.two .footer-col:first-of-type {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
  .footer-group.two .footer-col:first-of-type p {
    max-width: 600px;
    margin: 0 auto;
  }
  .footer-group.two .footer-col {
    text-align: center;
  }
}
@media (max-width: 650px) {
  .footer-group.two .footer-col {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}


/*===============================================WOOCOMMERCE STYLING RESET================================================================================*/
/*search product styling*/
.ast-above-header-section .widget {margin: 10px;}
.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {padding: 10px 10px;}
input#woocommerce-product-search-field-0 {margin-right: 10px;}


/*extra marging for the read more blog buttons*/
.read-more {margin-top: 5%  !important;}

/*add extra margin for the products*/
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {margin-bottom: 2em !important; margin-top: 2em !important;}

/*Pagination*/
.woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li {border-color: #FF5722 !important;}
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {background-color:#FF5722 !important;}

/* price */
.themecolor, .opening_hours .opening_hours_wrapper li span, .fancy_heading_icon .icon_top, .fancy_heading_arrows .icon-right-dir, .fancy_heading_arrows .icon-left-dir, .fancy_heading_line .title, .button-love a.mfn-love, .format-link .post-title .icon-link, .pager-single > span, .pager-single a:hover, .widget_meta ul, .widget_pages ul, .widget_rss ul, .widget_mfn_recent_comments ul li:after, .widget_archive ul, .widget_recent_comments ul li:after, .widget_nav_menu ul, .woocommerce ul.products li.product .price, .shop_slider .shop_slider_ul li .item_wrapper .price, .woocommerce-page ul.products li.product .price, .widget_price_filter .price_label .from, .widget_price_filter .price_label .to, .woocommerce ul.product_list_widget li .quantity .amount, .woocommerce .product div.entry-summary .price, .woocommerce .star-rating span, #Error_404 .error_pic i, .style-simple #Filters .filters_wrapper ul li a:hover, .style-simple #Filters .filters_wrapper ul li.current-cat a, .style-simple .quick_fact .title {
    color: #FF5722;
}

/* top left sale triangle */
.woocommerce span.onsale {
    background-color: #FF5722 !important; color: #fff !important; font-weight: bold; }

/* icons on hover image */
.image_frame .image_wrapper .image_links, .portfolio_group.masonry-hover .portfolio-item .masonry-hover-wrapper .hover-desc {
    background: #FF5722;
}
.image_frame .image_wrapper .image_links a:hover {
    color: #FF5722;
}

/*tab color product page*/
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before {background: #FF5722 !important;}

/* cart icon */
.ast-cart-menu-wrap .count, .ast-cart-menu-wrap .count:after{    
    border-color: #FF5722 !important;
    color: #FF5722 !important;
}

/*cart icon hover*/
.ast-cart-menu-wrap:hover .count {
    background-color: #ebebeb !important;
    color: #000 !important;
}

/*price filter color*/
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {background-color:#FF5722!important;}

/* add to cart button */
/*.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #FF5722;
    color: #fff;
}*/

/*.button .product_type_variable .add_to_cart_button {background-color: #FF5722 !important; color: #fff !important;}*/

/*add to cart hover*/
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce .woocommerce-message a.button:hover, .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce button.button.alt.disabled:hover {border-color: #333; background-color: #333 !important;}

/*text color in add to  cart button*/
.woocommerce a.button, .woocommerce button.button, .woocommerce .woocommerce-message a.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input.button, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled], .woocommerce input.button:disabled:hover, .woocommerce input.button:disabled[disabled]:hover, .woocommerce #respond input#submit, .woocommerce button.button.alt.disabled {color: #fff !important;}

/* submit review button */
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #FF5722;
}

/* reviews stars */
.stars a {
    color: #FF5722 !important;
}

.woocommerce .star-rating, .woocommerce .comment-form-rating .stars a, .woocommerce .star-rating::before {color: #FF5722 !important;}

/* item label */
td.woocommerce-grouped-product-list-item__label a {
    color: #FF5722;
}

/* product info */
.product_meta a {
    color: #FF5722;
}

/* checkout */
.product-name a {
    color: #FF5722;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
    background-color: #FF5722;
}

/* search bar */
#Top_bar .search_wrapper {background: #ffffff;}

/*border-top color woocommerce message */
.woocommerce-message, .woocommerce-info {border-top-color: 2px solid #FF5722 !important;}

/*view basket button*/
.button.wc-forward {background-color: #FF5722 !important;}


/*===============================================ASTRA THEME BLOG STYLING RESET===============================================================================*/
/*blog date-card recolor*/
.ast-article-post .ast-date-meta .posted-on, .ast-article-post .ast-date-meta .posted-on * {background-color: #FF5722;}

/*read more button blog*/
.menu-toggle, button, .ast-button, .button, input#submit, input[type="button"], input[type="submit"], input[type="reset"] {color: #fff; background-color: #FF5722;}

/*blog button hover state*/
button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type="button"]:hover, input[type="button"]:focus, input[type="submit"]:hover, input[type="submit"]:focus {background-color: #333;}

/*blog meta data recolor*/
.entry-meta, .entry-meta * { color: #FF5722}

/*blog pagination text*/
.ast-pagination a, .page-links .page-link, .single .post-navigation a {width: 100%; color: #FF5722;}

/*active pagination color*/
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {color: #fff !important;}

/*Categorie links*/
li.cat-item a {color: #FF5722 !important;}
li.cat-item a:hover {color: #333 !important;}

/*meta links*/
aside#meta-2.widget.widget_meta ul > li a {color: #FF5722 !important;}
aside#meta-2.widget.widget_meta ul > li a:hover {color: #333 !important;}

/*extra margin bottom for the previous post link*/
.single .post-navigation {margin-bottom: 5% !important;}

/*previous button styling*/
.nav-previous {margin-right: 1% !important; border: 2px solid #FF5722; text-align: center;}
.nav-previous:hover {background-color: #FF5722; border: 2px solid #FF5722;}
.nav-previous a:hover {color: #fff;}


/*next button styling*/
.nav-next  {margin-left: 1% !important; text-align: center !important; border: 2px solid #FF5722;}
.nav-next:hover  {background-color: #FF5722; border: 2px solid #FF5722;}
.nav-next a:hover {color: #fff;}

/*blog title resize*/
.entry-title {font-size: 27px !important;}

/***** ===== FLOATING CTA - START ===== *****/
a.float-standard {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	z-index: 99;
  height: 30px;
  padding: 20px 20px;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  text-decoration: none;
  color: white;
  border-color: #ff5722;
  border-radius: 50px;
  background-color: #ff5722;
  box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.float-standard:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  background-color: #ff5722;
  -webkit-box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .22);
  box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .22);
}

/* Icon settings - remove if not needed*/

.float-standard.icon:before {
font:normal normal normal 14px/1 FontAwesome;  
margin-right: 15px;
  content: '\f073';
  -webkit-transition: all .25s ease-in-out;
  -o-transition: all .25s ease-in-out;
  transition: all .25s ease-in-out;
}

/* Media queries */

@media screen and (max-width:440px) {
	a.float-standard {
		right: 0px;
		bottom: 0px;
		width: 100%;
		border-radius: 0px;
		padding: 5px;
		}
}
/***** ===== FLOATING CTA - END ===== *****/
/*** GENERAL SECTIONS STYLE -----------------------------------------------------------*/
/*** RESET THEME SPACING ---------------------------------*/
/* Remove default margin-bottom from all divs */
.wpb_wrapper>div {
  margin-bottom: 0;
}

/* Remove default padding for all columns */
.vc_column_container>.vc_column-inner {
  padding: 0;
}

/*reset theme*/
.vc_column-inner .wpb_wrapper .vc_row{
    margin-left:0;
    margin-right:0;
}

/* Remove columns padding-top */
/*.vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner {
  padding-top: 0px;
}*/

/* Remove margin from paragraph */
p {
  margin: 0;
}

/* Remove default margin-bottom from all elemets */
.wpb_content_element {
  margin-bottom: 0;
}

/* set the wrapper width to the default theme one */
@media only screen and (max-width: 767px) {
  .section_wrapper, .container, .four.columns .widget-area {
    max-width: 700px !important;
  }
}

/* CUSTOM SPACING ---------------------------------*/
/* padding left and right is given only when the row is stretch otherwise it mess up the padding right and left calculated by the theme*/
.pad-xl {
  padding-top: 12%;
  padding-bottom: 12%;
}

.pad-xl[data-vc-stretch-content] {
  padding-right: 5%;
  padding-left: 5%;
}

.pad-lg {
  padding-top: 10%;
  padding-bottom: 10%;
}

.pad-lg[data-vc-stretch-content] {
  padding-right: 5%;
  padding-left: 5%;
}

.pad-md {
  padding-top: 8%;
  padding-bottom: 8%;
}

.pad-md[data-vc-stretch-content] {
  padding-right: 5%;
  padding-left: 5%;
}

.pad-sm {
  padding-top: 6%;
  padding-bottom: 6%;
}

.pad-sm[data-vc-stretch-content] {
  padding-right: 5%;
  padding-left: 5%;
}

.pad-xs {
  padding-top: 4%;
  padding-bottom: 4%;
}

.pad-xs[data-vc-stretch-content] {
  padding-right: 5%;
  padding-left: 5%;
}

/* make side padding equal */
@media (max-width:1300px) {
  .pad-xl:not(.vc_inner), .pad-lg:not(.vc_inner), .pad-md:not(.vc_inner), .pad-sm:not(.vc_inner), .pad-xs:not(.vc_inner) {
    padding-right: 5% !important;
    padding-left: 5% !important;
  }
}

/* COLUMN PADDING ---------------------------------*/
/* Inner column padding */
.pad-xl-col > .vc_column-inner {
  padding: 12% 12% !important;
}

.pad-lg-col > .vc_column-inner {
  padding: 10% 10% !important;
}

.pad-md-col > .vc_column-inner {
  padding: 8% 8% !important;
}

.pad-sm-col > .vc_column-inner {
  padding: 6% 6% !important;
}

.pad-xs-col > .vc_column-inner {
  padding: 4% 4% !important;
}

@media (max-width: 768px) {
  .pad-xl-col > .vc_column-inner, .pad-lg-col > .vc_column-inner, .pad-md-col > .vc_column-inner, .pad-sm-col > .vc_column-inner, .pad-xs-col > .vc_column-inner {
    padding-right: 5% !important;
    padding-left: 5% !important;
  }
}

/* REMOVE PADDING ---------------------------------*/
/* Remove padding top or bottom*/
.remove-pad-top {
  padding-top: 0 !important;
}

.remove-pad-bottom {
  padding-bottom: 0 !important;
}

/* Remove element margin */
.remove-margin-top {
  margin-top: 0 !important;
}

.remove-margin-bottom {
  margin-bottom: 0 !important;
}

/* TEXT ---------------------------------*/
/* headings font family*/
h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  letter-spacing: 0px;
  line-height: 1.2em;
  margin-bottom: 15px !important;
}

/* headings color */
h1, h2, h3, h4, h5, h6 {
  color: #202020;
}

/* headings color on dark backgrounds */
.dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6 {
  color: #fff !important;
}

/* h1 font size for tablet and desktop */
@media (min-width: 1024px) {
  h1 {
    font-size: 40px ;
  }
}

/* h1 font size for smaller devices */
h1 {
  font-size: calc(20px + 2vw);
}

/* h2 font size for tablet and desktop */
@media (min-width: 1024px) {
  h2 {
    font-size: 30px;
  }
}

/* h2 font size for smaller devices */
h2 {
  font-size: calc(20px + 1vw);
}

/* h3 font size for tablet and desktop */
@media (min-width: 1024px) {
  h3 {
    font-size: 27px ;
  }
}

/* h3 font size for smaller devices */
h3 {
  font-size: calc(19px + 1vw);
}

/* paragraph font family and size */
p {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.7em;
}

/* paragraph and list color */
p, li {
  color: #181818;
}

/* paragraph and list color on dark backgrounds */
.dark p, .dark li {
  color: #F8F8F8;
}

/* BUTTON ---------------------------------*/
/* Remove default button style*/
.vc_btn3.vc_btn3-style-modern {
  background-image: none !important;
  background-repeat: none;
}
@media only screen and (min-width: 768px){
  .button-flat a.button:after,
  .button-flat button:after{
      background: rgba(0,0,0,.0);

  }
}

/* Buttons style */
.btn>.vc_btn3, .gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  padding: 14px 20px;
  font-size: 14px;
  border-radius: 0;
  letter-spacing: 0;
  text-transform: initial;
  border: 0px solid transparent;
}

/* form button */
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit], .gform_wrapper .gform_page_footer input.button, .gform_wrapper .gform_page_footer input[type=submit] {
  border-radius: 10px;
    box-shadow: 1.392px 9.903px 20px rgba(0,0,0,0.05);
    background-color: #ffffff !important;
    border: 1px solid #6f6f6f !important;
    font-size: 16px;
    line-height: 30px;
    color: #387ca9 !important;
    font-family: "Muli";
    font-weight: 700;
    padding: 12px 45px;
}

/* form button */
.gform_wrapper .gform_footer input.button:hover, .gform_wrapper .gform_footer input[type=submit]:hover, .gform_wrapper .gform_page_footer input.button:hover, .gform_wrapper .gform_page_footer input[type=submit]:hover {
  background-color: #387ca9 !important;
  color: #fff !important;
}

/* Button one */
.btn.btn-one>.vc_btn3 {
    border-radius: 10px;
    box-shadow: 1.392px 9.903px 20px rgba(0,0,0,0.05);
    background-color: #8750a0;
    border: 1px solid #8750a0;
    font-size: 16px;
line-height: 30px;
color: #ffffff;
font-family: "Muli";
font-weight: 700;
padding: 15px 45px !important;
}

/* Button one > hover */
.btn.btn-one >.vc_btn3:hover {
  background-color: #3a3a3a !important;
  color: #fff;
}

/* Button one > dark backgrounds > add class btn-dark*/
.btn.btn-one.btn-dark>.vc_btn3 {
  background-color: #C0C0C0 !important;
  color: #181818 !important;
}

/* Button one > dark backgrounds > hover*/
.btn.btn-one.btn-dark >.vc_btn3:hover {
  background-color: #808080 !important;
}

/* Button two */
.btn-two>.vc_btn3 {
  border-radius: 10px;
  box-shadow: 1.392px 9.903px 20px rgba(0,0,0,0.05);
  background-color: #ffffff !important;
  border: 1px solid #6f6f6f !important;
  font-size: 16px;
  line-height: 30px;
  color: #387ca9 !important;
  font-family: "Muli";
  font-weight: 700;
  padding: 12px 45px;
}

/* Button two> hover */
.btn.btn-two>.vc_btn3:hover {
  background-color: #3a3a3a !important;
  color: #fff !important;
}

/* Button two > dark backgrounds > add class btn-dark*/
.btn.btn-two.btn-dark>.vc_btn3 {
  background-color: #C0C0C0 !important;
  color: #181818 !important;
}

/* Button two > dark backgrounds > hover*/
.btn.btn-two.btn-dark>.vc_btn3:hover {
  background-color: #808080 !important;
  color: #222 !important;
}

/* Button three */
.btn.btn-three>.vc_btn3 {
  border-radius: 10px;
    box-shadow: 1.392px 9.903px 20px rgba(0,0,0,0.05);
    background-color: #8750a0;
    border: 1px solid #8750a0;
    font-size: 16px;
line-height: 30px;
color: #ffffff;
font-family: "Muli";
font-weight: 700;
padding: 10px 30px !important;
}

/* Button three > hover */
.btn.btn-three>.vc_btn3:hover {
  background-color: #3a3a3a !important;
  color: #fff;
}

/* Button three > dark backgrounds > add class btn-dark*/
.btn.btn-three.btn-dark>.vc_btn3 {
  background-color: #C0C0C0 !important;
  color: #181818 !important;
}

/* Button three > dark backgrounds > hover*/
.btn.btn-three.btn-dark>.vc_btn3:hover {
  background-color: #808080 !important;
}

/*** MOBILE CTA ***/

/* mobile click to call color */
#mobile-phone-cta a {
  background-color: #8750a0 !important;
  color: #F8F8F8 !important;
}

#mobile-phone-cta a:hover {
  background-color: #1c5b85 !important;
}

#mobile-phone-cta {
display: block;
position: fixed;
bottom: 0px;
left: 0;
right: 0;
height: auto;
z-index: 108;
padding: 0 !important;
-webkit-box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
}

#mobile-phone-cta a {
display: block;
height: auto;
width: 100%;
text-align: center;
font-size: 16px;
font-weight: normal;
padding: 10px 0;
-webkit-transition: 0.3s all ease;
transition: 0.3s all ease;
font-weight: 700;
}

#mobile-phone-cta>div>div {
padding-top: 0 !important;
}

#mobile-phone-cta a i {
font-size: 16px;
padding-right: 8px;
}

/* Add margin to footer and back to top button so CTA doesn't cover them */
@media screen and (max-width:767px) {
footer, a#back_to_top {
margin-bottom: 48px;
}
}

/* Hide the mobile CTA on desktop */
@media screen and (min-width:768px) {
#mobile-phone-cta {
display: none;
}
}

/* COLUMNS */
/* column full width on tablet */
@media (max-width: 1023px) {
  .full-width-tablet .wpb_column {
    width: 100%;
  }
}

/* minimum height for columns with a background image */
.bg-img-col .vc_column-inner {
  background-size: cover !important;
  background-position: 50% 50%;
  min-height: 15rem !important;
}

/* background for columns with text */
.bg-text-col {
  background-color: whitesmoke;
}

/* REVERSE */
/* reverse columns on tablet */
@media (max-width: 1023px) {
  .reverse-tablet {
    /* Safari */
    /* Safari 6.1+ */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/* reverse columns on mobile */
@media (max-width: 768px) {
  .reverse-mobile {
    /* Safari */
    /* Safari 6.1+ */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}

/* VISIBILITY */
/* hide elements from small screens on*/
@media (max-width: 1240px) {
  .hidden-sm-screen {
    display: none !important;
  }
}

/* hide elements from tablet on */
@media (max-width: 1024px) {
  .hidden-tablet {
    display: none !important;
  }
}

/* hide elements from mobile on */
@media (max-width: 768px) {
  .hidden-mobile {
    display: none !important;
  }
}

/* hide elements from small mobile on */
@media (max-width: 480px) {
  .hidden-sm-device {
    display: none !important;
  }
}

/* BACKGROUND POSITION */
.bg-0 {
  background-position: 50% 0% !important;
}

.bg-20 {
  background-position: 50% 20% !important;
}

.bg-40 {
  background-position: 50% 40% !important;
}

.bg-60 {
  background-position: 50% 60% !important;
}

.bg-80 {
  background-position: 50% 80% !important;
}

.bg-100 {
  background-position: 50% 100% !important;
}

/* OVERLAY ROWS */
.vc_row.overlay-one-row::before {
  content: "";
  position: absolute;
  display:block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.15+100 */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.15)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#26ffffff', GradientType=1);
  /* IE6-9 */
}

/* OVERLAY COLUMNS */
.overlay-one-col .vc_column-inner::before {
  content: "";
  position: absolute;
  display:block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.5+0,0.15+100 */
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0.15)));
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0.15) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80ffffff', endColorstr='#26ffffff', GradientType=1);
  /* IE6-9 */
  z-index: -1;
}

/* OVERFLOW */
/*make overflow elements in a row visible*/
.overflow.vc_row, .overflow.vc_row[data-vc-full-width] {
  overflow: visible;
}

/* NEGATIVE MARGIN */
@media only screen and (min-width: 1024px) {
.neg-top {
  margin-top: -120px;
}
.neg-bottom {
  margin-bottom: -120px;
}
.neg-left {
  margin-left: -120px;
}
.neg-right {
  margin-right: -120px;
}}


/* END GENERAL CSS ---------------------------------------------------------***/

/* HERO SECTION GENERAL ------------------------------------------------------*/
/* change the background size for home and internal hero */
.hero {
  background-position: 50% bottom !important;
}
.hero.inner-banner{
  background-position: 50% 50% !important;
}

/* background color of hero inner column */
.hero .hero-col .vc_column-inner {
  background-color: whitesmoke;
}

/* add side padding when row and content are stretched */
.hero[data-vc-stretch-content], .hero.homepage[data-vc-stretch-content] {
  padding-right: 5%;
  padding-left: 5%;
}

.vc_row-has-fill+.vc_row-full-width+.vc_row.hero>.vc_column_container.hero-col>.vc_column-inner {
  padding: 8% 8%;
}

/* inner padding of homepage hero column */
.hero.homepage .hero-col .vc_column-inner {
  padding: 8% 8%;
}

/* titles follow the alignment set to the section 
.hero h1, .hero h2, .hero h3, .hero h4, .hero h5, .hero h6 {
  text-align: inherit !important;
}*/

@media (max-width: 768px) {
  .hero {
    text-align: center !important;
  }
}

/*--- HERO ONE ---*/
/* row padding of internal hero */
 .hero.hero-one {
     padding-top: 6%;
     padding-bottom: 6%;
}
/* row padding of homepage hero*/
 .homepage.hero.hero-one {
     padding-top: 12%;
     padding-bottom: 12%;
     background-position: 50% 50%;
}
/* column expand to 100% width on tablet */
 @media (max-width: 1024px) {
     .hero.hero-one .wpb_column {
         width: 100% !important;
    }
}

/* PODS GENERAL --------------------------------------------------------------*/
.pods {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/* columns start stacking on small screens */
@media (max-width: 1240px) {
  .pods {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}

/* columns expand to 100% on mobile */
@media (max-width: 600px) {
  .pods .wpb_column.vc_column_container {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}

/* column max-width - please only change the margin between the columns and adjust the flex-basis so the total is always 50 */
.pods .wpb_column.vc_column_container {
  width: 0;
 -ms-flex-preferred-size: calc(49% - 20px);
  flex-basis:calc(49% - 20px);
  margin:2%;
}

/* use this class when you have 3 pods to adjust the responsive - please only change the margin between the columns and adjust the flex-basis so the total is always 33 */
.pods.pods-three-col .wpb_column.vc_column_container {
   -ms-flex-preferred-size: calc(32% - 20px);
  flex-basis:calc(32% - 20px);
  margin:10px;
}

.pods.pods-three-col {
  -ms-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

/* columns expand to 100% on mobile */
@media (max-width: 680px) {
  .pods.pods-three-col .wpb_column.vc_column_container {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}

/* add margin bottom to icon image */
.pods .wpb_single_image img {
  margin-bottom: 15px;
}

/* style the titles */
.pod-title p {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.02em;
  color: #2b2b2b;
}

/* style the paragraph */
.pods .wpb_text_column p {
  margin-bottom: 15px !important;
}

/* style the button - if left empty it inherits the style of button one */
.pods .btn.btn-one>.vc_btn3 {
  margin-top: 0 !important;
}

/* link expands to cover the content of the column */
a.pod-link {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 3;
}

/* button align to the bottom */

.pods .wpb_column.vc_column_container .vc_column-inner{
  display: flex;
  align-items: stretch;
  height: 100%; 
   width:100%;
}
.pods .wpb_column.vc_column_container .vc_column-inner .wpb_wrapper{
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    height: 100%;
     width:100%; 
}

/*align button to bottom of pod*/
.vc_row.wpb_row.vc_row-fluid.pods .vc_btn3-container{
  margin-top:auto;
}
/* PODS SIX ------------------------------------------------------------------*/
/* when we want to use a background image below the pods and a title we need to nest the pods row in a container */
.pods-container {
  background-size: cover;
  background-position: 50% 50%;
}

.pods-container .wpb_text_column.wpb_content_element {
  text-align: center;
  max-width: 750px;
  margin: auto;
}

/* margin between title and inner row with pods */
.pods-container > .wpb_column:first-child {
    margin-bottom: 2%;
}

/* column background color */
.pods.pods-six .wpb_column.vc_column_container {
  background-color: #D8D8D8;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/* columns padding */
.pods.pods-six .vc_column-inner {
  padding: 8% !important;
}

/* center align content and image */
.pods.pods-six, .pods.pods-six .wpb_single_image.vc_align_left {
  text-align: center !important;
}

/* HOVER EFFECT */
/* change background color on hover*/
.pods.pods-six .wpb_column.vc_column_container:hover {
  background-color: #888888 !important;
  -webkit-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}

/* change text color on hovre*/
.pods.pods-six .wpb_column:hover .pod-title p, .pods.pods-six .wpb_column:hover .wpb_text_column p {
  color: white !important;
  z-index: 2;
  position: relative;
}

/* change button color */
.pods.pods-six .wpb_column:hover .btn.btn-one>.vc_btn3, .pods.pods-six .wpb_column:hover .btn>.vc_btn3:hover {
  background-color: #404040 !important;
}



/* PODS ONE ------------------------------------------------------------------*/
/* column background color */
.pods.pods-one .wpb_column.vc_column_container {
    /*background-color: #D8D8D8;*/
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  
  /* columns padding */
  .pods.pods-one .vc_column-inner {
    padding: 20% 8% !important;
  }
  
  /* center align content and image */
  .pods.pods-one, .pods.pods-one .wpb_single_image.vc_align_left {
    text-align: center !important;
  }
  
  /* HOVER EFFECT */
  /* change background color on hover*/
  .pods.pods-one .wpb_column.vc_column_container:hover {
    background-color: #888888 !important;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
  }
  
  /* change text color on hovre*/
  .pods.pods-one .wpb_column:hover .pod-title p, .pods.pods-one .wpb_column:hover .wpb_text_column p {
    color: white !important;
    z-index: 2;
    position: relative;
  }
  
  /* change button color */
  .pods.pods-one .wpb_column:hover .btn.btn-one>.vc_btn3, .pods.pods-one .wpb_column:hover .btn>.vc_btn3:hover {
    background-color: #404040 !important;
  }

  /** Pods colorslide  **/


  .pods.colorslide .wpb_column {
    /*background: rgba(255, 255, 255, 0.5);*/
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
    }
    
    .pods.colorslide .wpb_column .vc_column-inner {
    z-index: 1;
    position: relative;  
    }
    
    .pods.colorslide .wpb_column:hover {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    }
    
    .pods.colorslide .wpb_column:after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    left: -100%;
    top: 0;
    position: absolute;
    background-image: linear-gradient(0deg, #2b2b2b 0%, #3d3d3d 100%);
    z-index: 0;
    }
    
    .pods.colorslide .wpb_column:hover:after {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 0;
    }
    .pods.colorslide .wpb_column .pod-icon{ display: block;}
    .pods.colorslide .wpb_column:hover .pod-icon{ display: none;}
    .pods.colorslide .wpb_column .pod-icon-hvr{ display: none;}
    .pods.colorslide .wpb_column:hover .pod-icon-hvr{ display: block;}
  
  

/* USP GENERAL ---------------------------------------------------------------*/
.usp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
/*.gray-bg p{
  color: #fff !important;
}*/

/* columns start stacking on small screens */
@media (max-width: 1240px) {
  .usp {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}

/* columns expand to 100% on mobile */
@media (max-width: 767px) {
  .usp .wpb_column.vc_column_container {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
  .usp-two p {
    min-height: auto;
}
}

/* column padding */
.usp .vc_column-inner {
  padding: 10% !important;
}
.usp.usp-two .vc_column-inner {
  padding: 10% 10% 0 0 !important;
}

/* column max-width - please only change the margin and adjust the flex-basis so the total is always 50 */
.usp .wpb_column.vc_column_container {
  width: 0;
  -ms-flex-preferred-size: 49%;
  flex-basis: 49%;
  margin: 0.5%;
  background-color: #fff !important;
  border-radius: 10px !important;
}

/* use when you have 3 columns - please only change the margin and adjust the flex-basis so the total is always 33 */
.usp.usp-three-col .wpb_column.vc_column_container {
  -ms-flex-preferred-size: 32% !important;
  flex-basis: 32% !important;
  margin: 0.5%;
}

/* change columns padding when they jump on 2 columns*/
@media (max-width: 1239px) {
  .usp .vc_column-inner {
    padding: 3% !important;
  }
}

/* columns expand to 100% on mobile */
@media (max-width: 650px) {
  .usp.usp-three-col .wpb_column.vc_column_container {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}

/* center align content and image */
 .usp.usp-one .wpb_single_image.vc_align_left {
  text-align: center !important;
}
.usp.usp-one .wpb_wrapper {
    text-align: center !important;
  }

/* add margin bottom to icon image */
.usp .wpb_single_image img {
  margin-bottom: 15px;
}

/* style the titles */
.usp-title p {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0.02em;
    margin-bottom: 15px !important;
    
}
.usp-two p{
    min-height: 60px;
}

/* USP ONE ------------------------------------------------------------------*/
/* add a background color to the columns */
 .usp.usp-one .wpb_column.vc_column_container {
     background-color: transparent;
}



/* USP ONE ------------------------------------------------------------------*/
/* add a background color to the columns */
 .usp.usp-one .wpb_column.vc_column_container {
     background-color: transparent;
}
.usp.usp-one.inner-usp2 .wpb_column.vc_column_container,
.usp.usp-one.inner-usp .wpb_column.vc_column_container {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
 border-radius: 10px;
 margin: 1%;
}
.usp-container.inner-usp2 .usp .wpb_column.vc_column_container,
.usp-container.inner-usp .usp .wpb_column.vc_column_container {
  box-shadow: 0px 0px 10px rgba(0,0,0,0.15);
 border-radius: 10px;
}
.usp-container .usp.usp-two .vc_column-inner{
  padding: 5% !important;
}



/*--- TEXT SECTION TWO ---*/
.text-two {}




/* CTA GENERAL --------------------------------------------------------------*/
/* style the text of the cta > use a paragraph*/
.cta .wpb_text_column p {
  font-size: 35px;
  line-height: 46px;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
}
.cta .wpb_text_column p strong{
  font-weight: 400;
  color: #8750a0;
}
.cta .wpb_text_column p a{
  color: #8750a0;
  font-size: 42px;
}
.cta .wpb_text_column p a:hover{
  color: #000;
}

/* use this class to hightlight text in the cta, the phone number for example*/
.cta .cta-highlight {
  margin-top: 25px;
  font-size: 1.4em;
  letter-spacing: 0.08em;
}

/*--- CTA ONE---*/
/* content alignment */
.cta-one {
  text-align: center !important;
}

/* set a max width for the column */
@media (min-width: 769px) {
  .cta.cta-one .vc_column-inner {
    max-width: 950px;
    margin: auto;
  }
}

/* text alignment and bottom margin */
.cta-one .wpb_single_image.vc_align_left {
  text-align: center !important;
  margin-bottom: 25px;
}

/*--- HERO FIVE ---*/
/* set a minimum height for the hero image in the homepage */
.homepage.hero.hero-five-bg {
  min-height: 50vh;
}

/* set a minimum height for the hero image in the internal pages */
.hero.hero-five-bg {
  min-height: 30vh;
  background-position: 50% 50%;
}

/* set a max width for the elements in the column */
@media (min-width: 769px) {
  .hero.hero-five .vc_column-inner {
    max-width: 850px;
    margin: auto;
  }
}

/* row padding of internal hero */
.hero.hero-five {
  padding-top: 8%;
  padding-bottom: 8%;
}

/* element alignments in the row */
.hero.hero-five {
  text-align: center !important;
}

/* column expand to 100% width on tablet */
@media (max-width: 1024px) {
  .hero.hero-five .wpb_column {
    width: 100% !important;
  }
}

/*--- TEXT SECTION FIVE ---*/
.text-five {
  text-align: center !important;
  background-size: cover !important;
  background-position: 50% 50%;
}

.text-five h1, .text-five h2, .text-five h3, .text-five h4, .text-five h5, .text-five h6, .text-five p {
  text-align: inherit !important;
  max-width: 750px;
  margin: auto;
}

/* USP TWO ------------------------------------------------------------------*/
/* when we want to use a background image below the usp and a title we need to nest the usp row in a container */
.usp-container {
  background-size: cover;
  background-position: 50% 50%;
}

.usp-container .wpb_text_column.wpb_content_element {
  text-align: center;
  max-width: 750px;
  margin: auto;
}

/* margin between title and inner row with pods */
.usp-container > .wpb_column:first-child {
    margin-bottom: 2%;
}

/* add a background color to the columns */
 .usp.usp-two .wpb_column.vc_column_container {
     background-color: transparent;
}



/* CONTACT TWO ---------------------------------------------------------------*/
.contact-two.contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
  -webkit-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

/* columns start stacking on small screens */
@media (max-width: 1240px) {
  .contact-two.contact-icon {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
  }
}

/* columns expand to 100% on mobile */
@media (max-width: 480px) {
  .contact-two.contact-icon .wpb_column.vc_column_container {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}

/* column max-width - please only change the margin and adjust the flex-basis so the total is always 50 */
.contact-two.contact-icon .wpb_column.vc_column_container {
  width: 0;
  -ms-flex-preferred-size: 46%;
  flex-basis: 46%;
  margin: 2%;
}

/* center align content and image */
.contact-two.contact-icon .wpb_single_image.vc_align_left {
  text-align: center !important;
}

/* add margin bottom to icon image */
.contact-two.contact-icon .wpb_single_image img {
  margin-bottom: 15px;
}

/* style the titles */
.contact-two.contact-icon .contact-title p {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.25em;
  letter-spacing: 0.02em;
  margin-bottom: 7px !important;
  text-align: center;
}

/* style the paragrapph */
.contact-two.contact-icon p {
  text-align: center !important;
}

/*column with the form */
.contact-two .form-col {
  padding: 5% !important;
}

/* FOOTER STYLES GENERAL--------*/

/*column padding and margin*/
.footer-group .footer-col {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  margin-bottom: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* style the titles */
.footer-col p.title {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 1.2em;
  letter-spacing: 0.02em;
}

/*consistent lineheight spacing*/
.footer-col p,
.footer-col a {
  line-height: 1.7em;
  margin-bottom: 0;
}

/*separate tel and email anchors*/
.footer-col a {
  display: block;
}

/*logo sizing*/
.footer-col a img {
  max-height: 80px;
}
/*stop bad break points*/
.footer-col p span,
a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

/*lists general*/
.footer-group ul {
  list-style: none;
  margin-top: 0px;
  margin-bottom: 0;
}

/*social media list*/
ul.social li {
  display: inline-block;
  padding: 0 10px;
}
ul.social li a i {
  font-size: 30px;
}

/*layout STYLS general*/
@media (max-width: 1240px) {
  .widgets_wrapper .container {
    max-width: 100%;
  }
}
.footer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

#Footer .container{
padding-left:10px !important;
padding-right:10px !important;
}


/*FOOTER SPECIFIC STYLES*/

.footer-group.one {
  text-align: center;
}
/*.footer-group.one .footer-col:last-of-type a {
  font-size: 30px;
  line-height: 1.2em
}*/
@media (min-width: 768px) {
  .footer-group.one .footer-col:first-of-type {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    margin-bottom: 20px
  }
}
@media (max-width: 767px) {
  .footer-group.one .footer-col {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
}
@media (max-width: 640px) {
  .footer-group.one .footer-col {
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
  }
  /*only display none if using sticky cta*/
  /*.footer-group.one .footer-col:last-of-type {
    display: none;
  }*/
}




/********************************************************************************

                                      Custom Style

*********************************************************************************/

.hero-bnr{
    position: relative;    
}
.hero.inner-banner{ min-height: 60vh;}
.hero.inner-banner:after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: visible;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #000000 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#000000 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#000000 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
display: block;

    
}
.hero.hero-one:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: visible;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #000000 0%, rgba(255,255,255,0) 40%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#000000 0%,rgba(255,255,255,0) 40%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#000000 0%,rgba(255,255,255,0) 40%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  
}

/*.ast-custom-html {
    padding: 10px 0 0;
}*/
.ast-custom-html p span {
    padding: 0 20px;
    font-size: 0;
    line-height: 0;
    position: relative;
}
/*.ast-custom-html p {
    padding: 10px 0 0 !important;
}*/
/*.ast-custom-html p a{
    color: #fff !important;
}*/
/*.ast-custom-html p a.hd-ph{
  font-size: 25px;
    font-weight: 700 !important;
    padding: 0px 0 0 5px;
    float: right;
}*/
.ast-custom-html img {
  margin-right: 5px;
}
.ast-custom-html p a:hover{
    color: #8750a0 !important;
}
.ast-above-header{
    border-bottom-width: 0px !important;
}
.ast-custom-html p span:after {
    content: "";
    position: absolute;
    right: 0;
    top: -10px;
    width: 1px;
    height: 30px;
    background: #eee;
    left: 0;
    bottom: 0;
    margin: auto;
}
.main-header-menu a:hover, .ast-header-custom-item a:hover, .main-header-menu li:hover > a, .main-header-menu li.focus > a {
    background-color: #8750a0;
    color: #ffffff;
    border-radius: 5px;
    height: 50px;
}
.ast-theme-transparent-header .main-header-menu li:hover > a, 
.ast-theme-transparent-header .main-header-menu li:hover > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .ast-masthead-custom-menu-items a:hover, 
.ast-theme-transparent-header .main-header-menu .focus > a, 
.ast-theme-transparent-header .main-header-menu .focus > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .current-menu-item > a, 
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > a, 
.ast-theme-transparent-header .main-header-menu .current_page_item > a, 
.ast-theme-transparent-header .main-header-menu .current-menu-item > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .current_page_item > .ast-menu-toggle{
    background-color: #8750a0;
    color: #ffffff !important;
    border-radius: 5px;
    height: 50px;
}
.ast-theme-transparent-header .main-header-menu ul.sub-menu a:hover, 
.ast-theme-transparent-header .main-header-menu ul.sub-menu li:hover > a, 
.ast-theme-transparent-header .main-header-menu ul.sub-menu li.focus > a, 
.ast-theme-transparent-header .main-header-menu ul.sub-menu li.current-menu-item > a, 
.ast-theme-transparent-header .main-header-menu ul.sub-menu li.current-menu-item > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu ul.sub-menu li:hover > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu ul.sub-menu li.focus > .ast-menu-toggle {
    color: #8750a0 !important;
    height: auto;
}
.bnr-wave {
  margin-top: -19%;
}
.inr-bnr-wave{
  margin-top: -19%;
}
h1.h1-cont{
    text-shadow:1px 1px 10px rgba(0,0,0,0.68);
    position: relative;
    margin-bottom: 70px !important;
    margin-top: 20%;
}
.head-underline{
  position: relative;
}
.head-underline:after{
    content: ""; 
    position: absolute; left: 0;
    right: 0;
    margin: auto;
    width: 150px;
    height: 4px;
    background: #fff;
    bottom: -40px;
    display: block;
}
.blue-underline{
  position: relative;
  margin: 0 0 25px !important;
  padding: 0 0 15px !important;
  color: #8750a0 !important;
}
.blue-underline:after{
    content: ""; 
    position: absolute; 
    left: 0;
    width: 70px;
    height: 4px;
    background: #ffc80a;
    bottom: 0px;
    display: block;
}
.blue-underline.ctr:after{  
  right: 0;
  margin: auto;
}
.white-underline{
  position: relative;
  margin: 0 0 20px !important;
  padding: 0 0 20px !important;
  color: #fff !important;
}
.white-underline:after{
    content: ""; 
    position: absolute; 
    left: 0;
    width: 70px;
    height: 4px;
    background: #ffc80a;
    bottom: 0px;
    display: block;
}
.white-underline.ctr:after{  
  right: 0;
  margin: auto;
}
.inner-banner .head-underline:after{
  bottom: -20px;
}
.hero.inner-banner h1{
  text-shadow:1px 1px 10px rgba(0,0,0,0.68);
}

/* Arrow Animation */

/*.downArrow{
	position: fixed;
	bottom: 45%;
	left: 50%;
}*/
.bounce {
	-moz-animation: bounce 3s infinite;
	-webkit-animation: bounce 3s infinite;
	animation: bounce 3s infinite;
}
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-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% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

.bnr-cnt {
    padding-right: 8%;
    border-right: 1px solid #c7c7c7;
}
.hero-content .vc_btn3 {
    margin: 0 !important;
}



.who-cnt {
    padding-left: 5%;
}
.who-cnt .usp{ padding-top: 20px;}
.who-sec .bg-img-col .wpb_single_image {
    border-radius: 35px;
    overflow: hidden;
}

.who-cnt .btn{
    margin: 20px 0 0;
}
.blue-line {
  position: relative;
  padding-bottom: 15px;
  margin: 0 0 25px !important;
}
.blue-line:after{
    content: "";
    width: 70px;
height: 4px;
background-color: #ffc80a;
left: 0;
bottom: 0;
position: absolute;
}

.return-sec h2{
    color: #fff;
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 25px !important;
}
.return-sec h2:after, .roofing-sec h2:after{
    content: "";
    width: 70px;
height: 4px;
background-color: #ffc80a;
left: 0;
bottom: 0;
position: absolute;
}
.return-sec p, .roofing-sec p{
    margin: 0 0 20px !important;
}
.pods.pods-one {
  background-position: right center !important;
  background-size: 10%;
}
.why-sec{
  background-size: 15%;
}
.why-sec h2{ position: relative;
  padding: 0 0 15px;
  margin: 0 0 25px !important;
}
.why-sec h2:after{
    content: "";
    width: 70px;
height: 4px;
background-color: #ffc80a;
left: 0;
right: 0;
margin: auto;
bottom: 0;
position: absolute;
}
.roofing-sec{
    overflow: visible !important;
    padding: 6% 0 !important;
}
.roofing-sec .roofing-margin {
  margin-top: -90px;
  margin-bottom: -90px;
}
.roofing-sec h2{
    position: relative;
    padding: 0 0 15px;
    margin: 0 0 25px !important;
    color: #fff;
}
/*.ast-primary-sticky-header-active .site-branding{
  padding: 10px 0 0;
}*/

.cta-bg{ 
  margin-top: -4%;
}
.cta-cont{
  border-right: 1px solid #c7c7c7;
  padding-right: 5%;
}

.footer-col{
  padding: 20px !important;
}
.ft-logo{
  border-bottom: 1px solid #3b3b3b;
}
.ft-loc{
  border-right: 1px solid #3b3b3b;
}
.ft-ph{
  border-right: 1px solid #3b3b3b;
}
.footer-col img {
  margin-bottom: 10px;
}
.footer-col p a{
  display: inline-block;
}
@media (min-width: 769px){
  .ast-footer-overlay {
    padding-top: 15px;
    padding-bottom: 15px;
}
}
.ast-small-footer {
  border-top-style: solid;
  border-top-width: 0px;
  border-top-color: #7a7a7a;
}
.ast-sticky-main-shrink.ast-header-break-point .ast-sticky-shrunk .site-branding {
  padding-bottom: 0 !important;
}

#ast-scroll-top{
  opacity: 1;
  width: auto;
    height: auto;
    line-height: 1;
}
#ast-scroll-top:hover:before{
  opacity: 0.7;
}
.ast-scroll-top-icon::before {
  content: "";
  font-family: inherit; 
  text-decoration: inherit; 
  background-image: url(/wp-content/uploads/2019/09/up-arrow.png);
  width: 61px;
  height: 68px;
  display: block;
  transform: rotate(180deg);
  background-size: contain;
}

 
.main-header-menu li ul.sub-menu li.current-menu-item a{
  background-color: transparent;
}

.inner-usp{
  background-position: 0 center !important;
  background-size: 15% !important;
  background-repeat: no-repeat;
}
.inner-usp2{
  background-position: right center !important;
  background-size: 15% !important;
  background-repeat: no-repeat;
}

.hero-col .vc_column-inner,
.form-col .vc_column-inner{
  padding: 8%;
}
.hero-col .vc_column-inner p, .form-col .vc_column-inner p ,
.hero-col .vc_column-inner a, .form-col .vc_column-inner a, .hero-col h2 {
  color: #fff;
}
.hero-col .vc_column-inner a:hover, .form-col .vc_column-inner a:hover{
  opacity: 0.7;
}
.entry-content h2, h2 {
	color: #000 !important;
}
.form-col .contact-title p{
  font-size: 40px;
  font-weight: 400;
    font-family: 'Oswald', sans-serif;
    text-transform: capitalize;
}
.form-col .gform_wrapper  label{ color: #fff;}
body .gform_wrapper ul li.gfield{ margin-top: 10px !important;}
body .gform_wrapper .top_label div.ginput_container{ margin-top: 0 !important;}
.gform_wrapper .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker), 
.gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker){
  margin-top: 0 !important;
}
.gform_wrapper .gform_footer{
  padding: 0;
  margin: 10px 0 0;
}
.gform_wrapper div.validation_error {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0;
  border-top: 0px solid #790000;
  border-bottom: 0px solid #790000;
  padding: 0;
  text-align: left;
}
.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, .gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half{
  max-width: 100%;
}
.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background-color: transparent;
  margin-bottom: 0px!important;
  border-top: 0px solid #C89797;
  border-bottom: 0px solid #C89797;
  padding-bottom: 0;
  padding-top: 0;
  box-sizing: border-box;
}
.gform_wrapper .gfield_error .gfield_label {
  color: #fff;
}
.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio {
  color: #fff;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label, .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label {
  margin: 0;
}
.gform_wrapper .validation_message {
  color: #fff !important;
  padding: 0 !important
}
.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
  border: 0px solid #790000;
}
.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0;
}
.contact-four {
  margin-top: -6%;
}
.gform_wrapper .top_label li.gfield.gf_left_half, .gform_wrapper .top_label li.gfield.gf_right_half{
  width: 100%;
}
.contt-h1 p{ margin: 0 0 15px !important;}

.inr-blue-sec h2, .inr-blue-sec p, .inr-blue-sec li{
  color: #000 !important;
}
.inr-blue-sec .vc_column_container .vc_column-inner{
  padding-top: 0 !important;
}
.inr-blue-sec .vc_column-inner {
  padding: 0 10% !important;
}
.text-img-two ul{
  margin-left: 0;
}
.text-img-two ul li {
  list-style-type: none;
  padding-left: 20px;
  background-image: url(/wp-content/uploads/2019/09/black-list.png);
  background-position: 0 7px;
  background-repeat: no-repeat;
  margin: 0 0 10px;
}
.text-img-two.inr-blue-sec ul li{
  background-image: url(/wp-content/uploads/2019/09/white-list.png);
}

.usp-container .vc_column_container>.vc_column-inner,
.who-sec .vc_column_container>.vc_column-inner {
  padding-top: 0 !important;
}
.cta-btn.vc_column_container>.vc_column-inner, .cta-cont.vc_column_container>.vc_column-inner, .cta-img.vc_column_container>.vc_column-inner {
  padding-top: 0 !important;
} 

.gform_confirmation_message_8.gform_confirmation_message{
  color: #fff;
}

.main-header-menu li{
  margin-left: 1px;
}
.ast-desktop .main-header-menu .sub-menu{
  border-radius: 5px;
}
.hero-col{
  border-radius: 0px 10px 10px 0px;
  overflow: hidden;
}
.form-col{
  border-radius: 10px 0 0px 10px;
  overflow: hidden;
}


/* Media Quires */

@media screen and (max-width: 1530px) {
  span.site-logo-img img {
    width: 300px !important;
  }
  .why-sec {
    background-size: 12%;
}
.bnr-wave, .inr-bnr-wave {
  margin-top: -17%;
}
.inner-usp{
  background-position: 0 top !important;
}
.inner-usp2{
  background-position: right top !important;
}
.vc_btn3-container.vc_btn3-right {
  text-align: center;
}
}
@media screen and (max-width: 1400px) {
  span.site-logo-img img {
    width: 250px !important;
  }
  .pods.pods-one{
    background-size: 6%;
  }
}
@media screen and (max-width: 1350px){
  .ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation .close {
    color: #434343;
  }
  .ast-header-break-point .main-header-menu, 
  .ast-header-break-point .main-header-menu a, 
  .ast-header-break-point .main-header-menu li.focus > .ast-menu-toggle, 
  .ast-header-break-point .main-header-menu .current-menu-item > .ast-menu-toggle, 
  .ast-header-break-point .main-header-menu .current-menu-ancestor > .ast-menu-toggle, 
  .ast-header-break-point .main-header-menu .current_page_item > .ast-menu-toggle, 
  .ast-header-break-point .ast-header-custom-item, .ast-header-break-point .ast-header-custom-item a, 
  .ast-header-break-point .ast-masthead-custom-menu-items, .ast-header-break-point .ast-masthead-custom-menu-items a, 
  .ast-header-break-point .ast-masthead-custom-menu-items .ast-inline-search form .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select, 
  .ast-header-break-point .ast-above-header-menu-items, .ast-header-break-point .ast-above-header-menu-items a, 
  .ast-header-break-point .ast-below-header-menu-items, .ast-header-break-point .ast-below-header-menu-items a, 
  .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget, 
  .ast-header-break-point .ast-below-header-merged-responsive .below-header-user-select .widget-title {
    color: #434343;
}
.ast-header-break-point .main-header-menu a:hover, .ast-header-break-point .ast-header-custom-item a:hover, .ast-header-break-point .main-header-menu li:hover > a, .ast-header-break-point .main-header-menu li.focus > a {
  background-color: transparent;
  color: #8750a0 !important;
}
.ast-theme-transparent-header .main-header-menu li:hover > a, 
.ast-theme-transparent-header .main-header-menu li:hover > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .ast-masthead-custom-menu-items a:hover, 
.ast-theme-transparent-header .main-header-menu .focus > a, 
.ast-theme-transparent-header .main-header-menu .focus > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .current-menu-item > a, 
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > a, 
.ast-theme-transparent-header .main-header-menu .current_page_item > a, 
.ast-theme-transparent-header .main-header-menu .current-menu-item > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .ast-menu-toggle, 
.ast-theme-transparent-header .main-header-menu .current_page_item > .ast-menu-toggle {
  background-color: transparent;
  color: #8750a0!important;
  border-radius: 0;
  height: auto;
}
.ast-site-identity {
  padding: 1.5em 0;
}
.bnr-wave, .inr-bnr-wave {
  margin-top: -15%;
}
.why-sec {
  background-size: 10%;
}
}
@media screen and (max-width: 1279px){
  .homepage.hero.hero-one{
    min-height: 80vh !important;
  }
  .why-sec, .pods.pods-one, .inner-usp, .inner-usp2{
    background-image: inherit !important;
  }
  .downArrow {
    display: none;
  }
  
.pods .wpb_column.vc_column_container {
  -ms-flex-preferred-size: calc(33% - 20px);
  flex-basis: calc(33% - 20px);
  margin: 1%;
}
.usp-title p{
  font-size: 16px;
}
.cta .wpb_text_column p {
  font-size: 26px;
  line-height: 36px;
}
h1.head-underline br{
  display: none;
}
}
@media screen and (min-width: 1024px) and (max-width: 1240px){
  .usp .wpb_column.vc_column_container{
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
  }
  .why-sec.usp .wpb_column.vc_column_container,
  .who-cnt .usp .wpb_column.vc_column_container{
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }
  .gas-usp.usp .wpb_column.vc_column_container{
    -ms-flex-preferred-size: 48%;
    flex-basis: 48%;
  }
  .inr-blue-sec .vc_column-inner {
    padding: 0 6% !important;
}
h1.head-underline{
  font-size: 40px !important;
}
}
@media screen and (max-width: 1024px){
  .bnr-wave, .inr-bnr-wave {
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px){
  .hero.inner-banner {
    min-height: 300px;
  }
  .who-sec .bg-img-col {
    margin: 0 0 20px;
  }
  .who-cnt {
    padding-left: 0%;
}
.usp .wpb_column.vc_column_container{
  margin: 0.5% auto !important;
}
.hero-col{
  border-radius: 10px 10px 0 0;
}
.form-col{
  border-radius: 0 0 10px 10px;
}

.roofing-sec .roofing-margin {
  margin-top: 0;
  margin-bottom: 0;
  height: 50vh;
}
.cta-bg {
  margin-top: 0;
  display: none;
}
h1.head-underline{
  font-size: 40px !important;
}
.roofing-sec{
  padding: 0% 0 !important;
}
.who-sec .bg-img-col .wpb_single_image{
  max-width: 50%;
}
.cta .wpb_column.vc_column_container {
  width: 100%;
  text-align: center !important;
  margin: 10px 0;
}
.cta .vc_btn3-container.vc_btn3-right{
  text-align: center;
}
.cta-cont {
  border-right: 0px solid #c7c7c7;
}
.bnr-cnt {
  padding-right: 0;
  border-right: 0px solid #c7c7c7;
  width: 100%;
  margin: 0 0 20px;
}
.hero-content .vc_column_container.vc_col-sm-3 {
  width: 100%;
}
.hero-content .vc_btn3-container.vc_btn3-right{
  text-align: left;
}
.bg-img-col .vc_column-inner{
  min-height: 25rem !important;
}

.inner-usp, .inner-usp2{
  background-image: inherit !important;
}
.inr-blue-sec .vc_column-inner {
  padding: 0 0% !important;
}
.inr-blue-sec .vc_column_container:first-child {
  margin-bottom: 50px;
}
.text-img-two ul li{ font-size: 16px;}
}

@media screen and (min-width: 768px) and (max-width: 1023px){
  .usp-container .usp .wpb_column.vc_column_container{
    -ms-flex-preferred-size: inherit;
      flex-basis: inherit;
      margin: 1% auto !important;
      display: inline-block;
      width: 48%;
  }
}
@media screen and (max-width: 767px){
  .homepage.hero.hero-one {
    min-height: 50vh !important;
}
.pods .wpb_column.vc_column_container {
  -ms-flex-preferred-size: calc(100% - 20px);
  flex-basis: calc(100% - 20px);
  margin: 3%;
}
.who-sec .bg-img-col .wpb_single_image {
  max-width: 100%;
}
.ast-footer-overlay{
  padding-top: 1em;
  padding-bottom: 1em;
}
.footer-adv-overlay{
  padding-bottom: 0 !important;
}
.footer-adv-widget-1 .widget:last-child {
  margin: 0 !important;
}
.footer-group .footer-col{
  margin-bottom: 0;
}
.footer-col img {
  margin-bottom: 0px;
}
.cta.cta-four {
  display: none;
}
.footer-adv .footer-adv-overlay{
  border-top: 1px solid #3b3b3b;
}
.ast-scroll-to-top-right{
  bottom: 60px;
  right: 20px;
}
.ast-scroll-top-icon::before{
  width: 39px;
    height: 43px;
}
.ft-loc, .ft-ph {
  border-right: 0px !important;
}
/*.hero.inner-banner {
  min-height: 35vh;
}*/
.usp .wpb_column.vc_column_container {
  margin: 20px 0 !important;
}
.usp.why-sec .wpb_column.vc_column_container:last-child{
  margin: 20px 0 0 !important;
}
.usp-two p {
  min-height: auto;
}
.form-col .contact-title p{
  font-size: 25px;
}
h1.head-underline {
  font-size: 30px !important;
}
.homepage.hero.hero-one {
  min-height: 35vh !important;
}
.hero.hero-one:after{
  background: #1e5799;
  background: -moz-linear-gradient(top, #000000 0%, #000000 0%, rgba(255,255,255,0) 80%);
  background: -webkit-linear-gradient(top, #000000 0%,#000000 0%,rgba(255,255,255,0) 80%);
  background: linear-gradient(to bottom, #000000 0%,#000000 0%,rgba(255,255,255,0) 80%);
}
.inr-blue-sec .vc_column_container:first-child {
  margin-bottom: 30px;
}
.pad-md-col > .vc_column-inner {
  padding: 8% 8% 0 !important;
}
}
@media screen and (max-width: 959px) {
	.wpb_animate_when_almost_visible {
	    opacity: 1;
	    filter: alpha(opacity=100) ;
	    -webkit-animation: none !important;
	    -moz-animation: none !important;
	    -o-animation: none !important;
	    animation: none !important;
	}
}
.dark h2 {
    color: #fff !important;
}
/*HACK RESIZE SCREEN ISSUE*/
.vc_row { margin-left: 0px !important; margin-right: 0px !important; }
/*prevent scrolling to the sides on mobile*/
body, html { position: relative; overflow-x: hidden; }


#ast-fixed-header .main-header-menu li.current-menu-ancestor > a {
	background-color: #8750a0;
    color: #ffffff;
    border-radius: 5px;
    height: 50px;
}
/* White text when sub menu active */
#ast-fixed-header .main-header-menu li.current-menu-ancestor > a span.menu-text{
	color: #FFFFFF !important;
}
#ast-fixed-header .main-header-menu a:hover, #ast-fixed-header .main-header-menu li:hover > a {
	color: #fff !important;
}
#ast-fixed-header .main-header-menu .sub-menu a:hover {
	color:#8750a0 !important;
}