@font-face{ font-family: 'Lato'; font-style: normal; src: url("GStatic.woff") format("woff"); font-display: swap;}

body {background: #FFF; font-family: 'Lato' !important; color:#010101;text-align:center;cursor:default; font-size:18px}
img {max-width:100%;height:auto;}
h1, h2, h3, h4 {color:black;text-align:center;} 
a {text-decoration:underline;color:#1117AC;} a:hover {color:#232681;opacity:0.7;} a:focus{outline: 0;}
.form-control{ background: #FFF; text-align:center; line-height:1; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; }
.form-group2items{ width:49%; display:inline-block; text-align:center; } @media(max-width: 500px){.form-group2items{ width:90% !important;}}
.form-group3items{ width:29%; display:inline-block; text-align:center; } @media(max-width: 600px){.form-group3items{ width:90% !important;}}
.header-deveider{background:#d9d9d9;width:60px;height:3px;margin: 0 auto 40px;}
.btn   { color:white;text-decoration:none;padding:12px 22px 12px 22px;font-size:18px;cursor:default; margin-top:10px;}
.btn i { margin-right:10px; }
.footer {background-color:#2d2d2d; color:white;}
.row{margin-top:20px}

/* Fonts for logos*/
.rubik-glitch-pop-regular { font-family: "Rubik Glitch Pop", serif; font-weight: 400; font-style: normal;}
.rubik-microbe-regular { font-family: "Rubik Microbe", serif; font-weight: 400; font-style: normal;}
.rubik-moonrocks-regular { font-family: "Rubik Moonrocks", serif; font-weight: 400; font-style: normal;}
.nosifer-regular { font-family: "Nosifer", serif; font-weight: 400; font-style: normal;}
 /* Logo  */ .LogoImg{height:100px;width:100px;margin-top:40px;border-radius:100px;background:gray;background:rgba(0,0,0,0.7);}
 /* Logo  */ .LogoText{height:100px;width:100px;margin-top:40px;padding-top:6px;border-radius:100px;background:gray;background:rgba(0,0,0,0.7);}
 /* Logo  */ .LogoText1{border-radius:2px 2px 2px 2px;font-weight:bold;font-size:30px;display:inline-block;text-decoration:none;color:white;text-shadow:0 0 10px #010101, 0 0 10px #010101;background:gray;background:rgba(0,0,0,0.8);padding:0px 10px 0px 10px;}
 /* Logo  */ .LogoText2{border-radius:0px 0px 2px 2px;font-weight:bold;font-size:18px;display:inline-block;text-decoration:none;color:white;text-shadow:0 0 10px #010101, 0 0 10px #010101;background:gray;background:rgba(0,0,0,0.7);padding:4px 10px 4px 10px;line-height:20px;}

/* Register */
.login-22 {width:750px;margin:60px auto;}
.login-22 h1 {font-size:28px;text-align:center;font-size:1.75rem;margin-top:30px;margin-bottom:30px}
.box_form2 {background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px}
.box_form2 label {font-weight:500;margin-bottom:-10px}
@media (max-width:867px) {.login-22 .box_form2 {padding:20px 20px 0}.login-22 {width:100%;margin:0}}

/* Toggle */
.toggle { box-sizing:border-box; display:flex; flex-flow:row nowrap; align-items: center; justify-content: center;}
.toggle input { display:none; }
.toggle i { margin-left:15px; margin-right:15px; }
.toggle input + label { margin:-2px; padding:10px 20px; box-sizing:border-box; border:solid 1px #DDD; box-shadow:0 0 0 rgba(255, 255, 255, 0); transition:border-color .15s ease-out, color .25s ease-out, background-color .15s ease-out, box-shadow .15s ease-out; }
.toggle input + label:first-of-type { border-radius: 6px 0 0 6px; border-right:none; } 
.toggle input + label:last-of-type { border-radius: 0 6px 6px 0; border-left:none; }
.toggle input:hover + label { border-color: #213140; }
.toggle input:checked + label { background-color: #4B9DEA; color: #FFF; box-shadow: 0 0 10px rgba(102, 179, 251, 0.5); border-color: #4B9DEA; z-index: 1; }
@media (max-width: 400px) { .toggle input + label { padding: 10px 20px; flex: 0 0 50%; display: flex; justify-content: center; align-items: center; }}

/* Location */ .Location {float:right;color:white;font-size:15px;} .Location img {display:inline-block;border-radius:3px;margin-top:-2px;margin-right:25px;margin-left:5px;}

/* Navigation */
#NavBar{ background:gray;background:rgba(0,0,0,0.8);}
.NavBarBtn        { z-index:3;color:white !important;padding:7px 15px 7px 15px;display:inline-block;text-decoration:none;text-shadow: 0 0 3px #010101, 0 0 5px #010101; }
.NavBarBtn i      { width:35px; }
.NavBarBtn:hover  { color:white;opacity:1;background:rgba(0,102,0,1);text-decoration:none;cursor:default; } 
.NavBarBtn:focus  { color:white;text-decoration:none;outline: 0; }
.NavBarBtn:active { color:white;background-color:black;text-decoration:none;cursor:default; } 
.NavBarDarkBackground {background:rgba(0,0,0,0.8);}     .NavBarDarkBackground {background:rgba(77,166,255,1);}
.NavBarGreenBackground{background:rgba(90,225,45,0.8);} .NavBarGreenBackground:hover{background:rgba(90,225,45,1);}
.NavBarRedBackground{background:rgba(255,0,0,0.8);}     .NavBarRedBackground{background:rgba(255,0,0,1);}
.NavBarBlueBackground{background:rgba(51,153,255,0.8);} .NavBarBlueBackground{background:rgba(51,153,255,1);}
.StickButton { position:fixed;top:0;z-index:3;}

/* Dropdown */
.DropdownMenu { position:absolute;top:33px;display:none;left:0px;opacity:1;background:rgba(0,0,0,0.8);text-align:left;animation:animatetop 0.4s;} @keyframes animatetop{from{opacity:0;}to{opacity:1;}}
.DropdownMenu a { display: block; margin:0px auto; white-space: nowrap; min-width: 100px; }
.DropdownMenu a i { width:35px; }
.Dropdown { position:relative; display:inline-block;}

/* Sidebar */
.w3-sidebar{height:100%;background-color:#fff;position:fixed!important;z-index:1;overflow:auto;border-right:1px solid #ccc;}
.w3-button{border:none;display:inline-block;padding:8px 16px;cursor:default;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
.w3-button:hover{color:#000!important;background-color:#ccc!important}
.w3-bar-item{padding:8px 16px;float:left;border:none;display:block;outline:0;width:100%;text-align:left;cursor:default;}
.w3-bar{width:100%;overflow:hidden;display:inline-block;position:static;float:left;}.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
.w3-animate-left{position:relative;animation:animateleft 0.4s;} @keyframes animateleft{from{left:-300px;opacity:0}to{left:0;opacity:1}}
@media(min-width:400px){.w3-sidebar{width:400px}} @media (max-width:400px){.w3-sidebar{width:90%}}

/* Pricing Plans */
.PriceBadge        { width: 100%; height: 188px; color:white; position: absolute; top: -8px; left: -10px; overflow: hidden; } .PriceBadge:before, .PriceBadge:after { content: "";  position: absolute; }
.PriceBadge:before { width: 40px; height: 20px; right: 60px; background: #4D6530; border-radius: 8px 8px 0px 0px; }
.PriceBadge:after  { width: 8px;  height: 20px; right: 0px;   background: #4D6530; border-radius: 0px 8px 8px 0px; top: 80px; }
.BadgeRed{width:50px;background-color:#ED7676;border-radius:3px;margin-right:3px;text-align:center;} 
.BadgeOrange{width:50px;background-color:orange;border-radius:3px;margin-right:3px;text-align:center;} 
.BadgeGreen{width:50px;background-color:green;border-radius:3px;margin-right:3px;text-align:center;}
.Ribbon6 { font-size: 17px; width: 160px; height: 40px; line-height: 40px; position: absolute; top: 10px; right: -50px; z-index: 2; overflow: hidden; -webkit-transform: rotate(45deg); transform: rotate(45deg); border: 1px dashed; 
           box-shadow:0 0 0 3px #57DD43,  0px 21px 5px -18px rgba(0,0,0,0.6); background: #57DD43; text-align: center; }
.Ribbon2 { font-size: 20px; width: 200px; height: 40px; line-height: 40px; position: absolute; top: 30px; left: -50px; z-index: 2; overflow: hidden; -webkit-transform: rotate(315deg); transform: rotate(315deg); border: 1px dashed;
           box-shadow:0 0 0 3px #4C7D45,  0px 21px 5px -18px rgba(0,0,0,0.6);background:rgba(10,200,90,0.9); text-align: center; }
.Ribbon3 {z-index:3; color:white; font-size:17px; height: 50px; line-height: 50px; padding: 0 15px 0 15px; position: absolute; right: -8px; top: 50px; background: #E97420; border-radius: 5px 0 0 5px;}
.Ribbon3:before, .Ribbon3:after { content: ""; position: absolute; }
.Ribbon3:before { height: 0; width: 0; top: -8px; right: 0.1px; border-bottom: 9px solid black; border-right: 9px solid transparent; }
.pricing-table .pricing-table .pricing-header                    { position:relative;background:#345371;padding:22px;padding-bottom:1px;text-align:center;border-top-right-radius:4px;border-top-left-radius:4px}
.pricing-table .pricing-table .pricing-header .pricing-title     { font-size:22px;color:white;text-transform:uppercase;letter-spacing:2px;text-align:center;}
.pricing-table .pricing-table .pricing-header .pricing-rate      { font-size:50px;color:white;position:relative;text-align:center}
.pricing-table .pricing-table .pricing-header .pricing-rate sup  { font-size:24px;color:white;position:relative;top:-30px;}
.pricing-table .pricing-table .pricing-header .pricing-rate span { font-size:16px;color:white;text-transform:uppercase}
.pricing-table .pricing-list                                     { padding:20px 0 20px;background:#fff;border:1px solid #e3e3e3}
.btn-custom       {color:#FFFFFF;font-size:18px;border:1px solid #bdc3c7}
.btn-custom:hover {color:#FFFFFF;border:1px solid #fff}

/*Responsive Div*/
.DivTableLeft         { border:1px solid #DDE5F0; padding: 10px; text-align:center; cursor:default; display:inline-block; border-radius:8px 0px 0px 8px; margin-left:-5px; overflow:hidden; margin:1px 1px 1px 1px;} 
.DivTableLeft:hover   { box-shadow: inset 0 0 0 1px #DDE5F0; }
.DivTableCenter       { border:1px solid #DDE5F0; padding: 10px; text-align:center; cursor:default; display:inline-block; border-radius:0px 0px 0px 0px; margin-left:-5px; overflow:hidden; margin:1px 1px 1px 1px;} 
.DivTableCenter:hover { box-shadow: inset 0 0 0 1px #DDE5F0; }
.DivTableRight        { border:1px solid #DDE5F0; padding: 10px; text-align:center; cursor:default; display:inline-block; border-radius:0px 8px 8px 0px; margin-left:-5px; overflow:hidden; margin:1px 1px 1px 1px;} 
.DivTableRight:hover  { box-shadow: inset 0 0 0 1px #DDE5F0; }

/* SalesPop */
.SalesPop { display:none;position:absolute;font-size:17px;padding:5px;text-align:left;z-index:6;max-width:300px;background-color:#fff;border:1px solid #F0EEEE;border-left:5px solid #2BDE3F;border-radius:4px;box-shadow:1px 7px 14px -5px rgba(0,0,0,0.8)}
.SalesPopTitle{   color:#3e3e3e; margin:0px 15px 0px 15px; }
.SalesPopMessage{ color:#878787; margin-left:20px;}

/* Modal */
.modal{display:none; position:fixed; z-index:5; padding-top:100px; left:0; top:0; width:100%; height:100%; overflow:auto; background-color:rgb(0,0,0); background-color:rgba(0,0,0,0.4);}
.modal-content{ background-color:#fefefe; margin:auto; padding:20px; border:1px solid #888; width:80%; }

/* Progress Bar */
.ProgressBarBox{color:#000;background-color:#f1f1f1;border-radius:4px;display:inline-block;position:relative;} .ProgressBarSlider{background-color:#2196F3;border-radius:4px;float:left;width:0px;} .ProgressBarSliderText{width:100%;left:0px;position:absolute;}

/* Reviews */
.RevLeft{margin-top:7px;float:left;height:18px;width:80%;} .RevRight{margin-top:7px;float:left;height:18px;width:20%;text-align:center;line-height:13px;} .RevBarGray{width:100%;background-color:#f1f1f1;text-align:center;} @media(max-width: 400px){ .RevRight, .RevLeft{width:100%;}}
.RevBar{height:18px;line-height:16px;font-size:14px;color:white;text-shadow:2px 2px 4px #000000;white-space:nowrap;}

/* Slider */
.slideshow-container { position: relative; margin: auto; margin-bottom:-20px;}
.mySlides { display: none; padding-top:50px;padding-bottom:50px;}
.prev, .next {z-index:10000;background:rgba(0,0,0,0.3);text-align:center;cursor:pointer;position:absolute;top:50%;width:auto;margin-top:-22px;padding:16px;color:white;font-weight:bold;font-size:18px;transition:0.6s ease;border-radius:0 3px 3px 0;user-select:none;}
.next{ right: 0; border-radius:3px 0 0 3px;}
.prev{ left:  0; border-radius:0 3px 3px 0;}
.prev:hover, .next:hover { background-color: rgba(0,0,0,0.8);}
.text { color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
.numbertext { color: #7B1D1D; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.dot { cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #FFFFFF; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease; font-size:10px;}
.active, .dot:hover { background-color: #345371;color:white}
.fadeX { -webkit-animation-name: fadeX; -webkit-animation-duration: 1.5s; animation-name: fadeX; animation-duration: 1.5s;}
@-webkit-keyframes fadeX { from {opacity: .4} to {opacity: 1}}
@keyframes fadeX { from {opacity: .4} to {opacity: 1}}

/* Tabs */
.tab{ overflow: hidden; background-color: #F5FAFA;} .TabContent{display: none; padding: 6px 12px; } .TabContant .Active{display:block}
.tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:14px 16px;transition:0.3s; font-size:17px;}.tab button:hover{background-color:#DEF0F0;} .tab button.active{background-color:#DEF0F0;}
.TabLinks{ height:50px;overflow:hidden;background-color:red;}

/* Animations */
.Blinker{ animation: blinker 2s linear infinite; } @keyframes blinker{ 50% { opacity: 0.2; } }
.AnimateText{
  background-image:linear-gradient(-225deg,#231557 0%,#44107a 29%,#ff1361 67%,#fff800 100%);background-size:auto auto;background-clip:border-box;background-size:200% auto;color:#fff;background-clip:text;text-fill-color:transparent;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;animation:textclip 2s linear infinite;display:inline-block;
}
@keyframes textclip{to{background-position:200% center;}}

/* App Buttons */
.AppButton{display:inline-block;color:white;text-decoration:none;width:170px;height:60px;text-align:left;border-radius:5px;font-weight:bold;font-size:10px;background-color:#101010;margin:5px;}
.AppButton.disabled{background-color:#454545;}
.AppButton:hover { background-color: #454545;}
.AppButton a{color:white;text-decoration:none;}
.AppButton i {float:left;margin:17px 17px 17px 17px;font-size:28px;}
.AppButton p {margin-top:11px;}

/* Bubbly Buttons - requires a JS function */
.green-bubbly-button{text-transform:uppercase;font-weight:500;margin:5px;display:inline-block;position:relative;color:white !important;text-align:center;padding:11px 22px 12px 22px;background-color:#31DE3D;cursor:default;text-decoration:none !important;
 box-shadow:0 2px 25px rgba(40,235,7,0.5);border-radius:2px;border:none;transition:transform ease-in 0.1s, box-shadow ease-in 0.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;user-select:none;appearance:none;
}
.green-bubbly-button:before,.green-bubbly-button:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-999;transition:all ease-in-out 0.5s;background-repeat:no-repeat;}
.green-bubbly-button:before{display:none;top:-75%;
 background-image:radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, transparent 20%, #31DE3D 20%, transparent 30%), radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, 
                  #31DE3D 20%, transparent 20%), radial-gradient(circle, transparent 10%, #31DE3D 15%, transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, #31DE3D 20%, 
                  transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%); background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;
}
.green-bubbly-button:after{display:none;bottom:-75%;
 background-image:radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, transparent 10%, #31DE3D 15%, transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%),
                  radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%), radial-gradient(circle, #31DE3D 20%, transparent 20%); background-size:15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.green-bubbly-button:active{transform:scale(0.9);background-color:#3AAE42; box-shadow:0 2px 25px rgba(40,235,7,0.2);} .green-bubbly-button.animate:before{display:block;animation:topBubbles ease-in-out 0.75s forwards;}
.green-bubbly-button.animate:after{display:block;animation:bottomBubbles ease-in-out 0.75s forwards;}


.blue-bubbly-button{text-transform:uppercase;font-weight:500;margin:5px;display:inline-block;position:relative;color:white !important;text-align:center;padding:11px 22px 12px 22px;background-color:#4C68F4;cursor:default;text-decoration:none !important;
 box-shadow:0 2px 25px rgba(98,163,251,0.5);border-radius:2px;border:none;transition:transform ease-in 0.1s, box-shadow ease-in 0.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;user-select:none;appearance:none;
}
.blue-bubbly-button:before,.blue-bubbly-button:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-999;transition:all ease-in-out 0.5s;background-repeat:no-repeat;}
.blue-bubbly-button:before{display:none;top:-75%;
 background-image:radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, transparent 20%, #4C68F4 20%, transparent 30%), radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, 
                  #4C68F4 20%, transparent 20%), radial-gradient(circle, transparent 10%, #4C68F4 15%, transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, #4C68F4 20%, 
                  transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%); background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;
}
.blue-bubbly-button:after{display:none;bottom:-75%;
 background-image:radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, transparent 10%, #4C68F4 15%, transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%), 
                  radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%), radial-gradient(circle, #4C68F4 20%, transparent 20%);background-size:15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.blue-bubbly-button:active{transform:scale(0.9);background-color:#465ABC; box-shadow:0 2px 25px rgba(98,163,251,0.2);} .blue-bubbly-button.animate:before{display:block;animation:topBubbles ease-in-out 0.75s forwards;}
.blue-bubbly-button.animate:after{display:block;animation:bottomBubbles ease-in-out 0.75s forwards;}

.yellow-bubbly-button{text-transform:uppercase;font-weight:500;margin:5px;
 display:inline-block;position:relative;color:white !important;text-align:center;padding:11px 22px 12px 22px;background-color:#FFC107;cursor:default;text-decoration:none !important;box-shadow:0 2px 25px rgba(255,192,0,0.5);
 border-radius:2px;border:none;transition:transform ease-in 0.1s, box-shadow ease-in 0.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;user-select:none;appearance:none;
}
.yellow-bubbly-button:before,.yellow-bubbly-button:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-999;transition:all ease-in-out 0.5s;background-repeat:no-repeat;}
.yellow-bubbly-button:before{display:none;top:-75%;
 background-image:radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, transparent 20%, #FFC107 20%, transparent 30%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, 
                  transparent 10%, #FFC107 15%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%);
                  background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;
}
.yellow-bubbly-button:after{display:none;bottom:-75%;
 background-image:radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, transparent 10%, #FFC107 15%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), 
                  radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%), radial-gradient(circle, #FFC107 20%, transparent 20%);background-size:15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.yellow-bubbly-button:active{transform:scale(0.9);background-color:#E0A800; box-shadow:0 2px 25px rgba(255,192,0,0.2);} .yellow-bubbly-button.animate:before{display:block;animation:topBubbles ease-in-out 0.75s forwards;}
.yellow-bubbly-button.animate:after{display:block;animation:bottomBubbles ease-in-out 0.75s forwards;}

.red-bubbly-button{text-transform:uppercase;font-weight:500;margin:5px;display:inline-block;position:relative;color:white !important;text-align:center;padding:11px 22px 12px 22px;background-color:#FA6D61;cursor:default;text-decoration:none !important;
 box-shadow:0 2px 25px rgba(255,105,19,0.5);border-radius:2px;border:none;transition:transform ease-in 0.1s, box-shadow ease-in 0.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;user-select:none;appearance:none;
}
.red-bubbly-button:before,.red-bubbly-button:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-999;transition:all ease-in-out 0.5s;background-repeat:no-repeat;}
.red-bubbly-button:before{display:none;top:-75%;
 background-image:radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, transparent 20%, #FA6D61 20%, transparent 30%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, 
                  transparent 10%, #FA6D61 15%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%); 
                  background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;
}
.red-bubbly-button:after{display:none;bottom:-75%;
 background-image:radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, transparent 10%, #FA6D61 15%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), 
                  radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%);background-size:15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.red-bubbly-button:active{transform:scale(0.9);background-color:#DF4638; box-shadow:0 2px 25px rgba(255,105,19,0.2);} .red-bubbly-button.animate:before{display:block;animation:topBubbles ease-in-out 0.75s forwards;}
.red-bubbly-button.animate:after{display:block;animation:bottomBubbles ease-in-out 0.75s forwards;}

.white-bubbly-button{text-transform:uppercase;font-weight:500;margin:5px;display:inline-block;position:relative;color:black !important;text-align:center;padding:11px 22px 12px 22px;background-color:#FFFFFF;cursor:default;text-decoration:none !important;
 box-shadow:0 2px 25px rgba(250,250,250,0.5);border-radius:2px;border:none;transition:transform ease-in 0.1s, box-shadow ease-in 0.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;user-select:none;appearance:none;
}
.white-bubbly-button:before,.white-bubbly-button:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-999;transition:all ease-in-out 0.5s;background-repeat:no-repeat;}
.white-bubbly-button:before{display:none;top:-75%;
 background-image:radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, transparent 20%, #FA6D61 20%, transparent 30%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, 
                  transparent 10%, #FA6D61 15%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%); 
                  background-size:10% 10%,20% 20%,15% 15%,20% 20%,18% 18%,10% 10%,15% 15%,10% 10%,18% 18%;
}
.white-bubbly-button:after{display:none;bottom:-75%;
 background-image:radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, transparent 10%, #FA6D61 15%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), 
                  radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%), radial-gradient(circle, #FA6D61 20%, transparent 20%);background-size:15% 15%, 20% 20%, 18% 18%, 20% 20%, 15% 15%, 10% 10%, 20% 20%;
}
.white-bubbly-button:active{transform:scale(0.9);background-color:#F9F9F9; box-shadow:0 2px 25px rgba(250,250,250,0.2);} .white-bubbly-button.animate:before{display:block;animation:topBubbles ease-in-out 0.75s forwards;}
.white-bubbly-button.animate:after{display:block;animation:bottomBubbles ease-in-out 0.75s forwards;}

@keyframes topBubbles{ 0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%;} 50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%;}
 100%{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%; background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%; }
}
@keyframes bottomBubbles{ 0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%;} 50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%;}
 100%{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%; background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%; }
}

/* Gradient Buttons */
.GradientButton1{
 background-image: linear-gradient(to right, #ECE9E6 0%, #FFFFFF  51%, #ECE9E6  100%);display:inline-block;margin:2px 5px 2px 5px;padding:10px 30px;text-align:center;text-transform:uppercase;transition:0.5s;background-size:200% auto;box-shadow:0 0 20px #eee;border-radius:10px;
 font-weight:bold;white-space:nowrap;color:white;
}
.GradientButton1:hover{background-position:right center;color:white;text-decoration:none;}
.RoundGradientButton{padding:9px 12px 9px 12px;border-radius:80px;display:inline-block;}

/* Regsiter Button */
.bn632-hover{ text-decoration:none; font-size:16px;font-weight:600;cursor:pointer;text-align:center;border:none;background-size:300% 100%;padding:15px 30px 8px 30px;color:white;border-radius:10px;
 moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;transition:all .4s ease-in-out;
}
.bn632-hover:hover{background-position: 100% 0;moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;-webkit-transition: all .4s ease-in-out;transition: all .4s ease-in-out;}
.bn632-hover:focus{outline:none;}
.bn632-hover.bn20{background-image:linear-gradient(to right,#667eea,#764ba2,#6b8dd6,#8e37d7);box-shadow:0 4px 15px 0 rgba(116, 79, 168, 0.75);}

/* Close Button */
.CloseButton{background-color:#F51E0F;color:white;border-radius:3px;padding:5px 10px;} .CloseButton:hover{background-color:#FA928B;} .CloseButton:active{color:#E2B7B7;background-color:#D12417;}

/* Help Page */
.collection-category .category-list { margin-bottom: 50px;}
.category-list .category {text-decoration:none;min-height: 285px; transition: all 0.25s ease-in-out; width: 100%;
  background-color: #FFF; border: none; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px, rgb(241, 243, 245) 0px 2px 10px 0px, rgba(0, 0, 0, 0.05) 0px 3px 3px 0px; box-sizing: border-box; display: inline-block; margin: 0 30px 30px 0; padding: 135px 50px 40px;
}
.category-list .category,.category-list .category:hover { background-repeat: no-repeat; background-position: center 36px; background-size: 80px 80px;}
.category-list .category:hover { background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px, rgba(220, 223, 226, 0.3) 0px 30px 60px 0px, rgba(0, 0, 0, 0.1) 0px 8px 20px 0px;}
.category-list .category:hover .article-count { color: #0077CC;}
.category-list .category:focus .article-count, .category-list .category:active .article-count { color: #005CA4; }
.category-list h3 { color: #051849; font-weight: 500; font-size: 18px; margin-bottom: 15px;}
.category-list .category p { color: #7F8D9B; font-size: 14px; margin-bottom: 15px; line-height: 20px; }
.category-list .category .article-count { margin-bottom: 0; color: #0077CC; transition: color 0.2s ease-in-out;}
@media screen and (max-width: 759px) { .category-list .category { margin-right: 0; }}
@media screen and (min-width: 760px) and (max-width: 1104px) { .category-list .category { width: calc(100%/2 - 17px); } .category-list .category:nth-child(even) { margin-right: 0; }}
@media screen and (min-width: 1105px) { .category-list .category { width: calc(100%/3 - 23px);} .category-list .category:nth-child(3n+3) { margin-right: 0;}}

/* Letter style */
.LetterPages{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.3);margin:26px auto 0;padding:24px;position:relative;}
.LetterPages:before,.LetterPages:after{content:"";height:98%;position:absolute;width:100%;z-index:-1;}
.LetterPages:before{background:#fafafa;box-shadow:0 0 8px rgba(0,0,0,0.2);left:-5px;top:4px;transform:rotate(-2.5deg);}
.LetterPages:after{background:#f6f6f6;box-shadow:0 0 3px rgba(0,0,0,0.2);right:-3px;top:1px;transform:rotate(1.4deg);}