/* 
    Created on : Aug 23, 2019, 4:54:09 PM
    Author     : tieudv89
*/

/** Custom **/
body {
    line-height: 1.425;
}
#logo-wrapper{width: auto;}
.header-left{padding-left: 100px; float: left;width: auto;}
.header-right{float: right; width: auto;}
nav{float: right;}
#content-wrapper {
    padding-top: 120px;
}
.text-brand {
    color: #e06d18;
}
.text-green {
    color: #3a9c86;
}
.text-green {
    color: #3a9c86;
}
.text-white {
    color: #fff;
}
.text-grey {
    color: #888;
}
.text-blue {
    color: #2482bd;
}
.text-orange {
    color: #da251d;
}
.text-violet {
    color: #6f84c9;
}
.text-orange {
    color: #e06d18;
}
.text-content-white {
    color: #ededed;
}
@media (max-width: 991px) {
    nav{margin-top: 0;float: none;}
}

.button{-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -2px rgba(0,0,0,.2); box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -2px rgba(0,0,0,.2);}
.button:hover, .btn:hover{-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -40px rgba(255,255,255,0.2) !important; box-shadow: 1px 1px 2px rgba(0,0,0,.2), inset 0 -40px rgab(255,255,255,0.2) !important;}

@media (max-width: 991px) {
    .blog-wrapper{padding-top: 30px;}
    .blog-entry{margin-bottom: 30px;}
    .paginator{margin-bottom: 30px;}
    .related-posts{margin-bottom: 25px;}
}
.block.type-1 .icon-entry img{margin-top: 20px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    line-height: 1.35;
}
.h1, .h2, .h3, h1, h2, h3 {
    margin: 15px 0px;
}
h3, .h3 {
    font-size: 24px;
}
h2, .h2 {
    font-size: 30px;
}
h1, .h1 {
    font-size: 36px;
}
label {
    font-weight: bold;
}
img {
    max-width: 100%;
}
.mt30 {
    margin-top: 30px;
}
.mt20 {
    margin-top: 20px;
}
.mt10 {
    margin-top: 10px;
}
.m0 {
    margin-top: 0;
}
.mb30 {
    margin-bottom: 30px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb10 {
    margin-bottom: 10px;
}
.service-status {
    display: inline;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #ccc;
    padding: 3px 5px;
    border-radius: 3px;
    font-size: 11px;
}
.service-status.service-status-active, .service-status.service-status-completed, .service-status.service-status-success {
    background-color: #5cb85c;
}
.service-status.service-status-trial {
    background-color: #ded80b;
}
.service-status.service-status-suspend, .service-status.service-status-suspended, .service-status.service-status-cancel {
    background-color: #c32400;
}
.service-status.service-status-deleted, .service-status.service-status-delete {
    background-color: #d4d4d4;
}
.btn-default {
    padding: 5px 10px;
}
.box-margin {
    margin: 25px 0px;
}
.border-bt-1px-e2 {
    border-bottom: 1px solid #e2e2e2;
}
/* Header */
.header-inline-entry{
    position: relative;
}
.header-inline-entry > li {
    list-style: none;
    float: right;
}
.header-inline-entry .dropdown-menu {
    right: 0;
    left: auto;
}
.account > a {
    line-height: 30px;
    padding: 2px;
    overflow: hidden;
    display: block;
}
.account.open a{
    background:#13CB5C;
    color: #fff;
}
.account .account-icon {
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    float: left;
    line-height: 32px;
    background:#13CB5C;
    color: #fff;
    font-size: 25px;
    border-radius: 50%;
    margin-right: 4px;
}
.account.open .account-icon {
    background: #fff;
    color:#13CB5C;
}
.account.open .dropdown-menu{
    border-radius: 0;
    background:#13CB5C;
    color: #fff;
    border: none;
    margin: 0;
    padding: 0;
}
.account.open .dropdown-menu>li>a:hover, .account.open .dropdown-menu>li>a:focus {
    background-color:#22222;
}
.account.open .dropdown-menu>li>a {
    color: #fff;
    padding: 5px 20px;
}
.mt-panel-group {
    display: flex;
    flex-flow: column;
    flex-direction: column;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.mt-panel-group > .mt-panel {
    flex-grow: 1;
    flex-shrink: 2;
    flex-basis: 48%;
    margin: 10px;
}
.mt-panel.panel-default,
.mt-panel.panel-default > .panel-heading {
    border: none;
}
.mt-panel.panel-default {
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,.18);
    -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.18);
    -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,.18);
}

.mt-panel.panel-default > .panel-heading {
    background-color: #fff;
    color: #626262;
}
.tab-pane h1,
.tab-pane h2,
.tab-pane h3 {
    color: #656565;
}
.server-info .reset-list-style li {
    padding-top: 8px;
    padding-bottom: 8px;
}
.server-info li:not(:last-child) {
    border-bottom: 1px dashed #e2e2e2;
}
.server-process-info {
    padding: 10px 15px;
    background-color: #e2e2e2;
}

.server-process-info li > p {
    margin: 0px;
}

.create-server {
    margin-bottom: 30px;
}

.disk-selected rzslider .rz-pointer.rz-active:focus {
    outline: none;
}
.disk-selected rzslider .rz-bar-wrapper {
    padding-top: 11px;
}
.disk-selected rzslider .rz-bar {
    height: 15px;
}

.create-server + .btn-group-action {
    padding-top: 10px;
    border-top: 1px solid #e2e2e2;
}
.server-info ul > li {
    display: block;
    overflow: hidden;
}
.server-info ul > li > span {
    float: left;
}
.server-info ul > li > div {
    float: right;
}
.reset-list-style {
    list-style: none;
    margin: 0;
    padding: 0;
}
.reset-list-style > li {
    padding: 5px 0px;
}
.text-status-active {
    color: #1eba5c;
}
.text-right .dropdown-menu {
    right: 0;
    left: auto;
}
@media screen and (min-width: 768px) {
    .nav-tabs.nav-justified > li > a {
        text-transform: uppercase;
        color: #727272;
    }
}

@media screen and (max-width: 1366px) {
    .body-tabs-content {
        padding: 10px;
    }
    md-tab-content.md-no-scroll {
        overflow-y: auto;
    }
}

@media screen and (max-width: 768px) {
    .header-box .showing,
    .body-tabs-content .header-box {
        margin-bottom: 15px;
    }
}
.blog-wrapper {
    padding-top: 40px;
}
.blog-entry {
    margin-bottom: 50px;
}
#logo img {
    max-height: 45px;
}
/* Steps */
.step-inner > .btn-circle {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.stepwizard .stepwizard-row {
    display: flex;
    flex-flow: wrap;
}
.stepwizard-row > .stepwizard-step {
    flex: 1;
    position: relative;
    z-index: 1;
}
.stepwizard-row > .stepwizard-step:before {
    content: "";
    border-width: 2px;
    border-style: solid;
    position: absolute;
    bottom: 22px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.stepwizard-row > .stepwizard-step:first-child:before {
    left: 10px;
}
.stepwizard-row > .stepwizard-step:last-child:before {
    right: 10px;
}

.stepwizard-step > .step-inner {
    padding: 5px;
    text-align: center;
    color: #929292;
}
.stepwizard-step.is-active > .step-inner {
    color: #03a9f4;
}

.stepwizard-step > .step-inner  p {
    margin-bottom: 0px;
}

.stepwizard .step-inner > .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    margin: 5px 0px;
    line-height: 1.4;
    border: none;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}
/*------- dark ui color design -------*/
.stepwizard-dark .step-inner > .btn-circle,
.stepwizard-dark .step-inner > .btn-circle:hover,
.stepwizard-dark .step-inner > .btn-circle:focus {
    background-color: #727272;
    color: #b6b6b6;
}
.stepwizard-dark .stepwizard-row > .stepwizard-step:before {
    border: 2px solid #727272;
}

.stepwizard .stepwizard-step > .step-inner > * {
    color: #929292;
}

.stepwizard .stepwizard-row > .stepwizard-step.is-active:before {
    border-color: #4b82bc;
}
.stepwizard .stepwizard-row > .stepwizard-step.is-active.order-del:before {
    border-color: #db3333;
}
.stepwizard .stepwizard-row > .stepwizard-step.is-active > .step-inner > .btn-circle {
    background-color: #4b82bc;
    color: #cbdbec;
}
.stepwizard .stepwizard-step.is-active > .step-inner > * {
    color: #4b82bc;
}
.stepwizard .stepwizard-step.is-active.order-del > .step-inner > * {
    color: #db3333;
}
.stepwizard .stepwizard-row > .stepwizard-step.is-active.order-del > .step-inner > .btn-circle {
    background-color: #db3333;
    color: #fff;
}
/*------ light ui color design --------*/
.stepwizard-light .step-inner > .btn-circle,
.stepwizard-light .step-inner > .btn-circle:hover,
.stepwizard-light .step-inner > .btn-circle:focus {
    background-color: #dcdcdc;
    color: #929292;
}
.stepwizard-light .stepwizard-row > .stepwizard-step:before {
    border-color: #dcdcdc;
}

@media screen and (min-width: 667px) {
    .stepwizard-row > .stepwizard-step {
        padding-bottom: 40px;
    }
    .stepwizard .step-inner > .btn-circle {
        position: absolute;
        bottom: 5px;
        left: 50%;
        margin-left: -20px;
    }
}

@media screen and (max-width: 666px) {
    .stepwizard .stepwizard-row {
        flex-direction: column;
        margin: 10px 0px;
    }
    .stepwizard-step > .step-inner {
        padding-left: 50px;
        text-align: left;
    }
    .stepwizard-row > .stepwizard-step:before {
        top: 0px;
        bottom: 0px;
    }
    .stepwizard .step-inner > .btn-circle {
        position: absolute;
        top: 50%;
        margin-top: -15px;
        left: 0px;
    }
    .stepwizard-row > .stepwizard-step:last-child > .step-inner {
        text-align: inherit;
    }

    .stepwizard-row > .stepwizard-step:before,
    .stepwizard-row > .stepwizard-step:first-child:before {
        left: 13px;
    }

    .stepwizard-row > .stepwizard-step:before,
    .stepwizard-row > .stepwizard-step:last-child:before {
        right: inherit;
    }
}
/* Footer */
.footer-entry ul, footer-entry ul li {
    margin: 0;
    padding: 0;
}
.copyright {
    text-align: left;
}

/* Loader CSS */
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}

#overlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:#000;
    opacity:0.6;
    z-index:100000;
}
 #pre-loader{
    position:relative;
    top:49%;
    left:49%;
}
 .ball-pulse-sync>div,.ball-pulse>div{
    width:15px;
    height:15px;
    margin:2px;
    display:inline-block
}
.ball-pulse-sync>div,.ball-pulse>div,.ball-scale>div{
    background-color:#fff;
    border-radius:100%
}
@-webkit-keyframes scale{
    0%,80%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    45%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:.7
    }
}
@keyframes scale{
    0%,80%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
    45%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:.7
    }
}
.ball-pulse>div:nth-child(0){
    -webkit-animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08)
}
.ball-pulse>div:nth-child(1){
    -webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)
}
.ball-pulse>div:nth-child(2){
    -webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)
}
.ball-pulse>div:nth-child(3){
    -webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)
}
.ball-pulse>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes ball-pulse-sync{
    33%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    66%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
@keyframes ball-pulse-sync{
    33%{
        -webkit-transform:translateY(10px);
        transform:translateY(10px)
    }
    66%{
        -webkit-transform:translateY(-10px);
        transform:translateY(-10px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0)
    }
}
.ball-pulse-sync>div:nth-child(0){
    -webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;
    animation:ball-pulse-sync .6s -.21s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(1){
    -webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;
    animation:ball-pulse-sync .6s -.14s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(2){
    -webkit-animation:ball-pulse-sync .6s -.07s infinite ease-in-out;
    animation:ball-pulse-sync .6s -.07s infinite ease-in-out
}
.ball-pulse-sync>div:nth-child(3){
    -webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;
    animation:ball-pulse-sync .6s 0s infinite ease-in-out
}
.ball-pulse-sync>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
@-webkit-keyframes ball-scale{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes ball-scale{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.ball-scale>div{
    height:60px;
    width:60px;
    animation:ball-scale 1s 0s ease-in-out infinite
}
.ball-scale-random>div,.ball-scale>div{
    display:inline-block;
    margin:2px;
    -webkit-animation:ball-scale 1s 0s ease-in-out infinite
}
.ball-scale-random{
    width:37px;
    height:40px
}
.ball-scale-random>div{
    background-color:#fff;
    border-radius:100%;
    position:absolute;
    height:30px;
    width:30px;
    animation:ball-scale 1s 0s ease-in-out infinite
}
.ball-rotate>div,.ball-rotate>div:after,.ball-rotate>div:before{
    background-color:#fff;
    width:15px;
    height:15px;
    border-radius:100%
}
.ball-rotate,.ball-rotate>div{
    position:relative
}
.ball-scale-random>div:nth-child(1){
    margin-left:-7px;
    -webkit-animation:ball-scale 1s .2s ease-in-out infinite;
    animation:ball-scale 1s .2s ease-in-out infinite
}
.ball-scale-random>div:nth-child(3){
    margin-left:-2px;
    margin-top:9px;
    -webkit-animation:ball-scale 1s .5s ease-in-out infinite;
    animation:ball-scale 1s .5s ease-in-out infinite
}
@-webkit-keyframes rotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.ball-rotate>div{
    margin:2px;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both
}
.ball-rotate>div:first-child{
    -webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;
    animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite
}
.ball-rotate>div:after,.ball-rotate>div:before{
    margin:2px;
    content:"";
    position:absolute;
    opacity:.8
}
.ball-rotate>div:before{
    top:0;
    left:-28px
}
.ball-rotate>div:after{
    top:0;
    left:25px
}
.ball-clip-rotate>div{
    border-radius:100%;
    margin:2px;
    border:2px solid #fff;
    border-bottom-color:transparent;
    height:25px;
    width:25px;
    background:0 0!important;
    display:inline-block;
    -webkit-animation:rotate .75s 0s linear infinite;
    animation:rotate .75s 0s linear infinite
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes scale{
    30%{
        -webkit-transform:scale(.3);
        transform:scale(.3)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ball-clip-rotate-pulse{
    position:relative;
    -webkit-transform:translateY(-15px);
    -ms-transform:translateY(-15px);
    transform:translateY(-15px)
}
.ball-clip-rotate-pulse>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute;
    top:0;
    left:0;
    border-radius:100%
}
.ball-clip-rotate-pulse>div:first-child{
    background:#fff;
    height:16px;
    width:16px;
    top:7px;
    left:-7px;
    -webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
    animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite
}
.ball-clip-rotate-pulse>div:last-child{
    position:absolute;
    width:30px;
    height:30px;
    left:-16px;
    top:-2px;
    background:0 0;
    border:2px solid;
    border-color:#fff transparent;
    -webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
    animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;
    -webkit-animation-duration:1s;
    animation-duration:1s
}
@keyframes rotate{
    0%{
        -webkit-transform:rotate(0) scale(1);
        transform:rotate(0) scale(1)
    }
    50%{
        -webkit-transform:rotate(180deg) scale(.6);
        transform:rotate(180deg) scale(.6)
    }
    100%{
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1)
    }
}
.ball-clip-rotate-multiple{
    position:relative
}
.ball-clip-rotate-multiple>div{
    position:absolute;
    left:-20px;
    top:-20px;
    border:2px solid #fff;
    border-bottom-color:transparent;
    border-top-color:transparent;
    border-radius:100%;
    height:35px;
    width:35px;
    -webkit-animation:rotate 1s 0s ease-in-out infinite;
    animation:rotate 1s 0s ease-in-out infinite
}
.ball-clip-rotate-multiple>div:last-child{
    display:inline-block;
    top:-10px;
    left:-10px;
    width:15px;
    height:15px;
    -webkit-animation-duration:.5s;
    animation-duration:.5s;
    border-color:#fff transparent;
    -webkit-animation-direction:reverse;
    animation-direction:reverse
}
@-webkit-keyframes ball-scale-ripple{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:1
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.7
    }
    100%{
        opacity:0
    }
}
@keyframes ball-scale-ripple{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:1
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.7
    }
    100%{
        opacity:0
    }
}
.ball-scale-ripple>div{
    height:50px;
    width:50px;
    border-radius:100%;
    border:2px solid #fff;
    -webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);
    animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)
}
@-webkit-keyframes ball-scale-ripple-multiple{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:1
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.7
    }
    100%{
        opacity:0
    }
}
@keyframes ball-scale-ripple-multiple{
    0%{
        -webkit-transform:scale(.1);
        transform:scale(.1);
        opacity:1
    }
    70%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:.7
    }
    100%{
        opacity:0
    }
}
.ball-scale-ripple-multiple{
    position:relative;
    -webkit-transform:translateY(-25px);
    -ms-transform:translateY(-25px);
    transform:translateY(-25px)
}
.ball-scale-ripple-multiple>div:nth-child(0){
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
.ball-scale-ripple-multiple>div:nth-child(1){
    -webkit-animation-delay:-.6s;
    animation-delay:-.6s
}
.ball-scale-ripple-multiple>div:nth-child(2){
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.ball-scale-ripple-multiple>div:nth-child(3){
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s
}
.ball-scale-ripple-multiple>div{
    position:absolute;
    top:-2px;
    left:-26px;
    width:50px;
    height:50px;
    border-radius:100%;
    border:2px solid #fff;
    -webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);
    animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)
}
@-webkit-keyframes ball-beat{
    50%{
        opacity:.2;
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ball-beat{
    50%{
        opacity:.2;
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ball-beat>div{
    background-color:#fff;
    width:15px;
    height:15px;
    border-radius:100%;
    margin:2px;
    display:inline-block;
    -webkit-animation:ball-beat .7s 0s infinite linear;
    animation:ball-beat .7s 0s infinite linear
}
.ball-beat>div:nth-child(2n-1){
    -webkit-animation-delay:-.35s!important;
    animation-delay:-.35s!important
}
@-webkit-keyframes ball-scale-multiple{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    5%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
@keyframes ball-scale-multiple{
    0%{
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:0
    }
    5%{
        opacity:1
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
.ball-scale-multiple{
    position:relative;
    -webkit-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    transform:translateY(-30px)
}
.ball-scale-multiple>div:nth-child(2){
    -webkit-animation-delay:-.4s;
    animation-delay:-.4s
}
.ball-scale-multiple>div:nth-child(3){
    -webkit-animation-delay:-.2s;
    animation-delay:-.2s
}
.ball-scale-multiple>div{
    background-color:#fff;
    border-radius:100%;
    position:absolute;
    left:-30px;
    top:0;
    opacity:0;
    margin:0;
    width:60px;
    height:60px;
    -webkit-animation:ball-scale-multiple 1s 0s linear infinite;
    animation:ball-scale-multiple 1s 0s linear infinite
}
@-webkit-keyframes ball-triangle-path-1{
    33%{
        -webkit-transform:translate(25px,-50px);
        transform:translate(25px,-50px)
    }
    66%{
        -webkit-transform:translate(50px,0);
        transform:translate(50px,0)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-triangle-path-1{
    33%{
        -webkit-transform:translate(25px,-50px);
        transform:translate(25px,-50px)
    }
    66%{
        -webkit-transform:translate(50px,0);
        transform:translate(50px,0)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@-webkit-keyframes ball-triangle-path-2{
    33%{
        -webkit-transform:translate(25px,50px);
        transform:translate(25px,50px)
    }
    66%{
        -webkit-transform:translate(-25px,50px);
        transform:translate(-25px,50px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-triangle-path-2{
    33%{
        -webkit-transform:translate(25px,50px);
        transform:translate(25px,50px)
    }
    66%{
        -webkit-transform:translate(-25px,50px);
        transform:translate(-25px,50px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@-webkit-keyframes ball-triangle-path-3{
    33%{
        -webkit-transform:translate(-50px,0);
        transform:translate(-50px,0)
    }
    66%{
        -webkit-transform:translate(-25px,-50px);
        transform:translate(-25px,-50px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-triangle-path-3{
    33%{
        -webkit-transform:translate(-50px,0);
        transform:translate(-50px,0)
    }
    66%{
        -webkit-transform:translate(-25px,-50px);
        transform:translate(-25px,-50px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.ball-triangle-path{
    position:relative;
    -webkit-transform:translate(-29.99px,-37.51px);
    -ms-transform:translate(-29.99px,-37.51px);
    transform:translate(-29.99px,-37.51px)
}
.ball-triangle-path>div:nth-child(1){
    -webkit-animation-name:ball-triangle-path-1;
    animation-name:ball-triangle-path-1;
    -webkit-animation-delay:0;
    animation-delay:0;
    -webkit-animation-duration:2s;
    animation-duration:2s;
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.ball-triangle-path>div:nth-child(2){
    -webkit-animation-name:ball-triangle-path-2;
    animation-name:ball-triangle-path-2;
    -webkit-animation-delay:0;
    animation-delay:0;
    animation-duration:2s;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.ball-triangle-path>div:nth-child(2),.ball-triangle-path>div:nth-child(3){
    -webkit-animation-duration:2s;
    -webkit-animation-timing-function:ease-in-out
}
.ball-triangle-path>div:nth-child(3){
    -webkit-animation-name:ball-triangle-path-3;
    animation-name:ball-triangle-path-3;
    -webkit-animation-delay:0;
    animation-delay:0;
    animation-duration:2s;
    animation-timing-function:ease-in-out;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite
}
.ball-triangle-path>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute;
    width:10px;
    height:10px;
    border-radius:100%;
    border:1px solid #fff
}
.ball-grid-beat>div,.ball-pulse-rise>div{
    background-color:#fff;
    height:15px;
    border-radius:100%;
    margin:2px
}
.ball-triangle-path>div:nth-of-type(1){
    top:50px
}
.ball-triangle-path>div:nth-of-type(2){
    left:25px
}
.ball-triangle-path>div:nth-of-type(3){
    top:50px;
    left:50px
}
@-webkit-keyframes ball-pulse-rise-even{
    0%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    25%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    50%{
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    75%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ball-pulse-rise-even{
    0%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    25%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    50%{
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    75%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@-webkit-keyframes ball-pulse-rise-odd{
    0%{
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    25%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    75%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
}
@keyframes ball-pulse-rise-odd{
    0%{
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    25%{
        -webkit-transform:translateY(30px);
        transform:translateY(30px)
    }
    50%{
        -webkit-transform:scale(1.1);
        transform:scale(1.1)
    }
    75%{
        -webkit-transform:translateY(-30px);
        transform:translateY(-30px)
    }
    100%{
        -webkit-transform:translateY(0);
        transform:translateY(0);
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
}
.ball-pulse-rise>div{
    width:15px;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    display:inline-block;
    -webkit-animation-duration:1s;
    animation-duration:1s;
    -webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);
    animation-timing-function:cubic-bezier(.15,.46,.9,.6);
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-delay:0;
    animation-delay:0
}
.ball-pulse-rise>div:nth-child(2n){
    -webkit-animation-name:ball-pulse-rise-even;
    animation-name:ball-pulse-rise-even
}
.ball-pulse-rise>div:nth-child(2n-1){
    -webkit-animation-name:ball-pulse-rise-odd;
    animation-name:ball-pulse-rise-odd
}
@-webkit-keyframes ball-grid-beat{
    50%{
        opacity:.7
    }
    100%{
        opacity:1
    }
}
@keyframes ball-grid-beat{
    50%{
        opacity:.7
    }
    100%{
        opacity:1
    }
}
.ball-grid-beat{
    width:57px
}
.ball-grid-beat>div:nth-child(1){
    -webkit-animation-delay:.44s;
    animation-delay:.44s;
    -webkit-animation-duration:1.27s;
    animation-duration:1.27s
}
.ball-grid-beat>div:nth-child(2){
    -webkit-animation-delay:.2s;
    animation-delay:.2s;
    -webkit-animation-duration:1.52s;
    animation-duration:1.52s
}
.ball-grid-beat>div:nth-child(3){
    -webkit-animation-delay:.14s;
    animation-delay:.14s;
    -webkit-animation-duration:.61s;
    animation-duration:.61s
}
.ball-grid-beat>div:nth-child(4){
    -webkit-animation-delay:.15s;
    animation-delay:.15s;
    -webkit-animation-duration:.82s;
    animation-duration:.82s
}
.ball-grid-beat>div:nth-child(5){
    -webkit-animation-delay:-.01s;
    animation-delay:-.01s;
    -webkit-animation-duration:1.24s;
    animation-duration:1.24s
}
.ball-grid-beat>div:nth-child(6){
    -webkit-animation-delay:-.07s;
    animation-delay:-.07s;
    -webkit-animation-duration:1.35s;
    animation-duration:1.35s
}
.ball-grid-beat>div:nth-child(7){
    -webkit-animation-delay:.29s;
    animation-delay:.29s;
    -webkit-animation-duration:1.44s;
    animation-duration:1.44s
}
.ball-grid-beat>div:nth-child(8){
    -webkit-animation-delay:.63s;
    animation-delay:.63s;
    -webkit-animation-duration:1.19s;
    animation-duration:1.19s
}
.ball-grid-beat>div:nth-child(9){
    -webkit-animation-delay:-.18s;
    animation-delay:-.18s;
    -webkit-animation-duration:1.48s;
    animation-duration:1.48s
}
.ball-grid-beat>div{
    width:15px;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:ball-grid-beat;
    animation-name:ball-grid-beat;
    animation-iteration-count:infinite;
    -webkit-animation-delay:0;
    animation-delay:0
}
.ball-grid-beat>div,.ball-grid-pulse>div{
    display:inline-block;
    float:left;
    -webkit-animation-iteration-count:infinite
}
@-webkit-keyframes ball-grid-pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:.7
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
@keyframes ball-grid-pulse{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.5);
        transform:scale(.5);
        opacity:.7
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:1
    }
}
.ball-grid-pulse{
    width:57px
}
.ball-grid-pulse>div,.ball-spin-fade-loader>div{
    background-color:#fff;
    width:15px;
    height:15px;
    border-radius:100%;
    margin:2px
}
.ball-grid-pulse>div:nth-child(1){
    -webkit-animation-delay:.58s;
    animation-delay:.58s;
    -webkit-animation-duration:.9s;
    animation-duration:.9s
}
.ball-grid-pulse>div:nth-child(2){
    -webkit-animation-delay:.01s;
    animation-delay:.01s;
    -webkit-animation-duration:.94s;
    animation-duration:.94s
}
.ball-grid-pulse>div:nth-child(3){
    -webkit-animation-delay:.25s;
    animation-delay:.25s;
    -webkit-animation-duration:1.43s;
    animation-duration:1.43s
}
.ball-grid-pulse>div:nth-child(4){
    -webkit-animation-delay:-.03s;
    animation-delay:-.03s;
    -webkit-animation-duration:.74s;
    animation-duration:.74s
}
.ball-grid-pulse>div:nth-child(5){
    -webkit-animation-delay:.21s;
    animation-delay:.21s;
    -webkit-animation-duration:.68s;
    animation-duration:.68s
}
.ball-grid-pulse>div:nth-child(6){
    -webkit-animation-delay:.25s;
    animation-delay:.25s;
    -webkit-animation-duration:1.17s;
    animation-duration:1.17s
}
.ball-grid-pulse>div:nth-child(7){
    -webkit-animation-delay:.46s;
    animation-delay:.46s;
    -webkit-animation-duration:1.41s;
    animation-duration:1.41s
}
.ball-grid-pulse>div:nth-child(8){
    -webkit-animation-delay:.02s;
    animation-delay:.02s;
    -webkit-animation-duration:1.56s;
    animation-duration:1.56s
}
.ball-grid-pulse>div:nth-child(9){
    -webkit-animation-delay:.13s;
    animation-delay:.13s;
    -webkit-animation-duration:.78s;
    animation-duration:.78s
}
.ball-grid-pulse>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    -webkit-animation-name:ball-grid-pulse;
    animation-name:ball-grid-pulse;
    animation-iteration-count:infinite;
    -webkit-animation-delay:0;
    animation-delay:0
}
@-webkit-keyframes ball-spin-fade-loader{
    50%{
        opacity:.3;
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes ball-spin-fade-loader{
    50%{
        opacity:.3;
        -webkit-transform:scale(.4);
        transform:scale(.4)
    }
    100%{
        opacity:1;
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
.ball-spin-fade-loader{
    position:relative;
    top:-10px;
    left:-10px
}
.ball-spin-fade-loader>div:nth-child(1){
    top:25px;
    left:0;
    -webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;
    animation:ball-spin-fade-loader 1s -.96s infinite linear
}
.ball-spin-fade-loader>div:nth-child(2){
    top:17.05px;
    left:17.05px;
    -webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;
    animation:ball-spin-fade-loader 1s -.84s infinite linear
}
.ball-spin-fade-loader>div:nth-child(3){
    top:0;
    left:25px;
    -webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;
    animation:ball-spin-fade-loader 1s -.72s infinite linear
}
.ball-spin-fade-loader>div:nth-child(4){
    top:-17.05px;
    left:17.05px;
    -webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;
    animation:ball-spin-fade-loader 1s -.6s infinite linear
}
.ball-spin-fade-loader>div:nth-child(5){
    top:-25px;
    left:0;
    -webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;
    animation:ball-spin-fade-loader 1s -.48s infinite linear
}
.ball-spin-fade-loader>div:nth-child(6){
    top:-17.05px;
    left:-17.05px;
    -webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;
    animation:ball-spin-fade-loader 1s -.36s infinite linear
}
.ball-spin-fade-loader>div:nth-child(7){
    top:0;
    left:-25px;
    -webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;
    animation:ball-spin-fade-loader 1s -.24s infinite linear
}
.ball-spin-fade-loader>div:nth-child(8){
    top:17.05px;
    left:-17.05px;
    -webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;
    animation:ball-spin-fade-loader 1s -.12s infinite linear
}
.ball-spin-fade-loader>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute
}
@-webkit-keyframes ball-spin-loader{
    75%{
        opacity:.2
    }
    100%{
        opacity:1
    }
}
@keyframes ball-spin-loader{
    75%{
        opacity:.2
    }
    100%{
        opacity:1
    }
}
.ball-spin-loader{
    position:relative
}
.ball-spin-loader>span:nth-child(1){
    top:45px;
    left:0;
    -webkit-animation:ball-spin-loader 2s .9s infinite linear;
    animation:ball-spin-loader 2s .9s infinite linear
}
.ball-spin-loader>span:nth-child(2){
    top:30.68px;
    left:30.68px;
    -webkit-animation:ball-spin-loader 2s 1.8s infinite linear;
    animation:ball-spin-loader 2s 1.8s infinite linear
}
.ball-spin-loader>span:nth-child(3){
    top:0;
    left:45px;
    -webkit-animation:ball-spin-loader 2s 2.7s infinite linear;
    animation:ball-spin-loader 2s 2.7s infinite linear
}
.ball-spin-loader>span:nth-child(4){
    top:-30.68px;
    left:30.68px;
    -webkit-animation:ball-spin-loader 2s 3.6s infinite linear;
    animation:ball-spin-loader 2s 3.6s infinite linear
}
.ball-spin-loader>span:nth-child(5){
    top:-45px;
    left:0;
    -webkit-animation:ball-spin-loader 2s 4.5s infinite linear;
    animation:ball-spin-loader 2s 4.5s infinite linear
}
.ball-spin-loader>span:nth-child(6){
    top:-30.68px;
    left:-30.68px;
    -webkit-animation:ball-spin-loader 2s 5.4s infinite linear;
    animation:ball-spin-loader 2s 5.4s infinite linear
}
.ball-spin-loader>span:nth-child(7){
    top:0;
    left:-45px;
    -webkit-animation:ball-spin-loader 2s 6.3s infinite linear;
    animation:ball-spin-loader 2s 6.3s infinite linear
}
.ball-spin-loader>span:nth-child(8){
    top:30.68px;
    left:-30.68px;
    -webkit-animation:ball-spin-loader 2s 7.2s infinite linear;
    animation:ball-spin-loader 2s 7.2s infinite linear
}
.ball-spin-loader>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute;
    width:15px;
    height:15px;
    border-radius:100%;
    background:green
}
.ball-zig-zag-deflect>div,.ball-zig-zag>div{
    background-color:#fff;
    width:15px;
    height:15px;
    border-radius:100%;
    margin:2px 2px 2px 15px;
    top:4px;
    left:-7px
}
@-webkit-keyframes ball-zig{
    33%{
        -webkit-transform:translate(-15px,-30px);
        transform:translate(-15px,-30px)
    }
    66%{
        -webkit-transform:translate(15px,-30px);
        transform:translate(15px,-30px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-zig{
    33%{
        -webkit-transform:translate(-15px,-30px);
        transform:translate(-15px,-30px)
    }
    66%{
        -webkit-transform:translate(15px,-30px);
        transform:translate(15px,-30px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@-webkit-keyframes ball-zag{
    33%{
        -webkit-transform:translate(15px,30px);
        transform:translate(15px,30px)
    }
    66%{
        -webkit-transform:translate(-15px,30px);
        transform:translate(-15px,30px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-zag{
    33%{
        -webkit-transform:translate(15px,30px);
        transform:translate(15px,30px)
    }
    66%{
        -webkit-transform:translate(-15px,30px);
        transform:translate(-15px,30px)
    }
    100%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.ball-zig-zag{
    position:relative;
    -webkit-transform:translate(-15px,-15px);
    -ms-transform:translate(-15px,-15px);
    transform:translate(-15px,-15px)
}
.ball-zig-zag>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute
}
.ball-zig-zag>div:first-child{
    -webkit-animation:ball-zig .7s 0s infinite linear;
    animation:ball-zig .7s 0s infinite linear
}
.ball-zig-zag>div:last-child{
    -webkit-animation:ball-zag .7s 0s infinite linear;
    animation:ball-zag .7s 0s infinite linear
}
@-webkit-keyframes ball-zig-deflect{
    17%,84%{
        -webkit-transform:translate(-15px,-30px);
        transform:translate(-15px,-30px)
    }
    34%,67%{
        -webkit-transform:translate(15px,-30px);
        transform:translate(15px,-30px)
    }
    100%,50%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-zig-deflect{
    17%,84%{
        -webkit-transform:translate(-15px,-30px);
        transform:translate(-15px,-30px)
    }
    34%,67%{
        -webkit-transform:translate(15px,-30px);
        transform:translate(15px,-30px)
    }
    100%,50%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@-webkit-keyframes ball-zag-deflect{
    17%,84%{
        -webkit-transform:translate(15px,30px);
        transform:translate(15px,30px)
    }
    34%,67%{
        -webkit-transform:translate(-15px,30px);
        transform:translate(-15px,30px)
    }
    100%,50%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
@keyframes ball-zag-deflect{
    17%,84%{
        -webkit-transform:translate(15px,30px);
        transform:translate(15px,30px)
    }
    34%,67%{
        -webkit-transform:translate(-15px,30px);
        transform:translate(-15px,30px)
    }
    100%,50%{
        -webkit-transform:translate(0,0);
        transform:translate(0,0)
    }
}
.ball-zig-zag-deflect{
    position:relative;
    -webkit-transform:translate(-15px,-15px);
    -ms-transform:translate(-15px,-15px);
    transform:translate(-15px,-15px)
}
.ball-zig-zag-deflect>div{
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute
}
.ball-zig-zag-deflect>div:first-child{
    -webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;
    animation:ball-zig-deflect 1.5s 0s infinite linear
}
.ball-zig-zag-deflect>div:last-child{
    -webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;
    animation:ball-zag-deflect 1.5s 0s infinite linear
}
@-webkit-keyframes line-scale{
    0%,100%{
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    50%{
        -webkit-transform:scaley(.4);
        transform:scaley(.4)
    }
}
@keyframes line-scale{
    0%,100%{
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    50%{
        -webkit-transform:scaley(.4);
        transform:scaley(.4)
    }
}
.line-scale>div:nth-child(1){
    -webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale>div:nth-child(2){
    -webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale>div:nth-child(3){
    -webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale>div:nth-child(4){
    -webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale>div:nth-child(5){
    -webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);
    animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)
}
.line-scale>div{
    animation-fill-mode:both;
    display:inline-block
}
.line-scale-party>div,.line-scale>div{
    background-color:#fff;
    border-radius:2px;
    margin:2px;
    width:4px;
    height:35px;
    -webkit-animation-fill-mode:both
}
@-webkit-keyframes line-scale-party{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
}
@keyframes line-scale-party{
    0%,100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
}
.line-scale-party>div:nth-child(1){
    -webkit-animation-delay:-.09s;
    animation-delay:-.09s;
    -webkit-animation-duration:.83s;
    animation-duration:.83s
}
.line-scale-party>div:nth-child(2){
    -webkit-animation-delay:.33s;
    animation-delay:.33s;
    -webkit-animation-duration:.64s;
    animation-duration:.64s
}
.line-scale-party>div:nth-child(3){
    -webkit-animation-delay:.32s;
    animation-delay:.32s;
    -webkit-animation-duration:.39s;
    animation-duration:.39s
}
.line-scale-party>div:nth-child(4){
    -webkit-animation-delay:.47s;
    animation-delay:.47s;
    -webkit-animation-duration:.52s;
    animation-duration:.52s
}
.line-scale-party>div{
    animation-fill-mode:both;
    display:inline-block;
    -webkit-animation-name:line-scale-party;
    animation-name:line-scale-party;
    -webkit-animation-iteration-count:infinite;
    animation-iteration-count:infinite;
    -webkit-animation-delay:0;
    animation-delay:0
}
@-webkit-keyframes line-scale-pulse-out{
    0%,100%{
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    50%{
        -webkit-transform:scaley(.4);
        transform:scaley(.4)
    }
}
@keyframes line-scale-pulse-out{
    0%,100%{
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    50%{
        -webkit-transform:scaley(.4);
        transform:scaley(.4)
    }
}
.line-scale-pulse-out>div{
    background-color:#fff;
    width:4px;
    height:35px;
    border-radius:2px;
    margin:2px;
    display:inline-block;
    -webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);
    animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)
}
.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){
    -webkit-animation-delay:-.4s!important;
    animation-delay:-.4s!important
}
.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){
    -webkit-animation-delay:-.2s!important;
    animation-delay:-.2s!important
}
@-webkit-keyframes line-scale-pulse-out-rapid{
    0%,90%{
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    80%{
        -webkit-transform:scaley(.3);
        transform:scaley(.3)
    }
}
@keyframes line-scale-pulse-out-rapid{
    0%,90%{
        -webkit-transform:scaley(1);
        transform:scaley(1)
    }
    80%{
        -webkit-transform:scaley(.3);
        transform:scaley(.3)
    }
}
.line-scale-pulse-out-rapid>div{
    background-color:#fff;
    width:4px;
    height:35px;
    border-radius:2px;
    margin:2px;
    display:inline-block;
    -webkit-animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);
    animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)
}
.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){
    -webkit-animation-delay:-.25s!important;
    animation-delay:-.25s!important
}
.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){
    -webkit-animation-delay:0s!important;
    animation-delay:0s!important
}
@-webkit-keyframes line-spin-fade-loader{
    50%{
        opacity:.3
    }
    100%{
        opacity:1
    }
}
@keyframes line-spin-fade-loader{
    50%{
        opacity:.3
    }
    100%{
        opacity:1
    }
}
.line-spin-fade-loader{
    position:relative;
    top:-10px;
    left:-4px
}
.line-spin-fade-loader>div:nth-child(1){
    top:20px;
    left:0;
    -webkit-animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(2){
    top:13.64px;
    left:13.64px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(3){
    top:0;
    left:20px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(4){
    top:-13.64px;
    left:13.64px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(5){
    top:-20px;
    left:0;
    -webkit-animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(6){
    top:-13.64px;
    left:-13.64px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -webkit-animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(7){
    top:0;
    left:-20px;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    -webkit-animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out
}
.line-spin-fade-loader>div:nth-child(8){
    top:13.64px;
    left:-13.64px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
    -webkit-animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out;
    animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out
}
.line-spin-fade-loader>div{
    background-color:#fff;
    border-radius:2px;
    margin:2px;
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    position:absolute;
    width:5px;
    height:15px
}
@-webkit-keyframes triangle-skew-spin{
    25%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);
        transform:perspective(100px) rotateX(180deg) rotateY(0)
    }
    50%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);
        transform:perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);
        transform:perspective(100px) rotateX(0) rotateY(180deg)
    }
    100%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(0);
        transform:perspective(100px) rotateX(0) rotateY(0)
    }
}
@keyframes triangle-skew-spin{
    25%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);
        transform:perspective(100px) rotateX(180deg) rotateY(0)
    }
    50%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);
        transform:perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);
        transform:perspective(100px) rotateX(0) rotateY(180deg)
    }
    100%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(0);
        transform:perspective(100px) rotateX(0) rotateY(0)
    }
}
.triangle-skew-spin>div{
    width:0;
    height:0;
    border-left:20px solid transparent;
    border-right:20px solid transparent;
    border-bottom:20px solid #fff;
    -webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;
    animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite
}
@-webkit-keyframes square-spin{
    25%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);
        transform:perspective(100px) rotateX(180deg) rotateY(0)
    }
    50%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);
        transform:perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);
        transform:perspective(100px) rotateX(0) rotateY(180deg)
    }
    100%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(0);
        transform:perspective(100px) rotateX(0) rotateY(0)
    }
}
@keyframes square-spin{
    25%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);
        transform:perspective(100px) rotateX(180deg) rotateY(0)
    }
    50%{
        -webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);
        transform:perspective(100px) rotateX(180deg) rotateY(180deg)
    }
    75%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);
        transform:perspective(100px) rotateX(0) rotateY(180deg)
    }
    100%{
        -webkit-transform:perspective(100px) rotateX(0) rotateY(0);
        transform:perspective(100px) rotateX(0) rotateY(0)
    }
}
.square-spin>div{
    width:50px;
    height:50px;
    background:#fff;
    border:1px solid red;
    -webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;
    animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite
}
.pacman>div:first-of-type,.pacman>div:nth-child(2){
    width:0;
    height:0;
    border-right:25px solid transparent;
    border-top:25px solid #fff;
    border-left:25px solid #fff;
    border-bottom:25px solid #fff;
    border-radius:25px;
    position:relative;
    left:-30px
}
@-webkit-keyframes rotate_pacman_half_up{
    0%,100%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
    50%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes rotate_pacman_half_up{
    0%,100%{
        -webkit-transform:rotate(270deg);
        transform:rotate(270deg)
    }
    50%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@-webkit-keyframes rotate_pacman_half_down{
    0%,100%{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes rotate_pacman_half_down{
    0%,100%{
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    50%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@-webkit-keyframes pacman-balls{
    75%{
        opacity:.7
    }
    100%{
        -webkit-transform:translate(-100px,-6.25px);
        transform:translate(-100px,-6.25px)
    }
}
@keyframes pacman-balls{
    75%{
        opacity:.7
    }
    100%{
        -webkit-transform:translate(-100px,-6.25px);
        transform:translate(-100px,-6.25px)
    }
}
.pacman{
    position:relative
}
.pacman>div:nth-child(3){
    -webkit-animation:pacman-balls 1s -.66s infinite linear;
    animation:pacman-balls 1s -.66s infinite linear
}
.pacman>div:nth-child(4){
    -webkit-animation:pacman-balls 1s -.33s infinite linear;
    animation:pacman-balls 1s -.33s infinite linear
}
.pacman>div:nth-child(5){
    -webkit-animation:pacman-balls 1s 0s infinite linear;
    animation:pacman-balls 1s 0s infinite linear
}
.pacman>div:first-of-type{
    -webkit-animation:rotate_pacman_half_up .5s 0s infinite;
    animation:rotate_pacman_half_up .5s 0s infinite
}
.pacman>div:nth-child(2){
    -webkit-animation:rotate_pacman_half_down .5s 0s infinite;
    animation:rotate_pacman_half_down .5s 0s infinite;
    margin-top:-50px
}
.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){
    background-color:#fff;
    border-radius:100%;
    margin:2px;
    width:10px;
    height:10px;
    position:absolute;
    -webkit-transform:translate(0,-6.25px);
    -ms-transform:translate(0,-6.25px);
    transform:translate(0,-6.25px);
    top:25px;
    left:70px
}
@-webkit-keyframes cube-transition{
    25%{
        -webkit-transform:translateX(50px) scale(.5) rotate(-90deg);
        transform:translateX(50px) scale(.5) rotate(-90deg)
    }
    50%{
        -webkit-transform:translate(50px,50px) rotate(-180deg);
        transform:translate(50px,50px) rotate(-180deg)
    }
    75%{
        -webkit-transform:translateY(50px) scale(.5) rotate(-270deg);
        transform:translateY(50px) scale(.5) rotate(-270deg)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
@keyframes cube-transition{
    25%{
        -webkit-transform:translateX(50px) scale(.5) rotate(-90deg);
        transform:translateX(50px) scale(.5) rotate(-90deg)
    }
    50%{
        -webkit-transform:translate(50px,50px) rotate(-180deg);
        transform:translate(50px,50px) rotate(-180deg)
    }
    75%{
        -webkit-transform:translateY(50px) scale(.5) rotate(-270deg);
        transform:translateY(50px) scale(.5) rotate(-270deg)
    }
    100%{
        -webkit-transform:rotate(-360deg);
        transform:rotate(-360deg)
    }
}
.cube-transition{
    position:relative;
    -webkit-transform:translate(-25px,-25px);
    -ms-transform:translate(-25px,-25px);
    transform:translate(-25px,-25px)
}
.cube-transition>div{
    width:10px;
    height:10px;
    position:absolute;
    top:-5px;
    left:-5px;
    background-color:#fff;
    -webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;
    animation:cube-transition 1.6s 0s infinite ease-in-out
}
.cube-transition>div:last-child{
    -webkit-animation-delay:-.8s;
    animation-delay:-.8s
}
@-webkit-keyframes spin-rotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
@keyframes spin-rotate{
    0%{
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    50%{
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}
.semi-circle-spin{
    position:relative;
    width:35px;
    height:35px;
    overflow:hidden
}
.semi-circle-spin>div{
    position:absolute;
    border-width:0;
    border-radius:100%;
    -webkit-animation:spin-rotate .6s 0s infinite linear;
    animation:spin-rotate .6s 0s infinite linear;
    background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);
    background-image:linear-gradient(transparent 0,transparent 70%,#fff 30%,#fff 100%);
    width:100%;
    height:100%
}
@-webkit-keyframes bar-progress{
    0%,100%{
        -webkit-transform:scaleY(20%);
        transform:scaleY(20%);
        opacity:1
    }
    25%,75%{
        -webkit-transform:translateX(6%) scaleY(10%);
        transform:translateX(6%) scaleY(10%);
        opacity:.7
    }
    50%{
        -webkit-transform:translateX(20%) scaleY(20%);
        transform:translateX(20%) scaleY(20%);
        opacity:1
    }
}
@keyframes bar-progress{
    0%,100%{
        -webkit-transform:scaleY(20%);
        transform:scaleY(20%);
        opacity:1
    }
    25%,75%{
        -webkit-transform:translateX(6%) scaleY(10%);
        transform:translateX(6%) scaleY(10%);
        opacity:.7
    }
    50%{
        -webkit-transform:translateX(20%) scaleY(20%);
        transform:translateX(20%) scaleY(20%);
        opacity:1
    }
}
.bar-progress{
    width:30%;
    height:12px
}
.bar-progress>div{
    position:relative;
    width:20%;
    height:12px;
    border-radius:10px;
    background-color:#fff;
    -webkit-animation:bar-progress 3s cubic-bezier(.57,.1,.44,.93) infinite;
    animation:bar-progress 3s cubic-bezier(.57,.1,.44,.93) infinite;
    opacity:1
}
.bar-swing,.bar-swing>div{
    height:8px;
    width:30%
}
@-webkit-keyframes bar-swing{
    0%,100%{
        left:0
    }
    50%{
        left:70%
    }
}
@keyframes bar-swing{
    0%,100%{
        left:0
    }
    50%{
        left:70%
    }
}
.bar-swing>div{
    position:relative;
    border-radius:10px;
    background-color:#fff;
    -webkit-animation:bar-swing 1.5s infinite;
    animation:bar-swing 1.5s infinite
}
@-webkit-keyframes bar-swing-container{
    0%,100%{
        left:0;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        left:70%;
        -webkit-transform:translateX(-4px);
        transform:translateX(-4px)
    }
}
@keyframes bar-swing-container{
    0%,100%{
        left:0;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
    50%{
        left:70%;
        -webkit-transform:translateX(-4px);
        transform:translateX(-4px)
    }
}
.bar-swing-container{
    width:20%;
    height:8px;
    position:relative
}
.bar-swing-container div:nth-child(1){
    position:absolute;
    width:100%;
    background-color:rgba(255,255,255,.2);
    height:12px;
    border-radius:10px
}
.bar-swing-container div:nth-child(2){
    position:absolute;
    width:30%;
    height:8px;
    border-radius:10px;
    background-color:#fff;
    -webkit-animation:bar-swing-container 2s cubic-bezier(.91,.35,.12,.6) infinite;
    animation:bar-swing-container 2s cubic-bezier(.91,.35,.12,.6) infinite;
    margin:2px 2px 0
}
.text-image-box ul li:before {
    display: none;
}
.text-image-box ul li i{
    background-color:#13CB5C;
    padding: 5px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
}
.block.type-1 .icon-entry .title, .block.type-3 .icon-entry .title {
    padding: 0;
}
.text-image-box ul {
    margin-left: 0;
    padding-left: 0;
}
.copyright {
    margin-bottom: 0;
}
.price-entry .top {
}
.block-header .title {
    line-height: 1.425;
}
/*---------------/Background Color style global/-------------*/
.bg-grey-92,
.bg-black-21,
.bg-black-42,
.bg-black-52,
.email-share,
.twitter-share,
.facebook-share,
.googleplus-share,
.email-share:hover,
.twitter-share:hover,
.facebook-share:hover,
.googleplus-share:hover,
.bg-blue-1976d2,
.bg-blue-0074bb,
.bg-blue-70a1d3,
.bg-blue-4789c8,
.bg-red-2215959,
.btn.bg-grey-72,
.bg-blue-72148223,
.bg-green-3018692,
.bg-orange-d35400,
.bg-orange-da982f,
.bg-orange-2049414,
.btn.bg-red-2215959,
.btn.bg-blue-72148223,
.btn.bg-green-3018692,
.btn.bg-green-3018692:focus:active,
.btn.bg-orange-2049414,
.btn.bg-grey-72:hover,
.btn.bg-grey-72:focus,
.btn.bg-blue-1976d2:hover,
.btn.bg-blue-1976d2:focus,
.btn.bg-orange-d35400:hover,
.btn.bg-orange-d35400:focus,
.btn.bg-blue-4789c8:hover,
.btn.bg-blue-4789c8:focus {
    color: #fff;
}

.bg-grey-d9d9d6 {
	color: #2D2926;
}

.bg-red-2215959 {
    background-color: rgba(221,59,59,1);
}
.bg-green-3018692 {
    background-color: rgba(30,186,92,1);
}
.bg-blue-70a1d3 {
	background-color: #70a1d3;
}
.bg-blue-4789c8 {
	background-color: #4b82bc;
}
.bg-blue-339fe2 {
	background-color: #339fe2;
}
.bg-blue-72148223 {
    background-color: rgba(72,148,223,1);
}
.bg-blue-0074bb {
	background-color: #0074bb;
}
.bg-blue-1976d2 {
	background-color: #1976d2;
}
.bg-blue-115296 {
	background-color: #115296;
	color: #f2f2f2;
}
.bg-blue-2e69a6 {
	background-color: #2e69a6;
	color: #F2F2F2;
}
.bg-orange-d35400 {
	background-color: #d35400;
}
.bg-orange-fff8d0 {
	background-color: #fff8d0;
}
.bg-orange-2049414 {
	background-color: rgba(204,94,14,1);
}
.bg-orange-da982f {
	background-color: #da982f;
}
.bg-yellow-fffeb9 {
	background-color: #FFFEB9;
}
.bg-yellow-fbfbdb {
	background-color: #fbfbdb;
}
.bg-yellow-f5d76e {
	background-color: #f5d76e;
}
.bg-yellow-f7dc93 {
	background-color: #f7dc93;
}
.bg-yellow-f7c641 {
	background-color: #f7c641;
}
.bg-yellow-f9e17d {
	background-color: #f9e17d;
	color: #2D2926;
}
.bg-grey-f8 {
	background-color: #f8f8f8;
}
.bg-grey-f2 {
	background-color: #f2f2f2;
}
.bg-grey-e2 {
	background-color: #e2e2e2;
}
.bg-grey-cc {
	background-color: #ccc;
}
.bg-grey-b6 {
	background-color: #b6b6b6;
}
.bg-grey-92 {
	background-color: #929292;
}
.bg-grey-72 {
	background-color: #727272;
}
.bg-grey-d9d9d6 {
	background-color: #d9d9d6;
}
.bg-black-21 {
	background-color: #212121;
}
.bg-black-42 {
	background-color: #424242;
}
.bg-black-52 {
	background-color: #525252;
}

.bg-white {
	background-color: #fff;
	color: #2D2926;
}

.btn.bg-blue-72148223:hover,
.btn.bg-blue-72148223:focus {
    background-color: rgba(72,148,223,0.85);
    color: #fff;
}
.bg-red-d63d36 {
	background-color: rgba(214,61,54,1);
	color: #fff;
}
.bg-red-d63d36:hover,
.bg-red-d63d36:focus {
	background-color: rgba(214,61,54,0.85);
	color: #fff;
}
.btn.bg-grey-e2:hover,
.btn.bg-blue-0074bb:hover,
.btn.bg-blue-0074bb:focus {
    opacity: .85;
    filter: alpha(opacity=85);
}

.btn.bg-red-2215959:hover,
.btn.bg-red-2215959:focus {
	background-color: rgba(221,59,59,0.85);
	color: #fff;
}
.btn.bg-green-3018692:hover,
.btn.bg-green-3018692:focus {
    background-color: rgba(30,186,92,0.85);
}

.btn.bg-orange-2049414:hover,
.btn.bg-orange-2049414:focus {
	background-color: rgba(204,94,14,0.85);
}
.btn.bg-blue-4789c8:hover,
.btn.bg-blue-4789c8:focus {
	background-color: rgba(71,137,200,.8);
}
/* font size global */
.txt-sz-2e {
	font-size: 2em !important;
}
.txt-sz-3e {
	font-size: 3em !important;
}
.txt-sz-4e {
	font-size: 4em !important;
}
.txt-sz-8e {
	font-size: 8em !important;
}
/* text size 1.5em/2.5em/3.5em/... */
.small-txt,
.txt-sz-12px {
    font-size: 12px !important;
}
.txt-sz-13px {
	font-size: 13px !important;
}
.txt-sz-14px {
	font-size: 14px !important;
}
.txt-sz-16px {
	font-size: 16px !important; /* => 1.143em */
}
.txt-sz-18px {
	font-size: 18px !important; /* => 1.143em */
}
.txt-sz-21px {
	font-size: 21px !important; /* => 1.5em */
}
.txt-sz-24px {
	font-size: 24px !important; /* => 1.714em */
}
.txt-sz-35px {
	font-size: 35px !important;
}
.txt-sz-52px {
	font-size: 52px !important;
}
/*---------------/Color style global/-------------*/
.txt-green-1eba5c {
    color: #1eba5c !important;
}
.txt-green-1cb986 {
	color: #1cb986 !important;
}

.txt-red-c61818 {
    color: #c61818 !important;
}
.txt-red-d63d36 {
	color: #d63d36 !important;
}
.txt-blue-1976d2 {
    color: #1976d2 !important;
}
.txt-blue-f1f8ff {
	color: #f1f8ff !important;
}
.txt-yellow-dda436 {
    color: #dda436 !important;
}
.txt-yellow-ffee01 {
	color: #ffee01 !important;
}

.txt-orange-cc5e0e {
    color: #cc5e0e !important;
}

.txt-black-42 {
	color: #424242 !important;
}
.txt-black-4e4b48 {
	color: #4e4b48 !important;
}
.txt-grey-f2 {
	color: #F2F2F2 !important;
}
.txt-grey-92 {
	color: #929292 !important;
}
.txt-grey-72 {
	color: #727272 !important;
}
.txt-grey-b6 {
	color: #b6b6b6 !important;
}
.txt-grey-e2 {
	color: #e2e2e2 !important;
}

.txt-white {
	color: #fff !important;
}
.domain-account-form h1 {
    margin-bottom: 0;
}
.domain-account-form .form-block {
    margin-top: 0;
    padding-top: 30px;
}
.list-group-item.active a, .list-group-item.active:focus a, .list-group-item.active:hover a {
    color: #fff;
}
.section-info hr {
    border-top: 1px solid #e06d18;
    width: 20%;
    margin: 30px auto;
}
.banner-caption {
    position: absolute;
}
.section-info {
    right: 15%;
    top: 150px;
    left: 15%;
    padding-top: 0;
    text-align: center;
}
.banner-caption img {
    margin-top: 100px;
    margin-bottom: 5px;
}
.section-info .title {
    margin-bottom: 20px;
    font-weight: 700;
}
.section-info .caption {
    font-size: 18px;
    margin: 0 auto 30px;
    line-height: 27px;
    font-weight: 300;
}
.themes-page .theme-image,
.apps-page .theme-image {
    height: 430px;
    position: relative;
}
.themes-page .theme-image img,
.apps-page .theme-image img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
}
.themes-menu {
    width: 100%;
}
.themes-menu .main-menu {
    width: 100%;
}
.themes-list .theme-overlay {
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.theme-overlay.image {
    background: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    display: inherit;
}
.theme-overlay.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
}
.themes-list .image img {
    width: 100%;
}
.themes-item .name {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
.themes-item a:hover {
    text-decoration: none;
}
.themes-item .price {
    color: #e06d18;
}
.command {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.themes-item {
    position: relative;
    padding-bottom: 10px;
}
.theme-overlay .button {
    background: #fff;
    border-radius: 16px;
    display: block;
}
.theme-overlay .button + .button {
    margin-top: 20px;
}
.theme-overlay .btn-detail {
    border: #fff solid 1px;
    text-transform: uppercase;
    color: #e06d18;
}
.theme-overlay .btn-demo {
    border: #fff solid 1px;
    text-transform: uppercase;
    color: #e06d18;
}
.home-page .apps .btn--brand {
    color: #fff;
    text-transform: uppercase;
    background: #e06d18;
    border: none;
}
.home-page .apps .btn--brand:hover {
    background: #fff;
    color: #e06d18;
}
.theme-overlay .button a {
    color: #888;
}
.theme-overlay.overlay {
    transform: scale(0);
    background-color: rgba(0,0,0,0.3);
}
.themes-item:hover .overlay,
.themes-item.active .overlay {
    width: 100%;
    transform: scale(1);
}
.themes-item .overlay:hover {
    cursor: pointer;
}
.themes-item .overlay a:hover {
    text-decoration: none;
    color: #e06d18;
}
.themes-item a.fa-ellipsis-h {
    border-right: 1px solid;
    -webkit-border-image: -webkit-gradient(linear,0 100%,0 0,from(#ababab),to(#fff)) 1 100%;
    -webkit-border-image: -webkit-linear-gradient(bottom,#ababab,#fff) 1 100%;
    -moz-border-image: -moz-linear-gradient(bottom,#ababab,#fff) 1 100%;
    -o-border-image: -o-linear-gradient(bottom,#ababab,#fff) 1 100%;
    border-image: linear-gradient(to top,#ababab,#fff) 1 100%;
}
.apps .image {
    width: 100%;
}
body:not(.home-page) .site-banner {
    padding-top: 100px;
}
body.themes-page .themes-banner {
    background: url(../images/themes-banner-bg.png) center top scroll no-repeat #408a99;
    padding-bottom: 200px;
    padding-top: 200px;
}
body:not(.home-page) .site-banner a:hover {
    text-decoration: none;
}
.themes-page .search-field input {
    width: 100%;
    border: none;
    background: #fff;
    box-shadow: none;
    margin-bottom: 20px;
    border-radius: 30px;
    padding-left: 20px;
    height: 60px;
    padding-left: 30px;
    font-size: 20px;
    font-weight: 300;
}
.themes-page .search-forrm-title {
    font-weight: 300;
    margin-bottom: 15px;
    padding-left: 20px;
}
.themes-page .search-field {
    position: relative;
}
.themes-page .search-field input::-webkit-input-placeholder {
    color: #ababab;
    font-size: 20px;
    font-weight: 300;
}
.themes-page .search-field input::-moz-placeholder {
    color: #ababab;
    font-size: 20px;
    font-weight: 300;
}
.themes-page .search-field input:-ms-input-placeholder {
    color: #ababab;
    font-size: 20px;
    font-weight: 300;
}
.themes-page .search-field input:-moz-placeholder {
    color: #ababab;
    font-size: 20px;
    font-weight: 300;
}
.themes-page .search-field a.search-button {
    position: absolute;
    top: 13px;
    right: 5px;
    font-size: 24px;
    color: #888;
}
.themes-page .category-field {
    color: #888;
    font-size: 18px;
    position: absolute;
    top: 17px;
    right: 80px;
}
.themes-page .career-category {
    padding: 20px 20px 10px 20px;
}
.themes-page .career-item {
    float: left;
}
.themes-page .popover {
    max-width: 100%;
    border: none;
    left: 0;
}
.themes-page .popover-content {
    padding: 10px 0 0 0;
}
.themes-page .carreer-list-title {
    margin-top: 0;
}
.themes-page a.career-item {
    color: #333;
    margin-bottom: 15px;
    font-size: 18px;
}
.themes-page a.career-item:before {
    font-family: FontAwesome;
    content: "\f105";
    margin-right: 7px;
    color: #ababab;
}
.themes-page .carreer-list-title {
    font-size: 18px;
    font-weight: 300;
}
.themes-page a.search-button {
    width: 44px;
    height: 44px;
}
.themes-page a.career-item.selected {
    color: #e06d18;
}
.btn--brand {
    border: solid 1px #e06d18;
    border-radius: 16px;
    color: #e06d18;
    min-width: 120px;
    line-height: 32px;
    display: inline-block;
    text-align: center;
}
.btn-white {
    border: solid 1px #fff;
    background: #fff;
    color: #e06d18;
}
.btn-large {
    width: 200px;
    height: 40px;
    line-height: 38px;
    font-size: 18px;
    border-radius: 20px;
}
.command {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.header .btn--brand,
.admin-header .btn--brand {
    line-height: 20px;
}
.admin-header {
    font-size: 18px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}
.admin-header a:not(.btn--brand) {
    color: #888;
    line-height: 60px;
}
.admin-header a:not(.btn--brand):hover,
.admin-header a:not(.btn--brand).active {
    color: #e06d18;
}
.admin-header .btn--brand {
    padding: 4px 15px;
}
.admin-header i {
    margin-right: 10px;
}
.admin-header .demo-icon {
    margin-right: 20px;
}
.admin-header .admin-menu {
    padding: 15px 0;
}
.view-demo-menu a {
    padding: 15px 0;
}
.desktop-screen {
    width: 100%;
}
.theme-demo-page .desktop-screen iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 60px;
    right: 0;
    bottom: 0;
    border: none;
}
.theme-demo-page .tablet-screen iframe {
    margin-top: 60px;
    height: 618px;
    width: 785px;
    border: none;
}
.theme-demo-page .mobile-screen iframe {
    margin-top: 60px;
    height: 618px;
    width: 337px;
    border: none;
}
.themes-page .features-info {
    margin-bottom: 30px;
}
.section-info hr {
    border-top: 1px solid #e06d18;
    width: 20%;
    margin: 30px auto;
}
.section-info img.logo {
    margin-top: 40px;
}
.section-info img:not(.logo) {
    height: 20px;
}
.breadcrumb {
    margin: 20px 0;
    font-size: 18px;
    background-color: transparent;
}
.breadcrumb li a,
.breadcrumb li.active {
    color: #333;
}
.breadcrumb li.active {
    font-weight: bold;
}
a.home-page,
.breadcrumb a.home-page {
    color: #e06d18;
}
a.home-page:before {
    margin-right: 5px;
    content: "\f015";
    font-family: FontAwesome;
}

.bg-grey-2 {
    background-color: #dae0eb;
}
.bg-white {
    background-color: #fff;
}
.bg-grey-2 {
    background-color: #dae0eb;
}
.theme-detail-page .main-info .price {
    color: #e06d18;
    font-size: 30px;
}
.command .btn--brand + .btn--brand {
    margin-left: 10px;
}
.theme-detail-page .main-info .command {
    margin-top: 20px;
    display: inherit;
}
.theme-detail-page .theme-content {
    margin-bottom: 20px;
}
.theme-spec .category,
.themes-item .name {
    padding-left: 15px;
}
.theme-spec .price,
.theme-spec .category {
    width: 68%;
    display: inline-block;
    font-size: 14px;
}
.theme-spec .price {
    width: 30%;
    padding-right: 15px;
}
.related-apps {
    padding: 10px 20px 20px 20px;
}
.bg-grey {
    background-color: #eeeff1;
}
.related-apps h4 {
    margin-bottom: 20px;
}
.related-apps .item {
    margin-bottom: 20px;
    overflow: hidden;
}
.related-apps img {
    float: left;
    margin-right: 20px;
    width: 65px;
    height: 65px;
    margin-bottom: 10px;
}
.theme-detail .caption {
    margin-top: 20px;
    margin-bottom: 20px;
}
.theme-detail .sub-info {
    padding-top: 20px;
}
@media (max-width: 767px) {
    banner-caption.section-info {
        margin-bottom: 30px;
        right: 10%;
        left: 10%;
    }
    .section-info .caption {
        width: 100%;
    }
    .themes-item {
        margin-top: 20px;
    }
    .themes-list .image,
    .themes-list .theme-overlay {
        height: 400px;
        width: 100%;
    }
    .theme-overlay .button a {
        line-height: 44px;
        width: 90px;
    }
    .themes-page .career-item {
        width: 99%;
    }
}
@media (min-width: 768px) {
    .themes-page .career-item {
        width: 49%;
    }
    .section-info .caption {
        width: 70%;
    }
    .themes-item:hover .overlay,
    .themes-item.active .overlay {
        width: 100%;
        transform: scale(1);
        -webkit-transition: all 0.5s ease-out 0s;
        -moz-transition: all 0.5s ease-out 0s;
        -ms-transition: all 0.5s ease-out 0s;
        -o-transition: all 0.5s ease-out 0s;
    }
    .themes-item {
        margin-top: 30px;
    }
}
@media (min-width: 992px) {
    .themes-page .career-item {
        width: 33%;
    }
    .section-info {
        top: 100px;
    }
}
@media (min-width: 1200px) {
    .section-info {
        top: 200px;
    }
}
/*text-overflow*/
.ellipsis {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.col-2d5,
.col-sm-2d5,
.col-md-2d5,
.col-lg-2d5,
.col-xl-2d5 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-2d5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 540px) {
    .col-sm-2d5 {
        padding-top: 120px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 720px) {
    .col-md-2d5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (max-width: 991px) {
    #content-wrapper {
        padding-top: 50px;
    }
    .header-left, .header-right {
        float: none;
        width: auto;
        padding-left: 0;
    }
    .menu-entry a {
        color: #232c3b;
        margin: 0 10px;
        text-align: left;
    }
}
@media (min-width: 960px) {
    .col-lg-2d5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1140px) {
    .col-xl-2d5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}