@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');








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


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


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

/* Typography */
            /*  */

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

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

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


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper .container-fluid {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {}

/* Website background color and default font styles */
body {
  background: #fff;
  color: #333;
  font-family: 'Raleway', Helvetica, Arial, sans-serif !important;
  font-size: 18px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}

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


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

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:;
  float: right;
}

.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 14px;
  margin-right: 10px;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: #ffffff;
  padding: 10px 12px;
  position: relative;
  display: block;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 a {
  color: #f59a26;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 a:hover {
  color: #812869 !important;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 a,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 + li.hs-menu-depth-1 a:hover {
  color:#ffffff !important;
}

.custom-menu-primary a {
    color: #fff; /*modificato da me*/
}

.custom-menu-primary a:hover {
    color: #4a4a4a;
}

.custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
    display: none;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  color:#812869;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    left: 15px!important;
    background: #fff;
    padding: 10px 0px;
    border: 1px solid #ccc;
    min-width: 150px;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li{
  background:;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li:hover {
    background: none;
}

.custom-menu-primary .hs-menu-wrapper > ul > li > ul:before {
    content: "\f0d8";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;
    color: #fff;
    position: absolute;
    top: -12px;
    left: 0;
    width: 100%;
    padding-left: 10px;
    text-shadow: 0px -1px 0px #ccc;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li{
    background:;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color: #4a4a4a; /*modificato da me*/
  padding: 3px 10px;
}

.custom-menu-primary .hs-menu-wrapper > ul ul li a:hover{
  color: #ffffff !important;
  background-color: #812869;
}

.hs-menu-wrapper.hs-menu-flow-horizontal.flyouts>ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    z-index: 1000 !important;
}

.side-bar-nav .hs-menu-wrapper.hs-menu-flow-vertical a {
    background: url(https://dl.dropboxusercontent.com/s/5zk1ycqnahgd6dy/right-arrow%402x.png) no-repeat right center;
    background-size: 8px 12px;
    border-bottom: 1px solid #f5f5f6;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
  font-weight: bold !important;
  font-size: 14px !important;
  text-decoration: none !important;
  text-transform: lowercase;
  font-family: 'Raleway', Sans-Serif;

}

#sticky-menu .custom-menu-primary .hs-menu-wrapper > ul li a{
  
  /*font-size: 12px !important; sticky*/
  color: #4a4a4a;
}

#sticky-menu .custom-menu-primary .hs-menu-wrapper > ul ul li a{
  
  /*font-size: 12px !important; sticky*/
  color: #4a4a4a;
}

#sticky-menu .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover {
  
  /*font-size: 12px !important; sticky*/
  color: #fff;
  background-color: #812869;
}

/* Override max width on menu links */
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a:hover {
  color: #4a4a4a;
}

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



/* typography */
.widget-span h4 {
    color: #812869 ;
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 15px !important;
    margin-top: 7px;
    font-weight:600;
}

.imgloghismall {
        display:none !important;
    }

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

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

  .imgloghibig {
        display:none !important;
    }
    .imgloghismall {
        display:block !important;
    }

}

@media (min-width: 1280px) {
    .row-fluid [class*="span"] {
        min-height: 0 !important;
    }


    

}

/****  THIS COULD BE SUSPECT!  CHECK IT OUT  ****/


/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width:768px) {
      .custom-menu-primary .hs-menu-wrapper { 
         /* display:block !important;*/
      }
  }

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


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

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



@media (max-width: 767px){


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

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  

  .custom-menu-primary,
  .custom-menu-primary .hs-menu-wrapper > ul,
  .custom-menu-primary .hs-menu-wrapper > ul li,
  .custom-menu-primary .hs-menu-wrapper > ul li a{
    display: block;
    float: none;
    position: static;
    top: auto;
    right: auto;
    left: auto;
    bottom: auto;
    padding: 0px;
    margin: 0px;
    background-image: none;
    background-color: transparent;
    border: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow:    none;
    box-shadow:         none; 
    max-width: none;
    width: 100%;
    height: auto;
    line-height: 1;  
    font-weight: normal;
    text-decoration: none;
    text-indent: 0px;
    text-align: left;
    color:#444444;
  }
    .custom-menu-primary .hs-menu-wrapper > ul {
        /*background: #111111 !important;*/
        margin-top: 14px;
        margin-bottom: -10px !important;

    }

    .custom-menu-primary .hs-menu-wrapper > ul li:first-child {
        border-top: medium none !important;
    }

    .custom-menu-primary .hs-menu-wrapper > ul li{
        border-top: 1px solid #e1e1e1 !important;
        background-color: #ffffff;
    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child {
        display: block;
        padding: 12px 0 11px 10px;
        margin-bottom: 4px;
    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child a {
        background-color: #812869;
        border-color: #812869;
        border-radius: 25px 25px 0;
        color: #4a4a4a;
        display: inline-block;
        font-family: "Open Sans",sans-serif;
        font-size: 11px !important;
        font-weight: bold;
        letter-spacing: 1px;
        line-height: 1;
        padding: 7px 11px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child a::after {
        border-left: 7px solid transparent;
        border-top: 5px solid #812869;
        bottom: -5px;
        content: "";
        height: 0;
        position: absolute;
        right: 0px;
        transition: border-top 0.45s ease 0s;
        width: 0;

    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child:hover a {
        background: #CC6028 none repeat scroll 0 0;
        border-color: #CC6028;
        color: #fff;
        transform: scale(1);
    }

    .custom-menu-primary .hs-menu-wrapper > ul > li:last-child:hover a::after {

        border-top: 5px solid #CC6028;
        transform: scale(1);
        transition: border-top 0.45s ease 0s;
    }

    .custom-menu-primary .hs-menu-wrapper > ul li a{
        /*background-color: #ffffff;*/
        font-size: 13px !important;
        padding-left: 15px !important;

    }
    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li {
        border-top: 1px solid #e1e1e1 !important;
        background-color: #f5f5f5 !important;
    }

    .hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a{
        font-size: 13px !important;
        padding: 0 0 0 23px !important;
    }

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

  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 26px !important;         /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: 32px !important; /* Button width */
    height: 21px !important; /* Button height */      
    padding: 7px 10px 8px 10px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    margin-top: -11px;
    background: #ffffff !important; /* Background color */
    border: none !important;
    font-size: 0px !important;
    font-weight: normal;
    background: url("https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/logos/mobile-more-menu-white.png") no-repeat left top !important;
    background-size: 24px 18px !important;
    border-radius: 0 !important;
    }    

#sticky-menu .mobile-trigger{ 
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    top: 26px !important;         /* Position Button at right of screen  */
    right: 10px;        /*******************************************/
    width: 32px !important; /* Button width */
    height: 21px !important; /* Button height */      
    padding: 7px 10px 8px 10px;
    z-index: 99999999999; /* Z-index to keep button on top of other layers */
    margin-top: -11px;
    background: #fff !important; /* Background color */
    border: none !important;
    font-size: 0px !important;
    font-weight: normal;
    background: url("https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/logos/mobile-more-menu.png") no-repeat left top !important;
    background-size: 24px 18px !important;
    border-radius: 0 !important;
    }    
    
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#580D42;
    background-color: #ffffff; 
    border-color: transparent;
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#580D42;
    background-color: #ffffff; 
    border-color: transparent;
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 22px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-color: #ffffff; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -6px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 6px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #580D42; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px solid rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  
  
/* Child Toggle Button Icon & Animations
   ========================================================================== */
   
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#444444; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       padding-top: 44px; /* Makes room for button */
       margin: 10px 0 10px 0;
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0 20px 20px 20px;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#ffffff; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
    padding: 0 0 0 0;
    z-index: 8888;
  }

   /* Level 1 Menu List Styles */
   
   .custom-menu-primary .hs-menu-wrapper > ul {
    /*background: #666;*/
    background: transparent !important;
   }


   #sticky-menu .custom-menu-primary .hs-menu-wrapper > ul {
    /*background: #666;*/
    background: transparent !important;
    padding: 0;
   }
   
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 22px; /* Font size of top level list items */
    line-height: 45px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-top: 1px solid rgba(255, 255, 255, .35); /* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 0 10px;
    color:#444444; /* link color set by global mobile-aColor variable */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li a:hover{
    color:#580D42; /* link hover color set by global mobile-aColorHover variable */
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children > a:after {
      display: none;
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul{
    background: transparent;
    border: 0px;
    padding: 0px;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: rgba(255, 255, 255, .08);
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }
  
  .hs-menu-wrapper.hs-menu-flow-horizontal>ul li.hs-item-has-children:after{
      display: none;
  }
  .custom-menu-primary .hs-menu-wrapper>ul>li>ul:before {
      display: none;
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
  h1 {
      font-size: 24px !important;
      line-height: 32px !important;
  }
  .pr-logo {margin-bottom: 20px;}
  .pr-logo img {
    margin: 0 auto !important;
    display: block !important;
    width: 40% !important;
  }
  .service-highlight {
      border-bottom: 1px solid #ccc;
      padding-bottom: 30px;
  }
  .team-member-con {
      margin-bottom: 20px;
  }
  .testimonial-avatar {
      text-align: center;
      margin-top: 10px;
      display:none;
  }
  .quote-name, .quote-name-title {
      text-align: left;
  }
  .quote-name-title {
      margin-bottom: 30px;
  }
  
}

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

.header-container-wrapper {
    /*position: fixed;*/
    width: 100%;
    z-index: 9999;
}
.header-container {
    padding: 0 !important;
    background: #fff;
    z-index: 9999;
    border-bottom: 1px solid #eee;
}
.header-cta{
    margin-top: 9px;
}

.hero-img-bg .header-container {
    background-color: transparent !important;
}


/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {
    /*background: #666;*/
    max-height: 50px;
    width: auto !important;
    margin-top: 0px;
}

.header-container .hs_cos_wrapper_type_logo a img {
    max-height: 50px !important;
}

.custom-menu-primary .hs-menu-wrapper>ul {
    padding-top: 5px;
}

/* Header Small */
/*
.small-header .header-container { padding: 5px 0; }
.small-header .header-container .hs_cos_wrapper_type_logo a img { max-width: 130px;margin-top: 2px; max-height: 36px; }
.small-header .custom-menu-primary .hs-menu-wrapper>ul { padding-top: 5px; }
.small-header .custom-menu-primary .hs-menu-wrapper>li { margin: 5px; }
.small-header ..header-container .hs_cos_wrapper_type_logo a img {max-height: 40px !important;}
.small-header .header-cta { margin-top: 10px; }*/
 
#sticky-menu {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    opacity: 0;
    -webkit-box-shadow: 0 2px 3px 1px rgba(0,0,0,.1);
    box-shadow: 0 2px 3px 1px rgba(0,0,0,.1);
}

#sticky-menu.active {
    background-color: #ffffff;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    opacity: .95;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: all .3s ease;
}

#sticky-menu .custom-menu-primary .hs-menu-wrapper>ul
{
    padding: 6px 0;
}

#sticky-menu .widget-type-logo img {
    height: 35px !important;
    width: auto !important;
    margin: 10px 0;
}

/* ==========================================================================
   Content                                                 
   ========================================================================== */


/*.body-container-wrapper {padding-top: 60px}*/
.hero-img-bg .body-container-wrapper {padding: 0 !important;}
.body-container {}

.transparent-header .body-container-wrapper {
  padding-top: 0 !important;
}

.transparent-header .header-container   {
  padding: 0 !important;
  background-color: transparent !important;
}

.benefits-col-left {
  text-align: right !important;
}

.dark-bg {
    background-color: #333;
}

.gray-bg {
    background-color: #f4f4f4;
}

/* ==========================================================================
   Varie mie
   ========================================================================== */

.banner-background-image2,
 .support-page .banner-background-image2 {
    min-height: 320px !important;
  }

.highlight_bg_fullcolor3 {
    padding: 85px 0;
    position: relative;
    background-color: #70165A;
}

h1, h2, h3 {
    font-family: 'Abril Fatface', cursive;
}
 
/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

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

@media (max-width: 1080px) {
    .container-fluid .row-fluid .page-center {
        padding: 30px;
}
}

h2 {
    font-size: 35px !important;
    font-weight: normal !important;
    margin: 0 0 20px !important;
}
  
p {
    font-weight: 400;
}

/* INIZIO SETTINGS XS MOBILE */

@media (max-width: 479px) {
 
body {
  font-size: 15px;
  line-height: 1.4;
  }  
  
h2 {
  font-size: 24px !important;
  margin: 0 0 20px !important;
  color: #4a4a4a !important;
  line-height: 1.25 !important;
  }
  
.hr-orange {
  border-bottom: 1px solid #f59a26;
  }
  
.span12.widget-span.widget-type-custom_widget.hr-orange {
  min-height: 15px;
  }
  
.gino-bg {
   position: relative;
   margin: 0;
   height: 100vh;
   background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Home%202021/Home%20Hero%202021%20Tab.jpg');
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   }

.pino h1 {
  font-size: 34px !important;
  line-height: 46px !important;
  font-family: 'Abril Fatface', cursive;
  text-align: left;
  color: #fff;
  font-weight: normal !important;
  }
  
.pino p {
  font-size: 20px;
  line-height: 24px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  }

.wh-div-full-bg {
  padding: 15vh 15vw;
  background-color: #fff;
  min-height: 80vh !important;
  }
  
.wh-div-full-bg h2 {
  font-weight: normal;
  color: #812869;
  }
  
.gr-div-full-bg {
  padding: 15vh 15vw;
  background-color: #eaeaea;
  min-height: 80vh !important;
  }
  
.rich-text-tagline {
  margin-top: 35px;
  max-width: 100%;
  padding: 0px 15px;
  }
  
.rich-text-tagline p {
  color: #812869;
  font-weight: 600;
  font-size: 16px !important;
  font-style: italic;
  text-align: center;
  }
  
.pattern-bg-green {
  background-image: url(https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/patterns/Pattern%20Green%20New.jpg);
  background-size: 350px;   
  padding: 15vh 10vw;
  min-height: 80vh !important;
  }
  
.pattern-bg-text {
  background-color: #fff;
  border-radius: 16px;
  padding: 5vh 7vw;
  }
  
.wh-bg-con-inner {
  padding: 15vh 10vw;
  background-color: #fff;
  min-height: 80vh !important;
  }  
 
.border-orange {
  border: 1px solid #f59a26;
  border-radius: 16px;
  padding: 5vh 7vw;
  }
  
.puntielenco ul li {
  color: #812869;
  line-height: 2.25;
  font-weight: 500;
  }
  
.puntielenco ul {  
  padding-inline-start: 0px;
  }
  
.quote-text {
  font-size: 17px !important;
  font-style: italic !important;
  color: #fff;  
  line-height: 1.7 !important;
  }
  
.quote-sign {
  font-size: 17px !important;
  line-height: 1.7 !important;
  }  
  
.pattern-call-dark {
  background-color: rgb(0,0,0,0.1);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.pattern-call-light {
  background-color: rgb(255,255,255,0.1);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.cta-home21 {  
  border-radius: 25px;
  display: inline-block;
  padding: 14px 28px 13px 28px;
  line-height: 1;
  border: 2px solid #fff;
  color: #812869;
  font-family: 'Raleway', Sans-Serif;
  font-weight: 700;
  text-decoration: none;
  }

.cta-home21:hover {
  background: transparent;
  color: #812869 ;
  border-color: #fff ;
  background-color: #fff;
  transform: scale(1.05);
  }
  
.pattern-call-dark h2, .pattern-call-light h2 {
  font-size: 40px !important;
  margin: 0 0 20px !important;
  }

.courses-bg-desk {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Speak%20Society%20Page/Desktop/Speak-Society-Courses-Bg2-80vh.jpg') no-repeat center;
  width: 100%;
  height: 220vh;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
  
.courses-cont-desk {
  max-width: 85%;
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  }
  
.online-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Society%20Home%20Mob.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
    
.company-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Corporate-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.residential-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Residential%20Page/2023%20Updates/Residential-Page-Hero-Mobile_2023.jpg') no-repeat center;
  /* background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Home%202021/Residential%20Home%20Mob.jpg') no-repeat center; */
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.pattern-call-dark {
  background-color: rgb(0,0,0,0.1);
  width: 300px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.pattern-call-dark-2 {
  background-color: rgb(0,0,0,0.2);
  width: 300px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.pattern-call-light {
  background-color: rgb(255,255,255,0.1);
  width: 300px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.prog-box-title h2 {
  font-family: 'Abril Fatface', serif;
  font-size: 30px !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  text-align: center;
  }
  
.pattern-bg-green-cont-top {
  padding-bottom: 20px;
  }
  
.pattern-bg-green-cont-bot {
  padding-top: 20px;
  }
  
}

/* FINE SETTINGS XS MOBILE*/

/* INIZIO SETTINGS MOBILE */

@media (min-width: 480px) and (max-width: 767px) {
  
body {
  font-size: 15px;
  line-height: 1.4;
  }  
  
h2 {
  font-size: 24px !important;
  margin: 0 0 20px !important;
  color: #812869;
  font-weight: normal;
  line-height: 1.25;
  }
  
.hr-orange {
  border-bottom: 1px solid #f59a26;
  }    
  
.gino-bg {
   position: relative;
   margin: 0;
   height: 100vh;
   background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Home%202021/Home%20Hero%202021%20Tab.jpg');
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
   display: -webkit-flex;
   display: -moz-flex;
   display: -ms-flex;
   display: -o-flex;
   display: flex;
   }

.pino h1 {
  font-size: 55px !important;
  line-height: 65px !important;
  font-family: 'Abril Fatface', cursive;
  color: #fff;
  text-align: left;
  }
  
.pino p {
  font-size: 20px;
  line-height: 24px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  }

.wh-div-full-bg {
  padding: 20vh 15vw;
  background-color: #fff;
  min-height: 80vh !important;
  }
  
.wh-div-full-bg h2 {
  font-weight: normal;
  color: #812869;
  }
  
.gr-div-full-bg {
  padding: 20vh 15vw;
  background-color: #eaeaea;
  min-height: 80vh !important;
  }

.rich-text-tagline {
  margin-top: 35px;
  max-width: 100%;
  padding: 0px 15px;
  }
  
.rich-text-tagline p {
  color: #812869;
  font-weight: 600;
  font-size: 16px !important;
  font-style: italic;
  text-align: center;
  }

.pattern-bg-green {
  background-image: url(https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/patterns/Pattern%20Green%20New.jpg);
  background-size: 350px;  
  padding: 20vh 10vw;
  min-height: 80vh !important;
  }
  
.pattern-bg-text {
  background-color: #fff;
  border-radius: 16px;
  padding: 5vh 5vw;
  }
  
.wh-bg-con-inner {
  padding: 20vh 10vw;
  background-color: #fff;
  min-height: 80vh !important;
  }  
 
.border-orange {
  border: 1px solid #f59a26;
  border-radius: 16px;
  padding: 5vh 5vw;
  }

.puntielenco ul li {
  color: #812869;
  line-height: 2.25;
  font-weight: 500;
  }
  
.quote-text {
  font-size: 17px !important;
  font-style: italic !important;
  color: #fff;  
  line-height: 1.7 !important;
  }
  
.quote-sign {
  font-size: 17px !important;
  line-height: 1.7 !important;
  }
  
.pattern-call-dark {
  background-color: rgb(0,0,0,0.1);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.pattern-call-light {
  background-color: rgb(255,255,255,0.1);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.cta-home21 {  
  border-radius: 25px;
  display: inline-block;
  padding: 14px 28px 13px 28px;
  line-height: 1;
  border: 2px solid #fff;
  color: #812869;
  font-family: 'Raleway', Sans-Serif;
  font-weight: 700;
  text-decoration: none;
  }

.cta-home21:hover {
  background: transparent;
  color: #812869 ;
  border-color: #fff ;
  background-color: #fff;
  transform: scale(1.05);
  }
  
.pattern-call-dark h2, .pattern-call-light h2 {
  font-size: 40px !important;
  margin: 0 0 20px !important;
  }

.courses-bg-desk {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Speak%20Society%20Page/Desktop/Speak-Society-Courses-Bg2-80vh.jpg') no-repeat center;
  width: 100%;
  height: 180vh;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
  
.courses-cont-desk {
  max-width: 85%;
  background: #fff;
  border-radius: 16px;
  padding: 30px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  }

.online-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Online-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
    
.company-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Corporate-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.residential-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Residential%20Page/2023%20Updates/Residential-Courses-Banner-3-80_2023.jpg') no-repeat center;
  /* background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Residential-Courses-Banner-3-80.jpg') no-repeat center; */
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.pattern-call-dark {
  background-color: rgb(0,0,0,0.1);
  width: 360px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.pattern-call-dark-2 {
  background-color: rgb(0,0,0,0.2);
  width: 360px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.pattern-call-light {
  background-color: rgb(255,255,255,0.1);
  width: 360px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.prog-box-title h2 {
  font-family: 'Abril Fatface', serif;
  font-size: 30px !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  text-align: center;
  }
  
.pattern-bg-green-cont-top {
  padding-bottom: 25px;
  }
  
.pattern-bg-green-cont-bot {
  padding-top: 25px;
  }
  
}

/* FINE SETTINGS MOBILE */ 

/* INIZIO SETTINGS TABLET */

@media (min-width: 768px) and (max-width: 1139px) {
  
body {
  font-size: 16px;
  line-height: 1.6;
  }  
  
h2 {
  font-size: 30px !important;
  margin: 0 0 20px !important;
  color: #812869;
  font-weight: normal;
  line-height: 1.4;
  }
  
.hr-orange {
  border-bottom: 1px solid #f59a26;
  margin-top: 7px; 
  }
  
.gino-bg {
  position: relative;
  margin: 0;
  height: 100vh;
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Home%202021/Home%20Hero%202021%20Tab.jpg');
  -webkit-background-size: cover;
  background-size: cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }

.pino h1 {
  font-size: 55px !important;
  line-height: 65px !important;
  font-family: 'Abril Fatface', cursive;
  color: #fff;
  text-align: left;
  }
  
.pino p {
  font-size: 20px;
  line-height: 24px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  }

.wh-div-full-bg {
  padding: 25vh 15vw;
  background-color: #fff;
  min-height: 80vh !important;
  }
  
.wh-div-full-bg h2 {
  font-weight: normal;
  color: #812869;
  }
  
.gr-div-full-bg {
  padding: 25vh 15vw;
  background-color: #eaeaea;
  min-height: 80vh !important;
  }
 
.rich-text-tagline {
  margin-top: 35px;
  max-width: 100%;
  padding: 0px 30px;
  }
  
.rich-text-tagline p {
  color: #812869;
  font-weight: 600;
  font-size: 20px;
  font-style: italic;
  text-align: center;
  }
 
.pattern-bg-green {
  background-image: url(https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/patterns/Pattern%20Green%20New.jpg);
  background-size: 350px;  
  padding: 20vh 10vw;
  min-height: 80vh !important;
  }
  
.pattern-bg-text {
  background-color: #fff;
  border-radius: 16px;
  padding: 5vh 5vw;
  }
  
.wh-bg-con-inner {
  padding: 20vh 10vw;
  background-color: #fff;
  min-height: 80vh !important;
  }  
 
.border-orange {
  border: 1px solid #f59a26;
  border-radius: 16px;
  padding: 5vh 5vw;
  }
  
.puntielenco ul li {
  color: #812869;
  line-height: 2.25;
  font-weight: 500;
  }
  
.quote-text {
  font-size: 20px !important;
  font-style: italic !important;
  color: #fff;
  line-height: 1.7 !important;
  }
  
.quote-sign {
  font-size: 20px !important;
  line-height: 1.7 !important;
  }  

.cta-home21 {  
  border-radius: 25px;
  display: inline-block;
  padding: 14px 28px 13px 28px;
  line-height: 1;
  border: 2px solid #fff;
  color: #812869;
  font-family: 'Raleway', Sans-Serif;
  font-weight: 700;
  text-decoration: none;
  }

.cta-home21:hover {
  background: transparent;
  color: #812869 ;
  border-color: #fff ;
  background-color: #fff;
  transform: scale(1.05);
  }
  
.pattern-call-dark h2, .pattern-call-light h2 {
  font-size: 40px !important;
  margin: 0 0 20px !important;
  }

.courses-bg-desk {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Speak%20Society%20Page/Desktop/Speak-Society-Courses-Bg2-80vh.jpg') no-repeat center;
  width: 100%;
  height: 130vh;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
  
.courses-cont-desk {
  max-width: 85%;
  background: #fff;
  border-radius: 16px;
  padding: 25px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  }    
  
.online-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Online-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
    
.company-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Corporate-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.residential-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Residential%20Page/2023%20Updates/Residential-Home-Tab_2023.jpg') no-repeat center;
  /* background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Home%202021/Residential%20Home%20Tab.jpg') no-repeat center; */
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.pattern-call-dark {
  background-color: rgb(0,0,0,0.1);
  width: 360px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.pattern-call-dark-2 {
  background-color: rgb(0,0,0,0.2);
  width: 360px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.pattern-call-light {
  background-color: rgb(255,255,255,0.1);
  width: 360px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.prog-box-title h2 {
  font-family: 'Abril Fatface', serif;
  font-size: 30px !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  text-align: center;
  }
  
.pattern-bg-green-cont-left {
  padding-right: 25px;
  }
  
.pattern-bg-green-cont-right {
  padding-left: 25px;
  }
  
}

/* FINE SETTINGS TABLET */

/* INIZIO SETTINGS DESKTOP */

@media (min-width: 1140px) {
  
h2 {
  font-size: 35px !important;
  margin: 0 0 20px !important;
  color: #812869;
  font-weight: normal;
  }
  
.hr-orange {
  border-bottom: 1px solid #f59a26;
  margin-top: 40px; 
  } 
  
.gino-bg {
  margin: 0;
  height: 100vh;
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/HP-2021-Banner-NoG_2.jpg');
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  }

.pino h1 {
  font-size: 55px !important;
  line-height: 65px !important;
  font-family: 'Abril Fatface', cursive;
  color: #fff;
  text-align: left;
  }
  
.pino p {
  font-size: 20px;
  line-height: 24px;
  font-family: 'Raleway', sans-serif;
  color: #fff;
  }

.wh-div-full-bg {
  padding: 25vh 15vw;
  background-color: #fff;
  min-height: 80vh !important;
  }
  
.wh-div-full-bg h2 {
  font-weight: normal;
  color: #812869;
  }
  
.gr-div-full-bg {
  padding: 25vh 15vw;
  background-color: #eaeaea;
  min-height: 80vh !important;
  }

.rich-text-tagline {
  margin-top: 35px;
  max-width: 100%;
  padding: 0px 30px;
  }
  
.rich-text-tagline p {
  color: #812869;
  font-weight: 600;
  font-size: 20px;
  font-style: italic;
  text-align: center;
  }
     
.pattern-bg-green {
  background-image: url(https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/patterns/Pattern%20Green%20New.jpg);
  background-size: 350px;  
  padding: 20vh 10vw;
  min-height: 80vh !important;
  }
  
.pattern-bg-text {
  background-color: #fff;
  border-radius: 16px;
  padding: 7vh 5vw;
  }
  
.wh-bg-con-inner {
  padding: 20vh 10vw;
  background-color: #fff;
  min-height: 80vh !important;
  }  
 
.border-orange {
  border: 1px solid #f59a26;
  border-radius: 16px;
  padding: 7vh 5vw;
  }
  
.puntielenco ul li {
  color: #812869;
  line-height: 2.25;
  font-weight: 500;
  }
  
.quote-text {
  font-size: 20px !important;
  font-style: italic !important;
  color: #fff;
  line-height: 1.7 !important;
  }
  
.quote-sign {
  font-size: 20px !important;
  line-height: 1.7 !important;
  }

.cta-home21 {  
  border-radius: 25px;
  display: inline-block;
  padding: 14px 28px 13px 28px;
  line-height: 1;
  border: 2px solid #fff;
  color: #812869;
  font-family: 'Raleway', Sans-Serif;
  font-weight: 700;
  text-decoration: none;
  }

.cta-home21:hover {
  background: transparent;
  color: #812869 ;
  border-color: #fff ;
  background-color: #fff;
  transform: scale(1.05);
  }
  
.courses-bg-desk {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Speak%20Society%20Page/Desktop/Speak-Society-Courses-Bg2-80vh.jpg') no-repeat center;
  width: 100%;
  height: 130vh;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
  
.courses-cont-desk {
  max-width: 70%;
  background: #fff;
  border-radius: 16px;
  padding: 70px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  }
 
.online-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Online-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }
    
.company-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Corporate-Courses-Banner-80.jpg') no-repeat center;
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.residential-courses-box-main {
  background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/Residential%20Page/2023%20Updates/Residential-Courses-Banner-3-80_2023.jpg') no-repeat center;
  /* background: url('https://www.speakinitaly.com/hubfs/ADULTS%20WEBSITE%202021/photos/Banner%2080/Residential-Courses-Banner-3-80.jpg') no-repeat center; */
  height: 80vh;
  width: 100%;
  background-size: cover;
  position: relative;
  margin: 0 !important;
  }

.pattern-call-dark {
  background-color: rgb(0,0,0,0.1);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.pattern-call-dark-2 {
  background-color: rgb(0,0,0,0.2);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }

.pattern-call-light {
  background-color: rgb(255,255,255,0.1);
  width: 450px !important;
  padding: 40px;
  border-radius: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  }
  
.prog-box-title h2 {
  font-family: 'Abril Fatface', serif;
  font-size: 40px !important;
  margin: 0 0 20px !important;
  color: #fff !important;
  text-align: center;
  }
  
.pattern-bg-green-cont-left {
  padding-right: 30px;
  }
  
.pattern-bg-green-cont-right {
  padding-left: 30px;
  }
  
}
  
/* FINE SETTINGS DESKTOP */
  
/* ==========================================================================
   Helper classes depending on screen size
   ========================================================================== */



    

        /* Visibility
           ================================================================== */

        .hidden {
            display: none !important;
            visibility: visible;
        }

        .visible {
            display: block !important;
        }

        /* Text Align
           ================================================================== */

        .tl { text-align: left    !important; }
        .tc { text-align: center  !important; }
        .tr { text-align: right   !important; }
        .tj { text-align: justify !important; }

        /* Float
           ================================================================== */

        .fl { float: left  !important; }
        .fr { float: right !important; }
        .fn { float: none  !important; }

        /* Margin and padding
           ================================================================== */

        .ma  { margin: auto !important; }
        .mtba { margin-top: auto !important; margin-bottom: auto !important; }
        .mlra { margin-left: auto !important; margin-right: auto !important; float: none !important; }
        .mta { margin-top: auto !important; }
        .mra { margin-right: auto !important; }
        .mba { margin-bottom: auto !important; }
        .mla { margin-left: auto !important; }

        
        
        
            .m0 { margin: 0px !important; }
            .mtb0 { margin-top: 0px !important; margin-bottom: 0px !important; }
            .mlr0 { margin-left: 0px !important; margin-right: 0px !important; }
            .mt0 { margin-top: 0px !important; }
            .mr0 { margin-right: 0px !important; }
            .mb0 { margin-bottom: 0px !important; }
            .ml0 { margin-left: 0px !important; }
            .nmt0 { margin-top: -0px !important; }
            .nmb0 { margin-bottom: -0px !important; }
            .p0 { padding: 0px !important; }
            .ptb0 { padding-top: 0px !important; padding-bottom: 0px !important; }
            .plr0 { padding-left: 0px !important; padding-right: 0px !important; }
            .pt0 { padding-top: 0px !important; }
            .pr0 { padding-right: 0px !important; }
            .pb0 { padding-bottom: 0px !important; }
            .pl0 { padding-left: 0px !important; }
        
            .m5 { margin: 5px !important; }
            .mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }
            .mlr5 { margin-left: 5px !important; margin-right: 5px !important; }
            .mt5 { margin-top: 5px !important; }
            .mr5 { margin-right: 5px !important; }
            .mb5 { margin-bottom: 5px !important; }
            .ml5 { margin-left: 5px !important; }
            .nmt5 { margin-top: -5px !important; }
            .nmb5 { margin-bottom: -5px !important; }
            .p5 { padding: 5px !important; }
            .ptb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
            .plr5 { padding-left: 5px !important; padding-right: 5px !important; }
            .pt5 { padding-top: 5px !important; }
            .pr5 { padding-right: 5px !important; }
            .pb5 { padding-bottom: 5px !important; }
            .pl5 { padding-left: 5px !important; }
        
            .m10 { margin: 10px !important; }
            .mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
            .mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
            .mt10 { margin-top: 10px !important; }
            .mr10 { margin-right: 10px !important; }
            .mb10 { margin-bottom: 10px !important; }
            .ml10 { margin-left: 10px !important; }
            .nmt10 { margin-top: -10px !important; }
            .nmb10 { margin-bottom: -10px !important; }
            .p10 { padding: 10px !important; }
            .ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
            .plr10 { padding-left: 10px !important; padding-right: 10px !important; }
            .pt10 { padding-top: 10px !important; }
            .pr10 { padding-right: 10px !important; }
            .pb10 { padding-bottom: 10px !important; }
            .pl10 { padding-left: 10px !important; }
        
            .m15 { margin: 15px !important; }
            .mtb15 { margin-top: 15px !important; margin-bottom: 15px !important; }
            .mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
            .mt15 { margin-top: 15px !important; }
            .mr15 { margin-right: 15px !important; }
            .mb15 { margin-bottom: 15px !important; }
            .ml15 { margin-left: 15px !important; }
            .nmt15 { margin-top: -15px !important; }
            .nmb15 { margin-bottom: -15px !important; }
            .p15 { padding: 15px !important; }
            .ptb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
            .plr15 { padding-left: 15px !important; padding-right: 15px !important; }
            .pt15 { padding-top: 15px !important; }
            .pr15 { padding-right: 15px !important; }
            .pb15 { padding-bottom: 15px !important; }
            .pl15 { padding-left: 15px !important; }
        
            .m20 { margin: 20px !important; }
            .mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
            .mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
            .mt20 { margin-top: 20px !important; }
            .mr20 { margin-right: 20px !important; }
            .mb20 { margin-bottom: 20px !important; }
            .ml20 { margin-left: 20px !important; }
            .nmt20 { margin-top: -20px !important; }
            .nmb20 { margin-bottom: -20px !important; }
            .p20 { padding: 20px !important; }
            .ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
            .plr20 { padding-left: 20px !important; padding-right: 20px !important; }
            .pt20 { padding-top: 20px !important; }
            .pr20 { padding-right: 20px !important; }
            .pb20 { padding-bottom: 20px !important; }
            .pl20 { padding-left: 20px !important; }
        
            .m30 { margin: 30px !important; }
            .mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
            .mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
            .mt30 { margin-top: 30px !important; }
            .mr30 { margin-right: 30px !important; }
            .mb30 { margin-bottom: 30px !important; }
            .ml30 { margin-left: 30px !important; }
            .nmt30 { margin-top: -30px !important; }
            .nmb30 { margin-bottom: -30px !important; }
            .p30 { padding: 30px !important; }
            .ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
            .plr30 { padding-left: 30px !important; padding-right: 30px !important; }
            .pt30 { padding-top: 30px !important; }
            .pr30 { padding-right: 30px !important; }
            .pb30 { padding-bottom: 30px !important; }
            .pl30 { padding-left: 30px !important; }
        
            .m40 { margin: 40px !important; }
            .mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }
            .mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
            .mt40 { margin-top: 40px !important; }
            .mr40 { margin-right: 40px !important; }
            .mb40 { margin-bottom: 40px !important; }
            .ml40 { margin-left: 40px !important; }
            .nmt40 { margin-top: -40px !important; }
            .nmb40 { margin-bottom: -40px !important; }
            .p40 { padding: 40px !important; }
            .ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
            .plr40 { padding-left: 40px !important; padding-right: 40px !important; }
            .pt40 { padding-top: 40px !important; }
            .pr40 { padding-right: 40px !important; }
            .pb40 { padding-bottom: 40px !important; }
            .pl40 { padding-left: 40px !important; }
        
            .m50 { margin: 50px !important; }
            .mtb50 { margin-top: 50px !important; margin-bottom: 50px !important; }
            .mlr50 { margin-left: 50px !important; margin-right: 50px !important; }
            .mt50 { margin-top: 50px !important; }
            .mr50 { margin-right: 50px !important; }
            .mb50 { margin-bottom: 50px !important; }
            .ml50 { margin-left: 50px !important; }
            .nmt50 { margin-top: -50px !important; }
            .nmb50 { margin-bottom: -50px !important; }
            .p50 { padding: 50px !important; }
            .ptb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
            .plr50 { padding-left: 50px !important; padding-right: 50px !important; }
            .pt50 { padding-top: 50px !important; }
            .pr50 { padding-right: 50px !important; }
            .pb50 { padding-bottom: 50px !important; }
            .pl50 { padding-left: 50px !important; }
        
            .m60 { margin: 60px !important; }
            .mtb60 { margin-top: 60px !important; margin-bottom: 60px !important; }
            .mlr60 { margin-left: 60px !important; margin-right: 60px !important; }
            .mt60 { margin-top: 60px !important; }
            .mr60 { margin-right: 60px !important; }
            .mb60 { margin-bottom: 60px !important; }
            .ml60 { margin-left: 60px !important; }
            .nmt60 { margin-top: -60px !important; }
            .nmb60 { margin-bottom: -60px !important; }
            .p60 { padding: 60px !important; }
            .ptb60 { padding-top: 60px !important; padding-bottom: 60px !important; }
            .plr60 { padding-left: 60px !important; padding-right: 60px !important; }
            .pt60 { padding-top: 60px !important; }
            .pr60 { padding-right: 60px !important; }
            .pb60 { padding-bottom: 60px !important; }
            .pl60 { padding-left: 60px !important; }
        
            .m70 { margin: 70px !important; }
            .mtb70 { margin-top: 70px !important; margin-bottom: 70px !important; }
            .mlr70 { margin-left: 70px !important; margin-right: 70px !important; }
            .mt70 { margin-top: 70px !important; }
            .mr70 { margin-right: 70px !important; }
            .mb70 { margin-bottom: 70px !important; }
            .ml70 { margin-left: 70px !important; }
            .nmt70 { margin-top: -70px !important; }
            .nmb70 { margin-bottom: -70px !important; }
            .p70 { padding: 70px !important; }
            .ptb70 { padding-top: 70px !important; padding-bottom: 70px !important; }
            .plr70 { padding-left: 70px !important; padding-right: 70px !important; }
            .pt70 { padding-top: 70px !important; }
            .pr70 { padding-right: 70px !important; }
            .pb70 { padding-bottom: 70px !important; }
            .pl70 { padding-left: 70px !important; }
        
            .m80 { margin: 80px !important; }
            .mtb80 { margin-top: 80px !important; margin-bottom: 80px !important; }
            .mlr80 { margin-left: 80px !important; margin-right: 80px !important; }
            .mt80 { margin-top: 80px !important; }
            .mr80 { margin-right: 80px !important; }
            .mb80 { margin-bottom: 80px !important; }
            .ml80 { margin-left: 80px !important; }
            .nmt80 { margin-top: -80px !important; }
            .nmb80 { margin-bottom: -80px !important; }
            .p80 { padding: 80px !important; }
            .ptb80 { padding-top: 80px !important; padding-bottom: 80px !important; }
            .plr80 { padding-left: 80px !important; padding-right: 80px !important; }
            .pt80 { padding-top: 80px !important; }
            .pr80 { padding-right: 80px !important; }
            .pb80 { padding-bottom: 80px !important; }
            .pl80 { padding-left: 80px !important; }
        
            .m90 { margin: 90px !important; }
            .mtb90 { margin-top: 90px !important; margin-bottom: 90px !important; }
            .mlr90 { margin-left: 90px !important; margin-right: 90px !important; }
            .mt90 { margin-top: 90px !important; }
            .mr90 { margin-right: 90px !important; }
            .mb90 { margin-bottom: 90px !important; }
            .ml90 { margin-left: 90px !important; }
            .nmt90 { margin-top: -90px !important; }
            .nmb90 { margin-bottom: -90px !important; }
            .p90 { padding: 90px !important; }
            .ptb90 { padding-top: 90px !important; padding-bottom: 90px !important; }
            .plr90 { padding-left: 90px !important; padding-right: 90px !important; }
            .pt90 { padding-top: 90px !important; }
            .pr90 { padding-right: 90px !important; }
            .pb90 { padding-bottom: 90px !important; }
            .pl90 { padding-left: 90px !important; }
        
            .m100 { margin: 100px !important; }
            .mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; }
            .mlr100 { margin-left: 100px !important; margin-right: 100px !important; }
            .mt100 { margin-top: 100px !important; }
            .mr100 { margin-right: 100px !important; }
            .mb100 { margin-bottom: 100px !important; }
            .ml100 { margin-left: 100px !important; }
            .nmt100 { margin-top: -100px !important; }
            .nmb100 { margin-bottom: -100px !important; }
            .p100 { padding: 100px !important; }
            .ptb100 { padding-top: 100px !important; padding-bottom: 100px !important; }
            .plr100 { padding-left: 100px !important; padding-right: 100px !important; }
            .pt100 { padding-top: 100px !important; }
            .pr100 { padding-right: 100px !important; }
            .pb100 { padding-bottom: 100px !important; }
            .pl100 { padding-left: 100px !important; }
        
            .m110 { margin: 110px !important; }
            .mtb110 { margin-top: 110px !important; margin-bottom: 110px !important; }
            .mlr110 { margin-left: 110px !important; margin-right: 110px !important; }
            .mt110 { margin-top: 110px !important; }
            .mr110 { margin-right: 110px !important; }
            .mb110 { margin-bottom: 110px !important; }
            .ml110 { margin-left: 110px !important; }
            .nmt110 { margin-top: -110px !important; }
            .nmb110 { margin-bottom: -110px !important; }
            .p110 { padding: 110px !important; }
            .ptb110 { padding-top: 110px !important; padding-bottom: 110px !important; }
            .plr110 { padding-left: 110px !important; padding-right: 110px !important; }
            .pt110 { padding-top: 110px !important; }
            .pr110 { padding-right: 110px !important; }
            .pb110 { padding-bottom: 110px !important; }
            .pl110 { padding-left: 110px !important; }
        
            .m120 { margin: 120px !important; }
            .mtb120 { margin-top: 120px !important; margin-bottom: 120px !important; }
            .mlr120 { margin-left: 120px !important; margin-right: 120px !important; }
            .mt120 { margin-top: 120px !important; }
            .mr120 { margin-right: 120px !important; }
            .mb120 { margin-bottom: 120px !important; }
            .ml120 { margin-left: 120px !important; }
            .nmt120 { margin-top: -120px !important; }
            .nmb120 { margin-bottom: -120px !important; }
            .p120 { padding: 120px !important; }
            .ptb120 { padding-top: 120px !important; padding-bottom: 120px !important; }
            .plr120 { padding-left: 120px !important; padding-right: 120px !important; }
            .pt120 { padding-top: 120px !important; }
            .pr120 { padding-right: 120px !important; }
            .pb120 { padding-bottom: 120px !important; }
            .pl120 { padding-left: 120px !important; }
        
            .m130 { margin: 130px !important; }
            .mtb130 { margin-top: 130px !important; margin-bottom: 130px !important; }
            .mlr130 { margin-left: 130px !important; margin-right: 130px !important; }
            .mt130 { margin-top: 130px !important; }
            .mr130 { margin-right: 130px !important; }
            .mb130 { margin-bottom: 130px !important; }
            .ml130 { margin-left: 130px !important; }
            .nmt130 { margin-top: -130px !important; }
            .nmb130 { margin-bottom: -130px !important; }
            .p130 { padding: 130px !important; }
            .ptb130 { padding-top: 130px !important; padding-bottom: 130px !important; }
            .plr130 { padding-left: 130px !important; padding-right: 130px !important; }
            .pt130 { padding-top: 130px !important; }
            .pr130 { padding-right: 130px !important; }
            .pb130 { padding-bottom: 130px !important; }
            .pl130 { padding-left: 130px !important; }
        
            .m140 { margin: 140px !important; }
            .mtb140 { margin-top: 140px !important; margin-bottom: 140px !important; }
            .mlr140 { margin-left: 140px !important; margin-right: 140px !important; }
            .mt140 { margin-top: 140px !important; }
            .mr140 { margin-right: 140px !important; }
            .mb140 { margin-bottom: 140px !important; }
            .ml140 { margin-left: 140px !important; }
            .nmt140 { margin-top: -140px !important; }
            .nmb140 { margin-bottom: -140px !important; }
            .p140 { padding: 140px !important; }
            .ptb140 { padding-top: 140px !important; padding-bottom: 140px !important; }
            .plr140 { padding-left: 140px !important; padding-right: 140px !important; }
            .pt140 { padding-top: 140px !important; }
            .pr140 { padding-right: 140px !important; }
            .pb140 { padding-bottom: 140px !important; }
            .pl140 { padding-left: 140px !important; }
        
            .m150 { margin: 150px !important; }
            .mtb150 { margin-top: 150px !important; margin-bottom: 150px !important; }
            .mlr150 { margin-left: 150px !important; margin-right: 150px !important; }
            .mt150 { margin-top: 150px !important; }
            .mr150 { margin-right: 150px !important; }
            .mb150 { margin-bottom: 150px !important; }
            .ml150 { margin-left: 150px !important; }
            .nmt150 { margin-top: -150px !important; }
            .nmb150 { margin-bottom: -150px !important; }
            .p150 { padding: 150px !important; }
            .ptb150 { padding-top: 150px !important; padding-bottom: 150px !important; }
            .plr150 { padding-left: 150px !important; padding-right: 150px !important; }
            .pt150 { padding-top: 150px !important; }
            .pr150 { padding-right: 150px !important; }
            .pb150 { padding-bottom: 150px !important; }
            .pl150 { padding-left: 150px !important; }
        
            .m200 { margin: 200px !important; }
            .mtb200 { margin-top: 200px !important; margin-bottom: 200px !important; }
            .mlr200 { margin-left: 200px !important; margin-right: 200px !important; }
            .mt200 { margin-top: 200px !important; }
            .mr200 { margin-right: 200px !important; }
            .mb200 { margin-bottom: 200px !important; }
            .ml200 { margin-left: 200px !important; }
            .nmt200 { margin-top: -200px !important; }
            .nmb200 { margin-bottom: -200px !important; }
            .p200 { padding: 200px !important; }
            .ptb200 { padding-top: 200px !important; padding-bottom: 200px !important; }
            .plr200 { padding-left: 200px !important; padding-right: 200px !important; }
            .pt200 { padding-top: 200px !important; }
            .pr200 { padding-right: 200px !important; }
            .pb200 { padding-bottom: 200px !important; }
            .pl200 { padding-left: 200px !important; }
        
            .m250 { margin: 250px !important; }
            .mtb250 { margin-top: 250px !important; margin-bottom: 250px !important; }
            .mlr250 { margin-left: 250px !important; margin-right: 250px !important; }
            .mt250 { margin-top: 250px !important; }
            .mr250 { margin-right: 250px !important; }
            .mb250 { margin-bottom: 250px !important; }
            .ml250 { margin-left: 250px !important; }
            .nmt250 { margin-top: -250px !important; }
            .nmb250 { margin-bottom: -250px !important; }
            .p250 { padding: 250px !important; }
            .ptb250 { padding-top: 250px !important; padding-bottom: 250px !important; }
            .plr250 { padding-left: 250px !important; padding-right: 250px !important; }
            .pt250 { padding-top: 250px !important; }
            .pr250 { padding-right: 250px !important; }
            .pb250 { padding-bottom: 250px !important; }
            .pl250 { padding-left: 250px !important; }
        
            .m300 { margin: 300px !important; }
            .mtb300 { margin-top: 300px !important; margin-bottom: 300px !important; }
            .mlr300 { margin-left: 300px !important; margin-right: 300px !important; }
            .mt300 { margin-top: 300px !important; }
            .mr300 { margin-right: 300px !important; }
            .mb300 { margin-bottom: 300px !important; }
            .ml300 { margin-left: 300px !important; }
            .nmt300 { margin-top: -300px !important; }
            .nmb300 { margin-bottom: -300px !important; }
            .p300 { padding: 300px !important; }
            .ptb300 { padding-top: 300px !important; padding-bottom: 300px !important; }
            .plr300 { padding-left: 300px !important; padding-right: 300px !important; }
            .pt300 { padding-top: 300px !important; }
            .pr300 { padding-right: 300px !important; }
            .pb300 { padding-bottom: 300px !important; }
            .pl300 { padding-left: 300px !important; }
        
            .m400 { margin: 400px !important; }
            .mtb400 { margin-top: 400px !important; margin-bottom: 400px !important; }
            .mlr400 { margin-left: 400px !important; margin-right: 400px !important; }
            .mt400 { margin-top: 400px !important; }
            .mr400 { margin-right: 400px !important; }
            .mb400 { margin-bottom: 400px !important; }
            .ml400 { margin-left: 400px !important; }
            .nmt400 { margin-top: -400px !important; }
            .nmb400 { margin-bottom: -400px !important; }
            .p400 { padding: 400px !important; }
            .ptb400 { padding-top: 400px !important; padding-bottom: 400px !important; }
            .plr400 { padding-left: 400px !important; padding-right: 400px !important; }
            .pt400 { padding-top: 400px !important; }
            .pr400 { padding-right: 400px !important; }
            .pb400 { padding-bottom: 400px !important; }
            .pl400 { padding-left: 400px !important; }
        
            .m500 { margin: 500px !important; }
            .mtb500 { margin-top: 500px !important; margin-bottom: 500px !important; }
            .mlr500 { margin-left: 500px !important; margin-right: 500px !important; }
            .mt500 { margin-top: 500px !important; }
            .mr500 { margin-right: 500px !important; }
            .mb500 { margin-bottom: 500px !important; }
            .ml500 { margin-left: 500px !important; }
            .nmt500 { margin-top: -500px !important; }
            .nmb500 { margin-bottom: -500px !important; }
            .p500 { padding: 500px !important; }
            .ptb500 { padding-top: 500px !important; padding-bottom: 500px !important; }
            .plr500 { padding-left: 500px !important; padding-right: 500px !important; }
            .pt500 { padding-top: 500px !important; }
            .pr500 { padding-right: 500px !important; }
            .pb500 { padding-bottom: 500px !important; }
            .pl500 { padding-left: 500px !important; }
        

        
        
            .hs0 h1,
            .hs0 h2,
            .hs0 h3,
            .hs0 h4,
            .hs0 h5,
            .hs0 h6 {
                margin-bottom: 0px !important;
            }
        
            .hs10 h1,
            .hs10 h2,
            .hs10 h3,
            .hs10 h4,
            .hs10 h5,
            .hs10 h6 {
                margin-bottom: 10px !important;
            }
        
            .hs20 h1,
            .hs20 h2,
            .hs20 h3,
            .hs20 h4,
            .hs20 h5,
            .hs20 h6 {
                margin-bottom: 20px !important;
            }
        
            .hs30 h1,
            .hs30 h2,
            .hs30 h3,
            .hs30 h4,
            .hs30 h5,
            .hs30 h6 {
                margin-bottom: 30px !important;
            }
        

        /* Width
           ================================================================== */

        
        
            .w100 { max-width: 100px !important; }
        
            .w150 { max-width: 150px !important; }
        
            .w200 { max-width: 200px !important; }
        
            .w250 { max-width: 250px !important; }
        
            .w300 { max-width: 300px !important; }
        
            .w350 { max-width: 350px !important; }
        
            .w400 { max-width: 400px !important; }
        
            .w450 { max-width: 450px !important; }
        
            .w500 { max-width: 500px !important; }
        
            .w550 { max-width: 550px !important; }
        
            .w600 { max-width: 600px !important; }
        
            .w650 { max-width: 650px !important; }
        
            .w700 { max-width: 700px !important; }
        
            .w750 { max-width: 750px !important; }
        
            .w800 { max-width: 800px !important; }
        
            .w850 { max-width: 850px !important; }
        
            .w900 { max-width: 900px !important; }
        
            .w950 { max-width: 950px !important; }
        
            .w1000 { max-width: 1000px !important; }
        
            .w1050 { max-width: 1050px !important; }
        
            .w1100 { max-width: 1100px !important; }
        
            .w1150 { max-width: 1150px !important; }
        
            .w1200 { max-width: 1200px !important; }
        
            .w1250 { max-width: 1250px !important; }
        
            .w1300 { max-width: 1300px !important; }
        
            .w1350 { max-width: 1350px !important; }
        
            .w1400 { max-width: 1400px !important; }
        
            .w1450 { max-width: 1450px !important; }
        
            .w1500 { max-width: 1500px !important; }
        
            .w1550 { max-width: 1550px !important; }
        
            .w1600 { max-width: 1600px !important; }
        
            .w1650 { max-width: 1650px !important; }
        
            .w1700 { max-width: 1700px !important; }
        
            .w1750 { max-width: 1750px !important; }
        
            .w1800 { max-width: 1800px !important; }
        
            .w1850 { max-width: 1850px !important; }
        
            .w1900 { max-width: 1900px !important; }
        
            .w1950 { max-width: 1950px !important; }
        
            .w2000 { max-width: 2000px !important; }
        
        .wa { max-width: none !important; }


        /* Full VH
           ================================================================== */
        
        .reset-full-vh {
            min-height: 0 !important;
        }


        /* Background
           ================================================================== */

        /**
         * Background Position
         */

        .bg-left-top      { background-position: left top !important; }
        .bg-left-center   { background-position: left center !important; }
        .bg-left-bottom   { background-position: left bottom !important; }
        .bg-center-top    { background-position: center top !important; }
        .bg-center-center { background-position: center center !important; }
        .bg-center-bottom { background-position: center bottom !important; }
        .bg-right-top     { background-position: right top !important; }
        .bg-right-center  { background-position: right center !important; }
        .bg-right-bottom  { background-position: right bottom !important; }

        /**
         * Background Repeat
         */

        .bg-repeat    { background-repeat: repeat !important; }
        .bg-no-repeat { background-repeat: no-repeat !important; }
        .bg-repeat-x  { background-repeat: repeat-x !important; }
        .bg-repeat-y  { background-repeat: repeat-y !important; }

        /**
         * Background Attachment
         */

        .bg-scroll { background-attachment: scroll !important; }
        .bg-fixed  { background-attachment: fixed !important; }

        /**
         * Background Size
         */

        .bg-cover       { background-size: cover !important; }
        .bg-stretch     { background-size: 100% 100% !important; }
        .bg-full-width  { background-size: 100% auto !important; }
        .bg-full-height { background-size: auto 100% !important; }
        .bg-auto        { background-size: auto auto !important; }

        /**
         * Forms
         */

        .form-title-left h3.form-title   { text-align: left; }
        .form-title-center h3.form-title { text-align: center; }
        .form-title-right h3.form-title  { text-align: right; }

        .form-button-full .hs-button {
            display: block;
        }

        /* Radius
           ========================================================================== */
        
        

        .radius-0 { border-radius: 0; }
        .radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; }
        .radius-top-left-0 { border-top-left-radius: 0; }
        .radius-top-right-0 { border-top-right-radius: 0; }
        .radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
        .radius-bottom-left-0 { border-bottom-left-radius: 0; }
        .radius-bottom-right-0 { border-bottom-right-radius: 0; }
        .radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; }
        .radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; }

    


    
        @media (max-width: 1139px) {/* <- open media query */
    

        /* Visibility
           ================================================================== */

        .md-hidden {
            display: none !important;
            visibility: visible;
        }

        .md-visible {
            display: block !important;
        }

        /* Text Align
           ================================================================== */

        .md-tl { text-align: left    !important; }
        .md-tc { text-align: center  !important; }
        .md-tr { text-align: right   !important; }
        .md-tj { text-align: justify !important; }

        /* Float
           ================================================================== */

        .md-fl { float: left  !important; }
        .md-fr { float: right !important; }
        .md-fn { float: none  !important; }

        /* Margin and padding
           ================================================================== */

        .md-ma  { margin: auto !important; }
        .md-mtba { margin-top: auto !important; margin-bottom: auto !important; }
        .md-mlra { margin-left: auto !important; margin-right: auto !important; float: none !important; }
        .md-mta { margin-top: auto !important; }
        .md-mra { margin-right: auto !important; }
        .md-mba { margin-bottom: auto !important; }
        .md-mla { margin-left: auto !important; }

        
        
        
            .md-m0 { margin: 0px !important; }
            .md-mtb0 { margin-top: 0px !important; margin-bottom: 0px !important; }
            .md-mlr0 { margin-left: 0px !important; margin-right: 0px !important; }
            .md-mt0 { margin-top: 0px !important; }
            .md-mr0 { margin-right: 0px !important; }
            .md-mb0 { margin-bottom: 0px !important; }
            .md-ml0 { margin-left: 0px !important; }
            .md-nmt0 { margin-top: -0px !important; }
            .md-nmb0 { margin-bottom: -0px !important; }
            .md-p0 { padding: 0px !important; }
            .md-ptb0 { padding-top: 0px !important; padding-bottom: 0px !important; }
            .md-plr0 { padding-left: 0px !important; padding-right: 0px !important; }
            .md-pt0 { padding-top: 0px !important; }
            .md-pr0 { padding-right: 0px !important; }
            .md-pb0 { padding-bottom: 0px !important; }
            .md-pl0 { padding-left: 0px !important; }
        
            .md-m5 { margin: 5px !important; }
            .md-mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }
            .md-mlr5 { margin-left: 5px !important; margin-right: 5px !important; }
            .md-mt5 { margin-top: 5px !important; }
            .md-mr5 { margin-right: 5px !important; }
            .md-mb5 { margin-bottom: 5px !important; }
            .md-ml5 { margin-left: 5px !important; }
            .md-nmt5 { margin-top: -5px !important; }
            .md-nmb5 { margin-bottom: -5px !important; }
            .md-p5 { padding: 5px !important; }
            .md-ptb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
            .md-plr5 { padding-left: 5px !important; padding-right: 5px !important; }
            .md-pt5 { padding-top: 5px !important; }
            .md-pr5 { padding-right: 5px !important; }
            .md-pb5 { padding-bottom: 5px !important; }
            .md-pl5 { padding-left: 5px !important; }
        
            .md-m10 { margin: 10px !important; }
            .md-mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
            .md-mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
            .md-mt10 { margin-top: 10px !important; }
            .md-mr10 { margin-right: 10px !important; }
            .md-mb10 { margin-bottom: 10px !important; }
            .md-ml10 { margin-left: 10px !important; }
            .md-nmt10 { margin-top: -10px !important; }
            .md-nmb10 { margin-bottom: -10px !important; }
            .md-p10 { padding: 10px !important; }
            .md-ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
            .md-plr10 { padding-left: 10px !important; padding-right: 10px !important; }
            .md-pt10 { padding-top: 10px !important; }
            .md-pr10 { padding-right: 10px !important; }
            .md-pb10 { padding-bottom: 10px !important; }
            .md-pl10 { padding-left: 10px !important; }
        
            .md-m15 { margin: 15px !important; }
            .md-mtb15 { margin-top: 15px !important; margin-bottom: 15px !important; }
            .md-mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
            .md-mt15 { margin-top: 15px !important; }
            .md-mr15 { margin-right: 15px !important; }
            .md-mb15 { margin-bottom: 15px !important; }
            .md-ml15 { margin-left: 15px !important; }
            .md-nmt15 { margin-top: -15px !important; }
            .md-nmb15 { margin-bottom: -15px !important; }
            .md-p15 { padding: 15px !important; }
            .md-ptb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
            .md-plr15 { padding-left: 15px !important; padding-right: 15px !important; }
            .md-pt15 { padding-top: 15px !important; }
            .md-pr15 { padding-right: 15px !important; }
            .md-pb15 { padding-bottom: 15px !important; }
            .md-pl15 { padding-left: 15px !important; }
        
            .md-m20 { margin: 20px !important; }
            .md-mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
            .md-mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
            .md-mt20 { margin-top: 20px !important; }
            .md-mr20 { margin-right: 20px !important; }
            .md-mb20 { margin-bottom: 20px !important; }
            .md-ml20 { margin-left: 20px !important; }
            .md-nmt20 { margin-top: -20px !important; }
            .md-nmb20 { margin-bottom: -20px !important; }
            .md-p20 { padding: 20px !important; }
            .md-ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
            .md-plr20 { padding-left: 20px !important; padding-right: 20px !important; }
            .md-pt20 { padding-top: 20px !important; }
            .md-pr20 { padding-right: 20px !important; }
            .md-pb20 { padding-bottom: 20px !important; }
            .md-pl20 { padding-left: 20px !important; }
        
            .md-m30 { margin: 30px !important; }
            .md-mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
            .md-mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
            .md-mt30 { margin-top: 30px !important; }
            .md-mr30 { margin-right: 30px !important; }
            .md-mb30 { margin-bottom: 30px !important; }
            .md-ml30 { margin-left: 30px !important; }
            .md-nmt30 { margin-top: -30px !important; }
            .md-nmb30 { margin-bottom: -30px !important; }
            .md-p30 { padding: 30px !important; }
            .md-ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
            .md-plr30 { padding-left: 30px !important; padding-right: 30px !important; }
            .md-pt30 { padding-top: 30px !important; }
            .md-pr30 { padding-right: 30px !important; }
            .md-pb30 { padding-bottom: 30px !important; }
            .md-pl30 { padding-left: 30px !important; }
        
            .md-m40 { margin: 40px !important; }
            .md-mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }
            .md-mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
            .md-mt40 { margin-top: 40px !important; }
            .md-mr40 { margin-right: 40px !important; }
            .md-mb40 { margin-bottom: 40px !important; }
            .md-ml40 { margin-left: 40px !important; }
            .md-nmt40 { margin-top: -40px !important; }
            .md-nmb40 { margin-bottom: -40px !important; }
            .md-p40 { padding: 40px !important; }
            .md-ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
            .md-plr40 { padding-left: 40px !important; padding-right: 40px !important; }
            .md-pt40 { padding-top: 40px !important; }
            .md-pr40 { padding-right: 40px !important; }
            .md-pb40 { padding-bottom: 40px !important; }
            .md-pl40 { padding-left: 40px !important; }
        
            .md-m50 { margin: 50px !important; }
            .md-mtb50 { margin-top: 50px !important; margin-bottom: 50px !important; }
            .md-mlr50 { margin-left: 50px !important; margin-right: 50px !important; }
            .md-mt50 { margin-top: 50px !important; }
            .md-mr50 { margin-right: 50px !important; }
            .md-mb50 { margin-bottom: 50px !important; }
            .md-ml50 { margin-left: 50px !important; }
            .md-nmt50 { margin-top: -50px !important; }
            .md-nmb50 { margin-bottom: -50px !important; }
            .md-p50 { padding: 50px !important; }
            .md-ptb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
            .md-plr50 { padding-left: 50px !important; padding-right: 50px !important; }
            .md-pt50 { padding-top: 50px !important; }
            .md-pr50 { padding-right: 50px !important; }
            .md-pb50 { padding-bottom: 50px !important; }
            .md-pl50 { padding-left: 50px !important; }
        
            .md-m60 { margin: 60px !important; }
            .md-mtb60 { margin-top: 60px !important; margin-bottom: 60px !important; }
            .md-mlr60 { margin-left: 60px !important; margin-right: 60px !important; }
            .md-mt60 { margin-top: 60px !important; }
            .md-mr60 { margin-right: 60px !important; }
            .md-mb60 { margin-bottom: 60px !important; }
            .md-ml60 { margin-left: 60px !important; }
            .md-nmt60 { margin-top: -60px !important; }
            .md-nmb60 { margin-bottom: -60px !important; }
            .md-p60 { padding: 60px !important; }
            .md-ptb60 { padding-top: 60px !important; padding-bottom: 60px !important; }
            .md-plr60 { padding-left: 60px !important; padding-right: 60px !important; }
            .md-pt60 { padding-top: 60px !important; }
            .md-pr60 { padding-right: 60px !important; }
            .md-pb60 { padding-bottom: 60px !important; }
            .md-pl60 { padding-left: 60px !important; }
        
            .md-m70 { margin: 70px !important; }
            .md-mtb70 { margin-top: 70px !important; margin-bottom: 70px !important; }
            .md-mlr70 { margin-left: 70px !important; margin-right: 70px !important; }
            .md-mt70 { margin-top: 70px !important; }
            .md-mr70 { margin-right: 70px !important; }
            .md-mb70 { margin-bottom: 70px !important; }
            .md-ml70 { margin-left: 70px !important; }
            .md-nmt70 { margin-top: -70px !important; }
            .md-nmb70 { margin-bottom: -70px !important; }
            .md-p70 { padding: 70px !important; }
            .md-ptb70 { padding-top: 70px !important; padding-bottom: 70px !important; }
            .md-plr70 { padding-left: 70px !important; padding-right: 70px !important; }
            .md-pt70 { padding-top: 70px !important; }
            .md-pr70 { padding-right: 70px !important; }
            .md-pb70 { padding-bottom: 70px !important; }
            .md-pl70 { padding-left: 70px !important; }
        
            .md-m80 { margin: 80px !important; }
            .md-mtb80 { margin-top: 80px !important; margin-bottom: 80px !important; }
            .md-mlr80 { margin-left: 80px !important; margin-right: 80px !important; }
            .md-mt80 { margin-top: 80px !important; }
            .md-mr80 { margin-right: 80px !important; }
            .md-mb80 { margin-bottom: 80px !important; }
            .md-ml80 { margin-left: 80px !important; }
            .md-nmt80 { margin-top: -80px !important; }
            .md-nmb80 { margin-bottom: -80px !important; }
            .md-p80 { padding: 80px !important; }
            .md-ptb80 { padding-top: 80px !important; padding-bottom: 80px !important; }
            .md-plr80 { padding-left: 80px !important; padding-right: 80px !important; }
            .md-pt80 { padding-top: 80px !important; }
            .md-pr80 { padding-right: 80px !important; }
            .md-pb80 { padding-bottom: 80px !important; }
            .md-pl80 { padding-left: 80px !important; }
        
            .md-m90 { margin: 90px !important; }
            .md-mtb90 { margin-top: 90px !important; margin-bottom: 90px !important; }
            .md-mlr90 { margin-left: 90px !important; margin-right: 90px !important; }
            .md-mt90 { margin-top: 90px !important; }
            .md-mr90 { margin-right: 90px !important; }
            .md-mb90 { margin-bottom: 90px !important; }
            .md-ml90 { margin-left: 90px !important; }
            .md-nmt90 { margin-top: -90px !important; }
            .md-nmb90 { margin-bottom: -90px !important; }
            .md-p90 { padding: 90px !important; }
            .md-ptb90 { padding-top: 90px !important; padding-bottom: 90px !important; }
            .md-plr90 { padding-left: 90px !important; padding-right: 90px !important; }
            .md-pt90 { padding-top: 90px !important; }
            .md-pr90 { padding-right: 90px !important; }
            .md-pb90 { padding-bottom: 90px !important; }
            .md-pl90 { padding-left: 90px !important; }
        
            .md-m100 { margin: 100px !important; }
            .md-mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; }
            .md-mlr100 { margin-left: 100px !important; margin-right: 100px !important; }
            .md-mt100 { margin-top: 100px !important; }
            .md-mr100 { margin-right: 100px !important; }
            .md-mb100 { margin-bottom: 100px !important; }
            .md-ml100 { margin-left: 100px !important; }
            .md-nmt100 { margin-top: -100px !important; }
            .md-nmb100 { margin-bottom: -100px !important; }
            .md-p100 { padding: 100px !important; }
            .md-ptb100 { padding-top: 100px !important; padding-bottom: 100px !important; }
            .md-plr100 { padding-left: 100px !important; padding-right: 100px !important; }
            .md-pt100 { padding-top: 100px !important; }
            .md-pr100 { padding-right: 100px !important; }
            .md-pb100 { padding-bottom: 100px !important; }
            .md-pl100 { padding-left: 100px !important; }
        
            .md-m110 { margin: 110px !important; }
            .md-mtb110 { margin-top: 110px !important; margin-bottom: 110px !important; }
            .md-mlr110 { margin-left: 110px !important; margin-right: 110px !important; }
            .md-mt110 { margin-top: 110px !important; }
            .md-mr110 { margin-right: 110px !important; }
            .md-mb110 { margin-bottom: 110px !important; }
            .md-ml110 { margin-left: 110px !important; }
            .md-nmt110 { margin-top: -110px !important; }
            .md-nmb110 { margin-bottom: -110px !important; }
            .md-p110 { padding: 110px !important; }
            .md-ptb110 { padding-top: 110px !important; padding-bottom: 110px !important; }
            .md-plr110 { padding-left: 110px !important; padding-right: 110px !important; }
            .md-pt110 { padding-top: 110px !important; }
            .md-pr110 { padding-right: 110px !important; }
            .md-pb110 { padding-bottom: 110px !important; }
            .md-pl110 { padding-left: 110px !important; }
        
            .md-m120 { margin: 120px !important; }
            .md-mtb120 { margin-top: 120px !important; margin-bottom: 120px !important; }
            .md-mlr120 { margin-left: 120px !important; margin-right: 120px !important; }
            .md-mt120 { margin-top: 120px !important; }
            .md-mr120 { margin-right: 120px !important; }
            .md-mb120 { margin-bottom: 120px !important; }
            .md-ml120 { margin-left: 120px !important; }
            .md-nmt120 { margin-top: -120px !important; }
            .md-nmb120 { margin-bottom: -120px !important; }
            .md-p120 { padding: 120px !important; }
            .md-ptb120 { padding-top: 120px !important; padding-bottom: 120px !important; }
            .md-plr120 { padding-left: 120px !important; padding-right: 120px !important; }
            .md-pt120 { padding-top: 120px !important; }
            .md-pr120 { padding-right: 120px !important; }
            .md-pb120 { padding-bottom: 120px !important; }
            .md-pl120 { padding-left: 120px !important; }
        
            .md-m130 { margin: 130px !important; }
            .md-mtb130 { margin-top: 130px !important; margin-bottom: 130px !important; }
            .md-mlr130 { margin-left: 130px !important; margin-right: 130px !important; }
            .md-mt130 { margin-top: 130px !important; }
            .md-mr130 { margin-right: 130px !important; }
            .md-mb130 { margin-bottom: 130px !important; }
            .md-ml130 { margin-left: 130px !important; }
            .md-nmt130 { margin-top: -130px !important; }
            .md-nmb130 { margin-bottom: -130px !important; }
            .md-p130 { padding: 130px !important; }
            .md-ptb130 { padding-top: 130px !important; padding-bottom: 130px !important; }
            .md-plr130 { padding-left: 130px !important; padding-right: 130px !important; }
            .md-pt130 { padding-top: 130px !important; }
            .md-pr130 { padding-right: 130px !important; }
            .md-pb130 { padding-bottom: 130px !important; }
            .md-pl130 { padding-left: 130px !important; }
        
            .md-m140 { margin: 140px !important; }
            .md-mtb140 { margin-top: 140px !important; margin-bottom: 140px !important; }
            .md-mlr140 { margin-left: 140px !important; margin-right: 140px !important; }
            .md-mt140 { margin-top: 140px !important; }
            .md-mr140 { margin-right: 140px !important; }
            .md-mb140 { margin-bottom: 140px !important; }
            .md-ml140 { margin-left: 140px !important; }
            .md-nmt140 { margin-top: -140px !important; }
            .md-nmb140 { margin-bottom: -140px !important; }
            .md-p140 { padding: 140px !important; }
            .md-ptb140 { padding-top: 140px !important; padding-bottom: 140px !important; }
            .md-plr140 { padding-left: 140px !important; padding-right: 140px !important; }
            .md-pt140 { padding-top: 140px !important; }
            .md-pr140 { padding-right: 140px !important; }
            .md-pb140 { padding-bottom: 140px !important; }
            .md-pl140 { padding-left: 140px !important; }
        
            .md-m150 { margin: 150px !important; }
            .md-mtb150 { margin-top: 150px !important; margin-bottom: 150px !important; }
            .md-mlr150 { margin-left: 150px !important; margin-right: 150px !important; }
            .md-mt150 { margin-top: 150px !important; }
            .md-mr150 { margin-right: 150px !important; }
            .md-mb150 { margin-bottom: 150px !important; }
            .md-ml150 { margin-left: 150px !important; }
            .md-nmt150 { margin-top: -150px !important; }
            .md-nmb150 { margin-bottom: -150px !important; }
            .md-p150 { padding: 150px !important; }
            .md-ptb150 { padding-top: 150px !important; padding-bottom: 150px !important; }
            .md-plr150 { padding-left: 150px !important; padding-right: 150px !important; }
            .md-pt150 { padding-top: 150px !important; }
            .md-pr150 { padding-right: 150px !important; }
            .md-pb150 { padding-bottom: 150px !important; }
            .md-pl150 { padding-left: 150px !important; }
        
            .md-m200 { margin: 200px !important; }
            .md-mtb200 { margin-top: 200px !important; margin-bottom: 200px !important; }
            .md-mlr200 { margin-left: 200px !important; margin-right: 200px !important; }
            .md-mt200 { margin-top: 200px !important; }
            .md-mr200 { margin-right: 200px !important; }
            .md-mb200 { margin-bottom: 200px !important; }
            .md-ml200 { margin-left: 200px !important; }
            .md-nmt200 { margin-top: -200px !important; }
            .md-nmb200 { margin-bottom: -200px !important; }
            .md-p200 { padding: 200px !important; }
            .md-ptb200 { padding-top: 200px !important; padding-bottom: 200px !important; }
            .md-plr200 { padding-left: 200px !important; padding-right: 200px !important; }
            .md-pt200 { padding-top: 200px !important; }
            .md-pr200 { padding-right: 200px !important; }
            .md-pb200 { padding-bottom: 200px !important; }
            .md-pl200 { padding-left: 200px !important; }
        
            .md-m250 { margin: 250px !important; }
            .md-mtb250 { margin-top: 250px !important; margin-bottom: 250px !important; }
            .md-mlr250 { margin-left: 250px !important; margin-right: 250px !important; }
            .md-mt250 { margin-top: 250px !important; }
            .md-mr250 { margin-right: 250px !important; }
            .md-mb250 { margin-bottom: 250px !important; }
            .md-ml250 { margin-left: 250px !important; }
            .md-nmt250 { margin-top: -250px !important; }
            .md-nmb250 { margin-bottom: -250px !important; }
            .md-p250 { padding: 250px !important; }
            .md-ptb250 { padding-top: 250px !important; padding-bottom: 250px !important; }
            .md-plr250 { padding-left: 250px !important; padding-right: 250px !important; }
            .md-pt250 { padding-top: 250px !important; }
            .md-pr250 { padding-right: 250px !important; }
            .md-pb250 { padding-bottom: 250px !important; }
            .md-pl250 { padding-left: 250px !important; }
        
            .md-m300 { margin: 300px !important; }
            .md-mtb300 { margin-top: 300px !important; margin-bottom: 300px !important; }
            .md-mlr300 { margin-left: 300px !important; margin-right: 300px !important; }
            .md-mt300 { margin-top: 300px !important; }
            .md-mr300 { margin-right: 300px !important; }
            .md-mb300 { margin-bottom: 300px !important; }
            .md-ml300 { margin-left: 300px !important; }
            .md-nmt300 { margin-top: -300px !important; }
            .md-nmb300 { margin-bottom: -300px !important; }
            .md-p300 { padding: 300px !important; }
            .md-ptb300 { padding-top: 300px !important; padding-bottom: 300px !important; }
            .md-plr300 { padding-left: 300px !important; padding-right: 300px !important; }
            .md-pt300 { padding-top: 300px !important; }
            .md-pr300 { padding-right: 300px !important; }
            .md-pb300 { padding-bottom: 300px !important; }
            .md-pl300 { padding-left: 300px !important; }
        
            .md-m400 { margin: 400px !important; }
            .md-mtb400 { margin-top: 400px !important; margin-bottom: 400px !important; }
            .md-mlr400 { margin-left: 400px !important; margin-right: 400px !important; }
            .md-mt400 { margin-top: 400px !important; }
            .md-mr400 { margin-right: 400px !important; }
            .md-mb400 { margin-bottom: 400px !important; }
            .md-ml400 { margin-left: 400px !important; }
            .md-nmt400 { margin-top: -400px !important; }
            .md-nmb400 { margin-bottom: -400px !important; }
            .md-p400 { padding: 400px !important; }
            .md-ptb400 { padding-top: 400px !important; padding-bottom: 400px !important; }
            .md-plr400 { padding-left: 400px !important; padding-right: 400px !important; }
            .md-pt400 { padding-top: 400px !important; }
            .md-pr400 { padding-right: 400px !important; }
            .md-pb400 { padding-bottom: 400px !important; }
            .md-pl400 { padding-left: 400px !important; }
        
            .md-m500 { margin: 500px !important; }
            .md-mtb500 { margin-top: 500px !important; margin-bottom: 500px !important; }
            .md-mlr500 { margin-left: 500px !important; margin-right: 500px !important; }
            .md-mt500 { margin-top: 500px !important; }
            .md-mr500 { margin-right: 500px !important; }
            .md-mb500 { margin-bottom: 500px !important; }
            .md-ml500 { margin-left: 500px !important; }
            .md-nmt500 { margin-top: -500px !important; }
            .md-nmb500 { margin-bottom: -500px !important; }
            .md-p500 { padding: 500px !important; }
            .md-ptb500 { padding-top: 500px !important; padding-bottom: 500px !important; }
            .md-plr500 { padding-left: 500px !important; padding-right: 500px !important; }
            .md-pt500 { padding-top: 500px !important; }
            .md-pr500 { padding-right: 500px !important; }
            .md-pb500 { padding-bottom: 500px !important; }
            .md-pl500 { padding-left: 500px !important; }
        

        
        
            .md-hs0 h1,
            .md-hs0 h2,
            .md-hs0 h3,
            .md-hs0 h4,
            .md-hs0 h5,
            .md-hs0 h6 {
                margin-bottom: 0px !important;
            }
        
            .md-hs10 h1,
            .md-hs10 h2,
            .md-hs10 h3,
            .md-hs10 h4,
            .md-hs10 h5,
            .md-hs10 h6 {
                margin-bottom: 10px !important;
            }
        
            .md-hs20 h1,
            .md-hs20 h2,
            .md-hs20 h3,
            .md-hs20 h4,
            .md-hs20 h5,
            .md-hs20 h6 {
                margin-bottom: 20px !important;
            }
        
            .md-hs30 h1,
            .md-hs30 h2,
            .md-hs30 h3,
            .md-hs30 h4,
            .md-hs30 h5,
            .md-hs30 h6 {
                margin-bottom: 30px !important;
            }
        

        /* Width
           ================================================================== */

        
        
            .md-w100 { max-width: 100px !important; }
        
            .md-w150 { max-width: 150px !important; }
        
            .md-w200 { max-width: 200px !important; }
        
            .md-w250 { max-width: 250px !important; }
        
            .md-w300 { max-width: 300px !important; }
        
            .md-w350 { max-width: 350px !important; }
        
            .md-w400 { max-width: 400px !important; }
        
            .md-w450 { max-width: 450px !important; }
        
            .md-w500 { max-width: 500px !important; }
        
            .md-w550 { max-width: 550px !important; }
        
            .md-w600 { max-width: 600px !important; }
        
            .md-w650 { max-width: 650px !important; }
        
            .md-w700 { max-width: 700px !important; }
        
            .md-w750 { max-width: 750px !important; }
        
            .md-w800 { max-width: 800px !important; }
        
            .md-w850 { max-width: 850px !important; }
        
            .md-w900 { max-width: 900px !important; }
        
            .md-w950 { max-width: 950px !important; }
        
            .md-w1000 { max-width: 1000px !important; }
        
            .md-w1050 { max-width: 1050px !important; }
        
            .md-w1100 { max-width: 1100px !important; }
        
            .md-w1150 { max-width: 1150px !important; }
        
            .md-w1200 { max-width: 1200px !important; }
        
            .md-w1250 { max-width: 1250px !important; }
        
            .md-w1300 { max-width: 1300px !important; }
        
            .md-w1350 { max-width: 1350px !important; }
        
            .md-w1400 { max-width: 1400px !important; }
        
            .md-w1450 { max-width: 1450px !important; }
        
            .md-w1500 { max-width: 1500px !important; }
        
            .md-w1550 { max-width: 1550px !important; }
        
            .md-w1600 { max-width: 1600px !important; }
        
            .md-w1650 { max-width: 1650px !important; }
        
            .md-w1700 { max-width: 1700px !important; }
        
            .md-w1750 { max-width: 1750px !important; }
        
            .md-w1800 { max-width: 1800px !important; }
        
            .md-w1850 { max-width: 1850px !important; }
        
            .md-w1900 { max-width: 1900px !important; }
        
            .md-w1950 { max-width: 1950px !important; }
        
            .md-w2000 { max-width: 2000px !important; }
        
        .md-wa { max-width: none !important; }


        /* Full VH
           ================================================================== */
        
        .md-reset-full-vh {
            min-height: 0 !important;
        }


        /* Background
           ================================================================== */

        /**
         * Background Position
         */

        .md-bg-left-top      { background-position: left top !important; }
        .md-bg-left-center   { background-position: left center !important; }
        .md-bg-left-bottom   { background-position: left bottom !important; }
        .md-bg-center-top    { background-position: center top !important; }
        .md-bg-center-center { background-position: center center !important; }
        .md-bg-center-bottom { background-position: center bottom !important; }
        .md-bg-right-top     { background-position: right top !important; }
        .md-bg-right-center  { background-position: right center !important; }
        .md-bg-right-bottom  { background-position: right bottom !important; }

        /**
         * Background Repeat
         */

        .md-bg-repeat    { background-repeat: repeat !important; }
        .md-bg-no-repeat { background-repeat: no-repeat !important; }
        .md-bg-repeat-x  { background-repeat: repeat-x !important; }
        .md-bg-repeat-y  { background-repeat: repeat-y !important; }

        /**
         * Background Attachment
         */

        .md-bg-scroll { background-attachment: scroll !important; }
        .md-bg-fixed  { background-attachment: fixed !important; }

        /**
         * Background Size
         */

        .md-bg-cover       { background-size: cover !important; }
        .md-bg-stretch     { background-size: 100% 100% !important; }
        .md-bg-full-width  { background-size: 100% auto !important; }
        .md-bg-full-height { background-size: auto 100% !important; }
        .md-bg-auto        { background-size: auto auto !important; }

        /**
         * Forms
         */

        .md-form-title-left h3.form-title   { text-align: left; }
        .md-form-title-center h3.form-title { text-align: center; }
        .md-form-title-right h3.form-title  { text-align: right; }

        .md-form-button-full .hs-button {
            display: block;
        }

        /* Radius
           ========================================================================== */
        
        

        .md-radius-0 { border-radius: 0; }
        .md-radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; }
        .md-radius-top-left-0 { border-top-left-radius: 0; }
        .md-radius-top-right-0 { border-top-right-radius: 0; }
        .md-radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
        .md-radius-bottom-left-0 { border-bottom-left-radius: 0; }
        .md-radius-bottom-right-0 { border-bottom-right-radius: 0; }
        .md-radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; }
        .md-radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; }

    
        }/* <- close media query */
    


    
        @media (max-width: 767px) {/* <- open media query */
    

        /* Visibility
           ================================================================== */

        .sm-hidden {
            display: none !important;
            visibility: visible;
        }

        .sm-visible {
            display: block !important;
        }

        /* Text Align
           ================================================================== */

        .sm-tl { text-align: left    !important; }
        .sm-tc { text-align: center  !important; }
        .sm-tr { text-align: right   !important; }
        .sm-tj { text-align: justify !important; }

        /* Float
           ================================================================== */

        .sm-fl { float: left  !important; }
        .sm-fr { float: right !important; }
        .sm-fn { float: none  !important; }

        /* Margin and padding
           ================================================================== */

        .sm-ma  { margin: auto !important; }
        .sm-mtba { margin-top: auto !important; margin-bottom: auto !important; }
        .sm-mlra { margin-left: auto !important; margin-right: auto !important; float: none !important; }
        .sm-mta { margin-top: auto !important; }
        .sm-mra { margin-right: auto !important; }
        .sm-mba { margin-bottom: auto !important; }
        .sm-mla { margin-left: auto !important; }

        
        
        
            .sm-m0 { margin: 0px !important; }
            .sm-mtb0 { margin-top: 0px !important; margin-bottom: 0px !important; }
            .sm-mlr0 { margin-left: 0px !important; margin-right: 0px !important; }
            .sm-mt0 { margin-top: 0px !important; }
            .sm-mr0 { margin-right: 0px !important; }
            .sm-mb0 { margin-bottom: 0px !important; }
            .sm-ml0 { margin-left: 0px !important; }
            .sm-nmt0 { margin-top: -0px !important; }
            .sm-nmb0 { margin-bottom: -0px !important; }
            .sm-p0 { padding: 0px !important; }
            .sm-ptb0 { padding-top: 0px !important; padding-bottom: 0px !important; }
            .sm-plr0 { padding-left: 0px !important; padding-right: 0px !important; }
            .sm-pt0 { padding-top: 0px !important; }
            .sm-pr0 { padding-right: 0px !important; }
            .sm-pb0 { padding-bottom: 0px !important; }
            .sm-pl0 { padding-left: 0px !important; }
        
            .sm-m5 { margin: 5px !important; }
            .sm-mtb5 { margin-top: 5px !important; margin-bottom: 5px !important; }
            .sm-mlr5 { margin-left: 5px !important; margin-right: 5px !important; }
            .sm-mt5 { margin-top: 5px !important; }
            .sm-mr5 { margin-right: 5px !important; }
            .sm-mb5 { margin-bottom: 5px !important; }
            .sm-ml5 { margin-left: 5px !important; }
            .sm-nmt5 { margin-top: -5px !important; }
            .sm-nmb5 { margin-bottom: -5px !important; }
            .sm-p5 { padding: 5px !important; }
            .sm-ptb5 { padding-top: 5px !important; padding-bottom: 5px !important; }
            .sm-plr5 { padding-left: 5px !important; padding-right: 5px !important; }
            .sm-pt5 { padding-top: 5px !important; }
            .sm-pr5 { padding-right: 5px !important; }
            .sm-pb5 { padding-bottom: 5px !important; }
            .sm-pl5 { padding-left: 5px !important; }
        
            .sm-m10 { margin: 10px !important; }
            .sm-mtb10 { margin-top: 10px !important; margin-bottom: 10px !important; }
            .sm-mlr10 { margin-left: 10px !important; margin-right: 10px !important; }
            .sm-mt10 { margin-top: 10px !important; }
            .sm-mr10 { margin-right: 10px !important; }
            .sm-mb10 { margin-bottom: 10px !important; }
            .sm-ml10 { margin-left: 10px !important; }
            .sm-nmt10 { margin-top: -10px !important; }
            .sm-nmb10 { margin-bottom: -10px !important; }
            .sm-p10 { padding: 10px !important; }
            .sm-ptb10 { padding-top: 10px !important; padding-bottom: 10px !important; }
            .sm-plr10 { padding-left: 10px !important; padding-right: 10px !important; }
            .sm-pt10 { padding-top: 10px !important; }
            .sm-pr10 { padding-right: 10px !important; }
            .sm-pb10 { padding-bottom: 10px !important; }
            .sm-pl10 { padding-left: 10px !important; }
        
            .sm-m15 { margin: 15px !important; }
            .sm-mtb15 { margin-top: 15px !important; margin-bottom: 15px !important; }
            .sm-mlr15 { margin-left: 15px !important; margin-right: 15px !important; }
            .sm-mt15 { margin-top: 15px !important; }
            .sm-mr15 { margin-right: 15px !important; }
            .sm-mb15 { margin-bottom: 15px !important; }
            .sm-ml15 { margin-left: 15px !important; }
            .sm-nmt15 { margin-top: -15px !important; }
            .sm-nmb15 { margin-bottom: -15px !important; }
            .sm-p15 { padding: 15px !important; }
            .sm-ptb15 { padding-top: 15px !important; padding-bottom: 15px !important; }
            .sm-plr15 { padding-left: 15px !important; padding-right: 15px !important; }
            .sm-pt15 { padding-top: 15px !important; }
            .sm-pr15 { padding-right: 15px !important; }
            .sm-pb15 { padding-bottom: 15px !important; }
            .sm-pl15 { padding-left: 15px !important; }
        
            .sm-m20 { margin: 20px !important; }
            .sm-mtb20 { margin-top: 20px !important; margin-bottom: 20px !important; }
            .sm-mlr20 { margin-left: 20px !important; margin-right: 20px !important; }
            .sm-mt20 { margin-top: 20px !important; }
            .sm-mr20 { margin-right: 20px !important; }
            .sm-mb20 { margin-bottom: 20px !important; }
            .sm-ml20 { margin-left: 20px !important; }
            .sm-nmt20 { margin-top: -20px !important; }
            .sm-nmb20 { margin-bottom: -20px !important; }
            .sm-p20 { padding: 20px !important; }
            .sm-ptb20 { padding-top: 20px !important; padding-bottom: 20px !important; }
            .sm-plr20 { padding-left: 20px !important; padding-right: 20px !important; }
            .sm-pt20 { padding-top: 20px !important; }
            .sm-pr20 { padding-right: 20px !important; }
            .sm-pb20 { padding-bottom: 20px !important; }
            .sm-pl20 { padding-left: 20px !important; }
        
            .sm-m30 { margin: 30px !important; }
            .sm-mtb30 { margin-top: 30px !important; margin-bottom: 30px !important; }
            .sm-mlr30 { margin-left: 30px !important; margin-right: 30px !important; }
            .sm-mt30 { margin-top: 30px !important; }
            .sm-mr30 { margin-right: 30px !important; }
            .sm-mb30 { margin-bottom: 30px !important; }
            .sm-ml30 { margin-left: 30px !important; }
            .sm-nmt30 { margin-top: -30px !important; }
            .sm-nmb30 { margin-bottom: -30px !important; }
            .sm-p30 { padding: 30px !important; }
            .sm-ptb30 { padding-top: 30px !important; padding-bottom: 30px !important; }
            .sm-plr30 { padding-left: 30px !important; padding-right: 30px !important; }
            .sm-pt30 { padding-top: 30px !important; }
            .sm-pr30 { padding-right: 30px !important; }
            .sm-pb30 { padding-bottom: 30px !important; }
            .sm-pl30 { padding-left: 30px !important; }
        
            .sm-m40 { margin: 40px !important; }
            .sm-mtb40 { margin-top: 40px !important; margin-bottom: 40px !important; }
            .sm-mlr40 { margin-left: 40px !important; margin-right: 40px !important; }
            .sm-mt40 { margin-top: 40px !important; }
            .sm-mr40 { margin-right: 40px !important; }
            .sm-mb40 { margin-bottom: 40px !important; }
            .sm-ml40 { margin-left: 40px !important; }
            .sm-nmt40 { margin-top: -40px !important; }
            .sm-nmb40 { margin-bottom: -40px !important; }
            .sm-p40 { padding: 40px !important; }
            .sm-ptb40 { padding-top: 40px !important; padding-bottom: 40px !important; }
            .sm-plr40 { padding-left: 40px !important; padding-right: 40px !important; }
            .sm-pt40 { padding-top: 40px !important; }
            .sm-pr40 { padding-right: 40px !important; }
            .sm-pb40 { padding-bottom: 40px !important; }
            .sm-pl40 { padding-left: 40px !important; }
        
            .sm-m50 { margin: 50px !important; }
            .sm-mtb50 { margin-top: 50px !important; margin-bottom: 50px !important; }
            .sm-mlr50 { margin-left: 50px !important; margin-right: 50px !important; }
            .sm-mt50 { margin-top: 50px !important; }
            .sm-mr50 { margin-right: 50px !important; }
            .sm-mb50 { margin-bottom: 50px !important; }
            .sm-ml50 { margin-left: 50px !important; }
            .sm-nmt50 { margin-top: -50px !important; }
            .sm-nmb50 { margin-bottom: -50px !important; }
            .sm-p50 { padding: 50px !important; }
            .sm-ptb50 { padding-top: 50px !important; padding-bottom: 50px !important; }
            .sm-plr50 { padding-left: 50px !important; padding-right: 50px !important; }
            .sm-pt50 { padding-top: 50px !important; }
            .sm-pr50 { padding-right: 50px !important; }
            .sm-pb50 { padding-bottom: 50px !important; }
            .sm-pl50 { padding-left: 50px !important; }
        
            .sm-m60 { margin: 60px !important; }
            .sm-mtb60 { margin-top: 60px !important; margin-bottom: 60px !important; }
            .sm-mlr60 { margin-left: 60px !important; margin-right: 60px !important; }
            .sm-mt60 { margin-top: 60px !important; }
            .sm-mr60 { margin-right: 60px !important; }
            .sm-mb60 { margin-bottom: 60px !important; }
            .sm-ml60 { margin-left: 60px !important; }
            .sm-nmt60 { margin-top: -60px !important; }
            .sm-nmb60 { margin-bottom: -60px !important; }
            .sm-p60 { padding: 60px !important; }
            .sm-ptb60 { padding-top: 60px !important; padding-bottom: 60px !important; }
            .sm-plr60 { padding-left: 60px !important; padding-right: 60px !important; }
            .sm-pt60 { padding-top: 60px !important; }
            .sm-pr60 { padding-right: 60px !important; }
            .sm-pb60 { padding-bottom: 60px !important; }
            .sm-pl60 { padding-left: 60px !important; }
        
            .sm-m70 { margin: 70px !important; }
            .sm-mtb70 { margin-top: 70px !important; margin-bottom: 70px !important; }
            .sm-mlr70 { margin-left: 70px !important; margin-right: 70px !important; }
            .sm-mt70 { margin-top: 70px !important; }
            .sm-mr70 { margin-right: 70px !important; }
            .sm-mb70 { margin-bottom: 70px !important; }
            .sm-ml70 { margin-left: 70px !important; }
            .sm-nmt70 { margin-top: -70px !important; }
            .sm-nmb70 { margin-bottom: -70px !important; }
            .sm-p70 { padding: 70px !important; }
            .sm-ptb70 { padding-top: 70px !important; padding-bottom: 70px !important; }
            .sm-plr70 { padding-left: 70px !important; padding-right: 70px !important; }
            .sm-pt70 { padding-top: 70px !important; }
            .sm-pr70 { padding-right: 70px !important; }
            .sm-pb70 { padding-bottom: 70px !important; }
            .sm-pl70 { padding-left: 70px !important; }
        
            .sm-m80 { margin: 80px !important; }
            .sm-mtb80 { margin-top: 80px !important; margin-bottom: 80px !important; }
            .sm-mlr80 { margin-left: 80px !important; margin-right: 80px !important; }
            .sm-mt80 { margin-top: 80px !important; }
            .sm-mr80 { margin-right: 80px !important; }
            .sm-mb80 { margin-bottom: 80px !important; }
            .sm-ml80 { margin-left: 80px !important; }
            .sm-nmt80 { margin-top: -80px !important; }
            .sm-nmb80 { margin-bottom: -80px !important; }
            .sm-p80 { padding: 80px !important; }
            .sm-ptb80 { padding-top: 80px !important; padding-bottom: 80px !important; }
            .sm-plr80 { padding-left: 80px !important; padding-right: 80px !important; }
            .sm-pt80 { padding-top: 80px !important; }
            .sm-pr80 { padding-right: 80px !important; }
            .sm-pb80 { padding-bottom: 80px !important; }
            .sm-pl80 { padding-left: 80px !important; }
        
            .sm-m90 { margin: 90px !important; }
            .sm-mtb90 { margin-top: 90px !important; margin-bottom: 90px !important; }
            .sm-mlr90 { margin-left: 90px !important; margin-right: 90px !important; }
            .sm-mt90 { margin-top: 90px !important; }
            .sm-mr90 { margin-right: 90px !important; }
            .sm-mb90 { margin-bottom: 90px !important; }
            .sm-ml90 { margin-left: 90px !important; }
            .sm-nmt90 { margin-top: -90px !important; }
            .sm-nmb90 { margin-bottom: -90px !important; }
            .sm-p90 { padding: 90px !important; }
            .sm-ptb90 { padding-top: 90px !important; padding-bottom: 90px !important; }
            .sm-plr90 { padding-left: 90px !important; padding-right: 90px !important; }
            .sm-pt90 { padding-top: 90px !important; }
            .sm-pr90 { padding-right: 90px !important; }
            .sm-pb90 { padding-bottom: 90px !important; }
            .sm-pl90 { padding-left: 90px !important; }
        
            .sm-m100 { margin: 100px !important; }
            .sm-mtb100 { margin-top: 100px !important; margin-bottom: 100px !important; }
            .sm-mlr100 { margin-left: 100px !important; margin-right: 100px !important; }
            .sm-mt100 { margin-top: 100px !important; }
            .sm-mr100 { margin-right: 100px !important; }
            .sm-mb100 { margin-bottom: 100px !important; }
            .sm-ml100 { margin-left: 100px !important; }
            .sm-nmt100 { margin-top: -100px !important; }
            .sm-nmb100 { margin-bottom: -100px !important; }
            .sm-p100 { padding: 100px !important; }
            .sm-ptb100 { padding-top: 100px !important; padding-bottom: 100px !important; }
            .sm-plr100 { padding-left: 100px !important; padding-right: 100px !important; }
            .sm-pt100 { padding-top: 100px !important; }
            .sm-pr100 { padding-right: 100px !important; }
            .sm-pb100 { padding-bottom: 100px !important; }
            .sm-pl100 { padding-left: 100px !important; }
        
            .sm-m110 { margin: 110px !important; }
            .sm-mtb110 { margin-top: 110px !important; margin-bottom: 110px !important; }
            .sm-mlr110 { margin-left: 110px !important; margin-right: 110px !important; }
            .sm-mt110 { margin-top: 110px !important; }
            .sm-mr110 { margin-right: 110px !important; }
            .sm-mb110 { margin-bottom: 110px !important; }
            .sm-ml110 { margin-left: 110px !important; }
            .sm-nmt110 { margin-top: -110px !important; }
            .sm-nmb110 { margin-bottom: -110px !important; }
            .sm-p110 { padding: 110px !important; }
            .sm-ptb110 { padding-top: 110px !important; padding-bottom: 110px !important; }
            .sm-plr110 { padding-left: 110px !important; padding-right: 110px !important; }
            .sm-pt110 { padding-top: 110px !important; }
            .sm-pr110 { padding-right: 110px !important; }
            .sm-pb110 { padding-bottom: 110px !important; }
            .sm-pl110 { padding-left: 110px !important; }
        
            .sm-m120 { margin: 120px !important; }
            .sm-mtb120 { margin-top: 120px !important; margin-bottom: 120px !important; }
            .sm-mlr120 { margin-left: 120px !important; margin-right: 120px !important; }
            .sm-mt120 { margin-top: 120px !important; }
            .sm-mr120 { margin-right: 120px !important; }
            .sm-mb120 { margin-bottom: 120px !important; }
            .sm-ml120 { margin-left: 120px !important; }
            .sm-nmt120 { margin-top: -120px !important; }
            .sm-nmb120 { margin-bottom: -120px !important; }
            .sm-p120 { padding: 120px !important; }
            .sm-ptb120 { padding-top: 120px !important; padding-bottom: 120px !important; }
            .sm-plr120 { padding-left: 120px !important; padding-right: 120px !important; }
            .sm-pt120 { padding-top: 120px !important; }
            .sm-pr120 { padding-right: 120px !important; }
            .sm-pb120 { padding-bottom: 120px !important; }
            .sm-pl120 { padding-left: 120px !important; }
        
            .sm-m130 { margin: 130px !important; }
            .sm-mtb130 { margin-top: 130px !important; margin-bottom: 130px !important; }
            .sm-mlr130 { margin-left: 130px !important; margin-right: 130px !important; }
            .sm-mt130 { margin-top: 130px !important; }
            .sm-mr130 { margin-right: 130px !important; }
            .sm-mb130 { margin-bottom: 130px !important; }
            .sm-ml130 { margin-left: 130px !important; }
            .sm-nmt130 { margin-top: -130px !important; }
            .sm-nmb130 { margin-bottom: -130px !important; }
            .sm-p130 { padding: 130px !important; }
            .sm-ptb130 { padding-top: 130px !important; padding-bottom: 130px !important; }
            .sm-plr130 { padding-left: 130px !important; padding-right: 130px !important; }
            .sm-pt130 { padding-top: 130px !important; }
            .sm-pr130 { padding-right: 130px !important; }
            .sm-pb130 { padding-bottom: 130px !important; }
            .sm-pl130 { padding-left: 130px !important; }
        
            .sm-m140 { margin: 140px !important; }
            .sm-mtb140 { margin-top: 140px !important; margin-bottom: 140px !important; }
            .sm-mlr140 { margin-left: 140px !important; margin-right: 140px !important; }
            .sm-mt140 { margin-top: 140px !important; }
            .sm-mr140 { margin-right: 140px !important; }
            .sm-mb140 { margin-bottom: 140px !important; }
            .sm-ml140 { margin-left: 140px !important; }
            .sm-nmt140 { margin-top: -140px !important; }
            .sm-nmb140 { margin-bottom: -140px !important; }
            .sm-p140 { padding: 140px !important; }
            .sm-ptb140 { padding-top: 140px !important; padding-bottom: 140px !important; }
            .sm-plr140 { padding-left: 140px !important; padding-right: 140px !important; }
            .sm-pt140 { padding-top: 140px !important; }
            .sm-pr140 { padding-right: 140px !important; }
            .sm-pb140 { padding-bottom: 140px !important; }
            .sm-pl140 { padding-left: 140px !important; }
        
            .sm-m150 { margin: 150px !important; }
            .sm-mtb150 { margin-top: 150px !important; margin-bottom: 150px !important; }
            .sm-mlr150 { margin-left: 150px !important; margin-right: 150px !important; }
            .sm-mt150 { margin-top: 150px !important; }
            .sm-mr150 { margin-right: 150px !important; }
            .sm-mb150 { margin-bottom: 150px !important; }
            .sm-ml150 { margin-left: 150px !important; }
            .sm-nmt150 { margin-top: -150px !important; }
            .sm-nmb150 { margin-bottom: -150px !important; }
            .sm-p150 { padding: 150px !important; }
            .sm-ptb150 { padding-top: 150px !important; padding-bottom: 150px !important; }
            .sm-plr150 { padding-left: 150px !important; padding-right: 150px !important; }
            .sm-pt150 { padding-top: 150px !important; }
            .sm-pr150 { padding-right: 150px !important; }
            .sm-pb150 { padding-bottom: 150px !important; }
            .sm-pl150 { padding-left: 150px !important; }
        
            .sm-m200 { margin: 200px !important; }
            .sm-mtb200 { margin-top: 200px !important; margin-bottom: 200px !important; }
            .sm-mlr200 { margin-left: 200px !important; margin-right: 200px !important; }
            .sm-mt200 { margin-top: 200px !important; }
            .sm-mr200 { margin-right: 200px !important; }
            .sm-mb200 { margin-bottom: 200px !important; }
            .sm-ml200 { margin-left: 200px !important; }
            .sm-nmt200 { margin-top: -200px !important; }
            .sm-nmb200 { margin-bottom: -200px !important; }
            .sm-p200 { padding: 200px !important; }
            .sm-ptb200 { padding-top: 200px !important; padding-bottom: 200px !important; }
            .sm-plr200 { padding-left: 200px !important; padding-right: 200px !important; }
            .sm-pt200 { padding-top: 200px !important; }
            .sm-pr200 { padding-right: 200px !important; }
            .sm-pb200 { padding-bottom: 200px !important; }
            .sm-pl200 { padding-left: 200px !important; }
        
            .sm-m250 { margin: 250px !important; }
            .sm-mtb250 { margin-top: 250px !important; margin-bottom: 250px !important; }
            .sm-mlr250 { margin-left: 250px !important; margin-right: 250px !important; }
            .sm-mt250 { margin-top: 250px !important; }
            .sm-mr250 { margin-right: 250px !important; }
            .sm-mb250 { margin-bottom: 250px !important; }
            .sm-ml250 { margin-left: 250px !important; }
            .sm-nmt250 { margin-top: -250px !important; }
            .sm-nmb250 { margin-bottom: -250px !important; }
            .sm-p250 { padding: 250px !important; }
            .sm-ptb250 { padding-top: 250px !important; padding-bottom: 250px !important; }
            .sm-plr250 { padding-left: 250px !important; padding-right: 250px !important; }
            .sm-pt250 { padding-top: 250px !important; }
            .sm-pr250 { padding-right: 250px !important; }
            .sm-pb250 { padding-bottom: 250px !important; }
            .sm-pl250 { padding-left: 250px !important; }
        
            .sm-m300 { margin: 300px !important; }
            .sm-mtb300 { margin-top: 300px !important; margin-bottom: 300px !important; }
            .sm-mlr300 { margin-left: 300px !important; margin-right: 300px !important; }
            .sm-mt300 { margin-top: 300px !important; }
            .sm-mr300 { margin-right: 300px !important; }
            .sm-mb300 { margin-bottom: 300px !important; }
            .sm-ml300 { margin-left: 300px !important; }
            .sm-nmt300 { margin-top: -300px !important; }
            .sm-nmb300 { margin-bottom: -300px !important; }
            .sm-p300 { padding: 300px !important; }
            .sm-ptb300 { padding-top: 300px !important; padding-bottom: 300px !important; }
            .sm-plr300 { padding-left: 300px !important; padding-right: 300px !important; }
            .sm-pt300 { padding-top: 300px !important; }
            .sm-pr300 { padding-right: 300px !important; }
            .sm-pb300 { padding-bottom: 300px !important; }
            .sm-pl300 { padding-left: 300px !important; }
        
            .sm-m400 { margin: 400px !important; }
            .sm-mtb400 { margin-top: 400px !important; margin-bottom: 400px !important; }
            .sm-mlr400 { margin-left: 400px !important; margin-right: 400px !important; }
            .sm-mt400 { margin-top: 400px !important; }
            .sm-mr400 { margin-right: 400px !important; }
            .sm-mb400 { margin-bottom: 400px !important; }
            .sm-ml400 { margin-left: 400px !important; }
            .sm-nmt400 { margin-top: -400px !important; }
            .sm-nmb400 { margin-bottom: -400px !important; }
            .sm-p400 { padding: 400px !important; }
            .sm-ptb400 { padding-top: 400px !important; padding-bottom: 400px !important; }
            .sm-plr400 { padding-left: 400px !important; padding-right: 400px !important; }
            .sm-pt400 { padding-top: 400px !important; }
            .sm-pr400 { padding-right: 400px !important; }
            .sm-pb400 { padding-bottom: 400px !important; }
            .sm-pl400 { padding-left: 400px !important; }
        
            .sm-m500 { margin: 500px !important; }
            .sm-mtb500 { margin-top: 500px !important; margin-bottom: 500px !important; }
            .sm-mlr500 { margin-left: 500px !important; margin-right: 500px !important; }
            .sm-mt500 { margin-top: 500px !important; }
            .sm-mr500 { margin-right: 500px !important; }
            .sm-mb500 { margin-bottom: 500px !important; }
            .sm-ml500 { margin-left: 500px !important; }
            .sm-nmt500 { margin-top: -500px !important; }
            .sm-nmb500 { margin-bottom: -500px !important; }
            .sm-p500 { padding: 500px !important; }
            .sm-ptb500 { padding-top: 500px !important; padding-bottom: 500px !important; }
            .sm-plr500 { padding-left: 500px !important; padding-right: 500px !important; }
            .sm-pt500 { padding-top: 500px !important; }
            .sm-pr500 { padding-right: 500px !important; }
            .sm-pb500 { padding-bottom: 500px !important; }
            .sm-pl500 { padding-left: 500px !important; }
        

        
        
            .sm-hs0 h1,
            .sm-hs0 h2,
            .sm-hs0 h3,
            .sm-hs0 h4,
            .sm-hs0 h5,
            .sm-hs0 h6 {
                margin-bottom: 0px !important;
            }
        
            .sm-hs10 h1,
            .sm-hs10 h2,
            .sm-hs10 h3,
            .sm-hs10 h4,
            .sm-hs10 h5,
            .sm-hs10 h6 {
                margin-bottom: 10px !important;
            }
        
            .sm-hs20 h1,
            .sm-hs20 h2,
            .sm-hs20 h3,
            .sm-hs20 h4,
            .sm-hs20 h5,
            .sm-hs20 h6 {
                margin-bottom: 20px !important;
            }
        
            .sm-hs30 h1,
            .sm-hs30 h2,
            .sm-hs30 h3,
            .sm-hs30 h4,
            .sm-hs30 h5,
            .sm-hs30 h6 {
                margin-bottom: 30px !important;
            }
        

        /* Width
           ================================================================== */

        
        
            .sm-w100 { max-width: 100px !important; }
        
            .sm-w150 { max-width: 150px !important; }
        
            .sm-w200 { max-width: 200px !important; }
        
            .sm-w250 { max-width: 250px !important; }
        
            .sm-w300 { max-width: 300px !important; }
        
            .sm-w350 { max-width: 350px !important; }
        
            .sm-w400 { max-width: 400px !important; }
        
            .sm-w450 { max-width: 450px !important; }
        
            .sm-w500 { max-width: 500px !important; }
        
            .sm-w550 { max-width: 550px !important; }
        
            .sm-w600 { max-width: 600px !important; }
        
            .sm-w650 { max-width: 650px !important; }
        
            .sm-w700 { max-width: 700px !important; }
        
            .sm-w750 { max-width: 750px !important; }
        
            .sm-w800 { max-width: 800px !important; }
        
            .sm-w850 { max-width: 850px !important; }
        
            .sm-w900 { max-width: 900px !important; }
        
            .sm-w950 { max-width: 950px !important; }
        
            .sm-w1000 { max-width: 1000px !important; }
        
            .sm-w1050 { max-width: 1050px !important; }
        
            .sm-w1100 { max-width: 1100px !important; }
        
            .sm-w1150 { max-width: 1150px !important; }
        
            .sm-w1200 { max-width: 1200px !important; }
        
            .sm-w1250 { max-width: 1250px !important; }
        
            .sm-w1300 { max-width: 1300px !important; }
        
            .sm-w1350 { max-width: 1350px !important; }
        
            .sm-w1400 { max-width: 1400px !important; }
        
            .sm-w1450 { max-width: 1450px !important; }
        
            .sm-w1500 { max-width: 1500px !important; }
        
            .sm-w1550 { max-width: 1550px !important; }
        
            .sm-w1600 { max-width: 1600px !important; }
        
            .sm-w1650 { max-width: 1650px !important; }
        
            .sm-w1700 { max-width: 1700px !important; }
        
            .sm-w1750 { max-width: 1750px !important; }
        
            .sm-w1800 { max-width: 1800px !important; }
        
            .sm-w1850 { max-width: 1850px !important; }
        
            .sm-w1900 { max-width: 1900px !important; }
        
            .sm-w1950 { max-width: 1950px !important; }
        
            .sm-w2000 { max-width: 2000px !important; }
        
        .sm-wa { max-width: none !important; }


        /* Full VH
           ================================================================== */
        
        .sm-reset-full-vh {
            min-height: 0 !important;
        }


        /* Background
           ================================================================== */

        /**
         * Background Position
         */

        .sm-bg-left-top      { background-position: left top !important; }
        .sm-bg-left-center   { background-position: left center !important; }
        .sm-bg-left-bottom   { background-position: left bottom !important; }
        .sm-bg-center-top    { background-position: center top !important; }
        .sm-bg-center-center { background-position: center center !important; }
        .sm-bg-center-bottom { background-position: center bottom !important; }
        .sm-bg-right-top     { background-position: right top !important; }
        .sm-bg-right-center  { background-position: right center !important; }
        .sm-bg-right-bottom  { background-position: right bottom !important; }

        /**
         * Background Repeat
         */

        .sm-bg-repeat    { background-repeat: repeat !important; }
        .sm-bg-no-repeat { background-repeat: no-repeat !important; }
        .sm-bg-repeat-x  { background-repeat: repeat-x !important; }
        .sm-bg-repeat-y  { background-repeat: repeat-y !important; }

        /**
         * Background Attachment
         */

        .sm-bg-scroll { background-attachment: scroll !important; }
        .sm-bg-fixed  { background-attachment: fixed !important; }

        /**
         * Background Size
         */

        .sm-bg-cover       { background-size: cover !important; }
        .sm-bg-stretch     { background-size: 100% 100% !important; }
        .sm-bg-full-width  { background-size: 100% auto !important; }
        .sm-bg-full-height { background-size: auto 100% !important; }
        .sm-bg-auto        { background-size: auto auto !important; }

        /**
         * Forms
         */

        .sm-form-title-left h3.form-title   { text-align: left; }
        .sm-form-title-center h3.form-title { text-align: center; }
        .sm-form-title-right h3.form-title  { text-align: right; }

        .sm-form-button-full .hs-button {
            display: block;
        }

        /* Radius
           ========================================================================== */
        
        

        .sm-radius-0 { border-radius: 0; }
        .sm-radius-top-0 { border-top-left-radius: 0; border-top-right-radius: 0; }
        .sm-radius-top-left-0 { border-top-left-radius: 0; }
        .sm-radius-top-right-0 { border-top-right-radius: 0; }
        .sm-radius-bottom-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
        .sm-radius-bottom-left-0 { border-bottom-left-radius: 0; }
        .sm-radius-bottom-right-0 { border-bottom-right-radius: 0; }
        .sm-radius-left-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; }
        .sm-radius-right-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; }

    
        }/* <- close media query */
    

{{ helper_classes(media_xs, 'xs-', corners) }