/*
Theme Name: Avada Child for SmartFrame
Description: Smartframe.io Child theme for Avada theme 
Author: Smartframe.io
Author URI: https://smartframe.io
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.row:before, .row:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.row:after { clear: both; }
.row { zoom: 1; margin: 0 -20px; }
[class*="col-"] { float: left; padding-left: 20px; padding-right: 20px; }
.row.b-gutter { margin: 0 -60px; }
.row.b-gutter [class*="col-"] { padding-left: 60px; padding-right: 60px; }
.row.no-gutter { margin: 0; }
.row.no-gutter [class*="col-"] { padding-left: 0; padding-right: 0; }

.col-1  { width: 8.3333%; }
.col-2  { width: 16.6666%; }
.col-3  { width: 25%; }
.col-4  { width: 33.3333%; }
.col-5  { width: 41.6666%; }
.col-6  { width: 50%; }
.col-7  { width: 58.3333%; }
.col-8  { width: 66.6666%; }
.col-9  { width: 75%; }
.col-10 { width: 83.3333%; }
.col-11 { width: 91.6666%; }
.col-12 { width: 100%; }
.col-2-10 { width: 20%; }
.col-push-2-10 { margin-left: 20%; }
.col-push-4-10 { margin-left: 40%; }
.col-right { float: right; }

.col-push-1 { margin-left: 8.3333%; }
.col-push-2 { margin-left: 16.6666%; }
.col-push-3 { margin-left: 25%; }
.col-push-4 { margin-left: 33.3333%; }
.col-push-5 { margin-left: 41.6666%; }
.col-push-6 { margin-left: 50%; }

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

	.row.b-gutter { margin: 0 -10px; }
	.row.b-gutter [class*="col-"] { padding-left: 10px; padding-right: 10px; }

	.col-m-6  { width: 50%; }
}

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

	.row, .row.b-gutter { margin: 0!important; }
	[class*="col-"], .row.b-gutter [class*="col-"] { float: left; padding-left: 0!important; padding-right: 0!important; }
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6,
	.col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; padding: 0; }

	.col-2-10 { width: 50%; }
	.col-push-2-10, .col-push-4-10 { margin-left: 0; }

	.col-push-1, .col-push-2 , .col-push-3, .col-push-4 { margin-left: 0%; }

}

.fusion-button-pill {
  border-radius: 40px !important;
}

.sf-button-outlined .fusion-read-more-button {
  margin-top: 0;
  background: transparent;
  border-color: rgba(36,45,51,0.87);
  border-width: 1px;
  padding: 9px 20px;
  line-height: 14px;
  font-size: 12px;
}

.sf-button-outlined .fusion-read-more-button .fusion-button-text {
  color: rgba(36,45,51,0.87);
}

/* fix for min-height bug on equal height column for tablet and mobile */
@media screen and (max-width: 1024px) {
  .fusion-equal-height-columns .fusion-column-wrapper,
  .fusion-equal-height-columns .fusion-column-content-centered {
    /* commented due to incosistency on the nw homepage "Benefits" section */
    /* min-height: inherit !important; */
  }
}

@media screen and (max-width: 767px) {
  #main {
    padding-top: 40px;
  }
}

/* General styles
-------------------------------------------------------------------------------*/
.bold, strong, b {
  font-weight: 600 !important;
}

.bg-blue {
    background: #0E3BDA;
  }
  
  .bg-green {
    background: #55c9c0;
  }
  
  .bg-yellow {
    background: #EFBD14;
  }
  
  .bg-dark-grey {
    background: #242d33;
  }
  
  .bg-l-blue {
    background: #e7f2fb;
  }
  
  .bg-grey {
    background: #fafafa;
  }
  
  .blue {
    color: #0E3BDA;
  }
  
  .green {
    color: #55c9c0;
  }
  
  .yellow {
    color: #EFBD14;
  }
  
  .dark-grey {
    color: #242d33;
  }
  
  .white {
    color: white;
  }

  .grey {
    color: #A0A0A0;
  }

  section.bg-grey {
    padding-bottom: 100px;
    margin-top: 100px;
  }

  .fs-14 {
    font-size: 14px;
  }

/* Other styles */
.wrapper-inner {
    margin-left: auto;
    margin-right: auto;
    max-width: 1100px;
    position: relative;
    padding-right: 0;
    padding-left: 0;
  }

@media screen and (max-width: 1100px) {
  .wrapper-inner {
    padding-right: 30px;
    padding-left: 30px;
  }
}

/* Buttons */
.button.button-green {
    background-image: linear-gradient(95deg, #08a295, #08b5a7);
    box-shadow: 0 10px 20px 0 rgba(8, 181, 167, 0.47);
  }
  
  .button.button.button-green::before {
    background-image: linear-gradient(95deg, #08b5a7, #08b5a7);
  }
  
  .button.button-green:hover {
    box-shadow: 0 10px 20px 0 rgba(6, 166, 153, 0.47);
  }
  
  .button.button-red {
    background: #e05f69;
    box-shadow: 0 10px 20px 0 rgba(143, 143, 143, 0.49);
  }
  
  .button.button-red:before{
    display: none;
  }
  
  .button.button-red:hover {
    background: #ff6a75;
  }
  
  .button.button-white {
    background: #fff;
    color: #0E3BDA;
    border: 1.5px solid #0E3BDA;
    padding: 15.5px 30px !important;
    box-shadow: none;
    background-image: none;
  }
  
  .button.button-white.border-green {
    color: #08b5a7;
    border: 1.5px solid #08b5a7;
  }
  
  .button.button-white::before {
    display: none;
  }
  
  .button.button-white:hover {
    background: #0E3BDA;
    color: #fff;
    box-shadow: none;
  }
  
  .button.button-white.border-green:hover {
    background: #08b5a7;
  }
  
  .button.button-transparent {
    background: none;
    color: white;
    border: 1.5px solid white;
    padding: 15.5px 30px !important;
    box-shadow: none;
    background-image: none;
  }
  
  .button.button-transparent::before {
    display: none;
  }
  
  .button.button-transparent:hover {
    background: white;
    color: #0E3BDA;
    box-shadow: none;
  }
  
  .button.button-white a {
    color: #0E3BDA;
    font-weight: 500;
  }
  
  .button.button-white:hover a {
    color: white;
  }
  
  .button.button-large {
    min-width: 250px;
    font-size: 1.2em;
    padding: 20px 50px;
    border-radius: 45px;
  }
  
  .button.button-small {
    line-height: normal;
    padding: 5px 10px;
    font-weight: 400;
  }
  
  button.icon-button {
    background: none;
    padding: 0px;
    border: none;
  }

  .error404 .searchform {
    width: 100% !important;
  }

  .error404 #main {
    padding-bottom: 100px;
  }
  
 /* Utilities */
 p.medium {
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0.1px;
  }
  
  .bold, strong, b {
    font-weight: 600;
  }

  .normal {
    font-weight: 400;
  }
  
  .centered {
    text-align: center;
  }
  
  .left-aligned {
    text-align: left;
  }
  
 /* 
  .nowrap {
    white-space: nowrap;
    text-align: left;
  }
*/

  .row .reverse{
    float: right;
  }


  .phone-only {
    display: none;
  }
  
  .desktop-only,
  .tablet-up{
    display: block;
  }
  
  .tablet-down,
  .tablet-only {
    display: none;
  }
  
  
  @media screen and (max-width: 1400px) {
  
    /*
    .wrapper,
    .wrapper-inner {
      padding: 0 50px;
    }
    */
  
    .wrapper-inner {
      max-width: 1100px;
    }
  }
  
  @media screen and (max-width: 1023px) {
  
    /*
    .wrapper,
    .wrapper-inner {
      padding: 0 40px;
    }
    */
    
    /*
    section {
      padding-top: 50px;
    }
    */
  
    section.bg-grey {
      padding-bottom: 50px;
      margin-top: 50px;
    }
  
    /*
    section:last-child {
      padding-bottom: 50px;
    }
    */
  
    /*
    .header-section {
      padding-top: 120px;
      margin-bottom: 25px;
      padding-bottom: 10px;
    }
    */
  
    .desktop-only {
      display: none;
    }
  
    .tablet-down,
    .tablet-only,
    .tablet-up{
      display: block;
    }
  }
  
  @media screen and (max-width: 767px) {
  
    /*
    .wrapper,
    .wrapper-inner {
      padding: 0 30px;
    }
    */
  
    /*
    section {
      padding-top: 40px;
    }
    */
  
    section.bg-grey {
      padding-bottom: 40px;
      margin-top: 40px;
    }
  
    /*
    section:last-child {
      padding-bottom: 40px;
    }
  
    section:last-child {
      padding-bottom: 40px;
    }
    */
  
    .centered.mobile-left {
      text-align: left;
    }
  
    .phone-only {
      display: block;
    }
  
    .tablet-only,
    .tablet-up{
      display: none;
    }
  }
  
  .logo {
    display: block;
    width: 220px;
  }
  
  .logo svg {
    display: block;
    width: 100%;
    height: 30px;
    margin: 9px 0;
  }
  
  .logo svg g {
    fill: #0E3BDA;
  }
  
  .preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
    background: #fff;
  }
  
  .preloader .logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  
  .note {
    color: #555;
    font-size: 15px;
  }
  
  .right {
    float: right !important;
  }
  
  .left {
    float: left !important;
  }
  
  .relative {
    position: relative !important;
  }
  
  pre[class*="language-"] {
    border-radius: 5px;
  }
  
  pre[class*="language-"] {
    border-radius: 5px;
  }
  
  .row-space .row {
    margin-bottom: 4rem !important;
  }
  
  .hidden{
    display: none !important;
  }  
  
 /* Campaigns */
 .campaign-template #main {
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-top: 0 !important;
 }

 .campaign-template h3 {
    font-size: 38px;
    line-height: 45px;
 }

 .campaign-template p:empty {
    margin: 0;
 }

  /* Archives and Blog
 -------------------------------------------------------------------------------*/
.blog #main {
  padding-bottom: 30px;
}

.hero-blog {
  position: relative;
  height: 400px;
  width: 100vw;
  margin-left: -25px;
  margin-bottom: 55px;
}

.hero-blog h1 {
  color: #fff !important;
  margin-top: 170px;
  font-size: 48px;
  line-height: 1.13;
}

@media screen and (max-width: 769px) {
  .hero-blog {
    height: 200px;
    margin-bottom: 25px;
  }

  .hero-blog h1 {
    margin-top: 80px;
  }
}

.archive #main {
  /* background: #fafafa !important; */
}

.video-shortcode iframe {
  max-width: 100%;
}

.author .menu-blog-categories-row {
  display: none;
}

.menu-blog-categories-row {
  margin-bottom: 55px !important;
}

.menu-blog-title {
  margin:0;
  font-size: 32px;
  font-weight: normal;
}

.menu-blog-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 20px;
  border-radius: 10px;
  display: block;
  text-align: center;
}

@media screen and (max-width: 1000px) {
  .menu-blog-categories-row {
    margin-bottom: 0 !important;
  }

  .menu-blog-title {
    margin-top: 30px;
    margin-bottom: 0;
  }

  .menu-blog-categories {
    margin-bottom: 30px;
    float: left;
    text-align: left;
  }
}

.menu-blog-categories li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 15px;
}

.menu-blog-categories li a {
  display: inline-block;
  padding: 14px 26px;
  border: 0;
  border-radius: 30px;
  color: #0E3BDA;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 3px 3px 20px 2px rgba(0, 0, 0, 0.05);
  letter-spacing: 0.1em;
}

.menu-blog-categories li.active-category a,
.menu-blog-categories li a:hover {
  background: #0E3BDA;
  color: #fff;
}

.menu-blog-categories li.last-item a:after {
  padding-left: 0;
  padding-right: 0;
}


 /* Form section
-------------------------------------------------------------------------------*/
.lform-section {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 0;
    background-color: #242d33;
    position: relative;
  }
  
  .lform-section .lform-intro {
    margin-bottom: 4rem;
  }
  
  .lform-section form {
    position: relative;
    z-index: 2;
  }
  
  .lform-section .lform-intro h2,
  .lform-section .lform-intro p {
    color: white;
    margin-bottom: 2rem;
  }
  
  .lform-section p {
    margin-bottom: 3rem;
  }
  
  .lform-section form input[type=submit] {
    box-shadow: none;
  }
  
  .lform-section .pattern-left,
  .lform-section .pattern-right {
    position: absolute;
    top: 120px;
    padding-top: 40px;
    width: 300px;
    z-index: 1;
  }
  
  .lform-section .pattern-left {
    left: -30px;
  }
  
  .lform-section .pattern-right {
    right: -30px;
  }
  
  .lform-section .pattern-top {
    position: absolute;
    top: 0;
    padding-top: 0px;
    width: 300px;
    z-index: 1;
    right: 22%;
  }
  
  .lform-section .ajax-message.ok {
    color: white;
  }
  
  form {
    transition: all 250ms ease-out;
  }
  
  form.loading {
    opacity: 0.5;
    pointer-events: none;
  }
  
  /*
  form .form-content textarea {
    display: block;
    padding: 10px 15px;
    border: 1px solid #0E3BDA;
    width: 100%;
    height: 120px;
    margin-bottom: 0;
    color: #0E3BDA;
    transition: border 250ms ease-out;
  }
  */
  
  ::-webkit-input-placeholder {
    color: #ababab !important;
  }
  
  ::-moz-placeholder {
    color: #ababab !important;
  }
  
  :-ms-input-placeholder {
    color: #ababab !important;
  }
  
  :-moz-placeholder {
    color: #ababab !important;
  }
  
  .ajax-message.ok {
    display: none;
    text-align: center;
  }
  
  .ajax-message.ok .icon {
    width: 66px;
    height: 66px;
    margin: 0 auto;
    background: url(_/img/ok.svg) no-repeat center;
    margin-bottom: 60px;
  }
  
  .ajax-message.ok .icon-check-circle {
    margin: 15px auto 20px auto;
  }

  .ajax-message.ok .icon-logo {
    margin: 30px auto 6px;
  }
  
  .ajax-message.ok .icon-logo path {
    fill: #0E3BDA;
  }
  
  .ajax-message.error {
    display: none;
    padding-bottom: 20px;
    color: #ff0000;
  }

  .tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted #5E5E5E;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 180px;
    background-color: #dadada;
    color: #5E5E5E;
    text-align: center;
    border-radius: 6px;
    padding: 5px 5px;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -90px;
    line-height: 16px;
    font-size: 12px;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color:  #dadada transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }
  
  .form-content {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .form-content .row {
    margin: 0 -10px;
  }
  
  .form-content [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
  
  .form-content .col-6, .form-content .col-4, .form-content .col-12 {
    position: relative;
    margin-bottom: 20px;
  }

  form .form-content .required-field {
    color: #D81159;
  }
  
  form .form-content label {
    color: #5E5E5E;
    font-size: 14px;
    font-weight: 400;
    padding-left: 0;
    line-height: 11px;
    cursor: initial;
  }
  
  form .form-content input, form .form-content select {
    display: block;
    line-height: 25px;
    border-width: 0;
    border-bottom: 1px solid #dadada;
    padding: 0;
    width: 100%;
    height: auto;
    transition: border 250ms ease-out;
    border-radius: 0;
  }
  
  form .form-content input {
    color: #777;
  }

  form .form-content .multi-field-container input[type=radio],
  form .form-content .multi-field-container input[type=checkbox] {
    display: inline-block !important;
    margin: 0 !important;
    width: auto !important;
    vertical-align: middle;
  }

  form .form-content .multi-field-container label {
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
  }


  /* default checkbox replacement */

  form .form-content input[type=radio],
  form .form-content input[type=checkbox] {
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px;
  }
  
  form .form-content [type="radio"] + label:before,
  form .form-content [type="checkbox"] + label:before {
    content: '';
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 0.75em;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: bottom;
  }

  form .form-content [type="radio"] + label:before {
    background-image: url(/wp-content/themes/Avada-Child-Theme/_/img/radio-unselected.svg);
  }

  form .form-content [type="checkbox"] + label:before {
    background-image: url(/wp-content/themes/Avada-Child-Theme/_/img/checkbox-unselected.svg);
  }

  form .form-content [type="radio"]:checked + label:before {
    background-image: url(/wp-content/themes/Avada-Child-Theme/_/img/radio-selected.svg);
  }

  form .form-content [type="checkbox"]:checked + label:before {
    background-image: url(/wp-content/themes/Avada-Child-Theme/_/img/checkbox-selected.svg);
  }

  form .form-content input[type=submit] {
      color: #fff;
      font-size: 14px;
      border: none;
      padding: 5px;
      margin: auto;
      text-transform: uppercase;
      letter-spacing: 1px;
      padding-right: 30px;
      padding-left: 30px;
      border-radius: 30px;
      width: 100%;
      min-width: 160px;
      box-shadow: 0 10px 20px 0 rgba(143, 143, 143, 0.49);
  }
  
  form .form-content .select-arrow-custom svg {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 15px;
    bottom: 15px;
    pointer-events: none;
  }
  
  form .form-content select {
    color: #777;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    min-height: 25px;
    background-image: url("/wp-content/themes/Avada-Child-Theme/_/img/arrow-down.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 11px 11px;
  }
  
  form .form-content select option {
    font-size: 14px;
    text-transform: none;
  }
  
  form .form-content textarea {
    display: block;
    padding: 0 0 10px 0;
    border: none;
    border-bottom: 1px solid #dadada;
    width: 100%;
    height: 120px;
    margin-bottom: 0;
    color: #777;
    transition: border 250ms ease-out;
    border-radius: 0;
  }
  
  form .form-content .button.button-large {
    line-height: 72px;
    padding: 0 30px;
    border-radius: 8px;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: normal;
  }

  .form-content .parsley-error {
    border-color: #D81159;
  }
  
  .parsley-errors-list {
    display: inline-block;
  }
  
  .parsley-errors-list li {
    border-radius: 3px;
    color: #e05f69;
    font-size: 13px;
    padding: 0;
    margin-top: 0px;
    position: relative;
  }
  
  input.parsley-error, input:focus.parsley-error, textarea.parsley-error, textarea:focus.parsley-error, select.parsley-error, select:focus.parsley-error {
    border-color: #f8e71c;
  }
  
  @media screen and (max-width: 1500px) {
    .lform-section .pattern-top {
      right: 18%;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .lform-section .pattern-top {
      right: 10%;
    }
  }
  
  @media screen and (max-width: 1200px) {
    .lform-section .pattern-top {
      right: 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    .lform-section .pattern-top {
      right: -100px;
    }
  }

  .grecaptcha-badge {
    display: none !important;
  }

  /* jQuery UI */
  .ui-widget {
    font-family: 'Montserrat';
  }
  
  .ui-widget.ui-widget-content {
    background: #fff;
    border: none !important;
    border-bottom: 1px solid #dadada !important;
    font-size: 14px;
    font-family: 'Montserrat';
  }

  .ui-autocomplete {
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }

  .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
    background: #0e3bda !important;
  }

  .ui-button .ui-icon {
    background-image: url("/wp-content/themes/Avada-Child-Theme/_/img/arrow-down.svg") !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 11px 11px;
  }

  /* intlTelInput */
  .iti {
    font-size: 14px;
    width: 100%;
  }

  .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
  .iti--separate-dial-code .iti__selected-flag {
    background: #fff !important;
  }

  .iti__flag {
    background-image: url("/wp-content/themes/Avada-Child-Theme/_/img/flags.png");
  }

  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
      background-image: url("/wp-content/themes/Avada-Child-Theme/_/img/flags@2x.png");
    }
  }

  /* Custom Combobox */
  .custom-combobox-toggle {
    position: absolute !important;
    top: 30px;
    right: 10px;
    background: #fff !important;
    border: none !important;
  }

  #combobox ~ .parsley-errors-list {
    position: absolute;
    bottom: -27px;
    left: 11px;
  }

  @media screen and (max-width: 767px) {
    #combobox ~ .parsley-errors-list {
      left: 0;
    }
  }

  /* CSS Spinner
      -------------------------------------------------------------------------------*/

      .form-content .form-overlay {
        display: block;
        width: 100%;
        height: 100%;
        content: '';
        background: rgba(256,256,256, 0.5);
        position: absolute;
        z-index: 1000;
        top: 0;
        left: 0;
        border-radius: 21px;
      }

      .sf-spinner {
        /* Spinner size and color */
        width: 20px;
        height: 20px;
        border-top-color: #fff;
        border-left-color: #fff;

        /* hide spinner initialy */
        display: none;
      
        /* Additional spinner styles */
        animation: sf-spinner 1s linear infinite;
        border-bottom-color: transparent;
        border-right-color: transparent;
        border-style: solid;
        border-width: 2px;
        border-radius: 50%;  
        box-sizing: border-box;
        vertical-align: middle;
      }
      
      /* Animation styles */
      @keyframes sf-spinner {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
  
  /* Posts WYSIWYG
      -------------------------------------------------------------------------------*/
  .wysiwyg-content p, .single .wysiwyg-content ul, .single .wysiwyg-content ol, .single .wysiwyg-content cite {
    margin-bottom: 1em;
  }

  .wysiwyg-content blockquote {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 16px;
    line-height: 1.7;
  }
  
  .wysiwyg-content ol li {
    margin-left: 15px;
    margin-bottom: 10px;
  }

  .wysiwyg-content ol li:last-of-type {
    margin-bottom: 0;
  }
  
  .wysiwyg-content .alignright {
    float: right;
    margin: 0 0 0 15px;
  }
  
  .wysiwyg-content .alignleft {
    float: left;
    margin: 0 15px 0 0;
  }
  
  .wysiwyg-content .aligncenter {
    display: block;
    margin: 0 auto 0 auto;
  }
  
  .wysiwyg-content .size-full {
    width: 100%;
    height: auto;
  }
  
  .wysiwyg-content .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
  }
  
  .wysiwyg-content .gallery {
    margin: auto;
    zoom: 1;
  }
  
  .wysiwyg-content .gallery:after {
    clear: both;
  }
  
  .wysiwyg-content .gallery:before, .single .wysiwyg-content .gallery:after {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden;
  }
  
  .wysiwyg-content img {
    height: auto;
    display: inline;
  }
  
  .single .wysiwyg-content .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
  }
  
  .single .wysiwyg-content .wp-caption {
    max-width: 100%;
  }

  /* Signup
-------------------------------------------------------------------------------*/
.signup .signup-form {
    padding-right: 65px;
  }
  
  .signup form,
  .signup .signup-content {
    padding: 60px 50px 50px 50px;
  }
  
  .signup form {
    background: #429be4;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  .signup form input, 
  .signup form select {
    padding: 0px 15px;
    padding-top: 18px;
  }

  .signup form h1,
  .signup form h5,
  .signup form h4 {
    color: white;
  }
  
  .signup form h5 {
    margin-bottom: 4rem;
  }
  
  .signup form h4 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 1rem;
    margin-top: 0;
  }
  
  .signup form a {
    color: white;
    font-weight: 500;
  }
  
  .signup form label.checkbox-container {
    position: relative;
    color: white;
    font-size: 16px;
    font-weight: 400;
    text-transform: none;
    padding-left: 20px;
    line-height: 16px;
    padding-top: 0;
    top: auto;
    left: auto;
  }
  
  .signup .checkbox-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
  }
  
  .signup .checkbox-container .checkmark {
    position: absolute;
    top: 4px;
    left: 0;
    height: 12px;
    width: 12px;
    background-color: white;
  }
  
  /* On mouse-over, add a grey background color */
  .signup .checkbox-container:hover input~.checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .signup .checkbox-container input:checked~.checkmark {
    background-color: white;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .signup .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .signup .checkbox-container input:checked~.checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .signup .checkbox-container .checkmark:after {
    left: 4px;
    top: 2px;
    width: 5px;
    height: 7px;
    border: solid black;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  .signup .button.button-white {
    border-color: white;
    margin: 2rem 0 0 0;
    min-width: 200px;
    padding: 15px 20px !important;
    border-radius: 43px;
    font-size: 21px;
  }
  
  .signup .signup-footer {
    margin-top: 25px;
    text-align: center;
    font-size: 18px;
  }
  
  .signup .signup-footer a {
    color: #0E3BDA;
    font-weight: 500;
  }
  
  .page-template-page-signup .icons-item svg,
  .single-campaign .icons-item svg {
    width: 64px;
    height: 64px;
  }
  
  .page-template-page-signup .icons-item svg g,
  .page-template-page-signup .icons-item svg path,
  .single-campaign .icons-item svg g,
  .single-campaign .icons-item svg path {
    fill: #5cbeb9;
  }
  
  .page-template-page-signup .careers-left-pattern,
  .single-campaign .careers-left-pattern,
  .single-careers .careers-left-pattern{
    position: absolute;
    left: -100px;
    top: 250px;
    width: 300px;
    height: auto;
  }
  
  .page-template-page-signup .careers-right-pattern,
  .single-campaign .careers-right-pattern,
  .single-careers .careers-right-pattern {
    position: absolute;
    right: -100px;
    top: 250px;
    width: 300px;
    height: auto;
  }
  
  @media screen and (max-width: 1400px) {
    .signup .signup-form {
      padding-right: 20px;
    }
  }
  
  @media screen and (max-width: 1023px) {
    .signup form {
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
    }
  
    .page-template-page-signup .col-5,
    .page-template-page-signup .col-7,
    .single-campaign .col-5,
    .single-campaign .col-7 {
      width: 100%;
    }
  
    .page-template-page-signup .no-header-section .wrapper,
    .page-template-page-signup .no-header-section .wrapper-inner,
    .single-campaign .no-header-section .wrapper,
    .single-campaign .no-header-section .wrapper-inner {
      padding: 0;
    }
  
    .signup form,
    .signup .signup-content {
      padding: 80px 25px 50px 25px;
    }
  
    .signup .signup-footer .right {
      padding-left: 50px;
      width: 100%;
      text-align: left;
    }
  }
  
  @media screen and (max-width: 767px) {
    .signup.content-section .wrapper {
      padding: 0;
    }
  
    .signup form h1,
    .signup form h5,
    .signup form h4,
    .signup form .col-12 {
      text-align: center;
    }
  
    .signup .signup-footer .right {
      padding-left: 25px !important;
    }
  
    .page-template-page-signup .icons-item svg,
    .single-campaign .icons-item svg {
      float: left;
      width: 30%;
      margin-bottom: 16px;
      padding-right: 16px;
    }
  
    .signup-footer p {
      text-align: center !important;
    }
  }

/* Form Register
-------------------------------------------------------------------------------*/
form .register {
    border: 6px solid #a2ccee;
    border-radius: 40px;
    position: relative;
  }
  
  form .register input[type=email] {
    padding: 0;
    line-height: 50px;
    background: none;
    border: none;
    text-indent: 15px;
    font-size: 16px;
    max-width: 295px;
  }
  
  form .register input[type=submit] {
    width: auto;
    height: 50px;
    position: absolute;
    line-height: normal;
    transition: inherit;
    margin: 0;
    top: 0;
    right: 0;
    border: none;
    box-shadow: -8px 0 20px 0 rgba(19, 130, 221, 0.51);
    padding: 15px 40px;
  }
  
  @media screen and (max-width: 1300px) {
    form .register input[type=email] {
      max-width: none;
    }
  
    form .register input[type=submit] {
      width: 100%;
      position: relative;
      margin: 1em 0;
    }
  }
  
  @media screen and (max-width: 767px) {
    form .register input[type=email] {
      max-width: 275px;
    }
  
    form .register input[type=submit] {
      position: absolute;
      width: auto;
      margin: 0;
      float: left;
    }
  }
  
  @media screen and (max-width: 580px) {
    form .register input[type=email] {
      max-width: none;
    }
  
    form .register input[type=submit] {
      width: 100%;
      position: relative;
      margin: 1em 0;
    }
  }
  
  form .register input[type=submit]:hover {
    background-image: none;
    background-color: #0E3BDA;
  }
  
  form #register-error {
    text-indent: 8px;
  }  

  /* Features SEO page
-------------------------------------------------------------------------------*/
.single-feature #main {
    padding-top: 0;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.single-feature .hero{
    text-align: center;
  }
  
  .single-feature .hero h1 {
    color: white;
    padding-top: 45px;
    margin-bottom: 20px;
    margin-top: 0;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0;
    font-weight: 400;
  }

  .single-feature .hero h4 {
  font-size: 24px;
    line-height: 32px;
    color: #313f3c;
    letter-spacing: 0.3px;
    margin-bottom: 0.5em;
    font-weight: 400;
  }
  
  .single-feature .hero .hero-subtitle{
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
  }
  
  .single-feature form .register{
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 400px;
    border:none;
    border-radius: 20px;
    background: white;
  }
  
  .single-feature form .register input[type=email] {
      padding: 0;
      line-height: 42px;
      background: none;
      border: none;
      text-indent: 15px;
      font-size: 16px;
      max-width: 281px;
      text-indent: 20px;
      font-size: 14.5px;
      display: block;
  }
  
  .single-feature form .register .parsley-errors-list {
      display: inline-block;
      position: absolute;
      left: 16px;
      bottom: -27px;
  }
  
  .single-feature form .register input[type=submit] {
    text-align: center;
    font-size: 1em;
    display: inline-block;
    line-height: normal;
    padding: 17px 30px;
    margin: 0;
    min-width: 160px;
    color: #fff;
    font-weight: 500;
    border-radius: 19.5px;
    background-color: #0E3BDA;
    background-image: linear-gradient(95deg, #0E3BDA, #2bb8f0);
    box-shadow: 0 5px 20px 0 rgba(19, 130, 221, 0.51);
    transition: all 300ms ease-in-out;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: 100;
    border-style: hidden;

    min-width: 0;
    height: 42px;
    transition: none;
    border: none;
    box-shadow: none;
    padding: 12px 30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: none;
    font-size: 14.5px;
    letter-spacing: 0.27px;
  }
  
  .single-feature .bottom-banner img{
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .single-feature section.content-section,
  .single-feature section.content-section:last-child{
    padding: 40px 0;
  }
  
  .single-feature section.content-section .wysiwyg-content > *:last-child{
    margin-bottom: 0;
  }
  
  .single-feature section.content-section .wysiwyg-content ul{
    list-style: disc;
    margin-left: 16px;
  }
  
  .single-feature section.content-section .wysiwyg-content blockquote{
    padding-left: 16px;
    padding-top: 0;
    padding-bottom: 0;
    border-left: 5px solid #1482DD;
  }
  
  .single-feature section.content-section .wysiwyg-content blockquote p {
    color: #878383;
    font-size: 16px;
  }
  
  .single-feature section.content-section .wysiwyg-content iframe{
    margin-top:20px;
  }
  
  .single-feature section.content-section .wysiwyg-content h4,
  .single-feature section.content-section .wysiwyg-content h2,
  .single-feature section.content-section .wysiwyg-content h3{
    margin-top: 40px;
  }
  
  .single-feature section.content-section .wysiwyg-content *:first-child{
    margin-top: 0;
  }
  
  .single-feature section.content-section.grey-section{
    background-color: #f5f6f8;
  }
  
  .single-feature section.content-section .cta{
    text-align: center;
  }
  
  .single-feature section.content-section .cta .button{
    margin-bottom: 0;
    margin-top: 25px;
  }
  
  @media screen and (max-width: 1300px) {
    .single-feature form .register input[type=submit] {
        width: auto;
        position: absolute;
        margin: 0;
    }
  }
  
  @media screen and (max-width: 1300px){
    .single-feature .hero h1 {
      padding-top: 60px;
    }
  }
  
  @media screen and (max-width: 767px) {
    .single-feature .hero .hero-subtitle h4{
      font-size: 18px;
      line-height: 24px;
    }
  
    .single-feature section.content-section blockquote{
      padding-left: 0;
      border-left: none;
    }
  
    .single-feature .bottom-banner img{
      padding-left: 0;
      padding-right: 0;
      width: 100%;
    }
  }

  /* Pricing
-------------------------------------------------------------------------------*/
.page-template-page-pricing h1 {
    font-size: 44px;
    line-height: 1.14;
    letter-spacing: 0;
    margin-bottom: 12px;
    font-weight: 600;
    color: #333333;
}

.page-template-page-pricing .subtitle {
  max-width: 720px;
  margin: auto;
  line-height: 1.5;
  color: #606060;
}

.pricing-section {
    padding-top: 100px;
}

@media screen and (max-width: 767px) {
  .pricing-section {
    padding-top: 50px;
  }
}

.pricing-content {
    padding-top: 100px;
    padding-bottom: 100px;
}

.page-template-page-pricing .button {
    z-index: 100;
    font-weight: 600;
}

/*
.page-template-page-pricing .tpltwo.header-section {
    padding-bottom: 160px;
  }
  */
  
  .page-template-page-pricing .pricing-section .wrapper {
    max-width: 1700px;
    padding: 0;
  }

  .page-template-page-pricing .wrapper {
    padding: 0;
  }
  
  .page-template-page-pricing .pricing-section .row {
    zoom: 1;
    margin: 0 -5px;
  }
  
  .page-template-page-pricing .pricing-section [class*="col-"] {
    float: left;
    padding-left: 5px;
    padding-right: 5px;
  }
  
  .page-template-page-pricing .pricing-section .pricing {
    border: none;
    border-radius: 10px;
    padding-top: 30px;
    padding-bottom: 30px;
    background: white;
    box-shadow: 5px 16px 35px 0 rgba(36, 45, 51, 0.41);
    position: relative;
    margin-bottom: 10px;
  }

  .page-template-page-pricing .pricing-section .pricing.recommended-plan {
    border: 2px solid #0E3BDA;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: -20px;
    margin-left: -10px;
    margin-right: -10px;
    z-index: 10;
  }

  .page-template-page-pricing .pricing-section .pricing .recommended-plan-label {
    position: absolute;
    text-align: center;
    background: #c4d4ff;
    width: auto;
    display: inline-block;
    left: -8px;
    top: 0;
    padding: 6px 10px;
    border-radius: 5px;
    color: #030A8C;
    font-size: 13px;
    line-height: 13px;
    transform: rotate(-14deg);
    text-transform: uppercase;
  }
  
  .page-template-page-pricing .pricing-section .pricing h4 {
    margin-bottom: 0.5rem;
    font-weight: 500;
    font-size: 26px;
    color: #030A8C;
    text-transform: uppercase;
  }

  .page-template-page-pricing .pricing-section .pricing.enterprise-plan {
    background: #030A8C;
  }

  .page-template-page-pricing .pricing-section .pricing.enterprise-plan h4.enterprise {
    color: #ffffff;
  }
  
  .page-template-page-pricing .pricing-section .pricing p.pfrom {
    color: #999;
    margin-bottom: 30px;
    margin-left: 20%;
    margin-right: 20%;
  }
  
  .page-template-page-pricing .pricing-section .pricing p.price {
    line-height: 40px;
    font-size: 52px;
    font-weight: 500;
    position: relative;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 25px;
    color: #ffbc42;
  }

  .page-template-page-pricing .pricing-section .pricing p.price.subtitle {
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    padding-top: 12px;
    text-transform: uppercase;
  }
  
  .page-template-page-pricing .pricing-section .pricing p.price::before {
    padding-right: 5px;
  }
  
  .page-template-page-pricing .pricing-section .pricing p.price.usd::before {
    content: "$";
  }
  
  .page-template-page-pricing .pricing-section .pricing p.price.eur::before {
    content: "€";
  }
  
  .page-template-page-pricing .pricing-section .pricing p.price.gbp::before {
    content: "£";
  }
  
  .page-template-page-pricing .pricing-section .pricing p.price.usd::after,
  .page-template-page-pricing .pricing-section .pricing p.price.eur::after,
  .page-template-page-pricing .pricing-section .pricing p.price.gbp::after {
    padding-left: 2px;
    content: "/mo";
    font-size: 20px;
    vertical-align: baseline;
  }
  
  .page-template-page-pricing .pricing-section .pricing hr {
    margin: 25px 15px 50px 15px;
  }
  
  .page-template-page-pricing .pricing-section .pricing img {
    width: 100%;
  }
  
  .page-template-page-pricing .pricing-section .pricing .slidecontainer {
    margin: 1.5em 10%;
  }
  
  .page-template-page-pricing .pricing-section .pricing .range-images {
    margin: 1em 0;
  }
  
  .page-template-page-pricing .pricing-section .pricing .range-images span {
    font-weight: 500;
  }
  
  .page-template-page-pricing .pricing-section .pricing input[type=range] {
    width: 75%;
    max-width: 300px;
  }
  
  .page-template-page-pricing .pricing-section .pricing ul {
    margin-bottom: 20px;
  }
  
  .page-template-page-pricing .pricing-section .pricing ul li {
    margin-bottom: 0.6rem;
  }

  .page-template-page-pricing .pricing-section .pricing ul li i {
    display: none;  
  }

  .page-template-page-pricing .pricing-section .pricing.enterprise-plan ul li {
    color: #ffffff;
  }
  
  .page-template-page-pricing .pricing-section .pricing ul li.bold {
    font-weight: 500;
  }
  
  .page-template-page-pricing .pricing-section .pricing ul li.unavailable {
    color: #ddd;
  }
  
  .page-template-page-pricing .pricing-section .pricing .button {
    width: 70%;
    padding: 10px 14px;
  }

  .page-template-page-pricing .pricing-section .pricing.enterprise-plan .button {
    background: #ffbc42;
    color: #030A8C;
  }
  
  .page-template-page-pricing .pricing-section .pricing .bg_img {
    position: absolute;
    width: 100%;
    bottom: 0;
  }
  
  .page-template-page-pricing .pricing-section table {
    width: 100%;
  }
  
  .page-template-page-pricing .pricing-section thead {
    background-color: #78c0fb;
  }
  
  .page-template-page-pricing .pricing-section table tr {
    border: 1px solid #cdcdcd;
  }
  
  .page-template-page-pricing .pricing-section table tr th {
    padding: 2rem;
    min-width: 200px;
    color: white;
  }
  
  .page-template-page-pricing .pricing-section table thead tr:first-child {}
  
  .page-template-page-pricing .pricing-section table tr td {
    padding: 1.5rem;
    min-width: 200px;
  }
  
  .page-template-page-pricing .pricing-section table tr td:first-child {
    font-weight: 500;
  }
  
  .page-template-page-pricing .pricing-section table tr.tr-1 {
    background-color: #f0f7fd;
  }
  
  .page-template-page-pricing .pricing-section .rangeslider__handle {
    width: 15px;
    height: 15px;
  }
  
  .page-template-page-pricing .pricing-section .rangeslider__handle:after {
    width: 5px;
    height: 5px;
  }
  
  .page-template-page-pricing .pricing-section .rangeslider--horizontal {
    height: 5px;
  }
  
  .page-template-page-pricing .pricing-section .rangeslider--horizontal .rangeslider__handle {
    top: -5px;
  }
  
  .page-template-page-pricing .pricing-section .rangeslider__fill {
    background: #0E3BDA;
  }

  .page-template-page-pricing .currency-select-container {
    text-align: center;
  }

  .page-template-page-pricing .currency-select-container .currency-select {
    display: inline-block;
    margin-left: 6px;
    position: relative;
  }

  .page-template-page-pricing .currency-select-container .currency-select select {
    width: 85px;
    padding: 8px 14px;
    padding-right: 20px;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  .page-template-page-pricing .currency-select-container .currency-select select:focus {
    border-color: #cbcdce;
  }

  .page-template-page-pricing .currency-select-container .currency-select i {
    color: #0E3BDA;
    position: absolute;
    right: 10px;
    top: 15px;
    font-size: 12px;
  }

  @media screen and (max-width: 767px) {
    .page-template-page-pricing .currency-select-container span {
      display: block;
    }

    .page-template-page-pricing .currency-select-container .currency-select {
      margin-left: 0;
      margin-top: 8px;
    }
  }

  .toggle-options {
    display: none;
  }
  
  @media screen and (max-width: 1450px) {
    .page-template-page-pricing .pricing-section .row.pricings {
      max-width: 1200px;
      margin: 0 auto;
    }
  }
  
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    .page-template-page-pricing .pricing-section .col-3 {
      width: 50%;
    }
  
    .page-template-page-pricing .pricing-section .row.pricings {
      /* max-width: 800px; */
    }
  }

  @media screen and (max-width: 992px) {
      .page-template-page-pricing .pricing-section .pricing p.price {
        font-size: 46px;
      }
  }

  @media screen and (min-width: 768px) and (max-width: 992px) {
  .page-template-page-pricing .pricing-section .pricing .button {
    width: 94%;
    padding: 10px;
  }
}
  
  @media screen and (max-width: 800px) {
    .page-template-page-pricing .pricing-section .pricing {
      margin-bottom: 20px;
    }
  
    .page-template-page-pricing .pricing-section table tr th,
    .page-template-page-pricing .pricing-section table tr td {
      min-width: 0;
    }
  }

  @media screen and (min-width: 768px) {
    .page-template-page-pricing .pricing-section .pricing ul {
      display: block !important;
    }
  }
  
  @media screen and (max-width: 767px) {
    .pricing h4,
    .pricing p {
      text-align: center !important;
    }

    .page-template-page-pricing .pricing-section .pricing.recommended-plan {
      margin: 0 0 20px 0;
      padding-top: 30px;
      padding-bottom: 30px;
    }

    .page-template-page-pricing .pricing-section .pricing .recommended-plan-label {
      position: relative;
      background: none;
      transform: none;
      left: 0;
    }

    .page-template-page-pricing .pricing-section .pricing.enterprise-plan .toggle-options{
      color: #fff;
    }

    .page-template-page-pricing .pricing-section .pricing ul {
      display: none;
    }

    .page-template-page-pricing .pricing-section .pricing {
      display: flex;
      flex-direction: column;
    }

    .page-template-page-pricing .pricing-section .pricing .button {
      width: auto;
      padding: 10px 28px;
    }

    .page-template-page-pricing .pricing-section .pricing .signupbutton {
      order: 1;
    }

    .horizontal-line {
      height: 1px;
      background: #a0a0a0;
      margin: 30px 0 40px;
      order: 2
    }

    .page-template-page-pricing .pricing-section .pricing ul {
      order: 3;
      text-align: left;
      padding: 0 20px;
    }  

    .page-template-page-pricing .pricing-section .pricing ul li i {
      display: inline-block;
      margin-right: 5px;
      height: 16px;
      width: 16px;
    }

    .toggle-options {
      display: block;
      color: #030A8C;
      order: 4;
      cursor: pointer;
    }

    .toggle-options .hide-details {
      display: none;
    }

    .toggle-options.hide .hide-details {
      display: block;
    }

    .toggle-options.hide .view-details {
      display: none;
    }
    

  }
  
  @media screen and (max-width: 700px) {
    .page-template-page-pricing .pricing-section .col-3 {
      width: 100%;
    }
  }
  
  @media screen and (max-width: 530px) {
    .page-template-page-pricing .pricing-section .pricing-table {
      display: none;
    }
  }

  /* Proposition page
-------------------------------------------------------------------------------*/
.page-template-page-proposition #main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.page-template-page-proposition .header-section {
    text-align: left;
    background-color: #52cbc1;
    margin-bottom: 0;
    padding-top: 40px;
  }
  
  .page-template-page-proposition .header-section .wrapper .row {
    max-width: none;
  }

  .page-template-page-proposition .header-section h1 {
    font-size: 50px;
    line-height: 60px;
    letter-spacing: 0;
    margin-bottom: 32px;
    font-weight: 400;
  }
  
  .page-template-page-proposition .header-section h4 {
    font-size: 24px;
    letter-spacing: 0.3px;
    color: white;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 2rem;
  }

  .page-template-page-proposition h2 {
    font-size: 42px;
    line-height: 52px;
  }

  
  .page-template-page-proposition .header-section .wysiwyg-content .alignleft {
    padding: 0 80px;
    margin-right: 0;
    margin-top: 7rem;
  }
  
  .page-template-page-proposition .header-section .wysiwyg-content img {
    margin-bottom: 2rem;
  }
  
  .page-template-page-proposition .proposition-content {
    padding-top: 0;
  }
  
  .page-template-page-proposition .proposition-content>div {
    padding: 100px 0;
  }
  
  .page-template-page-proposition .proposition-content .row:last-child {
    margin-bottom: 0;
  }
  
  .page-template-page-proposition .proposition-content .logo {
    max-width: 250px;
    width: 100%;
  }
  
  .page-template-page-proposition .proposition-content .white {
    color: #ffffff !important;
  }
  
  .page-template-page-proposition .proposition-content .black {
    color: #242D33 !important;
  }
  
  .page-template-page-proposition .proposition-content h3 {
    color: #52cbc1;
    margin-top: 4rem;
    font-weight: 500;
    font-size: 38px;
    line-height: 45px;
    letter-spacing: 0;
    margin-bottom: 0.5em;
  }
  
  .page-template-page-proposition .proposition-content h4 {
    font-size: 28px;
  }
  
  .page-template-page-proposition .proposition-content .white h4 {
    color: #ffffff !important;
  }
  
  .page-template-page-proposition .proposition-content .black h4 {
    color: #242D33 !important;
  }
  
  .page-template-page-proposition .proposition-content .row.two-column {
    margin-left: -50px;
    margin-right: -50px;
  }
  
  .page-template-page-proposition .proposition-content .row.two-column .col-6 {
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .page-template-page-proposition .proposition-content .row.two-column .col-6.reverse {
    float: right;
  }
  
  .row .reverse{
    float: right;
  }
  
  .page-template-page-proposition .row {
    margin-bottom: 20px;
  }
  
  .lform-section h2, .lform-section p {
    color: white;
  }
  
  .lform-section p {
    font-size: 1rem;
  }
  
  .lform-section form input[type=submit] {
    float: right;
    margin: 0;
    margin-top: 1rem;
  }
  
  @media screen and (max-width: 1023px) {
    .page-template-page-proposition .header-section .wysiwyg-content .alignleft {
      margin-top: 2rem;
    }
  
    .page-template-page-proposition .proposition-content h3 {
      margin-top: 0;
    }
  
    .page-template-page-proposition .header-section .col-5,
    .page-template-page-proposition .header-section .col-7 {
      width: 100%;
    }
  
    .page-template-page-proposition .header-section .col-5 img {
      width: 100%;
      max-width: 600px;
      margin: 16px auto 50px auto;
    }
  }
  
  @media screen and (max-width: 930px) {
    .page-template-page-proposition .header-section .wrapper .row {
      margin-bottom: 3rem !important;
      margin-top: 20px !important;
    }
  }
  
  @media screen and (max-width: 767px) {
    .page-template-page-proposition .header-section .wysiwyg-content h4 {
      margin-bottom: 4rem;
    }
  
    .page-template-page-proposition .header-section .wysiwyg-content .alignleft {
      float: none;
    }
  
    .page-template-page-proposition .header-section .wysiwyg-content p {
      text-align: center;
    }
  
    .page-template-page-proposition .proposition-content .logo {
      margin-bottom: 2rem;
    }
  
    .page-template-page-proposition .proposition-content .row.two-column .col-6 {
      margin-bottom: 2rem;
    }
  
    .page-template-page-proposition .proposition-content h3 {
      margin-top: 1rem;
    }
  
    .page-template-page-proposition .header-section .wysiwyg-content .alignleft {
      margin-top: 1rem;
      padding: 0 15px;
    }
  
    .page-template-page-proposition .header-section {
      padding-bottom: 0;
    }
  
    .page-template-page-proposition .row {
      margin-bottom: 40px !important;
    }
  
    .page-template-page-proposition .form-content .row{
      margin-bottom: 0!important;
    }
  }
  
  @media screen and (max-width: 767px) {
    .page-template-page-proposition .header-section .wysiwyg-content .alignleft {
      width: 80% !important;
    }
  }

  /* Enterprise
-------------------------------------------------------------------------------*/
.page-template-page-entreprise #main {
    padding-top: 0 !important;
    padding-bottom: 0 !important;       
}

.page-template-page-entreprise .content-section {
    padding-top: 100px;
}

.page-template-page-entreprise h1 {
    margin-bottom: 80px;
    font-size: 50px;
    line-height: 60px;
  }

  .page-template-page-entreprise h2 {
    font-size: 42px;
    line-height: 52px;
  }
  
  .page-template-page-entreprise h4,
  .single-solution h4,
  .page-template-page-solution h4{
    font-weight: 500;
  }
  
  .page-template-page-entreprise section .button {
    margin-left: 0;
    margin-right: 0;
  }
  
  .page-template-page-entreprise .header-section .row {
    margin: 0 30px;
  }
  
  .page-template-page-entreprise .header-section .col-6 {
    padding-left: 30px;
    padding-right: 30px;
  }
  
  .page-template-page-entreprise .av-item {
    position: relative;
    padding-left: 125px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-right: 40px;
  }
  
  .page-template-page-entreprise .av-items.row {
    margin: 0 -40px;
  }
  
  .page-template-page-entreprise .av-item i {
    margin-left: 35px;
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 70px;
  }

  .page-template-page-entreprise .av-section {
    padding-top: 100px;
  }
  
  .page-template-page-entreprise .av-section h2 {
    margin-bottom: 80px;
    color: #242d33;
    font-size: 42px;
    line-height: 52px;
  }
  
  .page-template-page-entreprise .av-section .hero,
  .single-solution .hero,
  .page-template-page-solution .hero {
    margin-bottom: 100px;
    position: relative;
    padding-bottom: 100px;
  }
  
  .page-template-page-entreprise .av-section .hero iframe,
  .single-solution .hero iframe,
  .page-template-page-solution .hero iframe {
    max-width: 100%;
  }
  
  .page-template-page-entreprise .av-section h4 {
    color: #0E3BDA;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }
  
  .page-template-page-entreprise .av-section .hero .wrapper-inner,
  .single-solution .hero .wrapper-inner,
  .page-template-page-solution .hero .wrapper-inner {
    z-index: 2;
  }
  
  .page-template-page-entreprise .av-section .bg-layer,
  .single-solution .hero .bg-layer,
  .page-template-page-solution .hero .bg-layer {
    width: 100%;
    position: absolute;
    height: 80%;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  
  .page-template-page-entreprise .experts-items .experts-item p,
  .single-solution .experts-items .experts-item p,
  .page-template-page-solution .experts-items .experts-item p {
    padding-left: 23px;
  }
  
  .page-template-page-entreprise .experts-items .experts-item h4,
  .single-solution .experts-items .experts-item h4,
  .page-template-page-solution .experts-items .experts-item h4 {
    padding-left: 24px;
    position: relative;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 32px;
  }
  
  .page-template-page-entreprise .experts-items .experts-item i,
  .single-solution .experts-items .experts-item i,
  .page-template-page-solution .experts-items .experts-item i {
    position: absolute;
    left: 0;
  }
  
  .page-template-page-entreprise .centered-image {
    max-width: 600px;
    margin: 0 auto;
    width: 100%;
    margin-top: 50px;
    display: block;
  }
  
  .page-template-page-entreprise .logos,
  .single-solution .logos,
  .page-template-page-solution .logos {
    padding-top: 80px;
    margin: 0 -25px;
  }
  
  .page-template-page-entreprise .logos .logocol,
  .single-solution .logos .logocol,
  .page-template-page-solution .logos .logocol {
    padding-left: 25px;
    padding-right: 25px;
    white-space: nowrap;
    margin-bottom: 50px;
    text-align: center;
  }
  
  .page-template-page-entreprise .logos .logocol img,
  .single-solution .logos .logocol img,
  .page-template-page-solution .logos .logocol img {
    width: 100%;
    margin: 0 auto;
    max-height: 150px;
    vertical-align: middle;
    display: inline-block;
    max-width: 175px;
  }
  
  .page-template-page-entreprise .helper,
  .single-solution .helper,
  .page-template-page-solution .helper,
  .nowrap .helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .nowrap .helper { height: auto; }
  
  .vertical-centre-1 {
    display: inline-block;
    width: 100%;
    white-space: normal;
    vertical-align: middle;
  }
  
  .vertical-top{
    display: inline-block;
    width: 100%;
    white-space: normal;
    vertical-align: top;
  }
  
  @media screen and (max-width: 1023px) {
    .page-template-page-entreprise .header-section img {
      margin-bottom: 32px;
    }
  
    .page-template-page-entreprise .header-section .vertical-centre-1 {
      text-align: center;
    }
  }
  
  @media screen and (max-width: 767px) {
    .page-template-page-entreprise .header-section .col-6 {
      padding-left: 0;
      padding-right: 0;
    }
  
    .page-template-page-entreprise .header-section .vertical-centre-1 {
      text-align: left;
    }
  
    .page-template-page-entreprise .av-section .hero {
      padding-bottom: 50px;
    }
  
    .page-template-page-entreprise .av-item {
      padding-left: 0;
      padding-right: 0;
      padding-top: 70px;
    }
  
    .page-template-page-entreprise .av-item i {
      margin-left: 0;
      width: 50px;
      height: 50px;
    }
  }

/* Contact SmartFrame Page
-------------------------------------------------------------------------------*/
  .page-template-page-contactsmartframe h1 {
    font-size: 30px;
    line-height: 38px;
  }

  .page-template-page-contactsmartframe h2 {
    font-size: 24px;
    line-height: 27px;
    margin-bottom: 0.67em;
  }

  /* Support Search Results Page and Support Search Form
  ------------------------------------------------------------------------------*/
  .search-results .fusion-posts-container {
    height: auto !important;
  }

  .search-results .fusion-blog-layout-grid.fusion-blog-equal-heights .fusion-post-grid {
    display: block !important;
    float: none;
    clear: both;
    position: relative !important;
    left: initial !important;
    top: initial !important;
    margin: 0 auto;
    box-shadow: none;
    height: auto !important;
    width: 52%;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    min-width: 500px !important;
    transform: none !important;
  }

  .search-results .fusion-blog-layout-grid .post .fusion-post-wrapper {
    box-shadow: none !important;
  }

  .search .fusion-single-line-meta { 
    display: none;
  }

  .search #main {
    padding-top: 0;
  }

  .search .search-page-search-form {
    padding-top: 40px;
    padding-bottom: 40px;
    min-height: 400px;
  }

  .searchform {
    position: relative;
    width: 50%;
    min-width: 220px;
    margin: auto;
  }

  .search-page-search-form {
    margin-bottom: 50px;
  }

  input[name=s] {
    border-radius: 50px !important;
    font-size: 16px !important;
    padding: 22px !important;
    margin: 0 !important;
  }

  .search-page-search-form button[type=submit] {
    position: absolute;
    top: 12px;
    right: 20px;
  }

  .searchform .search-button {
    position: absolute;
    top: 2px;
    right: 12px;
  }

  .searchform .search-button input[type=submit] {
    font-size: 20px !important;
  }

  .search .search-page-search-form-top {
    border: none;
  }

  @media screen and (max-width: 767px) {
    .searchform {
      width: 100%;
    }

    .search .search-page-search-form {
      padding-top: 80px;
    }
  }

  /* Modial Dialog  --------------------------*/
  .modal-backdrop {
    z-index: 10011 !important;
  }
  
  .modal {
    z-index: 10012 !important;
  }

  .fusion-modal .modal-header .close {
    border: none;
    float: right;
    background: transparent;
  }
 
/* ######## NEW WEBSITE ######## */

@media screen and (min-width: 993px) {
  /* centering header */
  .fusion-header > .fusion-row {
    display: flex;
    justify-content: center;
  }

  .fusion-logo {
    position: absolute;
    left: 0;
  }

  .login-menu {
    position: fixed !important;
    right: 25px;
  }
}

/* logo */
.fusion-logo img {
  vertical-align: middle;
}

/* utilities */
.no-border {
  border: none !important;
}

/* counter boxes */
.counter-box-container {
  border: none !important;
}

/* footer */
.fusion-footer-widget-area {
  font-size: 14px;
}

.smartframe-footer-signup {
  float: left;
  width: 26%;
  margin-right: 6%;
}

@media screen and (max-width: 768px) {
  .smartframe-footer-signup {
    float: none;
    width: 100%;
    max-width: 400px;
    margin-right: 0;
    margin-bottom: 3em;
  }
}

.smartframe-footer-signup .parsley-errors-list {
  position: absolute;
  left: 0;
  top: 44px;
}

.smartframe-footer-signup img {
  margin-bottom: 2.9em;
}

.smartframe-footer-signup p {
  margin-bottom: 1.3em;
  line-height: 1.6;
}

.smartframe-footer-signup form {
  font-size: 0;
  position: relative;
}

.smartframe-footer-signup input[type="email"] {
  width: 84%;
  border-radius: 4px 0 0 4px;
}

.smartframe-footer-signup input[type="submit"] {
  background: #333333;
  width: 16%;
  height: 40px;
  padding: 0;
  border-radius: 0 4px 4px 0;
} 


.smartframe-footer-links {
  float: left;
  width: 68%;
}

.smartframe-footer-links .fusion-column {
  margin-bottom: 50px;
}

@media screen and (max-width: 768px) {
  .smartframe-footer-links {
    float: none;
    width: 100%;
  }
}

.fusion-footer-widget-area .widget-title {
  text-transform: unset !important;
}

.smartframe-copyright {
  text-align: left;
  float: left;
  margin-top: 15px;
}

.smartframe-social-networks {
  float: right;
}

@media screen and (max-width: 800px) {
  .smartframe-social-networks {
    float: left;
  }
}

.fusion-social-networks .fusion-social-networks-wrapper {
  margin: 0 !important;
}

.smartframe-social-networks.fusion-social-networks .fusion-social-network-icon {
  box-shadow: 0px -7px 10px rgba(75, 75, 75, 0.01), 0px 7px 10px rgba(75, 75, 75, 0.1) !important;
  border-radius: 31px;
  padding: 17px;
  margin: 0 10px 14px;
  background: #fff;
  color: #000;
  font-size: 13px;
}

.smartframe-social-networks.fusion-social-networks .fusion-linkedin {
  margin-right: 0;
}

.smartframe-social-networks.fusion-social-networks .fusion-linkedin {
  margin-right: 0;
}

.smartframe-social-networks.fusion-social-networks .fusion-facebook {
  margin-left: 0;
}

.fusion-footer-copyright-area {
  padding-top: 0;
}

.fusion-footer-copyright-area .fusion-row {
  padding-top: 22px;
  border-top: 0.2px solid lightgrey;
}

.fusion-social-networks {
  overflow: visible !important;
}

/* 404 page styles */
.fusion-error-page-404 {
  background: url(/wp-content/themes/Avada-Child-Theme/_/img/404_image.png) top center no-repeat;
  background-size: contain;
  padding-top: 200px !important;
  padding-bottom: 450px;
}

@media screen and (max-width: 768px) {
  .fusion-error-page-404 {
    padding-top: 100px !important;
    padding-bottom: 250px;
    margin-bottom: 0 !important;
  }
}

/* Responsive YouTube video embeds */
.youtube-container { 
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}

.youtube-container iframe, .youtube-container object, .youtube-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}