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


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


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


/* 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: 22px !important;
    }
}


/* 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;
    margin-top: 20px;
}


/* 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"] {
    background-color: #101010 !important;
    color: #f8f8f8 !important;
    border: 0px solid transparent !important;
}


/* 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: #282828 !important;
}


/* Button one */

.btn.btn-one>.vc_btn3 {
    background-color: #101010 !important;
    color: #f8f8f8 !important;
    border: 0px solid transparent !important;
}


/* Button one > hover */

.btn.btn-one:hover>.vc_btn3 {
    background-color: #282828 !important;
}


/* 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:hover>.vc_btn3 {
    background-color: #808080 !important;
}


/* Button two */

.btn-two>.vc_btn3 {
    background-color: #444 !important;
    color: #f8f8f8 !important;
    border: 0px solid transparent !important;
}


/* Button two> hover */

.btn.btn-two:hover>.vc_btn3 {
    background-color: #282828 !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:hover>.vc_btn3 {
    background-color: #808080 !important;
    color: #222 !important;
}


/* Button three */

.btn.btn-three>.vc_btn3 {
    background-color: #101010 !important;
    color: #f8f8f8 !important;
    border: 0px solid transparent !important;
}


/* Button three > hover */

.btn.btn-three:hover>.vc_btn3 {
    background-color: #282828 !important;
}


/* 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:hover>.vc_btn3 {
    background-color: #808080 !important;
}


/*** MOBILE CTA ***/


/* mobile click to call color */

#mobile-phone-cta a {
    background-color: #bcd446 !important;
    color: #000 !important;
}

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

#mobile-phone-cta {
    display: block;
    position: fixed;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 44px;
    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: 44px;
    width: 100%;
    text-align: center;
    font-size: 16px;
    font-weight: normal;
    padding-top: 10px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
}

#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: 640px) {
    footer,
    a#back_to_top {
        margin-bottom: 50px;
    }
}


/* Hide the mobile CTA on desktop */

@media screen and (min-width: 640px) {
    #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-size: cover !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 FOUR ---*/


/* remove padding top and bottom because the padding for this row is set by the columns */

.hero.hero-four {
    padding-top: 0;
    padding-bottom: 0;
    background-position: 50% 50%;
}


/* remove side padding when row and content are stretched*/

.hero.hero-four[data-vc-stretch-content] {
    padding-right: 0 !important;
    padding-left: 0 !important;
}


/* column padding of homepage hero */

.homepage.hero.hero-four .hero-col .vc_column-inner {
    padding: 14% 16% !important;
}


/* set a minimum height for the hero in the homepage */

.homepage.hero.hero-four {
    min-height: 60vh;
}


/* column expand to 100% width on mobile */

@media (max-width: 768px) {
    .hero.hero-four .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(50% - 20px);
    flex-basis: calc(50% - 20px);
    margin: 10px;
}


/* 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(33.333% - 20px);
    flex-basis: calc(33.333% - 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 {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.4em;
    letter-spacing: 0.02em;
    margin-bottom: 15px !important;
}


/* 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 FOUR ------------------------------------------------------------------*/


/* center align content and image */

.pods.pods-four,
.pods.pods-four .wpb_single_image.vc_align_left {
    text-align: center !important;
}


/* add side padding to the elements */

.pods.pods-four .wpb_column .pod-title p,
.pods.pods-four .wpb_column .wpb_text_column p {
    padding-left: 5%;
    padding-right: 5%;
}


/* add margin to the button */

.pods.pods-four .wpb_column .btn.btn-one>.vc_btn3 {
    margin-bottom: 15%;
    margin-top: 0%;
}


/* add margin to the last element if the button is removed */

.pods.pods-four .wpb_column .wpb_content_element:last-child {
    margin-bottom: 5% !important;
}


/* HOVER EFFECT */


/* add overlay on hover */

.pods .wpb_column:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    z-index: 0 !important;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.pods .wpb_column:hover:before {
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/* change text color on hover*/

.pods.pods-four .wpb_column:hover .pod-title p,
.pods.pods-four .wpb_column:hover .wpb_text_column p {
    color: white !important;
    z-index: 2;
    position: relative;
}


/* change button color */

.pods.pods-four .wpb_column:hover .btn.btn-one>.vc_btn3,
.pods.pods-four .wpb_column:hover .btn>.vc_btn3:hover {
    background-color: #404040 !important;
}

.pods.scale .wpb_column,
.pods.scale .wpb_column:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.pods.scale .wpb_column:hover {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.17);
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}


/* TEXT AND IMAGE SECTION GENERAL --------------------------------------------*/


/*--- TEXT & IMAGE SECTION FOUR---*/

.text-img-four {
    background-size: cover !important;
    background-position: 50% 50%;
}


/* TEXT SECTION GENERAL ------------------------------------------------------*/


/*Divide text in 2 columns */

@media (min-width: 768px) {
    .text-two-col {
        -webkit-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }
}


/*Divide text in 3 columns */

@media (min-width: 768px) {
    .text-three-col {
        -webkit-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }
}


/*--- TEXT SECTION ONE ---*/

.text-one {}


/* CTA GENERAL --------------------------------------------------------------*/


/* style the text of the cta > use a paragraph*/

.cta .wpb_text_column p {
    font-size: 1.9em !important;
    line-height: 1.4em;
}


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


/*--- CONTACT PAGE FOUR */

.contact-four-intro h1,
.contact-four-intro p {
    max-width: 850px;
}

.contact-four-intro {
    padding-bottom: 3% !important;
}


/* columns width responsive */

@media only screen and (max-width: 1024px) {
    .contact-four>.wpb_column {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .contact-four>.wpb_column {
        width: 100%;
    }
}


/* list with icons */

.contact-four .contact-icons .list_item .list_left {
    width: 50px;
    height: 80px;
    line-height: 54px;
    font-size: 27px;
    overflow: hidden;
    text-align: left;
    float: left;
}


/* margin between icon and text */

.contact-four .contact-icons .list_item .list_right {
    margin-left: 70px;
}


/* margin below icon title */

.contact-four .contact-icons .list_item .list_right h4 {
    margin-bottom: 5px !important;
}


/* margin above icons */

.contact-four .contact-icons .list_item {
    margin-top: 20px !important;
}


/* space below icons */

.contact-four .contact-three .contact-icons {
    padding-top: 20px;
}


/*--- CONTACT PAGE FOUR */

.contact-four-intro h1,
.contact-four-intro p {
    max-width: 850px;
}

.contact-four-intro {
    padding-bottom: 3% !important;
}


/* columns width responsive */

@media only screen and (max-width: 1024px) {
    .contact-four>.wpb_column {
        width: 50%;
    }
}

@media only screen and (max-width: 768px) {
    .contact-four>.wpb_column {
        width: 100%;
    }
}


/* list with icons */

.contact-four .contact-icons .list_item .list_left {
    width: 50px;
    height: 80px;
    line-height: 54px;
    font-size: 27px;
    overflow: hidden;
    text-align: left;
    float: left;
}


/* margin between icon and text */

.contact-four .contact-icons .list_item .list_right {
    margin-left: 70px;
}


/* margin below icon title */

.contact-four .contact-icons .list_item .list_right h4 {
    margin-bottom: 5px !important;
}


/* margin above icons */

.contact-four .contact-icons .list_item {
    margin-top: 20px !important;
}


/* space below icons */

.contact-four .contact-three .contact-icons {
    padding-top: 20px;
}


/***************************Styles Written from Here*************************************/

div#n2-ss-2 .n2-ss-layer.marg_sec h1 {
    text-align: left !important;
    font-size: 38px;
    text-shadow: 0 1px 4px #e2e2e2;
}

div#n2-ss-2 .n2-ss-layer div#n2-ss-2item4 {
    text-shadow: 0px 1px 4px #fff;
}

div#n2-ss-2 .n2-ss-layer div#n2-ss-2item2 {
    text-shadow: 0px 1px 4px #fff;
}

@media (max-width: 1200px) {
    .n2-ss-layer.n2-ow.slider_2sc {
        margin: 2% !important;
    }
    .n2-ss-layer-row-inner {
        display: block !important;
        width: 100% !important;
    }
    div#n2-ss-2 .n2-ss-layer.marg_sec h1 {
        font-size: 40px;
    }
}

.team-title h2 {
    margin-bottom: 0px !important;
}

.team-title h3 {
    margin-top: 10px !important;
    margin-bottom: 10px !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;
}
.he-widget-container {
	height: auto !important;
}
.he-row h2 {
	font-size: 18px !important;
}