@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
.icon_button{text-indent:-999em;position:relative;display:block;padding:0;height:2.369em;width:2.369em;font-size:1em;font-weight:400}
.icon_button:after{font-family:"FontAwesome";content:"\f118";position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0;line-height:2.369}
[hidden]{display:none}
html{background:#fff;color:#000;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#000}
code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}
@-webkit-keyframes bounceInUp {
0%{opacity:0;-webkit-transform:translateY(2000px)}
60%{opacity:1;-webkit-transform:translateY(-30px)}
80%{-webkit-transform:translateY(10px)}
100%{-webkit-transform:translateY(0)}
}
@-moz-keyframes bounceInUp {
0%{opacity:0;-moz-transform:translateY(2000px)}
60%{opacity:1;-moz-transform:translateY(-30px)}
80%{-moz-transform:translateY(10px)}
100%{-moz-transform:translateY(0)}
}
@-o-keyframes bounceInUp {
0%{opacity:0;-o-transform:translateY(2000px)}
60%{opacity:1;-o-transform:translateY(-30px)}
80%{-o-transform:translateY(10px)}
100%{-o-transform:translateY(0)}
}
@keyframes bounceInUp {
0%{opacity:0;transform:translateY(2000px)}
60%{opacity:1;transform:translateY(-30px)}
80%{transform:translateY(10px)}
100%{transform:translateY(0)}
}
.bounceInUp{-webkit-animation-name:bounceInUp;-moz-animation-name:bounceInUp;-o-animation-name:bounceInUp;animation-name:bounceInUp}
@-webkit-keyframes spin-360 {
from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);zoom:1}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);zoom:1}
}
@-moz-keyframes spin-360 {
from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);zoom:1}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);zoom:1}
}
@-o-keyframes spin-360 {
from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);zoom:1}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);zoom:1}
}
@keyframes spin-360 {
from{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);zoom:1}
to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg);zoom:1}
}
html{background:#f6f6f6;height:100%}
body{font-family:"Helvetica Neue",sans-serif;font-size:14px;padding-bottom:10px}
a{text-decoration:none}
#theme-demo{position:relative}
.theme-wrapper.notiOS:before{content:"\f110";display:block;font-family:'FontAwesome';position:absolute;top:50%;left:50%;font-size:3.631em;margin-left:-1.8155rem;margin-top:-1.8155rem;line-height:1;color:#000;-webkit-animation:spin-360 linear 1s infinite;-moz-animation:spin-360 linear 1s infinite;-o-animation:spin-360 linear 1s infinite;animation:spin-360 linear 1s infinite;z-index:999999;z-index:-1}
.switcher-hidden .switcher{width:50px;overflow:hidden;-moz-border-radius:0 4px 0 0;border-radius:0 4px 0 0}
.switcher-hidden .theme-wrapper.notiOS iframe{padding-top:0}
.switcher{height:50px;background-image: linear-gradient(90deg,#3F51B5 0%, #4080f0 100%);padding:0 0 0 20px;padding-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;margin-top:0;position:fixed;top:0;left:0;right:0;z-index:999;-webkit-transition:width ease .3s;-moz-transition:width ease .3s;-o-transition:width ease .3s;transition:width ease .3s;-webkit-box-shadow:0 0 0 .236em rgba(0,0,0,0.1);box-shadow:0 0 0 .236em rgba(0,0,0,0.1);}
.switcher .woologo{float:left;display:block;height:50px;background:#FFF;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding-top:4px;padding-right:10px;padding-left:10px;position:relative;cursor:pointer}
.switcher .woologo img{height:40px}
.switcher .switcher-toggle{display:block;text-indent:-9999px;position:relative;height:50px;width:50px;position:absolute;top:0;right:0;z-index:99;background:#0e2936;cursor:pointer}
.switcher .switcher-toggle:hover{background:#13384a}
.switcher .switcher-toggle:hover:before{color:#cfe8f3}
.switcher .switcher-toggle:before{font-family:'FontAwesome';speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:50px;-webkit-font-smoothing:antialiased;margin:0;text-indent:0;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;color:#7fc0de;content:"\f07e"}
.switcher .dropdown{float:left;height:50px;position:relative;border-right:1px solid #60b2d6}
.switcher .dropdown:first-of-type{border-left:1px solid #60b2d6}
.switcher .dropdown > a{position:relative}
.switcher .dropdown > a:after{position:absolute;content:"";display:block;border:1em solid #fff;bottom:100%;left:50%;margin-left:-1em;border-bottom-width:0;border-color:#fff transparent transparent;filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s}
.switcher .dropdown > a:hover:after{filter:alpha(opacity=@opacity * 100);-moz-opacity:1;-khtml-opacity:1;opacity:1;bottom:43px}
.switcher .dropdown:hover > a:after{filter:alpha(opacity=@opacity * 100);-moz-opacity:1;-khtml-opacity:1;opacity:1;bottom:43px}
.switcher .dropdown a{height:50px;line-height:50px;border-width:0 1px;display:inline-block;padding:0 20px;width:240px;*zoom:1}
.switcher .dropdown a:before,.switcher .dropdown a:after{content:"";display:table}
.switcher .dropdown a:after{clear:both}
.switcher .dropdown a .title{margin-right:20px;float:left;font-weight:700}
.switcher .dropdown a .category{float:right;font-size:.857em;filter:alpha(opacity=@opacity * 100);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.switcher .dropdown a.active-theme{color:#fff;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;-o-transition:all ease .238s;transition:all ease .238s;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.switcher .dropdown a.active-theme:before{font-family:"FontAwesome";display:inline-block;float:right;margin-left:15px;content:"\f106";filter:alpha(opacity=@opacity * 100);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
.switcher .dropdown a.active-theme:hover{background:rgba(255,255,255,0.1)}
.switcher .dropdown a.active-theme:hover:before{filter:alpha(opacity=@opacity * 100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.switcher .dropdown a.active-theme img{display:none!important}
.switcher ul{*zoom:1}
.switcher ul:before,.switcher ul:after{content:"";display:table}
.switcher ul:after{clear:both}
.switcher ul li{display:inline-block;vertical-align:top}
.switcher ul li:first-child img{margin:8px 0}
.theme-wrapper{margin:0 auto;width:100%;height:100%;-webkit-transition:all ease .5s;-moz-transition:all ease .5s;-o-transition:all ease .5s;transition:all ease .5s}
.theme-wrapper.iOSdevice{-webkit-border-radius:25px;border-radius:25px;margin:75px auto;background:#0a0809}
.theme-wrapper.iOSdevice.portrait{padding:75px 10px}
.theme-wrapper.iOSdevice.landscape{padding:10px 75px}
.theme-wrapper.hidden{filter:alpha(opacity=@opacity * 100);-moz-opacity:0;-khtml-opacity:0;opacity:0}
.theme-wrapper.notiOS iframe{padding-top:50px}
ul.icon-links{margin:0;list-style:none;text-align:center}
ul.icon-links a{display:block;text-indent:-9999px;position:relative;height:50px;width:50px;color:#fff;outline:none}
ul.icon-links li.ahotline a{display:block;text-indent:0;position:relative;height:50px;width:auto;padding-left:25px;line-height:50px;font-size:16px;color:#fff;padding-right:15px;outline:none}
ul.icon-links li.ahotline a:before{width:auto;font-size:24px}
ul.icon-links a:before{font-family:'FontAwesome';speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:50px;-webkit-font-smoothing:antialiased;margin:0;text-indent:0;position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;-webkit-transition:all ease .238s;-moz-transition:all ease .238s;-o-transition:all ease .238s;transition:all ease .238s;content:"\f095"}
ul.icon-links a.activeLandscape:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);zoom:1}
ul.icon-links a.activeLandscape:hover:before{-webkit-transform:rotate(0);form:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0);zoom:1}
ul.icon-links a.activePortrait:hover:before{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);zoom:1}
ul.icon-links .desktop:before{content:"\f108";}
ul.icon-links .tablet:before{content:"\f10a"}
ul.icon-links .phone:before{content:"\f10b"}
ul.icon-links .desktop,ul.icon-links .tablet,ul.icon-links .phone{filter:alpha(opacity=@opacity * 100);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}
ul.icon-links .desktop:hover,ul.icon-links .tablet:hover,ul.icon-links .phone:hover,ul.icon-links .desktop.active,ul.icon-links .tablet.active,ul.icon-links .phone.active{filter:alpha(opacity=@opacity * 100);-moz-opacity:1;-khtml-opacity:1;opacity:1}
.ahotline a{font-size:24px;color:#FFF}
ul.icon-links .purchase{text-indent:0;line-height:50px;width:auto;padding:0 20px;font-weight:500;background:#FF9800;font-family:tahoma}
ul.icon-links .purchase em{font-weight:700;font-style:normal;color:#b5f4c3;padding:.202em .618em;background:#33c453;-webkit-border-radius:2px;border-radius:2px;margin-left:.618em}
ul.icon-links .purchase:before{position:static;font-family:'FontAwesome';speak:none;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;margin-right:10px;line-height:50px;content:"\f07a"}
ul.icon-links .purchase:hover{background:#33c453}
ul.icon-links .purchase:hover em{background:#2eb04a}
ul.icon-links .reveal:before{content:"\f078"}
ul.respond a{cursor:pointer}
ul.respond a:before{font-size:24px;color: #fff;}
ul.respond a.desktop{margin-right:.236em;margin-left:1em}
ul.actions{float:right;margin-right:50px}
#theme-demo{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;position:absolute;top:0;left:0;right:0;bottom:0;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;transition:all ease .3s;-webkit-box-shadow:0 -50px 0 0 #000;box-shadow:0 -50px 0 0 #000}
.iOSdevice #theme-demo{position:static;-webkit-transform:translateY(0);transform:translateY(0);-webkit-box-shadow:none;box-shadow:none}
@media only screen and (max-width: 480px) {
.switcher{padding-left:0}
.switcher .respond,.switcher .woologo,.switcher .styles-drop,.switcher .examples-drop,.switcher ul.actions{display:none}
.switcher ul.actions{padding-left:0}
.switcher .dropdown{float:left}
.switcher .dropdown .active-theme .category{display:none}
.switcher .dropdown a{width:150px}
.switcher .dropdown ul.themes{width:320px}
.switcher .dropdown ul.themes a{width:100%}
}
@media only screen and (max-width: 768px) {
.switcher .styles-drop{display:none}
}