Social Media Share Buttons - Version 3.0

Version Description

Download this release

Release Info

Developer joaoromao
Plugin Icon 128x128 Social Media Share Buttons
Version 3.0
Comparing to
See all releases

Code changes from version 2.9.2 to 3.0

Files changed (18) hide show
  1. css/getsocial-style.css +5300 -1
  2. img/apps/bitly.png +0 -0
  3. img/apps/hello_buddy.png +0 -0
  4. img/apps/infusionsoft.png +0 -0
  5. img/modals/bitly_via_after.png +0 -0
  6. img/modals/bitly_via_before.png +0 -0
  7. img/modals/hello_buddy_analytics.png +0 -0
  8. img/modals/infusionsoft.png +0 -0
  9. init.php +66 -3
  10. js/plugin.js +16 -2
  11. lib/gs.php +11 -4
  12. readme.txt +8 -2
  13. tmpl/apps.php +57 -44
  14. tmpl/apps_config.php +51 -17
  15. tmpl/apps_filters.php +1 -0
  16. tmpl/footer.php +37 -0
  17. uninstall.php +1 -0
  18. wp-share-buttons-analytics-getsocial.php +2 -2
css/getsocial-style.css CHANGED
@@ -1 +1,5300 @@
1
- @-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}header{width:100%;padding-top:53px;display:inline-block}header #logo-wrapper{background:#2481b1;padding:14px 25px;float:left}header #logo-wrapper:hover,header #logo-wrapper:focus{background:#20729b}header #logo-wrapper:active{background:#1e6b93}header #main-nav{width:100%;background:#339ed5;position:fixed;top:0;left:0;z-index:6;-webkit-transition:all 200ms;transition:all 200ms;box-shadow:0 0 20px 0 rgba(0,0,0,0.15)}header #main-nav nav{padding-left:168px}header #main-nav nav>ul>li,header #main-nav nav>ul>li a{font-size:14px;color:#fff;display:inline-block}header #main-nav nav>ul>li>a{font-weight:bold}header #main-nav nav>ul>li a{padding:19px 20px 22px}header #main-nav nav>ul>li a:hover,header #main-nav nav>ul>li a:focus{background:#2a94ca}header #main-nav nav>ul>li a:active{background:#278abd}header #main-nav nav>ul>li a>i.fa-angle-down{font-size:20px;color:#88c6e6;margin:-5px 0 -1px 3px;position:relative;bottom:-3px}header #main-nav nav>ul>li a>i:not(.fa-angle-down){margin-right:4px;position:relative;bottom:-1px}header #main-nav nav>ul>li a.plan-one{background:#339ed5}header #main-nav nav>ul>li a.plan-one:hover,header #main-nav nav>ul>li a.plan-one:focus{background:#2990c6}header #main-nav nav>ul>li a.plan-one:active{background:#2687b9}header #main-nav nav>ul>li a.plan-two{background:#f29809}header #main-nav nav>ul>li a.plan-two:hover,header #main-nav nav>ul>li a.plan-two:focus{background:#d98908}header #main-nav nav>ul>li a.plan-two:active{background:#cb7f08}header #main-nav nav>ul>li a.plan-three{background:#dd5a7c}header #main-nav nav>ul>li a.plan-three:hover,header #main-nav nav>ul>li a.plan-three:focus{background:#d9456b}header #main-nav nav>ul>li a.plan-three:active{background:#d63861}header #main-nav nav>ul>li a.plan-four{background:#9a58e6}header #main-nav nav>ul>li a.plan-four:hover,header #main-nav nav>ul>li a.plan-four:focus{background:#8d42e3}header #main-nav nav>ul>li a.plan-four:active{background:#8535e1}header #main-nav nav>ul>li.active a.tooltip>div,header #main-nav nav>ul>li.active a.tooltip:hover>div,header #main-nav nav>ul>li.active a.tooltip:focus>div,header #main-nav nav>ul>li.active a.tooltip:active>div{display:none !important}header #main-nav nav>ul>li.divider{border-left:1px solid #5db2de}header #main-nav nav>ul>li.icon-link>a{padding:19px 19px 16px !important}header #main-nav nav>ul>li.icon-link>a.tooltip>div{width:auto;white-space:nowrap;margin-top:5px;top:100%}header #main-nav nav>ul>li.icon-link>a>i{font-size:20px;margin:-5px 0 5px;bottom:-3px}header #main-nav nav>ul>li.right-link{float:right}header #main-nav nav>ul>li:not(.right-link){margin-right:-4px}header #main-nav nav>ul>li.submenu-link{position:relative}header #main-nav nav>ul>li.submenu-link>a{padding-right:17px}header #main-nav nav>ul>li.submenu-link.right-link .submenu-wrapper{left:auto;right:0}header #main-nav nav>ul>li.submenu-link .submenu-wrapper{min-width:150px;padding:0 5px 5px;margin:0 -5px;display:none;overflow:hidden;position:absolute;top:100%;left:0;z-index:2;box-sizing:initial}header #main-nav nav>ul>li.submenu-link .submenu{min-width:100%;background:#f3f3f3;padding:10px 8px;-webkit-transform:translate(0, -100%);-ms-transform:translate(0, -100%);transform:translate(0, -100%);-webkit-transition:all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 350ms cubic-bezier(0.19, 1, 0.22, 1);border-radius:0 0 4px 4px;box-shadow:0 1px 5px rgba(0,0,0,0.2),inset 0 9px 8px -10px rgba(0,0,0,0.5)}header #main-nav nav>ul>li.submenu-link .submenu.active{-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}header #main-nav nav>ul>li.submenu-link .submenu li.divider{border-bottom:1px solid #dfdfdf;margin:0 -8px;padding:0 8px 10px}header #main-nav nav>ul>li.submenu-link .submenu li.divider+li{padding-top:8px}header #main-nav nav>ul>li.submenu-link .submenu a{width:100%;color:#606060;white-space:nowrap;padding:8px 10px;position:relative;border-radius:4px}header #main-nav nav>ul>li.submenu-link .submenu a.lib-active,header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active{padding-right:35px}header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after,header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after{font-family:"FontAwesome";font-size:16px;position:absolute;top:50%;right:5px;margin-top:-8px}header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after{content:"";color:#8db13d}header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after{content:"";color:#d36c65}header #main-nav nav>ul>li.submenu-link .submenu a:hover,header #main-nav nav>ul>li.submenu-link .submenu a:focus{background:#e6e6e6}header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"]{position:relative;padding-right:60px}header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"]>span{font-size:11px;color:#fff;padding:2px 5px 3px;position:absolute;top:7px;right:4px;border-radius:4px}header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-one>span{background:#339ed5}header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-two>span{background:#f29809}header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-three>span{background:#dd5a7c}header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-four>span{background:#9a58e6}header #main-nav nav>ul>li#cta-nav+#user-nav{margin-right:0}header #main-nav nav>ul>li#user-nav{margin-right:4px}header #main-nav nav>ul>li#user-nav img{width:30px;border:3px solid #72bce2;margin:-7px 2px -5px;border-radius:100%}header #main-nav nav>ul>li#user-nav>i{margin-left:6px}header #main-nav nav>ul>li#user-nav a>div{left:auto;right:4px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}header #main-nav nav>ul>li#user-nav a>div:before{margin-left:0;left:auto;right:24px}header #main-nav nav>ul>li#store-nav{margin-right:-4px}header #main-nav nav>ul>li#store-nav>a{background:#2a94ca}header #main-nav nav>ul>li#store-nav>a:hover{background:#278abd}header #main-nav nav>ul>li#store-nav>a:active{background:#2584b5}header #main-nav nav>ul>li#store-nav li.tier-counter{background:#2a94ca;margin:0 -8px;padding:11px 8px 0;overflow:hidden}header #main-nav nav>ul>li#store-nav li.tier-counter .counter{font-size:12px;color:#9dd0eb;text-align:right;position:relative;z-index:2}header #main-nav nav>ul>li#store-nav li.tier-counter .counter>div:first-of-type{font-size:22px;font-weight:600;color:#fff;margin:0 0 10px;position:relative;left:0}header #main-nav nav>ul>li#store-nav li.tier-counter.no-limit .badge>span{opacity:1 !important;-webkit-transform:translateY(0) !important;-ms-transform:translateY(0) !important;transform:translateY(0) !important}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span{color:#fff;font-weight:600;padding:2px 7px;position:absolute;top:-2px;-webkit-transition:all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 350ms cubic-bezier(0.19, 1, 0.22, 1)}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:first-child{opacity:1;left:0;z-index:0;border-radius:4px}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.one{background:#339ed5}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.two{background:#f29809}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.three{background:#dd5a7c}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.four{background:#9a58e6}header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:not(:first-child):last-child{opacity:0;left:-7px;z-index:1;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}header #main-nav nav>ul>li#store-nav li.tier-counter #progbar{height:6px;background:#fff;margin:0 -8px}header #main-nav nav>ul>li#store-nav li.tier-counter #progbar>div{width:50px;height:6px;background:#9bc048;content:"";display:block}header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:first-child{opacity:0;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:last-child{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}header #main-nav nav>ul>li#store-nav li.extra{margin:0 -8px -10px}header #main-nav nav>ul>li#store-nav li.extra a{background:#f3f3f3;padding:12px 18px 13px;border-radius:0 0 4px 4px}header #main-nav nav>ul>li#store-nav li.extra a:hover,header #main-nav nav>ul>li#store-nav li.extra a:focus{background:#e6e6e6}header #main-nav nav>ul>li#store-nav li.extra a:active{background:#dfdfdf}header #main-nav nav>ul>li#store-nav #store-status{min-width:22px;font-size:14px;text-align:center;display:inline-block;padding:4px 0;margin:-4px 4px -4px 2px;position:relative;bottom:-1px;border-radius:100%}header #main-nav nav>ul>li#store-nav #store-status.active{background:#98bf44}header #main-nav nav>ul>li#store-nav #store-status.error{background:#d36c65}header #main-nav nav>ul>li#store-nav #site-collection{padding-top:0;background:#e6e6e6;box-shadow:0 1px 5px rgba(0,0,0,0.2),inset 0 -45px 10px -10px rgba(0,0,0,0.5),inset 0 68px 10px -10px rgba(0,0,0,0.5)}header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra){max-height:200px;padding:10px 0;overflow-y:scroll}header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:hover,header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:focus{background:#dadada}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}.title-wrapper{background:#fff;text-align:center;border-bottom:1px solid #e9e9e9;padding:46px 0 56px;position:relative;z-index:4}.title-wrapper h1{font-family:"Raleway",sans-serif;font-weight:800;text-align:right;display:inline-block}.title-wrapper h1+p{max-width:600px;margin-left:auto;margin-right:auto}.title-wrapper.analytics{z-index:0}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}.alert-block .alert-info:before,.alert-block .alert-info textarea,.alert-block .alert-info a,.alert-block .close{position:absolute;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.alert-block{color:#606060;background:#fff;padding:15px 30px;position:relative;-webkit-transition:all 200ms;transition:all 200ms}.alert-block.large{margin:0 15px 30px;padding:22px 30px;border-radius:4px}.alert-block.center{text-align:center}.alert-block.center,.alert-block.center.large{padding-left:0;padding-right:0}.alert-block.center .alert-info{max-width:800px;display:inline-block}.alert-block.center .alert-info a{left:100%;right:auto}.alert-block .alert-info{text-align:left;padding-left:50px;position:relative}.alert-block .alert-info:before{font-family:"FontAwesome";font-size:35px;content:"";color:#ccc;left:0}.alert-block .alert-info.no-desc{padding:9px 0 9px 40px}.alert-block .alert-info.no-desc p{position:relative;top:-1px}.alert-block .alert-info.no-desc:before{font-size:28px}.alert-block .alert-info.code{padding-right:275px}.alert-block .alert-info textarea{width:245px;height:50px;font-family:monospace;font-size:12px;color:#606060;border:0;padding:6px 12px;overflow-y:scroll;right:0;outline:none;resize:none;border-radius:4px}.alert-block .alert-info textarea:hover{background:#eee}.alert-block .alert-info textarea:focus{background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.4)}.alert-block .alert-info a{font-weight:normal;color:#fff;background:#bbb;white-space:nowrap;margin-left:30px;padding-left:10px;padding-right:10px;right:30px}.alert-block .alert-info a:hover{background:#999}.alert-block p.alert-title{font-size:16px;font-weight:bold}.alert-block p:not(.alert-title){font-size:13px;font-weight:600;line-height:15px;margin:3px 0 0}.alert-block.inline{max-width:800px;color:#339ed5;border-left-width:90px;border-left-style:solid;border-left-color:#339ed5;text-align:left;padding-right:30px;margin:0 auto 30px;border-radius:4px}.alert-block.inline .alert-info{padding-left:90px !important;margin-left:-90px}.alert-block.inline .alert-info:before{color:#fff}.alert-block[class*="plan-"]{color:#fff}.alert-block[class*="plan-"] .alert-info{padding-left:0}.alert-block[class*="plan-"] .alert-info:before{font-family:"Raleway",sans-serif;font-weight:800;font-size:20px;color:#fff;border:2px solid #fff;text-shadow:0 -1px 0 rgba(0,0,0,0.15);padding:3px 11px;margin-right:30px;right:100%;left:auto;border-radius:4px}.alert-block[class*="plan-"] p{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.13)}.alert-block.gs-primary{background:#339ed5}.alert-block.gs-primary.inline{border-left-color:#2687b9}.alert-block.gs-primary .alert-info:before{content:"";color:rgba(255,255,255,0.5)}.alert-block.gs-primary .alert-info a{background:#2481b1}.alert-block.gs-primary .alert-info a:hover{background:#1f6e97}.alert-block.gs-primary p.alert-title{color:#fff}.alert-block.gs-primary p:not(.alert-title){color:#b2daef}.alert-block.default-gs-primary{border-bottom:1px solid #b2daef}.alert-block.default-gs-primary .alert-info:before{content:"";color:#339ed5}.alert-block.default-gs-primary .alert-info a{background:#339ed5}.alert-block.default-gs-primary .alert-info a:hover{background:#2481b1}.alert-block.default-gs-primary p{color:#339ed5}.alert-block.default-gs-primary p:not(.alert-title){color:#5db2de}.alert-block.gs-success{background:#85b023}.alert-block.gs-success.inline{border-left-color:#6b8e1c}.alert-block.gs-success .alert-info:before{content:"";color:rgba(255,255,255,0.5)}.alert-block.gs-success .alert-info a{background:#65851b}.alert-block.gs-success .alert-info a:hover{background:#526c15}.alert-block.gs-success p.alert-title{color:#fff}.alert-block.gs-success p:not(.alert-title){color:#c9e785}.alert-block.default-gs-success{border-bottom:1px solid #c9e785}.alert-block.default-gs-success .alert-info:before{content:"";color:#85b023}.alert-block.default-gs-success .alert-info a{background:#85b023}.alert-block.default-gs-success .alert-info a:hover{background:#65851b}.alert-block.default-gs-success p{color:#85b023}.alert-block.default-gs-success p:not(.alert-title){color:#a3d630}.alert-block.gs-error{background:#d36c65}.alert-block.gs-error.inline{border-left-color:#ca4e45}.alert-block.gs-error .alert-info:before{content:"";color:rgba(255,255,255,0.5)}.alert-block.gs-error .alert-info a{background:#c8463d}.alert-block.gs-error .alert-info a:hover{background:#b33b33}.alert-block.gs-error p.alert-title{color:#fff}.alert-block.gs-error p:not(.alert-title){color:#f5dedc}.alert-block.default-gs-error{border-bottom:1px solid #f5dedc}.alert-block.default-gs-error .alert-info:before{content:"";color:#d36c65}.alert-block.default-gs-error .alert-info a{background:#d36c65}.alert-block.default-gs-error .alert-info a:hover{background:#c8463d}.alert-block.default-gs-error p{color:#d36c65}.alert-block.default-gs-error p:not(.alert-title){color:#de928d}.alert-block.special{background:#efc520}.alert-block.special.inline{border-left-color:#e5ba10}.alert-block.special .alert-info:before{content:"";font-size:35px;color:#fff}.alert-block.special .alert-info a{background:#bf9b0e}.alert-block.special .alert-info a:hover{background:#a7880c}.alert-block.special p{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.13)}.alert-block.plan-two{background:#f29809}.alert-block.plan-two .alert-info:before{content:"Starter"}.alert-block.plan-two .alert-info a{background:#b27007}.alert-block.plan-two .alert-info a:hover{background:#996006}.alert-block.plan-three{background:#dd5a7c}.alert-block.plan-three .alert-info:before{content:"Growth"}.alert-block.plan-three .alert-info a{background:#b6254b}.alert-block.plan-three .alert-info a:hover{background:#a12142}.alert-block.plan-four{background:#9a58e6}.alert-block.plan-four .alert-info:before{content:"Insights"}.alert-block.plan-four .alert-info a{background:#6b1dc5}.alert-block.plan-four .alert-info a:hover{background:#5f1aaf}.alert-block .close{width:33px;height:33px;font-size:22px;color:#fff;padding-top:4px;right:30px;opacity:0.6;-webkit-transition:all 200ms;transition:all 200ms}.alert-block .close i{-webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1);-webkit-transform-origin:50% 54%;-moz-transform-origin:50% 54%;-ms-transform-origin:50% 54%;transform-origin:50% 54%}.alert-block .close:hover{opacity:1}.alert-block .close:hover i{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.alert-block+div>.content-wrapper{margin-top:30px}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}.modal-wrapper{background:rgba(0,0,0,0.5);padding:0 30px;overflow:scroll;z-index:9}.modal-wrapper,.modal-wrapper .modal-cover{position:fixed;top:0;right:0;bottom:0;left:0}.modal-wrapper .modal-cover{z-index:-1}.modal-wrapper .gs-modal{max-width:860px;background:#fff;padding:35px 30px 30px;margin:100px auto 30px;opacity:0;border-radius:4px}.modal-wrapper .gs-modal.small{max-width:430px;padding:40px 30px}.modal-wrapper .gs-modal .modal-title{text-align:center}.modal-wrapper .gs-modal .modal-title .title{font-family:"Raleway",sans-serif;font-weight:800;font-size:25px;font-weight:300;padding-bottom:11px}.modal-wrapper .gs-modal .modal-title .title+p{max-width:400px;margin:10px auto 0}.modal-wrapper .gs-modal img{width:100%}.modal-wrapper .gs-modal .before-after{margin-top:-20px}.modal-wrapper .gs-modal .before-after>div{text-align:center}.modal-wrapper .gs-modal .before-after>div strong{font-size:20px;margin:20px 0;display:block}.modal-wrapper .gs-modal .before-after>div[class*="col-"]:first-child{padding-left:0;padding-right:15px}.modal-wrapper .gs-modal .before-after>div[class*="col-"]:last-child{padding-left:15px;padding-right:0}.modal-wrapper .gs-modal .form-button-group{padding-top:20px}.modal-wrapper .gs-modal .text-block{text-align:left;margin-bottom:30px}.modal-wrapper .gs-modal .text-block p{font-size:18px;line-height:22px;margin-bottom:15px}.modal-wrapper .gs-modal .text-block p span{color:#339ed5}.modal-wrapper .gs-modal .status-icon{width:70px;height:70px;background:#c4da94;border:5px solid #9bc048;margin:-10px auto 30px;position:relative;-webkit-animation:rotate-in 750ms ease-in-out;animation:rotate-in 750ms ease-in-out}.modal-wrapper .gs-modal .status-icon i{font-size:38px;color:#fff;margin:-19px 0 0 -19px;position:absolute;top:50%;left:50%}.modal-wrapper .gs-modal .status-icon,.modal-wrapper .gs-modal .status-icon:before{border-radius:100%}.modal-wrapper .gs-modal .status-icon:before{width:100%;height:100%;border:0 solid #9bc048;content:"";display:inline-block;position:absolute;top:0;left:0;box-sizing:border-box}.modal-wrapper.hide{display:none}.modal-wrapper.active{display:block;-webkit-animation:opacity-in 300ms ease-in-out forwards;animation:opacity-in 300ms ease-in-out forwards}.modal-wrapper.active .gs-modal{-webkit-animation:fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;animation:fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards}.modal-wrapper.rewind{-webkit-animation:opacity-out 300ms ease-in-out forwards;animation:opacity-out 300ms ease-in-out forwards}.modal-wrapper.rewind .gs-modal{-webkit-animation:fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;animation:fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}div.gs-form{position:relative}form h3,div.gs-form h3{margin-bottom:3px}form h4,div.gs-form h4{color:#339ed5;margin-bottom:10px}form p,div.gs-form p{font-size:14px;color:#999;line-height:15px;margin-bottom:4px}form p.tutorial,div.gs-form p.tutorial{font-size:16px;color:#606060;line-height:18px;margin-bottom:8px}form p .code,div.gs-form p .code{font-family:Courier New,monospace;font-size:14px;font-weight:600;background:#eee;padding:1px 4px;margin:0 3px;border-radius:4px}form label,div.gs-form label{font-size:18px;font-weight:600}form label span,div.gs-form label span{font-size:16px;font-weight:normal;color:#999}form label.step,div.gs-form label.step{width:34px;height:34px;font-size:25px;font-weight:600;color:#fff;background:#339ed5;text-align:center;padding-top:3px;display:inline-block;position:absolute;top:30px;left:50%;margin-left:-17px;border-radius:100%}form label.required,div.gs-form label.required{position:relative}form label.required:before,div.gs-form label.required:before{font-family:"FontAwesome";font-size:10px;color:#339ed5;content:"";display:inline-block;position:absolute;top:0;left:-15px}form input:not([type="submit"]),form select,form textarea,div.gs-form input:not([type="submit"]),div.gs-form select,div.gs-form textarea{width:100%;font-family:"Source Sans Pro",sans-serif;font-size:20px;color:#606060;background:#fff;border:1px solid #ccc;padding:3px 15px 5px;outline:none;border-radius:4px;-webkit-transition:all 200ms;transition:all 200ms}form input:not([type="submit"]):hover,form select:hover,form textarea:hover,div.gs-form input:not([type="submit"]):hover,div.gs-form select:hover,div.gs-form textarea:hover{background:#f9f9f9 !important}form input:not([type="submit"]):focus,form select:focus,form textarea:focus,div.gs-form input:not([type="submit"]):focus,div.gs-form select:focus,div.gs-form textarea:focus{border-color:#339ed5;box-shadow:inset 0 0 3px #b2daef}form input:not([type="submit"])::-webkit-input-placeholder,form select::-webkit-input-placeholder,form textarea::-webkit-input-placeholder,div.gs-form input:not([type="submit"])::-webkit-input-placeholder,div.gs-form select::-webkit-input-placeholder,div.gs-form textarea::-webkit-input-placeholder{color:#ccc;font-style:italic}form input:not([type="submit"]):-moz-placeholder,form select:-moz-placeholder,form textarea:-moz-placeholder,div.gs-form input:not([type="submit"]):-moz-placeholder,div.gs-form select:-moz-placeholder,div.gs-form textarea:-moz-placeholder{color:#ccc;font-style:italic}form input:not([type="submit"])::-moz-placeholder,form select::-moz-placeholder,form textarea::-moz-placeholder,div.gs-form input:not([type="submit"])::-moz-placeholder,div.gs-form select::-moz-placeholder,div.gs-form textarea::-moz-placeholder{color:#ccc;font-style:italic}form input:not([type="submit"]):-ms-input-placeholder,form select:-ms-input-placeholder,form textarea:-ms-input-placeholder,div.gs-form input:not([type="submit"]):-ms-input-placeholder,div.gs-form select:-ms-input-placeholder,div.gs-form textarea:-ms-input-placeholder{color:#ccc;font-style:italic}form input:not([type="submit"])+p,form select+p,form textarea+p,div.gs-form input:not([type="submit"])+p,div.gs-form select+p,div.gs-form textarea+p{margin-top:5px}form input[type="submit"],form button,div.gs-form input[type="submit"],div.gs-form button{width:auto;font-family:"Source Sans Pro",sans-serif;font-size:100%;margin-top:-8px;margin-bottom:-9px;display:inline}form input[type="submit"]:hover,form button:hover,div.gs-form input[type="submit"]:hover,div.gs-form button:hover{cursor:pointer}form textarea,div.gs-form textarea{max-width:100%}form select,div.gs-form select{height:35px}form .page-inline-select,div.gs-form .page-inline-select{width:180px;margin-left:8px}form .form-content pre,div.gs-form .form-content pre{margin-top:18px}form .form-content+.form-content,div.gs-form .form-content+.form-content{margin-top:30px}form .form-content+.options-details:not(.form-title),div.gs-form .form-content+.options-details:not(.form-title){padding-top:37px}form .form-content .field-label.show-content,div.gs-form .form-content .field-label.show-content{border-radius:2px 0 0 2px}form .form-content .field-clean,div.gs-form .form-content .field-clean{padding:35px 30px}form .form-content .field-clean+.field-clean,form .form-content .field-clean+.field-group,div.gs-form .form-content .field-clean+.field-clean,div.gs-form .form-content .field-clean+.field-group{border-top:1px solid #eee}form .form-content .field-clean div[class^="col-"]:not(:first-child),div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child){padding-left:30px}form .form-content .field-clean label,div.gs-form .form-content .field-clean label{margin-bottom:6px;display:block}form .form-content .field-group,div.gs-form .form-content .field-group{padding-left:125px;position:relative}form .form-content .field-group:after,div.gs-form .form-content .field-group:after{content:"";display:block;clear:both}form .form-content .field-group.hide,div.gs-form .form-content .field-group.hide{display:none}form .form-content .field-group.multi-label>div,div.gs-form .form-content .field-group.multi-label>div{margin-left:-125px;padding-left:125px;position:relative}form .form-content .field-group.multi-label>div+div .field-label,form .form-content .field-group.multi-label>div+div .field-input,div.gs-form .form-content .field-group.multi-label>div+div .field-label,div.gs-form .form-content .field-group.multi-label>div+div .field-input{padding-top:3px}form .form-content .field-group.multi-label.row-layout>div:first-child .field-label,div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-label{border-radius:4px 0 0 0}form .form-content .field-group.multi-label.row-layout>div:first-child .field-input,div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-input{padding-bottom:0}form .form-content .field-group.multi-label.row-layout>div:last-child .field-label,div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-label{padding-top:18px}form .form-content .field-group.multi-label.row-layout>div:last-child .field-input,div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-input{padding-bottom:30px}form .form-content .field-group:not(.multi-label):not(.not-float)>*,div.gs-form .form-content .field-group:not(.multi-label):not(.not-float)>*{float:left}form .form-content .field-group:first-child .field-label,div.gs-form .form-content .field-group:first-child .field-label{border-radius:3px 0 0 0}form .form-content .field-group:last-child .field-label,div.gs-form .form-content .field-group:last-child .field-label{border-radius:0 0 0 3px}form .form-content .field-group .field-label,div.gs-form .form-content .field-group .field-label{width:125px;min-width:125px;height:100%;background:#f9f9f9;word-wrap:break-word;padding:55px 0 40px 30px;position:absolute;top:0;left:0}form .form-content .field-group .field-label label,form .form-content .field-group .field-label span,div.gs-form .form-content .field-group .field-label label,div.gs-form .form-content .field-group .field-label span{display:block}form .form-content .field-group .field-label.no-desc,div.gs-form .form-content .field-group .field-label.no-desc{padding-top:40px}form .form-content .field-group .field-label .label-icon,div.gs-form .form-content .field-group .field-label .label-icon{font-size:24px;color:#ddd;text-align:center;margin:-15px 20px 5px 0}form .form-content .field-group .field-input,div.gs-form .form-content .field-group .field-input{width:100%;padding:35px 30px 40px;position:relative}form .form-content .field-group .field-input+.field-input,div.gs-form .form-content .field-group .field-input+.field-input{padding-top:0;margin-top:-6px}form .form-content .field-group .field-input>.clearfix+.field-button-group,div.gs-form .form-content .field-group .field-input>.clearfix+.field-button-group{margin:25px 0 -20px}form .form-content .field-group .field-input.columns,div.gs-form .form-content .field-group .field-input.columns{padding-bottom:35px}form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child{padding:0}form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child{padding-right:0}form .form-content .field-group .field-input .gs-buttons-group,div.gs-form .form-content .field-group .field-input .gs-buttons-group{text-align:right}form .form-content .field-group .field-input .gs-buttons-group .gs-button,div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button{display:inline-block}form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error{padding-top:6px;padding-bottom:8px;margin-left:4px}form .form-content .field-group .field-input .input-wrap,div.gs-form .form-content .field-group .field-input .input-wrap{margin:10px 0 20px}form .form-content .field-group .field-input .input-wrap ul.chosen-choices,div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices{font-size:20px;color:#606060;background-image:none;border-color:#ccc;box-shadow:none;border-radius:4px}form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice{font-size:16px;color:#fff;background:#339ed5;border:none;padding:7px 26px 7px 11px;box-shadow:none}form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close{height:13px;background:none !important;background-image:none !important;top:50%;right:6px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before{font-family:"FontAwesome";font-size:13px;color:#fff;content:"";display:inline-block;opacity:0.5}form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input{height:33px;font-family:"Source Sans Pro",sans-serif;font-style:italic;color:#ccc;margin:0}form .form-content .field-group .field-input .tutorial-steps li,div.gs-form .form-content .field-group .field-input .tutorial-steps li{border-bottom:1px solid #eee;counter-increment:step-counter;padding:0 30px 30px;margin:0 -30px 30px;position:relative}form .form-content .field-group .field-input .tutorial-steps li:before,div.gs-form .form-content .field-group .field-input .tutorial-steps li:before{font-size:16px;font-weight:bold;color:#fff;background:#339ed5;content:counter(step-counter);padding:1px 6px 3px;position:absolute;top:0;left:10px;border-radius:4px}form .form-content .field-group .field-input .tutorial-steps li img,div.gs-form .form-content .field-group .field-input .tutorial-steps li img{width:100%;border:1px solid #ccc;margin-top:15px;display:block;border-radius:4px}form .form-content .field-group .field-input .tutorial-steps li p.tutorial,div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial{padding:0 10px}form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn,div.gs-form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn{width:auto}form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before,div.gs-form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before{margin-left:0;right:45px;left:auto}form .form-content .field-group .field-input .field-button-group>span.label>span,div.gs-form .form-content .field-group .field-input .field-button-group>span.label>span{margin-right:7px;position:relative;top:-12px}form .form-content .field-group .field-input .field-button-group>span.label+span.label,div.gs-form .form-content .field-group .field-input .field-button-group>span.label+span.label{margin-left:30px}form .form-content .field-group .field-input .input-alert-message,div.gs-form .form-content .field-group .field-input .input-alert-message{font-size:14px;line-height:15px;margin-bottom:4px;position:relative;float:right}form .form-content .field-group .field-input .input-alert-message span,div.gs-form .form-content .field-group .field-input .input-alert-message span{-webkit-animation:fade-in-left 500ms ease-out;animation:fade-in-left 500ms ease-out}form .form-content .field-group .field-input .input-alert-message:before,div.gs-form .form-content .field-group .field-input .input-alert-message:before{width:24px;height:20px;font-family:"FontAwesome";font-size:16px;color:#fff;text-align:center;padding-top:4px;position:absolute;bottom:-33px;right:9px;display:block;border-radius:100%;-webkit-animation:rotate-in 750ms ease-in-out;animation:rotate-in 750ms ease-in-out}form .form-content .field-group .field-input .input-alert-message.gs-primary,div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary{color:#339ed5}form .form-content .field-group .field-input .input-alert-message.gs-primary:before,div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before{background:#339ed5;content:""}form .form-content .field-group .field-input .input-alert-message.gs-success,div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success{color:#85b023}form .form-content .field-group .field-input .input-alert-message.gs-success:before,div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before{background:#85b023;content:""}form .form-content .field-group .field-input .input-alert-message.gs-error,div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error{color:#d36c65}form .form-content .field-group .field-input .input-alert-message.gs-error:before,div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before{background:#d36c65;content:""}form .form-content .field-group .field-note,div.gs-form .form-content .field-group .field-note{font-size:14px;font-style:italic;color:#bbb;text-align:right;position:absolute;bottom:10px;right:30px}form .form-content .field-group .field-note i,div.gs-form .form-content .field-group .field-note i{margin-right:2px;position:relative;bottom:-1px}form .form-content .field-group .field-note.alert-note,div.gs-form .form-content .field-group .field-note.alert-note{margin-left:-125px;padding:13px 30px 13px 155px;position:relative;right:auto;bottom:auto;-webkit-transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 500ms cubic-bezier(0.19, 1, 0.22, 1)}form .form-content .field-group .field-note.alert-note.inactive,div.gs-form .form-content .field-group .field-note.alert-note.inactive{margin-bottom:-50px}form .form-content .field-group .field-note.alert-note i,div.gs-form .form-content .field-group .field-note.alert-note i{font-size:22px;position:absolute;top:50%;left:30px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}form .form-content .field-group .field-note.alert-note a.gs-button,div.gs-form .form-content .field-group .field-note.alert-note a.gs-button{font-size:13px;padding:2px 7px;margin-left:5px}form .form-content .field-group .field-note.alert-note.gs-primary,div.gs-form .form-content .field-group .field-note.alert-note.gs-primary{color:#339ed5;background:#dceef8}form .form-content .field-group .field-note.alert-note.gs-success,div.gs-form .form-content .field-group .field-note.alert-note.gs-success{color:#85b023;background:#dcefb0}form .form-content .field-group .field-note.alert-note.gs-error,div.gs-form .form-content .field-group .field-note.alert-note.gs-error{color:#d36c65;background:#fff}form .form-content .field-group .field-tab,div.gs-form .form-content .field-group .field-tab{display:none}form .form-content .field-group .field-tab.active,div.gs-form .form-content .field-group .field-tab.active{display:block;-webkit-animation:fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);animation:fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1)}form .form-content .field-group:not(.field-alert)+.field-group,div.gs-form .form-content .field-group:not(.field-alert)+.field-group{border-top:1px solid #eee}form .form-content .field-group.follow-input label i,div.gs-form .form-content .field-group.follow-input label i{width:50px;height:50px;color:#fff;padding:10px;margin-left:10px;position:relative;top:-1px;border-radius:4px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}form .form-content .field-group.follow-input label i:after,div.gs-form .form-content .field-group.follow-input label i:after{font-size:22px;font-family:"getsocial-icons";font-style:normal;font-weight:normal;font-variant:normal;speak:none;text-transform:none;line-height:1;display:inline-block;position:relative;bottom:-3px}form .form-content .field-group.follow-input label span,div.gs-form .form-content .field-group.follow-input label span{display:none}form .form-content .field-group.follow-input.fb label i,div.gs-form .form-content .field-group.follow-input.fb label i{background:#506bb1}form .form-content .field-group.follow-input.fb label i:after,div.gs-form .form-content .field-group.follow-input.fb label i:after{content:""}form .form-content .field-group.follow-input.tw label i,div.gs-form .form-content .field-group.follow-input.tw label i{background:#60aade}form .form-content .field-group.follow-input.tw label i:after,div.gs-form .form-content .field-group.follow-input.tw label i:after{content:""}form .form-content .field-group.follow-input.pn label i,div.gs-form .form-content .field-group.follow-input.pn label i{background:#ef4448}form .form-content .field-group.follow-input.pn label i:after,div.gs-form .form-content .field-group.follow-input.pn label i:after{content:""}form .form-content .field-group.follow-input.gp label i,div.gs-form .form-content .field-group.follow-input.gp label i{background:#e85441}form .form-content .field-group.follow-input.gp label i:after,div.gs-form .form-content .field-group.follow-input.gp label i:after{content:""}form .form-content .field-group.follow-input.tu label i,div.gs-form .form-content .field-group.follow-input.tu label i{background:#55677d}form .form-content .field-group.follow-input.tu label i:after,div.gs-form .form-content .field-group.follow-input.tu label i:after{content:""}form .form-content .field-group.follow-input.ld label i,div.gs-form .form-content .field-group.follow-input.ld label i{background:#1b93ce}form .form-content .field-group.follow-input.ld label i:after,div.gs-form .form-content .field-group.follow-input.ld label i:after{content:""}form .form-content .field-group.follow-input.de label i,div.gs-form .form-content .field-group.follow-input.de label i{background:#797979}form .form-content .field-group.follow-input.de label i:after,div.gs-form .form-content .field-group.follow-input.de label i:after{content:""}form .form-content .field-group.follow-input.su label i,div.gs-form .form-content .field-group.follow-input.su label i{background:#f65830}form .form-content .field-group.follow-input.su label i:after,div.gs-form .form-content .field-group.follow-input.su label i:after{content:""}form .form-content .field-group.follow-input.re label i,div.gs-form .form-content .field-group.follow-input.re label i{background:#208fdf}form .form-content .field-group.follow-input.re label i:after,div.gs-form .form-content .field-group.follow-input.re label i:after{content:""}form .form-content .field-group.follow-input.ok label i,div.gs-form .form-content .field-group.follow-input.ok label i{background:#fa6f0d}form .form-content .field-group.follow-input.ok label i:after,div.gs-form .form-content .field-group.follow-input.ok label i:after{content:""}form .form-content .field-group.follow-input.hn label i,div.gs-form .form-content .field-group.follow-input.hn label i{background:#f36201}form .form-content .field-group.follow-input.hn label i:after,div.gs-form .form-content .field-group.follow-input.hn label i:after{content:""}form .form-content .field-group.follow-input.fbm label i,div.gs-form .form-content .field-group.follow-input.fbm label i{background:#0d87ff}form .form-content .field-group.follow-input.fbm label i:after,div.gs-form .form-content .field-group.follow-input.fbm label i:after{content:""}form .form-content .field-group.follow-input.vk label i,div.gs-form .form-content .field-group.follow-input.vk label i{background:#3b689c}form .form-content .field-group.follow-input.vk label i:after,div.gs-form .form-content .field-group.follow-input.vk label i:after{content:""}form .form-content .field-group.follow-input.bf label i,div.gs-form .form-content .field-group.follow-input.bf label i{background:#424242}form .form-content .field-group.follow-input.bf label i:after,div.gs-form .form-content .field-group.follow-input.bf label i:after{content:""}form .form-content .field-group.follow-input.wa label i,div.gs-form .form-content .field-group.follow-input.wa label i{background:#02a601}form .form-content .field-group.follow-input.wa label i:after,div.gs-form .form-content .field-group.follow-input.wa label i:after{content:""}form .form-content .field-group.follow-input.ren label i,div.gs-form .form-content .field-group.follow-input.ren label i{background:#1e72c8}form .form-content .field-group.follow-input.ren label i:after,div.gs-form .form-content .field-group.follow-input.ren label i:after{content:""}form .form-content .field-group.follow-input.ba label i,div.gs-form .form-content .field-group.follow-input.ba label i{background:#314ff3}form .form-content .field-group.follow-input.ba label i:after,div.gs-form .form-content .field-group.follow-input.ba label i:after{content:""}form .form-content .field-group.follow-input.we label i,div.gs-form .form-content .field-group.follow-input.we label i{background:#dc3737}form .form-content .field-group.follow-input.we label i:after,div.gs-form .form-content .field-group.follow-input.we label i:after{content:""}form .form-content .field-group.follow-input.ig label i,div.gs-form .form-content .field-group.follow-input.ig label i{background:#3F729B}form .form-content .field-group.follow-input.ig label i:after,div.gs-form .form-content .field-group.follow-input.ig label i:after{content:""}form .form-content .field-group.follow-input.yt label i,div.gs-form .form-content .field-group.follow-input.yt label i{background:#CD201F}form .form-content .field-group.follow-input.yt label i:after,div.gs-form .form-content .field-group.follow-input.yt label i:after{content:""}form .form-content .field-group.follow-input.ym label i,div.gs-form .form-content .field-group.follow-input.ym label i{background:#e16120}form .form-content .field-group.follow-input.ym label i:after,div.gs-form .form-content .field-group.follow-input.ym label i:after{content:""}form .form-content .field-group.follow-input .field-input,div.gs-form .form-content .field-group.follow-input .field-input{padding-right:80px}form .form-content .field-group.follow-input .field-input .close-field,div.gs-form .form-content .field-group.follow-input .field-input .close-field{font-size:18px;color:#ccc;padding:7px 9px 6px;position:absolute;top:35px;right:20px}form .form-content .field-group.follow-input .field-input .close-field i,div.gs-form .form-content .field-group.follow-input .field-input .close-field i{margin-right:0}form .form-content .field-group.follow-input .field-input .close-field span,div.gs-form .form-content .field-group.follow-input .field-input .close-field span{display:none}form .form-content .field-group.follow-input .field-input .close-field div,div.gs-form .form-content .field-group.follow-input .field-input .close-field div{width:115px;padding-top:8px;padding-bottom:8px;margin-left:-82px;top:37px}form .form-content .field-group.follow-input .field-input .close-field div:before,div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before{margin-left:0;left:auto;right:24px}form .form-content .field-group.follow-input .field-input .close-field:hover,div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover{color:#d36c65}form .form-content .field-grid+.field-group,div.gs-form .form-content .field-grid+.field-group{border-top:1px solid #eee}form .form-content .field-grid .field-label .user-avatar,div.gs-form .form-content .field-grid .field-label .user-avatar{position:absolute;top:50%;left:50%;margin:-23px 0 0 -23px}form .form-content .field-grid .field-label .user-avatar>div,div.gs-form .form-content .field-grid .field-label .user-avatar>div{width:24px;font-size:12px;color:#fff;background:#efc520;border:3px solid #f9f9f9;text-align:center;padding:3px 0 3px 1px;display:inline-block;position:absolute;top:-7px;right:-7px}form .form-content .field-grid .field-label .user-avatar img,div.gs-form .form-content .field-grid .field-label .user-avatar img{width:46px}form .form-content .field-grid .field-label .user-avatar img,form .form-content .field-grid .field-label .user-avatar>div,div.gs-form .form-content .field-grid .field-label .user-avatar img,div.gs-form .form-content .field-grid .field-label .user-avatar>div{border-radius:100%}form .form-content .field-grid .field-input>div:not(.field-button-group),div.gs-form .form-content .field-grid .field-input>div:not(.field-button-group){display:inline-block}form .form-content .field-grid .field-input>div.field-button-group,div.gs-form .form-content .field-grid .field-input>div.field-button-group{margin:-7px 0 -11px;float:right}form .form-content .field-grid .field-input>div.field-button-group a.gs-button,div.gs-form .form-content .field-grid .field-input>div.field-button-group a.gs-button{padding:6px 13px 7px !important;display:inline-block}form .form-content .field-grid .field-input>div.field-button-group i.fa-trash,div.gs-form .form-content .field-grid .field-input>div.field-button-group i.fa-trash{margin-right:0}form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group{font-weight:600;color:#7a7a7a;background:#f9f9f9;padding:0}form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title{border-right:1px solid #eee;padding:15px 30px}form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child{border-right:0}form .form-content .field-grid.field-grid-table .field-group,div.gs-form .form-content .field-grid.field-grid-table .field-group{padding-left:160px}form .form-content .field-grid.field-grid-table .field-label,div.gs-form .form-content .field-grid.field-grid-table .field-label{width:160px;min-width:160px;padding-top:35px}form .form-content .field-grid.field-grid-table .field-label a,div.gs-form .form-content .field-grid.field-grid-table .field-label a{font-size:16px;font-weight:600;color:#339ed5}form .form-content .field-grid.field-grid-table .field-label a:hover,form .form-content .field-grid.field-grid-table .field-label a:focus,div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus{color:#2687b9}form .form-content .field-grid.field-grid-table .grid-desc,div.gs-form .form-content .field-grid.field-grid-table .grid-desc{font-size:14px;color:#bbb}form .form-button-group,div.gs-form .form-button-group{text-align:center;padding:38px 0 20px}form .form-button-group .form-button-status,div.gs-form .form-button-group .form-button-status{display:inline-block;position:relative}form .form-button-group .form-button-status p,div.gs-form .form-button-group .form-button-status p{width:240px;font-size:14px;line-height:15px;position:absolute;top:100%;left:50%;margin:15px 0 0 -120px;-webkit-animation:fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);animation:fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1)}form .form-button-group .form-button-status .gs-primary+p,div.gs-form .form-button-group .form-button-status .gs-primary+p{color:#339ed5}form .form-button-group .form-button-status .gs-success+p,div.gs-form .form-button-group .form-button-status .gs-success+p{color:#85b023}form .form-button-group .form-button-status .gs-error+p,div.gs-form .form-button-group .form-button-status .gs-error+p{color:#d36c65}form .form-button-group.fixed,div.gs-form .form-button-group.fixed{max-width:925px;width:100%;background:#f3f3f3;padding:30px 0;position:fixed;bottom:0;left:50%;z-index:4;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);box-shadow:0 -20px 30px -30px rgba(0,0,0,0.5);-webkit-animation:push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);animation:push-up 750ms cubic-bezier(0.19, 1, 0.22, 1)}form .extra-notes,div.gs-form .extra-notes{padding-top:15px}form .extra-notes .fa-asterisk,div.gs-form .extra-notes .fa-asterisk{font-size:16px;color:#339ed5}.edit_exclusion+.edit_exclusion,.new_exclusion{margin-top:30px}.form-content{background:#fff;border:1px solid #e1e1e1;overflow:hidden;border-radius:4px}.form-content.free-content{padding:30px}.form-content.show-content{overflow:visible}.form-content.show-content .field-group:first-child .field-label{border-top-left-radius:3px}.form-content.show-content .field-group:first-child .field-input{border-top-right-radius:3px}.form-content.show-content .field-group:last-child .field-label{border-bottom-left-radius:3px}.form-content.show-content .field-group:last-child .field-input{border-bottom-right-radius:3px}.gs-button{font-weight:600;color:#fff;border:2px solid transparent;padding:4px 13px 6px;border-radius:4px;-webkit-transition:all 200ms;transition:all 200ms}.gs-button i{margin-right:4px}.gs-button.special{color:#efc520}.gs-button.special:not(.trans){background:#efc520}.gs-button.special.trans.border{border-color:#efc520}.gs-button.dark{color:#606060}.gs-button.dark:hover{color:#339ed5}.gs-button.grey{color:#606060;background:#f6f6f6}.gs-button.grey:hover{background:#e3e3e3}.gs-button.disabled{color:#aaa;background:#eee}.gs-button:not(.pricing-plan).plan-two:not(.trans){background:#f29809}.gs-button:not(.pricing-plan).plan-two:not(.trans):hover{background:#cb7f08}.gs-button:not(.pricing-plan).plan-two.trans{color:#f29809}.gs-button:not(.pricing-plan).plan-two.trans.border{border-color:#f29809}.gs-button:not(.pricing-plan).plan-two.trans:hover{color:#f29809;border-color:#f29809}.gs-button:not(.pricing-plan).plan-three:not(.trans){background:#dd5a7c}.gs-button:not(.pricing-plan).plan-three:not(.trans):hover{background:#d63861}.gs-button:not(.pricing-plan).plan-three.trans{color:#dd5a7c}.gs-button:not(.pricing-plan).plan-three.trans.border{border-color:#dd5a7c}.gs-button:not(.pricing-plan).plan-three.trans:hover{color:#dd5a7c;border-color:#dd5a7c}.gs-button:not(.pricing-plan).plan-four:not(.trans){background:#9a58e6}.gs-button:not(.pricing-plan).plan-four:not(.trans):hover{background:#8535e1}.gs-button:not(.pricing-plan).plan-four.trans{color:#9a58e6}.gs-button:not(.pricing-plan).plan-four.trans.border{border-color:#9a58e6}.gs-button:not(.pricing-plan).plan-four.trans:hover{color:#9a58e6;border-color:#9a58e6}.gs-button.dropdown{width:100%;font-family:"Source Sans Pro",sans-serif;font-size:20px;font-weight:normal;background:#fff;border:1px solid #ccc;padding:3px 30px 5px 15px;position:relative}.gs-button.dropdown i{font-size:16px;position:absolute;top:10px;right:10px;-webkit-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.gs-button.dropdown.empty{font-style:italic;color:#ccc}.gs-button.dropdown.filled{color:#fff;background:#339ed5;border-color:#339ed5}.gs-button.dropdown.filled i{color:#88c6e6}.gs-button.dropdown.filled:hover{background:#2687b9;border-color:#2687b9}.gs-button.dropdown.active{color:#606060;border-color:#339ed5;box-shadow:inset 0 0 3px #b2daef}.gs-button.dropdown.active i{-webkit-transform-origin:50% 45%;-ms-transform-origin:50% 45%;transform-origin:50% 45%;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.gs-button.dropdown:hover{background:#f9f9f9}.gs-button.pricing-plan{min-width:100px;font-size:20px;font-weight:600;color:#fff;border:0;text-shadow:0 1px rgba(0,0,0,0.25);padding:6px 15px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 0 transparent;-webkit-transition:all 200ms;transition:all 200ms}.gs-button.pricing-plan.plan-one{background:#339ed5,#f29809,#dd5a7c,#9a58e6}.gs-button.pricing-plan.plan-two{background:#339ed5,#f29809,#dd5a7c,#9a58e6}.gs-button.pricing-plan.plan-three{background:#339ed5,#f29809,#dd5a7c,#9a58e6}.gs-button.pricing-plan.plan-four{background:#339ed5,#f29809,#dd5a7c,#9a58e6}.gs-button.gs-primary:not(.trans){background:#339ed5}.gs-button.gs-primary.trans{color:#339ed5}.gs-button.gs-primary.trans.border{border-color:#339ed5}.gs-button.gs-success:not(.trans){background:#85b023}.gs-button.gs-success.trans{color:#85b023}.gs-button.gs-success.trans.border{border-color:#85b023}.gs-button.gs-error:not(.trans){background:#d36c65}.gs-button.gs-error.trans{color:#d36c65}.gs-button.gs-error.trans.border{border-color:#d36c65}.gs-button.white{color:#606060;background:#fff;border-width:3px;border-style:solid;border-color:transparent;-webkit-transition:all 200ms;transition:all 200ms}.gs-button.white:hover{border-color:#606060}a.gs-button.special:not(.trans):hover,input.gs-button.special:not(.trans):hover,button.gs-button.special:not(.trans):hover{background:#d7ae0f}a.gs-button.special.trans.border:hover,input.gs-button.special.trans.border:hover,button.gs-button.special.trans.border:hover{color:#d7ae0f;border-color:#d7ae0f}a.gs-button.dark,input.gs-button.dark,button.gs-button.dark{color:#606060}a.gs-button.dark:hover,input.gs-button.dark:hover,button.gs-button.dark:hover{color:#339ed5}a.gs-button.pricing-plan.plan-one:hover,input.gs-button.pricing-plan.plan-one:hover,button.gs-button.pricing-plan.plan-one:hover{box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 3px #1e6b93}a.gs-button.pricing-plan.plan-two:hover,input.gs-button.pricing-plan.plan-two:hover,button.gs-button.pricing-plan.plan-two:hover{box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 3px #9e6306}a.gs-button.pricing-plan.plan-three:hover,input.gs-button.pricing-plan.plan-three:hover,button.gs-button.pricing-plan.plan-three:hover{box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 3px #ba264d}a.gs-button.pricing-plan.plan-four:hover,input.gs-button.pricing-plan.plan-four:hover,button.gs-button.pricing-plan.plan-four:hover{box-shadow:0 1px 3px rgba(0,0,0,0.25),inset 0 0 0 3px #6e1ec9}a.gs-button.gs-primary:not(.trans):hover,input.gs-button.gs-primary:not(.trans):hover,button.gs-button.gs-primary:not(.trans):hover{background:#2687b9}a.gs-button.gs-primary.trans:hover,input.gs-button.gs-primary.trans:hover,button.gs-button.gs-primary.trans:hover{border-color:#339ed5}a.gs-button.gs-success:not(.trans):hover,input.gs-button.gs-success:not(.trans):hover,button.gs-button.gs-success:not(.trans):hover{background:#6b8e1c}a.gs-button.gs-success.trans:hover,input.gs-button.gs-success.trans:hover,button.gs-button.gs-success.trans:hover{border-color:#85b023}a.gs-button.gs-error:not(.trans):hover,input.gs-button.gs-error:not(.trans):hover,button.gs-button.gs-error:not(.trans):hover{background:#ca4e45}a.gs-button.gs-error.trans:hover,input.gs-button.gs-error.trans:hover,button.gs-button.gs-error.trans:hover{border-color:#d36c65}.checkbox{position:relative}.checkbox input{height:34px;background:transparent;position:absolute;margin:0;opacity:0;z-index:1}.checkbox input:hover{cursor:pointer}.checkbox input+.checkbox-btn{background:#ccc}.checkbox input+.checkbox-btn:after{left:0;-webkit-transform:translate(2px, 0);-ms-transform:translate(2px, 0);transform:translate(2px, 0)}.checkbox input:checked+.checkbox-btn:after{left:100%;-webkit-transform:translate(-32px, 0);-ms-transform:translate(-32px, 0);transform:translate(-32px, 0)}.checkbox input:checked+.checkbox-btn.gs-primary{background:#339ed5}.checkbox input:checked+.checkbox-btn.gs-success{background:#85b023}.checkbox input:checked+.checkbox-btn.gs-error{background:#d36c65}.checkbox input:hover,.checkbox input:focus{cursor:pointer}.checkbox input:hover+.checkbox-btn,.checkbox input:focus+.checkbox-btn{background:#b8b8b8}.checkbox input:hover:checked+.checkbox-btn.gs-primary,.checkbox input:focus:checked+.checkbox-btn.gs-primary{background:#2687b9}.checkbox input:hover:checked+.checkbox-btn.gs-success,.checkbox input:focus:checked+.checkbox-btn.gs-success{background:#6b8e1c}.checkbox input:hover:checked+.checkbox-btn.gs-error,.checkbox input:focus:checked+.checkbox-btn.gs-error{background:#ca4e45}.checkbox .checkbox-btn{width:75px;font-weight:600;padding:7px 15px 9px;display:inline-block;position:relative;overflow:hidden;border-radius:100px;-webkit-transition:all 200ms;transition:all 200ms}.checkbox .checkbox-btn *,.checkbox .checkbox-btn:after{-webkit-transition:all 350ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 350ms cubic-bezier(0.19, 1, 0.22, 1)}.checkbox .checkbox-btn span:first-child{margin-right:-8px;-webkit-transform:translate(30px, 0);-ms-transform:translate(30px, 0);transform:translate(30px, 0)}.checkbox .checkbox-btn span:last-child{margin-left:8px;-webkit-transform:translate(-30px, 0);-ms-transform:translate(-30px, 0);transform:translate(-30px, 0)}.checkbox .checkbox-btn span:not(.active){opacity:0}.checkbox .checkbox-btn span.active{color:#fff;-webkit-transform:translate(0, 0);-ms-transform:translate(0, 0);transform:translate(0, 0)}.checkbox .checkbox-btn:after{width:30px;height:30px;background:#fff;content:"";position:absolute;top:2px;border-radius:100%}.checkbox.checkbox-margin{margin-left:10px}.field-label .checkbox{margin-top:8px}.field-label .checkbox .checkbox-btn{width:initial;padding:5px 13px 7px}.field-label .checkbox .checkbox-btn:after{width:26px;height:26px}.field-label .checkbox .checkbox-btn span:first-child{padding-right:8px}.field-label .checkbox .checkbox-btn span:last-child{padding-left:8px;margin-left:-8px}.field-label .checkbox.long{margin-left:-15px}.field-label .checkbox.long span:first-child{padding-right:0}.field-label .checkbox.long span:last-child{padding-left:0}.field-label .checkbox input{height:30px}.field-label .checkbox input:checked+.checkbox-btn:after{-webkit-transform:translate(-28px, 0);-ms-transform:translate(-28px, 0);transform:translate(-28px, 0)}.checkbox-inline input{width:auto !important;margin:0 4px 0 0;top:1px !important}.checkbox-inline:hover{cursor:pointer}.tab-selector{border-right:1px solid #e1e1e1;padding-top:30px !important;padding-right:10px !important}.tab-selector a{border-width:1px 0 1px 1px;border-style:solid;border-color:transparent;padding:8px 14px 8px 11px;margin:1px -11px 1px 0;display:inline-block;float:right;border-radius:4px 0 0 4px}.tab-selector a,.tab-selector a *{-webkit-transition:all 200ms;transition:all 200ms}.tab-selector a img{border-radius:3px}.tab-selector a:hover{background:#ebebeb}.tab-selector a.active{background:#fff;border-color:#e1e1e1;pointer-events:none}.tab-selector a.active img{box-shadow:0 2px 4px rgba(0,0,0,0.35)}.toggle{border:1px solid #b2daef;display:inline-block;position:relative;border-radius:4px}.toggle a{font-size:16px;color:#7bc0e4;padding:8px 16px 10px;margin:-1px;display:inline-block;border-radius:4px;-webkit-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out}.toggle a:first-child{margin-right:0}.toggle a:last-child{margin-left:0}.toggle a.active{font-weight:600;color:#fff !important;background:#339ed5;pointer-events:none;cursor:default !important;box-shadow:0 1px 3px rgba(0,0,0,0.25)}.toggle a:hover{color:#339ed5}.gs-button-big{font-size:20px;font-weight:600;color:#fff;background:#666;padding:13px 20px 15px;display:inline-block;position:relative;border-radius:4px;-webkit-transition:all 200ms;transition:all 200ms}.gs-button-big i{margin:0 5px 0 -10px;position:relative;bottom:-1px}.gs-button-big.cta{box-shadow:0 5px 20px rgba(0,0,0,0.2)}.gs-button-big.extra>span:not(.note){font-size:16px;font-weight:600;color:rgba(255,255,255,0.75);text-transform:uppercase;white-space:nowrap;margin-top:3px;position:absolute;top:100%;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.gs-button-big>i.fa-angle-left{font-size:30px;margin:0 5px 0 -5px;position:relative;bottom:-2px}.gs-button-big.primary{background:#339ed5}.gs-button-big.primary:hover{background:#2687b9}.gs-button-big.simple{background:transparent;border:2px solid transparent;padding:8px 23px 10px;box-shadow:none}.gs-button-big.simple:hover{border-color:#fff}.gs-button-big.pricing-plan:not(.trans){color:#fff}.gs-button-big.pricing-plan:not(.trans).plan-one{background:#339ed5}.gs-button-big.pricing-plan:not(.trans).plan-one:hover{background:#2481b1}.gs-button-big.pricing-plan:not(.trans).plan-two{background:#f29809}.gs-button-big.pricing-plan:not(.trans).plan-two:hover{background:#c17907}.gs-button-big.pricing-plan:not(.trans).plan-three{background:#dd5a7c}.gs-button-big.pricing-plan:not(.trans).plan-three:hover{background:#d4305a}.gs-button-big.pricing-plan:not(.trans).plan-four{background:#9a58e6}.gs-button-big.pricing-plan:not(.trans).plan-four:hover{background:#7f2cdf}.gs-button-big.pricing-plan.trans{background:#fff}.gs-button-big.pricing-plan.trans.plan-one{color:#339ed5}.gs-button-big.pricing-plan.trans.plan-one.border{border:1px solid #339ed5}.gs-button-big.pricing-plan.trans.plan-one:hover{color:#fff;background:#339ed5}.gs-button-big.pricing-plan.trans.plan-two{color:#f29809}.gs-button-big.pricing-plan.trans.plan-two.border{border:1px solid #f29809}.gs-button-big.pricing-plan.trans.plan-two:hover{color:#fff;background:#f29809}.gs-button-big.pricing-plan.trans.plan-three{color:#dd5a7c}.gs-button-big.pricing-plan.trans.plan-three.border{border:1px solid #dd5a7c}.gs-button-big.pricing-plan.trans.plan-three:hover{color:#fff;background:#dd5a7c}.gs-button-big.pricing-plan.trans.plan-four{color:#9a58e6}.gs-button-big.pricing-plan.trans.plan-four.border{border:1px solid #9a58e6}.gs-button-big.pricing-plan.trans.plan-four:hover{color:#fff;background:#9a58e6}.primary-dark{background:#1c6286}.primary-dark:hover{background:#2481b1}.orange{background:#f29809}.orange:hover{background:#cb7f08}.green{background:#8db13d}.green:hover{background:#759333}.form .form-content .field-group.field-alert p,.form .form-content .field-group.field-alert p.alert-title{color:#fff}.form .form-content .field-group.field-alert p.alert-title{font-size:16px;font-weight:bold;margin-bottom:5px}.form .form-content .field-group.field-alert .field-label{height:100%;padding:0}.form .form-content .field-group.field-alert .field-label:before{font-family:"FontAwesome";font-size:38px;display:inline-block;position:absolute;top:50%;left:50%;margin:-19px 0 0 -16px}.form .form-content .field-group.field-alert .field-input{font-size:14px;font-weight:600;color:#fff;line-height:15px;padding:20px 30px}.form .form-content .field-group.field-alert.gs-primary{background:#339ed5}.form .form-content .field-group.field-alert.gs-primary .field-label{color:#7fc2e5;background:#288dc2}.form .form-content .field-group.field-alert.gs-primary .field-label:before{content:""}.form .form-content .field-group.field-alert.gs-success{background:#85b023}.form .form-content .field-group.field-alert.gs-success .field-label{color:#b2dd52;background:#72961e}.form .form-content .field-group.field-alert.gs-success .field-label:before{content:""}.form .form-content .field-group.field-alert.gs-error{background:#d36c65}.form .form-content .field-group.field-alert.gs-error .field-label{color:#e7b0ac;background:#cc554d}.form .form-content .field-group.field-alert.gs-error .field-label:before{content:""}.form .form-content .field-group.field-alert.white{background:#fff}.form .form-content .field-group.field-alert.white .field-label{color:#339ed5;background:#f1f8fc}.form .form-content .field-group.field-alert.white .field-label:before{content:""}.form .form-content .field-group.field-alert.white .field-input p,.form .form-content .field-group.field-alert.white .field-input p.alert-title{color:#339ed5}.large+div .content-wrapper .options-details:first-child{margin-top:-33px}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}.table-block{color:#606060;text-align:left;padding:0 30px;margin-top:56px;margin-bottom:28px;line-height:28px}.table-block table{width:100%;margin-bottom:84px}.table-block table thead{font-family:"Raleway",sans-serif;font-weight:800;font-size:32px;line-height:84px;text-align:center}.table-block table thead th:first-child{width:25%}.table-block table thead th:not(:first-child){width:15%;background:#f3f3f3;padding:28px 5px;line-height:28px;vertical-align:middle}.table-block table thead th:not(:first-child) img{max-width:184px;margin-bottom:-23px}.table-block table thead th:nth-child(2){border-radius:4px 0 0 0}.table-block table thead th:last-child{border-radius:0 4px 0 0}.table-block table tbody tr:first-child td .feature-label{border-top-width:1px;padding-top:27px;border-radius:4px 0 0 0}.table-block table tbody tr:first-child.help td .feature-label:before{top:26px !important}.table-block table tbody tr:nth-last-child(2) td .feature-label{border-bottom-width:1px}.table-block table tbody tr:nth-last-child(2) td:first-child,.table-block table tbody tr:nth-last-child(2) td .feature-label{border-radius:0 0 0 4px}.table-block table tbody tr:nth-last-child(2) td:last-child{border-radius:0 0 4px 0}.table-block table tbody tr:nth-child(odd) td:not(:first-child){background:#fafafa}.table-block table tbody tr:nth-child(odd) td:not(:first-child).on{background:#9bc048 !important}.table-block table tbody tr:nth-child(even) td:not(:first-child){background:#f3f3f3}.table-block table tbody tr:nth-child(even) td:not(:first-child).on{background:#8db13d !important}.table-block table tbody tr.help td .feature-label{position:relative}.table-block table tbody tr.help td .feature-label>p{font-size:16px;color:#999;line-height:21px;margin:0;padding:14px 0 28px;display:none}.table-block table tbody tr.help td .feature-label:before{width:30px;height:30px;font-family:"FontAwesome";font-size:20px;color:#ddd;background:#fff;text-align:center;content:"";display:inline-block;padding-top:1px;box-sizing:border-box;position:absolute;top:14px;left:-15px;border-radius:100%}.table-block table tbody tr.help:hover,.table-block table tbody tr.help.active{cursor:pointer}.table-block table tbody tr.help:hover td .feature-label,.table-block table tbody tr.help.active td .feature-label{color:#339ed5;background:#f9f9f9}.table-block table tbody tr.help:hover td .feature-label:before,.table-block table tbody tr.help.active td .feature-label:before{color:#339ed5}.table-block table tbody tr.help:hover td:not(:first-child) i,.table-block table tbody tr.help.active td:not(:first-child) i{text-shadow:0 3px 0 rgba(0,0,0,0.05)}.table-block table tbody tr.price td:not(:first-child){font-size:25px;font-weight:bold}.table-block table tbody tr.price td:not(:first-child) span{font-size:20px;font-weight:normal;margin-left:4px}.table-block table tbody tr.gs-button-row td:not(:first-child){background:transparent;border-right:none;padding:2px 1px 0}.table-block table tbody tr.gs-button-row td:not(:first-child) a{margin-top:0;display:block;border-radius:0 0 4px 4px}.table-block table tbody td:not(:first-child){text-align:center;vertical-align:middle}.table-block table tbody td:not(:first-child) i{display:block;-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%;-webkit-transition:all 250ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 250ms cubic-bezier(0.19, 1, 0.22, 1)}.table-block table tbody td:not(:first-child):not(:last-child){border-right:1px solid #e3e3e3}.table-block table tbody td:first-child{position:relative}.table-block table tbody td .feature-label{font-size:18px;background:#fff;border-left-width:1px;border-style:solid;border-color:#eee;padding:14px 30px}.table-block table tbody td.on,.table-block table tbody td.off{font-size:16px;font-weight:600}.table-block table tbody td.on i,.table-block table tbody td.off i{font-size:22px}.table-block table tbody td.on{color:#fff}.table-block table tbody td.off{color:#d36c65}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}footer{text-align:center;overflow:hidden;padding-top:96px}footer.editor{margin-bottom:77px}footer #backToTop{width:190px;height:190px;font-size:45px;color:#bbb;background:#e1e1e1;text-align:center;padding-top:18px;margin-bottom:-110px;display:inline-block;border-radius:100%;-webkit-transition:all 200ms ease-out;transition:all 200ms ease-out}footer #backToTop *{-webkit-transition-property:-webkit-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}footer #backToTop i{-webkit-transition-duration:100ms;transition-duration:100ms}footer #backToTop span{font-size:16px;color:#fff;margin-top:15px;display:block;opacity:0;-webkit-transition-duration:200ms;transition-duration:200ms}footer #backToTop:hover{color:#fff;background:#339ed5;-webkit-transform:translate(0, -20px);-ms-transform:translate(0, -20px);transform:translate(0, -20px);box-shadow:0 0 0 15px #e1e1e1}footer #backToTop:hover i{-webkit-transform:translate(0, -10px);-ms-transform:translate(0, -10px);transform:translate(0, -10px)}footer #backToTop:hover span{opacity:1;-webkit-transform:translate(0, -30px);-ms-transform:translate(0, -30px);transform:translate(0, -30px)}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}.app-group{background:#e4e4e4;margin:0 15px 60px;overflow:hidden;border-radius:4px;-webkit-transition:all 200ms;transition:all 200ms}.app-group:last-child{margin-bottom:0}.app-group.active+.alert-block{margin-top:-30px}.app-group:not(.active){margin-bottom:15px}.app-group:not(.active)+.alert-block{margin-top:30px}.app-group .app-group-title{padding:15px 15px 17px;position:relative}.app-group .app-group-title h2{font-family:"Raleway",sans-serif;font-weight:800;font-size:22px;color:#999}.app-group .app-group-title h2>span{font-family:"Source Sans Pro",sans-serif;font-size:16px;color:#bdbdbd;margin-left:7px}.app-group .app-group-title a.app-group-toggle{color:#bdbdbd;position:absolute;top:0;left:0;right:0;bottom:0}.app-group .app-group-title a.app-group-toggle>i{position:absolute;top:18px;right:20px}.app-group .app-group-title a.app-group-toggle>span{display:none}.app-group .app-group-title a.app-group-toggle:hover{color:#999;background:rgba(255,255,255,0.25)}.app-grid{padding-top:120px;margin:0 -30px}.app-grid:nth-child(2) .app-grid-titles-wrapper{border-top-width:0}.app-grid .app-link-wrapper{width:25%;padding:22px 15px 20px;float:left;position:relative}.app-grid .app-link-wrapper *{-webkit-transition:all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);transition:all 250ms cubic-bezier(0.185, 0.295, 0.325, 1)}.app-grid .app-link-wrapper .app-badge-group,.app-grid .app-link-wrapper .nocode{position:absolute;top:7px;z-index:2}.app-grid .app-link-wrapper .app-badge-group{text-align:right;position:absolute;right:7px}.app-grid .app-link-wrapper .app-badge{font-family:"Raleway",sans-serif;font-weight:800;font-size:16px;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.15);padding:4px 8px;display:inline-block;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,0.15)}.app-grid .app-link-wrapper .app-badge.nocode{font-size:14px;text-transform:uppercase;padding-top:5px;padding-bottom:5px;left:7px}.app-grid .app-link-wrapper .app-badge.new{background:#f5bd25}.app-grid .app-link-wrapper .app-badge.nocode{background:#8db13d;color:#ccc;background:#fff;text-shadow:none;box-shadow:none}.app-grid .app-link-wrapper .app-badge.plan-one{background:#339ed5}.app-grid .app-link-wrapper .app-badge.plan-two{background:#f29809}.app-grid .app-link-wrapper .app-badge.plan-three{background:#dd5a7c}.app-grid .app-link-wrapper .app-badge.plan-four{background:#9a58e6}.app-grid .app-link-wrapper .app-link{height:320px;background:#fff;border:1px solid #e3e3e3;text-align:center;padding:35px 30px 0;overflow:hidden;position:relative;border-radius:4px}.app-grid .app-link-wrapper .app-link .app-link-info{background:#fff;border-top:1px solid transparent;padding-bottom:30px;margin-top:-52px;position:absolute;top:100%;left:0;right:0;z-index:1;-webkit-transform:translateY(-82px);-ms-transform:translateY(-82px);transform:translateY(-82px)}.app-grid .app-link-wrapper .app-link .app-link-info p.app-title{height:66px;font-family:"Raleway",sans-serif;font-weight:800;font-weight:800;font-size:20px;line-height:24px;text-align:center;position:relative}.app-grid .app-link-wrapper .app-link .app-link-info p.app-title span{width:100%;padding:0 15px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title){text-align:left;line-height:22px;padding:0 30px;opacity:0}.app-grid .app-link-wrapper .app-link .app-image{position:relative}.app-grid .app-link-wrapper .app-link .app-image img{max-height:156px;max-width:300px;width:100%}.app-grid .app-link-wrapper .app-link .installed{width:100%;font-family:"Raleway",sans-serif;font-weight:800;font-size:30px;color:#fff;background:rgba(141,177,61,0.9);text-align:center;position:absolute;top:0;bottom:10px;left:0;border-radius:4px}.app-grid .app-link-wrapper .app-link .installed>span{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.app-grid .app-link-wrapper .app-link .installed i{font-size:42px;margin-bottom:5px;display:block}.app-grid .app-link-wrapper .app-link .app-link-buttons{height:72px;background:#fff;position:absolute;bottom:0;left:0;right:0;z-index:2;box-shadow:0 0px 20px #fff}.app-grid .app-link-wrapper .app-link .app-link-buttons *{-webkit-transition:all 200ms;transition:all 200ms}.app-grid .app-link-wrapper .app-link .app-link-buttons .prompt{color:#fff;background:#ca4e45;padding:15px 20px}.app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a{background:#842c26;border:1px solid transparent;padding:4px 25px 6px;margin:-5px 5px -6px;display:inline-block;border-radius:4px}.app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover{background:#9f352e}.app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans{background:transparent}.app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover{border-color:#fff}.app-grid .app-link-wrapper .app-link .app-link-buttons a{font-size:18px;padding:6px 17px 7px;display:inline-block;position:relative}.app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover{color:#fff;background:#339ed5}.app-grid .app-link-wrapper .app-link .app-link-buttons a.disable{color:#ccc;background:#fff}.app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover{color:#d36c65}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip{background:#339ed5;padding:9px 8px 5px;margin-left:10px;position:absolute;top:-2px;left:100%;border-radius:4px}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img{width:30px}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div{width:auto;padding:7px 13px;white-space:nowrap;top:38px;left:auto;right:-10px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before{margin-left:0;left:auto;right:25px}.app-grid .app-link-wrapper .app-link .app-link-buttons>div{white-space:nowrap;position:absolute;top:12px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1)}.app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group):not(.active)+.app-button-group{margin-top:10px;opacity:0;-webkit-transform:translateX(-50%) translateY(100%);-ms-transform:translateX(-50%) translateY(100%);transform:translateX(-50%) translateY(100%)}.app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active{opacity:0;-webkit-transform:translateX(-50%) translateY(-100%);-ms-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%)}.app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active+.app-button-group{margin-top:0;opacity:1;-webkit-transform:translateX(-50%) translateY(0);-ms-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}.app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group{border:2px solid #d36c65;display:inline-block;overflow:hidden;border-radius:4px}.app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a{color:#e4a5a1;border-width:0;border-radius:0}.app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover{color:#ca4e45;background:#fbf1f0}.app-grid .app-link-wrapper .app-link .app-link-buttons:before{width:35px;height:35px;background:image-url("loader.gif");background-size:35px auto;content:"";display:none;margin-left:-17px;position:absolute;top:12px;left:50%;z-index:1;-webkit-animation:scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);animation:scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1)}.app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before{display:inline-block}.app-grid .app-link-wrapper:hover .app-link .app-image{opacity:0.5;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}.app-grid .app-link-wrapper:hover .app-link .app-link-info{border-top-color:#e3e3e3;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);box-shadow:0 4px 20px rgba(0,0,0,0.2)}.app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title){opacity:1}.app-grid .app-link-wrapper:hover .app-link .app-badge.nocode{color:#fff;background:#8db13d;text-shadow:0 -1px 0 rgba(0,0,0,0.15);box-shadow:0 1px 2px rgba(0,0,0,0.15)}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}.app-grid-titles-wrapper{background:#fff;border-bottom:1px solid #e9e9e9;padding:40px 30px 20px;margin-top:-121px;position:absolute;left:0;right:0;z-index:3;-webkit-transition:padding 300ms cubic-bezier(0.19, 1, 0.22, 1);transition:padding 300ms cubic-bezier(0.19, 1, 0.22, 1)}.app-grid-titles-wrapper.fixed{border-top-width:0;border-bottom-color:transparent;padding-top:20px;margin-top:0;position:fixed;top:55px;box-shadow:0 0 20px 0 rgba(0,0,0,0.15),inset 0 2px 5px rgba(0,0,0,0.1)}.app-grid-titles-wrapper.fixed h1{font-size:25px;position:relative;bottom:-4px}.app-grid-titles-wrapper.fixed h1 .gs-tooltip{top:-2px}.app-grid-titles-wrapper h1{max-width:1260px;margin:0 auto;padding:0 400px 0 60px;-webkit-transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 300ms cubic-bezier(0.19, 1, 0.22, 1)}h1.app-grid-titles{font-family:"Raleway",sans-serif;font-weight:800;font-size:30px;font-weight:800}h1.app-grid-titles:not(.filter-on) span.gs-tooltip>div{display:none !important}h1.app-grid-titles.filter-on{color:#ccc}h1.app-grid-titles.filter-on i{font-size:20px;margin:0 10px;position:relative;bottom:1px}h1.app-grid-titles.filter-on span.filter-two{color:#f29809}h1.app-grid-titles.filter-on span.filter-two>div{background:#f29809}h1.app-grid-titles.filter-on span.filter-two>div:before{border-color:transparent transparent #f29809 transparent}h1.app-grid-titles.filter-on span.filter-nocode{color:#8db13d}h1.app-grid-titles.filter-on span.filter-primary{color:#339ed5}h1.app-grid-titles span.gs-tooltip>div{font-family:"Source Sans Pro",sans-serif;font-weight:normal;margin-top:10px}.app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip>div{margin-top:6px}#app-grid-filters{max-width:1260px;height:1px;font-weight:600;margin:0 auto;position:relative;top:40px;z-index:4;-webkit-transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1);transition:all 750ms cubic-bezier(0.19, 1, 0.22, 1)}#app-grid-filters.fixed{position:fixed;top:71px;left:0;right:0}#app-grid-filters.fixed .app-grid-filter-holder{padding:0 60px}#app-grid-filters.fixed #app-filter-dropdown{right:30px}#app-grid-filters .app-grid-filter-holder{display:inline-block;position:absolute;top:0;right:0}#app-grid-filters .app-grid-filter-holder .gs-button{margin-left:5px;position:relative;z-index:1}#app-grid-filters .app-grid-filter-holder .gs-button:first-child{margin-left:0;margin-right:-4px}#app-grid-filters .app-grid-filter-holder .gs-tooltip>div{top:40px}#app-grid-filters #app-filter{padding:6px 13px 7px;display:inline-block;z-index:1}#app-grid-filters #app-filter:hover+#app-filter-dropdown{display:block}#app-grid-filters #app-filter-dropdown{width:220px;background:#fff;text-align:left;padding:18px 15px 13px;display:none;position:absolute;top:100%;right:0;border-radius:4px;box-shadow:0 5px 5px rgba(0,0,0,0.2);-webkit-animation:fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);animation:fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1)}#app-grid-filters #app-filter-dropdown:hover{display:block}#app-grid-filters #app-filter-dropdown .gs-button{margin:3px 0;padding:6px 18px 8px 13px;display:block}#app-grid-filters #app-filter-dropdown .gs-button:not(.trans){position:relative}#app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before{font-family:"FontAwesome";font-size:16px;color:#fff;content:"";display:block;position:absolute;top:50%;right:4px;margin-top:-8px;opacity:0.5}#app-grid-filters #app-filter-dropdown .filter-title{margin-bottom:10px;display:block}html,body{height:100%}body{font-family:"Source Sans Pro",sans-serif;color:#606060;background:#f3f3f3}body *{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;box-sizing:border-box}body.no-scroll{overflow:hidden}h1{font-size:40px;font-weight:300}h1 strong{font-weight:600}h1+p{margin-top:10px}h2,h3{font-size:20px;font-weight:600}h4{font-size:20px}strong{font-weight:700}p{line-height:18px}textarea.code,form textarea.code,div.form textarea.code{width:100%;font-family:Courier New,monospace;font-size:12px;color:#000;background:#fff;border:1px solid #ccc;padding:13px 20px;resize:none;outline:none;word-wrap:break-word;display:block;border-radius:4px}.gs-tooltip{position:relative}.gs-tooltip.plan-two>div{background:#d98908}.gs-tooltip.plan-two>div:before{border-color:transparent transparent #d98908 transparent}.gs-tooltip.plan-three>div{background:#d9456b}.gs-tooltip.plan-three>div:before{border-color:transparent transparent #d9456b transparent}.gs-tooltip.plan-four>div{background:#8d42e3}.gs-tooltip.plan-four>div:before{border-color:transparent transparent #8d42e3 transparent}.gs-tooltip.nocode>div{background:#81a238}.gs-tooltip.nocode>div:before{border-color:transparent transparent #81a238 transparent}.gs-tooltip>div{width:184px;font-size:13px;font-weight:normal;color:#fff;background:#000;text-align:left;line-height:15px;padding:10px 15px;position:absolute;top:30px;left:50%;display:none;z-index:5;border-radius:4px;box-shadow:0 2px 7px rgba(0,0,0,0.4);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.gs-tooltip>div:before{width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #000 transparent;content:"";display:block;position:absolute;top:-8px;left:50%;margin-left:-8px}.gs-tooltip:hover>div{display:block}.min-tip>div{width:95px;left:50%;top:50px;text-align:center;padding:5px 5px}#gs-master-wrapper{min-width:1150px;min-height:100%;height:auto !important;height:100%;margin:0 auto -190px;overflow-y:hidden}#gs-master-wrapper #master-wrapper-push{height:190px}main{z-index:3;-webkit-transition:all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);transition:all 400ms cubic-bezier(0.645, 0.045, 0.355, 1)}main.relative{position:relative}main>div{margin:0 auto}main>div.large{max-width:1200px}main>div.large>.alert.global{margin:0 30px}main>div.medium{max-width:860px}main>div.special{max-width:920px}main>div .content-wrapper{margin:30px 30px 0}main>div .content-wrapper.no-margin{margin-top:0}main>div .content-wrapper.analytics{position:relative}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.container *[class^="col-"]:first-of-type{padding-right:15px}.container *[class^="col-"]:last-of-type{padding-left:15px}.container *[class^="col-"]:not(:first-of-type):not(:last-of-type){padding-left:15px;padding-right:15px}.row{margin:0 -30px}.row:after{content:"";display:block;clear:both}.col-1{width:6.25%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-1{right:6.25%}.col-push-1{left:6.25%}.col-offset-1{margin-left:6.25%}.col-2{width:12.5%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-2{right:12.5%}.col-push-2{left:12.5%}.col-offset-2{margin-left:12.5%}.col-3{width:18.75%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-3{right:18.75%}.col-push-3{left:18.75%}.col-offset-3{margin-left:18.75%}.col-4{width:25%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-4{right:25%}.col-push-4{left:25%}.col-offset-4{margin-left:25%}.col-5{width:31.25%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-5{right:31.25%}.col-push-5{left:31.25%}.col-offset-5{margin-left:31.25%}.col-6{width:37.5%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-6{right:37.5%}.col-push-6{left:37.5%}.col-offset-6{margin-left:37.5%}.col-7{width:43.75%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-7{right:43.75%}.col-push-7{left:43.75%}.col-offset-7{margin-left:43.75%}.col-8{width:50%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-8{right:50%}.col-push-8{left:50%}.col-offset-8{margin-left:50%}.col-9{width:56.25%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-9{right:56.25%}.col-push-9{left:56.25%}.col-offset-9{margin-left:56.25%}.col-10{width:62.5%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-10{right:62.5%}.col-push-10{left:62.5%}.col-offset-10{margin-left:62.5%}.col-11{width:68.75%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-11{right:68.75%}.col-push-11{left:68.75%}.col-offset-11{margin-left:68.75%}.col-12{width:75%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-12{right:75%}.col-push-12{left:75%}.col-offset-12{margin-left:75%}.col-13{width:81.25%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-13{right:81.25%}.col-push-13{left:81.25%}.col-offset-13{margin-left:81.25%}.col-14{width:87.5%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-14{right:87.5%}.col-push-14{left:87.5%}.col-offset-14{margin-left:87.5%}.col-15{width:93.75%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-15{right:93.75%}.col-push-15{left:93.75%}.col-offset-15{margin-left:93.75%}.col-16{width:100%;position:relative;min-height:1px;padding-left:30px;padding-right:30px;float:left}.col-pull-16{right:100%}.col-push-16{left:100%}.col-offset-16{margin-left:100%}.gs-clearfix:after{content:"";display:block;clear:both}@-webkit-keyframes fade-in-up{0%{-webkit-transform:translateY(30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-up{0%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-in-down{0%{-webkit-transform:translateY(-30px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@keyframes fade-in-down{0%{transform:translateY(-30px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fade-out-up{0%{-webkit-transform:translateY(0);opacity:1}100%{-webkit-transform:translateY(-30px);opacity:0}}@keyframes fade-out-up{0%{transform:translateY(0);opacity:1}100%{transform:translateY(-30px);opacity:0}}@-webkit-keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@keyframes opacity-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes opacity-out{0%{opacity:1}100%{opacity:0}}@keyframes opacity-out{0%{opacity:1}100%{opacity:0}}body *{outline:none !important}body a:focus{box-shadow:none}h1{font-size:30px}#gs-master-wrapper{min-width:1000px;margin:0 0 0 -20px;overflow:hidden}main>div.large{padding-top:30px}header{width:auto;margin-right:-1px;padding-top:0;display:block}header #main-nav{width:auto;position:static}header #main-nav nav>ul>li:not(.right-link){float:left}.title-wrapper{padding:25px 0 27px;z-index:1}.title-wrapper h1{max-width:800px;text-align:center}.title-wrapper.app-page h1{max-width:1200px;text-align:left;margin:0 auto;padding:0 30px;display:block}.app-grid-titles>span{max-width:500px;display:block}#app-grid-filters{max-width:1200px;padding:0 60px;top:-88px}#app-grid-filters a{padding-top:6px;padding-bottom:8px;display:inline-block}#app-grid-filters a:not(.trans){color:#fff}#app-grid-filters .app-grid-filter-holder{padding-right:30px;text-align:right}#app-grid-filters .app-grid-filter-holder #app-filter-dropdown{right:15px}.app-grid{padding-top:0;margin:0}.app-grid .app-link-wrapper .app-link .app-link-buttons a{position:relative}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip{background:#339ed5;padding:9px 8px 5px;margin-left:10px;position:absolute;top:-2px;left:100%;border-radius:4px}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img{width:30px}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div{width:auto;padding:7px 13px;white-space:nowrap;top:35px;left:auto;right:-10px;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}.app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before{margin-left:0;left:auto;right:25px}.alert-block .close i{-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.gs-button:disabled{color:#fff;border-color:transparent}.create-gs-account:active,.create-gs-account:hover,.create-gs-account:focus{color:#fff}.loading-create:not(.active){display:none}.modal-wrapper{z-index:99999}.modal-wrapper .gs-modal .modal-title .title{padding-bottom:30px}.gs-form .checkbox-list{padding:2px 0}.gs-form .checkbox-list input{width:auto;border-radius:100%}.gs-form .checkbox-list input+span{font-weight:600;color:#606060}.gs-form .checkbox-list input:checked+span{color:#339ed5}.gs-form.gs-small{max-width:600px;margin:0 auto}footer{padding:100px 0 50px}footer a{display:inline-block}footer a:active,footer a:hover,footer a:focus{color:#fff}@media all and (max-width: 1360px){.app-grid,.alert-block{margin-left:auto !important;margin-right:auto !important}.app-grid{max-width:910px}.app-grid .app-link-wrapper{width:33.3333333333%}.alert-block{max-width:880px}.alert-block.center .alert-info{max-width:550px}.alert-block.center .alert-info a{min-width:145px;font-size:15px;text-align:center;white-space:normal;vertical-align:middle;padding-left:5px;padding-right:5px;margin-left:20px}}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ @-webkit-keyframes fade-in-up {
2
+ 0% {
3
+ -webkit-transform: translateY(30px);
4
+ opacity: 0
5
+ }
6
+ 100% {
7
+ -webkit-transform: translateY(0);
8
+ opacity: 1
9
+ }
10
+ }
11
+ @keyframes fade-in-up {
12
+ 0% {
13
+ transform: translateY(30px);
14
+ opacity: 0
15
+ }
16
+ 100% {
17
+ transform: translateY(0);
18
+ opacity: 1
19
+ }
20
+ }
21
+ @-webkit-keyframes fade-in-down {
22
+ 0% {
23
+ -webkit-transform: translateY(-30px);
24
+ opacity: 0
25
+ }
26
+ 100% {
27
+ -webkit-transform: translateY(0);
28
+ opacity: 1
29
+ }
30
+ }
31
+ @keyframes fade-in-down {
32
+ 0% {
33
+ transform: translateY(-30px);
34
+ opacity: 0
35
+ }
36
+ 100% {
37
+ transform: translateY(0);
38
+ opacity: 1
39
+ }
40
+ }
41
+ @-webkit-keyframes fade-out-up {
42
+ 0% {
43
+ -webkit-transform: translateY(0);
44
+ opacity: 1
45
+ }
46
+ 100% {
47
+ -webkit-transform: translateY(-30px);
48
+ opacity: 0
49
+ }
50
+ }
51
+ @keyframes fade-out-up {
52
+ 0% {
53
+ transform: translateY(0);
54
+ opacity: 1
55
+ }
56
+ 100% {
57
+ transform: translateY(-30px);
58
+ opacity: 0
59
+ }
60
+ }
61
+ @-webkit-keyframes opacity-in {
62
+ 0% {
63
+ opacity: 0
64
+ }
65
+ 100% {
66
+ opacity: 1
67
+ }
68
+ }
69
+ @keyframes opacity-in {
70
+ 0% {
71
+ opacity: 0
72
+ }
73
+ 100% {
74
+ opacity: 1
75
+ }
76
+ }
77
+ @-webkit-keyframes opacity-out {
78
+ 0% {
79
+ opacity: 1
80
+ }
81
+ 100% {
82
+ opacity: 0
83
+ }
84
+ }
85
+ @keyframes opacity-out {
86
+ 0% {
87
+ opacity: 1
88
+ }
89
+ 100% {
90
+ opacity: 0
91
+ }
92
+ }
93
+ @-webkit-keyframes fade-in-up {
94
+ 0% {
95
+ -webkit-transform: translateY(30px);
96
+ opacity: 0
97
+ }
98
+ 100% {
99
+ -webkit-transform: translateY(0);
100
+ opacity: 1
101
+ }
102
+ }
103
+ @keyframes fade-in-up {
104
+ 0% {
105
+ transform: translateY(30px);
106
+ opacity: 0
107
+ }
108
+ 100% {
109
+ transform: translateY(0);
110
+ opacity: 1
111
+ }
112
+ }
113
+ @-webkit-keyframes fade-in-down {
114
+ 0% {
115
+ -webkit-transform: translateY(-30px);
116
+ opacity: 0
117
+ }
118
+ 100% {
119
+ -webkit-transform: translateY(0);
120
+ opacity: 1
121
+ }
122
+ }
123
+ @keyframes fade-in-down {
124
+ 0% {
125
+ transform: translateY(-30px);
126
+ opacity: 0
127
+ }
128
+ 100% {
129
+ transform: translateY(0);
130
+ opacity: 1
131
+ }
132
+ }
133
+ @-webkit-keyframes fade-out-up {
134
+ 0% {
135
+ -webkit-transform: translateY(0);
136
+ opacity: 1
137
+ }
138
+ 100% {
139
+ -webkit-transform: translateY(-30px);
140
+ opacity: 0
141
+ }
142
+ }
143
+ @keyframes fade-out-up {
144
+ 0% {
145
+ transform: translateY(0);
146
+ opacity: 1
147
+ }
148
+ 100% {
149
+ transform: translateY(-30px);
150
+ opacity: 0
151
+ }
152
+ }
153
+ @-webkit-keyframes opacity-in {
154
+ 0% {
155
+ opacity: 0
156
+ }
157
+ 100% {
158
+ opacity: 1
159
+ }
160
+ }
161
+ @keyframes opacity-in {
162
+ 0% {
163
+ opacity: 0
164
+ }
165
+ 100% {
166
+ opacity: 1
167
+ }
168
+ }
169
+ @-webkit-keyframes opacity-out {
170
+ 0% {
171
+ opacity: 1
172
+ }
173
+ 100% {
174
+ opacity: 0
175
+ }
176
+ }
177
+ @keyframes opacity-out {
178
+ 0% {
179
+ opacity: 1
180
+ }
181
+ 100% {
182
+ opacity: 0
183
+ }
184
+ }
185
+ html,
186
+ body,
187
+ div,
188
+ span,
189
+ applet,
190
+ object,
191
+ iframe,
192
+ h1,
193
+ h2,
194
+ h3,
195
+ h4,
196
+ h5,
197
+ h6,
198
+ p,
199
+ blockquote,
200
+ pre,
201
+ a,
202
+ abbr,
203
+ acronym,
204
+ address,
205
+ big,
206
+ cite,
207
+ code,
208
+ del,
209
+ dfn,
210
+ em,
211
+ img,
212
+ ins,
213
+ kbd,
214
+ q,
215
+ s,
216
+ samp,
217
+ small,
218
+ strike,
219
+ strong,
220
+ sub,
221
+ sup,
222
+ tt,
223
+ var,
224
+ b,
225
+ u,
226
+ i,
227
+ center,
228
+ dl,
229
+ dt,
230
+ dd,
231
+ ol,
232
+ ul,
233
+ li,
234
+ fieldset,
235
+ form,
236
+ label,
237
+ legend,
238
+ table,
239
+ caption,
240
+ tbody,
241
+ tfoot,
242
+ thead,
243
+ tr,
244
+ th,
245
+ td,
246
+ article,
247
+ aside,
248
+ canvas,
249
+ details,
250
+ embed,
251
+ figure,
252
+ figcaption,
253
+ footer,
254
+ header,
255
+ hgroup,
256
+ menu,
257
+ nav,
258
+ output,
259
+ ruby,
260
+ section,
261
+ summary,
262
+ time,
263
+ mark,
264
+ audio,
265
+ video {
266
+ margin: 0;
267
+ padding: 0;
268
+ border: 0;
269
+ font-size: 100%;
270
+ font: inherit;
271
+ vertical-align: baseline
272
+ }
273
+ article,
274
+ aside,
275
+ details,
276
+ figcaption,
277
+ figure,
278
+ footer,
279
+ header,
280
+ hgroup,
281
+ menu,
282
+ nav,
283
+ section {
284
+ display: block
285
+ }
286
+ body {
287
+ line-height: 1
288
+ }
289
+ ol,
290
+ ul {
291
+ list-style: none
292
+ }
293
+ blockquote,
294
+ q {
295
+ quotes: none
296
+ }
297
+ blockquote:before,
298
+ blockquote:after,
299
+ q:before,
300
+ q:after {
301
+ content: "";
302
+ content: none
303
+ }
304
+ table {
305
+ border-collapse: collapse;
306
+ border-spacing: 0
307
+ }
308
+ a {
309
+ text-decoration: none
310
+ }
311
+ @-webkit-keyframes fade-in-up {
312
+ 0% {
313
+ -webkit-transform: translateY(30px);
314
+ opacity: 0
315
+ }
316
+ 100% {
317
+ -webkit-transform: translateY(0);
318
+ opacity: 1
319
+ }
320
+ }
321
+ @keyframes fade-in-up {
322
+ 0% {
323
+ transform: translateY(30px);
324
+ opacity: 0
325
+ }
326
+ 100% {
327
+ transform: translateY(0);
328
+ opacity: 1
329
+ }
330
+ }
331
+ @-webkit-keyframes fade-in-down {
332
+ 0% {
333
+ -webkit-transform: translateY(-30px);
334
+ opacity: 0
335
+ }
336
+ 100% {
337
+ -webkit-transform: translateY(0);
338
+ opacity: 1
339
+ }
340
+ }
341
+ @keyframes fade-in-down {
342
+ 0% {
343
+ transform: translateY(-30px);
344
+ opacity: 0
345
+ }
346
+ 100% {
347
+ transform: translateY(0);
348
+ opacity: 1
349
+ }
350
+ }
351
+ @-webkit-keyframes fade-out-up {
352
+ 0% {
353
+ -webkit-transform: translateY(0);
354
+ opacity: 1
355
+ }
356
+ 100% {
357
+ -webkit-transform: translateY(-30px);
358
+ opacity: 0
359
+ }
360
+ }
361
+ @keyframes fade-out-up {
362
+ 0% {
363
+ transform: translateY(0);
364
+ opacity: 1
365
+ }
366
+ 100% {
367
+ transform: translateY(-30px);
368
+ opacity: 0
369
+ }
370
+ }
371
+ @-webkit-keyframes opacity-in {
372
+ 0% {
373
+ opacity: 0
374
+ }
375
+ 100% {
376
+ opacity: 1
377
+ }
378
+ }
379
+ @keyframes opacity-in {
380
+ 0% {
381
+ opacity: 0
382
+ }
383
+ 100% {
384
+ opacity: 1
385
+ }
386
+ }
387
+ @-webkit-keyframes opacity-out {
388
+ 0% {
389
+ opacity: 1
390
+ }
391
+ 100% {
392
+ opacity: 0
393
+ }
394
+ }
395
+ @keyframes opacity-out {
396
+ 0% {
397
+ opacity: 1
398
+ }
399
+ 100% {
400
+ opacity: 0
401
+ }
402
+ }
403
+ header {
404
+ width: 100%;
405
+ padding-top: 53px;
406
+ display: inline-block
407
+ }
408
+ header #logo-wrapper {
409
+ background: #2481b1;
410
+ padding: 14px 15px;
411
+ float: left
412
+ }
413
+ header #logo-wrapper:hover,
414
+ header #logo-wrapper:focus {
415
+ background: #20729b
416
+ }
417
+ header #logo-wrapper:active {
418
+ background: #1e6b93
419
+ }
420
+ header #main-nav {
421
+ width: 100%;
422
+ background: #339ed5;
423
+ position: fixed;
424
+ top: 0;
425
+ left: 0;
426
+ z-index: 6;
427
+ -webkit-transition: all 200ms;
428
+ transition: all 200ms;
429
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15)
430
+ }
431
+ header #main-nav nav {
432
+ padding-left: 148px
433
+ }
434
+ header #main-nav nav>ul>li,
435
+ header #main-nav nav>ul>li a {
436
+ font-size: 14px;
437
+ color: #fff;
438
+ display: inline-block
439
+ }
440
+ header #main-nav nav>ul>li>a {
441
+ font-weight: bold
442
+ }
443
+ header #main-nav nav>ul>li a {
444
+ padding: 19px 17px 22px
445
+ }
446
+ header #main-nav nav>ul>li a:hover,
447
+ header #main-nav nav>ul>li a:focus {
448
+ background: #2a94ca
449
+ }
450
+ header #main-nav nav>ul>li a:active {
451
+ background: #278abd
452
+ }
453
+ header #main-nav nav>ul>li a>i.fa-angle-down {
454
+ font-size: 20px;
455
+ color: #88c6e6;
456
+ margin: -5px 0 -1px 3px;
457
+ position: relative;
458
+ bottom: -3px
459
+ }
460
+ header #main-nav nav>ul>li a>i:not(.fa-angle-down) {
461
+ margin-right: 4px;
462
+ position: relative;
463
+ bottom: -1px
464
+ }
465
+ header #main-nav nav>ul>li a.plan-one {
466
+ background: #339ed5
467
+ }
468
+ header #main-nav nav>ul>li a.plan-one:hover,
469
+ header #main-nav nav>ul>li a.plan-one:focus {
470
+ background: #2990c6
471
+ }
472
+ header #main-nav nav>ul>li a.plan-one:active {
473
+ background: #2687b9
474
+ }
475
+ header #main-nav nav>ul>li a.plan-two {
476
+ background: #f29809
477
+ }
478
+ header #main-nav nav>ul>li a.plan-two:hover,
479
+ header #main-nav nav>ul>li a.plan-two:focus {
480
+ background: #d98908
481
+ }
482
+ header #main-nav nav>ul>li a.plan-two:active {
483
+ background: #cb7f08
484
+ }
485
+ header #main-nav nav>ul>li a.plan-three {
486
+ background: #dd5a7c
487
+ }
488
+ header #main-nav nav>ul>li a.plan-three:hover,
489
+ header #main-nav nav>ul>li a.plan-three:focus {
490
+ background: #d9456b
491
+ }
492
+ header #main-nav nav>ul>li a.plan-three:active {
493
+ background: #d63861
494
+ }
495
+ header #main-nav nav>ul>li a.plan-four {
496
+ background: #9a58e6
497
+ }
498
+ header #main-nav nav>ul>li a.plan-four:hover,
499
+ header #main-nav nav>ul>li a.plan-four:focus {
500
+ background: #8d42e3
501
+ }
502
+ header #main-nav nav>ul>li a.plan-four:active {
503
+ background: #8535e1
504
+ }
505
+ header #main-nav nav>ul>li.active a.tooltip>div,
506
+ header #main-nav nav>ul>li.active a.tooltip:hover>div,
507
+ header #main-nav nav>ul>li.active a.tooltip:focus>div,
508
+ header #main-nav nav>ul>li.active a.tooltip:active>div {
509
+ display: none !important
510
+ }
511
+ header #main-nav nav>ul>li.divider {
512
+ border-left: 1px solid #5db2de
513
+ }
514
+ header #main-nav nav>ul>li.icon-link>a {
515
+ padding: 19px 19px 16px !important
516
+ }
517
+ header #main-nav nav>ul>li.icon-link>a.tooltip>div {
518
+ width: auto;
519
+ white-space: nowrap;
520
+ margin-top: 5px;
521
+ top: 100%
522
+ }
523
+ header #main-nav nav>ul>li.icon-link>a>i {
524
+ font-size: 20px;
525
+ margin: -5px 0 5px;
526
+ bottom: -3px
527
+ }
528
+ header #main-nav nav>ul>li.right-link {
529
+ float: right
530
+ }
531
+ header #main-nav nav>ul>li:not(.right-link) {
532
+ margin-right: -4px
533
+ }
534
+ header #main-nav nav>ul>li.submenu-link {
535
+ position: relative
536
+ }
537
+ header #main-nav nav>ul>li.submenu-link>a {
538
+ padding-right: 7px
539
+ }
540
+ header #main-nav nav>ul>li.submenu-link.right-link .submenu-wrapper {
541
+ left: auto;
542
+ right: 0
543
+ }
544
+ header #main-nav nav>ul>li.submenu-link .submenu-wrapper {
545
+ min-width: 150px;
546
+ padding: 0 5px 5px;
547
+ margin: 0 -5px;
548
+ display: none;
549
+ overflow: hidden;
550
+ position: absolute;
551
+ top: 100%;
552
+ left: 0;
553
+ z-index: 2;
554
+ box-sizing: initial
555
+ }
556
+ header #main-nav nav>ul>li.submenu-link .submenu {
557
+ min-width: 100%;
558
+ background: #f3f3f3;
559
+ padding: 10px 8px;
560
+ -webkit-transform: translate(0, -100%);
561
+ -ms-transform: translate(0, -100%);
562
+ transform: translate(0, -100%);
563
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
564
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
565
+ border-radius: 0 0 4px 4px;
566
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 9px 8px -10px rgba(0, 0, 0, 0.5)
567
+ }
568
+ header #main-nav nav>ul>li.submenu-link .submenu.active {
569
+ -webkit-transform: translate(0, 0);
570
+ -ms-transform: translate(0, 0);
571
+ transform: translate(0, 0)
572
+ }
573
+ header #main-nav nav>ul>li.submenu-link .submenu li.divider {
574
+ border-bottom: 1px solid #dfdfdf;
575
+ margin: 0 -8px;
576
+ padding: 0 8px 10px
577
+ }
578
+ header #main-nav nav>ul>li.submenu-link .submenu li.divider+li {
579
+ padding-top: 8px
580
+ }
581
+ header #main-nav nav>ul>li.submenu-link .submenu a {
582
+ width: 100%;
583
+ color: #606060;
584
+ white-space: nowrap;
585
+ padding: 8px 10px;
586
+ position: relative;
587
+ border-radius: 4px
588
+ }
589
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-active,
590
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active {
591
+ padding-right: 35px
592
+ }
593
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after,
594
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after {
595
+ font-family: "FontAwesome";
596
+ font-size: 16px;
597
+ position: absolute;
598
+ top: 50%;
599
+ right: 5px;
600
+ margin-top: -8px
601
+ }
602
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-active:after {
603
+ content: "";
604
+ color: #8db13d
605
+ }
606
+ header #main-nav nav>ul>li.submenu-link .submenu a.lib-not-active:after {
607
+ content: "";
608
+ color: #d36c65
609
+ }
610
+ header #main-nav nav>ul>li.submenu-link .submenu a:hover,
611
+ header #main-nav nav>ul>li.submenu-link .submenu a:focus {
612
+ background: #e6e6e6
613
+ }
614
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"] {
615
+ position: relative;
616
+ padding-right: 60px
617
+ }
618
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"]>span {
619
+ font-size: 11px;
620
+ color: #fff;
621
+ padding: 2px 5px 3px;
622
+ position: absolute;
623
+ top: 7px;
624
+ right: 4px;
625
+ border-radius: 4px
626
+ }
627
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-one>span {
628
+ background: #339ed5
629
+ }
630
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-two>span {
631
+ background: #f29809
632
+ }
633
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-three>span {
634
+ background: #dd5a7c
635
+ }
636
+ header #main-nav nav>ul>li.submenu-link .submenu a[class*="badge-"].badge-plan-four>span {
637
+ background: #9a58e6
638
+ }
639
+ header #main-nav nav>ul>li#cta-nav+#user-nav {
640
+ margin-right: 0
641
+ }
642
+ header #main-nav nav>ul>li#user-nav {
643
+ margin-right: 4px
644
+ }
645
+ header #main-nav nav>ul>li#user-nav img {
646
+ width: 30px;
647
+ border: 3px solid #72bce2;
648
+ margin: -7px 2px -5px;
649
+ border-radius: 100%
650
+ }
651
+ header #main-nav nav>ul>li#user-nav>i {
652
+ margin-left: 6px
653
+ }
654
+ header #main-nav nav>ul>li#user-nav a>div {
655
+ left: auto;
656
+ right: 4px;
657
+ -webkit-transform: translateX(0);
658
+ -ms-transform: translateX(0);
659
+ transform: translateX(0)
660
+ }
661
+ header #main-nav nav>ul>li#user-nav a>div:before {
662
+ margin-left: 0;
663
+ left: auto;
664
+ right: 24px
665
+ }
666
+ header #main-nav nav>ul>li#store-nav {
667
+ margin-right: -4px
668
+ }
669
+ header #main-nav nav>ul>li#store-nav>a {
670
+ background: #2a94ca
671
+ }
672
+ header #main-nav nav>ul>li#store-nav>a:hover {
673
+ background: #278abd
674
+ }
675
+ header #main-nav nav>ul>li#store-nav>a:active {
676
+ background: #2584b5
677
+ }
678
+ header #main-nav nav>ul>li#store-nav li.tier-counter {
679
+ background: #2a94ca;
680
+ margin: 0 -8px;
681
+ padding: 11px 8px 0;
682
+ overflow: hidden
683
+ }
684
+ header #main-nav nav>ul>li#store-nav li.tier-counter .counter {
685
+ font-size: 12px;
686
+ color: #9dd0eb;
687
+ text-align: right;
688
+ position: relative;
689
+ z-index: 2
690
+ }
691
+ header #main-nav nav>ul>li#store-nav li.tier-counter .counter>div:first-of-type {
692
+ font-size: 22px;
693
+ font-weight: 600;
694
+ color: #fff;
695
+ margin: 0 0 10px;
696
+ position: relative;
697
+ left: 0
698
+ }
699
+ header #main-nav nav>ul>li#store-nav li.tier-counter.no-limit .badge>span {
700
+ opacity: 1 !important;
701
+ -webkit-transform: translateY(0) !important;
702
+ -ms-transform: translateY(0) !important;
703
+ transform: translateY(0) !important
704
+ }
705
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span {
706
+ color: #fff;
707
+ font-weight: 600;
708
+ padding: 2px 7px;
709
+ position: absolute;
710
+ top: -2px;
711
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
712
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
713
+ }
714
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:first-child {
715
+ opacity: 1;
716
+ left: 0;
717
+ z-index: 0;
718
+ border-radius: 4px
719
+ }
720
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.one {
721
+ background: #339ed5
722
+ }
723
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.two {
724
+ background: #f29809
725
+ }
726
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.three {
727
+ background: #dd5a7c
728
+ }
729
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span.four {
730
+ background: #9a58e6
731
+ }
732
+ header #main-nav nav>ul>li#store-nav li.tier-counter .badge>span:not(:first-child):last-child {
733
+ opacity: 0;
734
+ left: -7px;
735
+ z-index: 1;
736
+ -webkit-transform: translateY(100%);
737
+ -ms-transform: translateY(100%);
738
+ transform: translateY(100%)
739
+ }
740
+ header #main-nav nav>ul>li#store-nav li.tier-counter #progbar {
741
+ height: 6px;
742
+ background: #fff;
743
+ margin: 0 -8px
744
+ }
745
+ header #main-nav nav>ul>li#store-nav li.tier-counter #progbar>div {
746
+ width: 50px;
747
+ height: 6px;
748
+ background: #9bc048;
749
+ content: "";
750
+ display: block
751
+ }
752
+ header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:first-child {
753
+ opacity: 0;
754
+ -webkit-transform: translateY(-100%);
755
+ -ms-transform: translateY(-100%);
756
+ transform: translateY(-100%)
757
+ }
758
+ header #main-nav nav>ul>li#store-nav li.tier-counter:hover:not(.no-limit) .badge>span:last-child {
759
+ opacity: 1;
760
+ -webkit-transform: translateY(0);
761
+ -ms-transform: translateY(0);
762
+ transform: translateY(0)
763
+ }
764
+ header #main-nav nav>ul>li#store-nav li.extra {
765
+ margin: 0 -8px -10px
766
+ }
767
+ header #main-nav nav>ul>li#store-nav li.extra a {
768
+ background: #f3f3f3;
769
+ padding: 12px 18px 13px;
770
+ border-radius: 0 0 4px 4px
771
+ }
772
+ header #main-nav nav>ul>li#store-nav li.extra a:hover,
773
+ header #main-nav nav>ul>li#store-nav li.extra a:focus {
774
+ background: #e6e6e6
775
+ }
776
+ header #main-nav nav>ul>li#store-nav li.extra a:active {
777
+ background: #dfdfdf
778
+ }
779
+ header #main-nav nav>ul>li#store-nav #store-status {
780
+ min-width: 22px;
781
+ font-size: 14px;
782
+ text-align: center;
783
+ display: inline-block;
784
+ padding: 4px 0;
785
+ margin: -4px 4px -4px 2px;
786
+ position: relative;
787
+ bottom: -1px;
788
+ border-radius: 100%
789
+ }
790
+ header #main-nav nav>ul>li#store-nav #store-status.active {
791
+ background: #98bf44
792
+ }
793
+ header #main-nav nav>ul>li#store-nav #store-status.error {
794
+ background: #d36c65
795
+ }
796
+ header #main-nav nav>ul>li#store-nav #site-collection {
797
+ padding-top: 0;
798
+ background: #e6e6e6;
799
+ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2), inset 0 -45px 10px -10px rgba(0, 0, 0, 0.5), inset 0 68px 10px -10px rgba(0, 0, 0, 0.5)
800
+ }
801
+ header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) {
802
+ max-height: 200px;
803
+ padding: 10px 0;
804
+ overflow-y: scroll
805
+ }
806
+ header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:hover,
807
+ header #main-nav nav>ul>li#store-nav #site-collection>li:not(.tier-counter):not(.extra) a:focus {
808
+ background: #dadada
809
+ }
810
+ @-webkit-keyframes fade-in-up {
811
+ 0% {
812
+ -webkit-transform: translateY(30px);
813
+ opacity: 0
814
+ }
815
+ 100% {
816
+ -webkit-transform: translateY(0);
817
+ opacity: 1
818
+ }
819
+ }
820
+ @keyframes fade-in-up {
821
+ 0% {
822
+ transform: translateY(30px);
823
+ opacity: 0
824
+ }
825
+ 100% {
826
+ transform: translateY(0);
827
+ opacity: 1
828
+ }
829
+ }
830
+ @-webkit-keyframes fade-in-down {
831
+ 0% {
832
+ -webkit-transform: translateY(-30px);
833
+ opacity: 0
834
+ }
835
+ 100% {
836
+ -webkit-transform: translateY(0);
837
+ opacity: 1
838
+ }
839
+ }
840
+ @keyframes fade-in-down {
841
+ 0% {
842
+ transform: translateY(-30px);
843
+ opacity: 0
844
+ }
845
+ 100% {
846
+ transform: translateY(0);
847
+ opacity: 1
848
+ }
849
+ }
850
+ @-webkit-keyframes fade-out-up {
851
+ 0% {
852
+ -webkit-transform: translateY(0);
853
+ opacity: 1
854
+ }
855
+ 100% {
856
+ -webkit-transform: translateY(-30px);
857
+ opacity: 0
858
+ }
859
+ }
860
+ @keyframes fade-out-up {
861
+ 0% {
862
+ transform: translateY(0);
863
+ opacity: 1
864
+ }
865
+ 100% {
866
+ transform: translateY(-30px);
867
+ opacity: 0
868
+ }
869
+ }
870
+ @-webkit-keyframes opacity-in {
871
+ 0% {
872
+ opacity: 0
873
+ }
874
+ 100% {
875
+ opacity: 1
876
+ }
877
+ }
878
+ @keyframes opacity-in {
879
+ 0% {
880
+ opacity: 0
881
+ }
882
+ 100% {
883
+ opacity: 1
884
+ }
885
+ }
886
+ @-webkit-keyframes opacity-out {
887
+ 0% {
888
+ opacity: 1
889
+ }
890
+ 100% {
891
+ opacity: 0
892
+ }
893
+ }
894
+ @keyframes opacity-out {
895
+ 0% {
896
+ opacity: 1
897
+ }
898
+ 100% {
899
+ opacity: 0
900
+ }
901
+ }
902
+ .title-wrapper {
903
+ background: #fff;
904
+ text-align: center;
905
+ border-bottom: 1px solid #e9e9e9;
906
+ padding: 46px 0 56px;
907
+ position: relative;
908
+ z-index: 4
909
+ }
910
+ .title-wrapper h1 {
911
+ font-family: "Raleway", sans-serif;
912
+ font-weight: 800;
913
+ text-align: right;
914
+ display: inline-block
915
+ }
916
+ .title-wrapper h1+p {
917
+ max-width: 600px;
918
+ margin-left: auto;
919
+ margin-right: auto
920
+ }
921
+ .title-wrapper.analytics {
922
+ z-index: 0
923
+ }
924
+ @-webkit-keyframes fade-in-up {
925
+ 0% {
926
+ -webkit-transform: translateY(30px);
927
+ opacity: 0
928
+ }
929
+ 100% {
930
+ -webkit-transform: translateY(0);
931
+ opacity: 1
932
+ }
933
+ }
934
+ @keyframes fade-in-up {
935
+ 0% {
936
+ transform: translateY(30px);
937
+ opacity: 0
938
+ }
939
+ 100% {
940
+ transform: translateY(0);
941
+ opacity: 1
942
+ }
943
+ }
944
+ @-webkit-keyframes fade-in-down {
945
+ 0% {
946
+ -webkit-transform: translateY(-30px);
947
+ opacity: 0
948
+ }
949
+ 100% {
950
+ -webkit-transform: translateY(0);
951
+ opacity: 1
952
+ }
953
+ }
954
+ @keyframes fade-in-down {
955
+ 0% {
956
+ transform: translateY(-30px);
957
+ opacity: 0
958
+ }
959
+ 100% {
960
+ transform: translateY(0);
961
+ opacity: 1
962
+ }
963
+ }
964
+ @-webkit-keyframes fade-out-up {
965
+ 0% {
966
+ -webkit-transform: translateY(0);
967
+ opacity: 1
968
+ }
969
+ 100% {
970
+ -webkit-transform: translateY(-30px);
971
+ opacity: 0
972
+ }
973
+ }
974
+ @keyframes fade-out-up {
975
+ 0% {
976
+ transform: translateY(0);
977
+ opacity: 1
978
+ }
979
+ 100% {
980
+ transform: translateY(-30px);
981
+ opacity: 0
982
+ }
983
+ }
984
+ @-webkit-keyframes opacity-in {
985
+ 0% {
986
+ opacity: 0
987
+ }
988
+ 100% {
989
+ opacity: 1
990
+ }
991
+ }
992
+ @keyframes opacity-in {
993
+ 0% {
994
+ opacity: 0
995
+ }
996
+ 100% {
997
+ opacity: 1
998
+ }
999
+ }
1000
+ @-webkit-keyframes opacity-out {
1001
+ 0% {
1002
+ opacity: 1
1003
+ }
1004
+ 100% {
1005
+ opacity: 0
1006
+ }
1007
+ }
1008
+ @keyframes opacity-out {
1009
+ 0% {
1010
+ opacity: 1
1011
+ }
1012
+ 100% {
1013
+ opacity: 0
1014
+ }
1015
+ }
1016
+ .alert-block .alert-info:before,
1017
+ .alert-block .alert-info textarea,
1018
+ .alert-block .alert-info a,
1019
+ .alert-block .close {
1020
+ position: absolute;
1021
+ top: 50%;
1022
+ -webkit-transform: translateY(-50%);
1023
+ -ms-transform: translateY(-50%);
1024
+ transform: translateY(-50%)
1025
+ }
1026
+ .alert-block {
1027
+ color: #606060;
1028
+ background: #fff;
1029
+ padding: 15px 30px;
1030
+ position: relative;
1031
+ -webkit-transition: all 200ms;
1032
+ transition: all 200ms
1033
+ }
1034
+ .alert-block.large {
1035
+ margin: 0 15px 30px;
1036
+ padding: 22px 30px;
1037
+ border-radius: 4px
1038
+ }
1039
+ .alert-block.center {
1040
+ text-align: center
1041
+ }
1042
+ .alert-block.center,
1043
+ .alert-block.center.large {
1044
+ padding-left: 0;
1045
+ padding-right: 0
1046
+ }
1047
+ .alert-block.center .alert-info {
1048
+ max-width: 800px;
1049
+ display: inline-block
1050
+ }
1051
+ .alert-block.center .alert-info a {
1052
+ left: 100%;
1053
+ right: auto
1054
+ }
1055
+ .alert-block .alert-info {
1056
+ text-align: left;
1057
+ padding-left: 50px;
1058
+ position: relative
1059
+ }
1060
+ .alert-block .alert-info:before {
1061
+ font-family: "FontAwesome";
1062
+ font-size: 35px;
1063
+ content: "";
1064
+ color: #ccc;
1065
+ left: 0
1066
+ }
1067
+ .alert-block .alert-info.no-desc {
1068
+ padding: 9px 0 9px 40px
1069
+ }
1070
+ .alert-block .alert-info.no-desc p {
1071
+ position: relative;
1072
+ top: -1px
1073
+ }
1074
+ .alert-block .alert-info.no-desc:before {
1075
+ font-size: 28px
1076
+ }
1077
+ .alert-block .alert-info.code {
1078
+ padding-right: 275px
1079
+ }
1080
+ .alert-block .alert-info textarea {
1081
+ width: 245px;
1082
+ height: 50px;
1083
+ font-family: monospace;
1084
+ font-size: 12px;
1085
+ color: #606060;
1086
+ border: 0;
1087
+ padding: 6px 12px;
1088
+ overflow-y: scroll;
1089
+ right: 0;
1090
+ outline: none;
1091
+ resize: none;
1092
+ border-radius: 4px
1093
+ }
1094
+ .alert-block .alert-info textarea:hover {
1095
+ background: #eee
1096
+ }
1097
+ .alert-block .alert-info textarea:focus {
1098
+ background: #fff;
1099
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.4)
1100
+ }
1101
+ .alert-block .alert-info a {
1102
+ font-weight: normal;
1103
+ color: #fff;
1104
+ background: #bbb;
1105
+ white-space: nowrap;
1106
+ margin-left: 30px;
1107
+ padding-left: 10px;
1108
+ padding-right: 10px;
1109
+ right: 30px
1110
+ }
1111
+ .alert-block .alert-info a:hover {
1112
+ background: #999
1113
+ }
1114
+ .alert-block p.alert-title {
1115
+ font-size: 16px;
1116
+ font-weight: bold
1117
+ }
1118
+ .alert-block p:not(.alert-title) {
1119
+ font-size: 13px;
1120
+ font-weight: 600;
1121
+ line-height: 15px;
1122
+ margin: 3px 0 0
1123
+ }
1124
+ .alert-block.inline {
1125
+ max-width: 800px;
1126
+ color: #339ed5;
1127
+ border-left-width: 90px;
1128
+ border-left-style: solid;
1129
+ border-left-color: #339ed5;
1130
+ text-align: left;
1131
+ padding-right: 30px;
1132
+ margin: 0 auto 30px;
1133
+ border-radius: 4px
1134
+ }
1135
+ .alert-block.inline .alert-info {
1136
+ padding-left: 90px !important;
1137
+ margin-left: -90px
1138
+ }
1139
+ .alert-block.inline .alert-info:before {
1140
+ color: #fff
1141
+ }
1142
+ .alert-block[class*="plan-"] {
1143
+ color: #fff
1144
+ }
1145
+ .alert-block[class*="plan-"] .alert-info {
1146
+ padding-left: 0
1147
+ }
1148
+ .alert-block[class*="plan-"] .alert-info:before {
1149
+ font-family: "Raleway", sans-serif;
1150
+ font-weight: 800;
1151
+ font-size: 20px;
1152
+ color: #fff;
1153
+ border: 2px solid #fff;
1154
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
1155
+ padding: 3px 11px;
1156
+ margin-right: 30px;
1157
+ right: 100%;
1158
+ left: auto;
1159
+ border-radius: 4px
1160
+ }
1161
+ .alert-block[class*="plan-"] p {
1162
+ color: #fff;
1163
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13)
1164
+ }
1165
+ .alert-block.gs-primary {
1166
+ background: #339ed5
1167
+ }
1168
+ .alert-block.gs-primary.inline {
1169
+ border-left-color: #2687b9
1170
+ }
1171
+ .alert-block.gs-primary .alert-info:before {
1172
+ content: "";
1173
+ color: rgba(255, 255, 255, 0.5)
1174
+ }
1175
+ .alert-block.gs-primary .alert-info a {
1176
+ background: #2481b1
1177
+ }
1178
+ .alert-block.gs-primary .alert-info a:hover {
1179
+ background: #1f6e97
1180
+ }
1181
+ .alert-block.gs-primary p.alert-title {
1182
+ color: #fff
1183
+ }
1184
+ .alert-block.gs-primary p:not(.alert-title) {
1185
+ color: #b2daef
1186
+ }
1187
+ .alert-block.default-gs-primary {
1188
+ border-bottom: 1px solid #b2daef
1189
+ }
1190
+ .alert-block.default-gs-primary .alert-info:before {
1191
+ content: "";
1192
+ color: #339ed5
1193
+ }
1194
+ .alert-block.default-gs-primary .alert-info a {
1195
+ background: #339ed5
1196
+ }
1197
+ .alert-block.default-gs-primary .alert-info a:hover {
1198
+ background: #2481b1
1199
+ }
1200
+ .alert-block.default-gs-primary p {
1201
+ color: #339ed5
1202
+ }
1203
+ .alert-block.default-gs-primary p:not(.alert-title) {
1204
+ color: #5db2de
1205
+ }
1206
+ .alert-block.gs-success {
1207
+ background: #85b023
1208
+ }
1209
+ .alert-block.gs-success.inline {
1210
+ border-left-color: #6b8e1c
1211
+ }
1212
+ .alert-block.gs-success .alert-info:before {
1213
+ content: "";
1214
+ color: rgba(255, 255, 255, 0.5)
1215
+ }
1216
+ .alert-block.gs-success .alert-info a {
1217
+ background: #65851b
1218
+ }
1219
+ .alert-block.gs-success .alert-info a:hover {
1220
+ background: #526c15
1221
+ }
1222
+ .alert-block.gs-success p.alert-title {
1223
+ color: #fff
1224
+ }
1225
+ .alert-block.gs-success p:not(.alert-title) {
1226
+ color: #c9e785
1227
+ }
1228
+ .alert-block.default-gs-success {
1229
+ border-bottom: 1px solid #c9e785
1230
+ }
1231
+ .alert-block.default-gs-success .alert-info:before {
1232
+ content: "";
1233
+ color: #85b023
1234
+ }
1235
+ .alert-block.default-gs-success .alert-info a {
1236
+ background: #85b023
1237
+ }
1238
+ .alert-block.default-gs-success .alert-info a:hover {
1239
+ background: #65851b
1240
+ }
1241
+ .alert-block.default-gs-success p {
1242
+ color: #85b023
1243
+ }
1244
+ .alert-block.default-gs-success p:not(.alert-title) {
1245
+ color: #a3d630
1246
+ }
1247
+ .alert-block.gs-error {
1248
+ background: #d36c65
1249
+ }
1250
+ .alert-block.gs-error.inline {
1251
+ border-left-color: #ca4e45
1252
+ }
1253
+ .alert-block.gs-error .alert-info:before {
1254
+ content: "";
1255
+ color: rgba(255, 255, 255, 0.5)
1256
+ }
1257
+ .alert-block.gs-error .alert-info a {
1258
+ background: #c8463d
1259
+ }
1260
+ .alert-block.gs-error .alert-info a:hover {
1261
+ background: #b33b33
1262
+ }
1263
+ .alert-block.gs-error p.alert-title {
1264
+ color: #fff
1265
+ }
1266
+ .alert-block.gs-error p:not(.alert-title) {
1267
+ color: #f5dedc
1268
+ }
1269
+ .alert-block.default-gs-error {
1270
+ border-bottom: 1px solid #f5dedc
1271
+ }
1272
+ .alert-block.default-gs-error .alert-info:before {
1273
+ content: "";
1274
+ color: #d36c65
1275
+ }
1276
+ .alert-block.default-gs-error .alert-info a {
1277
+ background: #d36c65
1278
+ }
1279
+ .alert-block.default-gs-error .alert-info a:hover {
1280
+ background: #c8463d
1281
+ }
1282
+ .alert-block.default-gs-error p {
1283
+ color: #d36c65
1284
+ }
1285
+ .alert-block.default-gs-error p:not(.alert-title) {
1286
+ color: #de928d
1287
+ }
1288
+ .alert-block.special {
1289
+ background: #efc520
1290
+ }
1291
+ .alert-block.special.inline {
1292
+ border-left-color: #e5ba10
1293
+ }
1294
+ .alert-block.special .alert-info:before {
1295
+ content: "";
1296
+ font-size: 35px;
1297
+ color: #fff
1298
+ }
1299
+ .alert-block.special .alert-info a {
1300
+ background: #bf9b0e
1301
+ }
1302
+ .alert-block.special .alert-info a:hover {
1303
+ background: #a7880c
1304
+ }
1305
+ .alert-block.special p {
1306
+ color: #fff;
1307
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.13)
1308
+ }
1309
+ .alert-block.plan-two {
1310
+ background: #f29809
1311
+ }
1312
+ .alert-block.plan-two .alert-info:before {
1313
+ content: "Starter"
1314
+ }
1315
+ .alert-block.plan-two .alert-info a {
1316
+ background: #b27007
1317
+ }
1318
+ .alert-block.plan-two .alert-info a:hover {
1319
+ background: #996006
1320
+ }
1321
+ .alert-block.plan-three {
1322
+ background: #dd5a7c
1323
+ }
1324
+ .alert-block.plan-three .alert-info:before {
1325
+ content: "Growth"
1326
+ }
1327
+ .alert-block.plan-three .alert-info a {
1328
+ background: #b6254b
1329
+ }
1330
+ .alert-block.plan-three .alert-info a:hover {
1331
+ background: #a12142
1332
+ }
1333
+ .alert-block.plan-four {
1334
+ background: #9a58e6
1335
+ }
1336
+ .alert-block.plan-four .alert-info:before {
1337
+ content: "Insights"
1338
+ }
1339
+ .alert-block.plan-four .alert-info a {
1340
+ background: #6b1dc5
1341
+ }
1342
+ .alert-block.plan-four .alert-info a:hover {
1343
+ background: #5f1aaf
1344
+ }
1345
+ .alert-block .close {
1346
+ width: 33px;
1347
+ height: 33px;
1348
+ font-size: 22px;
1349
+ color: #fff;
1350
+ padding-top: 4px;
1351
+ right: 30px;
1352
+ opacity: 0.6;
1353
+ -webkit-transition: all 200ms;
1354
+ transition: all 200ms
1355
+ }
1356
+ .alert-block .close i {
1357
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1358
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
1359
+ -webkit-transform-origin: 50% 54%;
1360
+ -moz-transform-origin: 50% 54%;
1361
+ -ms-transform-origin: 50% 54%;
1362
+ transform-origin: 50% 54%
1363
+ }
1364
+ .alert-block .close:hover {
1365
+ opacity: 1
1366
+ }
1367
+ .alert-block .close:hover i {
1368
+ -webkit-transform: rotate(180deg);
1369
+ -ms-transform: rotate(180deg);
1370
+ transform: rotate(180deg)
1371
+ }
1372
+ .alert-block+div>.content-wrapper {
1373
+ margin-top: 30px
1374
+ }
1375
+ @-webkit-keyframes fade-in-up {
1376
+ 0% {
1377
+ -webkit-transform: translateY(30px);
1378
+ opacity: 0
1379
+ }
1380
+ 100% {
1381
+ -webkit-transform: translateY(0);
1382
+ opacity: 1
1383
+ }
1384
+ }
1385
+ @keyframes fade-in-up {
1386
+ 0% {
1387
+ transform: translateY(30px);
1388
+ opacity: 0
1389
+ }
1390
+ 100% {
1391
+ transform: translateY(0);
1392
+ opacity: 1
1393
+ }
1394
+ }
1395
+ @-webkit-keyframes fade-in-down {
1396
+ 0% {
1397
+ -webkit-transform: translateY(-30px);
1398
+ opacity: 0
1399
+ }
1400
+ 100% {
1401
+ -webkit-transform: translateY(0);
1402
+ opacity: 1
1403
+ }
1404
+ }
1405
+ @keyframes fade-in-down {
1406
+ 0% {
1407
+ transform: translateY(-30px);
1408
+ opacity: 0
1409
+ }
1410
+ 100% {
1411
+ transform: translateY(0);
1412
+ opacity: 1
1413
+ }
1414
+ }
1415
+ @-webkit-keyframes fade-out-up {
1416
+ 0% {
1417
+ -webkit-transform: translateY(0);
1418
+ opacity: 1
1419
+ }
1420
+ 100% {
1421
+ -webkit-transform: translateY(-30px);
1422
+ opacity: 0
1423
+ }
1424
+ }
1425
+ @keyframes fade-out-up {
1426
+ 0% {
1427
+ transform: translateY(0);
1428
+ opacity: 1
1429
+ }
1430
+ 100% {
1431
+ transform: translateY(-30px);
1432
+ opacity: 0
1433
+ }
1434
+ }
1435
+ @-webkit-keyframes opacity-in {
1436
+ 0% {
1437
+ opacity: 0
1438
+ }
1439
+ 100% {
1440
+ opacity: 1
1441
+ }
1442
+ }
1443
+ @keyframes opacity-in {
1444
+ 0% {
1445
+ opacity: 0
1446
+ }
1447
+ 100% {
1448
+ opacity: 1
1449
+ }
1450
+ }
1451
+ @-webkit-keyframes opacity-out {
1452
+ 0% {
1453
+ opacity: 1
1454
+ }
1455
+ 100% {
1456
+ opacity: 0
1457
+ }
1458
+ }
1459
+ @keyframes opacity-out {
1460
+ 0% {
1461
+ opacity: 1
1462
+ }
1463
+ 100% {
1464
+ opacity: 0
1465
+ }
1466
+ }
1467
+ .modal-wrapper {
1468
+ background: rgba(0, 0, 0, 0.5);
1469
+ padding: 0 30px;
1470
+ overflow: scroll;
1471
+ z-index: 9
1472
+ }
1473
+ .modal-wrapper,
1474
+ .modal-wrapper .modal-cover {
1475
+ position: fixed;
1476
+ top: 0;
1477
+ right: 0;
1478
+ bottom: 0;
1479
+ left: 0
1480
+ }
1481
+ .modal-wrapper .modal-cover {
1482
+ z-index: -1
1483
+ }
1484
+ .modal-wrapper .gs-modal {
1485
+ max-width: 860px;
1486
+ background: #fff;
1487
+ padding: 35px 30px 30px;
1488
+ margin: 100px auto 30px;
1489
+ opacity: 0;
1490
+ border-radius: 4px
1491
+ }
1492
+ .modal-wrapper .gs-modal.small {
1493
+ max-width: 430px;
1494
+ padding: 40px 30px
1495
+ }
1496
+ .modal-wrapper .gs-modal .modal-title {
1497
+ text-align: center
1498
+ }
1499
+ .modal-wrapper .gs-modal .modal-title .title {
1500
+ font-family: "Raleway", sans-serif;
1501
+ font-weight: 800;
1502
+ font-size: 25px;
1503
+ font-weight: 300;
1504
+ padding-bottom: 11px
1505
+ }
1506
+ .modal-wrapper .gs-modal .modal-title .title+p {
1507
+ max-width: 400px;
1508
+ margin: 10px auto 0
1509
+ }
1510
+ .modal-wrapper .gs-modal img {
1511
+ width: 100%
1512
+ }
1513
+ .modal-wrapper .gs-modal .before-after {
1514
+ margin-top: -20px
1515
+ }
1516
+ .modal-wrapper .gs-modal .before-after>div {
1517
+ text-align: center
1518
+ }
1519
+ .modal-wrapper .gs-modal .before-after>div strong {
1520
+ font-size: 20px;
1521
+ margin: 20px 0;
1522
+ display: block
1523
+ }
1524
+ .modal-wrapper .gs-modal .before-after>div[class*="col-"]:first-child {
1525
+ padding-left: 0;
1526
+ padding-right: 15px
1527
+ }
1528
+ .modal-wrapper .gs-modal .before-after>div[class*="col-"]:last-child {
1529
+ padding-left: 15px;
1530
+ padding-right: 0
1531
+ }
1532
+ .modal-wrapper .gs-modal .form-button-group {
1533
+ padding-top: 20px
1534
+ }
1535
+ .modal-wrapper .gs-modal .text-block {
1536
+ text-align: left;
1537
+ margin-bottom: 30px
1538
+ }
1539
+ .modal-wrapper .gs-modal .text-block p {
1540
+ font-size: 18px;
1541
+ line-height: 22px;
1542
+ margin-bottom: 15px
1543
+ }
1544
+ .modal-wrapper .gs-modal .text-block p span {
1545
+ color: #339ed5
1546
+ }
1547
+ .modal-wrapper .gs-modal .status-icon {
1548
+ width: 70px;
1549
+ height: 70px;
1550
+ background: #c4da94;
1551
+ border: 5px solid #9bc048;
1552
+ margin: -10px auto 30px;
1553
+ position: relative;
1554
+ -webkit-animation: rotate-in 750ms ease-in-out;
1555
+ animation: rotate-in 750ms ease-in-out
1556
+ }
1557
+ .modal-wrapper .gs-modal .status-icon i {
1558
+ font-size: 38px;
1559
+ color: #fff;
1560
+ margin: -19px 0 0 -19px;
1561
+ position: absolute;
1562
+ top: 50%;
1563
+ left: 50%
1564
+ }
1565
+ .modal-wrapper .gs-modal .status-icon,
1566
+ .modal-wrapper .gs-modal .status-icon:before {
1567
+ border-radius: 100%
1568
+ }
1569
+ .modal-wrapper .gs-modal .status-icon:before {
1570
+ width: 100%;
1571
+ height: 100%;
1572
+ border: 0 solid #9bc048;
1573
+ content: "";
1574
+ display: inline-block;
1575
+ position: absolute;
1576
+ top: 0;
1577
+ left: 0;
1578
+ box-sizing: border-box
1579
+ }
1580
+ .modal-wrapper.hide {
1581
+ display: none
1582
+ }
1583
+ .modal-wrapper.active {
1584
+ display: block;
1585
+ -webkit-animation: opacity-in 300ms ease-in-out forwards;
1586
+ animation: opacity-in 300ms ease-in-out forwards
1587
+ }
1588
+ .modal-wrapper.active .gs-modal {
1589
+ -webkit-animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1590
+ animation: fade-in-down 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards
1591
+ }
1592
+ .modal-wrapper.rewind {
1593
+ -webkit-animation: opacity-out 300ms ease-in-out forwards;
1594
+ animation: opacity-out 300ms ease-in-out forwards
1595
+ }
1596
+ .modal-wrapper.rewind .gs-modal {
1597
+ -webkit-animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards;
1598
+ animation: fade-out-up 700ms cubic-bezier(0.19, 1, 0.22, 1) forwards
1599
+ }
1600
+ @-webkit-keyframes fade-in-up {
1601
+ 0% {
1602
+ -webkit-transform: translateY(30px);
1603
+ opacity: 0
1604
+ }
1605
+ 100% {
1606
+ -webkit-transform: translateY(0);
1607
+ opacity: 1
1608
+ }
1609
+ }
1610
+ @keyframes fade-in-up {
1611
+ 0% {
1612
+ transform: translateY(30px);
1613
+ opacity: 0
1614
+ }
1615
+ 100% {
1616
+ transform: translateY(0);
1617
+ opacity: 1
1618
+ }
1619
+ }
1620
+ @-webkit-keyframes fade-in-down {
1621
+ 0% {
1622
+ -webkit-transform: translateY(-30px);
1623
+ opacity: 0
1624
+ }
1625
+ 100% {
1626
+ -webkit-transform: translateY(0);
1627
+ opacity: 1
1628
+ }
1629
+ }
1630
+ @keyframes fade-in-down {
1631
+ 0% {
1632
+ transform: translateY(-30px);
1633
+ opacity: 0
1634
+ }
1635
+ 100% {
1636
+ transform: translateY(0);
1637
+ opacity: 1
1638
+ }
1639
+ }
1640
+ @-webkit-keyframes fade-out-up {
1641
+ 0% {
1642
+ -webkit-transform: translateY(0);
1643
+ opacity: 1
1644
+ }
1645
+ 100% {
1646
+ -webkit-transform: translateY(-30px);
1647
+ opacity: 0
1648
+ }
1649
+ }
1650
+ @keyframes fade-out-up {
1651
+ 0% {
1652
+ transform: translateY(0);
1653
+ opacity: 1
1654
+ }
1655
+ 100% {
1656
+ transform: translateY(-30px);
1657
+ opacity: 0
1658
+ }
1659
+ }
1660
+ @-webkit-keyframes opacity-in {
1661
+ 0% {
1662
+ opacity: 0
1663
+ }
1664
+ 100% {
1665
+ opacity: 1
1666
+ }
1667
+ }
1668
+ @keyframes opacity-in {
1669
+ 0% {
1670
+ opacity: 0
1671
+ }
1672
+ 100% {
1673
+ opacity: 1
1674
+ }
1675
+ }
1676
+ @-webkit-keyframes opacity-out {
1677
+ 0% {
1678
+ opacity: 1
1679
+ }
1680
+ 100% {
1681
+ opacity: 0
1682
+ }
1683
+ }
1684
+ @keyframes opacity-out {
1685
+ 0% {
1686
+ opacity: 1
1687
+ }
1688
+ 100% {
1689
+ opacity: 0
1690
+ }
1691
+ }
1692
+ div.gs-form {
1693
+ position: relative
1694
+ }
1695
+ form h3,
1696
+ div.gs-form h3 {
1697
+ margin-bottom: 3px
1698
+ }
1699
+ form h4,
1700
+ div.gs-form h4 {
1701
+ color: #339ed5;
1702
+ margin-bottom: 10px
1703
+ }
1704
+ form p,
1705
+ div.gs-form p {
1706
+ font-size: 14px;
1707
+ color: #999;
1708
+ line-height: 15px;
1709
+ margin-bottom: 4px
1710
+ }
1711
+ form p.tutorial,
1712
+ div.gs-form p.tutorial {
1713
+ font-size: 16px;
1714
+ color: #606060;
1715
+ line-height: 18px;
1716
+ margin-bottom: 8px
1717
+ }
1718
+ form p .code,
1719
+ div.gs-form p .code {
1720
+ font-family: Courier New, monospace;
1721
+ font-size: 14px;
1722
+ font-weight: 600;
1723
+ background: #eee;
1724
+ padding: 1px 4px;
1725
+ margin: 0 3px;
1726
+ border-radius: 4px
1727
+ }
1728
+ form label,
1729
+ div.gs-form label {
1730
+ font-size: 18px;
1731
+ font-weight: 600
1732
+ }
1733
+ form label span,
1734
+ div.gs-form label span {
1735
+ font-size: 16px;
1736
+ font-weight: normal;
1737
+ color: #999
1738
+ }
1739
+ form label.step,
1740
+ div.gs-form label.step {
1741
+ width: 34px;
1742
+ height: 34px;
1743
+ font-size: 25px;
1744
+ font-weight: 600;
1745
+ color: #fff;
1746
+ background: #339ed5;
1747
+ text-align: center;
1748
+ padding-top: 3px;
1749
+ display: inline-block;
1750
+ position: absolute;
1751
+ top: 30px;
1752
+ left: 50%;
1753
+ margin-left: -17px;
1754
+ border-radius: 100%
1755
+ }
1756
+ form label.required,
1757
+ div.gs-form label.required {
1758
+ position: relative
1759
+ }
1760
+ form label.required:before,
1761
+ div.gs-form label.required:before {
1762
+ font-family: "FontAwesome";
1763
+ font-size: 10px;
1764
+ color: #339ed5;
1765
+ content: "";
1766
+ display: inline-block;
1767
+ position: absolute;
1768
+ top: 0;
1769
+ left: -15px
1770
+ }
1771
+ form input:not([type="submit"]),
1772
+ form select,
1773
+ form textarea,
1774
+ div.gs-form input:not([type="submit"]),
1775
+ div.gs-form select,
1776
+ div.gs-form textarea {
1777
+ width: 100%;
1778
+ font-family: "Source Sans Pro", sans-serif;
1779
+ font-size: 20px;
1780
+ color: #606060;
1781
+ background: #fff;
1782
+ border: 1px solid #ccc;
1783
+ padding: 3px 15px 5px;
1784
+ outline: none;
1785
+ border-radius: 4px;
1786
+ -webkit-transition: all 200ms;
1787
+ transition: all 200ms
1788
+ }
1789
+ form input:not([type="submit"]):hover,
1790
+ form select:hover,
1791
+ form textarea:hover,
1792
+ div.gs-form input:not([type="submit"]):hover,
1793
+ div.gs-form select:hover,
1794
+ div.gs-form textarea:hover {
1795
+ background: #f9f9f9 !important
1796
+ }
1797
+ form input:not([type="submit"]):focus,
1798
+ form select:focus,
1799
+ form textarea:focus,
1800
+ div.gs-form input:not([type="submit"]):focus,
1801
+ div.gs-form select:focus,
1802
+ div.gs-form textarea:focus {
1803
+ border-color: #339ed5;
1804
+ box-shadow: inset 0 0 3px #b2daef
1805
+ }
1806
+ form input:not([type="submit"])::-webkit-input-placeholder,
1807
+ form select::-webkit-input-placeholder,
1808
+ form textarea::-webkit-input-placeholder,
1809
+ div.gs-form input:not([type="submit"])::-webkit-input-placeholder,
1810
+ div.gs-form select::-webkit-input-placeholder,
1811
+ div.gs-form textarea::-webkit-input-placeholder {
1812
+ color: #ccc;
1813
+ font-style: italic
1814
+ }
1815
+ form input:not([type="submit"]):-moz-placeholder,
1816
+ form select:-moz-placeholder,
1817
+ form textarea:-moz-placeholder,
1818
+ div.gs-form input:not([type="submit"]):-moz-placeholder,
1819
+ div.gs-form select:-moz-placeholder,
1820
+ div.gs-form textarea:-moz-placeholder {
1821
+ color: #ccc;
1822
+ font-style: italic
1823
+ }
1824
+ form input:not([type="submit"])::-moz-placeholder,
1825
+ form select::-moz-placeholder,
1826
+ form textarea::-moz-placeholder,
1827
+ div.gs-form input:not([type="submit"])::-moz-placeholder,
1828
+ div.gs-form select::-moz-placeholder,
1829
+ div.gs-form textarea::-moz-placeholder {
1830
+ color: #ccc;
1831
+ font-style: italic
1832
+ }
1833
+ form input:not([type="submit"]):-ms-input-placeholder,
1834
+ form select:-ms-input-placeholder,
1835
+ form textarea:-ms-input-placeholder,
1836
+ div.gs-form input:not([type="submit"]):-ms-input-placeholder,
1837
+ div.gs-form select:-ms-input-placeholder,
1838
+ div.gs-form textarea:-ms-input-placeholder {
1839
+ color: #ccc;
1840
+ font-style: italic
1841
+ }
1842
+ form input:not([type="submit"])+p,
1843
+ form select+p,
1844
+ form textarea+p,
1845
+ div.gs-form input:not([type="submit"])+p,
1846
+ div.gs-form select+p,
1847
+ div.gs-form textarea+p {
1848
+ margin-top: 5px
1849
+ }
1850
+ form input[type="submit"],
1851
+ form button,
1852
+ div.gs-form input[type="submit"],
1853
+ div.gs-form button {
1854
+ width: auto;
1855
+ font-family: "Source Sans Pro", sans-serif;
1856
+ font-size: 100%;
1857
+ margin-top: -8px;
1858
+ margin-bottom: -9px;
1859
+ display: inline
1860
+ }
1861
+ form input[type="submit"]:hover,
1862
+ form button:hover,
1863
+ div.gs-form input[type="submit"]:hover,
1864
+ div.gs-form button:hover {
1865
+ cursor: pointer
1866
+ }
1867
+ form textarea,
1868
+ div.gs-form textarea {
1869
+ max-width: 100%
1870
+ }
1871
+ form select,
1872
+ div.gs-form select {
1873
+ height: 35px
1874
+ }
1875
+ form .page-inline-select,
1876
+ div.gs-form .page-inline-select {
1877
+ width: 180px;
1878
+ margin-left: 8px
1879
+ }
1880
+ form .form-content pre,
1881
+ div.gs-form .form-content pre {
1882
+ margin-top: 18px
1883
+ }
1884
+ form .form-content+.form-content,
1885
+ div.gs-form .form-content+.form-content {
1886
+ margin-top: 30px
1887
+ }
1888
+ form .form-content+.options-details:not(.form-title),
1889
+ div.gs-form .form-content+.options-details:not(.form-title) {
1890
+ padding-top: 37px
1891
+ }
1892
+ form .form-content .field-label.show-content,
1893
+ div.gs-form .form-content .field-label.show-content {
1894
+ border-radius: 2px 0 0 2px
1895
+ }
1896
+ form .form-content .field-clean,
1897
+ div.gs-form .form-content .field-clean {
1898
+ padding: 35px 30px
1899
+ }
1900
+ form .form-content .field-clean+.field-clean,
1901
+ form .form-content .field-clean+.field-group,
1902
+ div.gs-form .form-content .field-clean+.field-clean,
1903
+ div.gs-form .form-content .field-clean+.field-group {
1904
+ border-top: 1px solid #eee
1905
+ }
1906
+ form .form-content .field-clean div[class^="col-"]:not(:first-child),
1907
+ div.gs-form .form-content .field-clean div[class^="col-"]:not(:first-child) {
1908
+ padding-left: 30px
1909
+ }
1910
+ form .form-content .field-clean label,
1911
+ div.gs-form .form-content .field-clean label {
1912
+ margin-bottom: 6px;
1913
+ display: block
1914
+ }
1915
+ form .form-content .field-group,
1916
+ div.gs-form .form-content .field-group {
1917
+ padding-left: 125px;
1918
+ position: relative
1919
+ }
1920
+ form .form-content .field-group:after,
1921
+ div.gs-form .form-content .field-group:after {
1922
+ content: "";
1923
+ display: block;
1924
+ clear: both
1925
+ }
1926
+ form .form-content .field-group.hide,
1927
+ div.gs-form .form-content .field-group.hide {
1928
+ display: none
1929
+ }
1930
+ form .form-content .field-group.multi-label>div,
1931
+ div.gs-form .form-content .field-group.multi-label>div {
1932
+ margin-left: -125px;
1933
+ padding-left: 125px;
1934
+ position: relative
1935
+ }
1936
+ form .form-content .field-group.multi-label>div+div .field-label,
1937
+ form .form-content .field-group.multi-label>div+div .field-input,
1938
+ div.gs-form .form-content .field-group.multi-label>div+div .field-label,
1939
+ div.gs-form .form-content .field-group.multi-label>div+div .field-input {
1940
+ padding-top: 3px
1941
+ }
1942
+ form .form-content .field-group.multi-label.row-layout>div:first-child .field-label,
1943
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-label {
1944
+ border-radius: 4px 0 0 0
1945
+ }
1946
+ form .form-content .field-group.multi-label.row-layout>div:first-child .field-input,
1947
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:first-child .field-input {
1948
+ padding-bottom: 0
1949
+ }
1950
+ form .form-content .field-group.multi-label.row-layout>div:last-child .field-label,
1951
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-label {
1952
+ padding-top: 18px
1953
+ }
1954
+ form .form-content .field-group.multi-label.row-layout>div:last-child .field-input,
1955
+ div.gs-form .form-content .field-group.multi-label.row-layout>div:last-child .field-input {
1956
+ padding-bottom: 30px
1957
+ }
1958
+ form .form-content .field-group:not(.multi-label):not(.not-float)>*,
1959
+ div.gs-form .form-content .field-group:not(.multi-label):not(.not-float)>* {
1960
+ float: left
1961
+ }
1962
+ form .form-content .field-group:first-child .field-label,
1963
+ div.gs-form .form-content .field-group:first-child .field-label {
1964
+ border-radius: 3px 0 0 0
1965
+ }
1966
+ form .form-content .field-group:last-child .field-label,
1967
+ div.gs-form .form-content .field-group:last-child .field-label {
1968
+ border-radius: 0 0 0 3px
1969
+ }
1970
+ form .form-content .field-group .field-label,
1971
+ div.gs-form .form-content .field-group .field-label {
1972
+ width: 125px;
1973
+ min-width: 125px;
1974
+ height: 100%;
1975
+ background: #f9f9f9;
1976
+ word-wrap: break-word;
1977
+ padding: 55px 0 40px 30px;
1978
+ position: absolute;
1979
+ top: 0;
1980
+ left: 0
1981
+ }
1982
+ form .form-content .field-group .field-label label,
1983
+ form .form-content .field-group .field-label span,
1984
+ div.gs-form .form-content .field-group .field-label label,
1985
+ div.gs-form .form-content .field-group .field-label span {
1986
+ display: block
1987
+ }
1988
+ form .form-content .field-group .field-label.no-desc,
1989
+ div.gs-form .form-content .field-group .field-label.no-desc {
1990
+ padding-top: 40px
1991
+ }
1992
+ form .form-content .field-group .field-label .label-icon,
1993
+ div.gs-form .form-content .field-group .field-label .label-icon {
1994
+ font-size: 24px;
1995
+ color: #ddd;
1996
+ text-align: center;
1997
+ margin: -15px 20px 5px 0
1998
+ }
1999
+ form .form-content .field-group .field-input,
2000
+ div.gs-form .form-content .field-group .field-input {
2001
+ width: 100%;
2002
+ padding: 35px 30px 40px;
2003
+ position: relative
2004
+ }
2005
+ form .form-content .field-group .field-input+.field-input,
2006
+ div.gs-form .form-content .field-group .field-input+.field-input {
2007
+ padding-top: 0;
2008
+ margin-top: -6px
2009
+ }
2010
+ form .form-content .field-group .field-input>.clearfix+.field-button-group,
2011
+ div.gs-form .form-content .field-group .field-input>.clearfix+.field-button-group {
2012
+ margin: 25px 0 -20px
2013
+ }
2014
+ form .form-content .field-group .field-input.columns,
2015
+ div.gs-form .form-content .field-group .field-input.columns {
2016
+ padding-bottom: 35px
2017
+ }
2018
+ form .form-content .field-group .field-input.columns div[class*="col-"]:first-child,
2019
+ div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:first-child {
2020
+ padding: 0
2021
+ }
2022
+ form .form-content .field-group .field-input.columns div[class*="col-"]:last-child,
2023
+ div.gs-form .form-content .field-group .field-input.columns div[class*="col-"]:last-child {
2024
+ padding-right: 0
2025
+ }
2026
+ form .form-content .field-group .field-input .gs-buttons-group,
2027
+ div.gs-form .form-content .field-group .field-input .gs-buttons-group {
2028
+ text-align: right
2029
+ }
2030
+ form .form-content .field-group .field-input .gs-buttons-group .gs-button,
2031
+ div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button {
2032
+ display: inline-block
2033
+ }
2034
+ form .form-content .field-group .field-input .gs-buttons-group .gs-button.error,
2035
+ div.gs-form .form-content .field-group .field-input .gs-buttons-group .gs-button.error {
2036
+ padding-top: 6px;
2037
+ padding-bottom: 8px;
2038
+ margin-left: 4px
2039
+ }
2040
+ form .form-content .field-group .field-input .input-wrap,
2041
+ div.gs-form .form-content .field-group .field-input .input-wrap {
2042
+ margin: 10px 0 20px
2043
+ }
2044
+ form .form-content .field-group .field-input .input-wrap ul.chosen-choices,
2045
+ div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices {
2046
+ font-size: 20px;
2047
+ color: #606060;
2048
+ background-image: none;
2049
+ border-color: #ccc;
2050
+ box-shadow: none;
2051
+ border-radius: 4px
2052
+ }
2053
+ form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice,
2054
+ div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice {
2055
+ font-size: 16px;
2056
+ color: #fff;
2057
+ background: #339ed5;
2058
+ border: none;
2059
+ padding: 7px 26px 7px 11px;
2060
+ box-shadow: none
2061
+ }
2062
+ form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close,
2063
+ div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close {
2064
+ height: 13px;
2065
+ background: none !important;
2066
+ background-image: none !important;
2067
+ top: 50%;
2068
+ right: 6px;
2069
+ -webkit-transform: translateY(-50%);
2070
+ -ms-transform: translateY(-50%);
2071
+ transform: translateY(-50%)
2072
+ }
2073
+ form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before,
2074
+ div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices .search-choice .search-choice-close:before {
2075
+ font-family: "FontAwesome";
2076
+ font-size: 13px;
2077
+ color: #fff;
2078
+ content: "";
2079
+ display: inline-block;
2080
+ opacity: 0.5
2081
+ }
2082
+ form .form-content .field-group .field-input .input-wrap ul.chosen-choices input,
2083
+ div.gs-form .form-content .field-group .field-input .input-wrap ul.chosen-choices input {
2084
+ height: 33px;
2085
+ font-family: "Source Sans Pro", sans-serif;
2086
+ font-style: italic;
2087
+ color: #ccc;
2088
+ margin: 0
2089
+ }
2090
+ form .form-content .field-group .field-input .tutorial-steps li,
2091
+ div.gs-form .form-content .field-group .field-input .tutorial-steps li {
2092
+ border-bottom: 1px solid #eee;
2093
+ counter-increment: step-counter;
2094
+ padding: 0 30px 30px;
2095
+ margin: 0 -30px 30px;
2096
+ position: relative
2097
+ }
2098
+ form .form-content .field-group .field-input .tutorial-steps li:before,
2099
+ div.gs-form .form-content .field-group .field-input .tutorial-steps li:before {
2100
+ font-size: 16px;
2101
+ font-weight: bold;
2102
+ color: #fff;
2103
+ background: #339ed5;
2104
+ content: counter(step-counter);
2105
+ padding: 1px 6px 3px;
2106
+ position: absolute;
2107
+ top: 0;
2108
+ left: 10px;
2109
+ border-radius: 4px
2110
+ }
2111
+ form .form-content .field-group .field-input .tutorial-steps li img,
2112
+ div.gs-form .form-content .field-group .field-input .tutorial-steps li img {
2113
+ width: 100%;
2114
+ border: 1px solid #ccc;
2115
+ margin-top: 15px;
2116
+ display: block;
2117
+ border-radius: 4px
2118
+ }
2119
+ form .form-content .field-group .field-input .tutorial-steps li p.tutorial,
2120
+ div.gs-form .form-content .field-group .field-input .tutorial-steps li p.tutorial {
2121
+ padding: 0 10px
2122
+ }
2123
+ form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn,
2124
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label .checkbox .checkbox-btn {
2125
+ width: auto
2126
+ }
2127
+ form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before,
2128
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label.tooltip>div:before {
2129
+ margin-left: 0;
2130
+ right: 45px;
2131
+ left: auto
2132
+ }
2133
+ form .form-content .field-group .field-input .field-button-group>span.label>span,
2134
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label>span {
2135
+ margin-right: 7px;
2136
+ position: relative;
2137
+ top: -12px
2138
+ }
2139
+ form .form-content .field-group .field-input .field-button-group>span.label+span.label,
2140
+ div.gs-form .form-content .field-group .field-input .field-button-group>span.label+span.label {
2141
+ margin-left: 30px
2142
+ }
2143
+ form .form-content .field-group .field-input .input-alert-message,
2144
+ div.gs-form .form-content .field-group .field-input .input-alert-message {
2145
+ font-size: 14px;
2146
+ line-height: 15px;
2147
+ margin-bottom: 4px;
2148
+ position: relative;
2149
+ float: right
2150
+ }
2151
+ form .form-content .field-group .field-input .input-alert-message span,
2152
+ div.gs-form .form-content .field-group .field-input .input-alert-message span {
2153
+ -webkit-animation: fade-in-left 500ms ease-out;
2154
+ animation: fade-in-left 500ms ease-out
2155
+ }
2156
+ form .form-content .field-group .field-input .input-alert-message:before,
2157
+ div.gs-form .form-content .field-group .field-input .input-alert-message:before {
2158
+ width: 24px;
2159
+ height: 20px;
2160
+ font-family: "FontAwesome";
2161
+ font-size: 16px;
2162
+ color: #fff;
2163
+ text-align: center;
2164
+ padding-top: 4px;
2165
+ position: absolute;
2166
+ bottom: -33px;
2167
+ right: 9px;
2168
+ display: block;
2169
+ border-radius: 100%;
2170
+ -webkit-animation: rotate-in 750ms ease-in-out;
2171
+ animation: rotate-in 750ms ease-in-out
2172
+ }
2173
+ form .form-content .field-group .field-input .input-alert-message.gs-primary,
2174
+ div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary {
2175
+ color: #339ed5
2176
+ }
2177
+ form .form-content .field-group .field-input .input-alert-message.gs-primary:before,
2178
+ div.gs-form .form-content .field-group .field-input .input-alert-message.gs-primary:before {
2179
+ background: #339ed5;
2180
+ content: ""
2181
+ }
2182
+ form .form-content .field-group .field-input .input-alert-message.gs-success,
2183
+ div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success {
2184
+ color: #85b023
2185
+ }
2186
+ form .form-content .field-group .field-input .input-alert-message.gs-success:before,
2187
+ div.gs-form .form-content .field-group .field-input .input-alert-message.gs-success:before {
2188
+ background: #85b023;
2189
+ content: ""
2190
+ }
2191
+ form .form-content .field-group .field-input .input-alert-message.gs-error,
2192
+ div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error {
2193
+ color: #d36c65
2194
+ }
2195
+ form .form-content .field-group .field-input .input-alert-message.gs-error:before,
2196
+ div.gs-form .form-content .field-group .field-input .input-alert-message.gs-error:before {
2197
+ background: #d36c65;
2198
+ content: ""
2199
+ }
2200
+ form .form-content .field-group .field-note,
2201
+ div.gs-form .form-content .field-group .field-note {
2202
+ font-size: 14px;
2203
+ font-style: italic;
2204
+ color: #bbb;
2205
+ text-align: right;
2206
+ position: absolute;
2207
+ bottom: 10px;
2208
+ right: 30px
2209
+ }
2210
+ form .form-content .field-group .field-note i,
2211
+ div.gs-form .form-content .field-group .field-note i {
2212
+ margin-right: 2px;
2213
+ position: relative;
2214
+ bottom: -1px
2215
+ }
2216
+ form .form-content .field-group .field-note.alert-note,
2217
+ div.gs-form .form-content .field-group .field-note.alert-note {
2218
+ margin-left: -125px;
2219
+ padding: 13px 30px 13px 155px;
2220
+ position: relative;
2221
+ right: auto;
2222
+ bottom: auto;
2223
+ -webkit-transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1);
2224
+ transition: all 500ms cubic-bezier(0.19, 1, 0.22, 1)
2225
+ }
2226
+ form .form-content .field-group .field-note.alert-note.inactive,
2227
+ div.gs-form .form-content .field-group .field-note.alert-note.inactive {
2228
+ margin-bottom: -50px
2229
+ }
2230
+ form .form-content .field-group .field-note.alert-note i,
2231
+ div.gs-form .form-content .field-group .field-note.alert-note i {
2232
+ font-size: 22px;
2233
+ position: absolute;
2234
+ top: 50%;
2235
+ left: 30px;
2236
+ -webkit-transform: translateY(-50%);
2237
+ -ms-transform: translateY(-50%);
2238
+ transform: translateY(-50%)
2239
+ }
2240
+ form .form-content .field-group .field-note.alert-note a.gs-button,
2241
+ div.gs-form .form-content .field-group .field-note.alert-note a.gs-button {
2242
+ font-size: 13px;
2243
+ padding: 2px 7px;
2244
+ margin-left: 5px
2245
+ }
2246
+ form .form-content .field-group .field-note.alert-note.gs-primary,
2247
+ div.gs-form .form-content .field-group .field-note.alert-note.gs-primary {
2248
+ color: #339ed5;
2249
+ background: #dceef8
2250
+ }
2251
+ form .form-content .field-group .field-note.alert-note.gs-success,
2252
+ div.gs-form .form-content .field-group .field-note.alert-note.gs-success {
2253
+ color: #85b023;
2254
+ background: #dcefb0
2255
+ }
2256
+ form .form-content .field-group .field-note.alert-note.gs-error,
2257
+ div.gs-form .form-content .field-group .field-note.alert-note.gs-error {
2258
+ color: #d36c65;
2259
+ background: #fff
2260
+ }
2261
+ form .form-content .field-group .field-tab,
2262
+ div.gs-form .form-content .field-group .field-tab {
2263
+ display: none
2264
+ }
2265
+ form .form-content .field-group .field-tab.active,
2266
+ div.gs-form .form-content .field-group .field-tab.active {
2267
+ display: block;
2268
+ -webkit-animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1);
2269
+ animation: fade-in-up 400ms cubic-bezier(0.19, 1, 0.22, 1)
2270
+ }
2271
+ form .form-content .field-group:not(.field-alert)+.field-group,
2272
+ div.gs-form .form-content .field-group:not(.field-alert)+.field-group {
2273
+ border-top: 1px solid #eee
2274
+ }
2275
+ form .form-content .field-group.follow-input label i,
2276
+ div.gs-form .form-content .field-group.follow-input label i {
2277
+ width: 50px;
2278
+ height: 50px;
2279
+ color: #fff;
2280
+ padding: 10px;
2281
+ margin-left: 10px;
2282
+ position: relative;
2283
+ top: -1px;
2284
+ border-radius: 4px;
2285
+ -webkit-font-smoothing: antialiased;
2286
+ -moz-osx-font-smoothing: grayscale
2287
+ }
2288
+ form .form-content .field-group.follow-input label i:after,
2289
+ div.gs-form .form-content .field-group.follow-input label i:after {
2290
+ font-size: 22px;
2291
+ font-family: "getsocial-icons";
2292
+ font-style: normal;
2293
+ font-weight: normal;
2294
+ font-variant: normal;
2295
+ speak: none;
2296
+ text-transform: none;
2297
+ line-height: 1;
2298
+ display: inline-block;
2299
+ position: relative;
2300
+ bottom: -3px
2301
+ }
2302
+ form .form-content .field-group.follow-input label span,
2303
+ div.gs-form .form-content .field-group.follow-input label span {
2304
+ display: none
2305
+ }
2306
+ form .form-content .field-group.follow-input.fb label i,
2307
+ div.gs-form .form-content .field-group.follow-input.fb label i {
2308
+ background: #506bb1
2309
+ }
2310
+ form .form-content .field-group.follow-input.fb label i:after,
2311
+ div.gs-form .form-content .field-group.follow-input.fb label i:after {
2312
+ content: ""
2313
+ }
2314
+ form .form-content .field-group.follow-input.tw label i,
2315
+ div.gs-form .form-content .field-group.follow-input.tw label i {
2316
+ background: #60aade
2317
+ }
2318
+ form .form-content .field-group.follow-input.tw label i:after,
2319
+ div.gs-form .form-content .field-group.follow-input.tw label i:after {
2320
+ content: ""
2321
+ }
2322
+ form .form-content .field-group.follow-input.pn label i,
2323
+ div.gs-form .form-content .field-group.follow-input.pn label i {
2324
+ background: #ef4448
2325
+ }
2326
+ form .form-content .field-group.follow-input.pn label i:after,
2327
+ div.gs-form .form-content .field-group.follow-input.pn label i:after {
2328
+ content: ""
2329
+ }
2330
+ form .form-content .field-group.follow-input.gp label i,
2331
+ div.gs-form .form-content .field-group.follow-input.gp label i {
2332
+ background: #e85441
2333
+ }
2334
+ form .form-content .field-group.follow-input.gp label i:after,
2335
+ div.gs-form .form-content .field-group.follow-input.gp label i:after {
2336
+ content: ""
2337
+ }
2338
+ form .form-content .field-group.follow-input.tu label i,
2339
+ div.gs-form .form-content .field-group.follow-input.tu label i {
2340
+ background: #55677d
2341
+ }
2342
+ form .form-content .field-group.follow-input.tu label i:after,
2343
+ div.gs-form .form-content .field-group.follow-input.tu label i:after {
2344
+ content: ""
2345
+ }
2346
+ form .form-content .field-group.follow-input.ld label i,
2347
+ div.gs-form .form-content .field-group.follow-input.ld label i {
2348
+ background: #1b93ce
2349
+ }
2350
+ form .form-content .field-group.follow-input.ld label i:after,
2351
+ div.gs-form .form-content .field-group.follow-input.ld label i:after {
2352
+ content: ""
2353
+ }
2354
+ form .form-content .field-group.follow-input.de label i,
2355
+ div.gs-form .form-content .field-group.follow-input.de label i {
2356
+ background: #797979
2357
+ }
2358
+ form .form-content .field-group.follow-input.de label i:after,
2359
+ div.gs-form .form-content .field-group.follow-input.de label i:after {
2360
+ content: ""
2361
+ }
2362
+ form .form-content .field-group.follow-input.su label i,
2363
+ div.gs-form .form-content .field-group.follow-input.su label i {
2364
+ background: #f65830
2365
+ }
2366
+ form .form-content .field-group.follow-input.su label i:after,
2367
+ div.gs-form .form-content .field-group.follow-input.su label i:after {
2368
+ content: ""
2369
+ }
2370
+ form .form-content .field-group.follow-input.re label i,
2371
+ div.gs-form .form-content .field-group.follow-input.re label i {
2372
+ background: #208fdf
2373
+ }
2374
+ form .form-content .field-group.follow-input.re label i:after,
2375
+ div.gs-form .form-content .field-group.follow-input.re label i:after {
2376
+ content: ""
2377
+ }
2378
+ form .form-content .field-group.follow-input.ok label i,
2379
+ div.gs-form .form-content .field-group.follow-input.ok label i {
2380
+ background: #fa6f0d
2381
+ }
2382
+ form .form-content .field-group.follow-input.ok label i:after,
2383
+ div.gs-form .form-content .field-group.follow-input.ok label i:after {
2384
+ content: ""
2385
+ }
2386
+ form .form-content .field-group.follow-input.hn label i,
2387
+ div.gs-form .form-content .field-group.follow-input.hn label i {
2388
+ background: #f36201
2389
+ }
2390
+ form .form-content .field-group.follow-input.hn label i:after,
2391
+ div.gs-form .form-content .field-group.follow-input.hn label i:after {
2392
+ content: ""
2393
+ }
2394
+ form .form-content .field-group.follow-input.fbm label i,
2395
+ div.gs-form .form-content .field-group.follow-input.fbm label i {
2396
+ background: #0d87ff
2397
+ }
2398
+ form .form-content .field-group.follow-input.fbm label i:after,
2399
+ div.gs-form .form-content .field-group.follow-input.fbm label i:after {
2400
+ content: ""
2401
+ }
2402
+ form .form-content .field-group.follow-input.vk label i,
2403
+ div.gs-form .form-content .field-group.follow-input.vk label i {
2404
+ background: #3b689c
2405
+ }
2406
+ form .form-content .field-group.follow-input.vk label i:after,
2407
+ div.gs-form .form-content .field-group.follow-input.vk label i:after {
2408
+ content: ""
2409
+ }
2410
+ form .form-content .field-group.follow-input.bf label i,
2411
+ div.gs-form .form-content .field-group.follow-input.bf label i {
2412
+ background: #424242
2413
+ }
2414
+ form .form-content .field-group.follow-input.bf label i:after,
2415
+ div.gs-form .form-content .field-group.follow-input.bf label i:after {
2416
+ content: ""
2417
+ }
2418
+ form .form-content .field-group.follow-input.wa label i,
2419
+ div.gs-form .form-content .field-group.follow-input.wa label i {
2420
+ background: #02a601
2421
+ }
2422
+ form .form-content .field-group.follow-input.wa label i:after,
2423
+ div.gs-form .form-content .field-group.follow-input.wa label i:after {
2424
+ content: ""
2425
+ }
2426
+ form .form-content .field-group.follow-input.ren label i,
2427
+ div.gs-form .form-content .field-group.follow-input.ren label i {
2428
+ background: #1e72c8
2429
+ }
2430
+ form .form-content .field-group.follow-input.ren label i:after,
2431
+ div.gs-form .form-content .field-group.follow-input.ren label i:after {
2432
+ content: ""
2433
+ }
2434
+ form .form-content .field-group.follow-input.ba label i,
2435
+ div.gs-form .form-content .field-group.follow-input.ba label i {
2436
+ background: #314ff3
2437
+ }
2438
+ form .form-content .field-group.follow-input.ba label i:after,
2439
+ div.gs-form .form-content .field-group.follow-input.ba label i:after {
2440
+ content: ""
2441
+ }
2442
+ form .form-content .field-group.follow-input.we label i,
2443
+ div.gs-form .form-content .field-group.follow-input.we label i {
2444
+ background: #dc3737
2445
+ }
2446
+ form .form-content .field-group.follow-input.we label i:after,
2447
+ div.gs-form .form-content .field-group.follow-input.we label i:after {
2448
+ content: ""
2449
+ }
2450
+ form .form-content .field-group.follow-input.ig label i,
2451
+ div.gs-form .form-content .field-group.follow-input.ig label i {
2452
+ background: #3F729B
2453
+ }
2454
+ form .form-content .field-group.follow-input.ig label i:after,
2455
+ div.gs-form .form-content .field-group.follow-input.ig label i:after {
2456
+ content: ""
2457
+ }
2458
+ form .form-content .field-group.follow-input.yt label i,
2459
+ div.gs-form .form-content .field-group.follow-input.yt label i {
2460
+ background: #CD201F
2461
+ }
2462
+ form .form-content .field-group.follow-input.yt label i:after,
2463
+ div.gs-form .form-content .field-group.follow-input.yt label i:after {
2464
+ content: ""
2465
+ }
2466
+ form .form-content .field-group.follow-input.ym label i,
2467
+ div.gs-form .form-content .field-group.follow-input.ym label i {
2468
+ background: #e16120
2469
+ }
2470
+ form .form-content .field-group.follow-input.ym label i:after,
2471
+ div.gs-form .form-content .field-group.follow-input.ym label i:after {
2472
+ content: ""
2473
+ }
2474
+ form .form-content .field-group.follow-input .field-input,
2475
+ div.gs-form .form-content .field-group.follow-input .field-input {
2476
+ padding-right: 80px
2477
+ }
2478
+ form .form-content .field-group.follow-input .field-input .close-field,
2479
+ div.gs-form .form-content .field-group.follow-input .field-input .close-field {
2480
+ font-size: 18px;
2481
+ color: #ccc;
2482
+ padding: 7px 9px 6px;
2483
+ position: absolute;
2484
+ top: 35px;
2485
+ right: 20px
2486
+ }
2487
+ form .form-content .field-group.follow-input .field-input .close-field i,
2488
+ div.gs-form .form-content .field-group.follow-input .field-input .close-field i {
2489
+ margin-right: 0
2490
+ }
2491
+ form .form-content .field-group.follow-input .field-input .close-field span,
2492
+ div.gs-form .form-content .field-group.follow-input .field-input .close-field span {
2493
+ display: none
2494
+ }
2495
+ form .form-content .field-group.follow-input .field-input .close-field div,
2496
+ div.gs-form .form-content .field-group.follow-input .field-input .close-field div {
2497
+ width: 115px;
2498
+ padding-top: 8px;
2499
+ padding-bottom: 8px;
2500
+ margin-left: -82px;
2501
+ top: 37px
2502
+ }
2503
+ form .form-content .field-group.follow-input .field-input .close-field div:before,
2504
+ div.gs-form .form-content .field-group.follow-input .field-input .close-field div:before {
2505
+ margin-left: 0;
2506
+ left: auto;
2507
+ right: 24px
2508
+ }
2509
+ form .form-content .field-group.follow-input .field-input .close-field:hover,
2510
+ div.gs-form .form-content .field-group.follow-input .field-input .close-field:hover {
2511
+ color: #d36c65
2512
+ }
2513
+ form .form-content .field-grid+.field-group,
2514
+ div.gs-form .form-content .field-grid+.field-group {
2515
+ border-top: 1px solid #eee
2516
+ }
2517
+ form .form-content .field-grid .field-label .user-avatar,
2518
+ div.gs-form .form-content .field-grid .field-label .user-avatar {
2519
+ position: absolute;
2520
+ top: 50%;
2521
+ left: 50%;
2522
+ margin: -23px 0 0 -23px
2523
+ }
2524
+ form .form-content .field-grid .field-label .user-avatar>div,
2525
+ div.gs-form .form-content .field-grid .field-label .user-avatar>div {
2526
+ width: 24px;
2527
+ font-size: 12px;
2528
+ color: #fff;
2529
+ background: #efc520;
2530
+ border: 3px solid #f9f9f9;
2531
+ text-align: center;
2532
+ padding: 3px 0 3px 1px;
2533
+ display: inline-block;
2534
+ position: absolute;
2535
+ top: -7px;
2536
+ right: -7px
2537
+ }
2538
+ form .form-content .field-grid .field-label .user-avatar img,
2539
+ div.gs-form .form-content .field-grid .field-label .user-avatar img {
2540
+ width: 46px
2541
+ }
2542
+ form .form-content .field-grid .field-label .user-avatar img,
2543
+ form .form-content .field-grid .field-label .user-avatar>div,
2544
+ div.gs-form .form-content .field-grid .field-label .user-avatar img,
2545
+ div.gs-form .form-content .field-grid .field-label .user-avatar>div {
2546
+ border-radius: 100%
2547
+ }
2548
+ form .form-content .field-grid .field-input>div:not(.field-button-group),
2549
+ div.gs-form .form-content .field-grid .field-input>div:not(.field-button-group) {
2550
+ display: inline-block
2551
+ }
2552
+ form .form-content .field-grid .field-input>div.field-button-group,
2553
+ div.gs-form .form-content .field-grid .field-input>div.field-button-group {
2554
+ margin: -7px 0 -11px;
2555
+ float: right
2556
+ }
2557
+ form .form-content .field-grid .field-input>div.field-button-group a.gs-button,
2558
+ div.gs-form .form-content .field-grid .field-input>div.field-button-group a.gs-button {
2559
+ padding: 6px 13px 7px !important;
2560
+ display: inline-block
2561
+ }
2562
+ form .form-content .field-grid .field-input>div.field-button-group i.fa-trash,
2563
+ div.gs-form .form-content .field-grid .field-input>div.field-button-group i.fa-trash {
2564
+ margin-right: 0
2565
+ }
2566
+ form .form-content .field-grid.field-grid-table .field-group.field-table-title-group,
2567
+ div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group {
2568
+ font-weight: 600;
2569
+ color: #7a7a7a;
2570
+ background: #f9f9f9;
2571
+ padding: 0
2572
+ }
2573
+ form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title,
2574
+ div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title {
2575
+ border-right: 1px solid #eee;
2576
+ padding: 15px 30px
2577
+ }
2578
+ form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child,
2579
+ div.gs-form .form-content .field-grid.field-grid-table .field-group.field-table-title-group .field-table-title:last-child {
2580
+ border-right: 0
2581
+ }
2582
+ form .form-content .field-grid.field-grid-table .field-group,
2583
+ div.gs-form .form-content .field-grid.field-grid-table .field-group {
2584
+ padding-left: 160px
2585
+ }
2586
+ form .form-content .field-grid.field-grid-table .field-label,
2587
+ div.gs-form .form-content .field-grid.field-grid-table .field-label {
2588
+ width: 160px;
2589
+ min-width: 160px;
2590
+ padding-top: 35px
2591
+ }
2592
+ form .form-content .field-grid.field-grid-table .field-label a,
2593
+ div.gs-form .form-content .field-grid.field-grid-table .field-label a {
2594
+ font-size: 16px;
2595
+ font-weight: 600;
2596
+ color: #339ed5
2597
+ }
2598
+ form .form-content .field-grid.field-grid-table .field-label a:hover,
2599
+ form .form-content .field-grid.field-grid-table .field-label a:focus,
2600
+ div.gs-form .form-content .field-grid.field-grid-table .field-label a:hover,
2601
+ div.gs-form .form-content .field-grid.field-grid-table .field-label a:focus {
2602
+ color: #2687b9
2603
+ }
2604
+ form .form-content .field-grid.field-grid-table .grid-desc,
2605
+ div.gs-form .form-content .field-grid.field-grid-table .grid-desc {
2606
+ font-size: 14px;
2607
+ color: #bbb
2608
+ }
2609
+ form .form-button-group,
2610
+ div.gs-form .form-button-group {
2611
+ text-align: center;
2612
+ padding: 38px 0 20px
2613
+ }
2614
+ form .form-button-group .form-button-status,
2615
+ div.gs-form .form-button-group .form-button-status {
2616
+ display: inline-block;
2617
+ position: relative
2618
+ }
2619
+ form .form-button-group .form-button-status p,
2620
+ div.gs-form .form-button-group .form-button-status p {
2621
+ width: 240px;
2622
+ font-size: 14px;
2623
+ line-height: 15px;
2624
+ position: absolute;
2625
+ top: 100%;
2626
+ left: 50%;
2627
+ margin: 15px 0 0 -120px;
2628
+ -webkit-animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1);
2629
+ animation: fade-in-down 750ms cubic-bezier(0.19, 1, 0.22, 1)
2630
+ }
2631
+ form .form-button-group .form-button-status .gs-primary+p,
2632
+ div.gs-form .form-button-group .form-button-status .gs-primary+p {
2633
+ color: #339ed5
2634
+ }
2635
+ form .form-button-group .form-button-status .gs-success+p,
2636
+ div.gs-form .form-button-group .form-button-status .gs-success+p {
2637
+ color: #85b023
2638
+ }
2639
+ form .form-button-group .form-button-status .gs-error+p,
2640
+ div.gs-form .form-button-group .form-button-status .gs-error+p {
2641
+ color: #d36c65
2642
+ }
2643
+ form .form-button-group.fixed,
2644
+ div.gs-form .form-button-group.fixed {
2645
+ max-width: 925px;
2646
+ width: 100%;
2647
+ background: #f3f3f3;
2648
+ padding: 30px 0;
2649
+ position: fixed;
2650
+ bottom: 0;
2651
+ left: 50%;
2652
+ z-index: 4;
2653
+ -webkit-transform: translateX(-50%);
2654
+ -ms-transform: translateX(-50%);
2655
+ transform: translateX(-50%);
2656
+ box-shadow: 0 -20px 30px -30px rgba(0, 0, 0, 0.5);
2657
+ -webkit-animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1);
2658
+ animation: push-up 750ms cubic-bezier(0.19, 1, 0.22, 1)
2659
+ }
2660
+ form .extra-notes,
2661
+ div.gs-form .extra-notes {
2662
+ padding-top: 15px
2663
+ }
2664
+ form .extra-notes .fa-asterisk,
2665
+ div.gs-form .extra-notes .fa-asterisk {
2666
+ font-size: 16px;
2667
+ color: #339ed5
2668
+ }
2669
+ .edit_exclusion+.edit_exclusion,
2670
+ .new_exclusion {
2671
+ margin-top: 30px
2672
+ }
2673
+ .form-content {
2674
+ background: #fff;
2675
+ border: 1px solid #e1e1e1;
2676
+ overflow: hidden;
2677
+ border-radius: 4px
2678
+ }
2679
+ .form-content.free-content {
2680
+ padding: 30px
2681
+ }
2682
+ .form-content.show-content {
2683
+ overflow: visible
2684
+ }
2685
+ .form-content.show-content .field-group:first-child .field-label {
2686
+ border-top-left-radius: 3px
2687
+ }
2688
+ .form-content.show-content .field-group:first-child .field-input {
2689
+ border-top-right-radius: 3px
2690
+ }
2691
+ .form-content.show-content .field-group:last-child .field-label {
2692
+ border-bottom-left-radius: 3px
2693
+ }
2694
+ .form-content.show-content .field-group:last-child .field-input {
2695
+ border-bottom-right-radius: 3px
2696
+ }
2697
+ .gs-button {
2698
+ font-weight: 600;
2699
+ color: #fff;
2700
+ border: 2px solid transparent;
2701
+ padding: 4px 13px 6px;
2702
+ border-radius: 4px;
2703
+ -webkit-transition: all 200ms;
2704
+ transition: all 200ms
2705
+ }
2706
+ .gs-button i {
2707
+ margin-right: 4px
2708
+ }
2709
+ .gs-button.special {
2710
+ color: #efc520
2711
+ }
2712
+ .gs-button.special:not(.trans) {
2713
+ background: #efc520
2714
+ }
2715
+ .gs-button.special.trans.border {
2716
+ border-color: #efc520
2717
+ }
2718
+ .gs-button.dark {
2719
+ color: #606060
2720
+ }
2721
+ .gs-button.dark:hover {
2722
+ color: #339ed5
2723
+ }
2724
+ .gs-button.grey {
2725
+ color: #606060;
2726
+ background: #f6f6f6
2727
+ }
2728
+ .gs-button.grey:hover {
2729
+ background: #e3e3e3
2730
+ }
2731
+ .gs-button.disabled {
2732
+ color: #aaa;
2733
+ background: #eee
2734
+ }
2735
+ .gs-button:not(.pricing-plan).plan-two:not(.trans) {
2736
+ background: #f29809
2737
+ }
2738
+ .gs-button:not(.pricing-plan).plan-two:not(.trans):hover {
2739
+ background: #cb7f08
2740
+ }
2741
+ .gs-button:not(.pricing-plan).plan-two.trans {
2742
+ color: #f29809
2743
+ }
2744
+ .gs-button:not(.pricing-plan).plan-two.trans.border {
2745
+ border-color: #f29809
2746
+ }
2747
+ .gs-button:not(.pricing-plan).plan-two.trans:hover {
2748
+ color: #f29809;
2749
+ border-color: #f29809
2750
+ }
2751
+ .gs-button:not(.pricing-plan).plan-three:not(.trans) {
2752
+ background: #dd5a7c
2753
+ }
2754
+ .gs-button:not(.pricing-plan).plan-three:not(.trans):hover {
2755
+ background: #d63861
2756
+ }
2757
+ .gs-button:not(.pricing-plan).plan-three.trans {
2758
+ color: #dd5a7c
2759
+ }
2760
+ .gs-button:not(.pricing-plan).plan-three.trans.border {
2761
+ border-color: #dd5a7c
2762
+ }
2763
+ .gs-button:not(.pricing-plan).plan-three.trans:hover {
2764
+ color: #dd5a7c;
2765
+ border-color: #dd5a7c
2766
+ }
2767
+ .gs-button:not(.pricing-plan).plan-four:not(.trans) {
2768
+ background: #9a58e6
2769
+ }
2770
+ .gs-button:not(.pricing-plan).plan-four:not(.trans):hover {
2771
+ background: #8535e1
2772
+ }
2773
+ .gs-button:not(.pricing-plan).plan-four.trans {
2774
+ color: #9a58e6
2775
+ }
2776
+ .gs-button:not(.pricing-plan).plan-four.trans.border {
2777
+ border-color: #9a58e6
2778
+ }
2779
+ .gs-button:not(.pricing-plan).plan-four.trans:hover {
2780
+ color: #9a58e6;
2781
+ border-color: #9a58e6
2782
+ }
2783
+ .gs-button.dropdown {
2784
+ width: 100%;
2785
+ font-family: "Source Sans Pro", sans-serif;
2786
+ font-size: 20px;
2787
+ font-weight: normal;
2788
+ background: #fff;
2789
+ border: 1px solid #ccc;
2790
+ padding: 3px 30px 5px 15px;
2791
+ position: relative
2792
+ }
2793
+ .gs-button.dropdown i {
2794
+ font-size: 16px;
2795
+ position: absolute;
2796
+ top: 10px;
2797
+ right: 10px;
2798
+ -webkit-transition: all 200ms ease-in-out;
2799
+ transition: all 200ms ease-in-out
2800
+ }
2801
+ .gs-button.dropdown.empty {
2802
+ font-style: italic;
2803
+ color: #ccc
2804
+ }
2805
+ .gs-button.dropdown.filled {
2806
+ color: #fff;
2807
+ background: #339ed5;
2808
+ border-color: #339ed5
2809
+ }
2810
+ .gs-button.dropdown.filled i {
2811
+ color: #88c6e6
2812
+ }
2813
+ .gs-button.dropdown.filled:hover {
2814
+ background: #2687b9;
2815
+ border-color: #2687b9
2816
+ }
2817
+ .gs-button.dropdown.active {
2818
+ color: #606060;
2819
+ border-color: #339ed5;
2820
+ box-shadow: inset 0 0 3px #b2daef
2821
+ }
2822
+ .gs-button.dropdown.active i {
2823
+ -webkit-transform-origin: 50% 45%;
2824
+ -ms-transform-origin: 50% 45%;
2825
+ transform-origin: 50% 45%;
2826
+ -webkit-transform: rotate(180deg);
2827
+ -ms-transform: rotate(180deg);
2828
+ transform: rotate(180deg)
2829
+ }
2830
+ .gs-button.dropdown:hover {
2831
+ background: #f9f9f9
2832
+ }
2833
+ .gs-button.pricing-plan {
2834
+ min-width: 100px;
2835
+ font-size: 20px;
2836
+ font-weight: 600;
2837
+ color: #fff;
2838
+ border: 0;
2839
+ text-shadow: 0 1px rgba(0, 0, 0, 0.25);
2840
+ padding: 6px 15px;
2841
+ border-radius: 4px;
2842
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 0 transparent;
2843
+ -webkit-transition: all 200ms;
2844
+ transition: all 200ms
2845
+ }
2846
+ .gs-button.pricing-plan.plan-one {
2847
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6
2848
+ }
2849
+ .gs-button.pricing-plan.plan-two {
2850
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6
2851
+ }
2852
+ .gs-button.pricing-plan.plan-three {
2853
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6
2854
+ }
2855
+ .gs-button.pricing-plan.plan-four {
2856
+ background: #339ed5, #f29809, #dd5a7c, #9a58e6
2857
+ }
2858
+ .gs-button.gs-primary:not(.trans) {
2859
+ background: #339ed5
2860
+ }
2861
+ .gs-button.gs-primary.trans {
2862
+ color: #339ed5
2863
+ }
2864
+ .gs-button.gs-primary.trans.border {
2865
+ border-color: #339ed5
2866
+ }
2867
+ .gs-button.gs-success:not(.trans) {
2868
+ background: #85b023
2869
+ }
2870
+ .gs-button.gs-success.trans {
2871
+ color: #85b023
2872
+ }
2873
+ .gs-button.gs-success.trans.border {
2874
+ border-color: #85b023
2875
+ }
2876
+ .gs-button.gs-error:not(.trans) {
2877
+ background: #d36c65
2878
+ }
2879
+ .gs-button.gs-error.trans {
2880
+ color: #d36c65
2881
+ }
2882
+ .gs-button.gs-error.trans.border {
2883
+ border-color: #d36c65
2884
+ }
2885
+ .gs-button.white {
2886
+ color: #606060;
2887
+ background: #fff;
2888
+ border-width: 3px;
2889
+ border-style: solid;
2890
+ border-color: transparent;
2891
+ -webkit-transition: all 200ms;
2892
+ transition: all 200ms
2893
+ }
2894
+ .gs-button.white:hover {
2895
+ border-color: #606060
2896
+ }
2897
+ a.gs-button.special:not(.trans):hover,
2898
+ input.gs-button.special:not(.trans):hover,
2899
+ button.gs-button.special:not(.trans):hover {
2900
+ background: #d7ae0f
2901
+ }
2902
+ a.gs-button.special.trans.border:hover,
2903
+ input.gs-button.special.trans.border:hover,
2904
+ button.gs-button.special.trans.border:hover {
2905
+ color: #d7ae0f;
2906
+ border-color: #d7ae0f
2907
+ }
2908
+ a.gs-button.dark,
2909
+ input.gs-button.dark,
2910
+ button.gs-button.dark {
2911
+ color: #606060
2912
+ }
2913
+ a.gs-button.dark:hover,
2914
+ input.gs-button.dark:hover,
2915
+ button.gs-button.dark:hover {
2916
+ color: #339ed5
2917
+ }
2918
+ a.gs-button.pricing-plan.plan-one:hover,
2919
+ input.gs-button.pricing-plan.plan-one:hover,
2920
+ button.gs-button.pricing-plan.plan-one:hover {
2921
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #1e6b93
2922
+ }
2923
+ a.gs-button.pricing-plan.plan-two:hover,
2924
+ input.gs-button.pricing-plan.plan-two:hover,
2925
+ button.gs-button.pricing-plan.plan-two:hover {
2926
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #9e6306
2927
+ }
2928
+ a.gs-button.pricing-plan.plan-three:hover,
2929
+ input.gs-button.pricing-plan.plan-three:hover,
2930
+ button.gs-button.pricing-plan.plan-three:hover {
2931
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #ba264d
2932
+ }
2933
+ a.gs-button.pricing-plan.plan-four:hover,
2934
+ input.gs-button.pricing-plan.plan-four:hover,
2935
+ button.gs-button.pricing-plan.plan-four:hover {
2936
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 0 0 3px #6e1ec9
2937
+ }
2938
+ a.gs-button.gs-primary:not(.trans):hover,
2939
+ input.gs-button.gs-primary:not(.trans):hover,
2940
+ button.gs-button.gs-primary:not(.trans):hover {
2941
+ background: #2687b9
2942
+ }
2943
+ a.gs-button.gs-primary.trans:hover,
2944
+ input.gs-button.gs-primary.trans:hover,
2945
+ button.gs-button.gs-primary.trans:hover {
2946
+ border-color: #339ed5
2947
+ }
2948
+ a.gs-button.gs-success:not(.trans):hover,
2949
+ input.gs-button.gs-success:not(.trans):hover,
2950
+ button.gs-button.gs-success:not(.trans):hover {
2951
+ background: #6b8e1c
2952
+ }
2953
+ a.gs-button.gs-success.trans:hover,
2954
+ input.gs-button.gs-success.trans:hover,
2955
+ button.gs-button.gs-success.trans:hover {
2956
+ border-color: #85b023
2957
+ }
2958
+ a.gs-button.gs-error:not(.trans):hover,
2959
+ input.gs-button.gs-error:not(.trans):hover,
2960
+ button.gs-button.gs-error:not(.trans):hover {
2961
+ background: #ca4e45
2962
+ }
2963
+ a.gs-button.gs-error.trans:hover,
2964
+ input.gs-button.gs-error.trans:hover,
2965
+ button.gs-button.gs-error.trans:hover {
2966
+ border-color: #d36c65
2967
+ }
2968
+ .checkbox {
2969
+ position: relative
2970
+ }
2971
+ .checkbox input {
2972
+ height: 34px;
2973
+ background: transparent;
2974
+ position: absolute;
2975
+ margin: 0;
2976
+ opacity: 0;
2977
+ z-index: 1
2978
+ }
2979
+ .checkbox input:hover {
2980
+ cursor: pointer
2981
+ }
2982
+ .checkbox input+.checkbox-btn {
2983
+ background: #ccc
2984
+ }
2985
+ .checkbox input+.checkbox-btn:after {
2986
+ left: 0;
2987
+ -webkit-transform: translate(2px, 0);
2988
+ -ms-transform: translate(2px, 0);
2989
+ transform: translate(2px, 0)
2990
+ }
2991
+ .checkbox input:checked+.checkbox-btn:after {
2992
+ left: 100%;
2993
+ -webkit-transform: translate(-32px, 0);
2994
+ -ms-transform: translate(-32px, 0);
2995
+ transform: translate(-32px, 0)
2996
+ }
2997
+ .checkbox input:checked+.checkbox-btn.gs-primary {
2998
+ background: #339ed5
2999
+ }
3000
+ .checkbox input:checked+.checkbox-btn.gs-success {
3001
+ background: #85b023
3002
+ }
3003
+ .checkbox input:checked+.checkbox-btn.gs-error {
3004
+ background: #d36c65
3005
+ }
3006
+ .checkbox input:hover,
3007
+ .checkbox input:focus {
3008
+ cursor: pointer
3009
+ }
3010
+ .checkbox input:hover+.checkbox-btn,
3011
+ .checkbox input:focus+.checkbox-btn {
3012
+ background: #b8b8b8
3013
+ }
3014
+ .checkbox input:hover:checked+.checkbox-btn.gs-primary,
3015
+ .checkbox input:focus:checked+.checkbox-btn.gs-primary {
3016
+ background: #2687b9
3017
+ }
3018
+ .checkbox input:hover:checked+.checkbox-btn.gs-success,
3019
+ .checkbox input:focus:checked+.checkbox-btn.gs-success {
3020
+ background: #6b8e1c
3021
+ }
3022
+ .checkbox input:hover:checked+.checkbox-btn.gs-error,
3023
+ .checkbox input:focus:checked+.checkbox-btn.gs-error {
3024
+ background: #ca4e45
3025
+ }
3026
+ .checkbox .checkbox-btn {
3027
+ width: 75px;
3028
+ font-weight: 600;
3029
+ padding: 7px 15px 9px;
3030
+ display: inline-block;
3031
+ position: relative;
3032
+ overflow: hidden;
3033
+ border-radius: 100px;
3034
+ -webkit-transition: all 200ms;
3035
+ transition: all 200ms
3036
+ }
3037
+ .checkbox .checkbox-btn *,
3038
+ .checkbox .checkbox-btn:after {
3039
+ -webkit-transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1);
3040
+ transition: all 350ms cubic-bezier(0.19, 1, 0.22, 1)
3041
+ }
3042
+ .checkbox .checkbox-btn span:first-child {
3043
+ margin-right: -8px;
3044
+ -webkit-transform: translate(30px, 0);
3045
+ -ms-transform: translate(30px, 0);
3046
+ transform: translate(30px, 0)
3047
+ }
3048
+ .checkbox .checkbox-btn span:last-child {
3049
+ margin-left: 8px;
3050
+ -webkit-transform: translate(-30px, 0);
3051
+ -ms-transform: translate(-30px, 0);
3052
+ transform: translate(-30px, 0)
3053
+ }
3054
+ .checkbox .checkbox-btn span:not(.active) {
3055
+ opacity: 0
3056
+ }
3057
+ .checkbox .checkbox-btn span.active {
3058
+ color: #fff;
3059
+ -webkit-transform: translate(0, 0);
3060
+ -ms-transform: translate(0, 0);
3061
+ transform: translate(0, 0)
3062
+ }
3063
+ .checkbox .checkbox-btn:after {
3064
+ width: 30px;
3065
+ height: 30px;
3066
+ background: #fff;
3067
+ content: "";
3068
+ position: absolute;
3069
+ top: 2px;
3070
+ border-radius: 100%
3071
+ }
3072
+ .checkbox.checkbox-margin {
3073
+ margin-left: 10px
3074
+ }
3075
+ .field-label .checkbox {
3076
+ margin-top: 8px
3077
+ }
3078
+ .field-label .checkbox .checkbox-btn {
3079
+ width: initial;
3080
+ padding: 5px 13px 7px
3081
+ }
3082
+ .field-label .checkbox .checkbox-btn:after {
3083
+ width: 26px;
3084
+ height: 26px
3085
+ }
3086
+ .field-label .checkbox .checkbox-btn span:first-child {
3087
+ padding-right: 8px
3088
+ }
3089
+ .field-label .checkbox .checkbox-btn span:last-child {
3090
+ padding-left: 8px;
3091
+ margin-left: -8px
3092
+ }
3093
+ .field-label .checkbox.long {
3094
+ margin-left: -15px
3095
+ }
3096
+ .field-label .checkbox.long span:first-child {
3097
+ padding-right: 0
3098
+ }
3099
+ .field-label .checkbox.long span:last-child {
3100
+ padding-left: 0
3101
+ }
3102
+ .field-label .checkbox input {
3103
+ height: 30px
3104
+ }
3105
+ .field-label .checkbox input:checked+.checkbox-btn:after {
3106
+ -webkit-transform: translate(-28px, 0);
3107
+ -ms-transform: translate(-28px, 0);
3108
+ transform: translate(-28px, 0)
3109
+ }
3110
+ .checkbox-inline input {
3111
+ width: auto !important;
3112
+ margin: 0 4px 0 0;
3113
+ top: 1px !important
3114
+ }
3115
+ .checkbox-inline:hover {
3116
+ cursor: pointer
3117
+ }
3118
+ .tab-selector {
3119
+ border-right: 1px solid #e1e1e1;
3120
+ padding-top: 30px !important;
3121
+ padding-right: 10px !important
3122
+ }
3123
+ .tab-selector a {
3124
+ border-width: 1px 0 1px 1px;
3125
+ border-style: solid;
3126
+ border-color: transparent;
3127
+ padding: 8px 14px 8px 11px;
3128
+ margin: 1px -11px 1px 0;
3129
+ display: inline-block;
3130
+ float: right;
3131
+ border-radius: 4px 0 0 4px
3132
+ }
3133
+ .tab-selector a,
3134
+ .tab-selector a * {
3135
+ -webkit-transition: all 200ms;
3136
+ transition: all 200ms
3137
+ }
3138
+ .tab-selector a img {
3139
+ border-radius: 3px
3140
+ }
3141
+ .tab-selector a:hover {
3142
+ background: #ebebeb
3143
+ }
3144
+ .tab-selector a.active {
3145
+ background: #fff;
3146
+ border-color: #e1e1e1;
3147
+ pointer-events: none
3148
+ }
3149
+ .tab-selector a.active img {
3150
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.35)
3151
+ }
3152
+ .toggle {
3153
+ border: 1px solid #b2daef;
3154
+ display: inline-block;
3155
+ position: relative;
3156
+ border-radius: 4px
3157
+ }
3158
+ .toggle a {
3159
+ font-size: 16px;
3160
+ color: #7bc0e4;
3161
+ padding: 8px 16px 10px;
3162
+ margin: -1px;
3163
+ display: inline-block;
3164
+ border-radius: 4px;
3165
+ -webkit-transition: all 300ms ease-in-out;
3166
+ transition: all 300ms ease-in-out
3167
+ }
3168
+ .toggle a:first-child {
3169
+ margin-right: 0
3170
+ }
3171
+ .toggle a:last-child {
3172
+ margin-left: 0
3173
+ }
3174
+ .toggle a.active {
3175
+ font-weight: 600;
3176
+ color: #fff !important;
3177
+ background: #339ed5;
3178
+ pointer-events: none;
3179
+ cursor: default !important;
3180
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25)
3181
+ }
3182
+ .toggle a:hover {
3183
+ color: #339ed5
3184
+ }
3185
+ .gs-button-big {
3186
+ font-size: 20px;
3187
+ font-weight: 600;
3188
+ color: #fff;
3189
+ background: #666;
3190
+ padding: 13px 20px 15px;
3191
+ display: inline-block;
3192
+ position: relative;
3193
+ border-radius: 4px;
3194
+ -webkit-transition: all 200ms;
3195
+ transition: all 200ms
3196
+ }
3197
+ .gs-button-big i {
3198
+ margin: 0 5px 0 -10px;
3199
+ position: relative;
3200
+ bottom: -1px
3201
+ }
3202
+ .gs-button-big.cta {
3203
+ box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2)
3204
+ }
3205
+ .gs-button-big.extra>span:not(.note) {
3206
+ font-size: 16px;
3207
+ font-weight: 600;
3208
+ color: rgba(255, 255, 255, 0.75);
3209
+ text-transform: uppercase;
3210
+ white-space: nowrap;
3211
+ margin-top: 3px;
3212
+ position: absolute;
3213
+ top: 100%;
3214
+ left: 50%;
3215
+ -webkit-transform: translateX(-50%);
3216
+ -ms-transform: translateX(-50%);
3217
+ transform: translateX(-50%)
3218
+ }
3219
+ .gs-button-big>i.fa-angle-left {
3220
+ font-size: 30px;
3221
+ margin: 0 5px 0 -5px;
3222
+ position: relative;
3223
+ bottom: -2px
3224
+ }
3225
+ .gs-button-big.primary {
3226
+ background: #339ed5
3227
+ }
3228
+ .gs-button-big.primary:hover {
3229
+ background: #2687b9
3230
+ }
3231
+ .gs-button-big.simple {
3232
+ background: transparent;
3233
+ border: 2px solid transparent;
3234
+ padding: 8px 23px 10px;
3235
+ box-shadow: none
3236
+ }
3237
+ .gs-button-big.simple:hover {
3238
+ border-color: #fff
3239
+ }
3240
+ .gs-button-big.pricing-plan:not(.trans) {
3241
+ color: #fff
3242
+ }
3243
+ .gs-button-big.pricing-plan:not(.trans).plan-one {
3244
+ background: #339ed5
3245
+ }
3246
+ .gs-button-big.pricing-plan:not(.trans).plan-one:hover {
3247
+ background: #2481b1
3248
+ }
3249
+ .gs-button-big.pricing-plan:not(.trans).plan-two {
3250
+ background: #f29809
3251
+ }
3252
+ .gs-button-big.pricing-plan:not(.trans).plan-two:hover {
3253
+ background: #c17907
3254
+ }
3255
+ .gs-button-big.pricing-plan:not(.trans).plan-three {
3256
+ background: #dd5a7c
3257
+ }
3258
+ .gs-button-big.pricing-plan:not(.trans).plan-three:hover {
3259
+ background: #d4305a
3260
+ }
3261
+ .gs-button-big.pricing-plan:not(.trans).plan-four {
3262
+ background: #9a58e6
3263
+ }
3264
+ .gs-button-big.pricing-plan:not(.trans).plan-four:hover {
3265
+ background: #7f2cdf
3266
+ }
3267
+ .gs-button-big.pricing-plan.trans {
3268
+ background: #fff
3269
+ }
3270
+ .gs-button-big.pricing-plan.trans.plan-one {
3271
+ color: #339ed5
3272
+ }
3273
+ .gs-button-big.pricing-plan.trans.plan-one.border {
3274
+ border: 1px solid #339ed5
3275
+ }
3276
+ .gs-button-big.pricing-plan.trans.plan-one:hover {
3277
+ color: #fff;
3278
+ background: #339ed5
3279
+ }
3280
+ .gs-button-big.pricing-plan.trans.plan-two {
3281
+ color: #f29809
3282
+ }
3283
+ .gs-button-big.pricing-plan.trans.plan-two.border {
3284
+ border: 1px solid #f29809
3285
+ }
3286
+ .gs-button-big.pricing-plan.trans.plan-two:hover {
3287
+ color: #fff;
3288
+ background: #f29809
3289
+ }
3290
+ .gs-button-big.pricing-plan.trans.plan-three {
3291
+ color: #dd5a7c
3292
+ }
3293
+ .gs-button-big.pricing-plan.trans.plan-three.border {
3294
+ border: 1px solid #dd5a7c
3295
+ }
3296
+ .gs-button-big.pricing-plan.trans.plan-three:hover {
3297
+ color: #fff;
3298
+ background: #dd5a7c
3299
+ }
3300
+ .gs-button-big.pricing-plan.trans.plan-four {
3301
+ color: #9a58e6
3302
+ }
3303
+ .gs-button-big.pricing-plan.trans.plan-four.border {
3304
+ border: 1px solid #9a58e6
3305
+ }
3306
+ .gs-button-big.pricing-plan.trans.plan-four:hover {
3307
+ color: #fff;
3308
+ background: #9a58e6
3309
+ }
3310
+ .primary-dark {
3311
+ background: #1c6286
3312
+ }
3313
+ .primary-dark:hover {
3314
+ background: #2481b1
3315
+ }
3316
+ .orange {
3317
+ background: #f29809
3318
+ }
3319
+ .orange:hover {
3320
+ background: #cb7f08
3321
+ }
3322
+ .green {
3323
+ background: #8db13d
3324
+ }
3325
+ .green:hover {
3326
+ background: #759333
3327
+ }
3328
+ .form .form-content .field-group.field-alert p,
3329
+ .form .form-content .field-group.field-alert p.alert-title {
3330
+ color: #fff
3331
+ }
3332
+ .form .form-content .field-group.field-alert p.alert-title {
3333
+ font-size: 16px;
3334
+ font-weight: bold;
3335
+ margin-bottom: 5px
3336
+ }
3337
+ .form .form-content .field-group.field-alert .field-label {
3338
+ height: 100%;
3339
+ padding: 0
3340
+ }
3341
+ .form .form-content .field-group.field-alert .field-label:before {
3342
+ font-family: "FontAwesome";
3343
+ font-size: 38px;
3344
+ display: inline-block;
3345
+ position: absolute;
3346
+ top: 50%;
3347
+ left: 50%;
3348
+ margin: -19px 0 0 -16px
3349
+ }
3350
+ .form .form-content .field-group.field-alert .field-input {
3351
+ font-size: 14px;
3352
+ font-weight: 600;
3353
+ color: #fff;
3354
+ line-height: 15px;
3355
+ padding: 20px 30px
3356
+ }
3357
+ .form .form-content .field-group.field-alert.gs-primary {
3358
+ background: #339ed5
3359
+ }
3360
+ .form .form-content .field-group.field-alert.gs-primary .field-label {
3361
+ color: #7fc2e5;
3362
+ background: #288dc2
3363
+ }
3364
+ .form .form-content .field-group.field-alert.gs-primary .field-label:before {
3365
+ content: ""
3366
+ }
3367
+ .form .form-content .field-group.field-alert.gs-success {
3368
+ background: #85b023
3369
+ }
3370
+ .form .form-content .field-group.field-alert.gs-success .field-label {
3371
+ color: #b2dd52;
3372
+ background: #72961e
3373
+ }
3374
+ .form .form-content .field-group.field-alert.gs-success .field-label:before {
3375
+ content: ""
3376
+ }
3377
+ .form .form-content .field-group.field-alert.gs-error {
3378
+ background: #d36c65
3379
+ }
3380
+ .form .form-content .field-group.field-alert.gs-error .field-label {
3381
+ color: #e7b0ac;
3382
+ background: #cc554d
3383
+ }
3384
+ .form .form-content .field-group.field-alert.gs-error .field-label:before {
3385
+ content: ""
3386
+ }
3387
+ .form .form-content .field-group.field-alert.white {
3388
+ background: #fff
3389
+ }
3390
+ .form .form-content .field-group.field-alert.white .field-label {
3391
+ color: #339ed5;
3392
+ background: #f1f8fc
3393
+ }
3394
+ .form .form-content .field-group.field-alert.white .field-label:before {
3395
+ content: ""
3396
+ }
3397
+ .form .form-content .field-group.field-alert.white .field-input p,
3398
+ .form .form-content .field-group.field-alert.white .field-input p.alert-title {
3399
+ color: #339ed5
3400
+ }
3401
+ .large+div .content-wrapper .options-details:first-child {
3402
+ margin-top: -33px
3403
+ }
3404
+ @-webkit-keyframes fade-in-up {
3405
+ 0% {
3406
+ -webkit-transform: translateY(30px);
3407
+ opacity: 0
3408
+ }
3409
+ 100% {
3410
+ -webkit-transform: translateY(0);
3411
+ opacity: 1
3412
+ }
3413
+ }
3414
+ @keyframes fade-in-up {
3415
+ 0% {
3416
+ transform: translateY(30px);
3417
+ opacity: 0
3418
+ }
3419
+ 100% {
3420
+ transform: translateY(0);
3421
+ opacity: 1
3422
+ }
3423
+ }
3424
+ @-webkit-keyframes fade-in-down {
3425
+ 0% {
3426
+ -webkit-transform: translateY(-30px);
3427
+ opacity: 0
3428
+ }
3429
+ 100% {
3430
+ -webkit-transform: translateY(0);
3431
+ opacity: 1
3432
+ }
3433
+ }
3434
+ @keyframes fade-in-down {
3435
+ 0% {
3436
+ transform: translateY(-30px);
3437
+ opacity: 0
3438
+ }
3439
+ 100% {
3440
+ transform: translateY(0);
3441
+ opacity: 1
3442
+ }
3443
+ }
3444
+ @-webkit-keyframes fade-out-up {
3445
+ 0% {
3446
+ -webkit-transform: translateY(0);
3447
+ opacity: 1
3448
+ }
3449
+ 100% {
3450
+ -webkit-transform: translateY(-30px);
3451
+ opacity: 0
3452
+ }
3453
+ }
3454
+ @keyframes fade-out-up {
3455
+ 0% {
3456
+ transform: translateY(0);
3457
+ opacity: 1
3458
+ }
3459
+ 100% {
3460
+ transform: translateY(-30px);
3461
+ opacity: 0
3462
+ }
3463
+ }
3464
+ @-webkit-keyframes opacity-in {
3465
+ 0% {
3466
+ opacity: 0
3467
+ }
3468
+ 100% {
3469
+ opacity: 1
3470
+ }
3471
+ }
3472
+ @keyframes opacity-in {
3473
+ 0% {
3474
+ opacity: 0
3475
+ }
3476
+ 100% {
3477
+ opacity: 1
3478
+ }
3479
+ }
3480
+ @-webkit-keyframes opacity-out {
3481
+ 0% {
3482
+ opacity: 1
3483
+ }
3484
+ 100% {
3485
+ opacity: 0
3486
+ }
3487
+ }
3488
+ @keyframes opacity-out {
3489
+ 0% {
3490
+ opacity: 1
3491
+ }
3492
+ 100% {
3493
+ opacity: 0
3494
+ }
3495
+ }
3496
+ .table-block {
3497
+ color: #606060;
3498
+ text-align: left;
3499
+ padding: 0 30px;
3500
+ margin-top: 56px;
3501
+ margin-bottom: 28px;
3502
+ line-height: 28px
3503
+ }
3504
+ .table-block table {
3505
+ width: 100%;
3506
+ margin-bottom: 84px
3507
+ }
3508
+ .table-block table thead {
3509
+ font-family: "Raleway", sans-serif;
3510
+ font-weight: 800;
3511
+ font-size: 32px;
3512
+ line-height: 84px;
3513
+ text-align: center
3514
+ }
3515
+ .table-block table thead th:first-child {
3516
+ width: 25%
3517
+ }
3518
+ .table-block table thead th:not(:first-child) {
3519
+ width: 15%;
3520
+ background: #f3f3f3;
3521
+ padding: 28px 5px;
3522
+ line-height: 28px;
3523
+ vertical-align: middle
3524
+ }
3525
+ .table-block table thead th:not(:first-child) img {
3526
+ max-width: 184px;
3527
+ margin-bottom: -23px
3528
+ }
3529
+ .table-block table thead th:nth-child(2) {
3530
+ border-radius: 4px 0 0 0
3531
+ }
3532
+ .table-block table thead th:last-child {
3533
+ border-radius: 0 4px 0 0
3534
+ }
3535
+ .table-block table tbody tr:first-child td .feature-label {
3536
+ border-top-width: 1px;
3537
+ padding-top: 27px;
3538
+ border-radius: 4px 0 0 0
3539
+ }
3540
+ .table-block table tbody tr:first-child.help td .feature-label:before {
3541
+ top: 26px !important
3542
+ }
3543
+ .table-block table tbody tr:nth-last-child(2) td .feature-label {
3544
+ border-bottom-width: 1px
3545
+ }
3546
+ .table-block table tbody tr:nth-last-child(2) td:first-child,
3547
+ .table-block table tbody tr:nth-last-child(2) td .feature-label {
3548
+ border-radius: 0 0 0 4px
3549
+ }
3550
+ .table-block table tbody tr:nth-last-child(2) td:last-child {
3551
+ border-radius: 0 0 4px 0
3552
+ }
3553
+ .table-block table tbody tr:nth-child(odd) td:not(:first-child) {
3554
+ background: #fafafa
3555
+ }
3556
+ .table-block table tbody tr:nth-child(odd) td:not(:first-child).on {
3557
+ background: #9bc048 !important
3558
+ }
3559
+ .table-block table tbody tr:nth-child(even) td:not(:first-child) {
3560
+ background: #f3f3f3
3561
+ }
3562
+ .table-block table tbody tr:nth-child(even) td:not(:first-child).on {
3563
+ background: #8db13d !important
3564
+ }
3565
+ .table-block table tbody tr.help td .feature-label {
3566
+ position: relative
3567
+ }
3568
+ .table-block table tbody tr.help td .feature-label>p {
3569
+ font-size: 16px;
3570
+ color: #999;
3571
+ line-height: 21px;
3572
+ margin: 0;
3573
+ padding: 14px 0 28px;
3574
+ display: none
3575
+ }
3576
+ .table-block table tbody tr.help td .feature-label:before {
3577
+ width: 30px;
3578
+ height: 30px;
3579
+ font-family: "FontAwesome";
3580
+ font-size: 20px;
3581
+ color: #ddd;
3582
+ background: #fff;
3583
+ text-align: center;
3584
+ content: "";
3585
+ display: inline-block;
3586
+ padding-top: 1px;
3587
+ box-sizing: border-box;
3588
+ position: absolute;
3589
+ top: 14px;
3590
+ left: -15px;
3591
+ border-radius: 100%
3592
+ }
3593
+ .table-block table tbody tr.help:hover,
3594
+ .table-block table tbody tr.help.active {
3595
+ cursor: pointer
3596
+ }
3597
+ .table-block table tbody tr.help:hover td .feature-label,
3598
+ .table-block table tbody tr.help.active td .feature-label {
3599
+ color: #339ed5;
3600
+ background: #f9f9f9
3601
+ }
3602
+ .table-block table tbody tr.help:hover td .feature-label:before,
3603
+ .table-block table tbody tr.help.active td .feature-label:before {
3604
+ color: #339ed5
3605
+ }
3606
+ .table-block table tbody tr.help:hover td:not(:first-child) i,
3607
+ .table-block table tbody tr.help.active td:not(:first-child) i {
3608
+ text-shadow: 0 3px 0 rgba(0, 0, 0, 0.05)
3609
+ }
3610
+ .table-block table tbody tr.price td:not(:first-child) {
3611
+ font-size: 25px;
3612
+ font-weight: bold
3613
+ }
3614
+ .table-block table tbody tr.price td:not(:first-child) span {
3615
+ font-size: 20px;
3616
+ font-weight: normal;
3617
+ margin-left: 4px
3618
+ }
3619
+ .table-block table tbody tr.gs-button-row td:not(:first-child) {
3620
+ background: transparent;
3621
+ border-right: none;
3622
+ padding: 2px 1px 0
3623
+ }
3624
+ .table-block table tbody tr.gs-button-row td:not(:first-child) a {
3625
+ margin-top: 0;
3626
+ display: block;
3627
+ border-radius: 0 0 4px 4px
3628
+ }
3629
+ .table-block table tbody td:not(:first-child) {
3630
+ text-align: center;
3631
+ vertical-align: middle
3632
+ }
3633
+ .table-block table tbody td:not(:first-child) i {
3634
+ display: block;
3635
+ -webkit-transform-origin: 50% 50%;
3636
+ -ms-transform-origin: 50% 50%;
3637
+ transform-origin: 50% 50%;
3638
+ -webkit-transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1);
3639
+ transition: all 250ms cubic-bezier(0.19, 1, 0.22, 1)
3640
+ }
3641
+ .table-block table tbody td:not(:first-child):not(:last-child) {
3642
+ border-right: 1px solid #e3e3e3
3643
+ }
3644
+ .table-block table tbody td:first-child {
3645
+ position: relative
3646
+ }
3647
+ .table-block table tbody td .feature-label {
3648
+ font-size: 18px;
3649
+ background: #fff;
3650
+ border-left-width: 1px;
3651
+ border-style: solid;
3652
+ border-color: #eee;
3653
+ padding: 14px 30px
3654
+ }
3655
+ .table-block table tbody td.on,
3656
+ .table-block table tbody td.off {
3657
+ font-size: 16px;
3658
+ font-weight: 600
3659
+ }
3660
+ .table-block table tbody td.on i,
3661
+ .table-block table tbody td.off i {
3662
+ font-size: 22px
3663
+ }
3664
+ .table-block table tbody td.on {
3665
+ color: #fff
3666
+ }
3667
+ .table-block table tbody td.off {
3668
+ color: #d36c65
3669
+ }
3670
+ @-webkit-keyframes fade-in-up {
3671
+ 0% {
3672
+ -webkit-transform: translateY(30px);
3673
+ opacity: 0
3674
+ }
3675
+ 100% {
3676
+ -webkit-transform: translateY(0);
3677
+ opacity: 1
3678
+ }
3679
+ }
3680
+ @keyframes fade-in-up {
3681
+ 0% {
3682
+ transform: translateY(30px);
3683
+ opacity: 0
3684
+ }
3685
+ 100% {
3686
+ transform: translateY(0);
3687
+ opacity: 1
3688
+ }
3689
+ }
3690
+ @-webkit-keyframes fade-in-down {
3691
+ 0% {
3692
+ -webkit-transform: translateY(-30px);
3693
+ opacity: 0
3694
+ }
3695
+ 100% {
3696
+ -webkit-transform: translateY(0);
3697
+ opacity: 1
3698
+ }
3699
+ }
3700
+ @keyframes fade-in-down {
3701
+ 0% {
3702
+ transform: translateY(-30px);
3703
+ opacity: 0
3704
+ }
3705
+ 100% {
3706
+ transform: translateY(0);
3707
+ opacity: 1
3708
+ }
3709
+ }
3710
+ @-webkit-keyframes fade-out-up {
3711
+ 0% {
3712
+ -webkit-transform: translateY(0);
3713
+ opacity: 1
3714
+ }
3715
+ 100% {
3716
+ -webkit-transform: translateY(-30px);
3717
+ opacity: 0
3718
+ }
3719
+ }
3720
+ @keyframes fade-out-up {
3721
+ 0% {
3722
+ transform: translateY(0);
3723
+ opacity: 1
3724
+ }
3725
+ 100% {
3726
+ transform: translateY(-30px);
3727
+ opacity: 0
3728
+ }
3729
+ }
3730
+ @-webkit-keyframes opacity-in {
3731
+ 0% {
3732
+ opacity: 0
3733
+ }
3734
+ 100% {
3735
+ opacity: 1
3736
+ }
3737
+ }
3738
+ @keyframes opacity-in {
3739
+ 0% {
3740
+ opacity: 0
3741
+ }
3742
+ 100% {
3743
+ opacity: 1
3744
+ }
3745
+ }
3746
+ @-webkit-keyframes opacity-out {
3747
+ 0% {
3748
+ opacity: 1
3749
+ }
3750
+ 100% {
3751
+ opacity: 0
3752
+ }
3753
+ }
3754
+ @keyframes opacity-out {
3755
+ 0% {
3756
+ opacity: 1
3757
+ }
3758
+ 100% {
3759
+ opacity: 0
3760
+ }
3761
+ }
3762
+ footer {
3763
+ text-align: center;
3764
+ overflow: hidden;
3765
+ padding-top: 96px
3766
+ }
3767
+ footer.editor {
3768
+ margin-bottom: 77px
3769
+ }
3770
+ footer #backToTop {
3771
+ width: 190px;
3772
+ height: 190px;
3773
+ font-size: 45px;
3774
+ color: #bbb;
3775
+ background: #e1e1e1;
3776
+ text-align: center;
3777
+ padding-top: 18px;
3778
+ margin-bottom: -110px;
3779
+ display: inline-block;
3780
+ border-radius: 100%;
3781
+ -webkit-transition: all 200ms ease-out;
3782
+ transition: all 200ms ease-out
3783
+ }
3784
+ footer #backToTop * {
3785
+ -webkit-transition-property: -webkit-transform, opacity;
3786
+ transition-property: transform, opacity;
3787
+ -webkit-transition-timing-function: ease-out;
3788
+ transition-timing-function: ease-out
3789
+ }
3790
+ footer #backToTop i {
3791
+ -webkit-transition-duration: 100ms;
3792
+ transition-duration: 100ms
3793
+ }
3794
+ footer #backToTop span {
3795
+ font-size: 16px;
3796
+ color: #fff;
3797
+ margin-top: 15px;
3798
+ display: block;
3799
+ opacity: 0;
3800
+ -webkit-transition-duration: 200ms;
3801
+ transition-duration: 200ms
3802
+ }
3803
+ footer #backToTop:hover {
3804
+ color: #fff;
3805
+ background: #339ed5;
3806
+ -webkit-transform: translate(0, -20px);
3807
+ -ms-transform: translate(0, -20px);
3808
+ transform: translate(0, -20px);
3809
+ box-shadow: 0 0 0 15px #e1e1e1
3810
+ }
3811
+ footer #backToTop:hover i {
3812
+ -webkit-transform: translate(0, -10px);
3813
+ -ms-transform: translate(0, -10px);
3814
+ transform: translate(0, -10px)
3815
+ }
3816
+ footer #backToTop:hover span {
3817
+ opacity: 1;
3818
+ -webkit-transform: translate(0, -30px);
3819
+ -ms-transform: translate(0, -30px);
3820
+ transform: translate(0, -30px)
3821
+ }
3822
+ @-webkit-keyframes fade-in-up {
3823
+ 0% {
3824
+ -webkit-transform: translateY(30px);
3825
+ opacity: 0
3826
+ }
3827
+ 100% {
3828
+ -webkit-transform: translateY(0);
3829
+ opacity: 1
3830
+ }
3831
+ }
3832
+ @keyframes fade-in-up {
3833
+ 0% {
3834
+ transform: translateY(30px);
3835
+ opacity: 0
3836
+ }
3837
+ 100% {
3838
+ transform: translateY(0);
3839
+ opacity: 1
3840
+ }
3841
+ }
3842
+ @-webkit-keyframes fade-in-down {
3843
+ 0% {
3844
+ -webkit-transform: translateY(-30px);
3845
+ opacity: 0
3846
+ }
3847
+ 100% {
3848
+ -webkit-transform: translateY(0);
3849
+ opacity: 1
3850
+ }
3851
+ }
3852
+ @keyframes fade-in-down {
3853
+ 0% {
3854
+ transform: translateY(-30px);
3855
+ opacity: 0
3856
+ }
3857
+ 100% {
3858
+ transform: translateY(0);
3859
+ opacity: 1
3860
+ }
3861
+ }
3862
+ @-webkit-keyframes fade-out-up {
3863
+ 0% {
3864
+ -webkit-transform: translateY(0);
3865
+ opacity: 1
3866
+ }
3867
+ 100% {
3868
+ -webkit-transform: translateY(-30px);
3869
+ opacity: 0
3870
+ }
3871
+ }
3872
+ @keyframes fade-out-up {
3873
+ 0% {
3874
+ transform: translateY(0);
3875
+ opacity: 1
3876
+ }
3877
+ 100% {
3878
+ transform: translateY(-30px);
3879
+ opacity: 0
3880
+ }
3881
+ }
3882
+ @-webkit-keyframes opacity-in {
3883
+ 0% {
3884
+ opacity: 0
3885
+ }
3886
+ 100% {
3887
+ opacity: 1
3888
+ }
3889
+ }
3890
+ @keyframes opacity-in {
3891
+ 0% {
3892
+ opacity: 0
3893
+ }
3894
+ 100% {
3895
+ opacity: 1
3896
+ }
3897
+ }
3898
+ @-webkit-keyframes opacity-out {
3899
+ 0% {
3900
+ opacity: 1
3901
+ }
3902
+ 100% {
3903
+ opacity: 0
3904
+ }
3905
+ }
3906
+ @keyframes opacity-out {
3907
+ 0% {
3908
+ opacity: 1
3909
+ }
3910
+ 100% {
3911
+ opacity: 0
3912
+ }
3913
+ }
3914
+ .app-group {
3915
+ background: #e4e4e4;
3916
+ margin: 0 15px 60px;
3917
+ overflow: hidden;
3918
+ border-radius: 4px;
3919
+ -webkit-transition: all 200ms;
3920
+ transition: all 200ms
3921
+ }
3922
+ .app-group:last-child {
3923
+ margin-bottom: 0
3924
+ }
3925
+ .app-group.active+.alert-block {
3926
+ margin-top: -30px
3927
+ }
3928
+ .app-group:not(.active) {
3929
+ margin-bottom: 15px
3930
+ }
3931
+ .app-group:not(.active)+.alert-block {
3932
+ margin-top: 30px
3933
+ }
3934
+ .app-group .app-group-title {
3935
+ padding: 15px 15px 17px;
3936
+ position: relative
3937
+ }
3938
+ .app-group .app-group-title h2 {
3939
+ font-family: "Raleway", sans-serif;
3940
+ font-weight: 800;
3941
+ font-size: 22px;
3942
+ color: #999
3943
+ }
3944
+ .app-group .app-group-title h2>span {
3945
+ font-family: "Source Sans Pro", sans-serif;
3946
+ font-size: 16px;
3947
+ color: #bdbdbd;
3948
+ margin-left: 7px
3949
+ }
3950
+ .app-group .app-group-title a.app-group-toggle {
3951
+ color: #bdbdbd;
3952
+ position: absolute;
3953
+ top: 0;
3954
+ left: 0;
3955
+ right: 0;
3956
+ bottom: 0
3957
+ }
3958
+ .app-group .app-group-title a.app-group-toggle>i {
3959
+ position: absolute;
3960
+ top: 18px;
3961
+ right: 20px
3962
+ }
3963
+ .app-group .app-group-title a.app-group-toggle>span {
3964
+ display: none
3965
+ }
3966
+ .app-group .app-group-title a.app-group-toggle:hover {
3967
+ color: #999;
3968
+ background: rgba(255, 255, 255, 0.25)
3969
+ }
3970
+ .app-grid {
3971
+ padding-top: 120px;
3972
+ margin: 0 -30px
3973
+ }
3974
+ .app-grid:nth-child(2) .app-grid-titles-wrapper {
3975
+ border-top-width: 0
3976
+ }
3977
+ .app-grid .app-link-wrapper {
3978
+ width: 25%;
3979
+ padding: 22px 15px 20px;
3980
+ float: left;
3981
+ position: relative
3982
+ }
3983
+ .app-grid .app-link-wrapper * {
3984
+ -webkit-transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1);
3985
+ transition: all 250ms cubic-bezier(0.185, 0.295, 0.325, 1)
3986
+ }
3987
+ .app-grid .app-link-wrapper .app-badge-group,
3988
+ .app-grid .app-link-wrapper .nocode {
3989
+ position: absolute;
3990
+ top: 7px;
3991
+ z-index: 2
3992
+ }
3993
+ .app-grid .app-link-wrapper .app-badge-group {
3994
+ text-align: right;
3995
+ position: absolute;
3996
+ right: 7px
3997
+ }
3998
+ .app-grid .app-link-wrapper .app-badge {
3999
+ font-family: "Raleway", sans-serif;
4000
+ font-weight: 800;
4001
+ font-size: 16px;
4002
+ color: #fff;
4003
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4004
+ padding: 4px 8px;
4005
+ display: inline-block;
4006
+ border-radius: 4px;
4007
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
4008
+ }
4009
+ .app-grid .app-link-wrapper .app-badge.nocode {
4010
+ font-size: 14px;
4011
+ text-transform: uppercase;
4012
+ padding-top: 5px;
4013
+ padding-bottom: 5px;
4014
+ left: 7px
4015
+ }
4016
+ .app-grid .app-link-wrapper .app-badge.new {
4017
+ background: #f5bd25
4018
+ }
4019
+ .app-grid .app-link-wrapper .app-badge.nocode {
4020
+ background: #8db13d;
4021
+ color: #ccc;
4022
+ background: #fff;
4023
+ text-shadow: none;
4024
+ box-shadow: none
4025
+ }
4026
+ .app-grid .app-link-wrapper .app-badge.plan-one {
4027
+ background: #339ed5
4028
+ }
4029
+ .app-grid .app-link-wrapper .app-badge.plan-two {
4030
+ background: #f29809
4031
+ }
4032
+ .app-grid .app-link-wrapper .app-badge.plan-three {
4033
+ background: #dd5a7c
4034
+ }
4035
+ .app-grid .app-link-wrapper .app-badge.plan-four {
4036
+ background: #9a58e6
4037
+ }
4038
+ .app-grid .app-link-wrapper .app-link {
4039
+ height: 320px;
4040
+ background: #fff;
4041
+ border: 1px solid #e3e3e3;
4042
+ text-align: center;
4043
+ padding: 35px 30px 0;
4044
+ overflow: hidden;
4045
+ position: relative;
4046
+ border-radius: 4px
4047
+ }
4048
+ .app-grid .app-link-wrapper .app-link .app-link-info {
4049
+ background: #fff;
4050
+ border-top: 1px solid transparent;
4051
+ padding-bottom: 30px;
4052
+ margin-top: -52px;
4053
+ position: absolute;
4054
+ top: 100%;
4055
+ left: 0;
4056
+ right: 0;
4057
+ z-index: 1;
4058
+ -webkit-transform: translateY(-82px);
4059
+ -ms-transform: translateY(-82px);
4060
+ transform: translateY(-82px)
4061
+ }
4062
+ .app-grid .app-link-wrapper .app-link .app-link-info p.app-title {
4063
+ height: 66px;
4064
+ font-family: "Raleway", sans-serif;
4065
+ font-weight: 800;
4066
+ font-weight: 800;
4067
+ font-size: 20px;
4068
+ line-height: 24px;
4069
+ text-align: center;
4070
+ position: relative
4071
+ }
4072
+ .app-grid .app-link-wrapper .app-link .app-link-info p.app-title span {
4073
+ width: 100%;
4074
+ padding: 0 15px;
4075
+ position: absolute;
4076
+ top: 50%;
4077
+ left: 0;
4078
+ -webkit-transform: translateY(-50%);
4079
+ -ms-transform: translateY(-50%);
4080
+ transform: translateY(-50%)
4081
+ }
4082
+ .app-grid .app-link-wrapper .app-link .app-link-info p:not(.app-title) {
4083
+ text-align: left;
4084
+ line-height: 22px;
4085
+ padding: 0 30px;
4086
+ opacity: 0
4087
+ }
4088
+ .app-grid .app-link-wrapper .app-link .app-image {
4089
+ position: relative
4090
+ }
4091
+ .app-grid .app-link-wrapper .app-link .app-image img {
4092
+ max-height: 156px;
4093
+ max-width: 300px;
4094
+ width: 100%
4095
+ }
4096
+ .app-grid .app-link-wrapper .app-link .installed {
4097
+ width: 100%;
4098
+ font-family: "Raleway", sans-serif;
4099
+ font-weight: 800;
4100
+ font-size: 30px;
4101
+ color: #fff;
4102
+ background: rgba(141, 177, 61, 0.9);
4103
+ text-align: center;
4104
+ position: absolute;
4105
+ top: 0;
4106
+ bottom: 10px;
4107
+ left: 0;
4108
+ border-radius: 4px
4109
+ }
4110
+ .app-grid .app-link-wrapper .app-link .installed>span {
4111
+ position: absolute;
4112
+ top: 50%;
4113
+ left: 50%;
4114
+ -webkit-transform: translate(-50%, -50%);
4115
+ -ms-transform: translate(-50%, -50%);
4116
+ transform: translate(-50%, -50%)
4117
+ }
4118
+ .app-grid .app-link-wrapper .app-link .installed i {
4119
+ font-size: 42px;
4120
+ margin-bottom: 5px;
4121
+ display: block
4122
+ }
4123
+ .app-grid .app-link-wrapper .app-link .app-link-buttons {
4124
+ height: 72px;
4125
+ background: #fff;
4126
+ position: absolute;
4127
+ bottom: 0;
4128
+ left: 0;
4129
+ right: 0;
4130
+ z-index: 2;
4131
+ box-shadow: 0 0px 20px #fff
4132
+ }
4133
+ .app-grid .app-link-wrapper .app-link .app-link-buttons * {
4134
+ -webkit-transition: all 200ms;
4135
+ transition: all 200ms
4136
+ }
4137
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt {
4138
+ color: #fff;
4139
+ background: #ca4e45;
4140
+ padding: 15px 20px
4141
+ }
4142
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a {
4143
+ background: #842c26;
4144
+ border: 1px solid transparent;
4145
+ padding: 4px 25px 6px;
4146
+ margin: -5px 5px -6px;
4147
+ display: inline-block;
4148
+ border-radius: 4px
4149
+ }
4150
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a:hover {
4151
+ background: #9f352e
4152
+ }
4153
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans {
4154
+ background: transparent
4155
+ }
4156
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .prompt a.trans:hover {
4157
+ border-color: #fff
4158
+ }
4159
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a {
4160
+ font-size: 18px;
4161
+ padding: 6px 17px 7px;
4162
+ display: inline-block;
4163
+ position: relative
4164
+ }
4165
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a.gs-primary:hover {
4166
+ color: #fff;
4167
+ background: #339ed5
4168
+ }
4169
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable {
4170
+ color: #ccc;
4171
+ background: #fff
4172
+ }
4173
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a.disable:hover {
4174
+ color: #d36c65
4175
+ }
4176
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
4177
+ background: #339ed5;
4178
+ padding: 9px 8px 5px;
4179
+ margin-left: 10px;
4180
+ position: absolute;
4181
+ top: -2px;
4182
+ left: 100%;
4183
+ border-radius: 4px
4184
+ }
4185
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
4186
+ width: 30px
4187
+ }
4188
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div {
4189
+ width: auto;
4190
+ padding: 7px 13px;
4191
+ white-space: nowrap;
4192
+ top: 38px;
4193
+ left: auto;
4194
+ right: -10px;
4195
+ -webkit-transform: translateX(0);
4196
+ -ms-transform: translateX(0);
4197
+ transform: translateX(0)
4198
+ }
4199
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before {
4200
+ margin-left: 0;
4201
+ left: auto;
4202
+ right: 25px
4203
+ }
4204
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div {
4205
+ white-space: nowrap;
4206
+ position: absolute;
4207
+ top: 12px;
4208
+ left: 50%;
4209
+ -webkit-transform: translateX(-50%);
4210
+ -ms-transform: translateX(-50%);
4211
+ transform: translateX(-50%);
4212
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4213
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1)
4214
+ }
4215
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group):not(.active)+.app-button-group {
4216
+ margin-top: 10px;
4217
+ opacity: 0;
4218
+ -webkit-transform: translateX(-50%) translateY(100%);
4219
+ -ms-transform: translateX(-50%) translateY(100%);
4220
+ transform: translateX(-50%) translateY(100%)
4221
+ }
4222
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active {
4223
+ opacity: 0;
4224
+ -webkit-transform: translateX(-50%) translateY(-100%);
4225
+ -ms-transform: translateX(-50%) translateY(-100%);
4226
+ transform: translateX(-50%) translateY(-100%)
4227
+ }
4228
+ .app-grid .app-link-wrapper .app-link .app-link-buttons>div:not(.app-button-group).active+.app-button-group {
4229
+ margin-top: 0;
4230
+ opacity: 1;
4231
+ -webkit-transform: translateX(-50%) translateY(0);
4232
+ -ms-transform: translateX(-50%) translateY(0);
4233
+ transform: translateX(-50%) translateY(0)
4234
+ }
4235
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group {
4236
+ border: 2px solid #d36c65;
4237
+ display: inline-block;
4238
+ overflow: hidden;
4239
+ border-radius: 4px
4240
+ }
4241
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a {
4242
+ color: #e4a5a1;
4243
+ border-width: 0;
4244
+ border-radius: 0
4245
+ }
4246
+ .app-grid .app-link-wrapper .app-link .app-link-buttons .app-button-group a:hover {
4247
+ color: #ca4e45;
4248
+ background: #fbf1f0
4249
+ }
4250
+ .app-grid .app-link-wrapper .app-link .app-link-buttons:before {
4251
+ width: 35px;
4252
+ height: 35px;
4253
+ background: image-url("loader.gif");
4254
+ background-size: 35px auto;
4255
+ content: "";
4256
+ display: none;
4257
+ margin-left: -17px;
4258
+ position: absolute;
4259
+ top: 12px;
4260
+ left: 50%;
4261
+ z-index: 1;
4262
+ -webkit-animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1);
4263
+ animation: scale-in 250ms cubic-bezier(0.19, 1, 0.22, 1)
4264
+ }
4265
+ .app-grid .app-link-wrapper .app-link .app-link-buttons.loading:before {
4266
+ display: inline-block
4267
+ }
4268
+ .app-grid .app-link-wrapper:hover .app-link .app-image {
4269
+ opacity: 0.5;
4270
+ -webkit-transform: translateY(-20px);
4271
+ -ms-transform: translateY(-20px);
4272
+ transform: translateY(-20px)
4273
+ }
4274
+ .app-grid .app-link-wrapper:hover .app-link .app-link-info {
4275
+ border-top-color: #e3e3e3;
4276
+ -webkit-transform: translateY(-100%);
4277
+ -ms-transform: translateY(-100%);
4278
+ transform: translateY(-100%);
4279
+ box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2)
4280
+ }
4281
+ .app-grid .app-link-wrapper:hover .app-link .app-link-info p:not(.app-title) {
4282
+ opacity: 1
4283
+ }
4284
+ .app-grid .app-link-wrapper:hover .app-link .app-badge.nocode {
4285
+ color: #fff;
4286
+ background: #8db13d;
4287
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15);
4288
+ box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15)
4289
+ }
4290
+ @-webkit-keyframes fade-in-up {
4291
+ 0% {
4292
+ -webkit-transform: translateY(30px);
4293
+ opacity: 0
4294
+ }
4295
+ 100% {
4296
+ -webkit-transform: translateY(0);
4297
+ opacity: 1
4298
+ }
4299
+ }
4300
+ @keyframes fade-in-up {
4301
+ 0% {
4302
+ transform: translateY(30px);
4303
+ opacity: 0
4304
+ }
4305
+ 100% {
4306
+ transform: translateY(0);
4307
+ opacity: 1
4308
+ }
4309
+ }
4310
+ @-webkit-keyframes fade-in-down {
4311
+ 0% {
4312
+ -webkit-transform: translateY(-30px);
4313
+ opacity: 0
4314
+ }
4315
+ 100% {
4316
+ -webkit-transform: translateY(0);
4317
+ opacity: 1
4318
+ }
4319
+ }
4320
+ @keyframes fade-in-down {
4321
+ 0% {
4322
+ transform: translateY(-30px);
4323
+ opacity: 0
4324
+ }
4325
+ 100% {
4326
+ transform: translateY(0);
4327
+ opacity: 1
4328
+ }
4329
+ }
4330
+ @-webkit-keyframes fade-out-up {
4331
+ 0% {
4332
+ -webkit-transform: translateY(0);
4333
+ opacity: 1
4334
+ }
4335
+ 100% {
4336
+ -webkit-transform: translateY(-30px);
4337
+ opacity: 0
4338
+ }
4339
+ }
4340
+ @keyframes fade-out-up {
4341
+ 0% {
4342
+ transform: translateY(0);
4343
+ opacity: 1
4344
+ }
4345
+ 100% {
4346
+ transform: translateY(-30px);
4347
+ opacity: 0
4348
+ }
4349
+ }
4350
+ @-webkit-keyframes opacity-in {
4351
+ 0% {
4352
+ opacity: 0
4353
+ }
4354
+ 100% {
4355
+ opacity: 1
4356
+ }
4357
+ }
4358
+ @keyframes opacity-in {
4359
+ 0% {
4360
+ opacity: 0
4361
+ }
4362
+ 100% {
4363
+ opacity: 1
4364
+ }
4365
+ }
4366
+ @-webkit-keyframes opacity-out {
4367
+ 0% {
4368
+ opacity: 1
4369
+ }
4370
+ 100% {
4371
+ opacity: 0
4372
+ }
4373
+ }
4374
+ @keyframes opacity-out {
4375
+ 0% {
4376
+ opacity: 1
4377
+ }
4378
+ 100% {
4379
+ opacity: 0
4380
+ }
4381
+ }
4382
+ .app-grid-titles-wrapper {
4383
+ background: #fff;
4384
+ border-bottom: 1px solid #e9e9e9;
4385
+ padding: 40px 30px 20px;
4386
+ margin-top: -121px;
4387
+ position: absolute;
4388
+ left: 0;
4389
+ right: 0;
4390
+ z-index: 3;
4391
+ -webkit-transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1);
4392
+ transition: padding 300ms cubic-bezier(0.19, 1, 0.22, 1)
4393
+ }
4394
+ .app-grid-titles-wrapper.fixed {
4395
+ border-top-width: 0;
4396
+ border-bottom-color: transparent;
4397
+ padding-top: 20px;
4398
+ margin-top: 0;
4399
+ position: fixed;
4400
+ top: 55px;
4401
+ box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15), inset 0 2px 5px rgba(0, 0, 0, 0.1)
4402
+ }
4403
+ .app-grid-titles-wrapper.fixed h1 {
4404
+ font-size: 25px;
4405
+ position: relative;
4406
+ bottom: -4px
4407
+ }
4408
+ .app-grid-titles-wrapper.fixed h1 .gs-tooltip {
4409
+ top: -2px
4410
+ }
4411
+ .app-grid-titles-wrapper h1 {
4412
+ max-width: 1260px;
4413
+ margin: 0 auto;
4414
+ padding: 0 400px 0 60px;
4415
+ -webkit-transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1);
4416
+ transition: all 300ms cubic-bezier(0.19, 1, 0.22, 1)
4417
+ }
4418
+ h1.app-grid-titles {
4419
+ font-family: "Raleway", sans-serif;
4420
+ font-weight: 800;
4421
+ font-size: 30px;
4422
+ font-weight: 800
4423
+ }
4424
+ h1.app-grid-titles:not(.filter-on) span.gs-tooltip>div {
4425
+ display: none !important
4426
+ }
4427
+ h1.app-grid-titles.filter-on {
4428
+ color: #ccc
4429
+ }
4430
+ h1.app-grid-titles.filter-on i {
4431
+ font-size: 20px;
4432
+ margin: 0 10px;
4433
+ position: relative;
4434
+ bottom: 1px
4435
+ }
4436
+ h1.app-grid-titles.filter-on span.filter-two {
4437
+ color: #f29809
4438
+ }
4439
+ h1.app-grid-titles.filter-on span.filter-two>div {
4440
+ background: #f29809
4441
+ }
4442
+ h1.app-grid-titles.filter-on span.filter-two>div:before {
4443
+ border-color: transparent transparent #f29809 transparent
4444
+ }
4445
+ h1.app-grid-titles.filter-on span.filter-nocode {
4446
+ color: #8db13d
4447
+ }
4448
+ h1.app-grid-titles.filter-on span.filter-primary {
4449
+ color: #339ed5
4450
+ }
4451
+ h1.app-grid-titles span.gs-tooltip>div {
4452
+ font-family: "Source Sans Pro", sans-serif;
4453
+ font-weight: normal;
4454
+ margin-top: 10px
4455
+ }
4456
+ .app-grid-titles-wrapper.fixed h1.app-grid-titles span.gs-tooltip>div {
4457
+ margin-top: 6px
4458
+ }
4459
+ #app-grid-filters {
4460
+ max-width: 1260px;
4461
+ height: 1px;
4462
+ font-weight: 600;
4463
+ margin: 0 auto;
4464
+ position: relative;
4465
+ top: 40px;
4466
+ z-index: 4;
4467
+ -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);
4468
+ transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1)
4469
+ }
4470
+ #app-grid-filters.fixed {
4471
+ position: fixed;
4472
+ top: 71px;
4473
+ left: 0;
4474
+ right: 0
4475
+ }
4476
+ #app-grid-filters.fixed .app-grid-filter-holder {
4477
+ padding: 0 60px
4478
+ }
4479
+ #app-grid-filters.fixed #app-filter-dropdown {
4480
+ right: 30px
4481
+ }
4482
+ #app-grid-filters .app-grid-filter-holder {
4483
+ display: inline-block;
4484
+ position: absolute;
4485
+ top: 0;
4486
+ right: 0
4487
+ }
4488
+ #app-grid-filters .app-grid-filter-holder .gs-button {
4489
+ margin-left: 5px;
4490
+ position: relative;
4491
+ z-index: 1
4492
+ }
4493
+ #app-grid-filters .app-grid-filter-holder .gs-button:first-child {
4494
+ margin-left: 0;
4495
+ margin-right: -4px
4496
+ }
4497
+ #app-grid-filters .app-grid-filter-holder .gs-tooltip>div {
4498
+ top: 40px
4499
+ }
4500
+ #app-grid-filters #app-filter {
4501
+ padding: 6px 13px 7px;
4502
+ display: inline-block;
4503
+ z-index: 1
4504
+ }
4505
+ #app-grid-filters #app-filter:hover+#app-filter-dropdown {
4506
+ display: block
4507
+ }
4508
+ #app-grid-filters #app-filter-dropdown {
4509
+ width: 220px;
4510
+ background: #fff;
4511
+ text-align: left;
4512
+ padding: 18px 15px 13px;
4513
+ display: none;
4514
+ position: absolute;
4515
+ top: 100%;
4516
+ right: 0;
4517
+ border-radius: 4px;
4518
+ box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
4519
+ -webkit-animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1);
4520
+ animation: fade-in-down 500ms cubic-bezier(0.19, 1, 0.22, 1)
4521
+ }
4522
+ #app-grid-filters #app-filter-dropdown:hover {
4523
+ display: block
4524
+ }
4525
+ #app-grid-filters #app-filter-dropdown .gs-button {
4526
+ margin: 3px 0;
4527
+ padding: 6px 18px 8px 13px;
4528
+ display: block
4529
+ }
4530
+ #app-grid-filters #app-filter-dropdown .gs-button:not(.trans) {
4531
+ position: relative
4532
+ }
4533
+ #app-grid-filters #app-filter-dropdown .gs-button:not(.trans):before {
4534
+ font-family: "FontAwesome";
4535
+ font-size: 16px;
4536
+ color: #fff;
4537
+ content: "";
4538
+ display: block;
4539
+ position: absolute;
4540
+ top: 50%;
4541
+ right: 4px;
4542
+ margin-top: -8px;
4543
+ opacity: 0.5
4544
+ }
4545
+ #app-grid-filters #app-filter-dropdown .filter-title {
4546
+ margin-bottom: 10px;
4547
+ display: block
4548
+ }
4549
+ html,
4550
+ body {
4551
+ height: 100%
4552
+ }
4553
+ body {
4554
+ font-family: "Source Sans Pro", sans-serif;
4555
+ color: #606060;
4556
+ background: #f3f3f3
4557
+ }
4558
+ body * {
4559
+ text-rendering: optimizeLegibility;
4560
+ -webkit-font-smoothing: antialiased;
4561
+ box-sizing: border-box
4562
+ }
4563
+ body.no-scroll {
4564
+ overflow: hidden
4565
+ }
4566
+ h1 {
4567
+ font-size: 40px;
4568
+ font-weight: 300
4569
+ }
4570
+ h1 strong {
4571
+ font-weight: 600
4572
+ }
4573
+ h1+p {
4574
+ margin-top: 10px
4575
+ }
4576
+ h2,
4577
+ h3 {
4578
+ font-size: 20px;
4579
+ font-weight: 600
4580
+ }
4581
+ h4 {
4582
+ font-size: 20px
4583
+ }
4584
+ strong {
4585
+ font-weight: 700
4586
+ }
4587
+ p {
4588
+ line-height: 18px
4589
+ }
4590
+ textarea.code,
4591
+ form textarea.code,
4592
+ div.form textarea.code {
4593
+ width: 100%;
4594
+ font-family: Courier New, monospace;
4595
+ font-size: 12px;
4596
+ color: #000;
4597
+ background: #fff;
4598
+ border: 1px solid #ccc;
4599
+ padding: 13px 20px;
4600
+ resize: none;
4601
+ outline: none;
4602
+ word-wrap: break-word;
4603
+ display: block;
4604
+ border-radius: 4px
4605
+ }
4606
+ .gs-tooltip {
4607
+ position: relative
4608
+ }
4609
+ .gs-tooltip.plan-two>div {
4610
+ background: #d98908
4611
+ }
4612
+ .gs-tooltip.plan-two>div:before {
4613
+ border-color: transparent transparent #d98908 transparent
4614
+ }
4615
+ .gs-tooltip.plan-three>div {
4616
+ background: #d9456b
4617
+ }
4618
+ .gs-tooltip.plan-three>div:before {
4619
+ border-color: transparent transparent #d9456b transparent
4620
+ }
4621
+ .gs-tooltip.plan-four>div {
4622
+ background: #8d42e3
4623
+ }
4624
+ .gs-tooltip.plan-four>div:before {
4625
+ border-color: transparent transparent #8d42e3 transparent
4626
+ }
4627
+ .gs-tooltip.nocode>div {
4628
+ background: #81a238
4629
+ }
4630
+ .gs-tooltip.nocode>div:before {
4631
+ border-color: transparent transparent #81a238 transparent
4632
+ }
4633
+ .gs-tooltip>div {
4634
+ width: 184px;
4635
+ font-size: 13px;
4636
+ font-weight: normal;
4637
+ color: #fff;
4638
+ background: #000;
4639
+ text-align: left;
4640
+ line-height: 15px;
4641
+ padding: 10px 15px;
4642
+ position: absolute;
4643
+ top: 30px;
4644
+ left: 50%;
4645
+ display: none;
4646
+ z-index: 5;
4647
+ border-radius: 4px;
4648
+ box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
4649
+ -webkit-transform: translateX(-50%);
4650
+ -ms-transform: translateX(-50%);
4651
+ transform: translateX(-50%)
4652
+ }
4653
+ .gs-tooltip>div:before {
4654
+ width: 0;
4655
+ height: 0;
4656
+ border-style: solid;
4657
+ border-width: 0 8px 8px 8px;
4658
+ border-color: transparent transparent #000 transparent;
4659
+ content: "";
4660
+ display: block;
4661
+ position: absolute;
4662
+ top: -8px;
4663
+ left: 50%;
4664
+ margin-left: -8px
4665
+ }
4666
+ .gs-tooltip:hover>div {
4667
+ display: block
4668
+ }
4669
+ .min-tip>div {
4670
+ width: 95px;
4671
+ left: 50%;
4672
+ top: 50px;
4673
+ text-align: center;
4674
+ padding: 5px 5px
4675
+ }
4676
+ #gs-master-wrapper {
4677
+ min-width: 1150px;
4678
+ min-height: 100%;
4679
+ height: auto !important;
4680
+ height: 100%;
4681
+ margin: 0 auto -190px;
4682
+ overflow-y: hidden
4683
+ }
4684
+ #gs-master-wrapper #master-wrapper-push {
4685
+ height: 190px
4686
+ }
4687
+ main {
4688
+ z-index: 3;
4689
+ -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1);
4690
+ transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1)
4691
+ }
4692
+ main.relative {
4693
+ position: relative
4694
+ }
4695
+ main>div {
4696
+ margin: 0 auto
4697
+ }
4698
+ main>div.large {
4699
+ max-width: 1200px
4700
+ }
4701
+ main>div.large>.alert.global {
4702
+ margin: 0 30px
4703
+ }
4704
+ main>div.medium {
4705
+ max-width: 860px
4706
+ }
4707
+ main>div.special {
4708
+ max-width: 920px
4709
+ }
4710
+ main>div .content-wrapper {
4711
+ margin: 30px 30px 0
4712
+ }
4713
+ main>div .content-wrapper.no-margin {
4714
+ margin-top: 0
4715
+ }
4716
+ main>div .content-wrapper.analytics {
4717
+ position: relative
4718
+ }
4719
+ .text-center {
4720
+ text-align: center
4721
+ }
4722
+ .text-left {
4723
+ text-align: left
4724
+ }
4725
+ .text-right {
4726
+ text-align: right
4727
+ }
4728
+ .container *[class^="col-"]:first-of-type {
4729
+ padding-right: 15px
4730
+ }
4731
+ .container *[class^="col-"]:last-of-type {
4732
+ padding-left: 15px
4733
+ }
4734
+ .container *[class^="col-"]:not(:first-of-type):not(:last-of-type) {
4735
+ padding-left: 15px;
4736
+ padding-right: 15px
4737
+ }
4738
+ .row {
4739
+ margin: 0 -30px
4740
+ }
4741
+ .row:after {
4742
+ content: "";
4743
+ display: block;
4744
+ clear: both
4745
+ }
4746
+ .col-1 {
4747
+ width: 6.25%;
4748
+ position: relative;
4749
+ min-height: 1px;
4750
+ padding-left: 30px;
4751
+ padding-right: 30px;
4752
+ float: left
4753
+ }
4754
+ .col-pull-1 {
4755
+ right: 6.25%
4756
+ }
4757
+ .col-push-1 {
4758
+ left: 6.25%
4759
+ }
4760
+ .col-offset-1 {
4761
+ margin-left: 6.25%
4762
+ }
4763
+ .col-2 {
4764
+ width: 12.5%;
4765
+ position: relative;
4766
+ min-height: 1px;
4767
+ padding-left: 30px;
4768
+ padding-right: 30px;
4769
+ float: left
4770
+ }
4771
+ .col-pull-2 {
4772
+ right: 12.5%
4773
+ }
4774
+ .col-push-2 {
4775
+ left: 12.5%
4776
+ }
4777
+ .col-offset-2 {
4778
+ margin-left: 12.5%
4779
+ }
4780
+ .col-3 {
4781
+ width: 18.75%;
4782
+ position: relative;
4783
+ min-height: 1px;
4784
+ padding-left: 30px;
4785
+ padding-right: 30px;
4786
+ float: left
4787
+ }
4788
+ .col-pull-3 {
4789
+ right: 18.75%
4790
+ }
4791
+ .col-push-3 {
4792
+ left: 18.75%
4793
+ }
4794
+ .col-offset-3 {
4795
+ margin-left: 18.75%
4796
+ }
4797
+ .col-4 {
4798
+ width: 25%;
4799
+ position: relative;
4800
+ min-height: 1px;
4801
+ padding-left: 30px;
4802
+ padding-right: 30px;
4803
+ float: left
4804
+ }
4805
+ .col-pull-4 {
4806
+ right: 25%
4807
+ }
4808
+ .col-push-4 {
4809
+ left: 25%
4810
+ }
4811
+ .col-offset-4 {
4812
+ margin-left: 25%
4813
+ }
4814
+ .col-5 {
4815
+ width: 31.25%;
4816
+ position: relative;
4817
+ min-height: 1px;
4818
+ padding-left: 30px;
4819
+ padding-right: 30px;
4820
+ float: left
4821
+ }
4822
+ .col-pull-5 {
4823
+ right: 31.25%
4824
+ }
4825
+ .col-push-5 {
4826
+ left: 31.25%
4827
+ }
4828
+ .col-offset-5 {
4829
+ margin-left: 31.25%
4830
+ }
4831
+ .col-6 {
4832
+ width: 37.5%;
4833
+ position: relative;
4834
+ min-height: 1px;
4835
+ padding-left: 30px;
4836
+ padding-right: 30px;
4837
+ float: left
4838
+ }
4839
+ .col-pull-6 {
4840
+ right: 37.5%
4841
+ }
4842
+ .col-push-6 {
4843
+ left: 37.5%
4844
+ }
4845
+ .col-offset-6 {
4846
+ margin-left: 37.5%
4847
+ }
4848
+ .col-7 {
4849
+ width: 43.75%;
4850
+ position: relative;
4851
+ min-height: 1px;
4852
+ padding-left: 30px;
4853
+ padding-right: 30px;
4854
+ float: left
4855
+ }
4856
+ .col-pull-7 {
4857
+ right: 43.75%
4858
+ }
4859
+ .col-push-7 {
4860
+ left: 43.75%
4861
+ }
4862
+ .col-offset-7 {
4863
+ margin-left: 43.75%
4864
+ }
4865
+ .col-8 {
4866
+ width: 50%;
4867
+ position: relative;
4868
+ min-height: 1px;
4869
+ padding-left: 30px;
4870
+ padding-right: 30px;
4871
+ float: left
4872
+ }
4873
+ .col-pull-8 {
4874
+ right: 50%
4875
+ }
4876
+ .col-push-8 {
4877
+ left: 50%
4878
+ }
4879
+ .col-offset-8 {
4880
+ margin-left: 50%
4881
+ }
4882
+ .col-9 {
4883
+ width: 56.25%;
4884
+ position: relative;
4885
+ min-height: 1px;
4886
+ padding-left: 30px;
4887
+ padding-right: 30px;
4888
+ float: left
4889
+ }
4890
+ .col-pull-9 {
4891
+ right: 56.25%
4892
+ }
4893
+ .col-push-9 {
4894
+ left: 56.25%
4895
+ }
4896
+ .col-offset-9 {
4897
+ margin-left: 56.25%
4898
+ }
4899
+ .col-10 {
4900
+ width: 62.5%;
4901
+ position: relative;
4902
+ min-height: 1px;
4903
+ padding-left: 30px;
4904
+ padding-right: 30px;
4905
+ float: left
4906
+ }
4907
+ .col-pull-10 {
4908
+ right: 62.5%
4909
+ }
4910
+ .col-push-10 {
4911
+ left: 62.5%
4912
+ }
4913
+ .col-offset-10 {
4914
+ margin-left: 62.5%
4915
+ }
4916
+ .col-11 {
4917
+ width: 68.75%;
4918
+ position: relative;
4919
+ min-height: 1px;
4920
+ padding-left: 30px;
4921
+ padding-right: 30px;
4922
+ float: left
4923
+ }
4924
+ .col-pull-11 {
4925
+ right: 68.75%
4926
+ }
4927
+ .col-push-11 {
4928
+ left: 68.75%
4929
+ }
4930
+ .col-offset-11 {
4931
+ margin-left: 68.75%
4932
+ }
4933
+ .col-12 {
4934
+ width: 75%;
4935
+ position: relative;
4936
+ min-height: 1px;
4937
+ padding-left: 30px;
4938
+ padding-right: 30px;
4939
+ float: left
4940
+ }
4941
+ .col-pull-12 {
4942
+ right: 75%
4943
+ }
4944
+ .col-push-12 {
4945
+ left: 75%
4946
+ }
4947
+ .col-offset-12 {
4948
+ margin-left: 75%
4949
+ }
4950
+ .col-13 {
4951
+ width: 81.25%;
4952
+ position: relative;
4953
+ min-height: 1px;
4954
+ padding-left: 30px;
4955
+ padding-right: 30px;
4956
+ float: left
4957
+ }
4958
+ .col-pull-13 {
4959
+ right: 81.25%
4960
+ }
4961
+ .col-push-13 {
4962
+ left: 81.25%
4963
+ }
4964
+ .col-offset-13 {
4965
+ margin-left: 81.25%
4966
+ }
4967
+ .col-14 {
4968
+ width: 87.5%;
4969
+ position: relative;
4970
+ min-height: 1px;
4971
+ padding-left: 30px;
4972
+ padding-right: 30px;
4973
+ float: left
4974
+ }
4975
+ .col-pull-14 {
4976
+ right: 87.5%
4977
+ }
4978
+ .col-push-14 {
4979
+ left: 87.5%
4980
+ }
4981
+ .col-offset-14 {
4982
+ margin-left: 87.5%
4983
+ }
4984
+ .col-15 {
4985
+ width: 93.75%;
4986
+ position: relative;
4987
+ min-height: 1px;
4988
+ padding-left: 30px;
4989
+ padding-right: 30px;
4990
+ float: left
4991
+ }
4992
+ .col-pull-15 {
4993
+ right: 93.75%
4994
+ }
4995
+ .col-push-15 {
4996
+ left: 93.75%
4997
+ }
4998
+ .col-offset-15 {
4999
+ margin-left: 93.75%
5000
+ }
5001
+ .col-16 {
5002
+ width: 100%;
5003
+ position: relative;
5004
+ min-height: 1px;
5005
+ padding-left: 30px;
5006
+ padding-right: 30px;
5007
+ float: left
5008
+ }
5009
+ .col-pull-16 {
5010
+ right: 100%
5011
+ }
5012
+ .col-push-16 {
5013
+ left: 100%
5014
+ }
5015
+ .col-offset-16 {
5016
+ margin-left: 100%
5017
+ }
5018
+ .gs-clearfix:after {
5019
+ content: "";
5020
+ display: block;
5021
+ clear: both
5022
+ }
5023
+ @-webkit-keyframes fade-in-up {
5024
+ 0% {
5025
+ -webkit-transform: translateY(30px);
5026
+ opacity: 0
5027
+ }
5028
+ 100% {
5029
+ -webkit-transform: translateY(0);
5030
+ opacity: 1
5031
+ }
5032
+ }
5033
+ @keyframes fade-in-up {
5034
+ 0% {
5035
+ transform: translateY(30px);
5036
+ opacity: 0
5037
+ }
5038
+ 100% {
5039
+ transform: translateY(0);
5040
+ opacity: 1
5041
+ }
5042
+ }
5043
+ @-webkit-keyframes fade-in-down {
5044
+ 0% {
5045
+ -webkit-transform: translateY(-30px);
5046
+ opacity: 0
5047
+ }
5048
+ 100% {
5049
+ -webkit-transform: translateY(0);
5050
+ opacity: 1
5051
+ }
5052
+ }
5053
+ @keyframes fade-in-down {
5054
+ 0% {
5055
+ transform: translateY(-30px);
5056
+ opacity: 0
5057
+ }
5058
+ 100% {
5059
+ transform: translateY(0);
5060
+ opacity: 1
5061
+ }
5062
+ }
5063
+ @-webkit-keyframes fade-out-up {
5064
+ 0% {
5065
+ -webkit-transform: translateY(0);
5066
+ opacity: 1
5067
+ }
5068
+ 100% {
5069
+ -webkit-transform: translateY(-30px);
5070
+ opacity: 0
5071
+ }
5072
+ }
5073
+ @keyframes fade-out-up {
5074
+ 0% {
5075
+ transform: translateY(0);
5076
+ opacity: 1
5077
+ }
5078
+ 100% {
5079
+ transform: translateY(-30px);
5080
+ opacity: 0
5081
+ }
5082
+ }
5083
+ @-webkit-keyframes opacity-in {
5084
+ 0% {
5085
+ opacity: 0
5086
+ }
5087
+ 100% {
5088
+ opacity: 1
5089
+ }
5090
+ }
5091
+ @keyframes opacity-in {
5092
+ 0% {
5093
+ opacity: 0
5094
+ }
5095
+ 100% {
5096
+ opacity: 1
5097
+ }
5098
+ }
5099
+ @-webkit-keyframes opacity-out {
5100
+ 0% {
5101
+ opacity: 1
5102
+ }
5103
+ 100% {
5104
+ opacity: 0
5105
+ }
5106
+ }
5107
+ @keyframes opacity-out {
5108
+ 0% {
5109
+ opacity: 1
5110
+ }
5111
+ 100% {
5112
+ opacity: 0
5113
+ }
5114
+ }
5115
+ body * {
5116
+ outline: none !important
5117
+ }
5118
+ body a:focus {
5119
+ box-shadow: none
5120
+ }
5121
+ h1 {
5122
+ font-size: 30px
5123
+ }
5124
+ #gs-master-wrapper {
5125
+ min-width: 1000px;
5126
+ margin: 0 0 0 -20px;
5127
+ overflow: hidden
5128
+ }
5129
+ main>div.large {
5130
+ padding-top: 30px
5131
+ }
5132
+ header {
5133
+ width: auto;
5134
+ margin-right: -1px;
5135
+ padding-top: 0;
5136
+ display: block
5137
+ }
5138
+ header #main-nav {
5139
+ width: auto;
5140
+ position: static
5141
+ }
5142
+ header #main-nav nav>ul>li:not(.right-link) {
5143
+ float: left
5144
+ }
5145
+ .title-wrapper {
5146
+ padding: 25px 0 27px;
5147
+ z-index: 1
5148
+ }
5149
+ .title-wrapper h1 {
5150
+ max-width: 800px;
5151
+ text-align: center
5152
+ }
5153
+ .title-wrapper.app-page h1 {
5154
+ max-width: 1200px;
5155
+ text-align: left;
5156
+ margin: 0 auto;
5157
+ padding: 0 30px;
5158
+ display: block
5159
+ }
5160
+ .app-grid-titles>span {
5161
+ max-width: 500px;
5162
+ display: block
5163
+ }
5164
+ #app-grid-filters {
5165
+ max-width: 1200px;
5166
+ padding: 0 60px;
5167
+ top: -88px
5168
+ }
5169
+ #app-grid-filters a {
5170
+ padding-top: 6px;
5171
+ padding-bottom: 8px;
5172
+ display: inline-block
5173
+ }
5174
+ #app-grid-filters a:not(.trans) {
5175
+ color: #fff
5176
+ }
5177
+ #app-grid-filters .app-grid-filter-holder {
5178
+ padding-right: 30px;
5179
+ text-align: right
5180
+ }
5181
+ #app-grid-filters .app-grid-filter-holder #app-filter-dropdown {
5182
+ right: 15px
5183
+ }
5184
+ .app-grid {
5185
+ padding-top: 0;
5186
+ margin: 0
5187
+ }
5188
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a {
5189
+ position: relative
5190
+ }
5191
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip {
5192
+ background: #339ed5;
5193
+ padding: 9px 8px 5px;
5194
+ margin-left: 10px;
5195
+ position: absolute;
5196
+ top: -2px;
5197
+ left: 100%;
5198
+ border-radius: 4px
5199
+ }
5200
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip img {
5201
+ width: 30px
5202
+ }
5203
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div {
5204
+ width: auto;
5205
+ padding: 7px 13px;
5206
+ white-space: nowrap;
5207
+ top: 35px;
5208
+ left: auto;
5209
+ right: -10px;
5210
+ -webkit-transform: translateX(0);
5211
+ -ms-transform: translateX(0);
5212
+ transform: translateX(0)
5213
+ }
5214
+ .app-grid .app-link-wrapper .app-link .app-link-buttons a .gs-tooltip>div:before {
5215
+ margin-left: 0;
5216
+ left: auto;
5217
+ right: 25px
5218
+ }
5219
+ .alert-block .close i {
5220
+ -webkit-transform-origin: 50% 50%;
5221
+ -moz-transform-origin: 50% 50%;
5222
+ -ms-transform-origin: 50% 50%;
5223
+ transform-origin: 50% 50%
5224
+ }
5225
+ .gs-button:disabled {
5226
+ color: #fff;
5227
+ border-color: transparent
5228
+ }
5229
+ .create-gs-account:active,
5230
+ .create-gs-account:hover,
5231
+ .create-gs-account:focus {
5232
+ color: #fff
5233
+ }
5234
+ .loading-create:not(.active) {
5235
+ display: none
5236
+ }
5237
+ .modal-wrapper {
5238
+ z-index: 99999
5239
+ }
5240
+ .modal-wrapper .gs-modal .modal-title .title {
5241
+ padding-bottom: 30px
5242
+ }
5243
+ .gs-form .checkbox-list {
5244
+ padding: 2px 0
5245
+ }
5246
+ .gs-form .checkbox-list input {
5247
+ width: auto;
5248
+ border-radius: 100%
5249
+ }
5250
+ .gs-form .checkbox-list input+span {
5251
+ font-weight: 600;
5252
+ color: #606060
5253
+ }
5254
+ .gs-form .checkbox-list input:checked+span {
5255
+ color: #339ed5
5256
+ }
5257
+ .gs-form.gs-small {
5258
+ max-width: 600px;
5259
+ margin: 0 auto
5260
+ }
5261
+ footer {
5262
+ padding: 100px 0 50px
5263
+ }
5264
+ footer a {
5265
+ display: inline-block
5266
+ }
5267
+ footer a:active,
5268
+ footer a:hover,
5269
+ footer a:focus {
5270
+ color: #fff
5271
+ }
5272
+ @media all and (max-width: 1360px) {
5273
+ .app-grid,
5274
+ .alert-block {
5275
+ margin-left: auto !important;
5276
+ margin-right: auto !important
5277
+ }
5278
+ .app-grid {
5279
+ max-width: 910px
5280
+ }
5281
+ .app-grid .app-link-wrapper {
5282
+ width: 33.3333333333%
5283
+ }
5284
+ .alert-block {
5285
+ max-width: 880px
5286
+ }
5287
+ .alert-block.center .alert-info {
5288
+ max-width: 550px
5289
+ }
5290
+ .alert-block.center .alert-info a {
5291
+ min-width: 145px;
5292
+ font-size: 15px;
5293
+ text-align: center;
5294
+ white-space: normal;
5295
+ vertical-align: middle;
5296
+ padding-left: 5px;
5297
+ padding-right: 5px;
5298
+ margin-left: 20px
5299
+ }
5300
+ }
img/apps/bitly.png ADDED
Binary file
img/apps/hello_buddy.png ADDED
Binary file
img/apps/infusionsoft.png ADDED
Binary file
img/modals/bitly_via_after.png ADDED
Binary file
img/modals/bitly_via_before.png ADDED
Binary file
img/modals/hello_buddy_analytics.png ADDED
Binary file
img/modals/infusionsoft.png ADDED
Binary file
init.php CHANGED
@@ -69,6 +69,7 @@
69
  <?php endif; ?>
70
  </div>
71
  </main>
 
72
  <!-- Settings Modal -->
73
  <div id="settings-modal" class="modal-wrapper hide">
74
  <div class="gs-modal">
@@ -207,10 +208,41 @@
207
  Real-time integration with MailChimp. Connect our Subscriber Bar & Price Alert features to the world’s #1 e-mail marketing tool.
208
  </p>
209
  <div class="clearfix text-center" style="margin-top: 30px">
210
- <div class="col-16">
211
  <img src="<?php echo plugins_url( '/img/modals/mailchimp.png', __FILE__ ) ?>" alt="">
212
  </div>
213
  </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
214
  </div>
215
  <div class="form-button-group">
216
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
@@ -219,8 +251,33 @@
219
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
220
  </div>
221
  </div>
222
- <div class="modal-cover modal-close"></div>
223
- </div>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
224
  </div>
225
 
226
  <script>
@@ -243,6 +300,12 @@ UserVoice.push(['identify', {
243
  // Add default trigger to the bottom-right corner of the window:
244
  UserVoice.push(['addTrigger', '#help', { mode: 'contact' }]);
245
 
 
 
 
 
 
 
246
  if (document.getElementById('contact_us')) {
247
  UserVoice.push(['addTrigger', '#contact_us', { mode: 'contact' }]);
248
  }
69
  <?php endif; ?>
70
  </div>
71
  </main>
72
+ <?php include('tmpl/footer.php'); ?>
73
  <!-- Settings Modal -->
74
  <div id="settings-modal" class="modal-wrapper hide">
75
  <div class="gs-modal">
208
  Real-time integration with MailChimp. Connect our Subscriber Bar & Price Alert features to the world’s #1 e-mail marketing tool.
209
  </p>
210
  <div class="clearfix text-center" style="margin-top: 30px">
211
+ <div class="col-16" style="margin-top: 30px">
212
  <img src="<?php echo plugins_url( '/img/modals/mailchimp.png', __FILE__ ) ?>" alt="">
213
  </div>
214
  </div>
215
+ </div>
216
+ <div class="form-button-group">
217
+ <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
218
+ Upgrade to Starter
219
+ </a>
220
+ <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
221
+ </div>
222
+ </div>
223
+ <div class="modal-cover modal-close"></div>
224
+ </div>
225
+ <!-- Install Bitly Modal -->
226
+ <div id="install-bitly-modal" class="modal-wrapper hide">
227
+ <div class="gs-modal small text-center">
228
+ <div class="text-block">
229
+ <div class="modal-title">
230
+ <p class="title">Bitly Integration</p>
231
+ </div>
232
+ <p class="text-center">
233
+ Activating our Bitly integration will allow your readers to share using your Bitly account. Easy, no code required!
234
+ </p>
235
+ <br>
236
+ <div class="before-after">
237
+ <div>
238
+ <strong>Before</strong>
239
+ <img src="<?php echo plugins_url( '/img/modals/bitly_via_before.png', __FILE__ ) ?>" alt="">
240
+ </div>
241
+ <div>
242
+ <strong>After</strong>
243
+ <img src="<?php echo plugins_url( '/img/modals/bitly_via_after.png', __FILE__ ) ?>" alt="">
244
+ </div>
245
+ </div>
246
  </div>
247
  <div class="form-button-group">
248
  <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
251
  <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
252
  </div>
253
  </div>
254
+ <div class="modal-cover modal-close"></div>
255
+ </div>
256
+ <!-- Install InfusionSoft Modal -->
257
+ <div id="install-infusionsoft-modal" class="modal-wrapper hide">
258
+ <div class="gs-modal small text-center">
259
+ <div class="text-block">
260
+ <div class="modal-title">
261
+ <p class="title">InfusionSoft Integration</p>
262
+ </div>
263
+ <p class="text-center">
264
+ By linking your InfusionSoft account, you'll be able to automatically send all emails captured on Subscriber Bar & Hello Buddy features.
265
+ </p>
266
+ <div class="clearfix text-center" style="margin-top: 30px">
267
+ <div class="col-16" style="margin-bottom: 30px">
268
+ <img src="<?php echo plugins_url( '/img/modals/infusionsoft.png', __FILE__ ) ?>" alt="">
269
+ </div>
270
+ </div>
271
+ </div>
272
+ <div class="form-button-group">
273
+ <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress<?php echo $GS->utms('pro_header') ?>" target="_blank" class="gs-button gs-success plan-two">
274
+ Upgrade to Starter
275
+ </a>
276
+ <a href="javascript:void(0)" class="gs-button gs-error trans modal-close">Cancel</a>
277
+ </div>
278
+ </div>
279
+ <div class="modal-cover modal-close"></div>
280
+ </div>
281
  </div>
282
 
283
  <script>
300
  // Add default trigger to the bottom-right corner of the window:
301
  UserVoice.push(['addTrigger', '#help', { mode: 'contact' }]);
302
 
303
+ // Add uservoice to modal help
304
+ UserVoice.push(['addTrigger', '#trigger-modal-1', { mode: 'contact' }]);
305
+ UserVoice.push(['addTrigger', '#trigger-modal-2', { mode: 'contact' }]);
306
+
307
+ UserVoice.push(['addTrigger', '#contact-footer', { mode: 'contact' }]);
308
+
309
  if (document.getElementById('contact_us')) {
310
  UserVoice.push(['addTrigger', '#contact_us', { mode: 'contact' }]);
311
  }
js/plugin.js CHANGED
@@ -1,3 +1,5 @@
 
 
1
  function forceUpdate(event){
2
  var data = {
3
  'action': 'gs_update'
@@ -144,16 +146,21 @@ jQuery(function($){
144
 
145
  jQuery(document).on('click', '.only-activate', function(e){
146
 
147
- if ($(this)[0].pathname == "/auth/mailchimp") {
 
148
 
149
  if ($(this).attr('prevent')) {
150
- alert("You need to install Subscriber Bar or Price Alert to work with MailChimp");
151
  } else {
152
  window.open($(this).attr('href'), '_blank')
153
  }
154
  return;
155
  }
156
 
 
 
 
 
157
  e.preventDefault();
158
 
159
  $.post($(this).attr('href'), function(data){
@@ -390,6 +397,7 @@ jQuery(function($){
390
  }
391
  });
392
  }
 
393
  modal('#settings');
394
 
395
  modal('#install-ga-analytics');
@@ -398,6 +406,12 @@ jQuery(function($){
398
 
399
  modal('#install-mailchimp');
400
 
 
 
 
 
 
 
401
  jQuery('.modal-close').on('click', function(){
402
  jQuery('.modal-wrapper.active').stop().removeClass('active').addClass('rewind').delay(detectIE ? 0 : 700).queue(function(){
403
  jQuery(this).removeClass('rewind').addClass('hide');
1
+ get_social_version = "2.9.2";
2
+
3
  function forceUpdate(event){
4
  var data = {
5
  'action': 'gs_update'
146
 
147
  jQuery(document).on('click', '.only-activate', function(e){
148
 
149
+ if ($(this)[0].pathname == "/auth/mailchimp" ||
150
+ $(this)[0].pathname == "/auth/infusionsoft") {
151
 
152
  if ($(this).attr('prevent')) {
153
+ alert("You need to install Hello Buddy, Subscriber Bar or Price Alert to work with this app");
154
  } else {
155
  window.open($(this).attr('href'), '_blank')
156
  }
157
  return;
158
  }
159
 
160
+ if ($(this)[0].pathname == "/auth/bitly") {
161
+ window.open($(this).attr('href'), '_blank')
162
+ }
163
+
164
  e.preventDefault();
165
 
166
  $.post($(this).attr('href'), function(data){
397
  }
398
  });
399
  }
400
+
401
  modal('#settings');
402
 
403
  modal('#install-ga-analytics');
406
 
407
  modal('#install-mailchimp');
408
 
409
+ modal('#install-bitly');
410
+
411
+ modal('#install-infusionsoft');
412
+
413
+ modal('#thankyou');
414
+
415
  jQuery('.modal-close').on('click', function(){
416
  jQuery('.modal-wrapper.active').stop().removeClass('active').addClass('rewind').delay(detectIE ? 0 : 700).queue(function(){
417
  jQuery(this).removeClass('rewind').addClass('hide');
lib/gs.php CHANGED
@@ -2,21 +2,23 @@
2
 
3
  class GS {
4
 
 
 
5
  // Local
6
  // private $gs_url = "//127.0.0.1:3001";
7
- // private $gs_account = "http://127.0.0.1:3000/";
8
  // private $gs_url_api = "http://127.0.0.1:3001";
9
  // public $api_url = "http://127.0.0.1:3000/api/v1/";
10
 
11
  // Staging
12
  // private $gs_url = "http://staging.api.at.getsocial.io";
13
- // private $gs_account = "http://staging.account.getsocial.io/";
14
  // private $gs_url_api = "//staging.api.at.getsocial.io";
15
  // public $api_url = "http://staging.account.getsocial.io/api/v1/";
16
 
17
  // Production
18
  private $gs_url = "https://api.at.getsocial.io";
19
- private $gs_account = "https://getsocial.io/";
20
  private $gs_url_api = "//api.at.getsocial.io";
21
  public $api_url = "https://getsocial.io/api/v1/";
22
 
@@ -77,7 +79,7 @@ class GS {
77
  update_option('gs-pro', $site_info['pro']);
78
  update_option('gs-apps', json_encode($site_info['gs_apps']));
79
  update_option('gs-ask-review', $site_info['ask_review']);
80
-
81
  update_option('gs-alert-msg', $site_info['alert_msg']);
82
  update_option('gs-alert-utm', $site_info['alert_utm']);
83
  update_option('gs-alert-cta', $site_info['alert_cta']);
@@ -97,6 +99,10 @@ class GS {
97
  return get_option('gs-pro');
98
  }
99
 
 
 
 
 
100
  function is_active($app_name) {
101
  $app = $this->apps($app_name);
102
 
@@ -119,6 +125,7 @@ class GS {
119
  po.src = "$this->gs_url_api/widget/v1/gs_async.js?id="+GETSOCIAL_ID;
120
  var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
121
  })();
 
122
  </script>
123
  EOF;
124
  return $code;
2
 
3
  class GS {
4
 
5
+ public $plugin_version = "3.0";
6
+
7
  // Local
8
  // private $gs_url = "//127.0.0.1:3001";
9
+ // private $gs_account = "http://127.0.0.1:3000";
10
  // private $gs_url_api = "http://127.0.0.1:3001";
11
  // public $api_url = "http://127.0.0.1:3000/api/v1/";
12
 
13
  // Staging
14
  // private $gs_url = "http://staging.api.at.getsocial.io";
15
+ // private $gs_account = "http://staging.account.getsocial.io";
16
  // private $gs_url_api = "//staging.api.at.getsocial.io";
17
  // public $api_url = "http://staging.account.getsocial.io/api/v1/";
18
 
19
  // Production
20
  private $gs_url = "https://api.at.getsocial.io";
21
+ private $gs_account = "https://getsocial.io";
22
  private $gs_url_api = "//api.at.getsocial.io";
23
  public $api_url = "https://getsocial.io/api/v1/";
24
 
79
  update_option('gs-pro', $site_info['pro']);
80
  update_option('gs-apps', json_encode($site_info['gs_apps']));
81
  update_option('gs-ask-review', $site_info['ask_review']);
82
+ update_option('gs-has-subscriptions', $site_info['has_subscriptions']);
83
  update_option('gs-alert-msg', $site_info['alert_msg']);
84
  update_option('gs-alert-utm', $site_info['alert_utm']);
85
  update_option('gs-alert-cta', $site_info['alert_cta']);
99
  return get_option('gs-pro');
100
  }
101
 
102
+ function has_subscriptions() {
103
+ return get_option('gs-has-subscriptions');
104
+ }
105
+
106
  function is_active($app_name) {
107
  $app = $this->apps($app_name);
108
 
125
  po.src = "$this->gs_url_api/widget/v1/gs_async.js?id="+GETSOCIAL_ID;
126
  var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(po, s);
127
  })();
128
+ var GETSOCIAL_VERSION = "$this->plugin_version";
129
  </script>
130
  EOF;
131
  return $code;
readme.txt CHANGED
@@ -4,8 +4,8 @@ Contributors: GetSocial.io, joaoromao
4
  Tags: addthis, addtoany, analytics, button, facebook share, facebook button, like button, tweet button, twitter share, pinterest share, pin button, floating buttons, share, share button, share buttons, share links, shareaholic, sharethis, sharing, social, social analytics, social media, social bookmarking, social buttons, social media, social plugin, social share, social share buttons, social sharing, mobile share bar, mobile sharing, top bar, welcome bar, hello bar, follow buttons, instagram, youtube, increase followers, increase shares, increase traffic, copy paste shares, google analytics integration, yummly, flickr, rss, mailchimp, popup, list builder, infusion soft, bitly, exit intent, time on page, automatic popup, fly-in, exit popup, popup builder, share popup, wordpress popup, subscribe popup, popup on exit
5
 
6
  Requires at least: 3.0
7
- Tested up to: 4.3
8
- Stable tag: 2.9.2
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
@@ -284,6 +284,12 @@ Sure, we’re always here to help. You can contact us at support@getsocial.io or
284
 
285
  == Changelog ==
286
 
 
 
 
 
 
 
287
  **2.9.2**
288
 
289
  - Fix API urls
4
  Tags: addthis, addtoany, analytics, button, facebook share, facebook button, like button, tweet button, twitter share, pinterest share, pin button, floating buttons, share, share button, share buttons, share links, shareaholic, sharethis, sharing, social, social analytics, social media, social bookmarking, social buttons, social media, social plugin, social share, social share buttons, social sharing, mobile share bar, mobile sharing, top bar, welcome bar, hello bar, follow buttons, instagram, youtube, increase followers, increase shares, increase traffic, copy paste shares, google analytics integration, yummly, flickr, rss, mailchimp, popup, list builder, infusion soft, bitly, exit intent, time on page, automatic popup, fly-in, exit popup, popup builder, share popup, wordpress popup, subscribe popup, popup on exit
5
 
6
  Requires at least: 3.0
7
+ Tested up to: 4.4
8
+ Stable tag: 3.0
9
  License: GPLv2 or later
10
  License URI: http://www.gnu.org/licenses/gpl-2.0.html
11
 
284
 
285
  == Changelog ==
286
 
287
+ **3.0**
288
+
289
+ - Plugin verified and compatible with WordPress 4.4
290
+ - Included Hello Buddy tool, the smart popup, on the plugin
291
+ - Included new integrations (InfusionSoft, Bitly)
292
+
293
  **2.9.2**
294
 
295
  - Fix API urls
tmpl/apps.php CHANGED
@@ -1,9 +1,13 @@
1
  <div class="app-grid">
2
- <?php $i = 0; foreach($plan_categories as $cat): $count = 0; ?>
 
 
3
  <?php
4
- foreach($apps as $app => $settings):
5
- if($settings['category'] == $cat){ $count++; }
6
- endforeach;
 
 
7
  ?>
8
  <div class="app-group active">
9
  <div class="app-group-title">
@@ -13,32 +17,32 @@
13
  </a>
14
  </div>
15
  <div class="app-group-body gs-clearfix">
16
- <?php foreach($apps as $app => $settings): ?>
17
- <?php if($settings['category'] == $cat): ?>
18
  <div class="app-link-wrapper <?php if($settings['nocode']){ echo 'filter-nocode'; } ?> filter-<?php echo plan_class($settings['plan']); ?> filter-<?php echo $settings['category']; ?>">
19
  <div class="app-link">
20
- <?php if ($settings['nocode']): ?>
21
  <div class="app-badge nocode">No Code</div>
22
- <?php endif; ?>
23
  <div class="app-badge-group">
24
- <?php if ($settings['new']): ?>
25
  <div class="app-badge new">New</div>
26
- <?php endif; ?>
27
- <?php if ($plan_current == 'one' && $settings['plan'] > 1): ?>
28
  <div class="app-badge plan-<?php echo plan_class($settings['plan']); ?>">
29
  <?php echo plan_name($settings['plan']); ?>
30
  </div>
31
- <?php endif; ?>
32
  </div>
33
  <div class="app-image">
34
- <?php if ($settings['active']): ?>
35
  <div class="installed">
36
  <span>
37
  <i class="fa fa-check-circle"></i>
38
  Installed
39
  </span>
40
  </div>
41
- <?php endif; ?>
42
  <img src="<?php echo plugins_url('../img/apps/'.$settings['file'].'.png', __FILE__) ?>" alt="">
43
  </div>
44
  <div class="app-link-info">
@@ -47,72 +51,81 @@
47
  </div>
48
  <div class="app-link-buttons">
49
  <div>
50
- <?php if (!$settings['only_activate'] || ( isset($settings['only_activate']) && !$settings['active'] )): ?>
51
  <?php // Show modals when user is free and apps are activate only ?>
52
- <?php if (!$GS->is_pro() && $settings['only_activate']): ?>
53
- <?php if ($app == 'Copy Paste Share Tracking'): ?>
54
  <a id="install-copy-and-share" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
55
  Install App
56
  </a>
57
- <?php endif; ?>
58
 
59
- <?php if ($app == 'Google Analytics'): ?>
60
  <a id="install-ga-analytics" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
61
  Install App
62
  </a>
63
- <?php endif; ?>
64
 
65
- <?php if ($app == 'MailChimp'): ?>
66
  <a id="install-mailchimp" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
67
  Install App
68
  </a>
69
- <?php endif; ?>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
70
  <?php // Non Free users can install everything ?>
71
- <?php else: ?>
72
  <?php
73
  // Prevent instalation of mailchimp app without Price Alert or Subscriber Bar
74
  $prevent_install = "";
75
 
76
- if ($app == 'MailChimp' && !$apps['Price Alert']['active'] && !$apps['Subscriber Bar']['active']):
77
  $prevent_install = 'prevent="true"';
78
- endif; ?>
79
- <a href="<?php echo $settings['href'] ?>" target="<?php echo ($settings['only_activate'] && $app != 'MailChimp' ? '' : '_blank') ?>" class="gs-button gs-primary trans border getsocial-tab <?php echo ($settings['only_activate'] ? 'only-activate' : ''); ?>" <?php echo $prevent_install; ?>>
80
 
81
  <?php echo ($settings['active']) ? 'Edit App' : 'Install App' ?>
82
 
83
  <?php // show woocommerce toogle in price alert ?>
84
- <?php if ($app == 'Price Alert' && !$settings['active']): ?>
85
  <span class="gs-tooltip">
86
  <img src="<?php echo plugins_url('../img/woocommerce.png', __FILE__ ) ?>" alt="WooCommerce">
87
  <div>Requires WooCommerce Plugin</div>
88
  </span>
89
- <?php endif; ?>
90
  </a>
91
- <?php endif; ?>
92
- <?php endif; ?>
93
 
94
- <?php if ($settings['active']): ?>
95
  <a href="javascript:void(0)" class="gs-button disable trans border stop deactivate" data-disable-app="<?php echo $GS->api_url('sites/disable/'.get_option('gs-api-key').'/'.$settings['file']) ?>">
96
  Deactivate
97
  </a>
98
- <?php endif; ?>
99
  </div>
100
  </div>
101
  </div>
102
  </div>
103
- <?php endif; ?>
104
- <?php endforeach; ?>
105
  </div>
106
  </div>
107
 
108
- <?php $i++; endforeach; ?>
 
109
  </div>
110
-
111
- <footer>
112
- <a id="gs-backToTop" href="javascript:void(0)" class="gs-button gs-primary"><i class="fa fa-angle-up"></i> Back to Top</a>
113
-
114
- <?php if (!$GS->is_pro()): ?>
115
- &nbsp;&nbsp;&nbsp;&nbsp;or&nbsp;&nbsp;&nbsp;&nbsp;
116
- <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress" target="_blank" class="gs-button plan-two">Upgrade to STARTER</a>
117
- <?php endif; ?>
118
- </footer>
1
  <div class="app-grid">
2
+ <?php $i = 0; ?>
3
+ <?php foreach ($plan_categories as $cat) { ?>
4
+ <?php $count = 0; ?>
5
  <?php
6
+ foreach ($apps as $app => $settings) {
7
+ if ($settings['category'] == $cat) {
8
+ $count++;
9
+ }
10
+ }
11
  ?>
12
  <div class="app-group active">
13
  <div class="app-group-title">
17
  </a>
18
  </div>
19
  <div class="app-group-body gs-clearfix">
20
+ <?php foreach($apps as $app => $settings) { ?>
21
+ <?php if($settings['category'] == $cat) { ?>
22
  <div class="app-link-wrapper <?php if($settings['nocode']){ echo 'filter-nocode'; } ?> filter-<?php echo plan_class($settings['plan']); ?> filter-<?php echo $settings['category']; ?>">
23
  <div class="app-link">
24
+ <?php if ($settings['nocode']) { ?>
25
  <div class="app-badge nocode">No Code</div>
26
+ <?php } ?>
27
  <div class="app-badge-group">
28
+ <?php if ($settings['new']) { ?>
29
  <div class="app-badge new">New</div>
30
+ <?php } ?>
31
+ <?php if ($plan_current == 'one' && $settings['plan'] > 1) { ?>
32
  <div class="app-badge plan-<?php echo plan_class($settings['plan']); ?>">
33
  <?php echo plan_name($settings['plan']); ?>
34
  </div>
35
+ <?php } ?>
36
  </div>
37
  <div class="app-image">
38
+ <?php if ($settings['active']) { ?>
39
  <div class="installed">
40
  <span>
41
  <i class="fa fa-check-circle"></i>
42
  Installed
43
  </span>
44
  </div>
45
+ <?php } ?>
46
  <img src="<?php echo plugins_url('../img/apps/'.$settings['file'].'.png', __FILE__) ?>" alt="">
47
  </div>
48
  <div class="app-link-info">
51
  </div>
52
  <div class="app-link-buttons">
53
  <div>
54
+ <?php if (!$settings['only_activate'] || (isset($settings['only_activate']) && !$settings['active'])) { ?>
55
  <?php // Show modals when user is free and apps are activate only ?>
56
+ <?php if (!$GS->is_pro() && $settings['only_activate']) { ?>
57
+ <?php if ($app == 'Copy Paste Share Tracking') { ?>
58
  <a id="install-copy-and-share" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
59
  Install App
60
  </a>
61
+ <?php } ?>
62
 
63
+ <?php if ($app == 'Google Analytics') { ?>
64
  <a id="install-ga-analytics" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
65
  Install App
66
  </a>
67
+ <?php } ?>
68
 
69
+ <?php if ($app == 'MailChimp') { ?>
70
  <a id="install-mailchimp" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
71
  Install App
72
  </a>
73
+ <?php } ?>
74
+
75
+ <?php if ($app == 'Bitly') { ?>
76
+ <a id="install-bitly" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
77
+ Install App
78
+ </a>
79
+ <?php } ?>
80
+
81
+ <?php if ($app == 'InfusionSoft') { ?>
82
+ <a id="install-infusionsoft" href="#" class="gs-button gs-primary trans border getsocial-tab only-activate">
83
+ Install App
84
+ </a>
85
+ <?php } ?>
86
+
87
+ <?php } elseif ($app == 'Hello Buddy' && $settings['active'] == 'active') { ?>
88
+ <a href="<?php echo $GS->gs_account(); ?>/sites/gs-wordpress?edit-hello-buddy<?php echo '&api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('hello_buddies') ?>" target="_blank" class="gs-button gs-primary trans border getsocial-tab">
89
+ Edit App
90
+ </a>
91
  <?php // Non Free users can install everything ?>
92
+ <?php } else { ?>
93
  <?php
94
  // Prevent instalation of mailchimp app without Price Alert or Subscriber Bar
95
  $prevent_install = "";
96
 
97
+ if (($app == 'MailChimp' || $app == 'InfusionSoft') && !$GS->has_subscriptions()) {
98
  $prevent_install = 'prevent="true"';
99
+ } ?>
100
+ <a href="<?php echo $settings['href'] ?>" target="<?php echo ($settings['only_activate'] && ($app != 'MailChimp' || $app !='InfusionSoft') ? '' : '_blank') ?>" class="gs-button gs-primary trans border getsocial-tab <?php echo ($settings['only_activate'] ? 'only-activate' : ''); ?>" <?php echo $prevent_install; ?>>
101
 
102
  <?php echo ($settings['active']) ? 'Edit App' : 'Install App' ?>
103
 
104
  <?php // show woocommerce toogle in price alert ?>
105
+ <?php if ($app == 'Price Alert' && !$settings['active']) { ?>
106
  <span class="gs-tooltip">
107
  <img src="<?php echo plugins_url('../img/woocommerce.png', __FILE__ ) ?>" alt="WooCommerce">
108
  <div>Requires WooCommerce Plugin</div>
109
  </span>
110
+ <?php } ?>
111
  </a>
112
+ <?php } ?>
113
+ <?php } ?>
114
 
115
+ <?php if ($settings['active'] && $settings['file'] != "hello_buddy") { ?>
116
  <a href="javascript:void(0)" class="gs-button disable trans border stop deactivate" data-disable-app="<?php echo $GS->api_url('sites/disable/'.get_option('gs-api-key').'/'.$settings['file']) ?>">
117
  Deactivate
118
  </a>
119
+ <?php } ?>
120
  </div>
121
  </div>
122
  </div>
123
  </div>
124
+ <?php } ?>
125
+ <?php } ?>
126
  </div>
127
  </div>
128
 
129
+ <?php $i++; ?>
130
+ <?php } ?>
131
  </div>
 
 
 
 
 
 
 
 
 
tmpl/apps_config.php CHANGED
@@ -8,6 +8,7 @@
8
  'Insights' => 'four'
9
  );
10
  $categories = array(
 
11
  'Sharing Apps' => 'sharing',
12
  'Follow Apps' => 'follow',
13
  'Tracking & Engagement Apps' => 'tracking_engagement',
@@ -16,8 +17,8 @@
16
  $apps = array(
17
  'Horizontal Sharing Bar' => array(
18
  'file' => 'sharing-bar',
19
- 'category' => 'sharing',
20
- 'nocode' => false,
21
  'new' => false,
22
  'plan' => 1,
23
  'active' => $GS->is_active('sharing_bar'),
@@ -27,7 +28,7 @@
27
  ),
28
  'Mobile Sharing Bar' => array(
29
  'file' => 'mobile-bar',
30
- 'category' => 'sharing',
31
  'nocode' => true,
32
  'new' => false,
33
  'plan' => 2,
@@ -55,9 +56,20 @@
55
  'plan' => 2,
56
  'active' => $GS->is_active('image_sharing'),
57
  'only_activate' => false,
58
- 'href' => $GS->gs_account() . '/sites/gs-wordpress/image_sharing/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('image-sharing'),
59
  "desc" => "Increase shares on images on your website. Great for media-based websites."
60
  ),
 
 
 
 
 
 
 
 
 
 
 
61
  'Copy Paste Share Tracking' => array(
62
  'file' => 'address-tracker',
63
  'category' => 'tracking_engagement',
@@ -72,7 +84,7 @@
72
  'Native Sharing Bar' => array(
73
  'file' => 'native-bar',
74
  'category' => 'sharing',
75
- 'nocode' => false,
76
  'new' => false,
77
  'plan' => 1,
78
  'active' => $GS->is_active('native_bar'),
@@ -83,8 +95,8 @@
83
  'Horizontal Follow Bar' => array(
84
  'file' => 'follow-bar',
85
  'category' => 'follow',
86
- 'nocode' => false,
87
- 'new' => true,
88
  'plan' => 1,
89
  'active' => $GS->is_active('follow_bar'),
90
  'only_activate' => false,
@@ -95,7 +107,7 @@
95
  'file' => 'floating-follow-bar',
96
  'category' => 'follow',
97
  'nocode' => true,
98
- 'new' => true,
99
  'plan' => 1,
100
  'active' => $GS->is_active('floating_follow_bar'),
101
  'only_activate' => false,
@@ -106,7 +118,7 @@
106
  'file' => 'mobile-follow-bar',
107
  'category' => 'follow',
108
  'nocode' => true,
109
- 'new' => true,
110
  'plan' => 2,
111
  'active' => $GS->is_active('mobile_follow_bar'),
112
  'only_activate' => false,
@@ -115,7 +127,7 @@
115
  ),
116
  'Welcome Bar' => array(
117
  'file' => 'welcome-bar',
118
- 'category' => 'tracking_engagement',
119
  'nocode' => true,
120
  'new' => false,
121
  'plan' => 1,
@@ -126,7 +138,7 @@
126
  ),
127
  'Subscriber Bar' => array(
128
  'file' => 'subscriber-bar',
129
- 'category' => 'tracking_engagement',
130
  'nocode' => true,
131
  'new' => false,
132
  'plan' => 2,
@@ -138,7 +150,7 @@
138
  'Big Total Shares Horizontal' => array(
139
  'file' => 'social-bar-big-counter',
140
  'category' => 'sharing',
141
- 'nocode' => false,
142
  'new' => false,
143
  'plan' => 2,
144
  'active' => $GS->is_active('social_bar_big_counter'),
@@ -148,7 +160,7 @@
148
  ),
149
  'Big Total Shares Floating' => array(
150
  'file' => 'floating-bar-big-counter',
151
- 'category' => 'sharing',
152
  'nocode' => true,
153
  'new' => false,
154
  'plan' => 2,
@@ -160,7 +172,7 @@
160
  'Custom Sharing Actions' => array(
161
  'file' => 'custom-actions',
162
  'category' => 'sharing',
163
- 'nocode' => false,
164
  'new' => false,
165
  'plan' => 1,
166
  'active' => $GS->is_active('custom_actions'),
@@ -171,7 +183,7 @@
171
  'Price Alert' => array(
172
  'file' => 'price-alert',
173
  'category' => 'ecommerce_integrations',
174
- 'nocode' => false,
175
  'new' => false,
176
  'plan' => 2,
177
  'active' => $GS->is_active('price_alert'),
@@ -194,13 +206,35 @@
194
  'file' => 'mailchimp',
195
  'category' => 'ecommerce_integrations',
196
  'nocode' => true,
197
- 'new' => true,
198
  'plan' => 2,
199
  'active' => $GS->is_active('mailchimp'),
200
  'only_activate' => true,
201
- 'href' => $GS->gs_account() . 'auth/mailchimp',
202
  'desc' => "Automatically connect your Subscriber Bar & Price Alert features with your Mailchimp account"
203
  ),
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
204
  );
205
 
206
  $plan_class = array_values($plans);
8
  'Insights' => 'four'
9
  );
10
  $categories = array(
11
+ 'Most Popular' => 'popular',
12
  'Sharing Apps' => 'sharing',
13
  'Follow Apps' => 'follow',
14
  'Tracking & Engagement Apps' => 'tracking_engagement',
17
  $apps = array(
18
  'Horizontal Sharing Bar' => array(
19
  'file' => 'sharing-bar',
20
+ 'category' => 'popular',
21
+ 'nocode' => true,
22
  'new' => false,
23
  'plan' => 1,
24
  'active' => $GS->is_active('sharing_bar'),
28
  ),
29
  'Mobile Sharing Bar' => array(
30
  'file' => 'mobile-bar',
31
+ 'category' => 'popular',
32
  'nocode' => true,
33
  'new' => false,
34
  'plan' => 2,
56
  'plan' => 2,
57
  'active' => $GS->is_active('image_sharing'),
58
  'only_activate' => false,
59
+ 'href' => $GS->gs_account() . '/sites/gs-wordpress/image_sharing/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('hello_buddies'),
60
  "desc" => "Increase shares on images on your website. Great for media-based websites."
61
  ),
62
+ 'Hello Buddy' => array(
63
+ 'file' => 'hello_buddy',
64
+ 'category' => 'popular',
65
+ 'nocode' => true,
66
+ 'new' => true,
67
+ 'plan' => 1,
68
+ 'active' => $GS->is_active('hello_buddy'),
69
+ 'only_activate' => false,
70
+ 'href' => $GS->gs_account() . '/sites/gs-wordpress/hello_buddies/new?api_key=' . $GS->api_key . '&amp;source=wordpress' . $GS->utms('image-sharing'),
71
+ "desc" => "The intelligent pop-up. The right message at the right time! Great to boost shares & subscribers!"
72
+ ),
73
  'Copy Paste Share Tracking' => array(
74
  'file' => 'address-tracker',
75
  'category' => 'tracking_engagement',
84
  'Native Sharing Bar' => array(
85
  'file' => 'native-bar',
86
  'category' => 'sharing',
87
+ 'nocode' => true,
88
  'new' => false,
89
  'plan' => 1,
90
  'active' => $GS->is_active('native_bar'),
95
  'Horizontal Follow Bar' => array(
96
  'file' => 'follow-bar',
97
  'category' => 'follow',
98
+ 'nocode' => true,
99
+ 'new' => false,
100
  'plan' => 1,
101
  'active' => $GS->is_active('follow_bar'),
102
  'only_activate' => false,
107
  'file' => 'floating-follow-bar',
108
  'category' => 'follow',
109
  'nocode' => true,
110
+ 'new' => false,
111
  'plan' => 1,
112
  'active' => $GS->is_active('floating_follow_bar'),
113
  'only_activate' => false,
118
  'file' => 'mobile-follow-bar',
119
  'category' => 'follow',
120
  'nocode' => true,
121
+ 'new' => false,
122
  'plan' => 2,
123
  'active' => $GS->is_active('mobile_follow_bar'),
124
  'only_activate' => false,
127
  ),
128
  'Welcome Bar' => array(
129
  'file' => 'welcome-bar',
130
+ 'category' => 'popular',
131
  'nocode' => true,
132
  'new' => false,
133
  'plan' => 1,
138
  ),
139
  'Subscriber Bar' => array(
140
  'file' => 'subscriber-bar',
141
+ 'category' => 'popular',
142
  'nocode' => true,
143
  'new' => false,
144
  'plan' => 2,
150
  'Big Total Shares Horizontal' => array(
151
  'file' => 'social-bar-big-counter',
152
  'category' => 'sharing',
153
+ 'nocode' => true,
154
  'new' => false,
155
  'plan' => 2,
156
  'active' => $GS->is_active('social_bar_big_counter'),
160
  ),
161
  'Big Total Shares Floating' => array(
162
  'file' => 'floating-bar-big-counter',
163
+ 'category' => 'popular',
164
  'nocode' => true,
165
  'new' => false,
166
  'plan' => 2,
172
  'Custom Sharing Actions' => array(
173
  'file' => 'custom-actions',
174
  'category' => 'sharing',
175
+ 'nocode' => true,
176
  'new' => false,
177
  'plan' => 1,
178
  'active' => $GS->is_active('custom_actions'),
183
  'Price Alert' => array(
184
  'file' => 'price-alert',
185
  'category' => 'ecommerce_integrations',
186
+ 'nocode' => true,
187
  'new' => false,
188
  'plan' => 2,
189
  'active' => $GS->is_active('price_alert'),
206
  'file' => 'mailchimp',
207
  'category' => 'ecommerce_integrations',
208
  'nocode' => true,
209
+ 'new' => false,
210
  'plan' => 2,
211
  'active' => $GS->is_active('mailchimp'),
212
  'only_activate' => true,
213
+ 'href' => $GS->gs_account() . '/auth/mailchimp',
214
  'desc' => "Automatically connect your Subscriber Bar & Price Alert features with your Mailchimp account"
215
  ),
216
+ 'Bitly' => array(
217
+ 'file' => 'bitly',
218
+ 'category' => 'ecommerce_integrations',
219
+ 'nocode' => true,
220
+ 'new' => true,
221
+ 'plan' => 2,
222
+ 'active' => $GS->is_active('bitly'),
223
+ 'only_activate' => true,
224
+ 'href' => $GS->gs_account() . '/auth/bitly',
225
+ 'desc' => "Activating our Bitly integration will allow your readers to share using your Bitly account. Easy, no code required!"
226
+ ),
227
+ 'InfusionSoft' => array(
228
+ 'file' => 'infusionsoft',
229
+ 'category' => 'ecommerce_integrations',
230
+ 'nocode' => true,
231
+ 'new' => true,
232
+ 'plan' => 2,
233
+ 'active' => $GS->is_active('infusionsoft'),
234
+ 'only_activate' => true,
235
+ 'href' => $GS->gs_account() . '/auth/infusionsoft',
236
+ 'desc' => "Connect to Infusionsoft account and grow your CRM list with our Subscriber Bar"
237
+ ),
238
  );
239
 
240
  $plan_class = array_values($plans);
tmpl/apps_filters.php CHANGED
@@ -9,6 +9,7 @@
9
  <a href="javascript:void(0)" class="gs-button gs-success nocode trans gs-tooltip" data-filter="nocode">No Code <div>Apps that <strong>require no code</strong> to be installed</div></a>
10
  <a href="javascript:void(0)" id="app-filter" class="gs-button gs-primary trans"><i class="fa fa-filter"></i> Category</a>
11
  <div id="app-filter-dropdown">
 
12
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="sharing">Sharing Apps</a>
13
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="follow">Follow Apps</a>
14
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="tracking_engagement">Tracking & Engagement Apps</a>
9
  <a href="javascript:void(0)" class="gs-button gs-success nocode trans gs-tooltip" data-filter="nocode">No Code <div>Apps that <strong>require no code</strong> to be installed</div></a>
10
  <a href="javascript:void(0)" id="app-filter" class="gs-button gs-primary trans"><i class="fa fa-filter"></i> Category</a>
11
  <div id="app-filter-dropdown">
12
+ <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="popular">Most Popular</a>
13
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="sharing">Sharing Apps</a>
14
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="follow">Follow Apps</a>
15
  <a href="javascript:void(0)" class="gs-button gs-primary trans filter-btn js-app-one" data-filter="tracking_engagement">Tracking & Engagement Apps</a>
tmpl/footer.php ADDED
@@ -0,0 +1,37 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <footer>
2
+ <?php if (get_option('gs-api-key') != '') { ?>
3
+ <a id="gs-backToTop" href="javascript:void(0)" class="gs-button gs-primary"><i class="fa fa-angle-up"></i> Back to Top</a>
4
+ <?php if (!$GS->is_pro()) { ?>
5
+ &nbsp;&nbsp;&nbsp;&nbsp;or&nbsp;&nbsp;&nbsp;&nbsp;
6
+ <a href="<?php echo $GS->gs_account() ?>/sites/gs-wordpress/billing/select_tier?api_key=<?php echo $GS->api_key ?>&amp;source=wordpress" target="_blank" class="gs-button plan-two">Upgrade to STARTER</a>
7
+ <?php } ?>
8
+
9
+ <div class="alert-block plan-free gs-primary alert-info" style="max-width: 600px; padding: 20px 30px; margin: 60px auto 0; border-radius: 4px;">
10
+ <p class="alert-title" style="margin-bottom: 20px; font-size: 18px;">
11
+ Love GetSocial? Here are a couple of ways you can help:</p>
12
+ <ol style="text-align: left; line-height: 18px; color: #fff; padding-left: 15px; font-size: 15px; list-style-type: decimal;">
13
+ <li style="margin-bottom: 5px">Go to WordPress.org now and give <a style="color: inherit;" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform" target="_blank"><strong>this plugin a 5★ rating</strong></a></li>
14
+ <li>Blog about GetSocial and <a style="color: inherit;" href="https://wordpress.org/plugins/wp-share-buttons-analytics-by-getsocial/" target="_blank">link to the plugin page</a> or <strong><a style="color: inherit;" href="http://getsocial.io" target="_blank">getsocial.io</strong></a>. Spreading the word helps us keep the best features free. If you have any problems or need any assistance just reach out to our <a href="mailto:support@getsocial.io" style="color: #fff; text-decoration: underline"><strong>Free Support</strong></a></li>
15
+ </ol>
16
+ </div>
17
+
18
+ <div style="text-align: center; margin-top: 15px; font-size: 16px;">
19
+ <a target="_blank" href="http://getsocial.io/" style="color: #339ed5 !important;">GetSocial Share Buttons <?php echo $GS->plugin_version; ?></a>
20
+ </div>
21
+ <a href="javascript:void(0)" id="thankyou" class="ssba-btn-thank-you pull-right gs-button gs-primary" style="position: fixed; bottom: 150px; right: 0; border-radius: 4px 0 0 4px; font-size: 20px; padding-top: 6px;"><i class="fa fa-star" style="color:yellow"></i></a>
22
+ <?php } ?>
23
+ </footer>
24
+
25
+ <!-- Thank you Modal -->
26
+ <div id="thankyou-modal" class="modal-wrapper hide">
27
+ <div class="gs-modal small text-center">
28
+ <div class="modal-title">
29
+ <p class="title" style="padding-bottom: 10px;">Thank you!</p>
30
+ </div>
31
+ <p class="alert-block" style="text-align: left; padding-bottom: 0">
32
+ We’re thrilled you chose <a style="color:#339ed5" target="_blank" href="http://getsocial.io/">Social Sharing, Smart Popup & Share Buttons by GetSocial.io</a> to increase your traffic, shares and subscribers on WordPress.<br><br><strong>We honestly hope the plugin is working out for you and your website.</strong><br><br>
33
+ <div style="padding: 20px 10px; background: #339ed5; color: #fff; border-radius: 4px; margin-top: 10px;">If you like the plugin, please consider supporting us through a <a style="color:#fff; font-weight: bold; text-decoration: underline;" target="_blank" href="https://wordpress.org/support/view/plugin-reviews/wp-share-buttons-analytics-by-getsocial?filter=5#postform">positive review on WordPress.org</a>.</div><br><div style="text-align: left; padding: 10px 30px 0;">It’s a great way to give back and allows us to keep providing most of our features for free. If you don’t feel we’re worth the 5 stars, <a style="color:#339ed5" href="mailto:support@getsocial.io">please let us know</a>.<br><br>We’re always available to provide <a style="color:#339ed5;" href="mailto:support@getsocial.io">technical support</a> too.</div>
34
+ </p>
35
+ </div>
36
+ <div class="modal-cover modal-close"></div>
37
+ </div>
uninstall.php CHANGED
@@ -21,4 +21,5 @@ if (defined('WP_UNINSTALL_PLUGIN')) {
21
  delete_site_option('gs-api-key');
22
  delete_site_option('gs-apps');
23
  delete_site_option('gs-lang');
 
24
  }
21
  delete_site_option('gs-api-key');
22
  delete_site_option('gs-apps');
23
  delete_site_option('gs-lang');
24
+ delete_site_option('gs-has-subscriptions');
25
  }
wp-share-buttons-analytics-getsocial.php CHANGED
@@ -3,7 +3,7 @@
3
  * Plugin Name: Share Buttons & tools to grow traffic by GetSocial.io
4
  * Plugin URI: http://getsocial.io
5
  * Description: Share Buttons by GetSocial.io is a freemium WordPress plugin that enables you to track social shares on Wordpress. Provide beautiful wordpress sharing buttons, track how many shares were made in each post and see how much traffic, conversions and shares each post generated. Optimize your SEO and increase social shares with GetSocial.io.
6
- * Version: 2.9.2
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2
@@ -117,7 +117,7 @@ function change_excerpt($content) {
117
  $after_content = "";
118
 
119
  // If we are in the posts page, show a share bar at the end of the post only
120
- if (is_home() && get_option('gs-posts-page') == 'active'):
121
  if($groups_active):
122
  $groups = $GS->getCode('sharing_bar', get_permalink(), get_the_title(), wp_get_attachment_url( get_post_thumbnail_id($post->ID)), null, null, true);
123
 
3
  * Plugin Name: Share Buttons & tools to grow traffic by GetSocial.io
4
  * Plugin URI: http://getsocial.io
5
  * Description: Share Buttons by GetSocial.io is a freemium WordPress plugin that enables you to track social shares on Wordpress. Provide beautiful wordpress sharing buttons, track how many shares were made in each post and see how much traffic, conversions and shares each post generated. Optimize your SEO and increase social shares with GetSocial.io.
6
+ * Version: 3.0
7
  * Author: Getsocial, S.A.
8
  * Author URI: http://getsocial.io
9
  * License: GPL2
117
  $after_content = "";
118
 
119
  // If we are in the posts page, show a share bar at the end of the post only
120
+ if ((is_home() || is_search() || is_category()) && get_option('gs-posts-page') == 'active'):
121
  if($groups_active):
122
  $groups = $GS->getCode('sharing_bar', get_permalink(), get_the_title(), wp_get_attachment_url( get_post_thumbnail_id($post->ID)), null, null, true);
123