/* -=-=-=-=-=-=-=-=-=-=-=-=-=
 		Module Settings Starts 
 -=-=-=-=-=-=-=-=-=-=-=-=-= */

{% set themeColor = 'null' %} 
{% set textColor = 'null' %} 
{% set alternateColor = 'null' %} 
{% set noButtonStyle = 'false' %}

/* -=-=-=-=-=-=-=-=-=-=-=-=-=
 		Module Settings Ends
 -=-=-=-=-=-=-=-=-=-=-=-=-= */



/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper { overflow:hidden!important;padding:0!important;position:relative }
.scroll-wrapper>.scroll-content { border:none!important;box-sizing:content-box!important;height:auto;left:0;margin:0;max-height:none;max-width:none!important;overflow:scroll!important;padding:0;position:relative!important;top:0;width:auto!important}
.scroll-wrapper>.scroll-content::-webkit-scrollbar { height:0;width:0 }
.scroll-element { display:none }
.scroll-element,.scroll-element div { box-sizing:content-box }
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible { display:block }
.scroll-element .scroll-arrow,.scroll-element .scroll-bar { cursor:default }
.scroll-textarea { border:1px solid #ccc;border-top-color:#999 }
.scroll-textarea>.scroll-content { overflow:hidden!important }
.scroll-textarea>.scroll-content>textarea { border:none!important;box-sizing:border-box;height:100%!important;margin:0;max-height:none!important;max-width:none!important;overflow:scroll!important;outline:0;padding:2px;position:relative!important;top:0;width:100%!important }
.scrollbar-inner>.scroll-element .scroll-element_outer,.scrollbar-outer>.scroll-element .scroll-element_outer { overflow:hidden } 
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar { height:0;width:0 }
.scrollbar-inner>.scroll-element,.scrollbar-inner>.scroll-element div { border:none;margin:0;padding:0;position:absolute;z-index:10 } 
.scrollbar-inner>.scroll-element div { display:block;height:100%;left:0;top:0;width:100% } 
.scrollbar-inner>.scroll-element.scroll-x { bottom:2px;height:8px;left:0;width:100% } 
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-inner>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-12px } 
.scrollbar-inner>.scroll-element.scroll-y { height:100%;right:2px;top:0;width:8px } 
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-inner>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-12px } 
.scrollbar-inner>.scroll-element .scroll-bar,
.scrollbar-inner>.scroll-element .scroll-element_outer,
.scrollbar-inner>.scroll-element .scroll-element_track { -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px }
.scrollbar-inner>.scroll-element .scroll-bar,.scrollbar-inner>.scroll-element .scroll-element_track{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";filter:alpha(opacity=40);opacity:.4 } 
.scrollbar-inner>.scroll-element .scroll-element_track { background-color:#e0e0e0 }
.scrollbar-inner>.scroll-element .scroll-bar { background-color:#c2c2c2 }
.scrollbar-inner>.scroll-element.scroll-draggable .scroll-bar,
.scrollbar-inner>.scroll-element:hover .scroll-bar { background-color:#919191 }
.scrollbar-outer>.scroll-element,
.scrollbar-outer>.scroll-element div { border:none;margin:0;padding:0;position:absolute;z-index:10 }
.scrollbar-outer>.scroll-element { background-color:#fff }
.scrollbar-outer>.scroll-element div { display:block;height:100%;left:0;top:0;width:100% }
.scrollbar-outer>.scroll-element.scroll-x { bottom:0;height:12px;left:0;width:100% }
.scrollbar-outer>.scroll-element.scroll-y { height:100%;right:0;top:0;width:12px }
.scrollbar-outer>.scroll-element.scroll-x .scroll-element_outer { height:8px;top:2px }
.scrollbar-outer>.scroll-element.scroll-y .scroll-element_outer { left:2px;width:8px }
.scrollbar-outer>.scroll-element .scroll-element_track { background-color:#eee }
.scrollbar-outer>.scroll-element .scroll-bar,
.scrollbar-outer>.scroll-element .scroll-element_outer,
.scrollbar-outer>.scroll-element .scroll-element_track { -webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px }
.scrollbar-outer>.scroll-element .scroll-bar { background-color:#d9d9d9 }
.scrollbar-outer>.scroll-element .scroll-bar:hover { background-color:#c2c2c2 }
.scrollbar-outer>.scroll-element.scroll-draggable .scroll-bar { background-color:#919191 }
.scrollbar-outer>.scroll-content.scroll-scrolly_visible { left:-12px;margin-left:12px }
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-outer>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-14px }
.scrollbar-outer>.scroll-content.scroll-scrollx_visible { top:-12px;margin-top:12px }
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-outer>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-14px }
.scrollbar-outer>.scroll-element.scroll-x .scroll-bar { min-width:10px }
.scrollbar-outer>.scroll-element.scroll-y .scroll-bar { min-height:10px }
.scrollbar-macosx>.scroll-element,.scrollbar-macosx>.scroll-element div { background:0 0;border:none;margin:0;padding:0;position:absolute;z-index:10 } 
.scrollbar-macosx>.scroll-element div { display:block;height:100%;left:0;top:0;width:100% }
.scrollbar-macosx>.scroll-element .scroll-element_track { display:none }
.scrollbar-macosx>.scroll-element .scroll-bar { background-color:#6C6E71;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;-o-transition:opacity .2s linear;-ms-transition:opacity .2s linear;transition:opacity .2s linear}
.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar{ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7 }
.scrollbar-macosx>.scroll-element.scroll-x { bottom:0;height:0;left:0;min-width:100%;overflow:visible;width:100% }
.scrollbar-macosx>.scroll-element.scroll-y { height:100%;min-height:100%;right:0;top:0;width:0 } 
.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar { height:7px;min-width:10px;top:-9px }
.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar { left:-9px;min-height:10px;width:7px }
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer { left:2px }
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size { left:-4px }
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer { top:2px }
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size { top:-4px }
.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left:-11px }
.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top:-11px }
.scrollbar-light>.scroll-element,.scrollbar-light>.scroll-element div { border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10 }
.scrollbar-light>.scroll-element { background-color:#fff } 
.scrollbar-light>.scroll-element div { display:block;height:100%;left:0;top:0;width:100% }
.scrollbar-light>.scroll-element .scroll-element_outer { -webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px }
.scrollbar-light>.scroll-element .scroll-element_size{ background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#dbdbdb),color-stop(100%,#e8e8e8));background:-webkit-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:-o-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:-ms-linear-gradient(left,#dbdbdb 0,#e8e8e8 100%);background:linear-gradient(to right,#dbdbdb 0,#e8e8e8 100%);-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px }
.scrollbar-light>.scroll-element.scroll-x { bottom:0;height:17px;left:0;min-width:100%;width:100% }
.scrollbar-light>.scroll-element.scroll-y { height:100%;min-height:100%;right:0;top:0;width:17px }
.scrollbar-light>.scroll-element .scroll-bar { background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:-webkit-gradient(linear,left top,right top,color-stop(0,#fefefe),color-stop(100%,#f5f5f5));background:-webkit-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:-o-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:-ms-linear-gradient(left,#fefefe 0,#f5f5f5 100%);background:linear-gradient(to right,#fefefe 0,#f5f5f5 100%);border:1px solid #dbdbdb;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px }
.scrollbar-light>.scroll-content.scroll-scrolly_visible { left:-17px;margin-left:17px }
.scrollbar-light>.scroll-content.scroll-scrollx_visible { top:-17px;margin-top:17px }
.scrollbar-light>.scroll-element.scroll-x .scroll-bar { height:10px;min-width:10px;top:0 }
.scrollbar-light>.scroll-element.scroll-y .scroll-bar { left:0;min-height:10px;width:10px }
.scrollbar-light>.scroll-element.scroll-x .scroll-element_outer { height:12px;left:2px;top:2px }
.scrollbar-light>.scroll-element.scroll-x .scroll-element_size { left:-4px }
.scrollbar-light>.scroll-element.scroll-y .scroll-element_outer { left:2px;top:2px;width:12px }
.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-light>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-19px }
.scrollbar-light>.scroll-element.scroll-y .scroll-element_size { top:-4px }
.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-light>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-19px }
.scrollbar-rail>.scroll-element,.scrollbar-rail>.scroll-element div { border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10 } 
.scrollbar-rail>.scroll-element { background-color:#fff }
.scrollbar-rail>.scroll-element div { display:block;height:100%;left:0;top:0;width:100% }
.scrollbar-rail>.scroll-element .scroll-element_size { background-color:#999;background-color:rgba(0,0,0,.3) }
.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-element_size { background-color:#666;background-color:rgba(0,0,0,.5) }
.scrollbar-rail>.scroll-element.scroll-x { bottom:0;height:12px;left:0;min-width:100%;padding:3px 0 2px;width:100% }
.scrollbar-rail>.scroll-element.scroll-y { height:100%;min-height:100%;padding:0 2px 0 3px;right:0;top:0;width:12px }
.scrollbar-rail>.scroll-element .scroll-bar { background-color:#d0b9a0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.5) }
.scrollbar-rail>.scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow:1px 1px 3px rgba(0,0,0,.6) }
.scrollbar-rail>.scroll-content.scroll-scrolly_visible { left:-17px;margin-left:17px }
.scrollbar-rail>.scroll-content.scroll-scrollx_visible { margin-top:17px;top:-17px }
.scrollbar-rail>.scroll-element.scroll-x .scroll-bar { height:10px;min-width:10px;top:1px }
.scrollbar-rail>.scroll-element.scroll-y .scroll-bar { left:1px;min-height:10px;width:10px }
.scrollbar-rail>.scroll-element.scroll-x .scroll-element_outer { height:15px;left:5px }
.scrollbar-rail>.scroll-element.scroll-x .scroll-element_size { height:2px;left:-10px;top:5px }
.scrollbar-rail>.scroll-element.scroll-y .scroll-element_outer { top:5px;width:15px }
.scrollbar-rail>.scroll-element.scroll-y .scroll-element_size { left:5px;top:-10px;width:2px }
.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-rail>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left:-25px }
.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-rail>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-25px }
.scrollbar-dynamic>.scroll-element,.scrollbar-dynamic>.scroll-element div { background:0 0;border:none;margin:0;padding:0;position:absolute;z-index:10 }
.scrollbar-dynamic>.scroll-element div { display:block;height:100%;left:0;top:0;width:100% }
.scrollbar-dynamic>.scroll-element.scroll-x { bottom:2px;height:7px;left:0;min-width:100%;width:100% }
.scrollbar-dynamic>.scroll-element.scroll-y{height:100%;min-height:100%;right:2px;top:0;width:7px}
.scrollbar-dynamic>.scroll-element .scroll-element_outer{opacity:.3;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}
.scrollbar-dynamic>.scroll-element .scroll-element_size{background-color:#ccc;opacity:0;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-webkit-transition:opacity .2s;-moz-transition:opacity .2s;-o-transition:opacity .2s;-ms-transition:opacity .2s;transition:opacity .2s}
.scrollbar-dynamic>.scroll-element .scroll-bar{background-color:#6c6e71;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-bar{bottom:0;height:7px;min-width:24px;top:auto}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-bar{left:auto;min-height:24px;right:0;width:7px}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_outer{bottom:0;top:auto;left:2px;-webkit-transition:height .2s;-moz-transition:height .2s;-o-transition:height .2s;-ms-transition:height .2s;transition:height .2s}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_outer{left:auto;right:0;top:2px;-webkit-transition:width .2s;-moz-transition:width .2s;-o-transition:width .2s;-ms-transition:width .2s;transition:width .2s}
.scrollbar-dynamic>.scroll-element.scroll-x .scroll-element_size{left:-4px}
.scrollbar-dynamic>.scroll-element.scroll-y .scroll-element_size{top:-4px}
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size{left:-11px}
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size{top:-11px}
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer{overflow:hidden;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);opacity:.7}
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-element_size{opacity:1}
.scrollbar-dynamic>.scroll-element.scroll-draggable .scroll-element_outer .scroll-bar,
.scrollbar-dynamic>.scroll-element:hover .scroll-element_outer .scroll-bar{height:100%;width:100%;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}
.scrollbar-dynamic>.scroll-element.scroll-x.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-x:hover .scroll-element_outer{height:20px;min-height:7px}
.scrollbar-dynamic>.scroll-element.scroll-y.scroll-draggable .scroll-element_outer,
.scrollbar-dynamic>.scroll-element.scroll-y:hover .scroll-element_outer{min-width:7px;width:20px}
.scrollbar-chrome>.scroll-element,.scrollbar-chrome>.scroll-element div{border:none;margin:0;overflow:hidden;padding:0;position:absolute;z-index:10}
.scrollbar-chrome>.scroll-element{background-color:#fff}
.scrollbar-chrome>.scroll-element div{display:block;height:100%;left:0;top:0;width:100%}
.scrollbar-chrome>.scroll-element .scroll-element_track{background:#f1f1f1;border:1px solid #dbdbdb}
.scrollbar-chrome>.scroll-element.scroll-x{bottom:0;height:16px;left:0;min-width:100%;width:100%}
.scrollbar-chrome>.scroll-element.scroll-y{height:100%;min-height:100%;right:0;top:0;width:16px}
.scrollbar-chrome>.scroll-element .scroll-bar{background-color:#d9d9d9;border:1px solid #bdbdbd;cursor:default;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.scrollbar-chrome>.scroll-element .scroll-bar:hover{background-color:#c2c2c2;border-color:#a9a9a9}
.scrollbar-chrome>.scroll-element.scroll-draggable .scroll-bar{background-color:#919191;border-color:#7e7e7e}
.scrollbar-chrome>.scroll-content.scroll-scrolly_visible{left:-16px;margin-left:16px}
.scrollbar-chrome>.scroll-content.scroll-scrollx_visible{top:-16px;margin-top:16px}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-bar{height:8px;min-width:10px;top:3px}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-bar{left:3px;min-height:10px;width:8px}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_outer{border-left:1px solid #dbdbdb}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_track{height:14px;left:-3px}
.scrollbar-chrome>.scroll-element.scroll-x .scroll-element_size{height:14px;left:-4px}
.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size,
.scrollbar-chrome>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track{left:-19px}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_outer{border-top:1px solid #dbdbdb}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_track{top:-3px;width:14px}
.scrollbar-chrome>.scroll-element.scroll-y .scroll-element_size{top:-4px;width:14px }
.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size,
.scrollbar-chrome>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top:-19px }

.scrollbar-inner > .scroll-element.scroll-y { right:0; }
.scrollbar-inner > .scroll-element .scroll-element_outer, 
.scrollbar-inner > .scroll-element .scroll-element_track, 
.scrollbar-inner > .scroll-element .scroll-bar { border-radius:0 4px 4px 0; }

.wot_subscription_popup { position:relative; display:none; z-index:999999; }
.wot_subscription_popup .subscriptionContent { position: fixed; width:790px; max-width: calc(100% - 30px);   margin: 0 auto; top: 50%; left: 50%; 
    transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%); z-index: 1001; z-index:1; max-height:90vh; }
.wot_subscription_popup .overlay2 { width: 100%; height: 100%; display: block; top: 0; position: fixed; right: 0; bottom: 0; background: rgba(0,0,0,0.6);z-index: 0; }
.row-fluid .three-column div.hs_cos_wrapper, .row-fluid .four-column div.hs_cos_wrapper{ width:100%; }
.row-fluid .single-column span.hs_cos_wrapper, 
.row-fluid .two-column span.hs_cos_wrapper, 
.row-fluid .three-column span.hs_cos_wrapper, 
.row-fluid .four-column span.hs_cos_wrapper { margin:0; }
.wot_subscription_popup img{ max-width:100% !important; height:auto !important; }

/* Global */
.wot_subscription_popup * { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; } 
.wot_subscription_popup .mainSection{ box-shadow:2px 2px 20px 0 rgba(92,92,92,.4); -webkit-box-shadow:2px 2px 20px 0 rgba(92,92,92,.4); position:relative; color:#fff; text-align:left; border-radius:5px; background-size:cover; 
    width:790px; max-width:100%; margin:0 auto; max-height:80vh; overflow: auto; animation-duration:0.8s; -webkit-animation-duration:0.8s; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; }
.wot_subscription_popup .mainInnerSection{ padding:60px; }
.wot_subscription_popup .overlay{ position:relative; }
.wot_subscription_popup .overlay:before{ content:''; z-index:3; background:rgba(0,9,46,0.8); position:absolute; top:0; left:0; height:100%; width:100%; border-radius:5px;  }
.wot_subscription_popup .overlay > *{ position:relative; z-index:4; }
.wot_subscription_popup .mainSection h3{ margin:0; font-size:30px; font-family:inherit; }
.wot_subscription_popup .mainSection h3 + p{ margin-top:0; font-size:14px; line-height:22px; letter-spacing:0.06em; }
.wot_subscription_popup .iconTitle{ display:inline-block; padding-left:15px; vertical-align:middle; }
.wot_subscription_popup .iconTitle svg *{ fill:#fff; stroke:#fff; }
.wot_subscription_popup .iconTitle p{ margin:0; }
.wot_subscription_popup .mainSection form { margin-top:35px; }
.wot_subscription_popup .mainSection label span.hs-form-required{ display:none !important; }
.wot_subscription_popup .mainSection ::-webkit-input-placeholder { opacity:1 !important; color:#929292 !important; }
.wot_subscription_popup .mainSection ::-moz-placeholder { opacity:1 !important; color:#929292 !important; }
.wot_subscription_popup .mainSection :-ms-input-placeholder { opacity:1 !important; color:#929292 !important; }
.wot_subscription_popup .mainSection form .input{ margin-right:0 !important; }
.wot_subscription_popup .mainSection form fieldset{ max-width:inherit !important; max-width:calc(100% + 20px) !important; margin:0 -10px; overflow:auto; }
.wot_subscription_popup .mainSection form fieldset.form-columns-1 .field{ width:100% !important; }
.wot_subscription_popup .mainSection form fieldset.form-columns-2 .field{ width:50% !important; }
.wot_subscription_popup .mainSection form fieldset.form-columns-3 .field{ width:33.33% !important; }
.wot_subscription_popup .mainSection form .field,
.wot_subscription_popup .mainSection form .hs-richtext { padding:0 0 20px; text-align:left }
.wot_subscription_popup .mainSection form fieldset .field{ padding-left:10px; padding-right:10px; } 
.wot_subscription_popup .mainSection form ul.multi-container{ padding-top:10px; padding-left:0; padding-bottom:0; }
.wot_subscription_popup .mainSection form ul.multi-container li{ margin:5px 0; }
.wot_subscription_popup textarea::=webkit-input-placeholder,
.wot_subscription_popup input[type="text"]::=webkit-input-placeholder,
.wot_subscription_popup input[type="number"]::=webkit-input-placeholder,
.wot_subscription_popup input[type="email"]::=webkit-input-placeholder,
.wot_subscription_popup input[type="tel"]::=webkit-input-placeholder,
.wot_subscription_popup textarea::=moz-placeholder,
.wot_subscription_popup input[type="text"]::=moz-placeholder,
.wot_subscription_popup input[type="number"]::=moz-placeholder,
.wot_subscription_popup input[type="email"]::=moz-placeholder,
.wot_subscription_popup input[type="tel"]::=moz-placeholder{ color:inherit !important; }
.wot_subscription_popup textarea,
.wot_subscription_popup input[type="text"],
.wot_subscription_popup input[type="number"],
.wot_subscription_popup input[type="email"],
.wot_subscription_popup input[type="tel"],
.wot_subscription_popup select { display:block; border:1px solid #d7d7d7; float:none; outline:none; min-height:inherit; background:#fff; font-size:16px; line-height:20px; font-family:inherit; 
  font-weight:400; color:#000; margin:0; padding:13px 20px; width:100% !important; border-radius:50px; }
.wot_subscription_popup select { -webkit-appearance:none; -moz-appearance:none; appearance:none; 
  background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20240.811%20240.811%22%20style%3D%22enable-background%3Anew%200%200%20240.811%20240.811%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20id%3D%22Expand_More%22%20d%3D%22M220.088%2C57.667l-99.671%2C99.695L20.746%2C57.655c-4.752-4.752-12.439-4.752-17.191%2C0%20%20%20c-4.74%2C4.752-4.74%2C12.451%2C0%2C17.203l108.261%2C108.297l0%2C0l0%2C0c4.74%2C4.752%2C12.439%2C4.752%2C17.179%2C0L237.256%2C74.859%20%20%20c4.74-4.752%2C4.74-12.463%2C0-17.215C232.528%2C52.915%2C224.828%2C52.915%2C220.088%2C57.667z%22%20style%3D%22fill%3A%20rgb%28187%2C%20187%2C%20187%29%3B%22%3E%3C/path%3E%0A%09%0A%09%0A%09%0A%09%0A%09%0A%09%0A%3C/g%3E%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%0A%3C/svg%3E); 
	background-repeat:no-repeat;
  background-size:16px;
  background-position:top 58% right 15px;
  padding-right:40px;
  white-space:normal;
}

.wot_subscription_popup textarea { min-height:110px; }
.wot_subscription_popup form input[type="radio"],
.wot_subscription_popup form input[type="checkbox"] {  display:none }
.wot_subscription_popup form input[type="radio"]+span,
.wot_subscription_popup form input[type="checkbox"]+span {  position:relative; display:block; padding-left:30px; cursor:pointer }
.wot_subscription_popup form input[type="radio"]+span:before,
.wot_subscription_popup form input[type="checkbox"]+span:before { content:"\f00c"; font-family:fontawesome; color:#ef4749; position:absolute; left:0; top:2px; color:#1e1837; border-radius:5px; font-size:0; width:18px; height:18px; display:block; border:1px solid #ccc; transition:all ease .3s; -webkit-transition:all ease .3s; text-align:center; background-color:#fff; line-height:16px; }
.wot_subscription_popup form input[type="radio"]+span:before { border-radius:50% }
.wot_subscription_popup form input[type="radio"]:checked+span:before { background:#ef4749; border-color:#ef4749  }
.wot_subscription_popup form input[type="checkbox"]:checked+span:before { border-color:#ef4749 ; font-size:12px; background:#ef4749 ; color:#fff; letter-spacing:0; }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup form .actions { background:transparent; }
.wot_subscription_popup form .actions:before,.wot_subscription_popup form .actions:after { content:normal; }
.wot_subscription_popup input[type="submit"] { outline:none; font-family:inherit; padding:12px 40px; background:#ef4749; color:#fff; border:1px solid #ef4749; font-size:16px; text-transform:uppercase; 
    font-weight:700; border-radius:50px; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; transition:all ease 0.3s; }
.wot_subscription_popup input[type="submit"]:hover { color:#ef4749; background:transparent; }
{% endif %}
.wot_subscription_popup .mainSection form ul.multi-container li{ display:inline-block; padding-right:20px; }
.wot_subscription_popup .mainSection form ul.hs-error-msgs { margin:0 0 10px; padding:0; list-style:none; color:#f00; }
.wot_subscription_popup .wot_closeButton{ display:inline-block; width:33px; height:33px; position:absolute; top:15px; right:15px; z-index:9; }
.wot_subscription_popup .wot_closeButton svg { width:100% !important; height:auto; }
.wot_subscription_popup .wot_closeButton svg *{ fill:#fff; stroke:#fff;  }
.wot_subscription_popup .checkbox_newsletter { display:block; padding:10px 10px 0; color:#fff; text-align:center; animation-duration:0.8s; -webkit-animation-duration:0.8s; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; }
.wot_subscription_popup .checkbox_newsletter label span { color:#fff !important; }
.wot_subscription_popup .checkbox_newsletter form{ display:inline-block; }

/* Style 1 */
.wot_subscription_popup.Style_1 .hs_submit.hs-submit{ text-align:center; } 
.wot_subscription_popup.Style_1 .mainSection form ul.multi-container{ padding:0; }
.wot_subscription_popup.Style_1 .mainSection h3 { color:#fff; }

/* Style 2 */
.wot_subscription_popup.Style_2 .subscriptionContent, .wot_subscription_popup.Style_2 .subscriptionContent { width:100%;}
.wot_subscription_popup.Style_2 .mainSection{ background-image:none !important; background-color:#fff; color:#061046; letter-spacing:0.06em; width:700px; }
.wot_subscription_popup.Style_2 .mainSection .overlay:before { visibility:none; opacity:0; }
.wot_subscription_popup.Style_2 .mainSection h3{ margin-top:15px; font-weight:400; margin-bottom:20px; }
.wot_subscription_popup.Style_2 form input[type="radio"]+span, 
.wot_subscription_popup.Style_2 form input[type="checkbox"]+span, 
.wot_subscription_popup.Style_2 form label span{ color:#929292; letter-spacing:0.06em; }
.wot_subscription_popup.Style_2 .wot_closeButton svg *{ stroke:#ff8500; fill:#ff8500; }
.wot_subscription_popup.Style_2 .formTitle { text-align:center; max-width:400px; margin:0 auto; }
.wot_subscription_popup.Style_2 .formTitle .iconTitle { padding-left:0;  }
.wot_subscription_popup.Style_2 .formTitle .iconTitle svg *{ fill:#ff8500; stroke:#ff8500; }
.wot_subscription_popup.Style_2 textarea,
.wot_subscription_popup.Style_2 input[type="text"],
.wot_subscription_popup.Style_2 input[type="number"],
.wot_subscription_popup.Style_2 input[type="email"],
.wot_subscription_popup.Style_2 input[type="tel"],
.wot_subscription_popup.Style_2 select{ border-width:0; box-shadow: 0px 1px 0 0 rgba(0,0,0,.5); -webkit-box-shadow: 0px 1px 0 0 rgba(146,146,146); letter-spacing:0.06em; } 
.wot_subscription_popup.Style_2 form input[type="radio"]+span:before,
.wot_subscription_popup.Style_2 form input[type="checkbox"]+span:before{ background-color:#929292; border-color:#929292; font-size:0; }
.wot_subscription_popup.Style_2 form input[type="radio"]+span:before { border-radius:50%;  }
.wot_subscription_popup.Style_2 form input[type="radio"]:checked+span:before,
.wot_subscription_popup.Style_2 form input[type="checkbox"]:checked+span:before{ background-color:#ff8500; border-color:#ff8500; font-size:12px; }
.wot_subscription_popup.Style_2 form .hs_submit{ text-align:center; }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup.Style_2  input[type="submit"]{ background-color:#ff8500; border-color:#ff8500; font-weight:400; letter-spacing:0.06em; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); 
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); }
.wot_subscription_popup.Style_2  input[type="submit"]:hover{ color:#ffffff; }
{% endif %}
.wot_subscription_popup.Style_2 .mainSection form .field { text-align:left; }
.wot_subscription_popup.Style_2 .submitted-message{ text-align:center; }

/* Style 3 */
.wot_subscription_popup.Style_3 .subscriptionContent, .wot_subscription_popup.Style_3 .subscriptionContent { width:100%; }
.wot_subscription_popup.Style_3 .mainInnerSection{ padding:0; position:static; }
.wot_subscription_popup.Style_3 .formSection{ position:relative; background: -moz-linear-gradient(left, rgba(119,170,5,1) 0%, rgba(119,170,5,1) 50%, rgba(255,255,255,0) 50%); background: -webkit-linear-gradient(left, rgba(119,170,5,1) 0%,rgba(119,170,5,1) 50%,rgba(255,255,255,0) 50%); background: linear-gradient(to right, rgba(119,170,5,1) 0%,rgba(119,170,5,1) 50%,rgba(255,255,255,0) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77aa05', endColorstr='#00ffffff',GradientType=1 ); }
.wot_subscription_popup.Style_3 .half { display:inline-block; width:50%; margin-right:-4px; vertical-align:middle; padding:30px 30px 40px; position:static; }
.wot_subscription_popup.Style_3 .mainSection { background-image:none !important; background-color:#fff; color:#929292; }
.wot_subscription_popup.Style_3 .overlay:before { content:normal; }
.wot_subscription_popup.Style_3 .mainSection .formFiled h3{ display:none !important; }
.wot_subscription_popup.Style_3 .innerContnet{ width:80%; padding:80px 0; margin:0 auto; }
.wot_subscription_popup.Style_3 .mainSection .formTitle{ color:#fff; }
.wot_subscription_popup.Style_3 .mainSection .formTitle h3 + p{ font-weight:600; margin-top:25px; }
.wot_subscription_popup.Style_3 textarea,
.wot_subscription_popup.Style_3 input[type="text"],
.wot_subscription_popup.Style_3 input[type="number"],
.wot_subscription_popup.Style_3 input[type="email"],
.wot_subscription_popup.Style_3 input[type="tel"],
.wot_subscription_popup.Style_3 select{ padding:15px 0; border-width:0 0 1px; border-radius:0; background-color:transparent; 
  	border-color:#929292; color:#929292; letter-spacing:0.06em; }
.wot_subscription_popup.Style_3 textarea:focus,
.wot_subscription_popup.Style_3 input[type="text"]:focus,
.wot_subscription_popup.Style_3 input[type="number"]:focus,
.wot_subscription_popup.Style_3 input[type="email"]:focus,
.wot_subscription_popup.Style_3 input[type="tel"]:focus, 
.wot_subscription_popup.Style_3 select:focus{ color:#77aa05; border-color:#77aa05; }
.wot_subscription_popup.Style_3 .subImage { margin-top:80px; }
.wot_subscription_popup.Style_3 .mainSection form { margin-top:0; }
.wot_subscription_popup.Style_3 form input[type="radio"]+span:before,
.wot_subscription_popup.Style_3 form input[type="checkbox"]+span:before{ border-radius:50%; font-size:0; }
.wot_subscription_popup.Style_3 form input[type="radio"]:checked+span:before,
.wot_subscription_popup.Style_3 form input[type="checkbox"]:checked+span:before{ content:''; border-color:transparent; color:#77aa05; background-color:transparent; background-repeat:no-repeat; background-size:contain; background-position:center center;  
  	background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20510%20510%22%20style%3D%22enable-background%3Anew%200%200%20510%20510%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%20id%3D%22check-circle-outline%22%3E%0A%09%09%3Cpath%20d%3D%22M150.45%2C206.55l-35.7%2C35.7L229.5%2C357l255-255l-35.7-35.7L229.5%2C285.6L150.45%2C206.55z%20M459%2C255c0%2C112.2-91.8%2C204-204%2C204%20%20%20%20S51%2C367.2%2C51%2C255S142.8%2C51%2C255%2C51c20.4%2C0%2C38.25%2C2.55%2C56.1%2C7.65l40.801-40.8C321.3%2C7.65%2C288.15%2C0%2C255%2C0C114.75%2C0%2C0%2C114.75%2C0%2C255%20%20%20%20s114.75%2C255%2C255%2C255s255-114.75%2C255-255H459z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E); }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup.Style_3 input[type="submit"]{ border-radius:4px; background-color:#77aa05; border-color:#77aa05; font-weight:400; letter-spacing:0.06em; box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); 
    -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,.4); }
.wot_subscription_popup.Style_3 input[type="submit"]:hover{ background-color:transparent; color:#77aa05; } 
{% endif %}
.wot_subscription_popup.Style_3 .wot_closeButton svg { position:relative; z-index:8; }
.wot_subscription_popup.Style_3 .wot_closeButton svg *{ fill:#fff; stroke:#fff; }
.wot_subscription_popup.Style_3 .wot_closeButton:before{ content:''; border-width:0 100px 100px 0; border-style:solid; border-color:transparent #77aa05 transparent transparent; width:0; height:0; 
    position:absolute; right:-15px; top:-15px;}


/* Style 4 */ 
.wot_subscription_popup.Style_4 .mainSection, .wot_subscription_popup.Style_4 .subscriptionContent { width:870px;}
.wot_subscription_popup.Style_4 .mainSection{	color:#000000; background-image:none !important; background-color:#fff; }
.wot_subscription_popup.Style_4 .mainSection, 
.wot_subscription_popup.Style_4 .scrollbar-inner>.scroll-element .scroll-element_outer, 
.wot_subscription_popup.Style_4 .scrollbar-inner>.scroll-element .scroll-element_track, .scrollbar-inner>.scroll-element .scroll-bar,
.wot_subscription_popup.Style_4 .overlay:before{ border-radius:0; }
.wot_subscription_popup.Style_4 .mainSection .mainInnerSection{ padding:0; }  
.wot_subscription_popup.Style_4 .mainSection .overlay:before{ content:normal; }
.wot_subscription_popup.Style_4 .formSection{ display:flex; width:100%; }
.wot_subscription_popup.Style_4 .formSection .half.formPart { width:60%; order:1; padding:30px; }
.wot_subscription_popup.Style_4 .formSection .half.contentPart{ width:40%; color:#fff; order:2; position:relative; padding:30px; }
.wot_subscription_popup.Style_4 .formSection .half.contentPart .bg { position:absolute; width:100%; height: 100%; display:block; top:0; left:0; background-size:cover; background-position:left 30% center; z-index:3; }
.wot_subscription_popup.Style_4 .formSection .half.contentPart .bg:before { content:''; position:absolute; top:0; left:0; bottom:0; right:0; background-color:#000; opacity:0.5; }
.wot_subscription_popup.Style_4 .formSection .formTitle { position:relative; z-index:5; padding:70px 0; text-align:center; }
.wot_subscription_popup.Style_4  h3,
.wot_subscription_popup.Style_4  .mainSection h3 { font-family:inherit; font-weight:400 }
.wot_subscription_popup.Style_4 .innerContnet{ padding:105px 0px; width:80%; margin:0 auto; }
.wot_subscription_popup.Style_4  form input[type="radio"]+span, 
.wot_subscription_popup.Style_4  form input[type="checkbox"]+span, 
.wot_subscription_popup.Style_4  form label span,
.wot_subscription_popup.Style_4  textarea, 
.wot_subscription_popup.Style_4  input[type="text"],
.wot_subscription_popup.Style_4  input[type="number"], 
.wot_subscription_popup.Style_4  input[type="email"],
.wot_subscription_popup.Style_4  input[type="tel"],
.wot_subscription_popup.Style_4  select{ color:#000000; }
.wot_subscription_popup.Style_4  textarea, .wot_subscription_popup.Style_4 .mainSection input[type="text"],
.wot_subscription_popup.Style_4  input[type="number"],
.wot_subscription_popup.Style_4  input[type="email"],.wot_subscription_popup.Style_4 .mainSection input[type="tel"],
.wot_subscription_popup.Style_4  select{ text-align:center; border-radius:0; border-width:0 0 1px; }
.wot_subscription_popup.Style_4  form input[type="radio"]+span:before,
.wot_subscription_popup.Style_4  form input[type="checkbox"]+span:before{ border-radius:50%; background-color:#b9b9b9; }
.wot_subscription_popup.Style_4  form input[type="checkbox"]:checked+span:before{ background-color:#d6b17b; border-color:#d6b17b; }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup.Style_4  input[type="submit"]{ width:100%; background-color:#d6b17b; border-color:#d6b17b; }
.wot_subscription_popup.Style_4  input[type="submit"]:hover{ color:#d6b17b; background-color:transparent; }
{% endif %}
.wot_subscription_popup.Style_4 .mainSection .wot_closeButton svg *{ fill:#fff; stroke:#fff; }
.wot_subscription_popup.Style_4 .mainSection .checkbox_newsletter{ text-align:right; }
.wot_subscription_popup.Style_4 .mainSection .checkbox_newsletter form label span{ display:inline-block; }
.wot_subscription_popup.Style_4 .mainSection h3 + p{ margin:15px 0 0; }

/* Style 5 */
.wot_subscription_popup.Style_5 .mainSection ::-webkit-input-placeholder { opacity:1 !important; color:#bababa !important; }
.wot_subscription_popup.Style_5 .mainSection ::-moz-placeholder { opacity:1 !important; color:#bababa !important; }
.wot_subscription_popup.Style_5 .mainSection :-ms-input-placeholder { opacity:1 !important; color:#bababa !important; }
.wot_subscription_popup.Style_5 .mainSection .mainInnerSection{ padding:0; }
.wot_subscription_popup.Style_5  .mainSection, .wot_subscription_popup.Style_5 .subscriptionContent  { width:670px; }
.wot_subscription_popup.Style_5  .mainSection { background-image:url(https://cdn2.hubspot.net/hubfs/1831846/Assets/Marketplace/Images/bgPattern.jpg) !important; background-color:#fff;  color:#999999; }
.wot_subscription_popup.Style_5 .overlay:before{ content:normal; }
.wot_subscription_popup.Style_5  h3{ color:#054fbd;  }
.wot_subscription_popup.Style_5 .innerContnet h3 + p{ margin-top:30px; color:#999999; font-weight:600; }
.wot_subscription_popup.Style_5 .formSection { padding:50px; }
.wot_subscription_popup.Style_5 .mainSection textarea,
.wot_subscription_popup.Style_5 .mainSection input[type="text"],
.wot_subscription_popup.Style_5 .mainSection input[type="number"],
.wot_subscription_popup.Style_5 .mainSection input[type="email"],
.wot_subscription_popup.Style_5 .mainSection input[type="tel"],
.wot_subscription_popup.Style_5 .mainSection select { border-radius:0; padding-left:0; border-width:0 0 1px; border-color:#bababa; background-color:transparent; }
.wot_subscription_popup.Style_5 .mainSection textarea:focus, 
.wot_subscription_popup.Style_5 .mainSection input[type="text"]:focus,
.wot_subscription_popup.Style_5 .mainSection input[type="number"]:focus,
.wot_subscription_popup.Style_5 .mainSection input[type="email"]:focus,
.wot_subscription_popup.Style_5 .mainSection input[type="tel"]:focus,
.wot_subscription_popup.Style_5 .mainSection select:focus{ color:#054fbd; border-color:#054fbd; }
.wot_subscription_popup.Style_5 .mainSection form input[type="radio"]+span, 
.wot_subscription_popup.Style_5 .mainSection form input[type="checkbox"]+span{ border-radius:1px; border-width:2px; border-color:#bababa; }
.wot_subscription_popup.Style_5 .mainSection .wot_closeButton svg *{ fill:#054fbd; stroke:#054fbd; }
.wot_subscription_popup.Style_5 select { background-position:top 58% right 0; }
.wot_subscription_popup.Style_5 input.hs-input,
.wot_subscription_popup.Style_5 textarea.hs-input,
.wot_subscription_popup.Style_5 select.hs-input{ background-image:url(https://cdn2.hubspot.net/hubfs/1831846/Assets/Marketplace/Images/formIcons.png); background-size:18px auto; background-repeat:no-repeat; background-position:top -24px right 0; }
.wot_subscription_popup.Style_5 input[name*="name"] { background-position:top -57px right 0; }
.wot_subscription_popup.Style_5 input[name*="email"] { background-position:top 16px right 0; }
.wot_subscription_popup.Style_5 input[name*="company"] { background-position:top -205px right 0; }
.wot_subscription_popup.Style_5 input[name*="phone"],
.wot_subscription_popup.Style_5 input[type="tel"] {  background-position:top -282px right 0; }
.wot_subscription_popup.Style_5 input[name*="site"],
.wot_subscription_popup.Style_5 input[type="url"] {  background-position:top -354px right 0; }
.wot_subscription_popup.Style_5 input[name*="address"],
.wot_subscription_popup.Style_5 input[name="zip"],
.wot_subscription_popup.Style_5 input[name="location"] {  background-position:top -502px right 0; }
.wot_subscription_popup.Style_5 select.hs-input {  background-position:top -433px right 0; }
.wot_subscription_popup.Style_5 textarea.hs-input { background-position:top -575px right 0; }


/* Show Hide and Toggles */
[data-show] { display:none !important; }
.wot_subscription_popup.Style_1 [data-show="Style_1"],
.wot_subscription_popup.Style_2 [data-show="Style_2"],
.wot_subscription_popup.Style_3 [data-show="Style_3"],
.wot_subscription_popup.Style_4 [data-show="Style_4"],
.wot_subscription_popup.Style_5 [data-show="Style_5"],
.wot_subscription_popup.Style_6 [data-show="Style_6"] { display:block !important; }
.wot_subscription_popup.Style_1 .iconTitle[data-show="Style_1"] { display:inline-block !important; }

@media ( max-width:767px ){
    .wot_subscription_popup.Style_2 .mainInnerSection, .wot_subscription_popup.Style_1 .mainInnerSection{ padding:35px 30px 30px; }
    .wot_closeButton{ width:24px; height:24px; top:10px; }
    .innerContnet{ width:100%; padding:20px; margin:0 auto; }
    
    /* Style 3 */
    .wot_subscription_popup.Style_3 .formSection .span6{ width:100%; display:block; margin-right:0; }
    .wot_subscription_popup.Style_3 .formSection .span6:first-child{ background-color:#77aa05; }
    .wot_subscription_popup.Style_3 .mainInnerSection{ padding:0; }
    .wot_subscription_popup.Style_3 .mainSection h3{ margin-top:0; }
    .wot_subscription_popup.Style_3 .subImage,.mainSection .formTitle h3 + p{ margin-top:15px; }
        
}





{% if themeColor != 'null' && textColor != 'null' && alternateColor != 'null' %}

/* Dynamic Color options */
.wot_subscription_popup .mainSection h3{ color:{{textColor}}; }	
.wot_subscription_popup .overlay:before{ background:rgba({{ alternateColor|convert_rgb }},.8) }
.wot_subscription_popup.Style_1 .mainSection{ color:{{textColor}}; }
.wot_subscription_popup.Style_1 .mainSection h3{ color:{{textColor}}; }
.wot_subscription_popup.Style_1 .iconTitle p svg *,
.wot_subscription_popup .wot_closeButton svg *{ fill:{{textColor}}; stroke:{{textColor}}; }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup input[type="submit"],
{% endif %}
.wot_subscription_popup form input[type="checkbox"]:checked+span:before,
{% if noButtonStyle == 'false' %}
.wot_subscription_popup.Style_2 input[type="submit"],
{% endif %}
.wot_subscription_popup.Style_2 form input[type="radio"]:checked+span:before, 
.wot_subscription_popup.Style_2 form input[type="checkbox"]:checked+span:before{ border-color:{{themeColor}}; background-color:{{themeColor}}; }
.wot_subscription_popup.Style_1 textarea, .wot_subscription_popup.Style_1 input[type="text"], 
.wot_subscription_popup.Style_1 input[type="number"], .wot_subscription_popup.Style_1 input[type="email"], 
.wot_subscription_popup.Style_1 input[type="tel"], .wot_subscription_popup.Style_1 select { color:{{ alternateColor }}; }

{% if noButtonStyle == 'false' %}
.wot_subscription_popup input[type="submit"]:hover,
.wot_subscription_popup.Style_2 input[type="submit"]:hover{ color:{{ themeColor }}; background-color:transparent; }
{% endif %}
.wot_subscription_popup.Style_2 .formTitle .iconTitle svg *,
.wot_subscription_popup.Style_2 .wot_closeButton svg *{ fill:{{ themeColor }}; stroke:{{ themeColor }}; }
.wot_subscription_popup.Style_2 .mainSection h3 { color:{{ alternateColor }}; }
.wot_subscription_popup.Style_2 form input[type="radio"]+span, 
.wot_subscription_popup.Style_2 form input[type="checkbox"]+span, 
.wot_subscription_popup.Style_2 form label span,
.wot_subscription_popup.Style_2 .mainSection{ color:{{ textColor }}; }
.wot_subscription_popup.Style_2 textarea, 
.wot_subscription_popup.Style_2 input[type="text"], 
.wot_subscription_popup.Style_2 input[type="number"], 
.wot_subscription_popup.Style_2 input[type="email"], 
.wot_subscription_popup.Style_2 input[type="tel"], 
.wot_subscription_popup.Style_2 select{ color:{{ textColor }};  
  box-shadow: 0px 1px 0 0 rgba({{ textColor|convert_rgb }},.5);
  -webkit-box-shadow: 0px 1px 0 0 rgba({{ textColor|convert_rgb }},.5); }
.wot_subscription_popup.Style_2 form input[type="radio"]+span:before, 
.wot_subscription_popup.Style_2 form input[type="checkbox"]+span:before{ border-color:{{ textColor }}; background-color:{{ textColor }}; }


.wot_subscription_popup.Style_3 .formSection{ 
  background: -moz-linear-gradient(left, rgba({{ themeColor|convert_rgb }},1) 0%, rgba({{ themeColor|convert_rgb }},1) 50%, rgba(255,255,255,0) 50%); 
  background: -webkit-linear-gradient(left, rgba({{ themeColor|convert_rgb }},1) 0%,rgba({{ themeColor|convert_rgb }},1) 50%,rgba(255,255,255,0) 50%); 
  background: linear-gradient(to right, rgba({{ themeColor|convert_rgb }},1) 0%,rgba({{ themeColor|convert_rgb }},1) 50%,rgba(255,255,255,0) 50%); }
.wot_subscription_popup.Style_3 .closeButton:before{ border-color: transparent {{ themeColor }} transparent transparent; }
.wot_subscription_popup.Style_3 form input[type="radio"]:checked+span:before, 
.wot_subscription_popup.Style_3 form input[type="checkbox"]:checked+span:before{ color:{{ themeColor }}; }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup.Style_3 input[type="submit"]{ border-color:{{ themeColor }}; background-color:{{ themeColor }}; }
.wot_subscription_popup.Style_3 input[type="submit"]:hover{ color:{{ themeColor }}; }
{% endif %}
.wot_subscription_popup.Style_3 form input[type="checkbox"]:checked+span:before{ background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20510%20510%22%20style%3D%22enable-background%3Anew%200%200%20510%20510%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cg%20id%3D%22check-circle-outline%22%3E%0A%09%09%3Cpath%20fill%3D%22%23{{ themeColor|replace('#','') }}%22%20d%3D%22M150.45%2C206.55l-35.7%2C35.7L229.5%2C357l255-255l-35.7-35.7L229.5%2C285.6L150.45%2C206.55z%20M459%2C255c0%2C112.2-91.8%2C204-204%2C204%20%20%20%20S51%2C367.2%2C51%2C255S142.8%2C51%2C255%2C51c20.4%2C0%2C38.25%2C2.55%2C56.1%2C7.65l40.801-40.8C321.3%2C7.65%2C288.15%2C0%2C255%2C0C114.75%2C0%2C0%2C114.75%2C0%2C255%20%20%20%20s114.75%2C255%2C255%2C255s255-114.75%2C255-255H459z%22/%3E%0A%09%3C/g%3E%0A%3C/g%3E%0A%3C/svg%3E); }
.wot_subscription_popup.Style_3 textarea:focus, 
.wot_subscription_popup.Style_3 input[type="text"]:focus, 
.wot_subscription_popup.Style_3 input[type="number"]:focus, 
.wot_subscription_popup.Style_3 input[type="email"]:focus, 
.wot_subscription_popup.Style_3 input[type="tel"]:focus, 
.wot_subscription_popup.Style_3 select:focus{ color:{{ themeColor }}; border-color:{{ themeColor }}; }
.wot_subscription_popup.Style_3 .mainSection .formTitle{ color:{{ alternateColor }}; }
.wot_subscription_popup.Style_3 .mainSection h3{ color:{{ alternateColor }}; }
.wot_subscription_popup.Style_3 .wot_closeButton:before { border-right-color:{{ themeColor }}; }
.wot_subscription_popup.Style_3 .wot_closeButton svg * { fill:{{ alternateColor }}; stroke:{{ alternateColor }}; }
.wot_subscription_popup.Style_3 textarea, 
.wot_subscription_popup.Style_3 input[type="text"], 
.wot_subscription_popup.Style_3 input[type="number"], 
.wot_subscription_popup.Style_3 input[type="email"], 
.wot_subscription_popup.Style_3 input[type="tel"], 
.wot_subscription_popup.Style_3 select ,
.wot_subscription_popup.Style_3 .mainSection { color:{{ textColor }}; border-color:{{ textColor }}; }


.wot_subscription_popup.Style_4 .mainSection h3{ color:{{ textColor }}; }
.wot_subscription_popup.Style_4 .formSection .half.contentPart{ color:{{ textColor }}; }
{% if noButtonStyle == 'false' %}
.wot_subscription_popup.Style_4 input[type="submit"]{ background-color:{{ textColor }}; border-color:{{ themeColor }}; }
.wot_subscription_popup.Style_4 input[type="submit"]:hover{ background:trasparent; color:{{ themeColor }}; }
{% endif %}
.wot_subscription_popup.Style_4 form input[type="checkbox"]:checked+span:before{ background-color:{{ themeColor }}; border-color:{{ themeColor }}; }
.wot_subscription_popup.Style_4 .mainSection .closeButton svg *{ fill:{{ textColor }}; stroke:{{ textColor }}; }
.wot_subscription_popup.Style_4 form input[type="radio"]+span, .wot_subscription_popup.Style_4 form input[type="checkbox"]+span, 
.wot_subscription_popup.Style_4 form label span, .wot_subscription_popup.Style_4 textarea, .wot_subscription_popup.Style_4 input[type="text"], 
.wot_subscription_popup.Style_4 input[type="number"], .wot_subscription_popup.Style_4 input[type="email"], 
.wot_subscription_popup.Style_4 input[type="tel"], .wot_subscription_popup.Style_4 select { color:{{ alternateColor }}; }


.wot_subscription_popup.Style_5 h3{  color:{{ themeColor }}; }
.wot_subscription_popup.Style_5 .mainSection{ color:{{ textColor }}; }
.wot_subscription_popup.Style_5 textarea, .wot_subscription_popup.Style_5 input[type="text"], 
.wot_subscription_popup.Style_5 input[type="number"], .wot_subscription_popup.Style_5 input[type="email"], 
.wot_subscription_popup.Style_5 input[type="tel"], .wot_subscription_popup.Style_5 select { color:{{ textColor }}; }
.wot_subscription_popup.Style_5 .mainSection textarea:focus, 
.wot_subscription_popup.Style_5 .mainSection input[type="text"]:focus, 
.wot_subscription_popup.Style_5 .mainSection input[type="number"]:focus, 
.wot_subscription_popup.Style_5 .mainSection input[type="email"]:focus, 
.wot_subscription_popup.Style_5 .mainSection input[type="tel"]:focus,
.wot_subscription_popup.Style_5 .mainSection select:focus{ color:{{ themeColor }}; border-color:{{ themeColor }}; }
.wot_subscription_popup.Style_5 .mainSection textarea, .wot_subscription_popup.Style_5 .mainSection input[type="text"], 
.wot_subscription_popup.Style_5 .mainSection input[type="number"], .wot_subscription_popup.Style_5 .mainSection input[type="email"], 
.wot_subscription_popup.Style_5 .mainSection input[type="tel"], .wot_subscription_popup.Style_5 .mainSection select{ color:{{ textColor }}; border-color:{{ textColor }};  }
.wot_subscription_popup.Style_5 .mainSection .wot_closeButton svg * { fill:{{ themeColor }}; stroke:{{ themeColor }}; }	
.wot_subscription_popup.Style_5 .mainSection .wot_closeButton svg *
{% endif %}

.hubspot-link__container { top:100% !important; }