/* Alice */
@font-face {
  font-family: 'Alice';
  font-style: normal;
  font-weight: 400;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Alice/Alice.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Regular */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Regular.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Italic*/
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Bold */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Bold.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Bold Italic */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Bold-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Light */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Light.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Light Italic */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 300;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Light-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Black */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Black.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* Lato Black */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 900;
  src: url(https://www.wsifranchise.com/hubfs/fonts/Lato/Lato-Black-Italic.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

































/* DO NOT EDIT BELOW */






/* General */
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html, body { margin:0; padding:0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
img, iframe, object { max-width:100%; vertical-align:top; border: 0;}
img { height:auto!important; }

.row-fluid [class*="span"] { min-height:1px!important; }
.row-fluid [class*="span"].widget-type-raw_jinja,
.row-fluid [class*="span"].widget-type-widget_container,
.row-fluid [class*="span"].widget-type-space { min-height:0px!important; }
.hs_cos_wrapper_type_space { min-height:40px!important; }

.header-container .row-fluid [class*="span"],
.footer-container .row-fluid [class*="span"]{ min-height:0; }

/* login page email field */
.hs-form-dba2bb2e-b792-42e3-b0ba-4ee9a8d0865d_7b428a23-14ab-4ff9-b48f-b7c20b4d91d3 .hs-input, .hs-form-dba2bb2e-b792-42e3-b0ba-4ee9a8d0865d_7b428a23-14ab-4ff9-b48f-b7c20b4d91d3 textarea.hs-input {
    /*box-sizing: border-box;*/
    max-width: 500px;
    width: 83%;
    height: 18px;
}
.hs-form-dba2bb2e-b792-42e3-b0ba-4ee9a8d0865d_8be45987-579a-4b75-bf54-c2d9da3a7762 .hs-input, .hs-form-dba2bb2e-b792-42e3-b0ba-4ee9a8d0865d_8be45987-579a-4b75-bf54-c2d9da3a7762 textarea.hs-input.field_size {
    height: 18px !important;
    width: 84%;
}
.hs-form-dba2bb2e-b792-42e3-b0ba-4ee9a8d0865d_def8bbb9-89aa-48ee-892e-de62dee8ab68 input:not([type="image"]), .hs-form-dba2bb2e-b792-42e3-b0ba-4ee9a8d0865d_def8bbb9-89aa-48ee-892e-de62dee8ab68 textarea {
    /* box-sizing: content-box; */
}
/* Wrappers */
.alc-site-wrapper { max-width:1065px; margin-left:auto; margin-right:auto; }
.header-container,
.footer-container,
.alc-content-wrapper,
.hs_cos_wrapper_widget,
.hs-wrapper > div,
.hs-desktop-wrapper > div { display:block; max-width:965px; margin-left:auto; margin-right:auto; }

.hs_cos_wrapper_type_custom_widget { max-width:100%!important; }

.header-container .alc-content-wrapper,
.footer-container .alc-content-wrapper { padding-left:0; padding-right:0; }

.col4, .hs-col4 > div { max-width:
    
    305px
;}
.col5, .hs-col5 > div { max-width:
    
    387px
;}
.col6, .hs-col6 > div { max-width:
    
    470px
;}
.col8, .hs-col8 > div { max-width:
    
    635px
;}
.col10, .hs-col10 > div { max-width:
    
    800px
;}

/* Typography */
body { font-family:Lato, sans-serif; font-size:20px; font-weight:400; line-height:36px; color:#6a6a6a;}
h1 { font-family:Alice, serif; font-size:60px; font-weight:400; line-height:72px; color: #084872; margin-top:0; margin-bottom:26px; }
h2 { font-family:Alice, serif; font-size:48px; font-weight:400; line-height:60px; color: #084872; margin-top:0; margin-bottom:18px; }
h3 { font-family:Alice, serif; font-size:40px; font-weight:400; line-height:52px; color: #084872; margin-top:0; margin-bottom:11px; }
h4 { font-family:Alice, serif; font-size:35px; font-weight:400; line-height:47px; color: #084872; margin-top:0; margin-bottom:11px; }
h5 { font-family:Alice, serif; font-size:28px; font-weight:400; line-height:40px; color: #084872; margin-top:0; margin-bottom:5px; }
h6 { font-family:Alice, serif; font-size:22px; font-weight:400; line-height:30px; color: #084872; margin-top:0; margin-bottom:5px; }
p { margin-top:0;  margin-bottom:26px; }
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child { margin-bottom:0; }

.primary-text, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .col10, .col8, .col6 { font-size:18px; line-height:32px; }
.secondary-text, .span3, .span2, .span1 { font-size:13px; line-height:24px; }

a:link, a:active { color:#024772; text-decoration:none; }
a:hover { color:#084872; }

h1 a , h2 a , h3 a , h4 a , h5 a , h6 a { color:inherit; text-decoration:underline; }
h1 a:hover , h2 a:hover , h3 a:hover , h4 a:hover , h5 a:hover , h6 a:hover { text-decoration:none; }

ul {}
ol{}


/* Header */
.header-container { padding-top:20px; padding-bottom:25px; }
.header-container > div > div { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center;}
.alc-logo > div { max-width:250px; }

/* Footer */
.footer-container-wrapper { border-top:2px solid #f2f2f3; }
.footer-container { font-size:12px; line-height:20px; padding-top:40px; padding-bottom:40px; }

.hs_cos_wrapper_type_follow_me h3 { font-family:Lato, sans-serif; font-size:13px; letter-spacing:1px; line-height:20px; color:#6a6a6a; text-transform:uppercase; margin-bottom:24px; }

#hs_cos_wrapper_alc__footer_copyright p { margin-bottom:12px; }
#hs_cos_wrapper_alc__footer_copyright a { font-size: 13px; font-weight: 700; text-decoration: none; color:#084872;}
#hs_cos_wrapper_alc__footer_copyright a:hover { color:#024772; text-decoration:underline; }

/* --- Menus ---- */

.hs-menu-flow-horizontal { display:inline-block; }
.hs-menu-flow-horizontal > ul {display:block;width:auto; list-style: none; padding: 0 0 0 4px; margin:0;}
.hs-menu-flow-horizontal > ul > li {display: inline-block; vertical-align:middle; width:auto; margin-left:-4px; margin-right:50px; text-align: center; }
.hs-menu-flow-horizontal > ul > li:last-child { margin-right:0; }
.hs-menu-flow-horizontal li { font-family:Lato, sans-serif; font-size:13px; line-height:20px; font-weight:700; }
.hs-menu-flow-horizontal a { text-decoration:none; color:#6a6a6a; }
.hs-menu-flow-horizontal a:hover { color:#084872; }


/* In-Page Menu */
.inpage-menu { text-align:center; }
.inpage-menu li { text-transform:uppercase; }
.inpage-menu a { display:block; position:relative; overflow:hidden; padding-bottom:11px; }
.inpage-menu a:after { content:""; display:block; position:absolute; bottom:0; right:100%; width:100%; height:11px; background:url(//www.wsifranchise.com/hubfs/ALC/menu-underline.png) no-repeat center center; background-size:contain; }
.inpage-menu a.nav-first,
.inpage-menu a.nav-active { color:#024772; }
.inpage-menu a.nav-first:after,
.inpage-menu a.nav-active:after { right:0; transition: all 0.2s ease-in-out; }
.inpage-menu.stick { position: fixed; top: 0; z-index: 10000; width: 100%; background-color: #fff; box-shadow: 2px 0px 5px -2px; }
.inpage-menu.stick a.nav-first { color:#6a6a6a; }
.inpage-menu.stick a.nav-first:after{ right:100%; }
.inpage-menu.stick a.nav-first.nav-active { color:#024772; }
.inpage-menu.stick a.nav-first.nav-active:after { right:0; transition: all 0.2s ease-in-out; }

/* ALC Menu */
.progress-bar {background-color: #f2f2f3; }
.progress-menu {margin-left:0!important; float:none!important; }
.progress-menu .hs-menu-children-wrapper {display:none!important;}
.progress-menu .hs-menu-wrapper { display:table!important; table-layout:fixed; width:100%; }
.progress-menu .hs-menu-wrapper > ul { display:table-row!important; width:100%; padding:0!important; counter-reset: section; }
.progress-menu .hs-menu-wrapper > ul > li { display:table-cell!important; width:100%!important; font-size:13px; line-height:1.23; font-weight:400; text-transform:uppercase; counter-increment: section; }
.progress-menu .hs-menu-wrapper > ul > li > a { color:#7f7f7f; display: inline-block;text-align: left; padding:18px 18px 18px 34px; position:relative;}
.progress-menu .hs-menu-wrapper > ul > li > a:hover { color:#084872; }
.progress-menu .hs-menu-wrapper > ul > li.visited > a { color:#084872!important; }
.progress-menu .hs-menu-wrapper > ul > li:hover {background-color:#e0e0e0;}
.progress-menu .hs-menu-wrapper > ul > li.active,
.progress-menu .hs-menu-wrapper > ul > li.active-branch { background-color:#084872; color:#fff;}
.progress-menu .hs-menu-wrapper > ul > li.active > a,
.progress-menu .hs-menu-wrapper > ul > li.active-branch > a { color:#fff!important; text-decoration:none;}
.progress-menu .hs-menu-wrapper > ul > li > a:before { content:counter(section); position:absolute; top: 50%; transform: translateY(-50%); left:0; display:inline-block; vertical-align:middle; text-align:center; width:24px; height:24px; font-family:Alice, serif; font-size:20px; line-height:20px; font-style:normal; border:1px solid; border-radius:50%; overflow:hidden; }
.progress-menu .hs-menu-wrapper > ul > li.visited > a:before { border:0; border-radius:0; background: url(//www.wsifranchise.com/hubfs/ALC/icons/checkmark-circle-navy.svg) no-repeat center center; background-size: contain; text-indent:-1000px; }
.progress-menu .hs-menu-wrapper > ul > li.active-branch.visited > a:before { background:none; border:1px solid; border-radius:50%; text-indent:0;}
.progress-menu .hs-menu-wrapper > ul > li.locked > a { cursor:pointer; }
.progress-menu .hs-menu-wrapper > ul > li.locked > a:before { border:0; border-radius:0; background: url(//www.wsifranchise.com/hubfs/ALC/icons/lock.svg) no-repeat center center; background-size: contain; text-indent:-1000px; }

/* ALC side Menu */
.alc-sidebar-menu { float:none!important; width:100%!important; margin-left:0!important;}
.alc-sidebar-menu ul { display:block; margin:0; padding:0; list-style:none; counter-reset: menu;}
.alc-sidebar-menu ul > li {display:block; margin-top:10px; font-family:Alice, serif;}
.alc-sidebar-menu ul > li:first-child {margin-top:0px;}
.alc-sidebar-menu ul > li > a { display:block; position:relative; padding:10px 0 10px 56px; font-size:18px; line-height:24px; text-decoration:none; color:#084872;}
.alc-sidebar-menu ul > li > a:visited { color: #084872;}
.alc-sidebar-menu ul > li:last-child { color: #084872;}
.alc-sidebar-menu ul > li:last-child > a:visited { color: #084872;}
.alc-sidebar-menu ul > li:last-child > a:hover { color: #084872;}
/*.alc-sidebar-menu ul>li>a:hover { color: #03863b;} */
.alc-sidebar-menu ul > li > a > i { display:block; font-family:Lato, sans-serif; font-size:14px; font-style:normal; text-transform:uppercase; color:#7f7f7f;  }
.alc-sidebar-menu ul > li > a:before { content:counter(menu); counter-increment: menu; display:block; width:36px; height:36px; font-size:30px; line-height:32px; position:absolute; left:4px; top:50%; transform:translateY(-50%); text-align:center; border:1px solid; border-radius:50%; }
.alc-sidebar-menu ul > li > a:after { content:""; display:none; width:44px; height:44px; position:absolute; left:0; top:50%; transform:translateY(-50%); border:1px solid; border-radius:50%;}
.alc-sidebar-menu ul > li:hover > a:before,
.alc-sidebar-menu ul > li.active > a:before { background-color:#084872; color:#fff; }
.alc-sidebar-menu ul > li.active > a:after { display:block; }
.hide-menu { display: none;}



/* Footer Menu  */
.footer-menu { text-align:center; }
.footer-menu .hs-menu-flow-horizontal { padding-top:20px; padding-bottom:20px; border-top:2px solid #f2f2f3; border-bottom:2px solid #f2f2f3; text-align:center;}
.footer-menu a { color:#084872; }
.footer-menu a:hover { color:#024772; text-decoration:underline }



/* Background Colors */
.bg-blue1 { background-color:#d0f3ff; }
.bg-blue2 { background-color:#a6e8ff; }
.bg-blue3 { background-color:#65a4bf; }
.bg-blue4 { background-color:#407387; }
.bg-blue5 { background-color:#084872; }
.bg-blue6 { background-color:#084872; }
.bg-gray1 { background-color:#f2f2f3; }
.bg-gray2 { background-color:#e0e0e0; }
.bg-gray3 { background-color:#7f7f7f; }
.bg-gray4 { background-color:#6a6a6a; }
.bg-gray5 { background-color:#2a2a2a; }
.bg-green1 { background-color:#05a54b; }
.bg-green2 { background-color:#098643; }


/* CTAs */
a.alc-button,
a.cta_button,
.link-to-button a{
    display:inline-block;
    vertical-align:middle;
    width:auto;
    max-width:100%;
    padding:10px 24px;
    font-size:11px;
    line-height:22px;
    font-weight:700;
    letter-spacing: 1px;
    text-align:center;
    background-color:#098643;
    color:#fff;
    border:1px solid #098643;
    text-decoration:none;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:3px
    }
a.small-cta { width:150px; font-size:11px; line-height:22px; padding:10px 24px; }
a.large-cta { width:340px; font-size:13px; line-height:28px; padding:12px 24px;}
a.blue-cta { background-color:#084872; border-color:#084872;}
a.secondary-cta { background-color:transparent; color:#098643; }
a.secondary-cta.blue-cta { color:#084872; }

a.gray-cta { background-color:#f2f2f3; border:0; color:#6a6a6a;}

/* CTAs Hover */
a.alc-button:hover,
a.cta_button:hover,
.link-to-button a:hover { background-color:#084872; border-color:#084872; }
a.blue-cta:hover { background-color:#407387;  border-color:#407387; }
a.secondary-cta:hover { background-color:#05a54b; color:#fff;}
a.secondary-cta.blue-cta:hover { background-color:#407387; }

a.gray-cta:hover { background-color:#e0e0e0; }

/* CTAs on Dark Background */
.bg-blue5 a.blue-cta { background-color:#fff; border-color:#fff; color:#084872; }
.bg-blue5 a.secondary-cta { background-color:transparent; border-color:#fff; color:#fff; }

.bg-blue5 a.blue-cta:hover { background-color:transparent; color:#fff; }
.bg-blue5 a.secondary-cta:hover { background-color:#fff; color:#05a54b; }
.bg-blue5 a.secondary-cta.blue-cta:hover { color:#407387; }

a.disabled-cta { background-color:#e0e0e0!important; border-color:#e0e0e0!important; color:#fff!important; cursor:not-allowed;}

/* CTA Affordances */
.arrow-left:before {
    content: url(//403285.fs1.hubspotusercontent-na1.net/hubfs/403285/ALC/icons/arrow-right.svg);
    display:inline-block;
    vertical-align: middle;
    width:13px;
    margin-right: 20px;
    transform: rotateY(180deg);
    
}
.arrow-right:after {
    content: url(//403285.fs1.hubspotusercontent-na1.net/hubfs/403285/ALC/icons/arrow-right.svg);
    display:inline-block;
    vertical-align: middle;
    width:13px;
    margin-left:17px;
}


/* ---------------- Forms ---------------- */
form button, form input[type="button"], form input[type="submit"] { -webkit-appearance:none; cursor:pointer; }
form select { -webkit-appearance:none; -moz-appearance:none; }
form input, form textarea, form select { outline:none; }
::-webkit-input-placeholder { font-size:16px; color: #7f7f7f; }/* Webkit */
:-moz-placeholder { font-size:16px; color: #7f7f7f; }/* Firefox 4-18 */
::-moz-placeholder { font-size:16px; color: #7f7f7f; }/* Firefox 19+ */
:-ms-input-placeholder { font-size:16px; color: #7f7f7f; }/* IE10+ */

form .field {margin-bottom: 12px;}
form label {
    font-family: Lato, sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #6a6a6a;
    display: block;
}
form .field > label { margin-bottom: 5px;}
form .hs-richtext { font-size:13px; line-height:24px; }
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form input[type="number"],
form input[type="url"],
form textarea,
form select{
    font-family:Lato, sans-serif;
    font-size:14px;
    line-height:17px;
    width: 100%;
    border-radius: 4px;
    border: 1px solid #7f7f7f;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form input[type="number"],
form input[type="url"],
form textarea {
    background-image: url(//www.wsifranchise.com/hubfs/ALC/icons/form-focus.svg);
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: -50px 12px;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form input[type="password"],
form input[type="number"],
form input[type="url"] { height: 45px; padding:13px; padding-right:35px; }
form select {
    height: 30px;
    padding:6px 35px 6px 13px;
    background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/caret.svg);
    background-repeat: no-repeat;
    background-position:96% 10px!important;
    background-size:16px;
}
form textarea { width:100%; height:95px; border: 1px solid #7f7f7f; padding:13px; resize: vertical; padding-right:50px;}
form input[type="submit"],
form input[type="button"],
form button {
    font-family:Lato, sans-serif;
    background-color:#098643;
    color:#fff;
    border:0;
    padding:12px 36px;
    font-size:11px;
    font-weight:700;
    line-height:22px;
    width:auto;
    max-width:100%;
    border-radius:4px;
    text-transform:uppercase;
    letter-spacing: 1px;
}
form input[type="submit"]:hover,
form input[type="button"]:hover,
form button:hover { background-color:#084872;}
form ul {padding: 0;list-style: none;margin-top: 5px;margin-bottom: 0;}
form label.hs-form-booleancheckbox-display {font-size: 13px;font-style: italic;}
form ul.hs-error-msgs,
form ul.hs-error-msgs label { color: #b7000e;}
form input.error, form input.invalid,
form textarea.error, form textarea.invalid{
    border-color: #b7000e;
    background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/form-error.svg);
    background-position: 96% 12px;
    }
form select.error, form select.invalid {
    border-color: #b7000e;
    background-position: 96% 12px;
    }
form input[type="text"]:focus,
form input[type="email"]:focus,
form input[type="tel"]:focus,
form input[type="password"]:focus,
form input[type="number"]:focus,
form input[type="url"]:focus,
form textarea:focus{
    background-position: 96% 12px;
}

.field-2-cols { padding-left:4px; }
.field-2-cols > div { width:50%; }
.field-col {
    display: inline-block;
    vertical-align: middle;
    margin-left:-4px;
}

/* Globals */
.text-left { text-align:left;}
.text-center { text-align:center; }
.text-right { text-align:right; }

.halign-left, .hs-halign-left > div { margin-left:0; margin-right:auto;}
.halign-center, .hs-halign-center > div { margin-left:auto; margin-right:auto; }
.halign-right, .hs-halign-right > div { margin-left:auto; margin-right:0; }

.valign-top { vertical-align:top; }
.valign-middle { vertical-align:middle; }
.valign-bottom { vertical-align:bottom; }

.table { display:table; table-layout:fixed; border-spacing:0; width:100%; }
.tr { display:table-row; width:100%; }
.td { display:table-cell; width: 100%; vertical-align:middle; }

hr { border: 0; height: 0; width:100%; border-top: 1px solid #d6d6d6; margin:25px auto;}
.popup hr { width:140px; max-width:100%; }

.mobile-only { display:none; }

/* ----------- HUBSPOT MODULES ---------- */
/* Follow Me Widget */
.hs_cos_wrapper_type_follow_me {display:block;}
.hs_cos_wrapper_type_follow_me a.fm_button {
    display: inline-block;
    height: 48px;
    width: 48px;
    margin: 0 0 4px 22px;
    line-height:48px;
    text-decoration:none;
    text-align:center;
    position:relative;
    }
.hs_cos_wrapper_type_follow_me a.fm_button:first-child { margin-left:0; }
.hs_cos_wrapper_type_follow_me a.fm_button span {display: none!important;}

.hs_cos_wrapper_type_follow_me a.fm_button:before,
.hs_cos_wrapper_type_follow_me a.fm_button:after { content:""; display:block; height:100%; width:100%; top:0; left:0;  background-repeat:no-repeat; background-size:contain; background-position:center center;}
.hs_cos_wrapper_type_follow_me a.fm_button:after { display:none; }

.hs_cos_wrapper_type_follow_me a.fm_linkedin:before {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Linkedin.svg);}
.hs_cos_wrapper_type_follow_me a.fm_twitter:before {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Twitter.svg);}
.hs_cos_wrapper_type_follow_me a.fm_googlepluspages:before {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/GooglePlus.svg);}
.hs_cos_wrapper_type_follow_me a.fm_youtube:before {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Youtube.svg);}
.hs_cos_wrapper_type_follow_me a.fm_facebook:before {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Facebook.svg);}
.hs_cos_wrapper_type_follow_me a.fm_rss,
.hs_cos_wrapper_type_follow_me a.fm_pinterest {display:none;}

.hs_cos_wrapper_type_follow_me a.fm_linkedin:after {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Linkedin_hover.svg);}
.hs_cos_wrapper_type_follow_me a.fm_twitter:after {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Twitter_hover.svg);}
.hs_cos_wrapper_type_follow_me a.fm_googlepluspages:after {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/GooglePlus_hover.svg);}
.hs_cos_wrapper_type_follow_me a.fm_youtube:after {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Youtube_hover.svg);}
.hs_cos_wrapper_type_follow_me a.fm_facebook:after {background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/Facebook_hover.svg);}

.hs_cos_wrapper_type_follow_me a.fm_button:hover:before { display:none;  }
.hs_cos_wrapper_type_follow_me a.fm_button:hover:after { display:block;  }

/* ---------- CUSTOM MODULES ------------ */
/* Video Banner Module */
.alc-video-banner { position:relative; }
.alc-video-banner .bg-front {position:absolute; width:100%; height:100%; left:0; bottom:-1px; z-index:1; }
.alc-video-banner .new_front-banner {background-size: 100% !important; height: 120px !important; top: 62px !important; width: 100% !important; background-position: top center !important;}
.alc-module.alc-banner.alc-video-banner.new_back-banner {
    padding-bottom: 60px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}
.alc-video-banner .bg-front + div { position:relative; z-index:2; }
.banner-heading { padding-bottom:40px; }
.banner-subheadline { margin-top: 10px; }
.banner-video.noscreen { max-width:800px; margin:0 auto; }
.banner-video.noscreen.dropshadow { box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.19), 0px 12px 15px 0px rgba(0, 0, 0, 0.24); }
.video-laptop-screen {
    max-width: 864px;
    width: 82%;
    margin: 0 auto;
    padding: 3.1% 2.7%;
    background-image: url(//403285.fs1.hubspotusercontent-na1.net/hubfs/403285/ALC/Laptop-Screen.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}
.video-laptop-screen2 {
    max-width: 864px;
    width: 100%;
    margin: 0 auto;
    /* padding: 3.1% 2.7%; */
    /* background-image: url(//403285.fs1.hubspotusercontent-na1.net/hubfs/403285/ALC/Laptop-Screen.png?t=1511535050141); */
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center;
}
.video-wrapper {position: relative; height: 0; overflow:hidden; }
.video-wrapper.ratio85 {padding-bottom: 62.5%;}
.video-wrapper.ratio169 {padding-bottom: 56.25%;}
.video-player,
.video-thumb {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.video-player { z-index:1;}
.video-thumb { cursor:pointer; z-index:2; }

.video-play-icon { position:absolute; width:100%; height:100%; top:0; left:0; cursor:pointer; z-index:3; }
.video-play-icon:before,
.video-play-icon:after { content:""; position:absolute; top:50%; left:50%; border-radius:50%; background-position:center center; background-repeat:no-repeat; background-size:contain; background-color:#fff; }
.video-play-icon.play-navy:before { background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/play-navy.svg); }
.video-play-icon.play-green:before { background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/play-green.svg); }

.video-play-icon.play-navy:after { background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/play-navy-hover.svg); }
.video-play-icon.play-green:after { background-image:url(//www.wsifranchise.com/hubfs/ALC/icons/play-green-hover.svg); }

.banner-video .video-play-icon:before,
.banner-video .video-play-icon:after{ width:110px; height:110px; margin-top:-55px; margin-left:-55px;}
.vt-video .video-play-icon:before,
.vt-video .video-play-icon:after { width:54px; height:54px; margin-top:-27px; margin-left:-27px; }

.video-play-icon:after { display:none; }
.video-play-icon:hover:before { display:none; }
.video-play-icon:hover:after { display:block; }

/* Video Text Module */
.vt-video .video-container { max-width:395px; }
.vt-video.vt-left .video-container { margin-left:auto; }
.vt-video .video-wrapper.dropshadow { box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.19), 0px 12px 15px 0px rgba(0, 0, 0, 0.24); }
.vt-video.vt-right {display: none;}
.vt-text + .vt-video.vt-right { display:table-cell; }
.vt-left { padding-right: 10px;}
.vt-left + .vt-text { padding-left:10px; }
.vt-right { padding-left: 10px;}
.vt-right + .vt-text { padding-right:10px; }
.vt-button { display:none; }
.vt-button > a:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    width: 22px;
    margin-left: 8px;
    background: url(//www.wsifranchise.com/hubfs/ALC/icons/play-white.svg) no-repeat center center;
    background-size: contain;
}
.vt-close { display:none; }

/* PoPups */
html.popup-opened,
body.popup-opened {overflow: hidden;}
.popup { display:none; position: fixed; width: 100%; height: 100%; padding:20px; background-color: rgba(249, 249, 249, 0.8); top: 0; bottom: 0; left: 0; z-index: 999990; overflow-y: auto; }
.popup.opened { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; -webkit-align-items: center; align-items: center; }
.popup-wrapper { position:relative; max-width: 800px; padding:50px; margin: 30px auto 0; background-color: #fff; border-radius: 6px; box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.19), 0px 12px 15px 0px rgba(0, 0, 0, 0.24);}
.popup-content {max-width:630px; margin:0 auto;}
.popup-close { position:absolute; top:25px; right:25px; width:25px!important; height:25px; z-index:2; cursor:pointer; }
.popup-close img { max-width:25px;}

.popup.urlhash .popup-text { display: none!important; }
.popup.urlhash .popup-form { width:100%!important; margin-left:0!important; float:none!important;}

.hs-inline-edit .body-container .alc-module.popup {display:block; position:relative;}

/* GI Popup */
.gi-popup ol { padding:0; list-style:none; margin:0; counter-reset:list; font-size:16px; line-height:24px;}
.gi-popup ol > li { position:relative; padding:0 0 0 56px; margin-top:30px;}
.gi-popup ol > li:before { content:counter(list); counter-increment: list; display:block; width:36px; height:36px; font-family:Alice, serif; font-size:30px; line-height:32px; position:absolute; left:0; top:0; color:#084872; text-align:center; border:1px solid; border-radius:50%; }
.gi-label {text-align: right; font-family:Lato, sans-serif; font-size:13px; line-height:24px; font-weight:700; text-transform:uppercase;}
.gi-label a{display:inline-block; vertical-align:middle; text-decoration:none; color:#084872; text-align:left; padding: 6px 0 6px 46px; position:relative;}
.gi-label a:before { content:"i"; display:block; position:absolute; left:0; top:0; text-align:center; width:36px; height:36px; border:1px solid; border-radius:50%; font-family:Alice, serif; font-size:24px; font-weight:400; line-height:36px; text-transform:lowercase; }
.gi-label a:hover:before {background-color:#084872; color:#fff;}

/* Next Section Popup */
.next-section-popup { font-size:16px; line-height:24px;}

/* Locked Section Popup */
.locked-section-popup { font-size:16px; line-height:24px;}

.closing-button { margin-top:25px; }

/* Tabs Module */
.tabber-tabs { text-align:center; margin-bottom: 15px; }
.tabber-tabs li { text-transform:uppercase; margin-right:4px!important;}
.tabber-tabs li:last-child { margin-right:0!important; }
.tabber-tabs li a { display:block; position:relative; overflow:hidden; padding:0 8px 11px; }
.tabber-tabs li a:after { content:""; display:block; position:absolute; bottom:0; right:100%; width:100%; height:11px; background:url(//www.wsifranchise.com/hubfs/ALC/menu-underline.png) no-repeat center center; background-size:contain; }
.tabber-tabs li:hover a,
.tabber-tabs li.active a { color:#084872;}
.tabber-tabs li.active a:after { right:0; transition: all 0.2s ease-in-out; }

.tabber-content .tab-title { display:none; }
.tabber-content { font-size:16px; line-height:24px; }

/* Resource Module */
.resource-icon { width:32px; float:left;}
.resource-content { padding-left:40px;}
.resource-title {font-size:16px; line-height:34px;}
.resource-title a { color:#024772 !important; }
.resource-title a:hover { color:#03863b !important; }
.resource-link {display: inline-block;vertical-align: middle;color:#098643!important;text-transform:uppercase;text-decoration:none; margin-top: 10px;}
.resource-link:hover { color:#024772!important; } 
.resource-link:after {content:""; display:inline-block; vertical-align:middle; width:13px; height:7px; background:url(//www.wsifranchise.com/hubfs/ALC/icons/arrow-right.svg) no-repeat center center; background-size:contain; margin-left:8px;}

/* Pagination Module */
.pagination-wrapper { display:inline-block; vertical-align:middle; /*padding:0 30px;*/ background-color:#f2f2f3; border-radius:4px; font-size:13px; line-height:19px; text-transform:uppercase;}
/*.pagination-wrapper a { display: inline-block; vertical-align:middle; padding: 12px 0; color:#6a6a6a; text-decoration:none; }*/

.pagination-wrapper a {
    display: inline-block;
    vertical-align: middle;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    /* padding: 12px 0; */
    color: #6a6a6a;
    text-decoration: none;
}


.pagination-wrapper a:hover { color:#084872; }
.pagination-separator { display: inline-block; vertical-align:middle; /*margin:0 20px; */}
.pagination-icon { display: inline-block; vertical-align:middle; width:13px;}
.pagination-prev .pagination-icon { margin-right:20px; transform:rotateY(180deg); }
.pagination-next .pagination-icon { margin-left:20px; }


/* --------------- TEMPLATES ------------- */
.alc-questionnaire { padding-top: 30px; }
.alc-questionnaire .alc-logo > div {margin: 0 auto;}
.alc-questionnaire form { display:block; max-width:
    
    635px
; margin:0 auto;}
.alc-questionnaire form .field { margin-bottom:30px; }
.alc-questionnaire form .field > label { font-family:Alice, serif; color:#084872; margin-bottom:12px;}
.alc-questionnaire form .hs_submit { text-align:center; margin-top:20px; }

.alc-section-heading {  margin-bottom:25px;}
.alc-section-heading.hunderline { padding-bottom:25px; border-bottom: 1px solid #d6d6d6;}
.alc-section-heading p {line-height: 30px;}
.alc-sidebar { padding:40px 25px; border-radius:4px; box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.16), 0px 2px 5px 0px rgba(0, 0, 0, 0.26);}
.alc-sidebar-title { margin-bottom:25px; }
.alc-sidebar-cta { margin-top:30px; }

.bg-wrapper { background-repeat: no-repeat; background-position: right bottom; background-size: 40vw auto;}


/* --------------- Customized definitions for specific pages ------------- */
@media( min-width:1600px ){
.fix-clouds-cut {background-position:top center!important;}
}

/*----------------------------Overlay for video----------------------------*/

body {
	margin: 0;
	padding: 0;
}
.hello .overlayVideo {
  position: absolute;
  left: -3000px;
  top: 0px;
  z-index: 6;
  visibility: hidden;
}
.hello .backgroundVideo {
  z-index: 4;
  visibility: hidden;
}
.hello #video_container {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  opacity: 1;
}
.hello #video_container #text {
  position: absolute;
  z-index: 6;
  text-align: center;
  opacity: 0;
}
.hello #video_container #text #actions {
  height: 95px;
}
.hello #video_container #text #playbutton {
  z-index: 3;
  margin: 0 auto;
  margin-top: 60px;
  height: 95px;
  display: block;
}
.hello #video_container #text #playbutton .rectangle {
  background-color: #3ea9f5;
  width: 149px;
  height: 95px;
  opacity: 0.8;
  margin: 0 auto;
}
.hello #video_container #text #playbutton .rectangle:hover {
  background-color: #52bdff;
  cursor: pointer;
}
.hello #video_container #text #playbutton .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 22px 0 22px 32px;
  border-color: transparent transparent transparent white;
  margin: 0 auto;
  position: relative;
  bottom: 70px;
  pointer-events: none;
}
.hello #cover_all {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  height: 100%;
  width: 100%;
}
.hello #ex {
  position: absolute;
  right: -3000px;
  top: 25px;
  z-index: 7;
  cursor: pointer;
  opacity: 0.8;
}
.hello #ex:hover {
  opacity: 1;
}
.hello #main-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  background-image: url(../images/main.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.container1 {
  overflow: hidden;
  height: 0px;
  background: #edeae8;
  position: relative;
}

 

/*.overlay {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
}

.overlay-content {
    position: relative;
    top: 25%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}*/

/* -------------------------- RESPONSIVE DESIGN ---------------------------- */
/* Tablet */
@media (max-width:1024px){
    .resource-title a:hover { color:#03863b !important; }
    .alc-site-wrapper { max-width:760px; }
    .hs-tablet-wrapper > div {  display:block;  margin-left:auto; margin-right:auto; }
    .header-container,
    .footer-container,
    .alc-content-wrapper,
    .hs_cos_wrapper_widget,
    .hs-wrapper > div,
    .hs-tablet-wrapper > div { max-width:720px;}
    
    .hs-desktop-wrapper > div { max-width:100%; }
    
    .left-column, .right-column { float: none!important; width: 100%!important; margin-left: auto!important; }
    .hide-tablet {  display:none!important; }
    
    .banner-video.noscreen { max-width: 720px;}
    
    .alc-video-text .table,
    .alc-video-text .tr,
    .alc-video-text .td { display:block;  }
    .vt-video.vt-right {display: block;}
    .vt-text + .vt-video.vt-right { display:none!important; }
    .vt-video,
    .vt-text { padding-left:0!important; padding-right:0!important; }
    .vt-text * { text-align:center!important;}
    .vt-video { max-width: 550px; margin: 0 auto; }
    .video-container { margin:0 auto!important; }
    .banner-video .video-play-icon:before,
    .banner-video .video-play-icon:after{ width:82px; height:82px; margin-top:-41px; margin-left:-41px;}
    .vt-video .video-play-icon:before,
    .vt-video .video-play-icon:after { width:48px; height:48px; margin-top:-24px; margin-left:-24px; }
    
    .bg-wrapper { background:none!important; }
    .popup.opened { -webkit-align-items: start; align-items: start; }
    
    .progress-bar { position: relative; }
    .progress-bar .hs_cos_wrapper_widget { max-width: 100%;}
    .progress-bar .hs-menu-wrapper ul>li>a {display:block;width:100%; max-width:996px; margin:0 auto; padding-left: 90px;}
    .progress-bar .hs-menu-wrapper ul>li { display:none!important; width:100%!important; margin-top:0; margin-left:0!important; margin-right:0!important;}
    /*.alc-login .progress-bar .hs-menu-wrapper ul>li:first-child,
    .progress-bar .hs-menu-wrapper ul>li.active,
    .progress-bar .hs-menu-wrapper ul>li.active-branch,
    .progress-bar.expanded .hs-menu-wrapper ul>li { display:block!important; }*/
    
    .alc-login .progress-bar .hs-menu-wrapper ul>li.unvisited, 
    .progress-bar .hs-menu-wrapper ul>li.active, 
    .progress-bar .hs-menu-wrapper ul>li.active-branch, 
    .progress-bar.expanded .hs-menu-wrapper ul>li {display: block !important;}
    
    /*.alc-login .progress-bar .hs-menu-wrapper ul>li:first-child,
    .progress-bar .hs-menu-wrapper ul>li.active,
    .progress-bar .hs-menu-wrapper ul>li.active-branch,
    .progress-bar.expanded .hs-menu-wrapper ul>li { display:none!important; }*/
    
    .progress-bar .menu-trigger-wrapper { display:block; position:absolute; top:0px; right: 43% !important; margin-right:-360.0px; z-index:2; width:66px; height:66px; line-height: 66px; cursor:pointer; text-align:right  }
    .progress-bar .menu-trigger { display:inline-block; width:26px; height:21px; vertical-align:inherit; border-top:3px solid #004c6e; border-bottom:3px solid #004c6e;}
    .progress-bar .menu-trigger:before { content:""; display:block; height:3px; background-color:#004c6e; margin-top:6px; }
    
    .progress-bar .menu-trigger1 { display:inline-block; width:26px; height:21px; vertical-align:inherit; border-top:3px solid #f2f2f3; border-bottom:3px solid #f2f2f3 !important;}
    .progress-bar .menu-trigger1:before { content:""; display:block; height:3px; background-color:#f2f2f3 !important; margin-top:6px !important; }
    
    .progress-bar .menu-close { display:none; position:absolute; top:0; right: 43%; margin-right:-360.0px; z-index:2; width:66px; height:57px; line-height: 66px; background:url(//www.wsifranchise.com/hubfs/ALC/icons/close-circle.svg) no-repeat center right; background-size:35px; cursor:pointer;}
    .progress-bar.expanded .menu-trigger { display:none; }
    .progress-bar.expanded .menu-close { display:block; }
    .progress-bar.expanded.expanded-first .progress-menu { padding-top: 0px; }
    .progress-bar.expanded.expanded-first .menu-close {top: 14px;width: 89px;height: 37px;line-height: 25px; font-size:17px;background-size: contain;}
    .progress-bar.expanded.expanded-first .menu-close:before { content:""; color:#b7000e; }
    
    .alc-login .progress-bar .menu-trigger { border-top: 3px solid #084872; border-bottom: 3px solid #084872;}
    .alc-login .progress-bar .menu-trigger:before{ background-color:#084872; }
    
    .alc-sidebar { box-shadow: none; border-radius:0; padding: 0; border-bottom:2px solid #e0e0e0; }
    .alc-sidebar.opened { background-color:#f2f2f3; }
    .alc-sidebar-title { display: none!important; }
    .alc-sidebar-cta { display: none;  margin-top:0; margin-bottom:30px;}
    .alc-sidebar.opened .alc-sidebar-cta { display:block; }
    .alc-sidebar-wrapper { position:relative; }
    .alc-sidebar-menu { padding-top:15px; padding-bottom:15px; }
    .alc-sidebar-menu ul { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap:wrap; }
    .alc-sidebar-menu ul { display:block; margin:0; padding:0; list-style:none; counter-reset: menu;}
    .alc-sidebar-menu ul > li { display:none; width:100%; padding-right:40px; margin-top:0;}
    .alc-sidebar.opened ul > li,
    .alc-sidebar-menu ul > li.active { display:block; }
    .alc-sidebar.opened .alc-sidebar-menu ul > li.active { -webkit-order: -1; order: -1; }
    .alc-sidebar-menu ul > li > a {padding-left: 20px; line-height: 30px !important;}
    .alc-sidebar-menu ul > li > a:before,
    .alc-sidebar-menu ul > li > a:after {display: none!important;}
    .alc-sidebar-menu ul > li.active a { font-size:28px; line-height:30px; padding-left: 20px; }
    .alc-sidebar-menu ul > li:last-child > a { line-height: 24px;}
    .sidemenu-trigger { position: absolute; width: 40px; height: 88px; right: 25px; top: 0px; color: #fff; cursor:pointer;}
    .sidemenu-trigger i {position:relative; height:100%; width:100%; display:block;}
    .sidemenu-trigger i:before { content:""; display:block; width:15px; height:15px; position:absolute; right:3px; top:30px; border-left:4px solid #084872; border-bottom:4px solid #084872; -webkit-transform:rotateZ(-45deg); -moz-transform:rotateZ(-45deg); transform:rotateZ(-45deg);}
    .alc-sidebar.opened .sidemenu-trigger i:before {top:35px; -webkit-transform:rotateZ(135deg); -moz-transform:rotateZ(135deg);  transform:rotateZ(135deg); }
    .hide-menu { display: block; padding-left: 75px !important; padding-bottom: 13px; padding-top: 13px;}
    .hide-menu p {color: #353535;}
    .progress-bar-menu {background-color: #dfdfdf; }
    
    
    .alc-section-heading h1,
    .alc-section-heading h2,
    .alc-section-heading h3,
    .alc-section-heading h4,
    .alc-section-heading h5,
    .alc-section-heading h6 { display: none; }
    .opened-sidebar .alc-section-heading h1,
    .opened-sidebar .alc-section-heading h2,
    .opened-sidebar .alc-section-heading h3,
    .opened-sidebar .alc-section-heading h4,
    .opened-sidebar .alc-section-heading h5,
    .opened-sidebar .alc-section-heading h6 { display: block; }
    .hide-sidebar .alc-sidebar { display:none!important; }
    .pagination-wrapper { display: inline-block; margin-left: 2%; vertical-align: middle; /*padding: 0 28px;*/ background-color: #f2f2f3; border-radius: 4px; font-size: 11px; line-height: 19px; text-transform: uppercase; /*width: 97%;*/text-align: center;} 
   
    .pagination-wrapper a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 44px;
    padding-right: 44px;    
    /*padding: 12px 0;*/
    color: #6a6a6a;
    text-decoration: none;
    }
    
    .pagination-wrapper .pag {
    padding-left: 135px;
    padding-right: 135px;
    }
    
    
    .pagination-wrapper2 a {
    display: inline-block;
    vertical-align: middle;
    white-space: pre-wrap;
    margin-left: 5px;
    padding-left: 21px;
    padding-right: 21px;
    color: #6a6a6a;
    text-decoration: none;
    background-color: #f2f2f3;
    border-radius: 4px;
    font-size: 11px;
    line-height: 19px;
    text-transform: uppercase;
    margin-left: 2%;
    padding-bottom: 12px;
    padding-top: 12px;
    padding-left: 35px;
    margin-right: 2%;
    }
    
    
    .progress-menu .hs-menu-wrapper > ul > li.active-branch.visited > a > i {
    background: none;
    border: 1px solid;
    border-radius: 50%;
    text-indent: 0;
    left: 60px;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 58px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    }
    
    
    .resource-content {
    padding-left: 57px;
    padding-right: 25px;
    }
    
    .resource-icon {
    width: 32px;
    float: left;
    margin-left: 15px;
    }
    
   .alc-text-content.col12.halign-center.home-text {
    padding-left: 20px;
    padding-right: 20px;
    }
    
    .vt-explainer.video-text-explainer {
    padding-left: 20px;
    padding-right: 20px;
    }
    
    .banner-subheadline.banner-text {
    padding-left: 20px;
    padding-right: 20px;
    }
    
    .hide-sidebar .alc-section-heading h5 { display: block; }
    .vt-video.vt-left .video-container {padding-left: 15px; padding-right: 15px;}
    .vt-video.vt-right .video-container {padding-left: 15px; padding-right: 15px;}
    /*.alc-module.alc-banner.alc-video-banner.new_back-banner{display: none;} */
    .alc-module.alc-banner.alc-video-banner.new_back-banner.hide-banner { display: none !important;}
    
    
    .new-wrapper-next {
    padding-left: 137px !important;
    padding-right: 137px !important;
    }
   
}
/* Mobile */

@media (max-width:768px){
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0px;
    right: 61% !important;
    margin-right: -390.0px !important;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
}
.progress-bar .menu-close {
   
    position: absolute;
    top: 0;
    right: 56% !important;
    margin-right: -360.0px;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
}

.progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    margin-left: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 6% !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    overflow: hidden;
}

.progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    max-width: 996px;
    margin: 0 auto;
    padding-left: 90px;
}

.hide-menu {
    display: block;
    padding-left: 62px !important;
    padding-bottom: 13px;
    padding-top: 13px;
}


}

@media (max-width:415px) {
    
    .video-laptop-screen {
        /*display:none !important;*/
        max-width: 864px !important;
        width: 100% !important;
        margin: 0 auto;
        padding: 0px !important; 
        background-image: none !important;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: top center;
        box-shadow: 0px 17px 50px 0px rgba(0, 0, 0, 0.19), 0px 12px 15px 0px rgba(0, 0, 0, 0.24); !important;
    }
    .alc-video-banner {
        position:relative; 
        background-image: none !important;
    }
    
}


@media only screen
and (min-device-width : 415px)
and (max-device-width : 568px)
and (orientation : landscape) {
    
    .new-wrapper-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    }
    
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: 56% !important;
    margin-right: -258px !important;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
    
    .progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    max-width: 996px;
    margin: 0 auto;
    padding-left: 77px !important;
    }
    
    .progress-bar .menu-close {
    margin-right: -264px;
    position: absolute;
    top: 0;
    right: 56% !important;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
    }
    
    .hide-menu {
    display: block;
    padding-left: 48px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
    
}

@media only screen 
and (min-device-width : 569px) 
and (max-device-width : 640px) 
and (orientation : landscape) {
    
    .new-wrapper-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    }
    
    .progress-bar .menu-trigger-wrapper {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 56% !important;
    margin-right: -295px !important;
    z-index: 2 !important;
    width: 66px !important;
    height: 66px !important;
    line-height: 66px !important;
    cursor: pointer !important;
    text-align: right !important;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    margin-left: 13px !important;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    }
    
    .progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    max-width: 996px;
    margin: 0 auto;
    padding-left: 84px !important;
    }
    
    .progress-bar .menu-close {
    margin-right: -264px;
    position: absolute;
    top: 0;
    right: 50% !important;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
    }
    
    .hide-menu {
    display: block;
    padding-left: 53px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
    
}
    


/*@media (max-width :640px) {
    
    .progress-bar .menu-trigger-wrapper {
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 56% !important;
    margin-right: -295px;
    z-index: 2 !important;
    width: 66px !important;
    height: 66px !important;
    line-height: 66px !important;
    cursor: pointer !important;
    text-align: right !important;
    }
    
}*/

@media only screen 
and (min-device-width : 641px) 
and (max-device-width : 732px) 
and (orientation : landscape) {
    
    .new-wrapper-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    }
    
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: 52% !important;
    margin-right: -317px !important;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
    
    .progress-bar .menu-close {
    margin-right: -264px;
    position: absolute;
    top: 0;
    right: 44% !important;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
    }
    
    .hide-menu {
    display: block;
    padding-left: 57px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
    
}


@media only screen 
and (min-device-width : 667px) 
and (max-device-width : 731px) 
and (orientation : landscape) {
    
    .new-wrapper-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    }
    
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: 58% !important;
    margin-right: -317px !important;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
    
    .progress-bar .menu-close {
    margin-right: -264px;
    position: absolute;
    top: 0;
    right: 49% !important;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
    }
    
}


@media only screen 
and (min-device-width : 733px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
    
    .new-wrapper-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    }
    
    .progress-bar .menu-close {
    margin-right: -264px;
    position: absolute;
    top: 0;
    right: 45% !important;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
    }
    
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0px;
    right: 63% !important;
    margin-right: -390.0px !important;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
    
}


@media only screen 
and (min-device-width : 769px) 
and (max-device-width : 812px) 
and (orientation : landscape) {
    
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0px;
    right: 43% !important;
    margin-right: -285px !important;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
    
    .progress-bar .menu-close {
    display: none;
    position: absolute;
    top: 0;
    right: 42% !important;
    margin-right: -284px !important;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background: url(https://403285.fs1.hubspotusercontent-na1.net/hubfs/403285/ALC/icons/close-circle.svg?t=1513194603970) no-repeat center right;
    background-size: 35px;
    cursor: pointer;
    }
    
    .hide-menu {
    display: block;
    padding-left: 62px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
    
}

/*@media (max-width: 732px) {
    
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: 56% !important;
    margin-right: -317px;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
}*/

@media (max-width : 767px) {
    
    .progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    margin-left: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;}
    
    .resource-title a:hover { color:#03863b !important; }
    .resource-title {font-size: 16px; line-height: 24px;}
    .mobile-only { display:block; }
    .desktop-only { display:none; }
    .row-fluid [class*="span"] { width:100%; }
    .hs-mobile-wrapper > div { display:block; margin-left:auto; margin-right:auto; }
    .alc-site-wrapper { max-width:410px; }
    
    #hs_cos_wrapper_module_1495823205325203 .alc-site-wrapper.new-wrapper {
    max-width: 414px !important;
    }
    
    .header-container,
    .footer-container,
    .alc-content-wrapper,
    .hs_cos_wrapper_widget,
    .hs-wrapper > div,
    .hs-mobile-wrapper > div { max-width:370px; }

    h1{ font-size:40px; line-height:52px; }
    h2{ font-size:35px; line-height:47px; }
    h3{ font-size:28px; line-height:40px; }
    h4{ font-size:24px; line-height:36px; }
    a.alc-button, a.cta_button, .link-to-button a {line-height:20px!important;}
    
    .footer-menu .hs-menu-flow-horizontal { width:100%; }
    .hs-menu-flow-horizontal>ul>li { display: block; width: 100%; margin-left: 0; margin-right: 0;  margin-top: 20px; }
    .hs-menu-flow-horizontal>ul>li:first-child { margin-top:0; }
    .inpage-menu { display:none!important; }
    
    .header-container { position:relative; }
    .alc-gi .gi-label {display: none!important;}
    .alc-logo > div {margin: 0 auto;}
    
    .popup-wrapper { padding-left:25px; padding-right:25px }
    .popup-close {  top:17px; right: 8px; }
    
    .gi-popup ol > li { padding: 0px;  }
    .gi-popup ol > li:before { display: inline-block; position: relative;  left: auto; top: auto; float: left; margin-right: 10px; margin-top: 10px;}
    
    .progress-bar .hs-menu-wrapper ul>li>a { max-width:737px; }
    /*.progress-bar .menu-trigger-wrapper { margin-right:-185.0px; }*/
    .progress-bar .menu-trigger-wrapper {
    display: block;
    position: absolute;
    top: 0;
    right: 56%;
    margin-right: -340px;
    z-index: 2;
    width: 66px;
    height: 66px;
    line-height: 66px;
    cursor: pointer;
    text-align: right;
    }
    /*.progress-bar .menu-close { margin-right:-185.0px; } */
    
    .progress-bar .menu-close {
    margin-right:- -358px;
    position: absolute;
    top: 0;
    right: 43%;
    z-index: 2;
    width: 66px;
    height: 57px;
    line-height: 66px;
    background-size: 35px;
    cursor: pointer;
    }
    
    .alc-home .alc-logo>div { margin: 0 auto; }
    .alc-home #form-popup .popup-text { display: none; }
    .alc-questionnaire { padding-top:45px; }
    
    .banner-video .video-play-icon:before,
    .banner-video .video-play-icon:after{ width:38px; height:38px; margin-top:-19px; margin-left:-19px;}
    .vt-video {/* display:none!important;*/ }
    .vt-text { padding:0!important; }
    .vt-button { display:block; margin-top:26px; }
    .vt-video.vt-popup {
        position: fixed;
        top: 0;
        left: 0;
        max-width: 100%;
        width: 100%;
        height: 100%;
        z-index: 999990;
        background-image: none!important;
        padding: 0!important;
        background-color: rgba(249,249,249,0.8)!important;
    }
    
    .vt-video.vt-popup.opened {display:block!important;}
    .vt-video.vt-popup .video-wrapper.dropshadow { box-shadow:none;}
    .vt-video.vt-popup .video-container { 
        position: relative;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        max-width: 430px!important;
        padding:40px 20px 20px;
        background-color: #fff;
        border-radius: 4px;
        box-shadow: 0 17px 50px 0 rgba(0,0,0,0.19), 0px 12px 15px 0px rgba(0,0,0,0.24);
    }
    .vt-video.vt-popup.opened .video-thumb,
    .vt-video.vt-popup.opened .video-play-icon { display:none!important; }
    .vt-close { display:block; }
    .vt-close.popup-close{ top:10px; right:10px; }

    .gi-mobile-trigger { text-align: center; border-bottom: 2px solid #e0e0e0;}
    .gi-mobile-trigger a { display:block; padding:30px 0; line-height:1; color:#084872;}
    .gi-mobile-trigger a span { display:inline-block; vertical-align: middle; font-size:13px; font-family:Lato, sans-serif; font-weight:700; text-transform:uppercase; }
    .gi-mobile-trigger a i { display:inline-block; vertical-align:middle; text-align:center; width:36px; height:36px; font-family:Alice, serif; font-size:24px; font-weight:400; font-style:normal; line-height:36px; border:1px solid; border-radius:50%; margin-right:10px;}
    .gi-mobile-trigger a:hover i {background-color:#084872; color:#fff;}
    .expanded-menu .gi-mobile-trigger { display: block!important;}
    
    .tabber-tabs li { display: inline-block!important; width: auto!important; margin-left: -4px!important; margin-top:0px!important;}
    
}

    


/*----------------------ALC-homepage mobile view------------------*/
/*.video-laptop-screen { display:none !important; }*/
@media (max-width:414px){
    
    
    .video {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    /* -webkit-transform: scaleX(2); */
    object-fit: fill;
    height: 100% !important;
    }
    
    .pagination-wrapper .new-page-wrapper {
    padding-left: 12px;
    padding-right: 12px;
    }
    
    .new-wrapper-button {
    padding-left: 25px !important;
    padding-right: 25px !important;
    }

    
    /*a#page1 {
    padding-left: 21px;
    padding-right: 21px;
    }*/
    
    
    .progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-left: 71px;
    }
    
    .hide-menu {
    display: block;
    padding-left: 45px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
    
    .progress-bar .menu-trigger-wrapper {
    margin-right: -198px !important;
    }
    
    .progress-bar .menu-close {
    margin-right: -186px !important;
    }
    
    .hide-sidebar .alc-section-heading h5 {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    }
    
    .alc-section-heading p {
    line-height: 30px;
    padding-left: 15px;
    padding-right: 15px;
    }
    
   /* .video-laptop-screen { display:none !important; } */
    .resource-title {font-size: 16px; line-height: 24px;}
    .resource-title a:hover { color:#03863b !important; }
    .video-laptop-screen2 {
        /*display:none !important;*/
        max-width: 864px;
        width: 100% !important;
        margin: 0 auto;
        padding: 0px !important; 
        /* background-image: url(//403285.fs1.hubspotusercontent-na1.net/hubfs/403285/ALC/Laptop-Screen.png?t=1511535050141); */
        background-repeat: no-repeat;
        background-size: 100% 100%;
        background-position: top center;
    }
    
    .video-laptop-pad { display: none !important; }
    
    .container1 {
      overflow: hidden;
      height: 515px;
      background: #edeae8;
      position: relative;
    }
    
    
    * {
      margin: 0; padding: 0;
    }
    
    .video {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    /* -webkit-transform: scaleX(2); */
    object-fit: fill;
    height: 100% !important;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li.active-branch.visited > a > i {
    background: none;
    border: 1px solid;
    border-radius: 50%;
    text-indent: 0;
    left: 9px;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    margin-left: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 29px !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    }
    
    

}

@media (max-width:376px){
    
     .new-wrapper-button {
    padding-left: 8px !important;
    padding-right: 8px !important;
    }
    
     .new-wrapper-next {
    padding-left: 101px !important;
    padding-right: 101px !important;
    }
    
    
}



@media (max-width:359px){
    
    .progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-left: 52px;
    }
    
    .new-wrapper-button {
    padding-left: 8px !important;
    padding-right: 8px !important;
    }
    
}

@media (max-width:412px){
    
    .progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-left: 74px;
    }
    
    .progress-bar .menu-trigger-wrapper {
    margin-right: -198px !important;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li.active-branch.visited > a > i {
    background: none;
    border: 1px solid;
    border-radius: 50%;
    text-indent: 0;
    left: 27px;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    margin-left: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 28px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    }
    
    .hide-menu {
    display: block;
    padding-left: 40px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
    
    .progress-bar .menu-close {
    margin-right: -183px;
    }
}

/*.video-laptop-screen {
    /* max-width: 864px; */
    /* width: 82%; */
    /* margin: 0 auto; */
    /* padding: 3.1% 2.7%; */
    /* background-image: url(https://www.wsifranchise.com/hubfs/ALC/Laptop-Screen.png?t=1511535050141); */
    /* background-repeat: no-repeat; */
    /* background-size: 100% 100%; */
    /* background-position: top center; */

/*}*/

/*------------------Overlay for video in mobile-------------------*/

/*@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}*/

/* OLD Mobile */

@media (max-width:409px){
    
    .alc-site-wrapper { max-width:320px;}
    .header-container,
    .footer-container,
    .alc-content-wrapper,
    .hs_cos_wrapper_widget,
    .hs-wrapper > div,
    .hs-mobile-wrapper > div { max-width:280px; }
    
    .progress-bar .hs-menu-wrapper ul>li>a { max-width:280px; }
    .progress-bar .menu-trigger-wrapper,
    .progress-bar .menu-close { margin-right:-140px; }
    
    .resource-title {font-size: 16px; line-height: 24px;}
    .resource-title a:hover { color:#03863b !important; }
    #hs_cos_wrapper_module_1495823205325203 .alc-site-wrapper.new-wrapper { max-width: 375px !important; }
    
    .container1 {
      overflow: hidden;
      height: 515px;
      background: #edeae8;
      position: relative;
    }
    
      * {
      margin: 0; padding: 0;
    }
    
    .video {
    position: absolute !important;
    left: 50% !important;
    top: 123% !important;
    transform: translate(-50%, -50%);
    /* -webkit-transform: scaleX(2); */
    object-fit: fill;
    height: 100% !important;
    }
}

@media (max-width: 320px) {
    
    .pagination-wrapper a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 34px;
    padding-right: 34px;
    color: #6a6a6a;
    text-decoration: none;
 }
    
.video {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    /* -webkit-transform: scaleX(2); */
    object-fit: fill;
    height: 100% !important;
 }
 .pagination-wrapper {
    display: inline-block;
    /*margin-left: 2%;*/
    vertical-align: middle;
    padding: 0 0px;
    background-color: #f2f2f3;
    border-radius: 4px;
    font-size: 11px;
    line-height: 19px;
    text-transform: uppercase;
   /* width: 97%;*/
    text-align: center;
 }
 
 .progress-bar .menu-trigger-wrapper {
    margin-right: -156px !important;
  }
  .progress-menu .hs-menu-wrapper > ul > li.active-branch.visited > a > i {
    background: none;
    border: 1px solid;
    border-radius: 50%;
    text-indent: 0;
    left: 14px;
  }
  
  .progress-bar .hs-menu-wrapper ul>li>a {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding-left: 58px;
    }
    
    .progress-bar .menu-close {
    margin-right: -143px !important;
    }
    
    .progress-menu .hs-menu-wrapper > ul > li > a > i {
    position: absolute;
    margin-left: 15px;
    top: 50%;
    transform: translateY(-50%);
    left: 15px !important;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    width: 24px;
    height: 24px;
    font-family: Alice, serif;
    font-size: 20px;
    line-height: 22px;
    font-style: normal;
    border: 1px solid;
    border-radius: 50%;
    overflow: hidden;
    }
    
    .hide-menu {
    display: block;
    padding-left: 30px !important;
    padding-bottom: 13px;
    padding-top: 13px;
    }
}


@media (max-width: 409px) {
.video {
    position: absolute !important;
    left: 50% !important;
    top: 50% !important;
    transform: translate(-50%, -50%);
    /* -webkit-transform: scaleX(2); */
    object-fit: fill;
    height: 100% !important;
 }
}

@media (max-width:378px) {
    
    .pagination-wrapper a {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    padding-left: 26px;
    padding-right: 26px;
    color: #6a6a6a;
    text-decoration: none;
 }
    
}



/*-----------------Section video loader----------------*/
 .loader,
        .loader:after {
            border-radius: 50%;
            width: 10em;
            height: 10em;
        }
        .loader {            
            margin: 60px auto;
            font-size: 10px;
            position: relative;
            text-indent: -9999em;
            border-top: 1.1em solid rgba(255, 255, 255, 0.2);
            border-right: 1.1em solid rgba(255, 255, 255, 0.2);
            border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
            border-left: 1.1em solid #ffffff;
            -webkit-transform: translateZ(0);
            -ms-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-animation: load8 1.1s infinite linear;
            animation: load8 1.1s infinite linear;
        }
        @-webkit-keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
            }
            100% {
                -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
            }
        }
        #loadingDiv {
            position:absolute;;
            top:0;
            left:0;
            width:100%;
            height:100%;
            background-color:#000;
        }



/****************************************FadeIn for Section pages*******************************************/

.loading_fadein {
    /*margin-top: 25px;*/
    /*font-size: 21px;*/
    /*text-align: center;*/
    animation: fadein 7s;
    -moz-animation: fadein 7s; /* Firefox */
    -webkit-animation: fadein 7s; /* Safari and Chrome */
    -o-animation: fadein 7s; /* Opera */
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

/*****************************************Skeleton Technique for Video*************************************************/

.card {
  width: 100%;
  margin: 10px;
  background: #fff;
  border-bottom: 1px solid #d8d8d8;
  box-shadow: 0 1px 4px 0 rgba(0,0,0,0.1);
}
.card__image {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  background: #bebbbb;
  overflow: hidden;
}
.card__image:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0,0,0,0), rgba(255,255,255,0.15), rgba(0,0,0,0));
  transform: translateX(-100%);
  animation: loading 1s 1s;
  /*display: none;*/
  top: 0;
}
.card__image img {
  position: relative;
  max-width: 100%;
  z-index: 1;
}

@-moz-keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
@-webkit-keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
@-o-keyframes loading {
  100% {
    transform: translateX(100%);
  }
}
@keyframes loading {
  100% {
    transform: translateX(100%);
  }
}

/*****************************************Lense flame Video*************************************************/