/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

.modal-loader {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('../partials/images/ajax-loader.gif') 
                50% 50% 
                no-repeat;
}

body.loading {
    overflow: hidden;   
}

/** 
 * Anytime the body has the loading class,
 * our modal element will be visible
 */
body.loading .modal-loader {
    display: block;
}            

.textbox-token {
    font-size : 24pt;
    width : 60%;
    height : 50px;
    margin: auto;
}

.form-center-top {
    text-align : center;
    margin-top : 5%;
}

.details-center-top {
    margin-left : 15%;
    margin-top : 5%;
}

.image-padding {
    width: 725px;
    padding-top : 15px;
    padding-bottom : 15px
}

.widget-iframe-modal {
	margin-top: 13px;
	margin-left: 13%;
}

.iframe-view {
    position: static;
    left: 78px;
    top: 0;
    display: block;
	width: 100%;
    height: 700px;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    border: 30px none #000;
	background-color: #cccccc;
}

.iframe-modal-actions {
	width: 270px;
	height: 420px;
	padding-right: 0px;
	padding-left: 0px;
}

.number-inputs {
	width: 70px;
	font-size: 14pt;
}

.number-labels {
	padding-left: 10px;
	padding-top: 2px;
}

.shortcode {
    font-size: 13pt;
    text-decoration: none;
    color: #000;
}

.input-color {
    border-radius: 3px;
}

.button-widget-labels {
    padding-top: 9px;
    font-weight: bold;
}

.widget-code {
    display: none;
}

.button-widget-preview {
    margin-top: 10px;
    padding-top: 10px;
    height: 90px;
    text-align: center;
    border: solid #e1e1e1;
}

.loader {
    margin: auto;
    width: 30px;
}

/* --- Material Switch --- */
.material-switch > input[type="checkbox"] {
    display: none;   
}

.material-switch > label {
    cursor: pointer;
    height: 0px;
    position: relative; 
    width: 40px;  
}

.material-switch > label::before {
    background: rgb(0, 0, 0);
    box-shadow: inset 0px 0px 10px rgba(0, 0, 0, 0.5);
    border-radius: 8px;
    content: '';
    height: 16px;
    margin-top: -8px;
    position:absolute;
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
    width: 40px;
}
.material-switch > label::after {
    background: rgb(255, 255, 255);
    border-radius: 16px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
    content: '';
    height: 24px;
    left: -4px;
    margin-top: -8px;
    position: absolute;
    top: -4px;
    transition: all 0.3s ease-in-out;
    width: 24px;
}
.material-switch > input[type="checkbox"]:checked + label::before {
    background: inherit;
    opacity: 0.5;
}
.material-switch > input[type="checkbox"]:checked + label::after {
    background: inherit;
    left: 20px;
}

/* --- Mac Wrapper --- */
.mac-wrapper {
    width: 100%;
    height: 61vh;
    margin: 10px;
    padding-left: 0px;
    border-style: solid;
    border-width: 4px 4px 0px;
    border-color: #d8d8d8 ;
    border-radius: 25px 25px 5px 5px;
    background-color: #000000 ;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}


/* NEW VERSION */
.settings-heading {
    margin-top: 10px;
    color: #292929;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    margin-bottom: 0;
}
.web-settings-wrapper.alt-card {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px none #eee;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(74, 74, 74, .2);
}
.web-settings-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
}
.web-settings-heading-wrapper.alt-flex {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}
.w-button:hover{
    color:#fff;
    text-decoration: none;
}
.add-website-filter-btn {
    margin-top: 10px;
    padding: 12px 20px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    background-color: #d8d8d8;
    font-size: 16px;
}
.add-website-filter-btn.enabled {
    border-color: #1bae52;
    background-color: #1bae52;
    box-shadow: 1px 1px 8px 0 rgba(68, 68, 68, .5);
}
.add-website-filter-btn.widget-edit {
    margin-top: 0px;
}
.add-website-filter-btn.widget-edit.delete-btn {
    margin-left: 10px;
    border-color: #a5a5a5;
    background-color: #a5a5a5;
}
.add-website-filter-btn.widget-edit.view-code-btn {
    margin-left: 10px;
    border-color: #ff9d56;
    background-color: #ff9d56;
}
.add-website-filter-btn.widget-edit.view-code-btn:hover {
    border-color: #bf7640;
    background-color: #bf7640;
}
.add-website-filter-btn.widget-edit.enabled:hover {
    border-color: #24974f;
    background-color: #24974f;
}
.add-website-filter-btn.widget-edit.delete-btn:hover {
    border-color: #949494;
    background-color: #949494;
}
.web-settings-heading.alt-changes {
    margin-bottom: 10px;
    color: #292929;
    font-size: 16px;
    line-height: 20px;
}

.web-settings-heading {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.addn-info-text {
    margin-bottom: 3px;
    color: #949494;
    font-size: 13px;
}
.btn-shortcode{
    width: 280px;
    display: inline-block;
    margin: 0 13px -19px 0;
}
.btn-shortcode .shortcode{
    padding:0 10px;
    color:#333;
    height:48px;
}
.btn-shortcode button{
    padding-top: 13px;
    padding-bottom: 13px;
}
.custom-forms-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif;
}
.custom-forms-left-section.widgets-alt-width {
    position: relative;
    overflow: auto;
    padding: 20px 20px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.custom-forms-left-section {
    overflow: visible;
    width: 27%;
    height: auto;
    padding-top: 40px;
    padding-left: 20px;
    border-right: 1px none #d8d8d8;
}
.web-settings-wrapper.less-margin {
    margin-bottom: 0px;
}
.go-back-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #757575;
    text-decoration: none;
}
.auto-email-back {
    height: 12px;
    margin-right: 10px;
    -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.w-form {
    margin: 0 0 15px;
}
.web-settings-terminology-wrapper.no-margin {
    margin-bottom: 0px;
}
.web-settings-heading.smaller-size {
    font-size: 16px;
    line-height: 22px;
}
.web-settings-heading {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}
.form-input-onbording.half {
    width: 47.3%;
    height: 40px;
    margin-left: 0px;
    border-color: #e5e5e5;
}

textarea, input[type="text"] {
    -webkit-appearance: none;
}
.form-input-onbording {
    display: inline-block;
    width: 90%;
    height: 40px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
}
.w-input, .w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333333;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

/* Generated on: Tue Jan 16 2018 11:18:46 GMT+0000 (UTC) */
/* ==========================================================================
   normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
   ========================================================================== */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/* ==========================================================================
   Start of base Webflow CSS - If you're looking for some ultra-clean CSS, skip the boilerplate and see the unminified code below.
   ========================================================================== */
@font-face{font-family:'webflow-icons';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format('woff');font-weight:normal;font-style:normal}[class^="w-icon-"],[class*=" w-icon-"]{font-family:'webflow-icons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.w-icon-slider-right:before{content:"\e600"}.w-icon-slider-left:before{content:"\e601"}.w-icon-nav-menu:before{content:"\e602"}.w-icon-arrow-down:before,.w-icon-dropdown-toggle:before{content:"\e603"}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;background-color:#fff;font-family:Arial,sans-serif;font-size:14px;line-height:20px;color:#333}img{max-width:100%;vertical-align:middle;display:inline-block}html.w-mod-touch *{background-attachment:scroll !important}.w-block{display:block}.w-inline-block{max-width:100%;display:inline-block}.w-clearfix:before,.w-clearfix:after{content:" ";display:table}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{display:inline-block;padding:9px 15px;background-color:#3898EC;color:white;border:0;line-height:inherit;text-decoration:none;cursor:pointer;border-radius:0}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent !important}.w-webflow-badge,.w-webflow-badge *{position:static;left:auto;top:auto;right:auto;bottom:auto;z-index:auto;display:block;visibility:visible;overflow:visible;overflow-x:visible;overflow-y:visible;box-sizing:border-box;width:auto;height:auto;max-height:none;max-width:none;min-height:0;min-width:0;margin:0;padding:0;float:none;clear:none;border:0 none transparent;border-radius:0;background:none;background-image:none;background-position:0 0;background-size:auto auto;background-repeat:repeat;background-origin:padding-box;background-clip:border-box;background-attachment:scroll;background-color:transparent;box-shadow:none;opacity:1;transform:none;transition:none;direction:ltr;font-family:inherit;font-weight:inherit;color:inherit;font-size:inherit;line-height:inherit;font-style:inherit;font-variant:inherit;text-align:inherit;letter-spacing:inherit;text-decoration:inherit;text-indent:0;text-transform:inherit;list-style-type:disc;text-shadow:none;font-smoothing:auto;vertical-align:baseline;cursor:inherit;white-space:inherit;word-break:normal;word-spacing:normal;word-wrap:normal}.w-webflow-badge{position:fixed !important;display:inline-block !important;visibility:visible !important;z-index:2147483647 !important;top:auto !important;right:12px !important;bottom:12px !important;left:auto !important;color:#AAADB0 !important;background-color:#fff !important;border-radius:3px !important;padding:6px 8px 6px 6px !important;font-size:12px !important;opacity:1 !important;line-height:14px !important;text-decoration:none !important;transform:none !important;margin:0 !important;width:auto !important;height:auto !important;overflow:visible !important;white-space:nowrap;box-shadow:0 0 0 1px rgba(0,0,0,0.1),0 1px 3px rgba(0,0,0,0.1)}.w-webflow-badge>img{display:inline-block !important;visibility:visible !important;opacity:1 !important;vertical-align:middle !important}h1,h2,h3,h4,h5,h6{font-weight:bold;margin-bottom:10px}h1{font-size:38px;line-height:44px;margin-top:20px}h2{font-size:32px;line-height:36px;margin-top:20px}h3{font-size:24px;line-height:30px;margin-top:20px}h4{font-size:18px;line-height:24px;margin-top:10px}h5{font-size:14px;line-height:20px;margin-top:10px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-top:0;margin-bottom:10px}blockquote{margin:0 0 10px 0;padding:10px 20px;border-left:5px solid #E2E2E2;font-size:18px;line-height:22px}figure{margin:0;margin-bottom:10px}figcaption{margin-top:5px;text-align:center}ul,ol{margin-top:0;margin-bottom:10px;padding-left:40px}.w-list-unstyled{padding-left:0;list-style:none}.w-embed:before,.w-embed:after{content:" ";display:table}.w-embed:after{clear:both}.w-video{width:100%;position:relative;padding:0}.w-video iframe,.w-video object,.w-video embed{position:absolute;top:0;left:0;width:100%;height:100%}fieldset{padding:0;margin:0;border:0}button,html input[type="button"],input[type="reset"]{border:0;cursor:pointer;-webkit-appearance:button}.w-form{margin:0 0 15px}.w-form-done{display:none;padding:20px;text-align:center;background-color:#dddddd}.w-form-fail{display:none;margin-top:10px;padding:10px;background-color:#ffdede}label{display:block;margin-bottom:5px;font-weight:bold}.w-input,.w-select{display:block;width:100%;height:38px;padding:8px 12px;margin-bottom:10px;font-size:14px;line-height:1.42857143;color:#333333;vertical-align:middle;background-color:#ffffff;border:1px solid #cccccc}.w-input:-moz-placeholder,.w-select:-moz-placeholder{color:#999}.w-input::-moz-placeholder,.w-select::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder,.w-select:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{color:#999}.w-input:focus,.w-select:focus{border-color:#3898EC;outline:0}.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{cursor:not-allowed;background-color:#eeeeee}textarea.w-input,textarea.w-select{height:auto}.w-select{background-image:-webkit-linear-gradient(white 0, #f3f3f3 100%);background-image:linear-gradient(white 0, #f3f3f3 100%)}.w-select[multiple]{height:auto}.w-form-label{display:inline-block;cursor:pointer;font-weight:normal;margin-bottom:0}.w-checkbox,.w-radio{display:block;margin-bottom:5px;padding-left:20px}.w-checkbox:before,.w-radio:before,.w-checkbox:after,.w-radio:after{content:" ";display:table}.w-checkbox:after,.w-radio:after{clear:both}.w-checkbox-input,.w-radio-input{margin:4px 0 0;margin-top:1px \9;line-height:normal;float:left;margin-left:-20px}.w-radio-input{margin-top:3px}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:before,.w-container:after{content:" ";display:table}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:before,.w-row:after{content:" ";display:table}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{position:relative;float:left;width:100%;min-height:1px;padding-left:10px;padding-right:10px}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none !important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:none !important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{width:100%;left:auto;right:auto}}@media screen and (max-width:767px){.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:none !important}.w-row,.w-container .w-row{margin-left:0;margin-right:0}.w-col{width:100%;left:auto;right:auto}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main{display:inherit !important}.w-hidden-medium{display:inherit !important}.w-hidden-small{display:inherit !important}.w-hidden-tiny{display:none !important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-widget{position:relative}.w-widget-map{width:100%;height:400px}.w-widget-map label{width:auto;display:inline}.w-widget-map img{max-width:inherit}.w-widget-map .gm-style-iw{width:90% !important;height:auto !important;top:7px !important;left:6% !important;display:inline;text-align:center;overflow:hidden}.w-widget-map .gm-style-iw+div{display:none}.w-widget-twitter{overflow:hidden}.w-widget-twitter-count-shim{display:inline-block;vertical-align:top;position:relative;width:28px;height:20px;text-align:center;background:white;border:#758696 solid 1px;border-radius:3px}.w-widget-twitter-count-shim *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-widget-twitter-count-shim .w-widget-twitter-count-inner{position:relative;font-size:15px;line-height:12px;text-align:center;color:#999;font-family:serif}.w-widget-twitter-count-shim .w-widget-twitter-count-clear{position:relative;display:block}.w-widget-twitter-count-shim.w--large{width:36px;height:28px;margin-left:7px}.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner{font-size:18px;line-height:18px}.w-widget-twitter-count-shim:not(.w--vertical){margin-left:5px;margin-right:8px}.w-widget-twitter-count-shim:not(.w--vertical).w--large{margin-left:6px}.w-widget-twitter-count-shim:not(.w--vertical):before,.w-widget-twitter-count-shim:not(.w--vertical):after{top:50%;left:0;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim:not(.w--vertical):before{border-color:rgba(117,134,150,0);border-right-color:#5d6c7b;border-width:4px;margin-left:-9px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:before{border-width:5px;margin-left:-10px;margin-top:-5px}.w-widget-twitter-count-shim:not(.w--vertical):after{border-color:rgba(255,255,255,0);border-right-color:white;border-width:4px;margin-left:-8px;margin-top:-4px}.w-widget-twitter-count-shim:not(.w--vertical).w--large:after{border-width:5px;margin-left:-9px;margin-top:-5px}.w-widget-twitter-count-shim.w--vertical{width:61px;height:33px;margin-bottom:8px}.w-widget-twitter-count-shim.w--vertical:before,.w-widget-twitter-count-shim.w--vertical:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.w-widget-twitter-count-shim.w--vertical:before{border-color:rgba(117,134,150,0);border-top-color:#5d6c7b;border-width:5px;margin-left:-5px}.w-widget-twitter-count-shim.w--vertical:after{border-color:rgba(255,255,255,0);border-top-color:white;border-width:4px;margin-left:-4px}.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner{font-size:18px;line-height:22px}.w-widget-twitter-count-shim.w--vertical.w--large{width:76px}.w-widget-gplus{overflow:hidden}.w-background-video{position:relative;overflow:hidden;height:500px;color:white}.w-background-video>video{background-size:cover;background-position:50% 50%;position:absolute;right:-100%;bottom:-100%;top:-100%;left:-100%;margin:auto;min-width:100%;min-height:100%;z-index:-100}.w-slider{position:relative;height:300px;text-align:center;background:#dddddd;clear:both;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-mask{position:relative;display:block;overflow:hidden;z-index:1;left:0;right:0;height:100%;white-space:nowrap}.w-slide{position:relative;display:inline-block;vertical-align:top;width:100%;height:100%;white-space:normal;text-align:left}.w-slider-nav{position:absolute;z-index:2;top:auto;right:0;bottom:0;left:0;margin:auto;padding-top:10px;height:40px;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0)}.w-slider-nav.w-round>div{border-radius:100%}.w-slider-nav.w-num>div{width:auto;height:auto;padding:.2em .5em;font-size:inherit;line-height:inherit}.w-slider-nav.w-shadow>div{box-shadow:0 0 3px rgba(51,51,51,0.4)}.w-slider-nav-invert{color:#fff}.w-slider-nav-invert>div{background-color:rgba(34,34,34,0.4)}.w-slider-nav-invert>div.w-active{background-color:#222}.w-slider-dot{position:relative;display:inline-block;width:1em;height:1em;background-color:rgba(255,255,255,0.4);cursor:pointer;margin:0 3px .5em;transition:background-color 100ms,color 100ms}.w-slider-dot.w-active{background-color:#fff}.w-slider-arrow-left,.w-slider-arrow-right{position:absolute;width:80px;top:0;right:0;bottom:0;left:0;margin:auto;cursor:pointer;overflow:hidden;color:white;font-size:40px;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-slider-arrow-left [class^="w-icon-"],.w-slider-arrow-right [class^="w-icon-"],.w-slider-arrow-left [class*=" w-icon-"],.w-slider-arrow-right [class*=" w-icon-"]{position:absolute}.w-slider-arrow-left{z-index:3;right:auto}.w-slider-arrow-right{z-index:4;left:auto}.w-icon-slider-left,.w-icon-slider-right{top:0;right:0;bottom:0;left:0;margin:auto;width:1em;height:1em}.w-dropdown{display:inline-block;position:relative;text-align:left;margin-left:auto;margin-right:auto;z-index:900}.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link{position:relative;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto;white-space:nowrap}.w-dropdown-toggle{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;cursor:pointer;padding-right:40px}.w-icon-dropdown-toggle{position:absolute;top:0;right:0;bottom:0;margin:auto;margin-right:20px;width:1em;height:1em}.w-dropdown-list{position:absolute;background:#dddddd;display:none;min-width:100%}.w-dropdown-list.w--open{display:block}.w-dropdown-link{padding:10px 20px;display:block;color:#222222}.w-dropdown-link.w--current{color:#0082f3}.w-nav[data-collapse="all"] .w-dropdown,.w-nav[data-collapse="all"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="all"] .w-dropdown-list{position:static}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-dropdown,.w-nav[data-collapse="medium"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="medium"] .w-dropdown-list{position:static}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-dropdown,.w-nav[data-collapse="small"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="small"] .w-dropdown-list{position:static}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-dropdown,.w-nav[data-collapse="tiny"] .w-dropdown-toggle{display:block}.w-nav[data-collapse="tiny"] .w-dropdown-list{position:static}}.w-lightbox-backdrop{color:#000;cursor:auto;font-family:serif;font-size:medium;font-style:normal;font-variant:normal;font-weight:normal;letter-spacing:normal;line-height:normal;list-style:disc;text-align:start;text-indent:0;text-shadow:none;text-transform:none;visibility:visible;white-space:normal;word-break:normal;word-spacing:normal;word-wrap:normal;position:fixed;top:0;right:0;bottom:0;left:0;color:#fff;font-family:"Helvetica Neue",Helvetica,Ubuntu,"Segoe UI",Verdana,sans-serif;font-size:17px;line-height:1.2;font-weight:300;text-align:center;background:rgba(0,0,0,0.9);z-index:2000;outline:0;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-transform:translate(0, 0)}.w-lightbox-backdrop,.w-lightbox-container{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.w-lightbox-content{position:relative;height:100vh;overflow:hidden}.w-lightbox-view{position:absolute;width:100vw;height:100vh;opacity:0}.w-lightbox-view:before{content:"";height:100vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:86vh}.w-lightbox-frame,.w-lightbox-view:before{display:inline-block;vertical-align:middle}.w-lightbox-figure{position:relative;margin:0}.w-lightbox-group .w-lightbox-figure{cursor:pointer}.w-lightbox-img{width:auto;height:auto;max-width:none}.w-lightbox-image{display:block;float:none;max-width:100vw;max-height:100vh}.w-lightbox-group .w-lightbox-image{max-height:86vh}.w-lightbox-caption{position:absolute;right:0;bottom:0;left:0;padding:.5em 1em;background:rgba(0,0,0,0.4);text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.w-lightbox-embed{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.w-lightbox-control{position:absolute;top:0;width:4em;background-size:24px;background-repeat:no-repeat;background-position:center;cursor:pointer;-webkit-transition:all .3s;transition:all .3s}.w-lightbox-left{display:none;bottom:0;left:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==")}.w-lightbox-right{display:none;right:0;bottom:0;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+")}.w-lightbox-close{right:0;height:2.6em;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");background-size:18px}.w-lightbox-strip{position:absolute;bottom:0;left:0;right:0;padding:0 1vh;line-height:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden}.w-lightbox-item{display:inline-block;width:10vh;padding:2vh 1vh;box-sizing:content-box;cursor:pointer;-webkit-transform:translate3d(0, 0, 0)}.w-lightbox-active{opacity:.3}.w-lightbox-thumbnail{position:relative;height:10vh;background:#222;overflow:hidden}.w-lightbox-thumbnail-image{position:absolute;top:0;left:0}.w-lightbox-thumbnail .w-lightbox-tall{top:50%;width:100%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%)}.w-lightbox-thumbnail .w-lightbox-wide{left:50%;height:100%;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}.w-lightbox-spinner{position:absolute;top:50%;left:50%;box-sizing:border-box;width:40px;height:40px;margin-top:-20px;margin-left:-20px;border:5px solid rgba(0,0,0,0.4);border-radius:50%;-webkit-animation:spin .8s infinite linear;animation:spin .8s infinite linear}.w-lightbox-spinner:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:3px solid transparent;border-bottom-color:#fff;border-radius:50%}.w-lightbox-hide{display:none}.w-lightbox-noscroll{overflow:hidden}@media (min-width:768px){.w-lightbox-content{height:96vh;margin-top:2vh}.w-lightbox-view,.w-lightbox-view:before{height:96vh}.w-lightbox-group,.w-lightbox-group .w-lightbox-view,.w-lightbox-group .w-lightbox-view:before{height:84vh}.w-lightbox-image{max-width:96vw;max-height:96vh}.w-lightbox-group .w-lightbox-image{max-width:82.3vw;max-height:84vh}.w-lightbox-left,.w-lightbox-right{display:block;opacity:.5}.w-lightbox-close{opacity:.8}.w-lightbox-control:hover{opacity:1}}.w-lightbox-inactive,.w-lightbox-inactive:hover{opacity:0}.w-richtext:before,.w-richtext:after{content:" ";display:table}.w-richtext:after{clear:both}.w-richtext ol,.w-richtext ul{overflow:hidden}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:before,.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:before{outline:2px solid #2895f7}.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div{outline:2px solid #2895f7}.w-richtext figure.w-richtext-figure-type-video>div:before,.w-richtext figure[data-rt-type="video"]>div:before{content:'';position:absolute;display:none;left:0;top:0;right:0;bottom:0;z-index:1}.w-richtext figure{position:relative;max-width:60%}.w-richtext figure>div:before{cursor:default !important}.w-richtext figure img{width:100%}.w-richtext figure figcaption.w-richtext-figcaption-placeholder{opacity:.6}.w-richtext figure div{font-size:0;color:transparent}.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type="image"]{display:table}.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type="image"]>div{display:inline-block}.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type="image"]>figcaption{display:table-caption;caption-side:bottom}.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type="video"]{width:60%;height:0}.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type="video"] iframe{position:absolute;top:0;left:0;width:100%;height:100%}.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type="video"]>div{width:100%}.w-richtext figure.w-richtext-align-center{margin-right:auto;margin-left:auto;clear:both}.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div{max-width:100%}.w-richtext figure.w-richtext-align-normal{clear:both}.w-richtext figure.w-richtext-align-fullwidth{width:100%;max-width:100%;text-align:center;clear:both;display:block;margin-right:auto;margin-left:auto}.w-richtext figure.w-richtext-align-fullwidth>div{display:inline-block;padding-bottom:inherit}.w-richtext figure.w-richtext-align-fullwidth>figcaption{display:block}.w-richtext figure.w-richtext-align-floatleft{float:left;margin-right:15px;clear:none}.w-richtext figure.w-richtext-align-floatright{float:right;margin-left:15px;clear:none}.w-nav{position:relative;background:#dddddd;z-index:1000}.w-nav:before,.w-nav:after{content:" ";display:table}.w-nav:after{clear:both}.w-nav-brand{position:relative;float:left;text-decoration:none;color:#333333}.w-nav-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;color:#222222;padding:20px;text-align:left;margin-left:auto;margin-right:auto}.w-nav-link.w--current{color:#0082f3}.w-nav-menu{position:relative;float:right}.w--nav-menu-open{display:block !important;position:absolute;top:100%;left:0;right:0;background:#C8C8C8;text-align:center;overflow:visible;min-width:200px}.w--nav-link-open{display:block;position:relative}.w-nav-overlay{position:absolute;overflow:hidden;display:none;top:100%;left:0;right:0;width:100%}.w-nav-overlay .w--nav-menu-open{top:0}.w-nav[data-animation="over-left"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-left"] .w-nav-overlay,.w-nav[data-animation="over-left"] .w--nav-menu-open{right:auto;z-index:1;top:0}.w-nav[data-animation="over-right"] .w-nav-overlay{width:auto}.w-nav[data-animation="over-right"] .w-nav-overlay,.w-nav[data-animation="over-right"] .w--nav-menu-open{left:auto;z-index:1;top:0}.w-nav-button{position:relative;float:right;padding:18px;font-size:24px;display:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.w-nav-button.w--open{background-color:#C8C8C8;color:white}.w-nav[data-collapse="all"] .w-nav-menu{display:none}.w-nav[data-collapse="all"] .w-nav-button{display:block}@media screen and (max-width:991px){.w-nav[data-collapse="medium"] .w-nav-menu{display:none}.w-nav[data-collapse="medium"] .w-nav-button{display:block}}@media screen and (max-width:767px){.w-nav[data-collapse="small"] .w-nav-menu{display:none}.w-nav[data-collapse="small"] .w-nav-button{display:block}.w-nav-brand{padding-left:10px}}@media screen and (max-width:479px){.w-nav[data-collapse="tiny"] .w-nav-menu{display:none}.w-nav[data-collapse="tiny"] .w-nav-button{display:block}}.w-tabs{position:relative}.w-tabs:before,.w-tabs:after{content:" ";display:table}.w-tabs:after{clear:both}.w-tab-menu{position:relative}.w-tab-link{position:relative;display:inline-block;vertical-align:top;text-decoration:none;padding:9px 30px;text-align:left;cursor:pointer;color:#222222;background-color:#dddddd}.w-tab-link.w--current{background-color:#C8C8C8}.w-tab-content{position:relative;display:block;overflow:hidden}.w-tab-pane{position:relative;display:none}.w--tab-active{display:block}@media screen and (max-width:479px){.w-tab-link{display:block}}.w-ix-emptyfix:after{content:""}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.w-dyn-empty{padding:10px;background-color:#dddddd}.w-dyn-bind-empty{display:none !important}.w-condition-invisible{display:none !important}

/* ==========================================================================
   Start of custom Webflow CSS
   ========================================================================== */
.header {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 64px;
    padding-right: 20px;
    padding-left: 20px;
}

.onboard-header {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #e5e5e5;
    border-radius: 5px 5px 0px 0px;
    background-color: #fbfbfb;
}

.onboard-header.modal {
    max-width: 100%;
    border-style: none none solid;
    background-color: #fff;
}

.onboard-footer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    height: 72px;
    border: 1px solid #e5e5e5;
    border-radius: 0px 0px 5px 5px;
    background-color: #fff;
}

.onboard-body {
    overflow: hidden;
    height: 100%;
    max-height: 100%;
    min-height: 400px;
    margin-top: 10px;
    padding: 10px;
    border-right: 1px none #e5e5e5;
    border-left: 1px none #e5e5e5;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    text-align: left;
}

.onboard-body.modal-body {
    border-right-style: none;
    border-left-style: none;
}

.onboard-body.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.onboard-body.billing-body {
    margin-top: 0px;
}

.onboard-body.billing-body.alt-padding {
    padding-top: 50px;
}

.onboard-body.pricing-body {
    display: block;
    margin-top: 0px;
}

.onboard-body.top-padding {
    margin-top: 0px;
    padding-top: 50px;
}

.onboard-flow {
    display: block;
    height: auto;
    max-width: 1200px;
    margin: 0px auto 10px;
    border: 1px none #e5e5e5;
    border-radius: 5px;
    background-color: #fff;
}

.onboard-flow.flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.onboard-flow.dark-background {
    background-color: #e7e7e7;
}

.onboard-flow.pricing-flow {
    max-width: 1100px;
    border-color: #fff;
}

.onboard-flow.transparent {
    background-color: transparent;
}

.step {
    display: inline-block;
    width: 30%;
    height: auto;
    padding-top: 12px;
    padding-bottom: 10px;
    text-align: center;
}

.step-text {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
    color: #979797;
    font-size: 20px;
    font-weight: 300;
    text-align: center;
}

.step-text.active {
    color: #1ab394;
    font-weight: 400;
}

.step-text.done {
    color: #cacaca;
}

.step-count {
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-right: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border: 1px solid #979797;
    border-radius: 25px;
    font-family: 'Open Sans', sans-serif;
    color: #979797;
    font-size: 18px;
    font-weight: 300;
}

.step-divider {
    display: inline-block;
    clear: none;
}

.btn-onboarding-primary {
    display: block;
    width: 220px;
    height: auto;
    max-width: 250px;
    min-width: auto;
    margin: 10px 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    float: right;
    border: 1px solid #1ab394;
    border-radius: 32px;
    background-color: #1ab394;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    text-align: right;
    text-decoration: none;
}

.btn-onboarding-primary:hover {
    background-color: #1ec2a1;
}

.btn-onboarding-primary.disabled {
    border-color: #e5e5e5;
    background-color: transparent;
    color: #e5e5e5;
}

.btn-onboarding-primary.back {
    margin-right: 5px;
    margin-left: 5px;
    float: left;
    border-color: #e5e5e5;
    background-color: transparent;
    color: #959595;
    text-align: left;
}

.btn-onboarding-primary.back.skip {
    text-align: center;
}

.btn-onboarding-primary.back.skip:hover {
    background-color: #f8f8f8;
}

.btn-onboarding-primary.btn-create {
    display: block;
    width: 187px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: right;
}

.text-btn-onboarding {
    display: inline-block;
    margin-right: 45px;
    margin-left: 45px;
    padding-top: 3px;
    padding-bottom: 3px;
    float: none;
    font-size: 18px;
    font-weight: 200;
    text-align: left;
}

.text-btn-onboarding.btn-create {
    margin-right: 30px;
    margin-left: 30px;
}

.icon-btn-onboarding {
    display: inline-block;
    height: auto;
    margin-right: 20px;
    float: right;
    background-color: transparent;
}

.icon-btn-onboarding.back {
    margin-right: auto;
    margin-left: 20px;
    float: left;
}

.icon-btn-onboarding.icon-add {
    margin-top: 5px;
    margin-bottom: 5px;
}

.form-input-onbording {
    display: inline-block;
    width: 90%;
    height: 40px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    font-family: 'Open Sans', sans-serif;
    color: #3b3b3b;
    font-size: 14px;
    line-height: 28px;
    font-weight: 400;
}

.form-input-onbording:active {
    border-style: solid;
    border-color: #e5e5e5;
}

.form-input-onbording:focus {
    border-color: #55c88c;
}

.form-input-onbording.half {
    width: 47.3%;
    height: 40px;
    margin-left: 0px;
    border-color: #e5e5e5;
}

.form-input-onbording.half:focus {
    border-color: #55c88c;
}

.form-input-onbording.half.half2 {
    width: 46.5%;
    padding-left: 5px;
}

.form-input-onbording.half.second-half {
    margin-left: 5px;
}

.form-input-onbording.half.extra-margin {
    margin-left: 5px;
}

.form-input-onbording.half.no-bottom-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.form-input-onbording.one-third {
    width: 32%;
}

.form-input-onbording.one-third.required {
    width: 31%;
}

.form-input-onbording.one-third.one-third2 {
    width: 23%;
    padding: 5px 0px 5px 5px;
    border-style: none;
    border-color: #fff;
    background-color: #272727;
    font-size: 14px;
}

.form-input-onbording.one-third.one-third2.left-margin {
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    border-style: solid;
    border-color: #e5e5e5;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
    font-size: 14px;
    line-height: 24px;
}

.form-input-onbording.one-third.one-third2.left-margin.alt-width {
    width: 48%;
    margin-right: 10px;
    font-size: 14px;
}

.form-input-onbording.one-third.one-third2.left-margin.alt-width.no-right-margin {
    margin-right: 0px;
}

.form-input-onbording.two-third {
    width: 62%;
    border-color: #e5e5e5;
}

.form-input-onbording.two-third.required {
    border-color: rgba(27, 179, 148, .5);
}

.form-input-onbording.two-third.phone {
    width: 69%;
}

.form-input-onbording.required {
    border-color: rgba(26, 179, 148, .5);
}

.form-input-onbording.map {
    display: block;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    background-color: #fafafa;
}

.form-input-onbording.card-number {
    width: 95%;
    min-width: 150px;
}

.form-input-onbording.expiry-date {
    width: 45%;
    max-width: auto;
    min-width: 30px;
}

.form-input-onbording.promo-code {
    width: 33%;
    float: right;
}

.form-input-onbording.left-margin {
    height: 40px;
    margin-right: 0px;
    margin-left: 0px;
}

.form-input-onbording.left-margin.text-area {
    height: 160px;
}

.form-input-onbording.subdomain-text {
    width: 47.3%;
    border-style: none;
}

.form-input-onbording.alt-width {
    width: 75%;
}

.form-input-onbording.alt-width.alt-changes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 12px;
    padding-left: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-input-onbording.alt-width.alt-changes.disabled {
    background-color: #f6f6f6;
}

.form-label-onboarding {
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-family: 'Open Sans', sans-serif;
    color: #6d6d6d;
    font-size: 18px;
    font-weight: 300;
    text-align: left;
}

.onboard-subheader {
    margin-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: 'Open Sans', sans-serif;
    color: #585858;
    font-weight: 400;
}

.onboard-divider {
    display: block;
    width: 100%;
    height: 1px;
    margin: 20px auto 0px;
    background-color: #eee;
}

.location-map {
    display: block;
    width: 100%;
    height: 280px;
    margin-right: auto;
    margin-left: auto;
}

.stripe-connect {
    margin: 10px 5px;
    float: none;
    border-radius: 5px;
    background-color: #2d83cf;
    text-align: center;
}

.step-done-icon {
    margin-right: 15px;
}

.setup-services-select-container {
    padding: 10px;
    text-align: center;
}

.setup-service-select-box {
    display: block;
    width: 50%;
    height: 50px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #e5e5e5;
    border-radius: 81px;
    background-color: #fcfcfc;
}

.setup-select-services-dropdown {
    position: static;
    left: 0px;
    z-index: 0;
    display: block;
    width: 50%;
    min-width: 0px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
    clear: none;
    border: 1px none transparent;
    border-radius: 30px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, #000, transparent 0%);
    background-image: linear-gradient(180deg, #000, transparent 0%);
    font-family: 'Open Sans', sans-serif;
    color: #1ab394;
    font-size: 18px;
    font-weight: 300;
}

.setup-services-subheader {
    margin-top: 10px;
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #959595;
    font-size: 22px;
    font-weight: 300;
}

.setup-select-service-dropdown-select {
    z-index: 58;
    border: 1px solid #000;
    border-radius: 5px;
    background-color: #fcfcfc;
    font-family: 'Open Sans', sans-serif;
    color: #3b3b3b;
}

.setup-select-service-dropdown-select.w--open {
    border-color: #e5e5e5;
    background-color: #fff;
    box-shadow: 0 3px 13px 0 #f6f6f6;
    color: #6d6d6d;
}

.setup-select-service-dropdown-link {
    border-bottom: 1px solid #f8f8f8;
    color: #6d6d6d;
    font-size: 16px;
    font-weight: 300;
}

.setup-select-service-dropdown-link:hover {
    background-color: #fafafa;
}

.setup-services-subheader2 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e5e5e5;
    font-family: 'Open Sans', sans-serif;
    color: #6d6d6d;
    font-size: 20px;
    font-weight: 400;
}

.added-services-box {
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.added-services-list-item {
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    color: #6d6d6d;
}

.setup-services-subheader3 {
    font-size: 16px;
}

.setup-services-content {
    margin-top: 5px;
    margin-bottom: 10px;
    font-weight: 300;
}

.setup-services-subheader4 {
    display: inline-block;
    width: 75%;
    max-width: 100%;
    padding: 10px;
    border: 1px solid #e5e5e5;
    border-radius: 6px 0px 0px 6px;
    font-size: 16px;
}

.setup-services-subheader4.right-aligned {
    display: inline-block;
    width: 25%;
    padding-right: 10px;
    border-left: 1px none #000;
    border-radius: 0px 5px 5px 0px;
    text-align: right;
}

.setup-services-subheader4.right-aligned.grey {
    background-color: #e5e5e5;
}

.dropdown-text {
    position: relative;
    top: 22px;
    right: 0px;
    width: 46%;
    margin-top: 12px;
    margin-left: 15px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    color: #1ab394;
    font-size: 20px;
    text-decoration: none;
}

.dropdown-text-wrapper {
    position: static;
    left: 16px;
    top: 23px;
    right: 50px;
    bottom: 23px;
    z-index: 1;
    overflow: visible;
    width: 46%;
    padding-top: 0px;
    float: none;
    text-decoration: none;
}

.added-services-list-item-list {
    display: inline-block;
    width: 48%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tags {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 5px 10px;
    border-radius: 5px;
    background-color: #f3f3f3;
    font-weight: 300;
}

.trainer-body.bg2 {
    height: 50px;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/560aac6c8605d9d92705f566_bg2.png"), -webkit-radial-gradient(circle farthest-side at -9% -20%, rgba(8, 33, 59, .67), #3c3b5d);
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/560aac6c8605d9d92705f566_bg2.png"), radial-gradient(circle farthest-side at -9% -20%, rgba(8, 33, 59, .67), #3c3b5d);
    background-position: 0px 0px, 0px 0px;
    background-size: cover, auto;
}

.header-left-button {
    padding-top: 12px;
    padding-bottom: 12px;
    float: left;
}

.header-right-button {
    padding-top: 12px;
    padding-bottom: 12px;
    float: right;
}

.header-center-text {
    display: block;
    width: 100%;
    max-width: 50%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 22px;
    padding-bottom: 22px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 24px;
    font-weight: 300;
    text-align: center;
}

.body-containet {
    display: block;
    overflow: visible;
    width: 100%;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.mobilefirst-footer {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    height: 50px;
    max-width: 500px;
    margin-right: auto;
    margin-left: auto;
}

.herosection {
    overflow: visible;
    height: 35vh;
    padding-top: 10px;
    padding-bottom: 10px;
}

.body-content {
    overflow: visible;
    height: 65vh;
}

.body-content.white {
    background-color: #fff;
}

.body-content.events {
    overflow: auto;
}

.trainer-home-tabs {
    position: relative;
    top: -140px;
}

.trainer-home-tab-link {
    display: inline-block;
    overflow: hidden;
    width: auto;
    padding-right: 20px;
    padding-left: 20px;
    background-color: hsla(0, 0%, 87%, 0);
    opacity: 0.5;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 22px;
    font-weight: 300;
}

.trainer-home-tab-link.w--current {
    width: auto;
    padding-bottom: 15px;
    background-color: hsla(0, 0%, 100%, 0);
    opacity: 1;
    font-size: 30px;
    font-weight: 400;
}

.trainer-home-tabs-menu {
    position: static;
    left: -264px;
    top: 0px;
    display: block;
    overflow: hidden;
    width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    clear: none;
    text-align: center;
}

.of-canvas-column {
    z-index: 1;
    height: 100vh;
    background-color: hsla(0, 0%, 100%, .26);
}

.trainer-home-header-stats {
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 18px;
}

.trainer-home-stat-big {
    display: block;
    width: auto;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding-top: 35px;
    padding-bottom: 40px;
    font-size: 60px;
    text-align: center;
}

.trainer-home-stat-small {
    padding-left: 10px;
    opacity: 0.5;
    font-size: 30px;
    font-weight: 300;
}

.date-section-sticky {
    height: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    background-color: rgba(29, 29, 38, .03);
    font-family: 'Open Sans', sans-serif;
    color: #353546;
}

.date-section-sticky1 {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    height: 50px;
    background-color: hsla(0, 0%, 100%, .52);
}

.trainer-home-event-box {
    padding: 30px 30px 20px;
}

.date-big {
    display: inline-block;
    padding-top: 5px;
    padding-right: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 45px;
    font-weight: 400;
}

.date-big.sm {
    position: relative;
    top: -2px;
    right: 0px;
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    float: right;
    clear: none;
    font-size: 20px;
    font-weight: 400;
}

.date-big.sm._2 {
    top: -20px;
    display: inline-block;
    padding-top: 0px;
    float: right;
    clear: none;
    color: #a7a5a5;
    font-size: 15px;
    font-weight: 300;
}

.date-box {
    width: 80px;
    float: right;
}

.trainer-event-attendee {
    display: inline;
    width: 40px;
    margin-right: 10px;
    border: 1px none #000;
    border-radius: 25px;
}

.hero-section-offer {
    height: 100%;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 40px;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, rgba(255, 59, 59, .49), rgba(255, 56, 56, .52) 33%, rgba(255, 55, 55, .54) 50%, rgba(255, 51, 51, .59)), -webkit-linear-gradient(316deg, rgba(255, 42, 42, .71), rgba(242, 41, 162, .56)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/56702a0bdb366ebd46439fce_Christmas-HD-Wallpaper-076.jpg"), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/566fd3b1cb77055f0922942e_christmas-xmas-night-wallpaper-39282.jpg");
    background-image: linear-gradient(180deg, rgba(255, 59, 59, .49), rgba(255, 56, 56, .52) 33%, rgba(255, 55, 55, .54) 50%, rgba(255, 51, 51, .59)), linear-gradient(134deg, rgba(255, 42, 42, .71), rgba(242, 41, 162, .56)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/56702a0bdb366ebd46439fce_Christmas-HD-Wallpaper-076.jpg"), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/566fd3b1cb77055f0922942e_christmas-xmas-night-wallpaper-39282.jpg");
    background-position: 0px 0px, 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, cover, cover;
    font-family: 'Open Sans', sans-serif;
}

.wide-container {
    display: block;
    width: 90%;
    max-width: none;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Open Sans', sans-serif;
}

.content-section-offer {
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    border-radius: 0px;
}

.content-section-offer.grey {
    background-color: #fff;
}

.select-button {
    display: inline-block;
    width: 200px;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 20px;
    border: 1px solid #e2e2e2;
    border-radius: 74px;
    text-align: center;
}

.inline {
    display: inline-block;
}

.select-amount {
    overflow: visible;
    height: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: none;
    clear: none;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, transparent, transparent);
    background-image: linear-gradient(180deg, transparent, transparent);
    font-family: 'Open Sans', sans-serif;
    font-size: 22px;
    text-align: center;
    text-decoration: none;
}

.amount-prepend {
    display: inline-block;
    width: 80px;
    height: 60px;
    margin-bottom: 0px;
    padding: 20px 10px 20px 20px;
    border-style: none;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: rgba(240, 77, 98, .48);
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 24px;
    line-height: 26px;
    font-weight: 300;
    text-align: center;
}

.amount-prepend.post {
    width: 80px;
    border-radius: 0px 50px 50px 0px;
    background-color: rgba(239, 76, 99, .5);
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    text-align: left;
}

.amount-div {
    display: block;
    width: 244px;
    height: 64px;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    border: 2px none #ef4c63;
    border-radius: 80px;
    font-family: 'Open Sans', sans-serif;
    color: #494949;
    font-weight: 300;
}

.hero-section-header-offer {
    margin-top: 80px;
    margin-bottom: 120px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    text-align: center;
}

.button.offers-page {
    display: block;
    width: 100%;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    padding: 12px 20px;
    border-radius: 100px;
    background-color: #ef4c63;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
}

.button.promo-code {
    margin-top: 10px;
    float: right;
    border-radius: 5px;
    background-color: #bbb;
}

.offer-page-form {
    display: block;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    font-family: 'Open Sans', sans-serif;
    color: #3a3a3a;
    font-weight: 400;
    text-align: left;
}

.offer-page-form-field1 {
    width: 100%;
    height: 40px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1.5px;
}

.offer-page-form-field1.small {
    display: inline-block;
    width: 80%;
    min-width: 65px;
    margin-left: 10px;
    float: none;
    clear: none;
}

.offer-page-form-field1.small.right {
    min-width: 65px;
    float: none;
}

.offer-page-form-field1.small.type2 {
    width: 42%;
    float: none;
}

.no-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.offers-page-form-text-small {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #919191;
    font-size: 14px;
    text-align: center;
}

.offer-page-header1 {
    margin-bottom: 40px;
    font-family: 'Open Sans', sans-serif;
    font-size: 32px;
    font-weight: 400;
    text-align: center;
}

.hero-section-offer_subheader1 {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 400;
    text-align: left;
}

.hero-section-offer_subheader1.small {
    font-size: 18px;
    font-weight: 300;
    text-align: center;
}

.hero-section-offer_subheader1.inline.right-align {
    margin-top: 0px;
    margin-bottom: 0px;
    float: right;
}

.hero-section-offer_subheader1.center-align {
    text-align: center;
}

.form-field-right {
    display: inline-block;
    width: 35%;
    margin-top: 0px;
    float: right;
    clear: none;
}

.form-titletext {
    display: block;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    float: none;
    font-weight: 600;
}

.form-titletext.left-align {
    float: left;
}

.form-field-inline {
    display: inline-block;
    width: 20%;
    text-align: left;
}

.form-field-inline.big {
    width: 45%;
    float: left;
}

.form-field-inline.form-field-membrshp {
    height: 30px;
    margin-top: 8px;
    font-size: 12px;
}

.hero-section-offer-text {
    display: inline-block;
    max-width: 600px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-align: left;
    letter-spacing: 1.1px;
}

.hero-section-offer-image {
    display: inline-block;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
}

.supersanta-text {
    display: inline;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    font-family: 'Great Vibes', cursive;
    color: #fff;
    font-size: 100px;
    line-height: 50px;
}

.supersanta-box {
    display: block;
    width: 100%;
    margin: 0px auto 120px;
    float: none;
}

.offer-page-header {
    padding-top: 15px;
    padding-bottom: 15px;
}

.hero-section-divider.offer-page {
    display: block;
    width: 90%;
    height: 1px;
    margin-right: auto;
    margin-left: auto;
    background-color: hsla(0, 0%, 100%, .25);
}

.hero-section-divider.offer-page.grey {
    background-color: hsla(0, 0%, 61%, .25);
}

.padded-box {
    padding-top: 30px;
}

.center-align {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.hero-section-text-big {
    display: block;
    width: 80px;
    height: 80px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid hsla(0, 0%, 100%, .5);
    border-radius: 200px;
    color: #fff;
    font-size: 40px;
    line-height: 75px;
    font-weight: 300;
    text-align: center;
}

.narrow-container {
    display: block;
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}

.content-section-subheader1 {
    margin-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

.content-section-list {
    font-size: 20px;
}

.content-section-offer-subheader2 {
    display: block;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    color: #929292;
    font-size: 22px;
    font-weight: 300;
    text-align: center;
}

.footer {
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #4b4b4b;
    text-align: center;
}

.footer-logo {
    display: block;
    margin-right: auto;
    margin-left: auto;
    background-color: transparent;
    opacity: 1;
}

.offer-footer-text {
    margin-top: 15px;
    font-family: 'Open Sans', sans-serif;
    color: hsla(0, 0%, 100%, .7);
    font-weight: 300;
    text-align: center;
}

.hero-section-offer-link {
    color: #fff;
    font-weight: 400;
}

.mac-wrapper {
    display: block;
    width: 100%;
    height: 96vh;
    margin: 10px auto;
    padding-left: 0px;
    border-style: solid;
    border-width: 4px 4px 0px;
    border-color: #d8d8d8;
    border-radius: 25px 25px 5px 5px;
    background-color: #000;
    background-image: none;
    background-size: auto;
    background-repeat: repeat;
    background-attachment: scroll;
}

.code-box {
    height: 100vh;
    margin-left: -10px;
    padding: 10px 10px 20px;
    background-color: #f1f1f1;
}

.iframe {
    position: static;
    left: 78px;
    top: 50px;
    display: block;
    width: 95%;
    height: 90%;
    margin-top: 30px;
    margin-right: auto;
    margin-left: auto;
    border: 30px none #000;
    background-color: rgba(131, 205, 255, .3);
}

.close-button {
    width: auto;
    height: auto;
    margin: 10px;
    float: right;
}

.modal-heading-1 {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    float: left;
    font-family: 'Open Sans', sans-serif;
    color: rgba(75, 75, 75, .91);
    font-size: 30px;
    font-weight: 600;
}

.code-box-inside {
    height: 70vh;
    min-height: 200px;
    margin-top: 40px;
    margin-right: 10px;
    margin-left: 10px;
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.modal-header-text {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Open Sans', sans-serif;
    color: #7a7a7a;
    font-size: 22px;
    font-weight: 400;
    text-align: center;
}

.form-field-label {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
}

.forms-modal-container {
    position: static;
    display: block;
    overflow: visible;
    width: 35%;
    height: 90vh;
    margin: 15px auto 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
}

.forms-modal-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #545965;
}

.forms-modal-header.modal-header-advanced {
    height: 15%;
    padding-right: 15px;
    padding-left: 15px;
}

.modal-footer {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 15%;
    background-color: #e2e2e2;
}

.modal-title {
    position: relative;
    left: 0px;
    top: 0px;
    right: 0px;
    color: #7a7a7a;
    font-weight: 400;
    text-align: center;
}

.main-body {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.forms-modal-background {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    padding-top: 0px;
    background-color: rgba(0, 0, 0, .45);
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

.forms-modal-body {
    display: block;
    overflow: auto;
    height: 80%;
    margin-top: 0px;
    padding: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    border-bottom: 1px solid #fff;
    background-color: #fff;
}

.forms-modal-body.modal-body-advanced {
    height: 85%;
}

.forms-primary-section {
    margin-top: 30px;
    padding: 20px;
    float: none;
    border: 1px none #fff;
    background-color: #fff;
}

.forms-primary-section.less-margin {
    width: auto;
    margin-top: 0px;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
}

.section-heading {
    width: auto;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-bottom: 0px;
    border-bottom: 3px none #f1f1f1;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
}

.section-heading.no-left-margin {
    margin-left: 0px;
}

.section-heading.text-link {
    padding-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    text-decoration: none;
}

.section-heading.text-link.text-link-2 {
    margin-left: 0px;
}

.section-heading.switch-text {
    width: auto;
    margin-left: 0px;
    padding-right: 5px;
    padding-bottom: 0px;
    color: #4a4a4a;
    font-weight: 400;
}

.section-heading.switch-text.darker-font {
    font-weight: 600;
}

.form-group-n {
    margin-top: 25px;
    padding-right: 0px;
    padding-bottom: 25px;
    padding-left: 0px;
    border-bottom: 1px solid #ebebeb;
    background-color: #fff;
}

.form-group-n.extra-margin {
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom-style: solid;
}

.form-group-n.extra-margin.no-background {
    background-color: #fff;
}

.form-group-n.form-group-n-price {
    margin-top: 0px;
    margin-bottom: 35px;
}

.form-group-n.form-group-n-background {
    background-color: #f7f7f7;
}

.form-group-n.form-group-n-background.form-group-less-margin {
    margin-top: 5px;
    padding-bottom: 0px;
}

.form-group-n.form-group-n-background.upper-padding {
    padding-top: 10px;
}

.form-group-n.single-field-group {
    margin-top: 15px;
    padding-bottom: 25px;
}

.form-group-n.single-field-group.field-top-padding {
    margin-top: 40px;
    padding-bottom: 25px;
}

.form-group-n.single-field-group.select-field-margin {
    margin-top: 10px;
    padding-bottom: 10px;
}

.form-group-n.switch-group {
    margin-top: 25px;
    padding-bottom: 5px;
}

.form-group-n.switch-group.last-form-item {
    border-bottom-style: none;
}

.form-group-n.switch-group.last-form-item.no-top-margin {
    margin-top: 0px;
}

.form-group-n.switch-group.first-form-item {
    margin-top: 0px;
}

.form-group-n.first-form-item {
    margin-top: 0px;
}

.form-group-n.first-form-item.no-border {
    border-bottom-style: none;
}

.form-group-n.last-form-item {
    border-bottom-style: none;
}

.form-group-n.form-last-item {
    border-bottom-style: none;
}

.form-group-n.form-last-item.last-item-no-padding {
    padding-bottom: 5px;
}

.field-heading {
    display: inline-block;
    margin-bottom: 0px;
    color: #575757;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
}

.field-heading.extra-weight {
    font-weight: 600;
}

.field-heading.field-heading-height {
    height: 40px;
}

.field-heading.field-membership {
    width: 40%;
}

.field-heading.bold-field-heading {
    font-weight: 700;
}

.field-heading.filed-heading-n {
    display: block;
    margin-bottom: 13px;
    padding-top: 1px;
}

.form-field-n {
    display: inline-block;
    height: 30px;
    margin-top: 10px;
    border: 1px solid #eee;
    font-size: 12px;
    font-weight: 300;
}

.form-field-n.form-field-width {
    display: inline-block;
    width: 30%;
}

.form-field-n.form-field-width.form-field-left-margin-event {
    margin-left: 30px;
}

.form-field-n.extra-margin {
    margin-top: 15px;
}

.form-field-n.extra-margin.form-field-inline {
    display: inline-block;
    width: 15%;
    margin-top: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.form-field-n.filter-parent {
    display: inline-block;
    width: 50%;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 5px;
    float: none;
    border-color: #bebebe;
    color: #4a4a4a;
    font-weight: 400;
    text-align: left;
}

.form-field-n.filter-child {
    display: inline-block;
    width: 50%;
    height: 25px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 15px;
    float: none;
    border-color: #bebebe;
    color: #4a4a4a;
    font-weight: 400;
}

.form-field-n.form-field-classpack {
    display: inline-block;
    width: 15%;
    margin-left: 0px;
}

.form-field-n.form-field-classpack.form-field-left-margin {
    margin-left: 10px;
}

.form-field-n.enter-price {
    display: inline-block;
    width: 40%;
    margin-left: 10px;
}

.form-field-n.adjusted-width {
    width: 16%;
    margin-left: 8px;
}

.form-field-descp {
    margin-top: 0px;
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid #bebebe;
    font-size: 14px;
    font-weight: 400;
}

.form-field-descp.descp-margin {
    margin-top: 30px;
}

.form-field-descp.descp-top-margin {
    margin-top: 3px;
}

.form-row-n {
    margin-top: 25px;
}

.form-row-n.extra-margin {
    margin-top: 40px;
}

.form-row-n.less-margin-n {
    margin-top: 10px;
}

.form-row-n.form-row-n-background {
    padding-top: 5px;
    padding-left: 10px;
    background-color: #fff;
}

.form-row-n.form-row-less-margin {
    margin-top: 10px;
}

.form-column-n {
    padding-left: 0px;
    line-height: 20px;
}

.form-column-n.column-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-column-n.left-padding {
    padding-left: 30px;
    line-height: 20px;
}

.form-select-n {
    width: auto;
    height: auto;
    margin-top: 8px;
    margin-left: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px solid #bebebe;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, #000, #fff 0%);
    background-image: linear-gradient(180deg, #000, #fff 0%);
    color: #4a4a4a;
    font-weight: 400;
}

.form-select-n.field-heading {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 10px;
    padding-bottom: 0px;
    border: 1px solid #eee;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    color: #949494;
    font-size: 12px;
}

.form-select-n.field-heading.form-select-width {
    width: 100%;
    margin-top: 25px;
}

.form-select-n.field-heading.form-select-width.form-select-center {
    margin-top: 15px;
    margin-bottom: 1px;
}

.form-select-n.field-heading.form-select-width2 {
    display: inline-block;
    width: 30%;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.form-select-n.form-select-classpack {
    display: inline-block;
    width: 35%;
    margin-left: 10px;
    border: 1px solid #e2e2e2;
    color: #868686;
    font-size: 12px;
}

.form-select-n.form-select-classpack.specific-class-select {
    width: 100%;
    margin-left: 0px;
}

.form-select-n.form-select-classpack.form-select-duration {
    width: 40%;
    margin-left: 10px;
}

.form-select-n.form-select-switch {
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-left: 0px;
    border-color: #bebebe;
    color: #4a4a4a;
    font-weight: 400;
    text-align: left;
}

.form-select-n.form-select-switch.boxed-select-field {
    width: auto;
    margin-left: 10px;
}

.form-select-n.form-select-switch.field-color {
    position: relative;
    top: -1px;
    display: inline;
    width: auto;
    height: auto;
    margin-left: 0px;
    color: #4a4a4a;
    font-weight: 400;
}

.form-select-n.form-select-switch.field-color.extra-select {
    top: 1px;
    width: auto;
    margin-left: 5px;
    color: #4a4a4a;
    font-weight: 400;
}

.form-select-n.select-class-margin {
    margin-top: 25px;
    margin-bottom: 5px;
    margin-left: 20px;
}

.form-select-n.select-class-margin.select-class-2 {
    margin-left: 0px;
}

.form-select-n.select-class-margin.select-class-2.select-class-color {
    margin-top: 0px;
    font-weight: 400;
}

.form-select-n.select-class-margin.select-class-color {
    color: #4a4a4a;
    font-weight: 400;
}

.form-select-n.calendar-select {
    margin-top: 25px;
    color: #589e07;
    font-size: 16px;
    font-weight: 600;
}

.form-select-n.calendar-select.web {
    margin-top: 3px;
}

.form-select-n.select-ticket-type {
    margin-top: 3px;
    margin-left: 0px;
}

.form-cover-photo {
    width: 100%;
    height: 180px;
    margin-top: 0px;
    border: 1px solid #dfdfdf;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/566fd356c54db8c246594307_christmas.jpg");
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.inline-text {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: 'Open Sans', sans-serif;
    color: #444;
    font-size: 14px;
    font-weight: 300;
}

.inline-text.switch-text {
    display: inline-block;
    width: auto;
    margin-top: 2px;
    margin-left: 0px;
    color: #4a4a4a;
    font-weight: 400;
}

.inline-text.switch-text.inline-text-width {
    width: auto;
}

.inline-text.switch-text.inline-text-width.extra-margin {
    margin-top: 20px;
}

.inline-text.switch-text.inline-text-width.bolder-text {
    font-weight: 600;
}

.inline-text.switch-text.left-margin {
    margin-left: 35px;
}

.inline-text.switch-text.dollar-icon {
    margin-top: 0px;
    font-size: 20px;
    line-height: 30px;
}

.inline-text.inline-left-margin {
    margin-left: 15px;
    color: #4a4a4a;
    font-weight: 400;
}

.inline-text.no-margin {
    margin-left: 0px;
}

.inline-text.no-margin.lighter-inline {
    font-weight: 300;
}

.inline-text.lighter-inline {
    color: #4a4a4a;
    font-weight: 400;
}

.inline-text.lighter-inline.alt-margin {
    margin-right: 11px;
}

.inline-text.select-class-2 {
    margin-left: 0px;
}

.inline-text.no-margin-right {
    margin-right: 0px;
}

.form-date-wrapper {
    margin-top: 25px;
}

.form-days-wrapper {
    margin-top: 12px;
}

.days-chkbx {
    display: inline-block;
    width: 13%;
    margin-right: 2px;
    padding-left: 20px;
}

.checkbox-button {
    margin-top: 4px;
    margin-left: -20px;
}

.checkbox-field {
    margin-left: -6px;
    padding-left: 0px;
    color: #a2a2a2;
    font-size: 11px;
    font-weight: 300;
}

.inline-field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sub-row {
    margin-top: 18px;
}

.question-wrapper {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f1f1f1;
}

.question-wrapper.no-border {
    border-bottom-style: none;
    line-height: 40px;
}

.question-wrapper.no-bottom-margin {
    border-style: none;
}

.question-wrapper.no-bottom-margin.question-wrapper-background {
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #f7f7f7;
}

.question-wrapper.question-wrapper-background {
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #f7f7f7;
}

.inline-block-wrapper {
    margin-top: 20px;
    padding-left: 0px;
    line-height: 40px;
}

.sub-heading {
    padding-top: 0px;
    padding-bottom: 20px;
    color: #242424;
    font-size: 14px;
    font-weight: 600;
}

.sub-heading.sub-heading-inline {
    display: inline-block;
}

.sub-heading.less-padding {
    padding-bottom: 10px;
}

.filter-label {
    display: inline-block;
    width: auto;
    margin-top: 25px;
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 5px;
    background-color: #1ab394;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
}

.filter-label.child-label-color {
    background-color: #a4f8e7;
    color: #747474;
}

.modal-heading {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #7a7a7a;
    font-size: 22px;
    font-weight: 400;
}

.btn-cta-primary {
    position: static;
    margin-top: 0px;
    margin-right: 10px;
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: none;
    border-radius: 0px;
    background-color: #55c88c;
    font-size: 16px;
    font-weight: 400;
}

.btn-cta-primary:hover {
    opacity: 0.9;
}

.btn-cta-primary.btn-new-class {
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: none;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    background-color: #575757;
}

.btn-cta-primary.btn-add-membership {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    float: none;
    background-color: #575757;
}

.btn-cta-primary.btn-text-mobile {
    font-weight: 400;
}

.btn-cta-secondary {
    width: 35px;
    height: 35px;
    margin-top: 0px;
    margin-left: 10px;
    padding: 0px;
    float: none;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 100px;
    background-color: #545965;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5845126ea40f58021314f98c_Oval%2020%20%2B%20Line%20%2B%20Line%20Copy%205.png");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: #989898;
}

.radio-button-field {
    margin-top: 15px;
}

.text-or {
    margin-top: 10px;
    color: #575757;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
}

.auto-book-field {
    margin-top: 50px;
    margin-left: 0px;
    color: #575757;
    font-size: 12px;
}

.help-img {
    margin-bottom: 4px;
    margin-left: 8px;
}

.membership-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f7f7f7;
}

.membership-duration {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-right: 10px;
    padding-left: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.membership-price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    padding-right: 10px;
    padding-left: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.membership-delete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.delete-icon {
    margin-bottom: 5px;
    padding-bottom: 0px;
}

.btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.add-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    margin-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.duration-label {
    width: 60%;
    margin-bottom: 0px;
    padding-right: 8px;
    padding-left: 8px;
    font-size: 12px;
    font-weight: 600;
}

.membership-label {
    margin-top: 25px;
    color: #242424;
    font-weight: 600;
}

.event-column {
    width: 20%;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

.event-column-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #f7f7f7;
}

.event-column-wrapper.darker-background {
    background-color: #e2e2e2;
}

.column-name {
    width: 30%;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

.column-icons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 10%;
    padding-top: 2px;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.switch-button {
    margin-right: 10px;
}

.create-class-heading {
    width: 90%;
    height: auto;
    margin-bottom: 0px;
    margin-left: 20px;
    padding: 5px 8px;
    border: 1px solid #545965;
    background-color: #414653;
    color: #f5f5f5;
    font-size: 16px;
    font-weight: 600;
}

.create-class-button {
    float: right;
    background-color: #96ec38;
}

.create-class-header-form {
    width: 100%;
}

.create-class-header-form-wrapper {
    width: 100%;
    margin-bottom: 0px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.create-class-header-form-wrapper.padding-advanced {
    margin-bottom: 0px;
}

.cta-primary-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cta-primary-wrapper.padding-advanced {
    margin-bottom: 10px;
}

.form-field-rd {
    margin-bottom: 10px;
}

.form-field-x {
    width: 85%;
    height: auto;
    margin-left: 5px;
    padding: 5px;
    float: none;
    border: 1px solid #bebebe;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
}

.form-field-x.search-bar {
    width: 90%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.img-form-x {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.img-form-x.vertical-form {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.img-form-x.address-form-field {
    margin-bottom: 5px;
}

.img-form-x.address-form-field.fd-search {
    width: 70%;
}

.form-field-x-img {
    width: 30px;
    margin-top: -9px;
    margin-left: -10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.form-field-x-img.lower-img {
    margin-top: -2px;
}

.form-field-x-img.lower-img.higher-img {
    margin-top: -26px;
}

.form-field-x-img.lower-img.higher-img.img-height-adjust {
    margin-top: -57px;
}

.form-field-x-img.lower-img.higher-img.img-height-adjust.alt-position {
    margin-top: -30px;
}

.form-field-x-img.search-icon {
    width: 20px;
    height: 20px;
}

.cover-img-details-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px none #ebebeb;
}

.cover-img-details {
    display: inline-block;
    width: 35%;
    padding: 10px 0px;
    float: none;
}

.cover-button {
    margin-left: 0px;
    padding: 0px;
    border-bottom: 1px none #8a8a8a;
    background-color: #fff;
    color: #444;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.cover-button.button-2 {
    margin-left: 15px;
    font-weight: 400;
}

.cover-button.replace-button {
    color: #6cc855;
    font-weight: 400;
}

.img-details-text {
    margin-bottom: 5px;
    color: #8a8a8a;
    font-size: 12px;
    font-weight: 300;
}

.days-wrapper {
    margin-left: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.days-wrapper.no-left-margin {
    margin-left: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.days-wrapper.no-left-margin.bottom-margin {
    margin-bottom: 10px;
}

.days-wrapper.no-left-margin.bottom-margin.extra-bottom-margin {
    margin-bottom: 16px;
}

.days-wrapper.no-left-margin.bottom-margin.extra-bottom-margin.alt-margin {
    margin-bottom: 0px;
}

.days-wrapper.no-left-margin.bottom-margin.alt-margin {
    margin-top: 16px;
    margin-bottom: 0px;
}

.days-parent-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.days-parent-wrapper.less-top-margin {
    margin-top: 0px;
}

.heading-switch-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.heading-sub-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.heading-sub-wrapper.advanced-wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.toggle-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 62px;
    height: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

.sub-details {
    margin-left: 0px;
    font-size: 12px;
    font-style: italic;
    font-weight: 300;
}

.sub-details.autobook-sub {
    margin-left: 38px;
}

.sub-details.autobook-sub.select-class-2 {
    margin-left: 18px;
}

.sub-details.price-sub {
    margin-top: 5px;
}

.toggle-button {
    display: block;
    width: 30px;
    height: 10px;
    margin-top: 4px;
    margin-right: auto;
    margin-left: auto;
    padding: 3px 5px;
    float: right;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    border: 1px none #000;
    border-radius: 20px;
    background-color: #d3f3b3;
    color: #868686;
    font-size: 12px;
}

.toggle-button.toggle-off {
    background-color: #d8d8d8;
}

.switch-wrapper {
    margin-top: 20px;
}

.switch-wrapper.wrapper-extra-margin {
    margin-top: 35px;
}

.switch-wrapper.first-item {
    margin-top: 0px;
}

.form-field-y {
    width: 110px;
    height: auto;
    margin-top: 3px;
    margin-bottom: 0px;
    padding: 2px 5px;
    border: 1px solid #bebebe;
    opacity: 1;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
}

.form-field-y.inline-field {
    display: inline;
}

.form-field-y.field-margin {
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-color: #bebebe;
    font-weight: 400;
}

.form-field-y.field-margin.inline-date {
    display: block;
    width: auto;
    font-weight: 400;
    text-align: center;
}

.form-field-y.inline-field-y {
    display: inline-block;
    width: 100px;
    margin-top: 0px;
    margin-left: 6px;
}

.form-field-y.inline-field-y.inline-field-width {
    width: 55px;
}

.form-field-y.form-field-y-width {
    width: 100%;
    text-align: left;
}

.price-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-top: 20px;
    padding: 2px 0px 4px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #cfcfcf;
}

.price-wrapper.price-wrapper-border {
    width: auto;
    padding-right: 5px;
    padding-left: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid;
    border-color: #ececec;
}

.price-wrapper.price-wrapper-border.and-text {
    margin-top: 15px;
}

.currency {
    margin-top: 2px;
    font-weight: 300;
}

.price-text {
    display: block;
    width: 20px;
    margin: 15px auto 5px;
    color: #9b9b9b;
    font-size: 20px;
    text-align: center;
}

.parent-price-wrapper {
    width: 80%;
    margin-top: 25px;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

.advanced-heading {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #e1e1e1;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.btn-advanced {
    padding: 0px 5px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 700;
}

.btn-advanced.float-right {
    float: right;
}

.btn-advanced.btn-summary {
    margin-left: 10px;
}

.section-prime-heading {
    margin-bottom: 15px;
    color: #4a4a4a;
    font-weight: 600;
}

.section-prime-heading.advanced-text {
    margin-bottom: 0px;
    color: #6cc855;
}

.add-filter-btn {
    display: inline-block;
    width: 25px;
    height: 25px;
    margin-bottom: -11px;
    margin-left: 10px;
    padding: 0px;
    border-radius: 5px;
    background-color: #25d366;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/585a96ddc9e8fa31747719ff_add.png");
    background-position: 50% 50%;
    background-size: 10px;
    background-repeat: no-repeat;
    text-align: center;
}

.filter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.text-link {
    width: auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-family: 'Open Sans', sans-serif;
    color: #6cc855;
    font-weight: 700;
    text-decoration: none;
}

.text-link.link-margin {
    margin-left: 2px;
    color: #6cc855;
    font-weight: 600;
}

.text-link.text-link-width {
    width: 50%;
}

.text-link.text-link-vertical {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-weight: 600;
}

.text-link.text-link-vertical.text-link-horizontal {
    font-weight: 600;
}

.text-link.text-link-horizontal {
    margin-top: 0px;
    margin-left: 15px;
    font-weight: 600;
}

.text-link.text-link-horizontal.no-margin-left {
    margin-left: 5px;
}

.sub-select-field {
    padding-left: 28px;
}

.sub-select-field.sub-select-class {
    padding-left: 15px;
}

.sub-select-field.sub-select-class.select-class-2 {
    padding-left: 0px;
}

.time-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    margin-right: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.in-link-text {
    display: inline;
    font-weight: 600;
}

.checkbox-text {
    color: #4a4a4a;
    font-weight: 400;
}

.checkbox-text.auto-checkbox-text {
    color: #4a4a4a;
    font-weight: 600;
}

.form-field-z {
    width: auto;
    height: auto;
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #4a4a4a;
    font-weight: 400;
    text-align: center;
}

.auto-checkbox {
    margin-top: 25px;
    margin-bottom: 0px;
    margin-left: 20px;
}

.auto-checkbox.select-class-2 {
    margin-left: 0px;
}

.checkbox-field-new {
    margin-top: 25px;
}

.upload-button {
    width: 80px;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 2px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #bebebe;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #6cc855;
    font-weight: 600;
    text-align: center;
}

.upload-button:hover {
    border-color: #bebebe;
    background-color: #fff;
    color: #4a4a4a;
    font-weight: 600;
}

.upload-button.event-upload {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.form-field-a {
    display: inline-block;
    width: 90px;
    height: auto;
    margin-top: 2px;
    margin-left: 0px;
    padding: 2px 10px;
    text-align: center;
}

.day-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.dollar-sign {
    margin-right: 10px;
    color: #4a4a4a;
    font-size: 18px;
    font-weight: 400;
}

.dollar-sign.dollar-margin {
    margin-right: 5px;
    margin-left: 15px;
}

.price-sign-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.success-message {
    overflow: visible;
    opacity: 0;
}

.error-message-hidden {
    overflow: visible;
}

.advanced-image {
    margin-top: 3px;
    margin-left: 10px;
}

.button-text {
    margin-right: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #757575;
    font-size: 12px;
    font-weight: 700;
}

.less-opacity-block {
    opacity: 0.2;
}

.dropdown-container {
    display: block;
    width: 250px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-bottom: 0px;
}

.dropdown-list {
    display: block;
    width: auto;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    border: 1px solid #dadada;
    background-color: #dadada;
}

.dropdown-list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 37px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 5px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #e2e2e2;
    background-color: #fff;
}

.dropdown-list-item.selected-item {
    margin-bottom: 0px;
    border-color: #b6b6b6;
    background-color: #6cc855;
}

.dropdown-list-item.unselected-item {
    border-color: #e9e9e9;
    background-color: #fff;
}

.dropdown-item-text {
    margin-left: 25px;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 600;
}

.dropdown-item-text.unselected-item {
    color: #4a4a4a;
}

.dropdown-item-text.selected-item {
    color: #6cc855;
}

.dropdown-item-img {
    width: auto;
    height: 18px;
}

.dropdown-item-img.unselected-item {
    opacity: 0;
}

.dropdown-item-img.unselected {
    opacity: 0;
}

.dropdown-cta-container {
    padding: 10px;
    background-color: #545965;
}

.dropdown-body {
    padding-top: 30px;
    padding-bottom: 30px;
}

.dropdown-cta {
    height: auto;
}

.menu-cta {
    padding: 3px 5px;
    background-color: transparent;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.menu-cta.float-right {
    float: right;
}

.summary-heading {
    height: auto;
    margin: 30px 15px 0px;
    padding-left: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #e2e2e2;
    font-size: 16px;
    font-weight: 600;
}

.summary-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.summary-item-heading {
    display: inline;
    margin-left: 0px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    color: #4a4a4a;
    font-weight: 400;
}

.summary-item-img {
    width: 8px;
    height: 8px;
    margin-top: 6px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.summary-item-text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2px;
    margin-left: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.summary-item-text.summary-item-margin {
    margin-bottom: 10px;
}

.summary-item-detail {
    display: inline;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    color: #4a4a4a;
    font-weight: 700;
}

.summary-item-text-wrapper {
    margin-left: 10px;
}

.summary-inline-block {
    display: inline;
}

.summary-inline-text {
    display: inline;
    margin-right: 5px;
    margin-left: 5px;
    color: #4a4a4a;
    font-weight: 700;
}

.summary-list-item {
    margin-bottom: 20px;
}

.summary-unordered-list {
    padding-left: 20px;
}

.summary-list-item-wrapper {
    margin-bottom: 5px;
}

.summary-inline-block-dark {
    display: inline;
    margin-right: 5px;
    margin-left: 5px;
    color: #4a4a4a;
    font-weight: 700;
}

.summary-detail-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.utility-page-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100vw;
    height: 100vh;
    max-height: 100%;
    max-width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.utility-page-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 260px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
}

.utility-page-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.main-section {
    margin-top: 30px;
}

.tabs-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 15px;
}

.tab-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10px;
    padding-left: 10px;
    background-color: #f8f8f8;
    opacity: 0.68;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.tab-link.w--current {
    border-bottom: 4px solid #589e07;
    background-image: -webkit-linear-gradient(270deg, #f8f8f8, #f8f8f8);
    background-image: linear-gradient(180deg, #f8f8f8, #f8f8f8);
    opacity: 1;
    -webkit-filter: none;
    filter: none;
}

.tab1-img {
    width: 24.71px;
    height: 20px;
}

.tab-title {
    margin-left: 10px;
    color: #589e07;
    font-size: 18px;
    font-weight: 600;
}

.body {
    background-color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
}

.tab2-img {
    width: 20px;
    height: 20px;
}

.filter-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    padding: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #bebebe;
    background-color: #fff;
    color: #589e07;
    font-weight: 600;
    text-decoration: none;
}

.filter-button.calendar-button {
    width: 30%;
    margin-top: 20px;
    margin-right: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.selected-text {
    margin-left: 5px;
    padding-right: 5px;
    border-right: 2px solid #589e07;
}

.selected-text.service-type.service-web {
    width: 115px;
    padding-right: 3px;
}

.selected-text.service-name {
    overflow: hidden;
    width: 200px;
    padding-right: 3px;
}

.selected-text.service-date {
    border-right-style: none;
}

.selected-text.service-date.date-web {
    width: 90px;
    padding-right: 3px;
}

.selected-text.select-start-date {
    width: auto;
    border-right-style: none;
}

.selected-text.select-start-date.date-web {
    width: 85px;
    padding-right: 3px;
}

.selected-text.select-hyphen {
    margin-left: 0px;
    padding-right: 0px;
    border-right-style: none;
}

.selected-text.select-end-date {
    border-right-style: none;
}

.selected-text.select-end-date.date-web {
    width: 90px;
    padding-right: 3px;
}

.filter-dropdown-img {
    height: 15px;
    margin-left: 5px;
}

.select-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
}

.report-wrapper {
    padding-right: 0px;
    padding-left: 0px;
    border-right: 1px solid #d8d8d8;
}

.report-wrapper.web {
    height: 100%;
    color: #4a4a4a;
    text-decoration: none;
}

.report-wrapper.report-last-item {
    border-right-style: none;
}

.report-all-wrapper {
    padding-right: 0px;
    padding-left: 0px;
}

.report-all-wrapper.web {
    padding: 30px 45px 20px;
    border-right: 1px solid #d8d8d8;
}

.report-all-wrapper.web.last-report-item {
    border-right-style: none;
}

.report-color-code.web {
    height: 4px;
    background-color: #a5a5a5;
    color: #5f5f5f;
}

.report-color-code.web.paid {
    background-color: #55c88c;
}

.report-color-code.web.awaited {
    background-color: #f5a623;
}

.report-color-code.web.cancelled {
    background-color: #e03c08;
}

.report-color-code.web.leads-code {
    background-color: #4a4a4a;
}

.report-text.web {
    font-size: 50px;
    line-height: 55px;
    font-weight: 600;
}

.report-text.web.report-price {
    margin-top: 6px;
    font-size: 20px;
    line-height: 22px;
    font-weight: 400;
}

.report-text.web.report-text-heading-2 {
    margin-top: 30px;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
}

.report-text-heading.web {
    margin-top: 25px;
    color: #9b9b9b;
    font-size: 14px;
}

.report-text-heading.web.less-margin {
    margin-top: 0px;
}

.report-wrapper-1 {
    width: auto;
    box-shadow: 1px 1px 3px 0 #656565;
    text-align: center;
}

.web-div {
    padding-right: 15px;
    padding-left: 15px;
}

.filter-search-export-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.filter-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-export-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.export-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px;
    margin-left: 3px;
    padding: 0px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px solid #bebebe;
    background-color: #e2e2e2;
    color: #949494;
    font-weight: 600;
    text-decoration: none;
}

.export-text {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #4a4a4a;
    font-weight: 400;
}

.export-img {
    width: 15px;
    height: 16px;
}

.report-main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 35px;
    padding-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.report-text-wrapper.web {
    padding: 30px 45px 21px;
}

.report-text-wrapper.web.report-last-item {
    border-right: 1px none #000;
}

.report-text-wrapper.web.less-padding {
    padding-right: 30px;
    padding-left: 30px;
}

.bookings-table {
    margin-top: 50px;
}

.see-all-button {
    position: absolute;
    top: 280px;
    right: 15px;
    color: #4a4a4a;
    font-size: 12px;
    font-style: italic;
    text-decoration: none;
}

.filter-modal {
    display: block;
    width: 50%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.select-heading {
    margin-left: 5px;
    color: #4a4a4a;
    font-style: italic;
    font-weight: 400;
}

.select-form {
    display: block;
    width: auto;
    padding: 10px;
    border: 1px solid #bebebe;
}

.select-done {
    padding: 5px 10px;
    float: right;
    background-color: #589e07;
    font-weight: 600;
}

.onb-cta-bar {
    position: static;
    top: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 10%;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #ebebeb;
    background-color: #ebebeb;
}

.onb-main-section {
    overflow: auto;
    height: 90%;
    padding-bottom: 50px;
    background-color: #f8f8f8;
}

.onb-cta {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    padding: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border-radius: 2px;
    background-color: #25d366;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

.onb-cta:hover {
    background-color: #1aa34d;
}

.next-img {
    width: 6px;
    height: 9.55px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.onb-cta-text {
    margin-right: 10px;
}

.steps-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
}

.step-element {
    width: 8px;
    height: 8px;
    margin-left: 10px;
    border-radius: 50px;
    background-color: #cbcbcb;
}

.step-element.step-element-done {
    background-color: #25d366;
}

.step-element.smaller-element {
    width: 6px;
    height: 6px;
    margin-left: 0px;
}

.step-element.smaller-element.total-ticket {
    background-color: #6095e6;
}

.step-element.smaller-element.available-ticket {
    background-color: #25d366;
}

.back-img {
    width: 12px;
    height: 19.1px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.onb-img-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 10px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.onb-img {
    display: block;
    width: 130px;
    margin-right: auto;
    margin-left: auto;
}

.onb-details {
    width: 90%;
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.onb-h1 {
    display: block;
    margin-bottom: 30px;
    color: #6a696a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    text-align: center;
}

.onb-h1.less-margin {
    margin-bottom: 20px;
}

.onb-h1.less-top-margin {
    margin-top: 0px;
    margin-bottom: 30px;
}

.onb-h1.bolder-h1 {
    font-weight: 700;
}

.onb-card {
    display: block;
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
    padding: 10px;
    background-color: #fff;
    box-shadow: 2px 2px 8px 0 #cbcbcb;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #4a4a4a;
    text-decoration: none;
}

.onb-card:hover {
    -webkit-transform: translate(-1px, -1px);
    -ms-transform: translate(-1px, -1px);
    transform: translate(-1px, -1px);
}

.onb-card.selected-card {
    padding-top: 10px;
    border: 1px solid #25d366;
    background-color: #eefde0;
}

.onb-card.selected-card.zero-top-padding-selected {
    padding-top: 0px;
}

.onb-card.second-option {
    margin-top: 30px;
}

.onb-card.less-margin {
    margin-top: 10px;
    margin-right: 0px;
    margin-left: 0px;
}

.onb-card.less-margin.half-card {
    display: inline-block;
    width: 45%;
    height: auto;
    margin-right: 10px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #cbcbcb;
    border-radius: 3px;
    box-shadow: 2px 2px 13px -4px #cbcbcb;
}

.onb-card.less-margin.half-card:hover {
    -webkit-transform: translate(-2px, -2px);
    -ms-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
}

.onb-card.less-margin.half-card.right-card {
    margin-right: 0px;
}

.onb-card.less-margin.half-card.right-card.full-width {
    width: 93%;
}

.onb-card.less-margin.half-card.selected-card {
    border-color: #25d366;
}

.onb-card.less-margin.half-card.full-card {
    width: 93%;
}

.onb-card.onb-card-plan {
    padding: 0px;
}

.onb-card.onb-card-plan.selected-card {
    padding: 0px;
}

.onb-card-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.onb-card-header.onb-card-header-plan {
    position: relative;
    left: 0px;
    top: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.onb-select-img {
    width: 20px;
    height: 20px;
}

.onb-card-heading {
    font-weight: 600;
}

.onb-card-heading.select-plan {
    background-color: rgba(0, 152, 255, 0);
    color: rgba(74, 74, 74, 0);
}

.onb-card-heading.center-aligned {
    text-align: center;
}

.back-link {
    padding: 5px 8px;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.slider {
    height: 100%;
}

.plan-card-header {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
}

.plan-card-header.option-2 {
    margin-bottom: 20px;
    color: #868686;
    font-weight: 600;
}

.plan-card-sub-header {
    margin-bottom: 20px;
    font-size: 12px;
    text-align: center;
}

.includes {
    margin-top: 30px;
    color: #4a4a4a;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    text-align: center;
}

.includes.option-2 {
    color: #868686;
}

.plan-card-points {
    font-size: 12px;
    font-weight: 400;
    text-align: center;
}

.plan-card-points.option-2 {
    color: #4a4a4a;
    font-style: italic;
}

.pricing-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.pricing-primary-text {
    font-size: 35px;
    line-height: 45px;
    font-weight: 600;
    text-align: center;
}

.pricing-primary-text.option-1 {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

.pricing-primary-text.option-2 {
    margin-top: 20px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
}

.plan-card-selected-img {
    width: 20px;
    height: 20px;
    float: right;
}

.pricing-secondary-text {
    margin-left: 3px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    font-weight: 300;
    text-align: center;
}

.onb-card-price {
    padding-right: 10px;
    padding-left: 10px;
}

.highlighted-price {
    font-weight: 700;
}

.onb-field-heading {
    margin-top: 15px;
    margin-right: 0px;
    margin-left: 0px;
    color: #4a4a4a;
    font-weight: 600;
    text-align: left;
}

.onb-field-heading.bottom-margin {
    margin-bottom: 10px;
}

.onb-field-heading.bottom-margin.center-aligned {
    margin-bottom: 20px;
    text-align: center;
}

.onb-field-heading.center-aligned {
    text-align: center;
}

.onb-sub-text {
    margin-bottom: 20px;
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    text-align: center;
}

.onb-field-wrapper {
    margin-top: 15px;
    padding-right: 20px;
    padding-left: 20px;
}

.onb-field-wrapper.extra-top-margin {
    margin-top: 45px;
}

.onb-field-wrapper.extra-top-margin.extra-bottom-margin {
    margin-top: 45px;
    margin-bottom: 45px;
    text-align: center;
}

.onb-field-wrapper.signup-margin {
    margin-bottom: 20px;
}

.onb-field-wrapper.signup-margin.half-field {
    width: auto;
}

.onb-field {
    height: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 5px 10px;
    border: 1px solid #cbcbcb;
    border-radius: 2px;
    color: #4a4a4a;
    line-height: 20px;
    font-weight: 400;
}

.onb-field:focus {
    border-color: #25d366;
}

.onb-field.month-field {
    width: 50px;
    text-align: center;
}

.onb-field.year-field {
    width: 100px;
    margin-left: 15px;
    text-align: center;
}

.onb-field.cvv-field {
    width: 100px;
}

.onb-field.sub-d-field {
    width: 200px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.onb-field.sub-d-field.less-bottom-margin {
    margin-bottom: 3px;
}

.onb-field.onb-select-field {
    margin-top: 25px;
    margin-bottom: 25px;
}

.onb-field.invalid-field {
    border-color: #e03c08;
}

.onb-form {
    margin-top: 30px;
}

.onb-two-field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.welcome-msg-text {
    margin-top: 10px;
    margin-bottom: 50px;
    color: #6a696a;
    font-size: 20px;
    line-height: 30px;
}

.welcome-msg-sub-text {
    margin-top: 10px;
    margin-bottom: 45px;
    color: #6a696a;
    font-weight: 400;
    text-align: center;
}

.domain-name {
    margin-left: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    color: #4a4a4a;
    font-weight: 400;
}

.omnify-logo {
    display: block;
    width: 160px;
    height: auto;
    margin: 50px auto 40px;
}

.omnify-logo.logo-less-margin {
    margin-top: 20px;
    margin-bottom: 50px;
}

.signup-form-wrapper {
    position: static;
    display: block;
    overflow: auto;
    width: 40%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    padding: 15px 15px 40px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 20px 0 #cbcbcb;
}

.onb-body {
    overflow: auto;
    padding-bottom: 30px;
    background-color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
}

.get-started-button {
    display: block;
    margin: 60px auto 15px;
    padding: 10px 35px;
    border-radius: 2px;
    background-color: #25d366;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.get-started-button:hover {
    background-color: rgba(37, 211, 102, .72);
}

.terms-text {
    display: block;
    width: 40%;
    margin: 35px auto 30px;
    color: #4a4a4a;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}

.terms-text.terma-text-width {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 15px;
}

.inline-link {
    color: #25d366;
    font-weight: 600;
    text-decoration: none;
}

.microcopy-text {
    color: #e03c08;
    font-size: 12px;
    line-height: 14px;
    font-style: italic;
}

.microcopy-text.valid-input {
    color: #25d366;
}

.microcopy-text.top-margin {
    margin-top: 10px;
    text-align: center;
}

.modal-top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    padding: 5px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
}

.onb-top-bar-text {
    display: block;
    margin-top: -27px;
    margin-right: auto;
    margin-left: auto;
    color: #6a696a;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.plan-card-header-wrapper {
    width: auto;
}

.onb-card-bottom-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #cbcbcb;
}

.onb-card-bottom-bar.selected-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #25d366;
}

.onb-card-top-bar {
    padding: 0px 10px 15px;
}

.onb-card-bottom-bar-text {
    color: #fff;
    font-weight: 600;
}

.switch-plan-link {
    display: block;
    width: 60%;
    margin: 30px auto 15px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #4a4a4a;
    font-size: 12px;
    text-align: center;
}

.switch-plan-link:hover {
    color: #25d366;
}

.optional {
    font-size: 12px;
    font-style: italic;
    font-weight: 400;
}

.form-group-heading-button-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.img-primary-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding: 5px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #55c88c;
    color: #4a4a4a;
    text-decoration: none;
}

.img-primary-button:hover {
    opacity: 0.83;
}

.img-button-img {
    width: 16px;
}

.img-button-text {
    margin-left: 10px;
    color: #fff;
    font-weight: 400;
}

.ticket-name {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 0px;
}

.ticket-name.bolder {
    font-weight: 700;
}

.ticket-name.bolder.no-bottom-margin {
    margin-bottom: 0px;
}

.ticket-card-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 5px 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.ticket-card-column-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ticket-card-column-wrapper.first-item {
    margin-bottom: 10px;
}

.ticket-number {
    margin-left: 8px;
}

.ticket-card {
    margin-top: 0px;
    margin-bottom: 15px;
    box-shadow: 1px 1px 3px 0 #818181;
}

.ticket-card-column-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 5px 10px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.ticket-edit {
    margin-bottom: 15px;
    padding: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.ticket-edit-img {
    width: 21.05px;
    height: 20px;
}

.ticket-delete {
    margin-left: 0px;
    padding: 5px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

.ticket-delete.right-float {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}

.ticket-delete-img {
    width: 15.59px;
    height: 20px;
}

.ticket-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.ticket-list {
    margin-top: 20px;
}

.onb-card-img {
    display: block;
    height: 40px;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.onb-card-img.selected-img {
    -webkit-filter: none;
    filter: none;
}

.setup-asst-left-nav {
    display: block;
    width: 15%;
    height: 703px;
    float: none;
    background-color: #4a4a4a;
}

.setup-asst-dashboard-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1280px;
}

.setup-asst-dashboard-main-section {
    display: block;
    width: auto;
    height: auto;
    float: none;
    background-color: #f8f8f8;
    font-family: 'Open Sans', sans-serif;
}

.setup-asst-wrapper {
    position: fixed;
    left: 0px;
    top: 1500px;
    right: 0px;
    bottom: 0px;
    z-index: 2060;
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
    opacity: 1;
    text-align: left;
    text-decoration: none;
}

.setup-asst-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33%;
    height: auto;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .25);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-decoration: none;
}

.setup-asst-card:hover {
    -webkit-transform: scale(0.97);
    -ms-transform: scale(0.97);
    transform: scale(0.97);
}

.setup-asst-card.imp-card {
    background-color: #6772e5;
    -webkit-transition-duration: 300ms;
    transition-duration: 300ms;
}

.setup-asst-card.completed-asst-card {
    opacity: 0.7;
}

.setup-asst-card.completed-asst-card:hover {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.setup-asst-heading-wrapper {
    left: 0px;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 33%;
    height: auto;
    margin: 10px auto;
    padding: 10px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.setup-asst-heading-wrapper.closed {
    position: fixed;
    left: 125px;
    top: auto;
    right: 0px;
    bottom: 0px;
    width: 25%;
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(270deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
    background-image: linear-gradient(180deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
    box-shadow: 2px 2px 6px 0 rgba(74, 74, 74, .5);
}

.setup-asst-heading {
    width: 88%;
    margin: 0px 10px 0px 0px;
    color: #f8f8f8;
    font-size: 20px;
    line-height: 25px;
    font-weight: 300;
    text-align: center;
}

.setup-asst-heading.closed {
    width: 80%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-weight: 300;
}

.setup-asst-main-body {
    font-family: 'Open Sans', sans-serif;
}

.close-btn-asst-web {
    width: 28px;
    height: 28px;
    border-radius: 50px;
    background-color: #fff;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df58a30b37c59a38f5c299_arrow-btn-min.png");
    background-position: 50% 50%;
    background-size: 28px;
    background-repeat: no-repeat;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .6);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.close-btn-asst-web:hover {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}

.close-btn-asst-web.closed {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58e4bfccae37b4e1203c0f4b_arrow-btn-min%20(1).png");
    background-size: 30px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
}

.card-logo {
    width: 50px;
    height: 50px;
    margin-right: 10px;
    margin-left: 20px;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 1px 1px 4px 0 rgba(74, 74, 74, .6);
}

.card-logo.website-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58de3ade2d85227532810374_browser-min.png");
    background-position: 50% 50%;
    background-size: 31px;
    background-repeat: no-repeat;
}

.card-logo.services-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58de3983ff3d0f5a12f730de_shopping-store-min.png");
    background-position: 50% 50%;
    background-size: 33px;
    background-repeat: no-repeat;
}

.card-logo.payments-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df4201cf3c0d694e796c0a_dollar-paper-bills-stack-min.png");
    background-position: 50% 50%;
    background-size: 32px;
    background-repeat: no-repeat;
}

.card-logo.clients-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df44249c1826ba43797f56_Clients-min.png");
    background-position: 50% 50%;
    background-size: 30px;
    background-repeat: no-repeat;
}

.card-logo.booking-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df61b833d7e2a1495a6042_booking-icon-min.png");
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
}

.card-logo.team-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df61fe7d118f294e3c148d_Team-min.png");
    background-position: 50% 50%;
    background-size: 29px;
    background-repeat: no-repeat;
}

.card-logo.account-logo {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df6247cf3c0d694e79721d_round-account-button-with-user-inside-min.png");
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
}

.right-arrow {
    height: 15px;
    margin-right: 20px;
}

.right-arrow.white {
    -webkit-filter: brightness(400%);
    filter: brightness(400%);
}

.right-arrow.smaller {
    height: 16px;
    margin-right: 0px;
}

.asst-card-heading {
    margin-bottom: 5px;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 22px;
    font-weight: 400;
    text-decoration: none;
}

.asst-card-heading.white {
    color: #fff;
    font-weight: 400;
}

.asst-card-descp {
    color: #4a4a4a;
    font-size: 12px;
    line-height: 18px;
}

.asst-card-descp.white {
    color: #fff;
}

.asst-card-text-wrapper {
    width: 65%;
    margin-right: 10px;
    margin-left: 10px;
}

.setup-asst-main-wrapper {
    display: block;
    overflow: auto;
    width: 100%;
    height: 90%;
    margin-right: auto;
    margin-left: auto;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
}

.completed-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 42%;
    margin: 20px auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.completed-heading-text {
    margin-right: 10px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-family: 'Open Sans', sans-serif;
    color: #ebebeb;
    font-weight: 400;
}

.completed-line {
    width: 64%;
    height: 1px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    border: 1px solid #ebebeb;
    color: #cbcbcb;
}

.setup-asst-overlay {
    position: fixed;
    z-index: 2050;
    width: 100%;
    height: 100%;
    background-color: rgba(74, 74, 74, .75);
}

.setup-asst-expand-button {
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2060;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 250px;
    margin: 10px auto;
    padding: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(270deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
    background-image: linear-gradient(180deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
    box-shadow: 2px 2px 6px 0 rgba(74, 74, 74, .5);
    text-decoration: none;
}

.green-success {
    margin-right: 15px;
}

.alert-bar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #4d8beb;
}

.alert-bar.alternative {
    background-color: #9252ce;
}

.alert-bar-text {
    margin-right: 12px;
    color: #f7f7f7;
    font-size: 16px;
    font-weight: 600;
    text-shadow: none;
}

.alert-bar-button {
    padding: 2px 10px;
    border-radius: 40px;
    background-color: #444;
    -webkit-transform: scale(1.11) translate(0px, 0px);
    -ms-transform: scale(1.11) translate(0px, 0px);
    transform: scale(1.11) translate(0px, 0px);
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #f7f7f7;
    font-weight: 600;
}

.alert-bar-button:hover {
    background-color: #f7f7f7;
    color: #575757;
}

.container-2 {
    width: 50%;
}

.container-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.row_temp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.website-settings-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column {
    background-color: #fff;
}

.focussed-column {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .3);
}

.web-settings-wrapper {
    margin-bottom: 40px;
}

.web-settings-wrapper.less-margin {
    margin-bottom: 0px;
}

.web-settings-wrapper.alt-card {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px none #eee;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 10px 0 rgba(74, 74, 74, .2);
}

.web-settings-wrapper.alt-card.alt-padding {
    margin-bottom: 25px;
    padding: 20px 25px;
}

.web-settings-heading {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: 'Open Sans', sans-serif;
    color: #333;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.web-settings-heading.new-website {
    color: #4a4a4a;
}

.web-settings-heading.alt-changes {
    margin-bottom: 10px;
    color: #292929;
    font-size: 16px;
    line-height: 20px;
}

.web-settings-heading.alt-top-margin {
    margin-top: 5px;
}

.web-settings-heading.smaller-size {
    font-size: 16px;
    line-height: 22px;
}

.web-settings-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-weight: 400;
}

.web-settings-heading-wrapper.more-margin {
    margin-bottom: 30px;
}

.web-settings-heading-wrapper.alt-flex {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.web-setting-expand {
    padding: 12px 20px;
    border: 1px solid #1bae52;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Open Sans', sans-serif;
    color: #1bae52;
    font-size: 16px;
    font-weight: 400;
}

.web-setting-expand:hover {
    border-color: #24974f;
    color: #24974f;
}

.web-setting-expand.move-right {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.web-setting-expand.web-settings-secondary-cta {
    margin-left: 10px;
    border-color: #4a4a4a;
    color: #444;
}

.web-setting-expand.web-settings-secondary-cta.half.secondary-hover {
    color: #818181;
}

.web-setting-expand.web-settings-secondary-cta.half.secondary-hover:hover {
    border-color: #292929;
    color: #292929;
}

.web-setting-expand.web-settings-secondary-cta.half.secondary-hover.less-margin {
    margin-bottom: 15px;
    border-color: #818181;
}

.web-setting-expand.web-settings-secondary-cta.half.secondary-hover.less-margin:hover {
    border-color: #292929;
}

.web-setting-expand.web-settings-secondary-cta.half.secondary-hover.less-margin.added-records {
    margin-bottom: 0px;
}

.web-setting-expand.web-settings-secondary-cta.half.secondary-hover.less-margin.no-bottom-margin {
    margin-bottom: 0px;
}

.web-setting-expand.half {
    margin-bottom: 30px;
}

.web-setting-expand.half:hover {
    border-color: #24974f;
    color: #24974f;
}

.web-setting-expand.half.request-custom {
    margin-bottom: 0px;
    margin-left: 15px;
}

.web-setting-expand.half.request-custom.disabled {
    border-color: #e5e5e5;
    color: #d8d8d8;
}

.web-setting-expand.half.less-margin {
    margin-bottom: 15px;
}

.web-setting-expand.half.added-records {
    width: auto;
    margin-bottom: 0px;
}

.web-setting-expand.alt-change {
    padding-right: 12px;
    padding-left: 12px;
    font-size: 14px;
}

.field-label {
    font-size: 1px;
}

.web-settings-form-label {
    margin-top: 10px;
    margin-bottom: 5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    font-size: 16px;
    font-weight: 400;
}

.web-settings-form-label.new-website {
    color: #f7f7f7;
}

.web-settings-form-label.no-top-margin {
    margin-top: 0px;
}

.web-settings-form-label.emails-heading {
    margin-top: 5px;
    margin-right: 10px;
    color: #292929;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.web-settings-form-label.no-expand {
    margin-top: 0px;
    margin-bottom: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: #333;
    font-weight: 600;
}

.web-settings-form-label.alt-margin {
    margin-top: 30px;
}

.web-settings-form-label.alt-size {
    margin-top: 0px;
    margin-bottom: 0px;
    color: #333;
    font-size: 18px;
    line-height: 26px;
}

.web-settings-form-label.alt-padding-heading {
    margin-top: 0px;
}

.web-settings-social-wrapper {
    display: inline-block;
    width: 47.3%;
    margin-top: 10px;
}

.web-settings-social-wrapper.full-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.web-settings-social-wrapper.full-width.no-top-margin {
    margin-top: 0px;
}

.web-settings-terminology-wrapper {
    margin-bottom: 0px;
}

.web-settings-terminology-wrapper.no-margin {
    margin-bottom: 0px;
}

.web-settings-terminology-wrapper.padding-border {
    padding-top: 5px;
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
}

.web-settings-terminology-wrapper.padding-border.last-item {
    padding-bottom: 5px;
    border-bottom-style: none;
}

.web-settings-terminology-wrapper.bottom-margin {
    margin-bottom: 25px;
}

.web-settings-buttons-wrapper {
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.web-settings-buttons-wrapper.alt-changes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.web-settings-image {
    height: 200px;
}

.web-settings-checkbox-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px;
    margin-bottom: 20px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.web-settings-checkbox-field.no-padding {
    margin-bottom: 10px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.web-settings-checkbox-field.no-padding.no-margin {
    margin-top: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.web-settings-checkbox-field.no-padding.no-margin.no-bottom-margin {
    margin-bottom: 5px;
}

.web-settings-checkbox-field.no-padding.new-website {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.web-settings-checkbox-field.no-padding.less-padding {
    margin-top: 5px;
    margin-bottom: 5px;
}

.web-settings-checkbox-field.no-padding.less-padding.alt-padding-heading {
    margin-top: 0px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.web-settings-checkbox-field.no-padding.alt-padding {
    margin-top: 0px;
}

.web-settings-checkbox {
    margin-right: 0px;
    margin-left: 15px;
}

.web-settings-checkbox.new-website {
    margin-top: 15px;
    margin-left: 0px;
}

.web-settings-form-la {
    color: #4a4a4a;
    font-size: 16px;
}

.paywall-modal-background {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4500;
    display: none;
    overflow: auto;
    height: 100%;
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: rgba(87, 87, 87, .85);
}

.paywall-modal-background.trigger-top-padding {
    padding-top: 80px;
}

.paywall-modal-background.trigger-top-padding:hover {
    font-family: 'Open Sans', sans-serif;
}

.paywall-modal-background.auto-scroll {
    display: none;
    overflow: auto;
}

.paywall-modal-background.dark {
    background-color: rgba(87, 87, 87, .85);
}

.paywall-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 350px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 35px 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .3);
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.paywall-wrapper.trigger-alt-width {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 370px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paywall-wrapper.alt-details {
    padding: 15px 10px 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.paywall-wrapper.alt-width {
    position: relative;
    width: 555px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

.paywall-wrapper.alt-upgrade {
    position: relative;
    width: 720px;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.paywall-wrapper.alt-upgrade.alt-width {
    width: 500px;
}

.paywall-wrapper.alt-modal-form {
    position: relative;
    width: 700px;
    padding-top: 80px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f8f8f8;
    text-align: left;
}

.paywall-primary-text {
    margin-top: 25px;
    margin-bottom: 25px;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
}

.paywall-primary-text.trigger-primary-text-alt {
    margin-bottom: 20px;
}

.paywall-primary-text.alt-size {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
}

.paywall-primary-text.alt-align {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
}

.paywall-primary-text.upgrade {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: left;
}

.paywall-secondary-text {
    text-align: center;
}

.paywall-secondary-text.trigger-secondary-text-alt {
    margin-bottom: 25px;
}

.paywall-secondary-text.alt-changes {
    margin-bottom: 5px;
    color: #4a4a4a;
    font-weight: 400;
    text-align: left;
}

.paywall-secondary-text.alt-changes.bottom-margin {
    margin-bottom: 15px;
}

.paywall-secondary-text.alt-align {
    margin-bottom: 15px;
    text-align: left;
}

.paywall-secondary-text.upgrade {
    font-weight: 300;
    text-align: left;
}

.select-plan-btn {
    margin-bottom: 25px;
    border-radius: 4px;
    background-color: #f86679;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .3);
    font-size: 18px;
}

.select-plan-btn:hover {
    background-color: #fa415a;
}

.select-plan-btn.alt-changes {
    position: relative;
    top: -6px;
    margin-bottom: 0px;
    margin-left: 10px;
    background-color: #6772e5;
    font-size: 14px;
}

.select-plan-btn.alt-changes:hover {
    background-color: #505eec;
}

.extend-trial-link {
    color: #6772e5;
    font-weight: 600;
}

.extend-trial-link:hover {
    color: #2e3de6;
}

.paywall-wrapper-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 565px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 35px 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .3);
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.paywall-wrapper-2.alt-changes {
    padding: 10px 20px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.email-link {
    color: #6772e5;
}

.email-link:hover {
    color: #2e3de6;
}

.billing-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 40px;
    padding: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px none #dedede;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 1px rgba(74, 74, 74, .2);
    text-align: left;
}

.billing-card.flex-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.billing-primary-text {
    margin-bottom: 20px;
    font-size: 25px;
    line-height: 30px;
    text-align: left;
}

.billing-card-heading {
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
}

.billing-card-heading.first-item {
    line-height: 20px;
}

.secondary-billing-text {
    margin-bottom: 0px;
    color: #f86679;
    font-size: 16px;
    text-align: left;
}

.secondary-billing-text.bottom-margin {
    margin-bottom: 15px;
}

.secondary-billing-text-3 {
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left;
}

.secondary-billing-text-3.no-margin {
    margin-bottom: 0px;
}

.secondary-billing-text-3.red-text {
    color: #f86679;
}

.secondary-billing-text-3.green-text {
    color: #25d366;
}

.billing-unordered-list {
    display: block;
    width: 35%;
    text-align: center;
}

.billing-upgrade-list-item {
    margin-bottom: 10px;
}

.upgrade-primary-btn {
    margin-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 4px;
    background-color: #f86679;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.upgrade-primary-btn:hover {
    background-color: #fa415a;
}

.upgrade-primary-btn.sub-cancel-btn {
    margin-top: 15px;
    margin-bottom: 0px;
    border: 1px solid #4a4a4a;
    background-color: #fff;
    color: #4a4a4a;
}

.upgrade-primary-btn.sub-cancel-btn:hover {
    border-color: #fa415a;
    color: #fa415a;
}

.secondary-billing-text-2 {
    margin-bottom: 5px;
    color: #a5a5a5;
    font-size: 12px;
    text-align: left;
}

.secondary-billing-text-2.darker-billing-text {
    color: #4a4a4a;
}

.billing-business-name {
    color: #6772e5;
    font-weight: 400;
}

.billing-primary-text-wrapper {
    margin-bottom: 30px;
}

.billing-text-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.billing-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.secondary-billing-text-wrapper {
    display: block;
    margin-right: 50px;
}

.secondary-billing-text-wrapper.not-in-line {
    display: block;
}

.secondary-billing-text-wrapper.inline {
    display: inline-block;
}

.billing-card-details-table-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    padding-right: 10px;
    padding-left: 0px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.card-detail-row {
    margin-top: 0px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.card-detail-row.top-margin {
    margin-top: 20px;
}

.billing-card-img {
    margin-right: 20px;
}

.text-block {
    margin-left: 5px;
}

.billing-edit-card-link {
    color: #6772e5;
}

.billing-edit-card-link:hover {
    color: #1a2df3;
    text-decoration: underline;
}

.add-credit-card-btn {
    width: auto;
    margin-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 4px;
    background-color: #f86679;
    font-size: 16px;
    text-align: center;
}

.billing-credit-card-table {
    margin-right: 100px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.billing-credit-card-table.billing-invoice-column {
    margin-right: 0px;
}

.invoice-detail-row.top-margin {
    margin-top: 20px;
}

.billing-heading-separator {
    height: 1px;
    margin-bottom: 15px;
    border: 1px none #ececec;
    background-color: #ebebeb;
}

.pricing-card {
    width: 220px;
    margin-right: 20px;
    padding: 20px 15px;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    text-align: center;
}

.pricing-card.last-pricing-card {
    margin-right: 0px;
}

.pricing-card.highlighted-pricing-card {
    border: 1px solid #fa415a;
    background-color: #fff;
}

.pricing-card.highlighted-pricing-card.purple-highlight {
    border-color: #6772e5;
}

.pricing-card.premium-plan {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 40px;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.pricing-plan-name {
    margin-top: 0px;
    margin-bottom: 10px;
    color: #6772e5;
    font-size: 24px;
    line-height: 34px;
    font-weight: 600;
    text-align: center;
}

.pricing-plan-name.biz-plan {
    color: #f86679;
}

.pricing-plan-name.premium {
    color: #f86679;
    text-align: left;
}

.image {
    display: block;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
}

.plan-img {
    height: 100px;
    margin-bottom: 10px;
}

.plan-descp {
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    text-align: center;
}

.plan-descp.premium {
    text-align: left;
}

.plan-price {
    font-family: Lato, sans-serif;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
}

.plan-price.strike-out {
    text-decoration: line-through;
}

.plan-price.strike-out.smaller-price-font {
    margin-bottom: 5px;
    font-size: 26px;
    line-height: 32px;
}

.plan-price.striked {
    margin-right: 0px;
    text-decoration: line-through;
}

.plan-price.large-font {
    font-size: 45px;
    line-height: 52px;
}

.plan-price-details {
    margin-bottom: 5px;
    color: #9b9b9b;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    text-align: center;
}

.alt-plan-price {
    margin-bottom: 30px;
    color: #4a4a4a;
    text-align: center;
}

.plan-main-feature-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding-left: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.plan-main-feature-text {
    margin-left: 5px;
    font-size: 16px;
    font-weight: 600;
}

.pricing-primary-cta-btn {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 25px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    background-color: #6772e5;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    font-size: 18px;
    line-height: 26px;
}

.pricing-primary-cta-btn:hover {
    background-color: #505eec;
}

.pricing-primary-cta-btn.biz-plan {
    background-color: #f86679;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.pricing-primary-cta-btn.biz-plan:hover {
    background-color: #fa415a;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro {
    width: 210px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #6772e5;
    font-weight: 600;
    text-align: center;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro:hover {
    background-color: #fff;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    color: #505eec;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro.green-cta {
    background-color: #25d366;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro.green-cta:hover {
    background-color: #1bae52;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro.pink-cta {
    background-color: #f7f7f7;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro.pink-cta:hover {
    background-color: #f5a623;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro.pink-text-cta {
    color: #f86679;
}

.pricing-primary-cta-btn.biz-plan.alt-changes-pro.pink-text-cta:hover {
    background-color: #fff;
    color: #fa415a;
}

.pricing-primary-cta-btn.current-plan-cta {
    border: 2px solid #e2e2e2;
    background-color: #fff;
    box-shadow: none;
    color: #949494;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.pricing-primary-cta-btn.downgrade-cta {
    font-size: 18px;
    line-height: 26px;
}

.pricing-primary-cta-btn.downgrade-cta:hover {
    background-color: #505eec;
}

.pricing-primary-cta-btn.downgrade-cta.premium {
    margin-top: 0px;
    margin-bottom: 15px;
    background-color: #f86679;
}

.pricing-primary-cta-btn.downgrade-cta.premium:hover {
    background-color: #fa415a;
}

.pricing-feature-parent-wrapper {
    display: block;
    width: 82%;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
}

.pricing-feature-parent-wrapper.premium {
    margin-right: 0px;
    margin-left: 0px;
}

.pricing-feature-heading {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 600;
    text-align: left;
}

.pricing-feature-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.pricing-feature-text {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 400;
}

.feature-pointer {
    margin-top: 4px;
    font-size: 12px;
}

.pricing-add-client-text {
    margin-top: 30px;
    margin-bottom: 20px;
    color: #9b9b9b;
    font-weight: 600;
}

.pricing-add-client-text.alt-margin {
    margin-top: 5px;
    margin-bottom: 0px;
}

.pricing-add-client-text.alt-margin.temp-changes {
    margin-bottom: 5px;
}

.pricing-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.most-popular-img-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.most-popular-div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    margin-right: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.most-popular-div.last-popular-div {
    margin-right: 0px;
}

.pricing-heading {
    margin-top: 10px;
    margin-bottom: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 34px;
    line-height: 44px;
    font-weight: 600;
}

.pricing-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding: 30px 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
}

.pricing-page-descp {
    width: 618px;
    margin-bottom: 50px;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
}

.addn-pricing-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
}

.addn-pricing-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 340px;
    margin-right: 20px;
    padding: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.addn-pricing-card.last-addn-pricing-card {
    margin-right: 0px;
}

.addn-pricing-card.last-addn-pricing-card.mobile-app-pricing-card {
    margin-bottom: 0px;
}

.addn-pricing-card-text {
    margin-bottom: 5px;
}

.addn-pricing-card-text.temp-changes {
    margin-bottom: 0px;
}

.addn-pricing-card-text-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    padding-top: 5px;
    padding-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.addn-pricing-card-text-btn-wrapper.alt-margin {
    padding-bottom: 0px;
}

.contact-us-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 94px;
    margin-right: auto;
    margin-left: auto;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #6772e5;
    font-size: 14px;
    text-decoration: none;
}

.contact-us-btn:hover {
    -webkit-transform: translate(4px, 0px);
    -ms-transform: translate(4px, 0px);
    transform: translate(4px, 0px);
    color: #6772e5;
}

.pink-text {
    color: #f86679;
}

.trigger-alt-cta {
    color: #6772e5;
    font-size: 16px;
    line-height: 22px;
}

.trigger-alt-cta:hover {
    color: #505eec;
}

.error-text {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 12px;
    color: #e03c08;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    text-align: center;
}

.home-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 960px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    font-weight: 400;
}

.home-menu {
    overflow: auto;
    width: 33%;
    height: 96vh;
    margin-right: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 0px;
}

.home-main-section {
    overflow: auto;
    width: 65%;
    height: 96vh;
    margin-top: 10px;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.nav-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 15px;
    padding: 25px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-style: none none none solid;
    border-width: 1px 1px 1px 7px;
    border-color: #929af2 #929af2 #929af2 #6772e5;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    color: #4a4a4a;
    text-decoration: none;
}

.nav-card:hover {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-color: #6772e5;
    background-color: #6772e5;
    color: #fff;
}

.nav-card.client-card {
    border-color: #a86be0;
}

.nav-card.client-card:hover {
    background-color: #f5e9ff;
}

.nav-card.sales-card {
    border-color: #f56d80;
}

.nav-card.sales-card:hover {
    background-color: #f86679;
}

.nav-card.bookings-card {
    border-color: #28ac56;
}

.nav-card.bookings-card:hover {
    background-color: #28ac56;
}

.nav-card.dues-card {
    border-color: #f1ac2e;
}

.nav-card.dues-card:hover {
    background-color: #f1ac2e;
}

.nav-card.clients-card {
    border-left-color: #a967e3;
}

.nav-card.clients-card:hover {
    background-color: #a967e3;
}

.nav-card-img {
    width: 44px;
    padding: 0px;
    border-radius: 0px;
    background-color: transparent;
}

.nav-card-text-wrapper {
    margin-left: 15px;
}

.nav-card-parent-text {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
}

.nav-card-child-text {
    margin-top: 5px;
    color: #a5a5a5;
}

.nav-card-arrow {
    width: 10px;
    margin-left: 10px;
}

.nav-card-img-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-card-img-wrapper {
    padding: 8px;
    border-radius: 50px;
    background-color: #fff;
}

.nav-card-parent-text-white {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 600;
}

.nav-card-child-text-white {
    margin-top: 5px;
    color: #f7f7f7;
}

.schedule-main-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    text-align: center;
}

.home-heading {
    max-width: 400px;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    text-align: left;
}

.heading-icons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.control-icon.right-margin {
    margin-right: 18px;
}

.control-icon-img {
    height: 17px;
}

.schedule-month {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 150px;
    margin: 5px auto 15px;
    padding: 5px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6772e5;
    font-size: 16px;
    line-height: 26px;
    font-weight: 600;
    text-decoration: none;
}

.schedule-month.w--open {
    display: block;
    width: 150px;
    margin-top: 5px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.calendar-dropdown-img {
    height: 5px;
    margin-left: 5px;
}

.schedule-date-parent-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    width: 338px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.schedule-date-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: rgba(74, 74, 74, .5);
    text-decoration: none;
}

.schedule-date-child-wrapper:hover {
    color: #6772e5;
}

.schedule-date-child-wrapper.right-margin {
    margin-right: 20px;
}

.schedule-date {
    font-size: 24px;
    line-height: 30px;
}

.schedule-day {
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
}

.date-underline {
    width: 28px;
    height: 2px;
    border: 2px solid #fff;
}

.scroll-left-img {
    height: 15px;
    padding-right: 0px;
    padding-left: 0px;
}

.scroll-left-img:hover {
    -webkit-filter: invert(18%);
    filter: invert(18%);
}

.scroll-left {
    margin-right: 5px;
    padding-right: 3px;
    padding-left: 3px;
}

.scroll-left.scroll-right {
    margin-right: 0px;
    margin-left: 5px;
}

.scroll-left.scroll-right.left-margin {
    margin-left: 20px;
}

.scroll-left.right-margin {
    margin-right: 20px;
}

.day-date-parent-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.schedule-list-parent-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.schedule-time-wrapper {
    width: 55px;
    padding-top: 15px;
}

.schedule-time-prefix {
    color: grey;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-align: right;
}

.schedule-time-suffix {
    color: grey;
    font-size: 12px;
    line-height: 18px;
    font-weight: 300;
    text-align: right;
}

.schedule-details-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0px;
    padding: 0px 20px 20px 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-left: 1px solid #d8d8d8;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    color: #4a4a4a;
    text-decoration: none;
}

.schedule-details-child-wrapper:hover {
    background-color: hsla(0, 0%, 58%, 0);
    color: #4a4a4a;
}

.schedule-details-child-wrapper.class:hover {
    background-color: rgba(37, 211, 102, .05);
}

.schedule-details-child-wrapper.appointment:hover {
    background-color: rgba(169, 103, 227, .05);
}

.schedule-details-child-wrapper.event:hover {
    background-color: rgba(255, 142, 38, .05);
}

.schedule-details-child-wrapper.cancelled:hover {
    background-color: hsla(0, 0%, 58%, .05);
}

.schedule-details-text-wrapper {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: left;
}

.text-block-2 {
    text-align: left;
}

.schedule-detail-heading {
    margin-right: 10px;
    margin-bottom: 3px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-align: left;
}

.schedule-detail-text {
    margin-bottom: 3px;
}

.schedule-detail-text.no-bottom-margin {
    margin-bottom: 0px;
}

.schedule-detail-text-2 {
    margin-bottom: 3px;
    color: grey;
}

.schedule-detail-text-2.no-bottom-margin {
    margin-bottom: 0px;
}

.trainer-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    text-align: left;
}

.trainer-wrapper.alt-changes {
    margin-top: 0px;
    margin-bottom: 0px;
}

.trainer-img {
    width: 42px;
    height: 42px;
    border: 1px solid #d8d8d8;
    border-radius: 50px;
    background-color: #f7f7f7;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5926903e902ec93ab3f6d7f5_profile-img-min.png");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.trainer-img.alt-position {
    position: relative;
    top: -9px;
    margin-right: 5px;
}

.trainer-img.alt-position.all-trainers {
    opacity: 0;
}

.trainer-img.alt-size {
    width: 44px;
    height: 44px;
}

.trainer-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 80%;
    margin-left: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.trainer-text-wrapper.alt-size {
    font-size: 16px;
    line-height: 22px;
}

.schedule-view-btn {
    width: 160px;
    margin-top: 20px;
    border: 1px solid #6772e5;
    border-radius: 4px;
    background-color: #fff;
    color: #6772e5;
}

.schedule-view-btn:hover {
    background-color: #6772e5;
    color: #fff;
}

.service-dot {
    position: relative;
    left: -29px;
    top: 19px;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    padding: 0px;
    border: 3px solid #fff;
    border-radius: 30px;
    background-color: #6772e5;
}

.service-dot.cancelled {
    background-color: #949494;
}

.service-dot.class {
    background-color: #25d366;
}

.service-dot.appointment {
    background-color: #a967e3;
}

.service-dot.event {
    background-color: #ff8e26;
}

.service-dot.alt-position {
    position: relative;
    left: 0px;
    top: -9px;
}

.service-dot.alt-position.all-services {
    opacity: 0;
}

.schedule-details-parent-wrapper {
    margin-left: 20px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.schedule-service-tag-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 0px;
    margin-bottom: 10px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.service-tag-img {
    height: 14px;
    margin-bottom: 3px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.schedule-service-tag {
    margin-left: 10px;
    color: grey;
    font-size: 14px;
    line-height: 20px;
}

.trainer-service-tag-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.schedule-list-fixed-wrapper {
    overflow: auto;
    height: 67vh;
}

.filter-apply-btn {
    width: 80px;
    border-radius: 4px;
    background-color: #6772e5;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
}

.filter-apply-btn:hover {
    background-color: #f86679;
}

.filter-cancel-btn {
    width: 80px;
    margin-right: 10px;
    border: 1px solid #6772e5;
    border-radius: 4px;
    background-color: #fff;
    color: #6772e5;
}

.filter-cancel-btn:hover {
    border-color: #f86679;
    color: #f86679;
}

.schedule-filter-fixed-wrapper {
    overflow: auto;
    width: 100%;
    height: 82vh;
    margin-top: 20px;
}

.filter-category-heading {
    margin-bottom: 5px;
    padding-left: 10px;
    color: #9b9b9b;
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.schedule-filter-parent-wrapper {
    margin-bottom: 30px;
}

.schedule-filter-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 10px 0px 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: rgba(74, 74, 74, 0);
    color: #4a4a4a;
    text-decoration: none;
}

.schedule-filter-wrapper:hover {
    background-color: rgba(74, 74, 74, .03);
}

.schedule-filter-wrapper.class:hover {
    background-color: rgba(37, 211, 102, .05);
}

.schedule-filter-wrapper.appointment:hover {
    background-color: rgba(169, 103, 227, .05);
}

.schedule-filter-wrapper.event:hover {
    background-color: rgba(255, 142, 38, .05);
}

.schedule-filter-text {
    font-size: 18px;
    line-height: 22px;
}

.check-box {
    height: 18px;
    background-color: transparent;
}

.schedule-filter-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    padding-bottom: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-bottom: 2px solid #f5f5f5;
}

.service-date {
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.service-date.alt-size {
    font-size: 13px;
    line-height: 19px;
}

.service-details {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    color: #9b9b9b;
    font-weight: 400;
}

.service-details.alt-changes {
    margin-top: 0px;
    margin-bottom: 10px;
}

.attendees-heading-wrapper {
    padding: 10px;
    border-radius: 4px;
    background-color: #f8f8f8;
}

.all-attendees-wrapper {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 0px;
}

.attendee-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    padding: 5px 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #f8f8f8;
}

.attendee-wrapper.no-border {
    border-bottom-style: none;
}

.attendee-name {
    margin-left: 10px;
    font-weight: 400;
}

.attendee-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.attendee-action-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

.checkin-attendee-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
    padding: 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #6772e5;
    text-decoration: none;
}

.checkin-attendee-wrapper:hover {
    color: #f86679;
}

.checkin-attendee-wrapper.no-margin {
    margin-right: 0px;
}

.checkin-attendee-wrapper.no-margin.checked {
    color: #9b9b9b;
}

.attendee-checkin-img {
    height: 20px;
}

.checkin-attendee-text {
    margin-right: 10px;
}

.checkin-attendee-text.no-margin {
    margin-right: 0px;
}

.cancelled-text {
    padding-top: 5px;
    color: #9b9b9b;
}

.service-insight-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.service-insight-number {
    color: #f86679;
    font-size: 35px;
    line-height: 42px;
}

.service-insight-text {
    color: #f86679;
}

.service-insight-child-wrapper {
    margin-right: 20px;
}

.back-btn-img {
    position: relative;
    height: 20px;
}

.back-btn {
    position: relative;
    left: -8px;
    top: 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 25px;
    margin-right: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.heading-back-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.close-modal-btn {
    position: relative;
    left: 0px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}

.close-img {
    height: 20px;
}

.close-btn-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.close-btn-heading-wrapper.alt-flex {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.schedule-modal-heading {
    width: 90%;
    margin-left: 0px;
    color: #6772e5;
    font-size: 18px;
    line-height: 24px;
}

.schedule-modal-heading.alt-margin {
    margin-bottom: 15px;
}

.reschedule-form-wrapper {
    width: 100%;
    margin-bottom: 0px;
}

.reschedule-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.reschedule-field-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
}

.reschedule-select-field {
    border: 1px solid #505eec;
    background-color: #fff;
    color: #6772e5;
}

.reschedule-select-field:active {
    border-color: #f86679;
    color: #f86679;
}

.reschedule-select-field:focus {
    border-color: #f86679;
    color: #f86679;
}

.reschedule-select-field.last-field {
    margin-bottom: 0px;
}

.reschedule-submit-btn {
    width: 135px;
    margin-top: 15px;
    border-radius: 4px;
    background-color: #6772e5;
    color: #fff;
}

.reschedule-submit-btn:hover {
    background-color: #f86679;
}

.reschedule-submit-btn.inv-color {
    background-color: #f86679;
}

.reschedule-submit-btn.inv-color:hover {
    background-color: #fa415a;
}

.reschedule-submit-btn.alt-hover:hover {
    background-color: #505eec;
}

.reschedule-comment-field {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
}

.schedule-client-phone-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 95%;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.schedule-client-action-img {
    height: 35px;
    margin-right: 0px;
}

.schedule-client-action-img.no-margin {
    margin-right: 0px;
}

.schedule-client-phone-heading {
    color: #9b9b9b;
    text-align: left;
}

.schedule-client-phone-text {
    color: #4a4a4a;
}

.schedule-client-action {
    margin-right: 20px;
}

.schedule-client-action.no-margin {
    margin-right: 0px;
}

.trainer-parent-wrapper {
    width: 95%;
    margin-top: 20px;
    margin-bottom: 15px;
}

.schedule-month-text {
    margin-right: 16px;
}

.schedule-month-dropdown-list.w--open {
    top: 45px;
    right: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 10px 5px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.schedule-dropdown-date {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    padding: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50px;
    background-color: #fff;
    text-align: center;
}

.schedule-dropdown-date:hover {
    background-color: #6772e5;
    color: #fff;
}

.schedule-dropdown-date.no-margin {
    margin-right: 0px;
}

.schedule-dropdown-date.disabled {
    color: #cbcbcb;
}

.schedule-dropdown-date.disabled:hover {
    background-color: #fff;
}

.schedule-dropdown-date.schedule-calendar-day {
    color: #bebebe;
    font-size: 11px;
    line-height: 17px;
}

.schedule-dropdown-date.schedule-calendar-day:hover {
    background-color: #fff;
}

.schedule-date-wrapper-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
}

.schedule-month-dropdown {
    position: relative;
    width: 100%;
    margin-top: 0px;
}

.schedule-month-dropdown-icon {
    margin-right: 0px;
}

.website-filter-main-wrapper {
    margin-top: 20px;
}

.parent-filter-delete-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.parent-filter-delete-wrapper.alt-fix {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.filter-delete-img {
    height: 35px;
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.filter-delete-img:hover {
    opacity: 0.8;
}

.filter-delete-img.alt-changes {
    height: 20px;
    -webkit-filter: none;
    filter: none;
}

.filter-delete-img.alt-changes.disabled {
    height: 26px;
}

.filter-delete-img.break {
    height: 20px;
    -webkit-filter: none;
    filter: none;
}

.filter-delete-img.break.right-margin {
    margin-right: 10px;
}

.filter-delete-link.right-margin {
    margin-right: 15px;
}

.filter-delete-link.alt-hover {
    opacity: 0.55;
}

.filter-delete-link.alt-hover:hover {
    opacity: 1;
}

.filter-delete-link.alt-right-margin {
    margin-right: 8px;
}

.child-filter-wrapper {
    width: 90%;
    margin: 5px;
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}

.child-filter-wrapper.left-margin {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.child-filter-wrapper.left-margin:focus {
    border-color: #55c88c;
}

.website-filter-card {
    margin-bottom: 20px;
    padding: 15px;
    border: 1px none #55c88c;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    height:500px;
}
.website-filter-card > div{
    height:500px;
}

.website-filter-card.disabled {
    background-color: #f6f6f6;
    opacity: 1;
}

.website-filter-card.new-website {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: transparent;
    box-shadow: none;
}

.website-filter-card.new-website.switch-to {
    background-color: #1bae52;
}

.website-filter-card.new-store-disable {
    opacity: 0.45;
}

.website-filter-card.bottom-padding {
    padding-bottom: 25px;
}

.website-filter-card.alt-margin {
    border-style: solid;
    border-color: #e5e5e5;
    box-shadow: none;
}

.website-filter-card.center-align {
    text-align: center;
}

.add-website-filter-btn {
    margin-top: 10px;
    padding: 12px 20px;
    border: 1px solid #d8d8d8;
    border-radius: 2px;
    background-color: #d8d8d8;
    font-size: 16px;
}

.add-website-filter-btn:hover {
    border-color: #d8d8d8;
    background-color: #d8d8d8;
}

.add-website-filter-btn.alt-changes {
    margin-bottom: 20px;
}

.add-website-filter-btn.inverse-cta {
    border: 1px solid #55c88c;
    background-color: rgba(85, 200, 140, 0);
    color: #55c88c;
}

.add-website-filter-btn.inverse-cta.right-margin {
    margin-right: 15px;
}

.add-website-filter-btn.inverse-cta.right-margin:hover {
    border-color: #1bae52;
    color: #1bae52;
}

.add-website-filter-btn.enabled {
    border-color: #1bae52;
    background-color: #1bae52;
    box-shadow: 1px 1px 8px 0 rgba(68, 68, 68, .5);
}

.add-website-filter-btn.enabled:hover {
    border-color: #21c05d;
    background-color: #21c05d;
    opacity: 1;
}

.add-website-filter-btn.enabled.alt-font-size {
    font-size: 14px;
}

.add-website-filter-btn.bottom-margin {
    margin-bottom: 30px;
}

.add-website-filter-btn.bottom-margin.delete-btn {
    margin-left: 15px;
    border-color: #a5a5a5;
    background-color: #a5a5a5;
}

.add-website-filter-btn.bottom-margin.delete-btn:hover {
    border-color: hsla(0, 0%, 65%, .85);
    background-color: hsla(0, 0%, 65%, .85);
    opacity: 1;
}

.add-website-filter-btn.bottom-margin.alt-margin {
    margin-bottom: 10px;
}

.add-website-filter-btn.bottom-margin.alt-margin.enabled:hover {
    border-color: #24974f;
    background-color: #24974f;
}

.add-website-filter-btn.bottom-margin.alt-margin.delete-btn:hover {
    border-color: #949494;
    background-color: #949494;
    color: #fff;
}

.add-website-filter-btn.widget-edit {
    margin-top: 0px;
}

.add-website-filter-btn.widget-edit.enabled:hover {
    border-color: #24974f;
    background-color: #24974f;
}

.add-website-filter-btn.widget-edit.delete-btn {
    margin-left: 10px;
    border-color: #a5a5a5;
    background-color: #a5a5a5;
}

.add-website-filter-btn.widget-edit.delete-btn:hover {
    border-color: #949494;
    background-color: #949494;
}

.add-website-filter-btn.widget-edit.cancel-btn {
    margin-left: 10px;
    background-color: #fff;
    color: #292929;
}

.add-website-filter-btn.widget-edit.cancel-btn:hover {
    border-color: #818181;
}

.integration-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 960px;
    margin-top: 10px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    color: #4a4a4a;
    text-align: center;
}

.integration-body.home-temp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px;
    padding-top: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.integration-body.alt-changes {
    padding-bottom: 20px;
}

.integration-heading {
    margin-top: 0px;
    margin-bottom: 40px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    text-align: center;
}

.integration-heading.partner {
    margin-top: 50px;
}

.integration-heading.alt-margin {
    margin-bottom: 20px;
}

.product-card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px;
    padding: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    box-shadow: 0 5px 20px 0 rgba(74, 74, 74, .2);
    color: #949494;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
}

.product-card:hover {
    box-shadow: 0 5px 35px 0 rgba(74, 74, 74, .2);
    color: #6772e5;
}

.product-card.half-card {
    width: 47%;
    margin-right: 15px;
}

.product-card.half-card.no-margin {
    margin-right: 0px;
}

.product-card.one-third-card {
    width: 32%;
    margin-right: 20px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.product-card.one-third-card.no-margin {
    margin-right: 0px;
}

.product-img {
    width: 55px;
    height: 55px;
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/592d557315e9c76ea2f8991d_seeicons__57834f95a2461-min.png");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.product-img.mailchimp {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/592d5aea7e001332c3dc83fa_img_slide_mailchimp-min.png");
}

.product-img.active-campaign {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fdd3a667fac0ab2144386_activecampaign-logo-min.png");
    background-size: contain;
}

.product-img.zapier {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/592d77ba1d607d1d72b037b8_zapier-logomark-min.png");
    background-size: contain;
}

.product-img.autopilot {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fdd232d68cd1951cbff0f_271_1468882710-min.png");
    background-size: contain;
}

.product-img.drip {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fde9c93c7b44989fe1c00_drip-min.png");
    background-size: contain;
}

.product-img.convertkit {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fe282bd37ae1945c9af04_ConvertKit-Logo-min.png");
    background-size: contain;
}

.product-img.campaign-monitor {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fe4737670c54e96d6ac34_campaignmonitor-min.png");
    background-size: contain;
}

.product-img.google-contacts {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fe4bd7670c54e96d6ac5a_Google_Contacts_logo-min.png");
}

.product-img.full-contact {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593fe5772d68cd1951cc0319_Full%20Contact-min.jpg");
    background-size: cover;
}

.product-img.clearbit {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/594cc7fc5d713616191703b6_5847fafdcef1014c0b5e48ce-min.png");
}

.product-img.healthinomics {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/593feaa23a5bee1a58254fc0_healthinomics-logo-min.png");
}

.product-name {
    margin-bottom: 5px;
    color: #4a4a4a;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
}

.product-details-wrapper {
    margin-left: 20px;
}

.product-descp {
    margin-bottom: 5px;
    color: #757575;
    font-weight: 300;
}

.two-product-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.via-zapier-text {
    margin-bottom: 5px;
    color: #949494;
    font-weight: 600;
}

.modal-product-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-right: 0px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-product-details {
    width: 80%;
    margin-left: 20px;
    text-align: left;
}

.int-modal-form-wrapper {
    width: 100%;
}

.modal-token-field {
    width: 75%;
    border-radius: 4px;
}

.int-modal-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.products-card-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-child-wrapper-1 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.see-details-text {
    font-size: 12px;
    line-height: 18px;
}

.learn-more-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 10px 0px 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #fff;
    border-radius: 4px;
    background-color: #fff;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #6772e5;
    text-decoration: none;
}

.learn-more-btn:hover {
    border-style: none;
    border-color: #6772e5;
    -webkit-transform: translate(10px, 0px);
    -ms-transform: translate(10px, 0px);
    transform: translate(10px, 0px);
}

.learn-more-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}

.learn-more-img {
    height: 11px;
    margin-left: 5px;
}

.home-temp-dropdown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 25%;
    margin: 0px;
    padding: 10px 10px 10px 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 4px;
    background-color: #1bae52;
    color: #fff;
    font-weight: 400;
}

.home-temp-dropdown-toggle {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 160px;
    margin-bottom: 0px;
    padding: 0px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
}

.home-temp-dropdown-icon {
    position: static;
    margin: 2px 0px 0px 10px;
}

.home-temp-top-section-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 4px;
}

.home-temp-graph-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 0px;
    background-color: #f8f8f8;
    color: #bebebe;
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    text-decoration: none;
}

.home-temp-graph-control:hover {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    background-color: #1bae52;
    color: #fff;
    font-weight: 600;
}

.home-temp-graph-control.extreme-left {
    border-top-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
    background-color: #f8f8f8;
}

.home-temp-graph-control.extreme-left:hover {
    background-color: #1bae52;
}

.home-temp-graph-control.extreme-right {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.home-temp-graph-control-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
    border-radius: 4px;
}

.home-temp-main-section-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 20px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.home-temp-data-parent-wrapper {
    width: 25%;
}

.home-temp-data-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 33.33%;
    padding: 15px 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-right: 1px solid #eeefff;
    border-bottom: 1px solid #eeefff;
    border-top-left-radius: 4px;
    background-color: #fff;
    color: #25d366;
}

.home-temp-data-wrapper.online {
    border-top-left-radius: 0px;
    background-color: #fff;
    color: #a967e3;
}

.home-temp-data-wrapper.offline {
    border-bottom-style: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 4px;
    background-color: #fff;
    color: #f86679;
}

.home-temp-data-heading {
    margin-bottom: 15px;
    color: #4a4a4a;
    font-weight: 400;
}

.home-temp-data {
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
}

.graph-wrapper {
    width: 75%;
}

.home-temp-dropdown-list.w--open {
    left: 0px;
    top: 44px;
    border-radius: 4px;
    background-color: #f8f8f8;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.home-temp-dropdown-link {
    color: #4a4a4a;
    font-size: 18px;
    line-height: 24px;
}

.omnify-go-img {
    height: 370px;
}

.omnify-go-heading {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 32px;
    font-weight: 600;
}

.omnify-go-descp {
    width: 75%;
    margin-bottom: 25px;
    font-weight: 300;
}

.omnify-go-app-redirect-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.app-store-img {
    height: 40px;
}

.app-store-link {
    margin-right: 30px;
}

.app-store-link.no-margin {
    margin-right: 0px;
}

.sales-banner {
    width: 100%;
    margin-bottom: 50px;
    padding: 15px;
    border-radius: 4px;
    background-image: -webkit-linear-gradient(350deg, #6772e5 50%, #f86679 0), -webkit-linear-gradient(270deg, rgba(169, 103, 227, .85), rgba(169, 103, 227, .85)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5944edfe310d68170799edc6_banner-min.png");
    background-image: linear-gradient(100deg, #6772e5 50%, #f86679 0), linear-gradient(180deg, rgba(169, 103, 227, .85), rgba(169, 103, 227, .85)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5944edfe310d68170799edc6_banner-min.png");
    background-position: 0px 0px, 0px 0px, 50% 50%;
    background-size: auto, auto, contain;
    background-repeat: repeat, repeat, repeat;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.banner-main-heading {
    margin-bottom: 35px;
    color: #fff;
    font-size: 25px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
    letter-spacing: 1px;
}

.sale-wrapper-professional {
    width: 47%;
    margin-right: 20px;
    text-align: center;
}

.sale-wrapper-professional.no-margin {
    margin-right: 0px;
}

.sale-plan-name {
    color: #ebecff;
    font-size: 14px;
    font-weight: 700;
}

.sale-plan-descp {
    margin-bottom: 15px;
    color: #fff;
    font-size: 20px;
    line-height: 28px;
}

.descp-strike-out {
    text-decoration: line-through;
}

.parent-sale-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
}

.bold-price-text {
    position: relative;
    top: 3px;
    font-size: 35px;
    line-height: 42px;
}

.alt-cta-text-color {
    color: #575757;
    font-size: 14px;
    line-height: 22px;
}

.offers-left-text {
    margin-top: 15px;
    color: #f7f7f7;
    font-weight: 400;
}

.code-bold-text {
    font-weight: 700;
}

.larger-monthly-font {
    font-size: 18px;
    line-height: 24px;
}

.migration-sub-heading {
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 28px;
}

.migration-main-heading {
    margin-bottom: 20px;
    font-size: 26px;
    line-height: 32px;
    font-weight: 700;
}

.migration-small-heading {
    margin-bottom: 20px;
    color: #949494;
    font-weight: 600;
}

.migration-field-label {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
}

.migration-field {
    margin-top: 15px;
    border-radius: 4px;
}

.request-migration-button {
    width: 263px;
    margin-top: 10px;
    border-radius: 4px;
    background-color: #6772e5;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
}

.request-migration-button:hover {
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
}

.migration-logo-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
    margin-bottom: 25px;
}

.migration-logo-circle {
    width: 15px;
    height: 15px;
    margin-right: 8px;
    border-radius: 50px;
    background-color: #25d366;
}

.migration-logo-circle.last-logo-circle {
    margin-right: 0px;
}

.custom-forms-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: visible;
    height: 100vh;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    font-family: 'Open Sans', sans-serif;
}

.custom-forms-right-section {
    overflow: scroll;
    width: 75%;
    height: 100%;
    padding: 20px;
    background-color: #f6f6f6;
}

.custom-forms-right-section.widgets-alt-width {
    width: 60%;
}

.custom-forms-left-section {
    overflow: visible;
    width: 27%;
    height: auto;
    padding-top: 40px;
    padding-left: 20px;
    border-right: 1px none #d8d8d8;
}

.custom-forms-left-section.widgets-alt-width {
    position: relative;
    overflow: auto;
    padding: 20px 20px 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.custom-forms-left-heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 28px;
}

.custom-forms-add-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 94%;
    margin-bottom: 15px;
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #d8d8d8;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    color: #949494;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
}

.custom-forms-add-link:hover {
    border-right-style: none;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .35);
    color: #1bae52;
}

.custom-forms-add-link.last-link {
    margin-bottom: 40px;
}

.custom-forms-add-link.alt-padding {
    padding-right: 15px;
    padding-left: 15px;
}

.custom-forms-add-link.alt-padding:hover {
    color: #1bae52;
}

.custom-forms-add-link.alt-padding.active {
    border-style: solid;
    border-color: #1bae52;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .35);
    color: #1bae52;
}

.custom-forms-add-link.active {
    border-style: solid;
    border-color: #1bae52;
    box-shadow: 1px 1px 3px 0 rgba(74, 74, 74, .5);
    color: #1bae52;
}

.add-plus {
    height: 16px;
    margin-right: 10px;
}

.add-icon-text-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
}

.select-field-type {
    width: 75%;
    height: 40px;
    border: 1px solid #e5e5e5;
    background-color: #fff;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
    color: #4a4a4a;
    font-size: 14px;
    font-weight: 400;
}

.select-field-type.disabled {
    background-image: -webkit-linear-gradient(270deg, #f6f6f6, #f6f6f6);
    background-image: linear-gradient(180deg, #f6f6f6, #f6f6f6);
}

.custom-forms-cta-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.custom-forms-cta-wrapper.alt-changes {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.custom-forms-cta-wrapper.alt-changes.extra-margin {
    margin-top: 30px;
    margin-bottom: 30px;
}

.custom-forms-cta-wrapper.fixed-bar {
    position: fixed;
    right: 20px;
    z-index: 2;
}

.custom-form-field-block {
    overflow: hidden;
    padding-top: 75px;
}

.custom-form-field-block.no-top-padding {
    padding-top: 10px;
}

.required-checkbox-text {
    margin-left: 5px;
    color: #949494;
    font-size: 16px;
}

.required-checkbox-field {
    margin-top: 15px;
}

.field-type-text {
    margin-bottom: 20px;
    color: #a5a5a5;
    font-size: 14px;
    font-weight: 600;
}

.setup-asst-close-btn {
    position: fixed;
    right: 440px;
    bottom: 12px;
    z-index: 2060;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 45px;
    height: 45px;
    padding: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px none #bebebe;
    border-radius: 50px;
    background-color: rgba(74, 74, 74, .75);
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
}

.setup-asst-close-img {
    height: 20px;
}

.setup-asst-hide-text {
    color: #f7f7f7;
    font-weight: 400;
    text-decoration: none;
}

.plan-price-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.plan-price-wrapper.bottom-margin {
    margin-bottom: 15px;
}

.plan-price-wrapper.bottom-margin.extra-bottom-margin {
    margin-bottom: 35px;
}

.premium-card-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-align: left;
}

.premium-card-col.col-2 {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.field-extra-info {
    color: #9b9b9b;
    font-size: 13px;
    line-height: 18px;
    font-style: normal;
    font-weight: 400;
}

.field-extra-info.not-italics {
    font-style: normal;
}

.field-extra-info.alt-changes {
    width: 60%;
    text-align: right;
}

.field-extra-info.green-text {
    margin-bottom: 0px;
    color: #24974f;
}

.field-extra-info.red-text {
    color: #e03c08;
}

.field-extra-info.alt-margin {
    margin-bottom: 20px;
}

.field-extra-info.bottom-margin {
    margin-bottom: 15px;
}

.settings-sub-heading {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 24px;
    line-height: 30px;
}

.email-switch-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.emails-customize-btn {
    padding: 5px;
    border: 1px none #55c88c;
    border-radius: 4px;
    background-color: transparent;
    color: #1bae52;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-decoration: none;
}

.emails-customize-btn:hover {
    border-color: #24974f;
    color: #24974f;
}

.emails-customize-btn.alt-changes {
    font-size: 13px;
}

.email-description {
    width: 70%;
    color: #949494;
    font-size: 13px;
}

.email-description.bottom-margin {
    margin-bottom: 25px;
}

.email-description.bottom-margin.content-editable {
    width: 70%;
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
}

.email-description.bottom-margin.feature-description {
    width: auto;
    margin-bottom: 15px;
    margin-left: 125px;
}

.email-description.bottom-margin.feature-description.more-left-margin {
    margin-left: 155px;
}

.email-label {
    font-size: 16px;
    font-weight: 600;
}

.helpdesk-link {
    color: #1bae52;
}

.helpdesk-link.resend-email-link {
    margin-left: 20px;
    color: #4a4a4a;
    text-decoration: underline;
}

.alt-form-block {
    margin-bottom: 0px;
}

.body-background {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    background-color: #f6f6f6;
}

.tutorial-card {
    display: block;
    width: 47%;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    padding: 25px 15px;
    border-radius: 4px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(270deg, rgba(84, 89, 101, .5), rgba(84, 89, 101, .5)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/59f323ffc4af14000196b7b7_Untitled%20design-min.png");
    background-image: linear-gradient(180deg, rgba(84, 89, 101, .5), rgba(84, 89, 101, .5)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/59f323ffc4af14000196b7b7_Untitled%20design-min.png");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, contain;
    background-repeat: repeat, repeat;
    box-shadow: 0 1px 3px 0 rgba(74, 74, 74, .3);
}

.tutorial-card.alt-bg {
    background-image: -webkit-linear-gradient(270deg, transparent, transparent), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/59f33b56831e8500016063cc_Cover%20Banner-min.png");
    background-image: linear-gradient(180deg, transparent, transparent), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/59f33b56831e8500016063cc_Cover%20Banner-min.png");
    background-position: 0px 0px, 50% 50%;
    background-size: auto, cover;
    background-repeat: repeat, no-repeat;
}

.tutorial-card.less-top-margin {
    margin-top: 25px;
}

.tutorial-text {
    margin-bottom: 20px;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
}

.tutorial-cta {
    padding-right: 20px;
    padding-left: 20px;
    border-radius: 50px;
    background-color: #6772e5;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
}

.tutorial-cta:hover {
    background-color: rgba(103, 114, 229, .8);
}

.home-cards-wraper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.custom-domain-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.input-button-wrapper.extra-bottom-margin {
    margin-bottom: 10px;
}

.new-service-store-text {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
}

.new-website-arrow {
    height: 20px;
    margin-left: 10px;
    opacity: 0.5;
}

.lock-img {
    height: 25px;
    margin-right: 12px;
    margin-left: 0px;
}

.compare-plan-link {
    color: #1bae52;
    font-size: 12px;
    text-decoration: underline;
}

.see-features-cta {
    margin-top: 25px;
    margin-bottom: 40px;
    padding: 12px 20px;
    border-radius: 2px;
    background-color: #1bae52;
    font-size: 16px;
}

.heading-form-block {
    margin-bottom: 0px;
}

.break-heading {
    font-size: 16px;
    font-weight: 400;
}

.break-heading.extra-margin {
    margin-top: 25px;
    margin-bottom: 10px;
}

.break-heading.smaller-text {
    font-size: 14px;
}

.break-heading.alt-margin {
    margin-bottom: 10px;
    font-size: 16px;
}

.break-heading.alt-margin.extra-top-margin {
    margin-top: 20px;
}

.break-text {
    margin-top: 5px;
    margin-bottom: 5px;
}

.settings-heading {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #292929;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.settings-heading.smaller-heading {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 400;
}

.settings-heading.smaller-heading.top-padding {
    margin-top: 35px;
}

.settings-heading.editable {
    padding: 5px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: transparent;
}

.settings-heading.editable:focus {
    border: 1px none #1bae52;
}

.settings-heading.no-margin {
    margin-top: 0px;
    margin-bottom: 0px;
}

.close-code-btn-img {
    height: 15px;
}

.close-code-btn {
    position: absolute;
    top: 10px;
    right: 15px;
}

.code-block {
    width: 100%;
    height: 200px;
    min-height: 200px;
    margin-bottom: 0px;
    padding: 10px;
    border: 1px solid #eee;
    border-radius: 2px;
    background-color: #fcfcfc;
    font-family: Inconsolata, monospace;
    color: #818181;
}

.code-text {
    direction: ltr;
    text-transform: none;
}

.code-form-block {
    width: 100%;
}

.copy-btn {
    padding: 5px 0px;
    border: 1px none #1bae52;
    border-radius: 2px;
    background-color: transparent;
    color: #1bae52;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
}

.copy-btn:hover {
    background-color: transparent;
    color: #1bae52;
}

.line-separator {
    height: 1px;
    margin-top: 25px;
    margin-bottom: 20px;
    background-color: #eee;
}

.preview-btn {
    border-radius: 2px;
}

.widget-btn-wrapper {
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding-bottom: 0px;
    text-align:right;
}

.iframe-widget-preview {
    min-height: 200px;
    min-width: 100%;
}

.addn-info-text {
    margin-bottom: 3px;
    color: #949494;
    font-size: 13px;
}

.email-type-heading {
    width: 70%;
    color: #292929;
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}

.email-type-heading.content-editable {
    width: 70%;
    padding: 5px 10px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
}

.email-type-heading.alt-margin {
    margin-top: 10px;
}

.edit-email-field {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.edit-email-label {
    width: 110px;
    min-width: 110px;
    margin-right: 15px;
    color: #9b9b9b;
    font-size: 14px;
    line-height: 21px;
}

.edit-email-label.alt-changes {
    margin-bottom: 10px;
}

.edit-email-label.alt-changes.no-bottom-margin {
    margin-bottom: 0px;
}

.edit-email-label.more-length {
    width: 140px;
    min-width: 140px;
}

.action-dropdown {
    margin-right: 10px;
    margin-left: 0px;
    color: #292929;
}

.action-dropdown.no-right-margin {
    margin-right: 0px;
}

.action-dropdown.alt-color {
    color: #292a3f;
}

.action-dropdown.left-margin {
    margin-right: 0px;
    margin-left: 12px;
}

.action-dropdown-toggle {
    padding: 0px 25px 0px 0px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #fff;
}

.action-dropdown-toggle.alt-changes {
    padding-right: 20px;
    border-style: none;
    border-color: #fff #fff #5386ff;
    border-bottom-width: 3px;
    border-radius: 0px;
    background-color: transparent;
    color: #5386ff;
    font-weight: 400;
}

.action-dropdown-toggle.alt-changes.alt-more {
    padding-right: 0px;
    border-radius: 2px;
}

.action-dropdown-toggle.alt-changes.alt-more:hover {
    background-color: #292a3f;
}

.action-dropdown-text {
    max-width: 300px;
    padding: 10px 10px 10px 20px;
    border-style: none;
    border-width: 1px;
    border-color: #cbcbcb #ddd #cbcbcb #cbcbcb;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    color: #292929;
}

.action-dropdown-text.alt-changes {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    color: #fff;
}

.action-drop-icon {
    margin-right: 12px;
}

.action-drop-icon.alt-margin {
    margin-right: 8px;
}

.action-dropdown-list.w--open {
    top: 45px;
    overflow: auto;
    max-height: 250px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-style: solid;
    border-width: 1px;
    border-color: rgba(4, 41, 41, .2);
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 0 4px 8px -2px rgba(41, 41, 41, .5);
}

.action-dropdown-list.fixed-height.w--open {
    overflow: auto;
    max-height: 200px;
}

.action-dropdown-list.position-left.w--open {
    position: absolute;
    right: 0px;
}

.action-dropdown-list.dark-dropdown.w--open {
    background-color: #292a3f;
    color: #fff;
}

.action-dropdown-list.dark-dropdown.open-to-left.w--open {
    top: 51px;
    right: 5px;
}

.action-drop-link {
    width: 100%;
    padding: 10px 20px;
    clear: none;
    color: #292929;
    text-decoration: none;
}

.action-drop-link:hover {
    background-color: #efeff1;
}

.action-drop-link.active {
    background-color: #efeff1;
}

.action-drop-link.dark-dropdown {
    color: #fff;
}

.action-drop-link.dark-dropdown:hover {
    background-color: #353652;
}

.action-drop-link.dark-dropdown.selected {
    background-color: #353652;
}

.edit-email-text-tag {
    margin-right: 10px;
    margin-bottom: 0px;
    padding: 10px 20px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #efeff1;
    color: #949494;
}

.edit-email-text-tag.alt-changes {
    margin-right: 0px;
}

.edit-email-custom-field {
    max-width: 50%;
    min-height: 42px;
    margin-right: 10px;
    margin-bottom: 0px;
    padding: 10px 20px;
    border: 1px solid #e9e9e9;
    border-radius: 2px;
    color: #292929;
}

.edit-email-custom-field:focus {
    border-color: #1bae52;
}

.edit-email-custom-field.alt-changes {
    max-width: none;
}

.edit-email-custom-field.alt-changes.main-body {
    max-width: 100%;
    min-height: 200px;
    min-width: 100%;
}

.edit-email-custom-field.one-half-field {
    width: 34.25%;
}

.edit-email-custom-field.one-half-field::-webkit-input-placeholder {
    color: #bebebe;
}

.edit-email-custom-field.one-half-field:-ms-input-placeholder {
    color: #bebebe;
}

.edit-email-custom-field.one-half-field::placeholder {
    color: #bebebe;
}

.edit-email-custom-field.alt-width {
    max-width: 70%;
}

.text-block-4 {
    position: relative;
    padding-top: 10px;
}

.drop-trainer-tag {
    font-family: 'Open Sans', sans-serif;
    color: #949494;
    font-size: 12px;
    font-style: normal;
}

.edit-email-field-alt {
    margin-bottom: 20px;
}

.auto-email-back {
    height: 12px;
    margin-right: 10px;
    -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.link-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.go-back-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 100px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #757575;
    text-decoration: none;
}

.go-back-link:hover {
    color: #292929;
}

.autopay-check {
    margin-top: 5px;
    margin-bottom: 0px;
}

.dummy-upgrade-btn {
    margin-top: 5%;
    margin-left: 45%;
    border-radius: 2px;
}

.close-btn-upgrade {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1;
}

.close-btn-upgrade.create-modal-pos {
    top: 18px;
    right: 22px;
}

.paywall-wrapper-left {
    width: 63%;
    padding: 20px 20px 30px;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
}

.paywall-wrapper-left.alt-flex {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 120px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paywall-wrapper-right {
    position: relative;
    width: 37%;
    padding: 20px 20px 115px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #f8f8f8;
}

.paywall-wrapper-right.full-width {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 115px;
    border-radius: 4px;
    background-color: #fff;
    text-align: center;
}

.paywall-upgrade-image {
    display: block;
    width: 65%;
    margin-top: 20px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #f0f4f7;
}

.paywall-secondary-heading {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    text-align: left;
}

.upgrade-more-features {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.upgrade-feature-text {
    font-weight: 400;
    text-align: left;
}

.upgrade-feature-img {
    height: 18px;
    margin-top: 2px;
    margin-right: 10px;
}

.modal-upgrade-btn {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 15px;
    border-radius: 2px;
    background-color: #f86679;
    font-weight: 600;
}

.modal-upgrade-btn:hover {
    background-color: #fa415a;
}

.modal-upgrade-btn.alt-pos {
    text-align: center;
}

.upgrade-price-tag {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 70px;
    color: #f86679;
    font-size: 16px;
    line-height: 22px;
}

.upgrade-price-tag.alt-pos {
    margin-right: 20px;
    margin-left: 20px;
    text-align: center;
}

.larger-upgrade-price-tag {
    font-size: 30px;
}

.close-btn-upgrade-img {
    height: 15px;
}

.user-action-status {
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 15px;
    color: #f5a623;
}

.user-action-status.active {
    color: #1bae52;
}

.custom-domain-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.user-action-status-img {
    height: 15px;
    margin-right: 8px;
}

.user-action-status-text {
    display: inline-block;
}

.target-tag {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 2px 5px;
    border: 1px solid #ddd;
    border-radius: 2px;
    background-color: #efeff1;
    color: #4a4a4a;
    text-decoration: none;
}

.email-body-tag-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.settings-lock-image {
    height: 18px;
}

.settings-lock-image.left-margin {
    margin-left: 10px;
}

.upgrade-btn-primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 190px;
    padding: 11px 20px;
    float: right;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: #f86679;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
}

.upgrade-btn-primary:hover {
    background-color: #fa415a;
}

.upgrade-unlock-text {
    display: block;
    margin-left: 10px;
}

.upgrade-descp-text {
    color: #fa415a;
}

.upgrade-descp-text.w--current {
    text-decoration: none;
}

.inline-upgrade {
    margin-left: 5px;
    color: #f86679;
    font-weight: 600;
}

.inline-upgrade:hover {
    color: #fa415a;
}

.create-modal-form-block {
    width: 100%;
    margin-bottom: 0px;
}

.create-modal-header {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 35px 5px;
    border-bottom: 1px solid #e9e9e9;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #fff;
}

.create-modal-btn-wrapper {
    width: 100%;
    text-align: right;
}

.modal-cancel-link {
    margin-right: 15px;
    margin-left: 0px;
    color: #949494;
    text-decoration: none;
}

.modal-cancel-link:hover {
    color: #292929;
}

.create-modal-sub-heading {
    margin-bottom: 10px;
    font-family: 'Open Sans', sans-serif;
    color: #9b9b9b;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.3px;
}

.break-details-label {
    color: #9b9b9b;
    font-size: 12px;
    letter-spacing: 0.3px;
}

.widget-setup-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-bottom: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.widgets-back-btn {
    height: 15px;
    margin-right: 0px;
    -webkit-transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    transform: rotateX(0deg) rotateY(-180deg) rotateZ(0deg);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.link-block-2 {
    margin-right: 10px;
    padding-right: 5px;
    padding-left: 0px;
}

.back-btn-img-wrapper {
    margin-right: 10px;
    padding-right: 5px;
    background-color: rgba(0, 152, 255, 0);
    opacity: 0.6;
}

.back-btn-img-wrapper:hover {
    opacity: 1;
}

.sec-nav {
    position: static;
    left: 0px;
    top: 0px;
    right: 0px;
    padding: 10px 2%;
    background-color: transparent;
}

.new-primary-body {
    background-color: #f6f9fc;
    font-family: 'Open Sans', sans-serif;
}

.sec-nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sec-nav-heading {
    padding-left: 0px;
    color: #292a3f;
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
}

.sec-nav-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sec-nav-link {
    margin-right: 15px;
    padding-right: 2px;
    padding-bottom: 15px;
    padding-left: 2px;
    border-bottom: 3px solid transparent;
    color: hsla(0, 0%, 100%, .5);
    font-size: 14px;
    line-height: 26px;
    font-weight: 600;
}

.sec-nav-link:hover {
    border-bottom: 3px solid #5386ff;
    color: #fff;
}

.sec-nav-link.selected {
    margin-right: 15px;
    padding-right: 2px;
    padding-left: 2px;
    border-bottom-color: #5386ff;
    color: #fff;
}

.new-main-section {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-right: 0%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.new-right-section {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: block;
    overflow: auto;
    width: 30%;
    min-height: 100vh;
    padding: 75px 15px 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 2px;
    background-color: #fff;
    box-shadow: 0 1px 6px 0 rgba(74, 74, 74, .2);
    -webkit-transform: translate(120%, 0px);
    -ms-transform: translate(120%, 0px);
    transform: translate(120%, 0px);
}

.new-right-section.hide {
    display: none;
}

.new-right-section.z-index {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: block;
    overflow: auto;
    -webkit-transform: translate(120%, 0px);
    -ms-transform: translate(120%, 0px);
    transform: translate(120%, 0px);
}

.new-left-section {
    width: 70%;
    margin-right: 2%;
    margin-bottom: 80px;
    margin-left: 2%;
    padding: 0px 0px 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
}

.client-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding: 10px 10px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px none #e0dfdf;
    border-bottom: 1px solid #e4e8eb;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: none;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #292929;
    text-decoration: none;
}

.client-row:hover {
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.client-row.selected {
    border: 1px solid #5386ff;
    box-shadow: 1px 1px 10px 0 rgba(74, 74, 74, .4);
    -webkit-transform: translate(0px, -2px);
    -ms-transform: translate(0px, -2px);
    transform: translate(0px, -2px);
}

.client-row.disabled {
    background-color: rgba(228, 232, 235, .5);
    opacity: 1;
}

.member-img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #fff;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(270deg, #cbcbcb, #cbcbcb);
    background-image: linear-gradient(180deg, #cbcbcb, #cbcbcb);
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .5);
    color: #fff;
    font-weight: 600;
}

.member-img.large-panel {
    width: 80px;
    height: 80px;
    font-size: 24px;
    line-height: 30px;
}

.member-img.large-panel.active.image {
    position: relative;
}

.member-img.new {
    border-color: #fff;
    background-image: -webkit-linear-gradient(270deg, #25d366, #25d366);
    background-image: linear-gradient(180deg, #25d366, #25d366);
    color: #fff;
}

.member-img.new.image {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5a422bbe8192d400018d6e52_17.jpg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
}

.member-img.active {
    border-color: #fff;
    background-image: -webkit-linear-gradient(270deg, #5386ff, #5386ff);
    background-image: linear-gradient(180deg, #5386ff, #5386ff);
    color: #fff;
}

.member-img.active.image {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5a422bbe8192d400018d6e52_17.jpg");
    background-position: 50% 50%;
    background-size: contain;
    color: transparent;
}

.member-img.lead {
    border-color: #fff;
    background-image: -webkit-linear-gradient(270deg, #f5a623, #f5a623);
    background-image: linear-gradient(180deg, #f5a623, #f5a623);
    color: #fff;
}

.member-img.lead.image {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5a422bbe8192d400018d6e52_17.jpg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
}

.member-img.slipping-away {
    background-image: -webkit-linear-gradient(270deg, #ff541e, #ff541e);
    background-image: linear-gradient(180deg, #ff541e, #ff541e);
}

.member-img.slipping-away.image {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5a422bbe8192d400018d6e52_17.jpg");
    background-position: 50% 50%;
    background-size: contain;
    background-repeat: no-repeat;
    color: transparent;
}

.member-img.image {
    background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5a422bbe8192d400018d6e52_17.jpg");
    background-position: 50% 50%;
    background-size: contain;
    color: transparent;
}

.member-name {
    margin-left: 15px;
    color: #2062ff;
    font-weight: 600;
    text-decoration: none;
}

.member-name:hover {
    text-decoration: underline;
}

.member-name.large-editable {
    min-width: 200px;
    margin-top: 0px;
    margin-left: 0px;
    padding: 8px 10px;
    border: 1px solid #e0dfdf;
    border-radius: 2px;
    color: #292a3f;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    text-align: left;
}

.member-name.large-editable:hover {
    border: 1px solid #5689fc;
    text-decoration: none;
}

.member-name.large-editable:focus {
    border-color: #5689fc;
}

.member-name.large-editable.lighter-text {
    font-weight: 400;
}

.member-name.disabled {
    opacity: 0.65;
    color: #949494;
}

.member-name.disabled:hover {
    text-decoration: none;
}

.profile-text {
    margin-left: 15px;
    color: #9b9b9b;
}

.profile-text.dark {
    color: #292929;
}

.profile-text.smaller-text {
    font-size: 12px;
    line-height: 18px;
}

.profile-text.smaller-text.no-margin {
    margin-left: 0px;
}

.profile-text.tab-opt {
    font-size: 12px;
}

.profile-text.top-margin {
    min-width: 210px;
    margin-top: 3px;
}

.profile-text.top-margin.disabled {
    opacity: 0.65;
}

.profile-text.editable {
    min-width: 120px;
    margin-bottom: 0px;
    padding: 5px 10px;
    border: 1px solid #e0dfdf;
    border-radius: 2px;
    color: #292a3f;
}

.profile-text.editable:hover {
    border-color: #5689fc;
}

.profile-text.editable:focus {
    border-color: #5689fc;
}

.profile-text.no-left-margin {
    margin-left: 0px;
}

.profile-text.no-left-margin.bottom-margin {
    margin-bottom: 15px;
}

.profile-text.no-left-margin.dark.alt-bottom-margin {
    margin-bottom: 5px;
    font-weight: 600;
}

.client-status {
    margin-left: 0px;
    color: #949494;
    font-size: 12px;
    font-weight: 600;
}

.client-status-img {
    height: 12px;
    margin-right: 8px;
}

.client-status-img.alt-pos {
    margin-top: 4px;
}

.client-status-img.alt-pos.alt-margin {
    margin-right: 5px;
}

.client-status-img.extra-margin {
    margin-right: 11px;
}

.div-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.member-email-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.member-email-wrapper.alt-changes {
    margin-bottom: 10px;
    margin-left: 0px;
}

.member-email-wrapper.alt-changes.last-item {
    margin-bottom: 0px;
}

.member-email-wrapper.alt-changes.alt-flex {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.member-email-wrapper.alt-changes.no-bottom-margin {
    margin-bottom: 0px;
}

.member-email-wrapper.disabled {
    opacity: 0.65;
}

.action-buttons-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 15px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.action-buttons-wrapper.large-panel-pos {
    position: absolute;
    top: 15px;
    right: 15px;
}

.action-buttons-wrapper.large-panel-pos.transparent {
    opacity: 0;
}

.action-buttons-wrapper.large-panel-pos.alt-pos {
    top: 8px;
    right: 15px;
}

.client-img-name-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.client-tag {
    position: absolute;
    top: -11px;
    right: 8px;
    padding: 3px 8px;
    border-radius: 20px;
    background-color: #818181;
    color: #fff;
    font-size: 11px;
    line-height: 18px;
}

.client-tag.new {
    position: absolute;
    background-color: #25d366;
}

.client-tag.active {
    background-color: #5386ff;
}

.client-tag.slipping-away {
    background-color: #ff541e;
}

.client-tag.lead {
    background-color: #f5a623;
}

.client-tag.alt-position {
    right: -28px;
}

.member-initial-detail-wrapper {
    position: static;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.member-img-tag-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.client-profile-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 160px;
    margin-bottom: 10px;
    padding: 8px 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #5386ff;
    border-radius: 2px;
    background-color: #5386ff;
    color: #fff;
    text-decoration: none;
}

.client-profile-btn:hover {
    border-color: #2062ff;
    background-color: #2062ff;
}

.client-profile-btn.alt-color {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #5386ff;
    background-color: #fff;
    color: #5386ff;
}

.client-profile-btn.alt-color:hover {
    border-color: #5689fc;
    background-color: #f7f7f7;
    color: #5689fc;
}

.client-profile-btn-img {
    height: 15px;
}

.client-profile-btn-text {
    margin-left: 10px;
}

.client-profile-btn-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.client-details-card {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 15px;
    border-radius: 2px;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .3);
}

.client-details-card.extar-padding {
    padding-bottom: 15px;
}

.client-profile-cards-wrapper {
    width: 100%;
}

.client-profile-cards-heading {
    margin-bottom: 5px;
    color: #9b9b9b;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
}

.alt-client-email-container.alt-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.view-more-btn {
    color: #9b9b9b;
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    text-decoration: underline;
}

.view-more-btn:hover {
    color: #2062ff;
    text-decoration: underline;
}

.lighter-text {
    color: #9b9b9b;
}

.new-primary-body-wrapper {
    position: static;
    left: 50px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    min-height: 100vh;
    background-color: #f6f9fc;
    font-family: 'Open Sans', sans-serif;
}

.action-bar {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 50px;
    margin-bottom: 30px;
    padding: 0px 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    border-bottom: 1px solid #e4e8eb;
    background-color: transparent;
    box-shadow: none;
}

.primary-action-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 180px;
    margin-left: 15px;
    padding: 8px 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #5386ff;
    border-radius: 2px;
    background-color: #5386ff;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
}

.primary-action-btn:hover {
    border-style: solid;
    border-color: #2062ff;
    background-color: #2062ff;
}

.primary-action-btn.secondary-action-btn {
    border-color: #6b6b83;
    background-color: #6b6b83;
    color: #f7f7f7;
    font-weight: 400;
}

.primary-action-btn.secondary-action-btn:hover {
    border-color: #52526b;
    background-color: #52526b;
}

.action-bar-right-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 12px;
    padding-bottom: 12px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

.action-bar-left-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.action-filter-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 15px;
    padding: 8px 5px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    color: #292a3f;
    font-weight: 600;
    text-decoration: none;
}

.action-filter-link:hover {
    border-bottom-color: #5386ff;
    color: #292a3f;
}

.action-filter-link.selected {
    margin-right: 15px;
    border-bottom-color: #5386ff;
    color: #292a3f;
}

.action-filter-dot {
    width: 6px;
    height: 6px;
    margin-right: 8px;
    border-radius: 50%;
    background-color: rgba(41, 42, 63, .2);
}

.action-filter-dot.selected {
    background-color: #5386ff;
}

.client-number {
    color: rgba(41, 42, 63, .5);
    font-weight: 400;
}

.more-img {
    height: 18px;
    margin: 8px;
}

.sec-nav-right-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-form-block {
    margin-bottom: 0px;
    margin-left: 10px;
}

.search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 400px;
    padding: 3px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(0, 0, 0, .07);
}

.search-field {
    margin-bottom: 0px;
    padding-right: 5px;
    padding-left: 5px;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: transparent;
    color: #292a3f;
    font-size: 15px;
    line-height: 21px;
}

.search-field:hover {
    border-color: transparent;
    background-color: transparent;
}

.search-field:focus {
    border-color: transparent;
    background-color: transparent;
}

.search-field::-webkit-input-placeholder {
    color: #949494;
}

.search-field:-ms-input-placeholder {
    color: #949494;
}

.search-field::placeholder {
    color: #949494;
}

.search-img {
    height: 16px;
    margin-right: 8px;
}

.action-bar-left-child-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.page-navigator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}

.page-navigator.bottom {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.page-number {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: transparent;
    color: #292a3f;
    font-weight: 600;
    text-decoration: none;
}

.page-number:hover {
    border: 1px solid #2062ff;
    color: #2062ff;
}

.page-number.selected {
    border: 1px solid #9b9b9b;
    background-color: #9b9b9b;
    color: #fff;
    font-weight: 400;
}

.page-number.arrow {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.page-number.arrow:hover {
    -webkit-filter: none;
    filter: none;
}

.navigator-arrow-img {
    height: 10px;
}

.team-member-action {
    margin-right: 10px;
    padding: 5px 12px;
    border: 1px solid #9b9b9b;
    border-radius: 2px;
    background-color: #9b9b9b;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
    text-decoration: none;
}

.team-member-action:hover {
    border-color: #757575;
    background-color: #757575;
    text-decoration: none;
}

.team-member-action.no-right-margin {
    margin-right: 0px;
}

.team-member-action.no-right-margin.secondary-cta {
    border-color: #e0dfdf;
    background-color: transparent;
    color: #9b9b9b;
}

.team-member-action.no-right-margin.secondary-cta:hover {
    background-color: #e0dfdf;
}

.team-member-action.no-right-margin.secondary-cta.disabled-member {
    border-color: #dedede;
}

.team-member-action.no-right-margin.secondary-cta.disabled-member:hover {
    background-color: #f7f7f7;
}

.team-member-action.no-right-margin.secondary-cta.margin-right {
    margin-right: 10px;
}

.team-member-action.enable {
    border-color: #5386ff;
    background-color: #5386ff;
    color: #fff;
}

.team-member-action.enable:hover {
    border-color: #2062ff;
    background-color: #2062ff;
}

.team-member-action.enable.no-margin-right {
    margin-right: 0px;
}

.team-member-action.enable.z-index {
    position: relative;
    z-index: 2000;
}

.member-role-select {
    min-width: 150px;
    margin-bottom: 0px;
    border: 1px solid #e0dfdf;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
    color: #292a3f;
    font-weight: 600;
    text-align: left;
}

.member-role-select:hover {
    border-color: #5689fc;
}

.member-role-select:focus {
    border-color: #5689fc;
}

.member-role-select.lighter-text {
    color: #9b9b9b;
    font-weight: 400;
}

.member-name-form-block {
    margin-top: 15px;
    margin-bottom: 15px;
}

.upload-photo {
    position: absolute;
    top: -12px;
    right: -11px;
    padding: 2px;
}

.upload-photo-img {
    height: 18px;
}

.close-side-panel {
    position: absolute;
    left: 15px;
    top: 18px;
    padding: 2px;
}

.close-side-panel-img {
    height: 15px;
}

.member-email-form-block {
    margin-bottom: 0px;
}

.specific-body-wrapper {
    padding-right: 15px;
    padding-left: 15px;
}

.roles-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px none #e4e8eb;
}

.roles-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.roles-column.heading {
    padding: 15px 0px 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.roles-heading {
    width: 100%;
    margin-right: 0px;
    margin-bottom: 8px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
    color: #292a3f;
    font-weight: 600;
}

.roles-permit-select {
    width: auto;
    margin-bottom: 0px;
    border: 1px solid #fff;
    background-image: -webkit-linear-gradient(270deg, #fff, #fff);
    background-image: linear-gradient(180deg, #fff, #fff);
    color: #2062ff;
}

.roles-permit-select:focus {
    border-color: #fff;
}

.roles-sub-heading-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 50px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #e4e8eb;
    color: #9b9b9b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}

.new-primary-body-overlay {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1;
    display: none;
    background-color: rgba(68, 68, 68, .5);
}

.role-descp {
    min-height: 70px;
    margin: 10px;
    text-align: left;
}

.perm-text-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 55px;
    padding: 8px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #e4e8eb;
}

.new-back-img {
    height: 12px;
    margin-bottom: 1px;
}

.new-back-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

.new-back-btn:hover {
    box-shadow: 1px 1px 10px 0 rgba(74, 74, 74, .4);
    -webkit-filter: none;
    filter: none;
}

.back-heading-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.paywall-modal-background-2 {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4500;
    display: none;
    overflow: auto;
    height: 100%;
    padding: 100px 15px 50px;
    background-color: rgba(87, 87, 87, .85);
}

html.w-mod-js *[data-ix="display-none"] {
    display: none;
}

html.w-mod-js *[data-ix="hide-below"] {
    display: none;
}

html.w-mod-js *[data-ix="modal-appear"] {
    display: none;
    opacity: 0;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="display-none-scaled"] {
    display: none;
    opacity: 0;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="hide-initially"] {
    display: none;
}

html.w-mod-js *[data-ix="scaled-hide"] {
    display: none;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

html.w-mod-js *[data-ix="hide-to-right"] {
    display: none;
}

@media (max-width: 991px) {
    .onboard-body.top-padding {
        margin-top: 0px;
        padding-right: 15px;
        padding-left: 15px;
    }
    .onboard-flow {
        margin-top: 0px;
    }
    .step {
        width: 29%;
    }
    .btn-onboarding-primary.btn-create.disabled {
        display: block;
    }
    .form-input-onbording.half {
        width: 47%;
    }
    .form-input-onbording.half.half2 {
        width: 46%;
        padding-right: 0px;
        padding-left: 0px;
    }
    .form-input-onbording.one-third.required {
        width: 30.8%;
    }
    .form-input-onbording.one-third.one-third2 {
        width: 25%;
        padding-left: 0px;
        font-size: 13px;
    }
    .form-input-onbording.two-third.phone {
        width: 67%;
    }
    .form-input-onbording.expiry-date {
        width: 44%;
        min-width: auto;
    }
    .form-input-onbording.cvv {
        width: 90%;
    }
    .setup-service-select-box {
        width: 60%;
    }
    .setup-select-services-dropdown {
        display: inline-block;
    }
    .setup-services-subheader2 {
        font-weight: 400;
    }
    .setup-services-subheader3 {
        font-size: 16px;
        font-weight: 400;
    }
    .setup-services-content {
        margin-top: 5px;
        font-weight: 300;
    }
    .offer-page-form {
        width: 75%;
    }
    .offer-page-form-field1.small {
        width: 43%;
    }
    .offer-page-form-field1.small.type2 {
        float: none;
    }
    .no-padding {
        padding-left: 0px;
    }
    .narrow-container {
        width: 70%;
    }
    .forms-modal-container {
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }
    .forms-modal-header {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        height: auto;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .forms-modal-body {
        height: 80%;
        border-bottom: 1px solid #fff;
    }
    .forms-primary-section.less-margin {
        padding-right: 40px;
        padding-left: 40px;
    }
    .form-field-n.filter-parent {
        width: 30%;
    }
    .form-field-n.filter-child {
        width: 30%;
    }
    .form-select-n {
        font-weight: 400;
    }
    .form-cover-photo {
        width: 50%;
    }
    .btn-cta-primary {
        margin-top: 0px;
        margin-right: 10px;
        font-size: 15px;
    }
    .btn-cta-primary.btn-new-class {
        margin-left: 0px;
    }
    .btn-cta-secondary {
        width: 30px;
        height: 30px;
        margin-top: 10px;
    }
    .create-class-heading {
        margin-left: 15px;
        font-size: 16px;
        font-weight: 600;
    }
    .cta-primary-wrapper {
        margin-bottom: 25px;
        padding-top: 5px;
    }
    .form-field-x {
        width: 60%;
    }
    .form-field-x.search-bar {
        width: 63%;
    }
    .img-form-x.address-form-field.fd-search {
        width: auto;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .form-field-x-img.search-icon {
        width: 22px;
        height: 22px;
    }
    .toggle-wrapper {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: center;
    }
    .toggle-button {
        margin-top: 5px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        text-align: left;
    }
    .parent-price-wrapper {
        width: 45%;
    }
    .add-filter-btn {
        height: 25px;
    }
    .text-link {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .text-link.link-margin {
        font-weight: 400;
    }
    .text-link.text-link-vertical {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .day-wrapper {
        width: auto;
    }
    .navbar {
        z-index: 500;
        background-color: #fff;
    }
    .menu-button {
        float: left;
    }
    .menu-button.w--open {
        background-color: #4a4a4a;
    }
    .main-section {
        margin-top: 0px;
    }
    .tabs-menu {
        top: -49px;
        z-index: 1000;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 60%;
        margin-top: 0px;
        margin-right: auto;
        margin-left: auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .tab-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-right: 5px;
        margin-left: 20px;
        padding: 5px 10px 5px 0px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        background-color: #fff;
        opacity: 0.68;
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
        font-size: 16px;
    }
    .tab-link.w--current {
        margin-right: 5px;
        margin-left: 20px;
        border-bottom: 4px solid #589e07;
        background-image: -webkit-linear-gradient(270deg, #fff, #fff);
        background-image: linear-gradient(180deg, #fff, #fff);
        opacity: 1;
        -webkit-filter: none;
        filter: none;
        font-size: 16px;
    }
    .tab1-img {
        width: 24.71px;
        height: 20px;
    }
    .tab-title {
        margin-left: 10px;
        float: none;
        border: 1px none #000;
        color: #589e07;
        font-size: 18px;
        font-weight: 600;
    }
    .body {
        background-color: #fff;
        font-family: 'Open Sans', sans-serif;
        font-weight: 400;
    }
    .tab2-img {
        width: 20px;
        height: 20px;
    }
    .mobile-div {
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f8f8f8;
    }
    .tabs-content {
        margin-top: -32px;
    }
    .filter-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 65%;
        margin-right: auto;
        margin-bottom: 10px;
        margin-left: auto;
        padding: 5px 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border: 1px solid #bebebe;
        background-color: #fff;
        color: #589e07;
        font-weight: 600;
        text-align: left;
        text-decoration: none;
    }
    .selected-text {
        max-width: 32%;
        margin-left: 5px;
        padding-right: 5px;
        border-right: 2px solid #589e07;
        text-decoration: none;
    }
    .selected-text.service-date {
        border-right-style: none;
    }
    .selected-text.all-filters {
        max-width: 100%;
        border-right-style: none;
    }
    .selected-text.today {
        max-width: 100%;
        border-right-style: none;
    }
    .selected-text.select-start-date {
        max-width: 45%;
        border-right-style: none;
    }
    .selected-text.select-hyphen {
        max-width: 5%;
        border-right-style: none;
    }
    .selected-text.select-end-date {
        max-width: 45%;
        border-right-style: none;
    }
    .filter-dropdown-img {
        width: auto;
        height: 15px;
    }
    .select-button-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 95%;
        max-width: auto;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .report-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 0px;
        padding-bottom: 0px;
        border-style: none none solid;
        border-width: 1px;
        border-color: #a5a5a5 #a5a5a5 #e2e2e2;
        color: #4a4a4a;
        text-decoration: none;
    }
    .report-wrapper.last-report-item {
        border-bottom-style: none;
    }
    .report-all-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 99%;
        padding: 20px 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .report-color-code {
        width: 4px;
        background-color: #bebebe;
    }
    .report-color-code.paid {
        background-color: #55c88c;
    }
    .report-color-code.awaited {
        background-color: #f5a623;
    }
    .report-color-code.awaited.code-4 {
        background-color: #4a4a4a;
    }
    .report-color-code.cancelled {
        background-color: #e03c08;
    }
    .report-color-code.cancelled.code-4 {
        background-color: #4a4a4a;
    }
    .report-color-code.leads {
        background-color: #4a4a4a;
        color: #5a5555;
    }
    .report-text {
        margin-left: 10px;
    }
    .report-text-sub-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .report-text-heading {
        color: #9b9b9b;
        font-weight: 600;
    }
    .report-wrapper-1 {
        display: block;
        width: 65%;
        margin-top: 25px;
        margin-right: auto;
        margin-left: auto;
        background-color: #fff;
        box-shadow: 1px 1px 3px 0 #9c9797;
    }
    .booking-list-parent {
        display: block;
        width: 85%;
        margin-top: 45px;
        margin-right: auto;
        margin-left: auto;
    }
    .booking-list-item {
        margin-top: 35px;
    }
    .booking-date-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .booking-sub-item {
        width: 95%;
        margin-top: 0px;
        padding-top: 8px;
        padding-bottom: 8px;
        border-bottom: 1px solid #d8d8d8;
    }
    .booking-sub-item.last-list-item {
        border-bottom-style: none;
    }
    .booking-date {
        width: 130px;
        margin-right: 5px;
        color: #4a4a4a;
        font-weight: 700;
    }
    .booking-line {
        width: 75%;
        height: 2px;
        background-color: #4a4a4a;
    }
    .booking-item-row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 0px;
        padding-bottom: 5px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .booking-name {
        width: 65%;
        max-width: 65%;
        margin-right: 5px;
        color: #4a4a4a;
        font-weight: 400;
    }
    .booking-name.ellipsis {
        overflow: hidden;
        width: 65%;
    }
    .booking-name.ellipsisx {
        overflow: hidden;
    }
    .booking-price {
        width: 35%;
        margin-right: 5px;
        margin-left: 3px;
        color: #4a4a4a;
    }
    .booking-price.ellipsisx {
        overflow: hidden;
    }
    .booking-status {
        width: 30%;
        color: #9b9b9b;
        font-weight: 600;
        text-align: right;
    }
    .booking-status.paidxxaxaxa {
        width: 15%;
        color: #589e07;
        text-align: right;
    }
    .booking-status.paid {
        width: 30%;
        margin-left: 5px;
        color: #55c88c;
    }
    .booking-status.awaited {
        color: #f5a623;
    }
    .booking-status.cancelled {
        color: #e03c08;
    }
    .booking-name-price {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 70%;
        max-width: 85%;
    }
    .booking-attendees {
        width: 25%;
        max-width: 25%;
        margin-right: 5px;
        color: #9b9b9b;
        font-weight: 600;
    }
    .booking-attendees.ellipsissjnsncsn {
        width: 25%;
    }
    .booking-attendees.ellipsisx {
        overflow: hidden;
    }
    .booking-attendees.ellipsis-y {
        overflow: hidden;
    }
    .booking-services {
        width: 70%;
        max-width: 70%;
        margin-left: 5px;
        color: #9b9b9b;
        font-weight: 600;
        text-align: right;
    }
    .booking-services.ellipsisijuhhu {
        width: 75%;
    }
    .booking-services.ellipsis-y {
        overflow: hidden;
    }
    .booking-sub-item-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-top: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-decoration: none;
    }
    .arrow-img {
        width: 10px;
        height: 13.26px;
        margin-left: 15px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .see-all-button {
        position: static;
        left: auto;
        top: auto;
        right: auto;
        bottom: auto;
        margin-top: 6px;
        margin-right: 10px;
        margin-bottom: 6px;
        float: right;
    }
    .new-booking-button {
        position: fixed;
        right: 25px;
        bottom: 25px;
        z-index: 1000;
        width: 50px;
        height: 50px;
        border: 1px solid #589e07;
        border-radius: 200px;
        background-color: #589e07;
        background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5871cfc20afb3b4e5cad93c2_add%20copy.png");
        background-position: 50% 50%;
        background-size: 35px;
        background-repeat: no-repeat;
        box-shadow: 1px 4px 3px 0 #b6b6b6;
    }
    .menu-nav-link {
        color: #fff;
        font-size: 16px;
    }
    .nav-menu {
        background-color: #4a4a4a;
    }
    .onb-cta-bar {
        position: absolute;
        left: 0px;
        top: auto;
        right: 0px;
        bottom: 0px;
    }
    .onb-main-section {
        height: 95%;
    }
    .onb-card.less-margin.half-card.right-card.full-width {
        width: 92%;
    }
    .signup-form-wrapper {
        position: static;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        height: 100vh;
        margin-bottom: 0px;
    }
    .onb-body {
        overflow: visible;
        padding-bottom: 0px;
        background-color: #f7f7f7;
    }
    .ticket-card-column-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .setup-asst-dashboard-body {
        width: auto;
        height: auto;
    }
    .setup-asst-dashboard-main-section {
        overflow: hidden;
        width: 100%;
        height: auto;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .setup-asst-wrapper {
        position: fixed;
        left: 0px;
        top: 1500px;
        right: 0px;
        bottom: 0px;
        overflow: hidden;
        width: 100%;
        height: 100vh;
        padding-top: 0px;
        background-color: #f2f2f2;
        background-image: none;
        opacity: 1;
    }
    .setup-asst-card {
        width: 50%;
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .setup-asst-card:hover {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .setup-asst-heading-wrapper {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        width: 100%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 15px 20px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-color: #f2f2f2;
    }
    .setup-asst-heading-wrapper.closed {
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 36%;
    }
    .setup-asst-heading {
        margin-left: 0px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        color: #6772e5;
        font-weight: 400;
    }
    .setup-asst-heading.closed {
        width: 82%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        color: #f8f8f8;
    }
    .setup-asst-main-body {
        height: auto;
        background-color: #f2f2f2;
    }
    .close-btn {
        width: 20px;
        height: 22px;
        background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df5a66f150892958f33655_cancel-min.png");
        background-position: 50% 50%;
        background-size: 18px;
        background-repeat: no-repeat;
    }
    .setup-asst-main-wrapper {
        width: 100%;
        height: 97%;
        margin-top: 0px;
        padding-bottom: 30px;
    }
    .completed-heading-wrapper {
        width: 50%;
    }
    .completed-heading-text {
        color: #4a4a4a;
    }
    .completed-line {
        width: 67%;
        border-color: rgba(87, 87, 87, .4);
        color: #4a4a4a;
    }
    .setup-asst-expand-button {
        left: 0px;
        right: 0px;
        bottom: 0px;
        width: 280px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .web-settings-wrapper {
        padding-right: 5px;
        padding-left: 5px;
    }
    .paywall-modal-background {
        display: none;
        padding-top: 50px;
    }
    .paywall-wrapper.alt-width {
        width: 80%;
    }
    .paywall-wrapper.alt-modal-form {
        width: 80%;
    }
    .billing-credit-card-table {
        margin-right: 50px;
    }
    .pricing-card {
        display: block;
        width: 50%;
        margin-right: auto;
        margin-bottom: 20px;
        margin-left: auto;
        padding-right: 30px;
        padding-left: 30px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        box-shadow: none;
    }
    .pricing-card.last-pricing-card {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .pricing-card.highlighted-pricing-card {
        border-style: none;
        background-color: #fff;
    }
    .pricing-card.premium-plan {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .pricing-plan-name.premium {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .pricing-primary-cta-btn.biz-plan {
        width: 70%;
    }
    .pricing-primary-cta-btn.current-plan-cta {
        width: 70%;
    }
    .pricing-primary-cta-btn.downgrade-cta {
        width: 70%;
        margin-bottom: 20px;
        font-size: 18px;
        line-height: 26px;
        font-weight: 600;
    }
    .pricing-primary-cta-btn.downgrade-cta.premium {
        width: 100%;
    }
    .pricing-feature-parent-wrapper {
        width: 100%;
    }
    .pricing-feature-parent-wrapper.premium {
        text-align: center;
    }
    .pricing-feature-heading {
        text-align: center;
    }
    .pricing-feature-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pricing-feature-wrapper.premium {
        margin-bottom: 35px;
    }
    .most-popular-img {
        display: block;
        width: 130px;
        margin: 0px auto 10px;
    }
    .pricing-card-wrapper {
        width: 100%;
        margin-bottom: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .pricing-heading {
        margin-right: 20px;
        margin-left: 20px;
    }
    .pricing-body {
        padding-right: 0px;
        padding-left: 0px;
    }
    .pricing-page-descp {
        margin-right: 20px;
        margin-left: 20px;
    }
    .addn-pricing-wrapper {
        margin-top: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .addn-pricing-card {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .addn-pricing-card.last-addn-pricing-card {
        margin-bottom: 0px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .pricing-card-secondary-wrapper {
        padding: 20px 20px 10px;
        border: 1px solid #e9e9e9;
        border-radius: 4px;
        background-color: #fff;
    }
    .see-more-button {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #fff;
        color: #4a4a4a;
        text-align: center;
    }
    .plan-separator {
        height: 2px;
        margin-bottom: 25px;
        border: 1px solid #f8f8f8;
    }
    .plan-separator.last-separator {
        margin-bottom: 20px;
    }
    .home-body {
        overflow: visible;
        height: auto;
        padding-top: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .home-menu {
        overflow: visible;
        width: 65%;
        height: auto;
        margin-right: 0px;
        padding-left: 10px;
    }
    .home-main-section {
        width: 97%;
        height: auto;
        margin-top: 0px;
        box-shadow: none;
    }
    .schedule-month-dropdown-list.w--open {
        width: 100%;
    }
    .integration-body {
        padding-right: 20px;
        padding-left: 20px;
    }
    .product-card.one-third-card {
        margin-right: 15px;
    }
    .learn-more-wrapper {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .sales-banner {
        width: 98%;
        margin-bottom: 35px;
    }
    .sale-wrapper-professional.no-margin {
        width: 50%;
    }
    .custom-forms-body {
        padding-right: 0px;
        padding-left: 0px;
    }
    .custom-forms-right-section {
        width: 100%;
    }
    .custom-forms-left-section {
        width: 100%;
        border-right-style: none;
    }
    .custom-forms-add-link {
        width: 100%;
    }
    .custom-forms-container {
        margin-bottom: 10px;
        padding: 10px;
        border: 1px solid #d8d8d8;
        border-radius: 4px;
    }
    .custom-forms-save {
        border-radius: 4px;
        background-color: #6772e5;
    }
    .custom-forms-cancel {
        margin-left: 15px;
        border: 1px solid #6772e5;
        border-radius: 4px;
        background-color: #fff;
        color: #6772e5;
    }
    .setup-asst-close-btn {
        right: 175px;
    }
    .premium-card-col {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .settings-sub-heading {
        margin-top: 25px;
    }
    .email-description {
        width: 100%;
    }
    .email-description.bottom-margin.content-editable {
        width: 100%;
    }
    .tutorial-card {
        width: 60%;
        margin-top: 25px;
    }
    .tutorial-card.alt-bg {
        margin-top: 0px;
    }
    .home-cards-wraper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .email-type-heading {
        width: 100%;
    }
    .email-type-heading.content-editable {
        width: 100%;
    }
    .action-dropdown-toggle.alt-changes {
        border-bottom-style: solid;
        font-weight: 600;
    }
    .action-dropdown-toggle.alt-changes.alt-changes-mobile {
        padding: 15px 40px 15px 15px;
    }
    .action-drop-link.dark-dropdown {
        font-weight: 600;
    }
    .dummy-upgrade-btn {
        margin-left: 43%;
    }
    .sec-nav {
        padding-top: 15px;
        padding-right: 3%;
        padding-left: 3%;
    }
    .new-right-section {
        position: fixed;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        display: block;
        width: 100%;
        -webkit-transform: translate(120%, 0px);
        -ms-transform: translate(120%, 0px);
        transform: translate(120%, 0px);
    }
    .new-right-section.z-index {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 1000;
        overflow: auto;
        padding-right: 3%;
        padding-left: 3%;
    }
    .new-left-section {
        width: 100%;
        margin-right: 3%;
        margin-left: 3%;
    }
    .client-row.selected {
        border-color: #fff;
        box-shadow: 1px 1px 6px 0 rgba(74, 74, 74, .2);
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .client-row.selected:hover {
        box-shadow: 1px 1px 10px 0 rgba(74, 74, 74, .4);
        -webkit-transform: translate(0px, -2px);
        -ms-transform: translate(0px, -2px);
        transform: translate(0px, -2px);
    }
    .action-buttons-wrapper.large-panel-pos {
        top: 15px;
    }
    .action-buttons-wrapper.large-panel-pos.alt-pos {
        top: 8px;
        right: 15px;
    }
    .member-img-tag-wrapper {
        position: relative;
    }
    .action-bar {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .action-bar-right-wrapper {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .action-bar-left-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .client-number.white {
        color: hsla(0, 0%, 97%, .65);
        font-weight: 300;
    }
    .close-side-panel {
        top: 18px;
    }
    .specific-body-wrapper {
        padding-right: 15px;
        padding-left: 15px;
    }
    .roles-column.heading.column-1 {
        padding-bottom: 0px;
    }
    .role-descp {
        min-height: 100px;
    }
    .paywall-modal-background-2 {
        padding-top: 60px;
    }
}

@media (max-width: 767px) {
    .onboard-header {
        width: auto;
    }
    .onboard-body {
        padding-left: 10px;
    }
    .onboard-body.billing-body.alt-padding {
        padding-right: 20px;
    }
    .step {
        display: inline-block;
        width: 25%;
        margin-top: 5px;
        margin-right: 0px;
        margin-left: 15px;
        padding-top: 0px;
        padding-bottom: 0px;
        float: none;
        clear: none;
    }
    .step-text {
        font-size: 17px;
    }
    .step-text.active {
        display: inline-block;
        font-size: 17px;
    }
    .step-count {
        display: inline-block;
        width: 30px;
        height: 30px;
    }
    .step-divider {
        height: 97px;
    }
    .btn-onboarding-primary {
        width: 210px;
        font-size: 16px;
    }
    .text-btn-onboarding {
        font-size: 20px;
    }
    .form-input-onbording {
        width: 94%;
    }
    .form-input-onbording.half {
        width: 46%;
        height: 41px;
        font-size: 16px;
    }
    .form-input-onbording.one-third.required {
        width: 30%;
    }
    .form-input-onbording.one-third.one-third2 {
        width: 15%;
    }
    .form-input-onbording.one-third.one-third2.left-margin {
        width: 30%;
    }
    .form-input-onbording.two-third.phone {
        width: 77%;
    }
    .setup-service-select-box {
        width: 78%;
    }
    .setup-services-subheader4 {
        padding-right: 5px;
        padding-left: 5px;
    }
    .setup-services-subheader4.right-aligned {
        padding-right: 5px;
    }
    .hero-section-header-offer {
        margin-bottom: 50px;
    }
    .offer-page-form {
        width: 90%;
        -webkit-column-count: 1;
        column-count: 1;
    }
    .offer-page-form-field1 {
        width: 100%;
    }
    .offer-page-form-field1.small.type2 {
        float: none;
    }
    .no-padding {
        -webkit-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 0.9em;
        column-gap: 0.9em;
        -webkit-column-rule: 0px solid #000;
        column-rule: 0px solid #000;
    }
    .offer-page-header1 {
        font-size: 26px;
    }
    .hero-section-offer_subheader1 {
        text-align: center;
    }
    .form-field-right {
        float: right;
    }
    .hero-section-offer-text {
        margin-bottom: 20px;
        text-align: center;
    }
    .supersanta-box {
        width: 100%;
        margin-bottom: 20px;
        float: none;
        text-align: center;
    }
    .narrow-container {
        width: 80%;
    }
    .content-section-subheader1 {
        font-size: 16px;
    }
    .content-section-list {
        font-size: 16px;
    }
    .forms-modal-container {
        width: 100%;
        height: 100%;
        margin-top: 0px;
    }
    .forms-modal-header {
        padding-right: 0px;
        padding-left: 0px;
    }
    .forms-primary-section.less-margin {
        padding-right: 18px;
        padding-left: 18px;
    }
    .section-heading {
        font-size: 13px;
    }
    .section-heading.switch-text {
        font-size: 14px;
    }
    .form-group-n.extra-margin {
        padding-bottom: 10px;
    }
    .form-group-n.single-field-group.field-top-padding {
        margin-top: 25px;
    }
    .field-heading.field-heading-height {
        height: 20px;
    }
    .field-heading.field-membership {
        width: 50%;
    }
    .form-field-n.extra-margin.form-field-inline {
        margin-left: 12px;
    }
    .form-field-n.extra-margin.form-field-inline.form-field-mobile-inline {
        width: 25%;
    }
    .form-field-n.extra-margin.form-field-mobile {
        width: 70%;
        margin-left: 55px;
    }
    .form-field-n.filter-parent {
        width: 40%;
    }
    .form-field-n.filter-child {
        width: 40%;
    }
    .form-field-descp {
        font-size: 13px;
    }
    .form-column-n.left-padding {
        padding-left: 0px;
    }
    .form-select-n {
        font-size: 14px;
    }
    .form-select-n.field-heading.form-select-width.form-select-center.form-field-mobile {
        width: 70%;
        margin-left: 55px;
    }
    .form-cover-photo {
        width: 50%;
        height: 150px;
    }
    .inline-text {
        font-size: 14px;
    }
    .filter-label {
        width: auto;
        padding-right: 5px;
        padding-left: 5px;
    }
    .modal-heading {
        font-size: 20px;
    }
    .btn-cta-primary {
        margin-top: 0px;
        font-size: 14px;
    }
    .btn-cta-primary.btn-new-class {
        margin-left: 0px;
    }
    .btn-cta-secondary {
        margin-top: 12px;
    }
    .duration-label {
        width: 60%;
    }
    .create-class-heading {
        width: 90%;
        font-size: 16px;
    }
    .cta-primary-wrapper {
        margin-bottom: 25px;
    }
    .form-field-x {
        width: 65%;
        font-size: 14px;
    }
    .form-field-x.search-bar {
        width: 62%;
    }
    .cover-button {
        font-size: 12px;
    }
    .cover-button.button-2 {
        margin-left: 15px;
    }
    .cover-button-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .img-details-text {
        font-size: 11px;
    }
    .sub-details {
        font-size: 12px;
    }
    .form-field-y {
        font-size: 14px;
    }
    .form-field-y.field-margin {
        font-size: 14px;
    }
    .parent-price-wrapper {
        width: 50%;
    }
    .text-link.link-margin {
        font-size: 14px;
    }
    .day-wrapper {
        width: auto;
    }
    .tabs-menu {
        width: 70%;
    }
    .tab2-img {
        width: 20px;
        height: 20px;
    }
    .booking-date {
        width: 130px;
    }
    .booking-line {
        width: 67%;
    }
    .booking-name {
        width: 55%;
    }
    .booking-price {
        width: 45%;
    }
    .booking-status.paid {
        width: 30%;
    }
    .booking-name-price {
        width: 70%;
    }
    .booking-attendees.ellipsis {
        width: 25%;
    }
    .see-all-button {
        top: 561px;
        right: 100px;
    }
    .signup-form-wrapper {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }
    .setup-asst-dashboard-main-section {
        height: auto;
    }
    .setup-asst-wrapper {
        position: fixed;
        left: 0px;
        top: 1500px;
        right: 0px;
        bottom: 0px;
        overflow: hidden;
        height: 100vh;
        padding-bottom: 60px;
    }
    .setup-asst-card {
        width: 60%;
    }
    .setup-asst-heading-wrapper {
        left: 0px;
        top: 0px;
        right: 0px;
        width: 100%;
    }
    .setup-asst-heading-wrapper.closed {
        left: 0px;
        right: 0px;
        bottom: -15px;
        width: 93%;
        background-image: -webkit-linear-gradient(270deg, #4a4a4a, #4a4a4a);
        background-image: linear-gradient(180deg, #4a4a4a, #4a4a4a);
    }
    .setup-asst-heading {
        margin-left: 0px;
    }
    .setup-asst-heading.closed {
        width: 80%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .card-logo {
        margin-right: 8px;
    }
    .close-btn {
        background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/58df5a66f150892958f33655_cancel-min.png");
        background-size: 18px;
    }
    .setup-asst-main-wrapper {
        width: 100%;
        height: 97%;
    }
    .completed-heading-wrapper {
        width: 60%;
    }
    .completed-line {
        width: 62%;
    }
    .setup-asst-expand-button {
        left: 0px;
        right: 0px;
        bottom: 0px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 260px;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-image: -webkit-linear-gradient(270deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
        background-image: linear-gradient(180deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
        box-shadow: 1px -1px 6px 0 rgba(74, 74, 74, .35);
        text-decoration: none;
    }
    .web-settings-heading {
        font-size: 18px;
    }
    .web-setting-expand {
        font-size: 15px;
    }
    .web-setting-expand.move-right {
        font-size: 15px;
    }
    .web-settings-form-label {
        font-size: 17px;
    }
    .paywall-modal-background {
        padding: 50px 15px;
    }
    .paywall-modal-background.trigger-top-padding {
        padding-top: 0px;
    }
    .paywall-wrapper {
        width: auto;
        height: 100%;
        padding-top: 60px;
        padding-right: 60px;
        padding-left: 60px;
    }
    .paywall-wrapper.trigger-alt-width {
        width: 100%;
    }
    .paywall-wrapper.alt-details {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .paywall-wrapper.alt-width {
        width: 100%;
        padding-top: 35px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .paywall-wrapper.alt-upgrade {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .paywall-wrapper.alt-upgrade.alt-width {
        width: 100%;
        height: auto;
        padding-top: 15px;
    }
    .paywall-wrapper.alt-modal-form {
        position: fixed;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        z-index: 4000;
        overflow: auto;
        width: 100%;
        padding-top: 360px;
        padding-right: 20px;
        padding-left: 20px;
    }
    .paywall-primary-text {
        margin-top: 40px;
        margin-bottom: 25px;
    }
    .paywall-primary-text.alt-size {
        padding-right: 20px;
        padding-left: 20px;
    }
    .select-plan-btn {
        margin-bottom: 25px;
    }
    .select-plan-btn.alt-changes {
        margin-left: 0px;
    }
    .paywall-wrapper-2 {
        width: auto;
        height: 100%;
        padding-top: 60px;
        padding-right: 60px;
        padding-left: 60px;
    }
    .paywall-wrapper-2.alt-changes {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .billing-card {
        padding-top: 15px;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-style: none;
        box-shadow: none;
    }
    .billing-card-heading {
        margin-bottom: 15px;
    }
    .upgrade-primary-btn.sub-cancel-btn {
        margin-top: 0px;
        margin-right: 10px;
    }
    .billing-btn-wrapper {
        width: 100%;
        margin-top: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .billing-credit-card-table {
        width: 100%;
        margin-right: 0px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .pricing-card {
        display: block;
        width: 60%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 10px;
        padding-left: 10px;
        border-bottom: 1px none #cbcbcb;
        border-radius: 0px;
        box-shadow: none;
    }
    .pricing-primary-cta-btn {
        width: 70%;
    }
    .most-popular-img {
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .pricing-card-wrapper {
        width: 100%;
    }
    .pricing-page-descp {
        width: 450px;
    }
    .addn-pricing-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .addn-pricing-card {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .addn-pricing-card.last-addn-pricing-card {
        margin-bottom: 0px;
    }
    .pricing-card-secondary-wrapper {
        border: 1px solid #e9e9e9;
        background-color: #fff;
    }
    .plan-separator {
        height: 2px;
        margin-bottom: 25px;
        border: 1px solid #f8f8f8;
    }
    .home-menu {
        width: 90%;
    }
    .home-main-section {
        width: 95%;
    }
    .schedule-main-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .home-heading {
        max-width: 88%;
        text-align: center;
    }
    .heading-icons-wrapper {
        margin-bottom: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .icons-wrapper {
        display: block;
        margin-top: 15px;
        margin-right: auto;
        margin-left: auto;
    }
    .control-icon-img {
        height: 20px;
    }
    .schedule-month {
        margin-top: 0px;
        margin-bottom: 0px;
        font-size: 17px;
    }
    .schedule-time-wrapper {
        width: 50px;
    }
    .schedule-time-prefix {
        font-size: 16px;
        line-height: 20px;
    }
    .schedule-time-suffix {
        font-size: 11px;
        line-height: 17px;
    }
    .schedule-details-parent-wrapper {
        margin-left: 16px;
    }
    .schedule-list-fixed-wrapper {
        height: 61vh;
    }
    .attendee-wrapper {
        margin-bottom: 20px;
        padding-bottom: 12px;
    }
    .attendee-action-child-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .checkin-attendee-wrapper {
        width: 100%;
        margin-bottom: 15px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: right;
    }
    .checkin-attendee-wrapper.no-margin {
        margin-bottom: 0px;
    }
    .back-btn {
        left: -8px;
    }
    .heading-back-wrapper {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .close-btn-heading-wrapper {
        margin-bottom: 20px;
    }
    .close-btn-heading-wrapper.alt-flex {
        margin-bottom: 0px;
    }
    .reschedule-form-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .schedule-month-dropdown-list.w--open {
        width: 100%;
    }
    .schedule-month-dropdown {
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .product-card.one-third-card {
        width: 100%;
        margin-right: 0px;
    }
    .modal-token-field {
        margin-bottom: 20px;
    }
    .int-modal-form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .products-card-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .learn-more-wrapper {
        margin-top: 10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .home-temp-dropdown {
        width: 50%;
    }
    .home-temp-main-section-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .home-temp-data-parent-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        margin-bottom: 15px;
    }
    .home-temp-data-wrapper {
        height: auto;
    }
    .home-temp-data-wrapper.offline {
        border-right-style: none;
        border-bottom-style: solid;
        border-top-right-radius: 4px;
        border-bottom-left-radius: 0px;
    }
    .graph-wrapper {
        width: 100%;
    }
    .omnify-go-img {
        height: auto;
    }
    .omnify-go-heading {
        font-size: 22px;
        line-height: 29px;
    }
    .omnify-go-descp {
        font-size: 14px;
    }
    .sales-banner {
        margin-bottom: 25px;
        background-image: -webkit-linear-gradient(277deg, #6772e5 50%, #f86679 0), -webkit-linear-gradient(270deg, rgba(169, 103, 227, .85), rgba(169, 103, 227, .85)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5944edfe310d68170799edc6_banner-min.png");
        background-image: linear-gradient(173deg, #6772e5 50%, #f86679 0), linear-gradient(180deg, rgba(169, 103, 227, .85), rgba(169, 103, 227, .85)), url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5944edfe310d68170799edc6_banner-min.png");
        background-position: 0px 0px, 0px 0px, 50% 50%;
        background-size: auto, auto, contain;
        background-repeat: repeat, repeat, repeat;
    }
    .sale-wrapper-professional {
        width: 90%;
        margin-right: 0px;
        margin-bottom: 40px;
    }
    .sale-wrapper-professional.no-margin {
        width: 90%;
        margin-bottom: 20px;
    }
    .parent-sale-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .custom-forms-body.widgets-alt-mobile {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .custom-forms-right-section.widgets-alt-width {
        width: 100%;
        height: auto;
        padding-bottom: 100px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .custom-forms-left-section.widgets-alt-width {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .setup-asst-close-btn {
        right: 83px;
    }
    .emails-customize-btn.alt-changes {
        padding-left: 0px;
    }
    .email-description.bottom-margin.feature-description {
        margin-left: 0px;
    }
    .email-description.bottom-margin.feature-description.more-left-margin {
        margin-left: 0px;
    }
    .tutorial-card {
        width: 90%;
    }
    .widget-btn-wrapper {
        text-align: center;
    }
    .edit-email-field {
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .edit-email-label {
        margin-bottom: 10px;
    }
    .edit-email-label.alt-changes.no-bottom-margin {
        margin-bottom: 10px;
    }
    .action-dropdown.alt-color.alt-changes-mobile {
        margin-right: 0px;
    }
    .action-dropdown-toggle {
        margin-bottom: 10px;
    }
    .action-dropdown-toggle.alt-changes {
        margin-bottom: 0px;
    }
    .action-dropdown-list.position-left.w--open {
        right: -130px;
    }
    .edit-email-text-tag {
        margin-bottom: 5px;
    }
    .edit-email-custom-field {
        max-width: none;
        margin-bottom: 10px;
    }
    .dummy-upgrade-btn {
        margin-top: 10%;
    }
    .paywall-wrapper-left {
        width: 100%;
        padding-top: 25px;
        padding-bottom: 20px;
    }
    .paywall-wrapper-right {
        width: 100%;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .paywall-upgrade-image {
        width: 50%;
        margin-top: 20px;
    }
    .paywall-upgrade-image.second-upgrade-image {
        margin-top: 15px;
    }
    .paywall-secondary-heading {
        margin-top: 0px;
    }
    .email-body-tag-wrapper {
        margin-bottom: 0px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .settings-lock-image.left-margin {
        margin-left: 0px;
    }
    .create-modal-form-block {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .create-modal-header {
        padding-right: 20px;
        padding-left: 20px;
    }
    .create-modal-sub-heading {
        margin-bottom: 20px;
    }
    .sec-nav-container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sec-nav-heading {
        position: static;
        display: block;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 10px;
        padding-right: 0px;
        padding-bottom: 10px;
    }
    .sec-nav-menu {
        position: relative;
        width: 100%;
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .new-right-section {
        padding-right: 12px;
        padding-left: 12px;
    }
    .new-right-section.z-index {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        padding-right: 4%;
        padding-left: 4%;
    }
    .profile-text.tab-opt {
        margin-left: 15px;
    }
    .profile-text.top-margin {
        min-width: 190px;
    }
    .client-status.mob-opt {
        margin-top: 3px;
        margin-left: 15px;
    }
    .action-buttons-wrapper.large-panel-pos.alt-pos {
        top: 8px;
        right: 15px;
    }
    .action-bar {
        padding-right: 4%;
        padding-left: 4%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .primary-action-btn {
        margin-left: 0px;
    }
    .primary-action-btn.mobile-opt {
        position: absolute;
        top: 0px;
        right: 0px;
    }
    .action-bar-right-wrapper {
        padding-top: 15px;
        padding-bottom: 8px;
    }
    .search-form-block {
        width: 100%;
        margin-left: 0px;
    }
    .search-form {
        min-width: 0px;
    }
    .page-navigator {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .roles-permit-select {
        width: auto;
    }
    .role-descp {
        min-height: 150px;
    }
    .back-heading-wrapper {
        margin-bottom: 10px;
    }
}

@media (max-width: 479px) {
    .header {
        height: 60px;
    }
    .onboard-footer {
        height: auto;
    }
    .onboard-body {
        padding-left: 20px;
    }
    .onboard-body.top-padding {
        padding-right: 12px;
        padding-left: 12px;
    }
    .step {
        width: 24%;
        margin-left: 0px;
    }
    .step-text {
        font-size: 12px;
    }
    .step-text.active {
        font-size: 12px;
    }
    .step-count {
        width: 26px;
        height: 25px;
        font-size: 18px;
    }
    .step-divider {
        display: inline-block;
        height: 84px;
        margin-right: 0px;
        margin-left: 0px;
        padding-top: 0px;
    }
    .btn-onboarding-primary {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .btn-onboarding-primary.back {
        display: block;
        margin-right: auto;
        margin-left: auto;
        float: none;
    }
    .btn-onboarding-primary.btn-create {
        width: 110px;
        margin-bottom: 10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .text-btn-onboarding.btn-create {
        margin-right: 10px;
        margin-left: 11px;
        font-size: 17px;
    }
    .icon-btn-onboarding.icon-add {
        max-width: 100%;
        margin-right: 10px;
        font-size: 12px;
        line-height: 20px;
    }
    .form-input-onbording {
        width: 100%;
    }
    .form-input-onbording.half {
        width: 100%;
        margin-right: 0px;
    }
    .form-input-onbording.half.second-half {
        margin-left: 0px;
    }
    .form-input-onbording.half.extra-margin {
        margin-left: 0px;
    }
    .form-input-onbording.one-third.required {
        width: 96%;
    }
    .form-input-onbording.one-third.one-third2 {
        width: 20%;
    }
    .form-input-onbording.one-third.one-third2.left-margin {
        width: 60%;
    }
    .form-input-onbording.two-third.phone {
        width: 72%;
    }
    .form-input-onbording.required {
        width: 96%;
    }
    .form-input-onbording.subdomain-text {
        width: 96%;
        margin-top: 0px;
    }
    .location-map {
        width: 100%;
        height: 275px;
    }
    .setup-service-select-box {
        display: block;
        width: 100%;
        margin-right: auto;
        margin-left: auto;
    }
    .setup-select-services-dropdown {
        display: inline-block;
        padding: 10px 40px 10px 10px;
        float: none;
        font-size: 15px;
    }
    .trainer-body {
        height: 100vh;
    }
    .trainer-body.bg1 {
        background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/560aa6e061b261444831deae_bg1.png");
        background-position: 0px 0px;
        background-size: 375px;
    }
    .wide-container {
        width: 95%;
    }
    .hero-section-header-offer {
        margin-top: 20px;
        margin-bottom: 50px;
        font-size: 26px;
    }
    .offer-page-form {
        width: 100%;
    }
    .offer-page-form-field1.small {
        margin-left: 5px;
    }
    .offer-page-form-field1.small.type2 {
        width: 48%;
        margin-left: 5px;
        float: none;
        clear: none;
    }
    .offer-page-header1 {
        font-size: 26px;
    }
    .hero-section-offer_subheader1 {
        font-size: 20px;
        font-weight: 400;
    }
    .hero-section-offer_subheader1.center-align {
        font-size: 20px;
    }
    .form-field-right {
        width: 100%;
        float: none;
    }
    .form-titletext {
        width: 98%;
        float: none;
    }
    .form-field-inline {
        width: 25%;
    }
    .form-field-inline.big {
        width: 75%;
    }
    .hero-section-offer-text {
        margin-bottom: 20px;
        font-size: 14px;
        letter-spacing: 1px;
    }
    .hero-section-offer-image {
        margin-bottom: 30px;
    }
    .supersanta-text {
        font-size: 65px;
    }
    .supersanta-box {
        width: 100%;
        margin-bottom: 0px;
    }
    .hero-section-divider.offer-page {
        width: 95%;
    }
    .narrow-container {
        width: 95%;
        font-size: 14px;
    }
    .content-section-subheader1 {
        font-size: 16px;
    }
    .content-section-list {
        font-size: 16px;
    }
    .forms-modal-container {
        width: 100%;
        height: 100%;
        background-color: #fff;
    }
    .forms-modal-header {
        height: auto;
        padding-top: 5px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .forms-modal-body {
        height: 80%;
    }
    .forms-primary-section.less-margin {
        padding-bottom: 50px;
    }
    .forms-primary-section.less-margin.less-margin-summary {
        padding-right: 8px;
        padding-left: 10px;
    }
    .section-heading.switch-text.darker-font {
        font-weight: 600;
    }
    .form-group-n {
        margin-top: 25px;
        padding-bottom: 25px;
        background-color: #fff;
        opacity: 1;
    }
    .form-group-n.extra-margin {
        padding-bottom: 25px;
    }
    .form-group-n.single-field-group {
        margin-top: 5px;
        padding-bottom: 15px;
    }
    .form-group-n.single-field-group.field-top-padding {
        margin-top: 25px;
        padding-bottom: 15px;
    }
    .form-group-n.single-field-group.select-field-margin {
        margin-top: 5px;
        padding-bottom: 5px;
    }
    .form-group-n.switch-group {
        margin-top: 25px;
        padding-bottom: 20px;
    }
    .form-field-n.form-field-width {
        width: 40%;
    }
    .form-field-n.extra-margin.form-field-inline.form-field-mobile-inline {
        width: 25%;
    }
    .form-field-n.extra-margin.form-field-mobile {
        width: 70%;
        margin-left: 35px;
    }
    .form-field-n.filter-parent {
        width: 50%;
        border-color: #bebebe;
    }
    .form-field-n.filter-child {
        width: 50%;
        padding-right: 5px;
        padding-left: 5px;
        border-color: #bebebe;
    }
    .form-select-n.field-heading.form-select-width.form-select-center.form-field-mobile {
        width: 70%;
        margin-left: 35px;
    }
    .form-select-n.field-heading.form-select-width2.form-field-mobile-inline {
        width: 40%;
    }
    .form-select-n.form-select-switch.field-color {
        width: auto;
        height: auto;
    }
    .form-cover-photo {
        width: 90%;
    }
    .inline-text.switch-text {
        width: auto;
        color: #4a4a4a;
        font-weight: 400;
    }
    .inline-text.switch-text.inline-text-width {
        color: #4a4a4a;
        font-weight: 400;
    }
    .form-days-wrapper {
        width: 110%;
    }
    .filter-label {
        width: 30%;
    }
    .btn-cta-primary {
        margin-top: 0px;
    }
    .btn-cta-primary.btn-new-class {
        margin-left: 0px;
    }
    .btn-cta-primary.btn-text-mobile {
        font-size: 13px;
        font-weight: 400;
    }
    .create-class-heading {
        margin-left: 10px;
        font-size: 16px;
    }
    .create-class-header-form-wrapper {
        margin-bottom: 0px;
    }
    .cta-primary-wrapper {
        margin-bottom: 25px;
    }
    .form-field-x {
        width: 90%;
    }
    .form-field-x.search-bar {
        width: 80%;
        font-weight: 400;
    }
    .toggle-wrapper {
        height: 20px;
    }
    .toggle-button.toggle-off {
        background-color: #d8d8d8;
    }
    .form-field-y {
        font-size: 14px;
    }
    .form-field-y.field-margin {
        height: auto;
        padding-top: 2px;
        padding-bottom: 2px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        border-color: #bebebe;
        color: #bebebe;
    }
    .form-field-y.field-margin.adjust-width {
        width: 80px;
        padding-right: 3px;
        padding-left: 3px;
    }
    .form-field-y.inline-field-y {
        width: 100px;
    }
    .form-field-y.inline-field-y.inline-field-width {
        width: 65px;
    }
    .parent-price-wrapper {
        width: 100%;
    }
    .btn-advanced.btn-summary {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
    }
    .btn-advanced.btn-summary.btn-text-mobile {
        font-size: 14px;
    }
    .time-wrapper {
        margin-right: 20px;
    }
    .in-link-text {
        display: inline;
    }
    .summary-heading.summary-heading-mobile {
        font-size: 14px;
    }
    .summary-item-heading {
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .summary-item-img {
        width: 8px;
        height: 8px;
        margin-top: 6px;
        margin-left: 0px;
        padding-right: 0px;
        padding-left: 0px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
    }
    .summary-item-text {
        margin-bottom: 2px;
        margin-left: 0px;
    }
    .summary-item-text-wrapper {
        margin-left: 10px;
    }
    .summary-inline-block {
        margin-left: 0px;
        font-family: 'Open Sans', sans-serif;
        color: #4a4a4a;
        font-weight: 400;
    }
    .summary-inline-text {
        color: #4a4a4a;
        font-weight: 600;
    }
    .tabs-menu {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        margin-left: 50px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
    .tab-link {
        margin-left: 5px;
        padding-right: 10px;
    }
    .tab-link.w--current {
        margin-left: 5px;
    }
    .tab1-img {
        width: 18.53px;
        height: 15px;
        margin-top: 3px;
    }
    .tab-title {
        margin-left: 5px;
        font-size: 16px;
    }
    .tab2-img {
        width: 15px;
        height: 15px;
        margin-top: 3px;
    }
    .filter-button {
        width: 90%;
    }
    .selected-text {
        overflow: hidden;
        font-weight: 600;
    }
    .selected-text.service-name {
        overflow: hidden;
    }
    .report-wrapper-1 {
        width: 90%;
    }
    .booking-list-parent {
        width: 90%;
    }
    .booking-date-wrapper {
        margin-bottom: 10px;
    }
    .booking-sub-item {
        margin-top: 0px;
    }
    .booking-line {
        width: 60%;
    }
    .booking-name {
        width: 55%;
        max-width: 55%;
    }
    .booking-name.ellipsisx {
        width: 60%;
    }
    .booking-name.ellipsis-y {
        overflow: hidden;
    }
    .booking-price {
        width: 45%;
        margin-left: 5px;
    }
    .booking-price.ellipsisx {
        width: 40%;
    }
    .booking-status {
        width: 27%;
    }
    .booking-status.paid {
        width: 27%;
    }
    .booking-name-price {
        width: 73%;
    }
    .booking-attendees {
        width: 35%;
        max-width: 30%;
        margin-right: 3px;
    }
    .booking-services {
        width: 60%;
    }
    .booking-sub-item-link {
        margin-top: 10px;
        text-decoration: none;
    }
    .see-all-button {
        right: 17px;
    }
    .new-booking-button {
        right: 12px;
        background-image: url("http://uploads.webflow.com/55f957c03f37ee8b38860430/5871cfc20afb3b4e5cad93c2_add%20copy.png");
        background-size: 35px;
    }
    .onb-cta-bar {
        padding: 5px;
    }
    .onb-main-section {
        padding-bottom: 80px;
    }
    .onb-cta {
        padding-right: 10px;
    }
    .onb-cta-text {
        margin-right: 5px;
        font-size: 14px;
    }
    .onb-h1 {
        padding-right: 10px;
        padding-left: 10px;
    }
    .onb-card {
        background-color: #fff;
    }
    .onb-card.less-margin {
        margin-top: 10px;
    }
    .onb-card.less-margin.half-card.right-card.full-width {
        width: 93%;
    }
    .onb-card.onb-card-plan {
        padding: 0px;
    }
    .onb-card-header.onb-card-header-plan {
        position: relative;
        top: 20px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .onb-card-heading.center-aligned {
        font-size: 12px;
    }
    .plan-card-header.option-2 {
        color: #868686;
        font-weight: 700;
    }
    .includes {
        margin-top: 30px;
    }
    .includes.option-2 {
        color: #868686;
    }
    .pricing-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 3px;
        margin-left: 10px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-align-self: flex-end;
        -ms-flex-item-align: end;
        align-self: flex-end;
    }
    .pricing-primary-text.option-1 {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        color: #fff;
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
    }
    .pricing-secondary-text {
        margin-left: 3px;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        color: #fff;
        line-height: 15px;
    }
    .onb-card-price {
        padding-right: 10px;
        padding-left: 10px;
    }
    .highlighted-price {
        font-weight: 700;
    }
    .onb-field-wrapper.extra-top-margin {
        margin-top: 45px;
    }
    .onb-field.sub-d-field.less-bottom-margin {
        width: 180px;
    }
    .domain-name {
        margin-left: 5px;
    }
    .signup-form-wrapper {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }
    .onb-top-bar-text {
        font-size: 14px;
    }
    .onb-card-bottom-bar {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 10px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #cbcbcb;
    }
    .onb-card-bottom-bar.selected-card {
        background-color: #25d366;
    }
    .onb-card-top-bar {
        padding: 0px 10px 15px;
    }
    .onb-card-bottom-bar-text {
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center;
        color: #fff;
        font-weight: 600;
    }
    .img-primary-button {
        border-radius: 2px;
    }
    .ticket-card {
        box-shadow: 1px 1px 3px 0 #818181;
    }
    .setup-asst-dashboard-main-section {
        height: auto;
    }
    .setup-asst-wrapper {
        left: 0px;
        top: 1500px;
        right: 0px;
        bottom: 0px;
        height: 100vh;
        padding-top: 0px;
    }
    .setup-asst-card {
        width: 93%;
    }
    .setup-asst-heading-wrapper {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        z-index: 500;
        width: 100%;
        margin-top: 0px;
    }
    .setup-asst-heading-wrapper.closed {
        bottom: -15px;
        display: block;
        width: 93%;
        margin-right: auto;
        margin-left: auto;
        padding-top: 10px;
        background-image: -webkit-linear-gradient(270deg, #4a4a4a, #4a4a4a);
        background-image: linear-gradient(180deg, #4a4a4a, #4a4a4a);
    }
    .setup-asst-heading {
        width: 90%;
        margin-right: 10px;
        margin-left: 0px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .setup-asst-heading.closed {
        width: 78%;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .card-logo {
        margin-right: 5px;
        margin-left: 10px;
    }
    .asst-card-heading {
        font-size: 16px;
    }
    .setup-asst-main-wrapper {
        width: 100%;
        height: 97%;
        margin-top: 0px;
    }
    .completed-heading-wrapper {
        width: 93%;
    }
    .completed-line {
        width: 56%;
    }
    .setup-asst-expand-button {
        left: 15px;
        right: auto;
        bottom: 0px;
        width: 230px;
        padding-right: 10px;
        padding-left: 10px;
        background-image: -webkit-linear-gradient(270deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
        background-image: linear-gradient(180deg, rgba(74, 74, 74, .75), rgba(74, 74, 74, .75));
    }
    .web-settings-wrapper.alt-card {
        padding: 12px;
    }
    .web-settings-wrapper.alt-card.alt-padding {
        padding: 15px 12px;
    }
    .web-settings-heading-wrapper {
        margin-bottom: 10px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .web-setting-expand {
        margin-top: 30px;
        margin-bottom: 15px;
        font-size: 16px;
        text-align: center;
    }
    .web-setting-expand.move-right.half {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .web-setting-expand.web-settings-secondary-cta.half.secondary-hover {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .web-setting-expand.web-settings-secondary-cta.half.secondary-hover.less-margin.no-bottom-margin {
        width: auto;
        margin-left: 0px;
    }
    .web-setting-expand.half {
        width: 47.3%;
        font-size: 14px;
    }
    .web-setting-expand.half.request-custom {
        width: 70%;
        margin-top: 0px;
        margin-left: 0px;
    }
    .web-setting-expand.half.less-margin {
        margin-top: 10px;
    }
    .web-setting-expand.half.added-records {
        width: auto;
        margin-top: 0px;
    }
    .web-setting-expand.alt-change {
        margin-top: 15px;
        margin-bottom: 0px;
    }
    .web-settings-form-label.emails-heading {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .web-settings-social-wrapper {
        display: block;
        width: 100%;
    }
    .web-settings-buttons-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 15px;
        margin-bottom: 15px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .web-settings-buttons-wrapper.alt-changes {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .web-settings-image {
        display: block;
        height: 200px;
        margin-right: auto;
        margin-left: auto;
    }
    .web-settings-checkbox-field {
        margin-top: 25px;
        padding-left: 0px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .web-settings-checkbox-field.no-padding.no-margin {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .web-settings-checkbox-field.no-padding.no-margin.no-bottom-margin {
        margin-bottom: 15px;
    }
    .web-settings-checkbox {
        margin-left: 30px;
    }
    .web-settings-checkbox.no-margin-mobile {
        margin-left: 0px;
    }
    .paywall-wrapper {
        padding-top: 60px;
        padding-right: 25px;
        padding-left: 25px;
    }
    .paywall-wrapper-2 {
        padding-right: 25px;
        padding-left: 25px;
    }
    .billing-card {
        margin-bottom: 20px;
        padding-bottom: 15px;
    }
    .billing-card-heading {
        margin-top: 50px;
    }
    .billing-card-heading.first-item {
        margin-top: 0px;
    }
    .secondary-billing-text-3 {
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .secondary-billing-text-3.no-margin {
        margin-bottom: 10px;
    }
    .secondary-billing-text-3.left-bottom-margin {
        margin-bottom: 0px;
        margin-left: 8px;
    }
    .upgrade-primary-btn.sub-cancel-btn {
        margin-top: 15px;
        margin-right: 0px;
    }
    .secondary-billing-text-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .billing-btn-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
    }
    .mobile-billing-card-details-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 25px;
    }
    .mobile-billing-card-details-child-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 5px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .mobile-billing-card-details-int-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .invoice-img {
        margin-right: 20px;
    }
    .pricing-card {
        width: 100%;
        margin-bottom: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
    }
    .pricing-card.highlighted-pricing-card {
        margin-bottom: 0px;
    }
    .plan-descp.premium {
        text-align: center;
    }
    .pricing-primary-cta-btn {
        width: 100%;
    }
    .pricing-primary-cta-btn.biz-plan {
        width: 100%;
    }
    .pricing-primary-cta-btn.current-plan-cta {
        width: 100%;
    }
    .pricing-primary-cta-btn.downgrade-cta {
        width: 100%;
    }
    .pricing-card-wrapper {
        width: 100%;
    }
    .pricing-heading {
        text-align: center;
    }
    .pricing-body {
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 0px;
    }
    .pricing-page-descp {
        width: 230px;
    }
    .addn-pricing-wrapper {
        width: 100%;
    }
    .addn-pricing-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 91%;
        margin-right: auto;
        margin-left: auto;
    }
    .addn-pricing-card.last-addn-pricing-card {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 91%;
        margin-right: auto;
        margin-left: auto;
    }
    .pricing-card-secondary-wrapper {
        border-style: none;
        border-radius: 0px;
        background-color: #f7f7f7;
    }
    .pricing-card-primary-wrapper {
        padding-right: 20px;
        padding-left: 20px;
    }
    .home-menu {
        width: 100%;
    }
    .home-main-section {
        width: 100%;
        margin-top: 0px;
    }
    .nav-card {
        padding-left: 10px;
    }
    .nav-card-img {
        width: 40px;
    }
    .nav-card-parent-text {
        font-size: 14px;
        line-height: 19px;
    }
    .nav-card-child-text {
        font-size: 12px;
        line-height: 18px;
    }
    .schedule-main-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .home-heading {
        margin-bottom: 0px;
        margin-left: 5px;
        font-size: 18px;
        line-height: 28px;
    }
    .heading-icons-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .schedule-month {
        margin-top: 0px;
    }
    .schedule-date-parent-wrapper {
        width: 290px;
    }
    .schedule-date-child-wrapper.right-margin {
        margin-right: 15px;
    }
    .schedule-date {
        font-size: 20px;
        line-height: 26px;
    }
    .schedule-day {
        font-size: 10px;
        line-height: 16px;
    }
    .schedule-time-wrapper {
        width: 43px;
    }
    .schedule-time-prefix {
        font-size: 15px;
        line-height: 19px;
    }
    .schedule-details-child-wrapper.class {
        padding-right: 5px;
    }
    .schedule-detail-heading {
        font-size: 15px;
        line-height: 21px;
    }
    .schedule-details-parent-wrapper {
        margin-left: 12px;
    }
    .schedule-list-fixed-wrapper {
        height: 59vh;
    }
    .text-block-3 {
        font-size: 14px;
        line-height: 22px;
    }
    .filter-apply-btn {
        width: 48%;
    }
    .filter-cancel-btn {
        width: 48%;
    }
    .filter-btn-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 95%;
        margin-right: auto;
        margin-left: auto;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
    }
    .schedule-filter-fixed-wrapper {
        height: 78vh;
    }
    .filter-category-heading {
        margin-top: 0px;
        margin-left: 5px;
    }
    .schedule-filter-wrapper {
        padding-right: 4px;
        padding-left: 2px;
    }
    .close-btn-heading-wrapper {
        margin-bottom: 15px;
    }
    .schedule-month-dropdown-list.w--open {
        width: 100%;
    }
    .schedule-month-dropdown {
        -webkit-box-flex: 0;
        -webkit-flex: 0 auto;
        -ms-flex: 0 auto;
        flex: 0 auto;
    }
    .parent-filter-delete-wrapper.alt-flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .filter-delete-link.alt-right-margin {
        margin-right: 2px;
    }
    .website-filter-card {
        padding-right: 10px;
        padding-left: 10px;
    }
    .modal-token-field {
        width: 100%;
    }
    .home-temp-dropdown {
        width: 100%;
    }
    .home-temp-top-section-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .home-temp-graph-control-wrapper {
        margin-top: 15px;
        margin-left: 0px;
    }
    .home-temp-data-parent-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .home-temp-data-wrapper {
        border-right-style: none;
    }
    .omnify-go-img {
        height: auto;
    }
    .omnify-go-heading {
        font-size: 20px;
        line-height: 27px;
    }
    .omnify-go-descp {
        font-size: 13px;
        line-height: 19px;
    }
    .omnify-go-app-redirect-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .app-store-img.apple {
        height: 47px;
    }
    .app-store-link {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .sales-banner {
        width: 100%;
        margin-bottom: 20px;
        border-radius: 0px;
    }
    .sale-wrapper-professional {
        margin-bottom: 40px;
    }
    .sale-wrapper-professional.no-margin {
        margin-bottom: 10px;
    }
    .custom-forms-right-section {
        padding-right: 10px;
        padding-left: 10px;
    }
    .custom-forms-left-section.widgets-alt-width {
        padding-right: 15px;
        padding-left: 15px;
    }
    .setup-asst-close-btn {
        right: 13px;
        bottom: 11px;
    }
    .field-extra-info.alt-changes {
        width: 100%;
        text-align: left;
    }
    .emails-customize-btn {
        margin-bottom: 10px;
        padding: 0px;
    }
    .tutorial-card {
        width: 100%;
    }
    .breaks-actions {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .website-settings-text-wrapper {
        margin-bottom: 15px;
    }
    .edit-email-custom-field.one-half-field {
        width: 80%;
    }
    .edit-email-custom-field.alt-width {
        max-width: 100%;
    }
    .dummy-upgrade-btn {
        margin-left: 40%;
    }
    .paywall-wrapper-right {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
    .paywall-upgrade-image {
        width: 75%;
    }
    .user-action-status {
        margin-bottom: 10px;
        margin-left: 0px;
    }
    .custom-domain-btn-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .upgrade-btn-primary {
        margin-bottom: 20px;
        float: none;
    }
    .new-right-section.z-index {
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }
    .client-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .profile-text.tab-opt {
        margin-top: 5px;
    }
    .client-status.mob-opt {
        margin-top: 5px;
        margin-left: 15px;
    }
    .action-buttons-wrapper {
        margin-top: 15px;
        margin-left: 55px;
    }
    .action-buttons-wrapper.large-panel-pos {
        top: 0px;
    }
    .action-buttons-wrapper.large-panel-pos.alt-pos {
        top: -7px;
        right: 15px;
    }
    .action-bar {
        padding-top: 0px;
    }
    .primary-action-btn {
        min-width: 150px;
        margin-left: 0px;
        padding-right: 10px;
        padding-left: 10px;
    }
    .primary-action-btn.secondary-action-btn {
        margin-top: 0px;
        margin-right: 15px;
        margin-left: 0px;
    }
    .primary-action-btn.mobile-opt {
        min-width: 180px;
    }
    .action-bar-right-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .close-side-panel {
        top: 18px;
    }
    .specific-body-wrapper {
        padding-right: 10px;
        padding-left: 10px;
    }
    .roles-row {
        position: relative;
        overflow: auto;
    }
    .roles-column {
        padding-right: 0px;
        padding-left: 0px;
    }
    .roles-column.heading {
        padding-right: 0px;
        padding-left: 0px;
    }
    .roles-column.heading.column-1 {
        position: static;
        left: 0px;
        top: 0px;
        bottom: 0px;
    }
}

.inline-checkbox{
    margin:0 0 15px 0;
    padding:3px 0;
}
.inline-checkbox .material-switch{
    margin:11px;
}
select option{
    background:#fff;
}


.dashboard-button {
    display: inline-block;
    padding: 9px 15px;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}
.dashboard-button:hover, .dashboard-button:active{
    text-decoration: none;
}