/*------------------------------------------------------------------
 * Theme Name: SKYHOST - WHMCS & HTML Responsive Domain & Web Hosting Template
 * Author: coodiv
 * Author URI: http://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * Description: A Bootstrap Responsive Domain & Web Hosting Template + WHMCS theme
 * Version: 1.0
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2017 coodiv.
 -------------------------------------------------------------------*/
/*------------------------------------------------------------------

[Table of contents]

1. General Styles                       ('line:47');
2. loeader Styles                       ('line:68');
3. megamenu Styles                      ('line:180');
4. header login Styles                  ('line:297');
5. header Styles                        ('line:389');
6. header animation Styles              ('line:495');
7. logo Styles                          ('line:809');
8. nav Styles                           ('line:867');
9. btn Styles                           ('line:932');
10. domain search Styles                ('line:963');
11. fetures Styles                      ('line:1122');
12. hosting plans Styles                ('line:1284');
13. facts Styles                        ('line:1711');
14. blog Styles                         ('line:2048');
15. footer Styles                       ('line:2038');
16. social icons Styles                 ('line:2479');
17. not index Styles                    ('line:2726');
18. hosting page Styles                 ('line:2738');
19. about us page Styles                ('line:3046');
20. domain search page Styles           ('line:3358');
21. 404 not found page Styles           ('line:3755');
22. blog page Styles                    ('line:3794');
23. blog post page Styles               ('line:3899');
24. contact us page Styles              ('line:4007');


[ THE END ]
-------------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:200,300,400,600,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css?family=Varela|Varela+Round');
@import url('https://fonts.googleapis.com/css?family=Rubik');

/*------------------------------------------------------------------
	1. General Styles
-------------------------------------------------------------------*/

body {
    /* font-family: 'Titillium Web', sans-serif;*/
    /*font-family: 'Open Sans' , sans-serif;*/
    font-family: 'Varela Round', sans-serif;
    overflow-x: hidden;
    /*background:  url(../img/main_cloud.png) repeat-x center bottom 210px;*/
    /*background-size: 100%;*/

}

* {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

*:hover {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

/*------------------------------------------------------------------
	2. loeader Styles
-------------------------------------------------------------------*/

.no-js #loader {
    display: none;
}

/*.js #loader { display: block; position: absolute; left: 100px; top: 0; }*/
/*.se-pre-con {*/
/*position: fixed;*/
/*left: 0px;*/
/*top: 0px;*/
/*width: 100%;*/
/*height: 100%;*/
/*z-index: 9999;*/
/*background: #082031;*/
/*background: -moz-linear-gradient(top, #082031 0%, #0e2c40 100%);*/
/*background: -webkit-linear-gradient(top, #082031 0%,#0e2c40 100%);*/
/*background: linear-gradient(to bottom, #082031 0%,#0e2c40 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#082031', endColorstr='#0e2c40',GradientType=0 );*/
/*-webkit-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);*/
/*-moz-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);*/
/*box-shadow: inset 2px 82px 178px 21px */
/*}*/

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #082031;
    background: -moz-linear-gradient(top, #082031 0%, #0e2c40 100%);
    background: -webkit-linear-gradient(top, #082031 0%, #0e2c40 100%);
    background: linear-gradient(to bottom, #082031 0%, #0e2c40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#082031', endColorstr='#0e2c40', GradientType=0);
    -webkit-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
    box-shadow: inset 2px 82px 178px 21px
}

.timer {
    width: 70px;
    height: 70px;
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #fff;
    border-radius: 50%;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.timer span {
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 18px;
    display: block;
    text-align: center;
    margin-top: 85px;
}

.timer:after, .timer:before {
    position: absolute;
    content: "";
    background-color: #fff;
}

.timer:after {
    width: 27px;
    height: 2px;
    top: 33px;
    left: 33px;
    -webkit-transform-origin: 1px 1px;
    -moz-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    -webkit-animation: minhand 2s linear infinite;
    -moz-animation: minhand 2s linear infinite;
    animation: minhand 2s linear infinite;
}

.timer:before {
    width: 30px;
    height: 2px;
    top: 33px;
    left: 33px;
    -webkit-transform-origin: 1px 1px;
    -moz-transform-origin: 1px 1px;
    transform-origin: 1px 1px;
    -webkit-animation: hrhand 8s linear infinite;
    -moz-animation: hrhand 8s linear infinite;
    animation: hrhand 8s linear infinite;
}

@-webkit-keyframes minhand {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes minhand {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes minhand {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes hrhand {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes hrhand {
    0% {
        -moz-transform: rotate(0deg)
    }
    100% {
        -moz-transform: rotate(360deg)
    }
}

@keyframes hrhand {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

/*------------------------------------------------------------------
	3. megamenu Styles
-------------------------------------------------------------------*/

.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {

    /*position: static;*/
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.megamenu .container {
    position: relative;
    z-index: 999;

    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.megamenu .dropdown-menu {
    left: auto;

    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.megamenu .megamenu-content {
    padding: 15px;
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.megamenu .megamenu-content h3 {
    margin-top: 0;
    color: #428bca;
    font-size: 18px;
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
    -webkit-transition: all 0.0s ease-in-out;
    -moz-transition: all 0.0s ease-in-out;
    -o-transition: all 0.0s ease-in-out;
    -ms-transition: all 0.0s ease-in-out;
    transition: all 0.0s ease-in-out;
}

.megamenucontainpadding {
    padding: 40px 80px;

}

.megamenucontainpadding .megamenu-hosting {
    display: block;
    float: left;
    width: 100%;
}

.megamenucontainpadding .megamenu-hosting a > i {
    float: left;
    margin-right: 16px;
}

.megamenucontainpadding .megamenu-hosting a > i:before {
    margin-left: 0;
    font-size: 55px;
    color: #d1d7da;
}

.megamenucontainpadding .megamenu-hosting .tittlespan {
    display: block;
    padding-top: 20px;
    font-weight: bold;
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    color: #3a7196;
    margin-bottom: 3px;
}

.megamenucontainpadding .megamenu-hosting .subtittlespan {
    display: block;
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 20px;
    color: #7b868e;
    font-size: 13px;
}

.banner-jpmbp {
    text-align: center;
}

.banner-jpmbp img {
    width: 100%;
}

/*------------------------------------------------------------------
	4. header login Styles
-------------------------------------------------------------------*/

.login__body {
    background-color: #fff;
    padding: 15px;
    position: relative;
    min-width: 300px;
}

.login__body h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.login__body::before {
    background-color: #fff;
    content: '';
    height: 0.5em;
    left: 50%;
    margin-left: -0.25em;
    margin-top: -0.25em;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 0.5em;
}

.login input[type='email'],
.login input[type='password'] {
    border: 0.0625em solid #e5e5e5;
    padding: 0.5em 1.25em;
    width: 100%;
}

.login input[type='email'] {
    border-top-left-radius: 0.25em;
    border-top-right-radius: 0.25em;
}

.login input[type='password'] {
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    border-top: 0;
}

.login input[type='submit'] {
    background-color: #1dabb8;
    border-radius: 0.25em;
    color: #fff;
    font-weight: 700;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding: 0.4em 1.25em;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border: 0;
}

.login input[type='submit']:focus,
.login input[type='submit']:hover {
    background-color: #198d98;
}

.login__footer {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border-bottom-left-radius: 0.25em;
    border-bottom-right-radius: 0.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 1.5em;
    padding-left: 1.5em;
    padding-right: 1.5em;
}

.login__footer p {
    margin: 0;
}

/*------------------------------------------------------------------
	5. header Styles
-------------------------------------------------------------------*/


@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        right: auto;
        left: auto;
    }

    .navbar-right .login-areadwn {
        right: 0 !important;
    }

}

header {
    position: relative;
    height: 640px;
    background: #082031;
    background: -moz-linear-gradient(top, #082031 0%, #0e2c40 100%);
    background: -webkit-linear-gradient(top, #082031 0%, #0e2c40 100%);
    background: linear-gradient(to bottom, #082031 0%, #0e2c40 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#082031', endColorstr='#0e2c40', GradientType=0);
    -webkit-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
    -moz-box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
    box-shadow: inset 2px 82px 178px 21px rgba(0, 0, 0, 0.48);
}

.not-index-header {
    height: auto;
    min-height: 450px;
}

.not-index-header:after {
    display: none;
}

.not-index-header .navbar {
    z-index: 2;
    /*border-bottom: 1px solid rgba(255, 255, 255, 0.09);*/

}

@media only screen and (max-width: 480px) {
    /* For Mobile: */
    .not-index-header {
        height: auto;
        min-height: 250px;
    }

    .not-index-header:after {
        display: none;
    }

    .not-index-header .navbar {
        z-index: 8;
        /*border-bottom: 1px solid rgba(255, 255, 255, 0.09);*/

    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .headline_inner_download {
        position: absolute;
        left: 33%;
        text-align: center;
        color: #fff;
        top: 17%;

    }

    .headline_inner_download .center-align {
        text-align: center;
    }


    .headline_inner_download .center-align h3 {
        font-weight: lighter;
        font-size: 25px;
        /*text-transform: uppercase;*/
    }

    .headline_inner_download .center-align span {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        font-size: 15px;
        margin-top: 7px;
        opacity: 0.7;
        text-transform: none;
    }

    .headline_inner_download .left-align {
        text-align: center;
    }

    .headline_inner_download .left-align h5 {
        font-weight: lighter;
        font-size: 25px;
        /*text-transform: uppercase;*/
    }

    .headline_inner_download .left-align span {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        font-size: 15px;
        margin-top: 7px;
        opacity: 0.7;
        text-transform: none;
    }

    .headline_inner_download .right-align {
        text-align: center;
    }

    .headline_inner_download .right-align .breadcrumbs_inner_link {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        text-transform: lowercase;
        padding: 30px 0;
        font-size: 13px;
    }

    .headline_inner_download .right-align .breadcrumbs_inner_link a {
        color: #fff;
    }
}

@media only screen and (max-width: 480px) {
    /* For Mobile: */
    .headline_inner_download {
        position: absolute;
        text-align: center;
        color: #fff;
        top: 17%;
        left: 12%;
        width: 80%;
        /*padding: 0px 0;*/
    }

    .headline_inner_download .center-align {
        text-align: center;
    }

    .headline_inner_download .center-align h3 {
        font-weight: lighter;
        font-size: 13px;
        /*text-transform: uppercase;*/
    }

    .headline_inner_download .center-align span {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        font-size: 15px;
        margin-top: 7px;
        opacity: 0.7;
        text-transform: none;
    }

    .headline_inner_download .left-align {
        text-align: center;
    }

    .headline_inner_download .left-align h3 {
        font-weight: lighter;
        font-size: 16px;
        /*text-transform: uppercase;*/
    }

    .headline_inner_download .left-align span {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        font-size: 15px;
        margin-top: 7px;
        opacity: 0.7;
        text-transform: none;
    }

    .headline_inner_download .right-align {
        text-align: center;
    }

    .headline_inner_download .right-align .breadcrumbs_inner_link {
        display: block;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        text-transform: lowercase;
        padding: 30px 0;
        font-size: 13px;
    }

    .headline_inner_download .right-align .breadcrumbs_inner_link a {
        color: #fff;
    }
}

.headline_inner {
    position: absolute;

    color: #fff;
    top: 13%;
    padding: 0px 0;
}

.headline_inner .left-align {
    text-align: left;
}

.headline_inner .left-align h5 {
    font-weight: bold;
    font-size: 35px;
    text-transform: uppercase;
}

.headline_inner .left-align span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 7px;
    opacity: 0.7;
    text-transform: none;
}

.headline_inner .right-align {
    text-align: right;
}

.headline_inner .right-align .breadcrumbs_inner_link {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: lowercase;
    padding: 30px 0;
    font-size: 13px;
}

.headline_inner .right-align .breadcrumbs_inner_link a {
    color: #fff;
}

header:after {
    content: '';
    width: 100%;
    max-width: 1226px;
    height: 362px;
    background: url(../img/helf-sercl.png) no-repeat top center;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/*------------------------------------------------------------------
	6. header animation Styles
-------------------------------------------------------------------*/

.earth-icon {
    width: 111px;
    height: 110px;
    background: url(../img/earth.png) no-repeat top center;
    position: absolute;
    bottom: 40px;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 75s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 75s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 75s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 75s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

/*.gordin{*/

/*background: url(https://daks2k3a4ib2z.cloudfront.net/5543e0d11cd7b7f7610ddbfd/5532c4f6777d17b75ce86d0d_asset-parallax-05.svg) no-repeat;*/
/*background-size: 100%;*/
/*position: absolute;*/
/*bottom: 0px;*/
/*margin-top: 20px;*/
/*!*margin-left: 500px;*!*/

/*z-index: 4;*/
/*}*/
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .earth-clouds {
        width: 64px;
        height: 64px;
        background: url(../img/cloud_01.png) no-repeat top center;
        background-size: 46px;
        position: absolute;
        bottom: 96px;
        margin-top: 20px;
        /*margin-left: 500px;*/
        left: 30%;
        right: 0;
        z-index: 2;
    }

    .earth-clouds-two {
        width: 64px;
        height: 64px;
        background: url(../img/cloud_02.png) no-repeat top center;
        background-size: 46px;
        position: absolute;
        bottom: 0px;
        margin: 0 auto;
        left: 52%;
        top: 30%;
        right: 0;
        z-index: 0;
    }
}

@media only screen and (min-width: 996px) {
    /* For desktop: */
    .kangaroo-with-sign {
        width: 410px;
        height: 380px;

        background: url(../img/Kangaroo-with-Sign.png) no-repeat top;

        /*background-size: 100%;*/
        position: absolute;
        bottom: -330px;
        margin: 0 auto;
        /*padding-left: 40%;*/
        /*right: 0;*/
        z-index: 10;
    }

    .text-sign {
        width: 200px;
        height: 50px;
        font-weight: 700;
        font-size: 22px;
        color: #0b2c3e;
        font-family: 'Titillium Web', sans-serif;
        /*background-size: 100%;*/
        position: absolute;
        bottom: -30px;
        left: 27px;
        margin: 0 auto;
        /*padding-left: 40%;*/
        /*right: 0;*/
        z-index: 11;
        transform: rotate(-3deg);
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .kangaroo {
        width: 370px;
        height: 346px;
        background: url(../img/kangaroo.png) no-repeat top;

        /*background-size: 100%;*/
        position: absolute;
        bottom: -25px;
        margin: 0 auto;
        left: 10%;
        /*right: 0;*/
        z-index: 5;
    }

    .earth {
        width: 655px;
        height: 346px;
        background: url(../img/earth_01.png) no-repeat top;
        opacity: 0.95;
        /*background-size: 100%;*/
        position: absolute;
        bottom: -204px;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0;
        right: 0;
        left: 0;
        /*padding-left: 40%;*/
        /*right: 0;*/
        z-index: 4;
    }

}

@media only screen and (min-width: 995px) {
    /* For desktop: */
    .download_earth {
        width: 651px;
        height: 203px;
        background: url(../img/earth_kangaroo.png) no-repeat top;
        background-size: 95%;
        opacity: 1;
        /*background-size: 100%;*/
        position: absolute;
        bottom: 100px;
        margin-top: 0;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 0;
        right: 0;
        left: 0;
        /*padding-left: 40%;*/
        /*right: 0;*/
        z-index: 0;
    }
}

@-ms-keyframes spin {
    from {
        -ms-transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
    }
}

@-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.stars {
    animation: starry_star 8s ease-in-out infinite;
    background: #fff;
    border-radius: 50%;
    box-shadow: #FFFFFF 26px 7px 0 -1px, rgba(255, 255, 255, 0.1) -36px -19px 0 -1px, rgba(255, 255, 255, 0.1) -51px -34px 0 -1px, #FFFFFF -52px -62px 0 -1px, #FFFFFF 14px -37px, rgba(255, 255, 255, 0.1) 41px -19px, #FFFFFF 34px -50px, rgba(255, 255, 255, 0.1) 14px -71px 0 -1px, #FFFFFF 64px -21px 0 -1px, rgba(255, 255, 255, 0.1) 32px -85px 0 -1px, #FFFFFF 64px -90px, rgba(255, 255, 255, 0.1) 60px -67px 0 -1px, #FFFFFF 34px -127px, rgba(255, 255, 255, 0.1) -26px -103px 0 -1px, rgba(255, 255, 255, 0.1) -26px -300px 0 -1px;
    height: 4px;
    width: 4px;
    margin-left: -10px;
    opacity: 1;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 30%;
    top: 63%;
    z-index: 1;
}

@keyframes starry_star {
    50% {
        box-shadow: rgba(255, 255, 255, 0.1) 26px 7px 0 -1px, #FFFFFF -36px -19px 0 -1px, #FFFFFF -51px -34px 0 -1px, rgba(255, 255, 255, 0.1) -52px -62px 0 -1px, rgba(255, 255, 255, 0.1) 14px -37px, #FFFFFF 41px -19px, rgba(255, 255, 255, 0.1) 34px -50px, #FFFFFF 14px -71px 0 -1px, rgba(255, 255, 255, 0.1) 64px -21px 0 -1px, #FFFFFF 32px -85px 0 -1px, rgba(255, 255, 255, 0.1) 64px -90px, #FFFFFF 60px -67px 0 -1px, rgba(255, 255, 255, 0.1) 34px -127px, #FFFFFF -26px -103px 0 -1px, rgba(255, 255, 255, 0.1) -26px 300px 0 -1px;
    }
}

@media only screen and (min-width: 768px) {
    /* For Desktop: */
    .starsbg {
        /*width: 100%;*/
        /*max-width: 795px;*/
        height: 80%;
        background: url(../img/stars.png) no-repeat top center;
        position: absolute;
        bottom: 40px;
        margin: 0 auto;
        left: 20%;
        right: 20%;
        /*z-index: 1;*/
        /*bottom: 0;*/
    }
}

.white-background-header {
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.12) 100%);
}

.space-ship {
    width: 29px;
    height: 22px;
    background: url(../img/space-ship.png) no-repeat top center;
    position: absolute;
    bottom: 232px;
    margin: 0 auto;
    left: -360px;
    right: 0;
    z-index: 1;
    -webkit-animation: space-ship 100s infinite;
    animation: space-ship 100s infinite;
}

@-webkit-keyframes space-ship {
    0% {
        bottom: 232px;
        left: -360px;
        transform: rotate(-10deg);
    }

    10% {
        transform: rotate(-10deg);
    }

    10% {
        bottom: 150px;
        left: -800px;
        transform: rotate(120deg);
    }

    20% {
        bottom: 450px;
        left: -400px;
        transform: rotate(190deg);
    }

    30% {
        bottom: 410px;
        left: 800px;
        transform: rotate(180deg);
    }

    40% {
        bottom: 410px;
        left: 800px;
        transform: rotate(100deg);
    }

    45% {
        bottom: 350px;
        left: 800px;
        transform: rotate(100deg);
    }

    50% {
        bottom: 390px;
        left: 800px;
        transform: rotate(10deg);
    }

    60% {
        bottom: 390px;
        left: 500px;
        transform: rotate(0deg);
    }

    70% {
        bottom: 370px;
        left: 300px;
        transform: rotate(100deg);
    }

    80% {
        bottom: 50px;
        left: 300px;
        transform: rotate(160deg);
    }

    90% {
        bottom: 160px;
        left: 600px;
        transform: rotate(30deg);
    }
}

@keyframes space-ship {
    0% {
        bottom: 232px;
        left: -360px;
        transform: rotate(-10deg);
    }

    10% {
        transform: rotate(-10deg);
    }

    10% {
        bottom: 150px;
        left: -800px;
        transform: rotate(120deg);
    }

    20% {
        bottom: 450px;
        left: -400px;
        transform: rotate(190deg);
    }

    30% {
        bottom: 410px;
        left: 800px;
        transform: rotate(180deg);
    }

    40% {
        bottom: 410px;
        left: 800px;
        transform: rotate(100deg);
    }

    45% {
        bottom: 350px;
        left: 800px;
        transform: rotate(100deg);
    }

    50% {
        bottom: 390px;
        left: 800px;
        transform: rotate(10deg);
    }

    60% {
        bottom: 390px;
        left: 500px;
        transform: rotate(0deg);
    }

    70% {
        bottom: 370px;
        left: 300px;
        transform: rotate(100deg);
    }

    80% {
        bottom: 50px;
        left: 300px;
        transform: rotate(160deg);
    }

    90% {
        bottom: 160px;
        left: 600px;
        transform: rotate(30deg);
    }
}

.satellite {
    width: 24px;
    height: 30px;
    background: url(../img/satellite.png) no-repeat top center;
    position: absolute;
    bottom: 180px;
    margin: 0 auto;
    left: 500px;
    right: 0;
    z-index: 1;
    -webkit-animation: satellite 100s infinite;
    animation: satellite 100s infinite;
}

/*------------------------------------------------------------------
	7. logo Styles
-------------------------------------------------------------------*/

.logo-simple {
    padding: 20px 15px 15px 15px;
    font-size: 16px;
    font-weight: 300;

    color: #fff;
    text-transform: capitalize;
    height: auto;
}

.logo-simple:hover, .logo-simple:focus {
    color: #fff;
}

.logo-simple span {
    font-weight: 300;
    font-size: 16px;
    text-transform: none;
}

.logo-simple b {
    margin-left: 3px;
}

#toTop {
    position: fixed;
    bottom: 30px;
    right: 36px;
    cursor: pointer;
    display: none;
    padding: 9px 12px;
    border-radius: 45px;
    background: #161d23;
    border: #161d23;
    color: #fff;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    transition: ba 0s ease-in-out;
    opacity: 0.6;
    z-index: 5;
}

#toTop:hover {
    opacity: 1;
}

@media only screen and (max-width: 480px) {
    /* For Mobile: */
    #feedback {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    #feedback {
        position: fixed;
        left: 0;
        bottom: 0;
        height: 250px;
        z-index: 10;
        margin-left: -3px;
        margin-bottom: -3px;
    }

    #feedback-tab {
        float: right;
        color: #fff;
        z-index: 10;
        font-size: 18px;
        cursor: pointer;
        text-align: center;
        width: 120px;
        height: 42px;
        background-color: rgba(0, 0, 0, 0.5);
        margin-top: 60px;
        margin-left: -42px;
        padding-top: 5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    #feedback-tab a {
        text-decoration: none;
        color: #ffffff;
        font-style: normal;
        font-weight: lighter;
        outline: none;
    }

    #feedback-tab:hover {
        background-color: rgba(0, 0, 0, 0.4);
    }

    #feedback-form textarea {
        resize: none;
    }
}

/* FROM HERE UP */

/*------------------------------------------------------------------
	8. nav Styles
-------------------------------------------------------------------*/

@media (min-width: 768px) {
    .main-nav .navbar-right > li > a {
        color: #fff;
        font-weight: 700;
        font-size: 13px;
        text-transform: uppercase;
        padding: 40px 25px;
        position: relative;
    }

    .main-nav .navbar-right > li > a:after {
        content: '';
        height: 2px;
        width: 0;
        background: #fff;
        bottom: 33px;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .main-nav .navbar-right > li > a:hover:after {
        content: '';
        height: 2px;
        width: 50%;
        background: #fff;
        bottom: 33px;
        position: absolute;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        -ms-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
    }

    .main-nav .navbar-right > li > a:hover, .main-nav .navbar-right > li > a:focus, .main-nav .navbar-right > li > a:active {
        color: #fff;
        background: rgba(1, 8, 12, 0.35);
    }

    .main-nav:after {
        content: '';
        background: url(../img/under-header.png) no-repeat top center;
        height: 1px;
        width: 100%;
        opacity: 0.1;
    }

    /*------------------------------------------------------------------
        9. btn Styles
    -------------------------------------------------------------------*/
    .login-btn {
        text-transform: capitalize;
        background: rgb(85, 200, 232);
        color: #ffffff;
        padding: 6px 31px !important;
        border-radius: 40px;
        margin: 34px 0px;
        margin-left: 17px;
        -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.95);
        -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.95);
        box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.95);
    }

    .login-btn:after {
        display: none;
    }

    .login-btn:hover, .login-btn:focus {
        background: rgb(70, 168, 195) !important;
    }

}

/*------------------------------------------------------------------
	10. domain search Styles
-------------------------------------------------------------------*/

.domain-section {
    padding: 15px 0;
    text-align: center;
    z-index: 99;
    position: relative;
}

.domain-section .btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.domain-section .big-title {
    text-align: center;
    color: #fff;
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 200;
    padding-bottom: 15px;
}

.domain-section .head-light-title {
    color: #fff;
    font-size: 55px;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 65px;
    margin-bottom: 20px;
}

.domain-section .head-light-title > span {
    font-weight: 300;
}

.domain-section .big-title > span {
    font-weight: 400;
}

#domain-search {
    margin: 105px auto;
    max-width: 790px;
    position: relative;
}

#domain-search:hover {
    max-width: 820px;
}

#domain-search input[type="text"] {
    height: 53px;
    width: 300px;
    border: 0;
    border-radius: 58px;
    padding: 5px 30px;
    font-size: 14px;
    background: #fff;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.7);
    z-index: 2;
    position: relative;
}

#domain-search select {
    z-index: 5;
    position: absolute;
    top: 4px;
    height: 45px;
    right: 57px;
    padding: 0 25px;
    font-size: 15px;
    border: 0;
    background: rgba(207, 211, 212, 0.47);
    color: #8f9a9c;
    border-radius: 60px;
}

#domain-search .select2-container {
    width: auto !important;
    z-index: 5;
    position: absolute;
    top: 4px;
    height: 45px;
    right: 57px;
    padding: 0 25px;
    font-size: 15px;
    border: 0;
    background: rgba(207, 211, 212, 0.47);
    color: #8f9a9c;
    border-radius: 60px;
}

#domain-search .select2-container--default .select2-selection--single {
    border: 0;
    background: 0;
    height: 45px;
    line-height: 45px;
}

#domain-search .select2-container--default .select2-selection--single .select2-selection__rendered {
    border: 0;
    line-height: 44px;
}

#domain-search .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
}

#domain-search select:focus {
    outline: none;
}

#domain-search:after {
    content: '';
    width: 81px;
    height: 79px;
    background: url(../img/spacer.png) no-repeat top center;
    position: absolute;
    left: 28px;
    top: -76px;
    z-index: 1;
}

#domain-search input[type="text"]:focus {
    outline: none;
}

#domain-search button {
    position: absolute;
    right: 5px;
    top: 3.5px;
    background: rgb(38, 182, 223);
    background: -moz-linear-gradient(top, rgba(38, 182, 223, 1) 0%, rgba(0, 173, 221, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(38, 182, 223, 1) 0%, rgba(0, 173, 221, 1) 100%);
    background: linear-gradient(to bottom, rgba(38, 182, 223, 1) 0%, rgba(0, 173, 221, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26b6df', endColorstr='#00addd', GradientType=0);
    border: 0;
    color: #fff;
    height: 46px;
    border-radius: 90px;
    width: 46px;
    opacity: 0.7;
    z-index: 3;
}

#domain-search button:focus {
    outline: none;
}

#domain-search button:hover {
    opacity: 1;
}

#domain-search button > img {
    width: 30px;
}

/*------------------------------------------------------------------
	11. fetures Styles
-------------------------------------------------------------------*/

#fetures-section {
    background: #f2f3f3;
}

#fetures-section .fetures-place {
    text-align: center;
    background: #fff;
    margin: -10px 0;
    padding: 30px 20px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.04);
    position: relative;
    padding-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
}

#fetures-section .fetures-place i:before {
    font-size: 70px;
    margin-left: 0;
    color: #264b65;
    z-index: 3;
    position: relative;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#fetures-section .fetures-place:hover i:before {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    color: #fff;
}

#fetures-section .fetures-place h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 18px;
    text-transform: capitalize;
    margin-top: -5px;
    margin-bottom: 13px;
    z-index: 3;
    position: relative;
}

#fetures-section .fetures-place:hover h5 {
    color: #fff;
}

#fetures-section .fetures-place p {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    color: #c4cdd4;
    margin-top: -7px;
    z-index: 3;
    position: relative;
}

#fetures-section .fetures-place:hover p {
    color: #fff;
}

#fetures-section .fetures-place a {
    display: block;
    margin: 0 -20px;
    padding: 11px;
    text-transform: uppercase;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 1px;
    text-decoration: none;
    margin-top: 35px;
    background: rgb(55, 90, 113);
    background: rgb(12, 40, 59);
    background: -moz-linear-gradient(top, rgba(12, 40, 59, 1) 0%, rgba(0, 35, 58, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(12, 40, 59, 1) 0%, rgba(0, 35, 58, 1) 100%);
    background: linear-gradient(to bottom, rgba(12, 40, 59, 1) 0%, rgba(0, 35, 58, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0c283b', endColorstr='#00233a', GradientType=0);
    opacity: 1;
    z-index: 3;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

#fetures-section .fetures-place a:hover {
    background: rgb(18, 42, 58); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(18, 42, 58, 1) 0%, rgba(15, 40, 56, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(18, 42, 58, 1) 0%, rgba(15, 40, 56, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(18, 42, 58, 1) 0%, rgba(15, 40, 56, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#122a3a', endColorstr='#0f2838', GradientType=0); /* IE6-9 */: 0.8;
    color: #fff;
    text-decoration: none;
}

#fetures-section .fetures-place {
    display: inline-block;
    border: none;
    position: relative;
    overflow: hidden;
}

#fetures-section .fetures-place span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 20px;
    color: #7b868e;
    font-size: 13px;
    text-transform: capitalize;
    z-index: 3;
    position: relative;
}

#fetures-section .fetures-place:hover span {
    color: #a4b0b9;
}

#fetures-section .fetures-place:before {
    content: '';
    background: #0c283b;
    width: 900px;
    height: 600px;
    position: absolute;
    -webkit-transform: translate(-1000px, -400px) rotate(130deg);
    transform: translate(-1000px, -400px) rotate(130deg);
    -webkit-transition: all 700ms ease;
    transition: all 700ms ease;
    z-index: 0;
}

#fetures-section .fetures-place:after {
    content: attr(data-word);
    color: white;
    font-size: 2em;
    position: relative;
    z-index: 100;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    font-weight: 200;
}

#fetures-section .fetures-place:hover:after {
    font-size: 2.2em;
}

#fetures-section .fetures-place:hover:before {
    -webkit-transform: translate(-290px, -400px) rotate(130deg);
    transform: translate(-290px, -400px) rotate(130deg);
}

/*------------------------------------------------------------------
	12. hosting plans Styles
-------------------------------------------------------------------*/

#hositng-plans {
    padding: 130px 0;
}

#hositng-plans .head-tittle {
    text-align: center;
}

#hositng-plans .head-tittle h5 {
    background: #08263b;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 14px;
    max-width: 275px;
    margin: auto;
    border-radius: 40px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.05);
}

#hositng-plans .head-tittle span {
    background: #eff0f0;
    margin: auto;
    margin-top: 0px;
    display: block;
    max-width: 220px;
    padding: 7px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #8094a2;
    text-transform: lowercase;
    font-size: 13px;
    border-radius: 0 0 10px 10px;
}

.boldtrin {
    position: absolute !important;
    left: 0;
}

.boldtrin b {
    z-index: 1;
    position: relative;
    font-size: 23px;
    text-transform: uppercase;
    -ms-transform: rotate(-41deg);
    -webkit-transform: rotate(-41deg);
    transform: rotate(-41deg);
    color: #fff;
    display: block;
    padding: 0px;
    margin-left: 19px;
}

.boldtrin:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 105px 120px 0 0;
    border-color: #f3ee5a transparent transparent transparent;
    left: 0;
    top: -30px;
    position: absolute;
}

#hositng-plans .pricing-container {
    display: block;
    float: left;
    width: 100%;
    padding: 80px 0;
}

#hositng-plans .pricing-container .plan:hover {
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.1);
    transform: scale(1.02);
}

#hositng-plans .pricing-container .spsl-plan {
    margin-top: -20px;
    position: relative;
}

#hositng-plans .pricing-container .spsl-plan .plans-footer a {
    font-weight: bold;
    text-transform: capitalize;
    border: 2px solid #955db8;
    padding: 7px 40px;
    border-radius: 40px;
    text-decoration: none;
    color: #fff !important;
    background: #955db8;
}

#hositng-plans .pricing-container .spsl-plan .plans-footer a:hover {
    color: #955db8 !important;
    background: #fff !important;
    text-decoration: none;
}

#hositng-plans .pricing-container .plan .paln-head {
    background-size: 100%;
    height: 154px;
    text-align: center;
    padding-top: 40px;
    position: relative;
    border-radius: 12px 12px 0 0;
}

#hositng-plans .pricing-container .plan .planone {
    background: url(../img/plans/plan01.jpg) no-repeat top center;
}

#hositng-plans .pricing-container .plan .plantwo {
    background: url(../img/plans/plan02.jpg) no-repeat top center;
}

#hositng-plans .pricing-container .plan .plantree {
    background: url(../img/plans/plan03.jpg) no-repeat top center;
}

#hositng-plans .pricing-container .plan .paln-head > span {
    z-index: 2;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 39px;
}

#hositng-plans .pricing-container .plan .paln-head > span > b {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 19px;
}

#hositng-plans .pricing-container .plan .paln-head > span > i {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    display: block;
    color: #fff;
    position: relative;
    z-index: 3;
    font-size: 12px;
    margin-top: -8px;
}

#hositng-plans .pricing-container .plan .paln-head:after {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(61, 148, 206, 0.74);
    top: 0;
    border-radius: 12px 12px 0 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#hositng-plans .pricing-container .plan:hover .paln-head:after {
    background: rgba(44, 119, 169, 0.74);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

#hositng-plans .pricing-container .plan .plans-tag {
    background: -webkit-linear-gradient(left, #06a8f1, #22ce9c);
    background: -o-linear-gradient(right, #06a8f1, #22ce9c);
    background: -moz-linear-gradient(right, #06a8f1, #22ce9c);
    background: linear-gradient(to right, #06a8f1, #22ce9c);
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    max-width: 140px;
    text-align: center;
    padding: 11px;
    border-radius: 41px;
    margin: auto;
    margin-top: -20px;
    position: relative;
}

#hositng-plans .pricing-container .plan .plans-body {
    background: rgba(238, 241, 241, 0.68);
    margin-top: -20px;
    padding: 30px;
    padding-top: 41px;
    color: #afbac3;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 14px;
}

#hositng-plans .pricing-container .plan .plans-body ul {
    padding-left: 0;
}

#hositng-plans .pricing-container .plan .plans-body ul > li {
    list-style: none;
    margin: 18px 0;
    font-size: 13px;
    cursor: pointer;
    color: #9ba6af;
}

#hositng-plans .pricing-container .plan .plans-body ul > li > i {
    margin-right: 5px;
}

#hositng-plans .pricing-container .plan .plans-body ul > li:hover {
    color: #7e8a94;
}

#hositng-plans .pricing-container .plan .plans-footer {
    background: rgba(243, 246, 246, 0.54);
    padding: 30px;
    text-align: center;
    border-top: 1px solid rgba(227, 232, 232, 0.55);
}

#hositng-plans .pricing-container .plan .plans-footer a {
    color: #955db8;
    font-weight: bold;
    text-transform: capitalize;
    border: 2px solid #955db8;
    padding: 7px 40px;
    border-radius: 40px;
    text-decoration: none;
}

#hositng-plans .pricing-container .plan .plans-footer a:hover {
    color: #ffffff;
    background: #955db8;
    text-decoration: none;
}

#hositng-plans .pricing-container .plan .ribbon {
    position: relative;
    margin-bottom: 80px;
}

#hositng-plans .pricing-container .plan .ribbon span {
    position: absolute;
    display: -webkit-box;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(-90deg);
    top: 28px;
    margin-left: 2px;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(3, 36, 58, 0.52);
}

#hositng-plans .pricing-container .plan:hover .ribbon span {
    opacity: 0;
}

#hositng-plans .pricing-container .plan .ribbon:before, #hositng-plans .pricing-container .plan .ribbon:after {
    content: "";
    position: absolute;
}

#hositng-plans .pricing-container .plan .ribbon {
    width: 35px;
    height: 70px;
    background: #efe94f;
    top: -6px;
    left: 8px;
    position: absolute;
    z-index: 22;
}

#hositng-plans .pricing-container .plan:hover .ribbon {
    height: 20px;
}

#hositng-plans .pricing-container .plan .ribbon:before {
    height: 0;
    width: 0;
    border-bottom: 6px solid #cac441;
    border-right: 6px solid transparent;
    right: -6px;
}

#hositng-plans .pricing-container .plan .ribbon:after {
    height: 0;
    width: 0;
    border-left: 18px solid #efe94f;
    border-right: 17px solid #efe94f;
    border-bottom: 18px solid transparent;
    bottom: -17px;
}

#hositng-plans .whyus {
    padding: 10px 0 30px;
    text-align: center;
}

#hositng-plans .whyus h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(7, 38, 59, 0.75);
}

#hositng-plans .whyus h4 {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

#hositng-plans .whyus h4 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

#hositng-plans .plans-fut {
    float: left;
    width: 100%;
    padding: 40px 0;
    text-align: center;
}

#hositng-plans .plans-fut .col-md-4 {
    padding: 0;
}

#hositng-plans .ftr-host {
    padding: 36px 40px;
    border-right: 1px solid #eff2f3;
    border-bottom: 1px solid #eff2f3;
    cursor: pointer;
}

#hositng-plans .ftr-host:hover {
    background: rgba(239, 242, 243, 0.38);
}

#hositng-plans .no-bottm {
    border-bottom: 0;
}

#hositng-plans .no-right {
    border-right: 0;
}

#hositng-plans .ftr-host img {
    width: 100%;
    max-width: 80px;
}

#hositng-plans .ftr-host h5 {
    font-weight: bold;
    font-size: 17px;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-top: 18px;
    color: #647a88;
}

#hositng-plans .ftr-host p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: rgba(5, 37, 58, 0.5);
    text-transform: capitalize;
    font-size: 13px;
}

#hositng-plans .techologhie-on-host a {
    text-align: center;
    display: block;
}

#hositng-plans .techologhie-on-host img {
    width: 65%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

#hositng-plans .techologhie-on-host img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.8;
}

/*------------------------------------------------------------------
	13. facts Styles
-------------------------------------------------------------------*/

#facts {
    background: rgba(242, 243, 243, 0.65);
    padding: 90px 0;
    background: rgba(242, 243, 243, 0.65) url(../img/bg/bg.jpg) no-repeat top center;
    background-size: cover;
}

#facts h5 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

#facts h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

#facts .main-icon {
    text-align: center;
    padding: 60px 0;
    display: block;
    width: 100%;
    position: relative;
}

@media (min-width: 768px) {
    #facts .main-icon:before {
        content: '';
        position: absolute;
        width: 1px;
        top: 0;
        height: 110px;
        border-right: 1px dashed rgba(202, 210, 216, 0.77);
    }

    #facts .main-icon:after {
        content: '';
        position: absolute;
        width: 1px;
        bottom: 0;
        height: 110px;
        border-right: 1px dashed rgba(202, 210, 216, 0.77);
    }

    #facts .middl-ling:after {
        content: '';
        position: absolute;
        width: 1px;
        top: -50px;
        left: -27px;
        height: 300px;
        vertical-align: middle;
        border-right: 1px dashed rgba(202, 210, 216, 0.77);
        transform: rotate(-73deg);
    }

    #facts .middl-ling:before {
        content: '';
        position: absolute;
        width: 1px;
        top: -50px;
        right: -27px;
        height: 300px;
        vertical-align: middle;
        border-right: 1px dashed rgba(202, 210, 216, 0.77);
        transform: rotate(73deg);
    }

    #facts .bt-middl-ling:before {
        content: '';
        position: absolute;
        width: 1px;
        top: 78px;
        right: -27px;
        height: 300px;
        vertical-align: middle;
        border-right: 1px dashed rgba(202, 210, 216, 0.77);
        transform: rotate(107deg);
    }

    #facts .bt-middl-ling:after {
        content: '';
        position: absolute;
        width: 1px;
        top: 78px;
        left: -27px;
        height: 300px;
        vertical-align: middle;
        border-right: 1px dashed rgba(202, 210, 216, 0.77);
        transform: rotate(-107deg);
    }

}

#facts .main-icon i {
    display: block;
    width: 240px;
    height: 240px;
    margin: auto;
    background: rgba(235, 238, 241, 0.11);
    border-radius: 140px;
    border: 1px dashed rgba(221, 226, 230, 0.77);
}

#facts .main-icon i:before {
    content: "\f169";
    margin-left: 0;
    font-size: 130px;
    color: #536c7d;
    line-height: 240px;
}

#facts .top-icon {
    text-align: center;
    padding-top: 60px;
    position: relative;
}

#facts .top-icon h6 {
    font-weight: bold;
    font-size: 21px;
    color: #28a3cc;
    margin-bottom: 5px;
}

#facts .top-icon p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-transform: capitalize;
    color: #7d93a2;
    padding: 0 60px;
    margin-top: 0;
}

#facts .top-icon i {
    font-size: 35px;
    color: #c092dc;
    overflow: hidden;
    -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
    transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

#facts .top-icon:hover i:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

@-webkit-keyframes toRightFromLeft {
    49% {
        -webkit-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -webkit-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@-moz-keyframes toRightFromLeft {
    49% {
        -moz-transform: translate(100%);
    }
    50% {
        opacity: 0;
        -moz-transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

@keyframes toRightFromLeft {
    49% {
        transform: translate(100%);
    }
    50% {
        opacity: 0;
        transform: translate(-100%);
    }
    51% {
        opacity: 1;
    }
}

#facts .bottom-icon {
    text-align: center;
    padding-bottom: 60px;
    position: relative;
}

#facts .bottom-icon h6 {
    font-weight: bold;
    font-size: 21px;
    color: #28a3cc;
    margin-bottom: 5px;
}

#facts .bottom-icon p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-transform: capitalize;
    color: #7d93a2;
    padding: 0 60px;
    margin-top: 0;
}

#facts .bottom-icon i {
    font-size: 35px;
    color: #c092dc;
}

#facts .bottom-icon:hover i:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

#facts .right-top-icon {
    text-align: center;
    padding-top: 120px;
    position: relative;
}

#facts .right-top-icon h6 {
    font-weight: bold;
    font-size: 21px;
    color: #28a3cc;
    margin-bottom: 5px;
}

#facts .right-top-icon p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-transform: capitalize;
    color: #7d93a2;
    padding: 0 60px;
    margin-top: 0;
}

#facts .right-top-icon i {
    font-size: 35px;
    color: #c092dc;
}

#facts .right-top-icon:hover i:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

#facts .right-bottom-icon {
    text-align: center;
    padding-top: 200px;
    position: relative;
}

#facts .right-bottom-icon h6 {
    font-weight: bold;
    font-size: 21px;
    color: #28a3cc;
    margin-bottom: 5px;
}

#facts .right-bottom-icon p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    text-transform: capitalize;
    color: #7d93a2;
    padding: 0 60px;
    margin-top: 0;
}

#facts .right-bottom-icon i {
    font-size: 35px;
    color: #c092dc;
}

#facts .right-bottom-icon:hover i:before {
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

/*------------------------------------------------------------------
	14. blog Styles
-------------------------------------------------------------------*/

#blog {
    padding: 100px 0;
    background: #fff url(../img/footbg.png) no-repeat bottom center;
}

#blog .blog-titte h5 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

#blog .blog-titte h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

#blog .post-show {
    margin: 50px 3px;
    background: rgba(229, 228, 234, 0.39);
    border-radius: 6px;
    position: relative;
}

#blog .post-show .cmsmasters-post-date {
    position: absolute;
    top: 10px;
    left: 10px;
    border: 0 !important;
    z-index: 2;
}

#blog .post-show .cmsmasters-post-date .cmsmasters-day {
    display: block;
    width: 50px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: #4ab0d2;
    color: #fff;
    font-size: 19px;
    border: 0;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

#blog .post-show .cmsmasters-post-date .cmsmasters-mon {
    background: #fff;
    display: block;
    width: 50px;
    text-align: center;
    height: 20px;
    line-height: 16px;
    text-transform: none;
    font-size: 13px;
    cursor: pointer;
}

#blog .post-show .cmsmasters_img_rollover_wrap img {
    width: 100%;
    height: 100%;
    border-radius: 6px 6px 0 0;
}

#blog .post-show .post-sub {
    padding: 10px 20px;
    display: block;
    float: left;
    width: 100%;
}

#blog .post-show .post-sub h2 {
    margin: 0
}

#blog .post-show .post-sub h2 > a {
    display: block;
    color: #042532;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-size: 17px;
}

#blog .post-show .post-sub a:hover, #blog .post-show .post-sub a:focus {
    text-decoration: none;
    color: #3da8d2;
}

#blog .post-show .post-cont-wrap {
    margin-top: -5px;
    padding: 0 20px 20px 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
}

#blog .post-show .post-cont-wrap a {
    color: #00BCD4;
}

#blog .post-show .info-post {
    position: relative;
    float: left;
    width: 100%;
}

#blog .post-show .info-post span {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 13px;
    color: #fff;
    padding-bottom: 11px;
    background: -moz-linear-gradient(top, rgba135, 224, 253, 0) 0%, rgba(0, 0, 0, 0.59) 100%);
    background: -webkit-linear-gradient(top, rgba135, 224, 253, 0) 0%, rgba(0, 0, 0, 0.59) 100%);
    background: linear-gradient(to bottom, rgba(135, 224, 253, 0) 0%, rgba(0, 0, 0, 0.59) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#87e0fd', endColorstr='#000000', GradientType=0);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    left: 0;
}

#blog .post-show .info-post span > a {
    background: #fff;
    color: #7696a0;
    padding: 2px 15px;
    border-radius: 29px;
    font-size: 12px;
    text-decoration: none;
    margin-right: 5px;
}

#blog .post-show .info-post span > a:hover {
    background: #fff;
    color: #4f6b73;
    text-decoration: none;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.4);
}

#blog .view-more-post {
    display: block;
    float: left;
    width: 100%;
    text-align: center;
}

#blog .view-more-post a {
    font-size: 27px;
    color: #778c9c;
    background: rgba(227, 227, 232, 0.64);
    padding: 3px 13px;
    border-radius: 50px;
}

#blog .view-more-post a:hover {
    color: #778c9c;
    background: rgb(227, 227, 232);
}

/*------------------------------------------------------------------
	15. footer Styles
-------------------------------------------------------------------*/

#footer-area {
    /*background-image: url(../img/main_cloud.png) repeat-x fixed;*/

    background: #042532;
    /*background: url("https://daks2k3a4ib2z.cloudfront.net/5543e0d11cd7b7f7610ddbfd/5532c4f6777d17b75ce86d0d_asset-parallax-05.svg");*/
    /*background-size: cover;*/
    padding: 45px 0 45px 0;
    position: relative;
    background-image: url('../img/side_down_rocket_small.png');
    background-repeat: no-repeat;

    background-position: bottom left;
}

@media only screen and (max-width: 480px) {
    /* For Mobile: */
    #footer-area {
        /*background-image: url(../img/main_cloud.png) repeat-x fixed;*/

        background: #042532;
        /*background: url("https://daks2k3a4ib2z.cloudfront.net/5543e0d11cd7b7f7610ddbfd/5532c4f6777d17b75ce86d0d_asset-parallax-05.svg");*/
        /*background-size: cover;*/
        padding: 20px 0 45px 0;
        position: relative;
        background-image: url('../img/side_down_rocket_small_mobile.png');
        background-repeat: no-repeat;

        background-position: bottom left;
    }
}

#footer-area .phone-support {
    padding: 16px 33px;
    border-radius: 6px 0 0 6px;
    margin-right: 40px;
    margin-top: -30px;
}

#footer-area .phone-support:after {

}

#footer-area .phone-support h6 {
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
}

#footer-area .phone-support h6 > span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
}

#footer-area .phone-support b {
    color: #86c724;
    font-size: 32px;
    text-transform: uppercase;
}

#footer-area .msj-send-area {
    margin-left: 50px;
}

#footer-area .msj-send-area .head-tittle {
    color: #e5e8ea;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: capitalize;
}

#footer-area .msj-send-area #ajax-contact {
    margin-top: 20px;
}

#footer-area .msj-send-area #ajax-contact .col-md-5 {
    padding-left: 0;
}

#footer-area .msj-send-area #ajax-contact input[type="text"] {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: lowercase;
    border: 0;
    padding: 11px;
    font-size: 13px;
    margin-bottom: 6px;
    border-radius: 3px;
}

#footer-area .msj-send-area #ajax-contact input[type="email"] {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: lowercase;
    border: 0;
    padding: 11px;
    font-size: 13px;
    margin-bottom: 6px;
    border-radius: 3px;
}

#footer-area .msj-send-area #ajax-contact .col-md-7 {
    padding-left: 0;
}

#footer-area .msj-send-area #ajax-contact .col-md-7 textarea {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: lowercase;
    border: 0;
    padding: 11px;
    font-size: 13px;
    margin-bottom: 6px;
    border-radius: 3px;
    min-height: 86px;
}

#footer-area .msj-send-area #ajax-contact button {
    background: #c092dc;
    display: block;
    color: #fff;
    border: 0;
    padding: 10px 60px;
    float: right;
    margin-right: 15px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 15px;
    border-radius: 50px;
}

#footer-area .msj-send-area #ajax-contact button:hover {
    background: #9e72b9;
}

#footer-area .msj-send-area .success {
    padding: 1em;
    color: #ffffff;
    background-color: #8BC34A;
    border: 1px solid rgb(124, 175, 65);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 14px;
}

#footer-area .msj-send-area .error {
    padding: 1em;
    color: #ffffff;
    background-color: #F44336;
    border: 1px solid rgba(185, 74, 72, 0.3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 14px;
}

#footer-area .spacing {
    display: block;
    width: 100%;
    float: left;
    height: 1px;
    background: rgba(127, 143, 154, 0.08);
    margin-top: 30px;
}

#footer-area .footer-links h4 {
    color: #fff;
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    /*font-weight: bold;*/
    margin-top: 27px;
}

#footer-area .footer-links ul {
    padding-left: 0;
    margin-top: 20px;
}

#footer-area .footer-links ul > li > a {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #8b969e;
    text-transform: capitalize;
    display: block;
    margin: 5px 0;
    text-decoration: none;
    text-shadow: 1px 2px 3px rgba(27, 36, 43, 0.48);
}

#footer-area .footer-links ul > li > a:hover {
    color: #fff;
    text-decoration: none;
}

#footer-area .footer-cntct-info {
    padding: 20px 0;
    text-align: right;
}

#footer-area .footer-cntct-info .footer-logo {
    font-size: 35px;
    font-family: 'Varela', sans-serif;
    text-decoration: none;
    color: #DFF4F6;
    font-weight: 600;
}

#footer-area .footer-cntct-info .footer-logo span {
    font-weight: 100;
}

#footer-area .address {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    color: #ffffff;
    margin: 12px 0;
}

#footer-area .address span {
    display: block;
}

#footer-area .address a {
    color: #ffffff;
}

#footer-area .mobandmail {
    /*font-family: 'Roboto', sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #a7b0b7;
    margin: 19px 0;
}

#footer-area .mobandmail span {
    display: block;
}

#footer-area .mobandmail span > b {
    color: #d2d8dc;
}

/*------------------------------------------------------------------
	16. social icons Styles
-------------------------------------------------------------------*/

ul.social-links {
    list-style: none;
    margin: 2em auto;
    display: block;
    float: left;
    width: 100%;
    padding-left: 0;
    margin-top: 0;
}

ul.social-links .social-icon {
    width: 3em;
    height: 3em;
    float: left;
    margin: 1em 0.8em;
    margin-left: 0;
    border-radius: 100%;
    box-shadow: 0 0.3em 0.25em rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

ul.social-links .social-icon a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    transform: scale(1.15) translateZ(0);
}

ul.social-links .social-icon a:hover {
    transform: scale(1.15) translateZ(0);
}

ul.social-links .social-icon a span {
    display: block;
    float: left;
    width: 0.9em;
    height: 3em;
    margin: 0;
    line-height: 1.1;
    padding: 0;
    font-size: 1.1em;
    position: relative;
}

ul.social-links .social-icon a span:nth-child(1) {
    text-align: right;
    position: absolute;
}

ul.social-links .social-icon a span:nth-child(1) i {
    display: block;
    margin-top: .55em;
    margin-left: .35em;
    color: #fff;
}

ul.social-links .social-icon a span:nth-child(2) {
    text-align: left;
    margin-left: 0em;
    width: 40%;
    position: relative;
    margin: 0 0em 0 1em;
    text-align: left;
    z-index: 2;
}

ul.social-links .social-icon a span:nth-child(2) i {
    margin-top: .55em;
    margin-left: -.65em;
    display: block;
    color: #ccc;
}

ul.social-links .social-icon.twitter {
    background-color: #00cdf8;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #00cdf8), color-stop(50%, #00bdda));
    background-image: -webkit-linear-gradient(left, #00cdf8 50%, #00bdda 50%);
    background-image: linear-gradient(to right, #00cdf8 50%, #00bdda 50%);
}

ul.social-links .social-icon.twitter a {
    left: .74em;
    top: .25em;
}

ul.social-links .social-icon.twitter span:nth-child(2) i {
    color: #fef1e0;
}

ul.social-links .social-icon.facebook {
    background-color: #6e8cca;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6e8cca), color-stop(50%, #5389c9));
    background-image: -webkit-linear-gradient(left, #6e8cca 50%, #5389c9 50%);
    background-image: linear-gradient(to right, #6e8cca 50%, #5389c9 50%);
}

ul.social-links .social-icon.facebook a {
    left: 1.09em;
    top: .2em;
}

ul.social-links .social-icon.facebook span:nth-child(1) {
    margin-left: -.25em;
}

ul.social-links .social-icon.facebook span:nth-child(2) {
    margin-left: .74em;
}

ul.social-links .social-icon.facebook span:nth-child(2) i {
    color: #c2ecf8;
}

ul.social-links .social-icon.dribbble {
    background-color: #e6659d;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e6659d), color-stop(50%, #be639c));
    background-image: -webkit-linear-gradient(left, #e6659d 50%, #be639c 50%);
    background-image: linear-gradient(to right, #e6659d 50%, #be639c 50%);
}

ul.social-links .social-icon.dribbble a {
    left: .80em;
    top: .25em;
}

ul.social-links .social-icon.dribbble span:nth-child(1) {
    margin-left: -.08em;
}

ul.social-links .social-icon.dribbble span:nth-child(2) {
    margin-left: .92em;
}

ul.social-links .social-icon.dribbble span:nth-child(2) i {
    color: #d9e9f8;
}

ul.social-links .social-icon.behance {
    background-color: #07a2e5;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #07a2e5), color-stop(50%, #0395e2));
    background-image: -webkit-linear-gradient(left, #07a2e5 50%, #0395e2 50%);
    background-image: linear-gradient(to right, #07a2e5 50%, #0395e2 50%);
}

ul.social-links .social-icon.behance a {
    left: .80em;
    top: .25em;
}

ul.social-links .social-icon.behance span:nth-child(1) {
    margin-left: -.06em;
}

ul.social-links .social-icon.behance span:nth-child(2) {
    margin-left: .92em;
}

ul.social-links .social-icon.behance span:nth-child(2) i {
    color: #75e3fe;
}

ul.social-links .social-icon.youtube {
    background-color: #e23c48;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e23c48), color-stop(50%, #b83c47));
    background-image: -webkit-linear-gradient(left, #e23c48 50%, #b83c47 50%);
    background-image: linear-gradient(to right, #e23c48 50%, #b83c47 50%);
}

ul.social-links .social-icon.youtube a {
    left: .80em;
    top: .15em;
}

ul.social-links .social-icon.youtube span:nth-child(1) {
    margin-left: -.06em;
}

ul.social-links .social-icon.youtube span:nth-child(2) {
    margin-left: .92em;
}

ul.social-links .social-icon.youtube span:nth-child(2) i {
    color: #d1e5ec;
}

ul.social-links .social-icon.linkedin {
    background-color: #4495c0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #4495c0), color-stop(50%, #447fa7));
    background-image: -webkit-linear-gradient(left, #4495c0 50%, #447fa7 50%);
    background-image: linear-gradient(to right, #4495c0 50%, #447fa7 50%);
}

ul.social-links .social-icon.linkedin a {
    left: .80em;
    top: .11em;
}

ul.social-links .social-icon.linkedin span:nth-child(1) {
    margin-left: -.06em;
}

ul.social-links .social-icon.linkedin span:nth-child(2) {
    margin-left: .92em;
}

ul.social-links .social-icon.linkedin span:nth-child(2) i {
    color: #f4dbe1;
}

ul.social-links .social-icon.skype {
    background-color: #00cff7;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #00cff7), color-stop(50%, #01c7f8));
    background-image: -webkit-linear-gradient(left, #00cff7 50%, #01c7f8 50%);
    background-image: linear-gradient(to right, #00cff7 50%, #01c7f8 50%);
}

ul.social-links .social-icon.skype a {
    left: .80em;
    top: .2em;
}

ul.social-links .social-icon.skype span:nth-child(1) {
    margin-left: -.06em;
}

ul.social-links .social-icon.skype span:nth-child(2) {
    margin-left: .92em;
}

ul.social-links .social-icon.skype span:nth-child(2) i {
    color: #94f0ff;
}

ul.social-links .social-icon.pinterest {
    background-color: #f34256;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f34256), color-stop(50%, #ca3f56));
    background-image: -webkit-linear-gradient(left, #f34256 50%, #ca3f56 50%);
    background-image: linear-gradient(to right, #f34256 50%, #ca3f56 50%);
}

ul.social-links .social-icon.pinterest a {
    left: .80em;
    top: .25em;
}

ul.social-links .social-icon.pinterest span:nth-child(1) {
    margin-left: -.06em;
}

ul.social-links .social-icon.pinterest span:nth-child(2) {
    margin-left: .92em;
}

ul.social-links .social-icon.pinterest span:nth-child(2) i {
    color: #d9fbfd;
}

.mention {
    width: 100%;
    height: 2em;
    float: left;
    text-align: center;
    font-family: "Sintony", Helvetica, sans-serif;
}

.mention h3, .mention h1 {
    width: 60%;
    display: block;
    margin: 2em auto;
    font-weight: 300;
    text-shadow: -0.1em 0.1em #d6d7dc, -0.11em 0.11em #95a5a6;
    color: #34495e;
}

.mention h3 a, .mention h1 a {
    color: #2980b9;
}

.social-icon:not(:hover) {
    opacity: 0.8;
}

/*------------------------------------------------------------------
	17. not index Styles
-------------------------------------------------------------------*/

#not-index-page {

    padding-top: 30px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 30px;
}

/*------------------------------------------------------------------
	18. hosting page Styles
-------------------------------------------------------------------*/

.landing-hosting {
    padding: 10px 0;
    margin-bottom: 30px;
}

.landing-hosting h3 {
    display: block;
    font-size: 24px;
    letter-spacing: 0.4px;
    color: #203b4c;
    line-height: 31px;
    text-transform: uppercase;
    font-weight: bold;
}

.landing-hosting p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: lowercase;
    font-size: 14px;
    margin: 18px 0;
    line-height: 25px;
    text-align: left;
    color: #7f909a;
}

.landing-hosting .ordr-nw-bttn {
    background: #28bab9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding: 10px 33px;
    border-radius: 45px;
    margin-top: 20px;
    font-size: 13px;
    display: -webkit-inline-box;
}

.landing-hosting .ordr-nw-bttn:hover {
    background: #25a0a0;
    color: #fff;
    text-decoration: none;
}

.whyus-non-index {
    padding: 70px 0 30px;
    text-align: center;
}

.whyus-non-index h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(7, 38, 59, 0.75);
}

.whyus-non-index h4 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.whyus-non-index h4 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

.non-index-futr-host {
    margin-top: 20px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 20px;
    border-right: 1px solid #f1f2f3;
    border-left: 1px solid #f1f2f3;

    padding: 10px 30px;
    /*margin-bottom: 60px;*/
}

.non-index-futr-host i:before {
    margin-left: 0;
    font-size: 50px;
    color: #86c724;
}

.non-index-futr-host h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 23px;
    color: #05253a;
}

.non-index-futr-host p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 16px;
    color: #8a969e;
}

.non-index-futr-host:hover i:before {
    color: #FFC107;
    -webkit-animation: toRightFromLeft 0.3s forwards;
    -moz-animation: toRightFromLeft 0.3s forwards;
    animation: toRightFromLeft 0.3s forwards;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.non-index-futr-host .spscpoicon:before {
    color: #FFC107;
}

.page-text {
    padding: 5px;

}

.page-text p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    /*text-transform: lowercase;*/
    font-size: 16px;
    margin: 18px 0;
    line-height: 25px;

}

.page-text h2 {
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-transform: unset;
    /*font-size: 22px;*/

}

.faq {

    font-family: 'Titillium Web', sans-serif;

    padding-top: 40px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 80px;
    /*background: #F7F8FA;*/
    background-attachment: fixed;
    background-image: url(../img/stars_fix.gif);
    background-repeat: repeat;
    background-position: center;
    background-size: auto;
    /*margin-bottom: 200px;*/
    color: #ffffff;
}

.faq .logosplan {
    margin-top: 60px;
}

.faq .logosplan a {
    float: left;
    padding: 5px;
    margin-right: 15px;
}

.faq-info {
    padding: 20px 0;
}

.faq-info h3 {
    font-weight: bold;
    text-transform: unset;
    font-size: 22px;
}

.faq-info p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    /*text-transform: lowercase;*/
    font-size: 16px;
    margin: 18px 0;
    line-height: 25px;

    color: #ffffff;
}

.plans-no-index {
    padding: 100px 0;
    background: #eff1fe;
}

.plans-no-index .logosplan {
    margin-top: 60px;
}

.plans-no-index .logosplan a {
    float: left;
    padding: 5px;
    margin-right: 15px;
}

.plans-no-index .logosplan a > img {
    width: 120px;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.4;
}

.plans-no-index .logosplan a:hover > img {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 0.8;
}

.plans-no-index-info {
    padding: 40px 0;
}

.plans-no-index-info h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 22px;
}

.plans-no-index-info p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: lowercase;
    font-size: 14px;
    margin: 18px 0;
    line-height: 25px;
    text-align: left;
    color: #7f909a;
}

.plans-non {
    max-width: 250px;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 40px 15px;
    float: left;
    text-align: center;
    border-radius: 8px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.1);
    z-index: 2;
    position: relative;
}

.spsclone-non-plans {
    z-index: 1;
    position: relative;
    margin-left: -20px;
    margin-top: 30px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.spsclone-non-plans p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    margin-bottom: 0;
    color: #b9bbc7;
    text-transform: uppercase;
    text-align: left;
    padding-left: 43px;
}

.spsclone-non-plans .btn-ordr-plan {
    background: #2196F3 !important;
}

.spsclone-non-plans .btn-ordr-plan:hover {
    background: #2086d8 !important;
}

.spsclone-non-plans p > i {
    margin-right: 7px;
    font-size: 16px;
    color: #86c724;
}

.spsclone-non-plans p:hover > i {
    color: #9fb1b1;
}

.spsclone-non-plans:hover {
    z-index: 3;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.plans-non h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 18px;
}

.plans-non .price-pal .ones {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.plans-non .price-pal .onts {
    font-weight: bold;
    font-size: 60px;
}

.plans-non .price-pal .onrs {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.plans-non .info-palns {
    padding: 15px 0;
}

.plans-non .info-palns span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 12px;
    padding: 6px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.06);
    color: #b9bbc7;
}

.plans-non .btn-ordr-plan {
    background: #28bab9;
    color: #fff;
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
    padding: 10px 33px;
    border-radius: 45px;
    margin-top: 20px;
    font-size: 13px;
    display: -webkit-inline-box;
}

.plans-non .btn-ordr-plan:hover {
    background: #25a9a8;
    color: #fff;
    text-decoration: none;
}

/*------------------------------------------------------------------
	18. about us page Styles
-------------------------------------------------------------------*/

.about-us-spcl-fetr {
    margin: 0;
    padding: 40px 30px;
    margin-bottom: 0;
}

.about-us-spcl-fetr-no-border {
    border-right: none;
}

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control {
    background: none;
    color: #222;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}

/* Previous button  */
#quote-carousel .carousel-control.left {
    left: -12px;
}

/* Next button  */
#quote-carousel .carousel-control.right {
    right: -12px !important;
}

/* Changes the position of the indicators */
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}

/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li {
    background: #c0c0c0;
}

#quote-carousel .carousel-indicators .active {
    background: #333333;
}

#quote-carousel img {
    width: 250px;
    height: 100px
}

/* End carousel */

.item blockquote {
    border-left: none;
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}

/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    #quote-carousel {
        margin-bottom: 0;
        padding: 0 40px 30px 40px;
        margin-top: 30px;
    }

}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) {

    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;
    }

    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }

    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}

.why-tittle {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.why-tittle span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

#page-helf-photo {
    float: none;
    width: 100%;
    border-bottom: 1px solid #edeeef;
    padding-bottom: 0;
    max-width: 1400px;
    margin: auto 0;
    text-align: center;
}

#page-helf-photo .left-helf-of-page {
    background: url(../img/demo/back.jpg) no-repeat top right;
    min-height: 437px;
    width: 50%;
    float: left;
    display: block;
    background-size: 900px;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.1);
}

#page-helf-photo .right-helf-of-page {
    float: left;
    width: 50%;
    padding: 60px;
    padding-bottom: 0;
}

#page-helf-photo .right-helf-of-page h5 {
    font-size: 25px;
    text-transform: uppercase;
    font-weight: bold;
    color: #05253a;
}

#page-helf-photo .right-helf-of-page p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
    margin-top: 20px;
    line-height: 25px;
}

#page-helf-photo .right-helf-of-page .feturest-of-helf {
    padding: 30px;
}

#page-helf-photo .right-helf-of-page .feturest-of-helf span {
    display: block;
    width: 100%;
    padding: 8px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-align: left;
    color: #05253a;
}

#page-helf-photo .right-helf-of-page .feturest-of-helf span > i {
    color: #8BC34A;
    font-size: 18px;
    margin-right: 6px;
}

#our-team {
    float: left;
    width: 100%;
    padding: 80px 0;
}

#our-team .our-team-tittle {
    margin-bottom: 60px;
}

#our-team .our-team-tittle h5 {
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

#our-team .our-team-tittle h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

#our-team .aothor-box {
    margin: 30px 19px;
    padding: 30px 0 60px 0;
    border-radius: 8px;
    position: relative;
}

#our-team .aothor-box img {
    width: 120px;
    border-radius: 80px;
}

#our-team .aothor-box h5 {
    margin-top: 16px;
    font-weight: bold;
    font-size: 20px;
}

#our-team .aothor-box span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    margin-top: -5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

#our-team .aothor-box .social {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: -30px;
    opacity: 0;
}

#our-team .aothor-box:hover {
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.1);
}

#our-team .aothor-box:hover .social {
    bottom: 20px;
    opacity: 1;
}

#our-team .aothor-box .social .fbic {
    background: #4b78ad;
    color: #fff;
    padding: 3px 9px;
    border-radius: 30px;
    margin: 2px;

}

#our-team .aothor-box .social .twic {
    background: #08afd3;
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    margin: 2px;
}

#our-team .aothor-box .social .dric {
    background: #da7ca7;
    color: #fff;
    padding: 3px 7px;
    border-radius: 30px;
    margin: 2px;
}

/*------------------------------------------------------------------
	19. domain search page Styles
-------------------------------------------------------------------*/

.domain-section-non-index {
    padding: 80px 0 0 0;
    text-align: center;
}

.domain-section-non-index h5 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.domain-section-non-index h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

.non-index-serch:after {
    display: none;
}

.non-index-serch input[type="text"] {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ebedf1 !important;
}

.non-index-serch {
    margin: 50px auto !important;
    margin-bottom: 0 !important;
}

.control-group {
    text-align: center;
    padding: 30px;
    width: 100%;
    margin: 10px;
}

.control {
    display: -webkit-inline-box;
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 18px;
    margin-right: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    background: #e6e6e6;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    background: #ccc;
}

.control input:checked ~ .control__indicator {
    background: #2aa1c0;
}

.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    background: #0e647d;
}

.control input:disabled ~ .control__indicator {
    background: #e6e6e6;
    opacity: 0.6;
    pointer-events: none;
}

.control__indicator:after {
    content: '';
    position: absolute;
    display: none;
}

.control input:checked ~ .control__indicator:after {
    display: block;
}

.control--checkbox .control__indicator:after {
    left: 8px;
    top: 4px;
    width: 3px;
    height: 8px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

.control--radio .control__indicator:after {
    left: 7px;
    top: 7px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #fff;
}

.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}

.select {
    position: relative;
    display: inline-block;
    margin-bottom: 15px;
    width: 100%;
}

.select select {
    display: inline-block;
    width: 100%;
    cursor: pointer;
    padding: 10px 15px;
    outline: 0;
    border: 0;
    border-radius: 0;
    background: #e6e6e6;
    color: #7b7b7b;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.select select::-ms-expand {
    display: none;
}

.select select:hover,
.select select:focus {
    color: #000;
    background: #ccc;
}

.select select:disabled {
    opacity: 0.5;
    pointer-events: none;
}

.select__arrow {
    position: absolute;
    top: 16px;
    right: 15px;
    width: 0;
    height: 0;
    pointer-events: none;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #7b7b7b transparent transparent transparent;
}

.select select:hover ~ .select__arrow,
.select select:focus ~ .select__arrow {
    border-top-color: #000;
}

.select select:disabled ~ .select__arrow {
    border-top-color: #ccc;
}

.domain-search-error {
    text-align: center;
    padding: 10px 0 30px 0;
}

.domain-search-error .titte-error-domain h5 {
    font-size: 30px;
    text-transform: uppercase;
    color: #F44336;
}

.domain-search-error .titte-error-domain h5 > span {
    text-transform: lowercase;
}

.domain-search-error .titte-error-domain p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: lowercase;
    color: rgba(5, 37, 58, 0.69);
}

.domain-search-error .titte-error-domain p > b {
    color: #55686d;
}

.domain-search-error .suggestion-domains {
    margin: 30px 200px;
    border: 1px solid #f3f3f3;
    padding: 30px;
    border-radius: 8px;
}

.domain-search-error .suggestion-domains h5 {
    text-align: left;
    margin-top: 0;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 25px;
}

.domain-search-error .suggestion-domains p {
    margin: 0 10px;
    border-bottom: 1px solid #e5ebef;
    padding: 10px;
}

.domain-search-error .suggestion-domains p:hover {
    background: rgba(229, 235, 239, 0.21);
}

.domain-search-error .suggestion-domains p > span {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-transform: lowercase;
    color: rgba(5, 37, 58, 0.69);
    margin-top: 7px;
}

.domain-search-error .suggestion-domains p > span {
    float: left;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-transform: lowercase;
    color: rgba(5, 37, 58, 0.69);
    margin-top: 7px;
}

.domain-search-error .suggestion-domains p > a {
    float: right;
    color: #4CAF50;
    border: 2px solid #4CAF50;
    padding: 5px 29px;
    border-radius: 35px;
    font-family: 'Roboto', sans-serif;
    line-height: 21px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}

.domain-search-error .suggestion-domains p > a:hover {
    background: #4CAF50;
    color: #fff;
    border: 2px solid #4CAF50;
    text-decoration: none;
}

.domain-search-info-plus {
    background: #f5f5f5;
    background: -moz-linear-gradient(top, #f5f5f5 0%, #f3f5f7 100%);
    background: -webkit-linear-gradient(top, #f5f5f5 0%, #f3f5f7 100%);
    background: linear-gradient(to bottom, #f5f5f5 0%, #f3f5f7 100%);
    padding: 60px 0;
}

.domain-search-info-plus h5 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 30px;
    position: relative;
    text-align: center;
}

.domain-search-info-plus h5 > span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;
    text-transform: lowercase;
    color: rgba(5, 37, 58, 0.59);
    display: block;
}

.domain-search-info-plus h5:after {
    content: '+';
    position: absolute;
    right: -30px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #cad2da;
    top: 13px;
}

.domain-search-info-plus .thelast:after {
    content: '=';
    position: absolute;
    right: -18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #cad2da;
    top: 13px;
}

.domain-search-info-plus h4 {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 40px;
    position: relative;
    color: #4caf50;
    text-align: center;
}

.domain-search-info-plus h4 > span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;
    text-transform: lowercase;
    color: rgba(5, 37, 58, 0.59);
    margin-top: -12px;
    display: block;
}

.domain-search-info-plus h4 > b {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    text-transform: lowercase;
    color: rgba(5, 37, 58, 0.59);
    margin-left: 9px;
}

.services-fetures-page {
    padding: 100px 0;
    border-top: 1px solid #f4f4f5;
}

.info-sec-serv-fet h5 {
    font-weight: bold;
    font-size: 30px;
    text-transform: uppercase;
    color: #05253a;
    margin-bottom: 50px;
}

.info-sec-serv-fet h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
    margin-left: 0
}

.info-sec-serv-fet p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 13.5px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.46);
    padding: 1px 10px;
}

.info-sec-serv-fet p > i {
    color: #8BC34A;
    font-size: 15px;
    margin-right: 8px;
}

.info-sec-serv-fet span {
    display: block;
    margin-top: 30px;
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
}

/*------------------------------------------------------------------
	20. 404 not found page Styles
-------------------------------------------------------------------*/

.not-found {
    text-align: center;
    padding: 30px 0;
    /*background: #f6f6f6;*/
}

.not-found img {
    width: 100%;
    max-width: 628px
}

.not-found h1 {
    text-transform: uppercase;
    font-size: 130px;
    margin-top: -120px;
}

.not-found h1 {
    text-transform: uppercase;
    font-size: 130px;
    margin-top: -120px;
}

.not-found h1 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 17px;
    margin-top: 7px;
    opacity: 0.5;
    text-transform: none;
}

/*------------------------------------------------------------------
	21. blog page Styles
-------------------------------------------------------------------*/

.blog {
    padding: 30px 0 !important;
}

.blog-header-tittle {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 26px;
}

.blog-header-tittle small {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    color: #a0aaaf;
}

.blog-text-demo {
    float: left;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    color: #8c979c;
    line-height: 26px;
    padding: 5px 20px;
}

.blog-sidebar {
    padding: 100px 15px;
}

.blog-categories {
    padding: 20px 0;
}

.blog-categories h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}

.blog-categories hr {
    margin-top: 9px;
    margin-bottom: 17px;
    border: 0;
    border-top: 1px solid #eee;
}

.blog-categories a {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
    text-transform: none;
    color: #a1aaaf;
    padding: 5px;
    display: block;
    text-decoration: none;
}

.blog-categories a:hover {
    color: #667075;
    text-decoration: none;
}

.blog-tags {
    padding: 20px 0;
}

.blog-tags h4 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: bold;
}

.blog-tags hr {
    margin-top: 9px;
    margin-bottom: 17px;
    border: 0;
    border-top: 1px solid #eee;
}

.blog-tags span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 13px;
    text-transform: none;
    color: #717a7d;
    background: #e3e3e6;
    padding: 5px 14px;
    border-radius: 29px;
    margin: 0 4px;
}

/*------------------------------------------------------------------
	22. blog post page Styles
-------------------------------------------------------------------*/

.blog-post {
    padding: 60px 0;
}

.blog-post-tittle {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 23px;
}

.blog-post-lead {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 14px;
}

.blog-post-time {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 13px;
}

.lead-post-cont {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 20px;
    line-height: 30px;
}

.not-lead-post-cont {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    line-height: 23px;
    color: #9799a2;
}

.comment-hea {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 18px;
}

.comment-btn {
    background: #55c8e8;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    color: #fff;
    padding: 6px 39px;
    border-radius: 50px;
}

.comment-btn:hover, .comment-btn:focus {
    background: #4cb8d6;
    color: #fff;
}

.comm-media .media-object {
    width: 60px;
}

.comm-media .media-body {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 21px;
    font-size: 14px;
}

.comm-media .media-heading {
    margin-top: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

.comm-media .media-heading small {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    line-height: 23px;
    color: #9799a2;
    font-size: 11px;
    margin-bottom: 6px;
}

.comm-media {
    border: 1px solid #eff0f1;
    padding: 25px;
    border-radius: 8px;
}

.comm-media .media {
    border: 1px solid #eff0f1;
    padding: 25px;
    border-radius: 8px;
}

/*------------------------------------------------------------------
	23. contact us page Styles
-------------------------------------------------------------------*/

.contact-page-header {
    min-height: initial;
}

.contact-page {
    padding: 80px 0;
}

.contact-tittle h5 {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    color: rgba(7, 38, 59, 0.75);
}

.contact-tittle h3 {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
    text-align: center;
}

.contact-tittle h3 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

.way-to-contact {
    text-align: center;
    padding: 120px 0 50px 0;
    border-bottom: 1px solid #f0f1e9;
    margin-bottom: 80px;
}

.way-to-contact span {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    font-size: 13px;
    color: #94a1a9;
}

.way-to-contact .btn-cntct-one {
    background: #CDDC39;
    padding: 8px 45px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    border-radius: 50px;
    margin: 0 30px;
    border: 2px solid #cddc39;
}

.way-to-contact .btn-cntct-one:hover {
    background: #ffffff;
    color: #cddc39;
    border: 2px solid #cddc39;
    text-decoration: none;
}

.way-to-contact .btn-cntct-two {
    background: #ffffff;
    padding: 8px 45px;
    font-weight: bold;
    text-transform: uppercase;
    color: #cddc39;
    border-radius: 50px;
    margin: 0 30px;
    border: 2px solid #cddc39;
}

.way-to-contact .btn-cntct-two:hover {
    background: #CDDC39;
    color: #fff;
    border: 2px solid #cddc39;
    text-decoration: none;
}

.way-to-contact small {
    display: block;
    margin-top: 80px;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: inherit;
    font-size: 13px;
    color: #798892;
}

.way-to-contact small > b {
    margin-left: 4px;
    color: #333;
}

.side-bar-quastions {
    margin: 50px 0;
    padding: 30px 20px;
    border: 1px solid #dee5e8;
    border-radius: 8px;
    width: 350PX;
}

.side-bar-quastions li {
    list-style: none;
}

.side-bar-quastions li > a {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
    font-size: 13px;
    color: #c2c5d6;
    text-transform: capitalize;
    padding: 7px 0;
}

.side-bar-quastions li > a:hover {
    color: #858898;
    text-decoration: none;
}

.side-bar-quastions .has-chldren a {
    color: #858898;
    font-weight: bold;
}

.side-bar-quastions .has-chldren li {
    list-style: inherit;
}

.side-bar-quastions .has-chldren li > a {
    font-weight: normal;
    font-size: 13px;
    color: #c2c5d6;
    text-transform: capitalize;
}

.side-bar-quastions .has-chldren li > a:hover {
    color: #858898;
    text-decoration: none;
}

.side-bar-answer {
    margin: 20px 0;
    padding: 0 20px;
}

.side-bar-answer .qst {
    padding: 25px 0;
    border-bottom: 1px solid rgba(222, 229, 232, 0.49);
}

.side-bar-answer h3 {
    font-weight: bold;
    color: #05253a;
    font-size: 18px;
    margin-bottom: 25px;
}

.side-bar-answer h3 > span {
    font-weight: bold;
    text-transform: uppercase;
    background: #FFC107;
    padding: 6px 17px;
    border-radius: 45px;
    color: #fff;
    margin-right: 13px;
}

.side-bar-answer p {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 13px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
    line-height: 24px;
}

.fixedlayoutqst {
    position: fixed;
    top: 0;
}

/*------------------------------------------------------------------
	THE END
-------------------------------------------------------------------*/

.cntct-footer {
    background: rgba(243, 243, 243, 0.95);
    display: block;
    width: 100%;

    padding: 16px 33px;
    padding-bottom: 30px;
    border-radius: 8px 8px;
    margin: auto;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .cntct-footer {
        background: rgba(243, 243, 243, 0.95);
        display: block;
        width: 450px;

        padding: 16px 33px;
        padding-bottom: 30px;
        border-radius: 8px 8px;
        margin: auto;
        margin-bottom: 10px;
    }
}

.cntct-drop {
    border: dashed 3px #f3f3f3;
    display: block;
    color: #ffffff;
    width: 100%;

    padding: 16px 33px;
    border-radius: 6px 6px;
    margin: auto;
    z-index: 2;
    position: relative;
}

@media only screen and (min-width: 768px) {
    /* For desktop: */
    .cntct-drop {
        border: dashed 3px #f3f3f3;
        display: block;
        width: 700px;
        background: rgba(57, 139, 190, 0.4);
        height: 180px;

        padding-top: 55px;
        padding-right: 33px;
        padding-left: 33px;
        padding-bottom: 16px;
        border-radius: 6px 6px;
        margin-top: 55px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: auto;
        z-index: 2;
        position: relative;
    }
}

#footer-area .phone-support {
    padding: 16px 33px;
    border-radius: 6px;
    margin-right: 0;
    margin-top: 0;
    background: #fff;
    -webkit-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.01);
    -moz-box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.01);
    box-shadow: 0px 0px 43px -1px rgba(0, 0, 0, 0.01);
}

#footer-area .msj-send-area .head-tittle {
    color: #87939c;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    text-transform: capitalize;
    font-size: 13px;
}

#footer-area .msj-send-area #ajax-contact {
    margin-top: 10px;
    float: left;
    width: 100%;
}

#footer-area .msj-send-area #ajax-contact button:focus {
    outline: 0;
}

.hosing-pakages {
    position: relative;
}

.hosing-pakages:before {
    font-family: Flaticon;
    font-style: normal;
    /*content: "\f13b";*/
    color: rgba(255, 255, 255, 0.06);
    margin-left: 0;
    position: absolute;
    font-size: 128px;
    left: -20px;
    top: 40px;
}

#footer-area .footer-links h4, #footer-area .footer-links ul {
    position: relative;
}

#footer-area .footer-links h4, #footer-area .footer-links ul > li {
    list-style: none;
}

.footer-links h4 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    padding-bottom: 15px;
}

.services-pakages {
    position: relative;
}

.services-pakages:before {
    font-family: Flaticon;
    font-style: normal;
    /*content: "\f1bb";*/
    color: rgba(255, 255, 255, 0.06);
    margin-left: 0;
    position: absolute;
    font-size: 128px;
    left: -40px;
    top: 40px;
}

.company-pakages {
    position: relative;
}

.company-pakages:before {
    font-family: Flaticon;
    font-style: normal;
    /*content: "\f17e";*/
    color: rgba(255, 255, 255, 0.06);
    margin-left: 0;
    position: absolute;
    font-size: 128px;
    left: -60px;
    top: 40px;
}

.menu-mega-offr {
    background: url(../img/patt.jpg) no-repeat top center;
    padding: 20px 13px;
    text-align: center;
    color: #fff;
    border-radius: 4px;
}

.menu-mega-offr h5 {
    font-size: 22px;
    font-weight: 100;
    line-height: 30px;
}

.menu-mega-offr a {
    background: #fcb100;
    font-weight: bold;
    color: #0036a1;
    padding: 9px 20px;
    display: block;
    width: 100%;
    border-radius: 4px;
    margin-bottom: 5px;
}

.menu-mega-offr h5 > span {
    display: block;
    font-size: 13px;
}

.menu-mega-offr a:hover {
    background: #f1ab05;
    color: #ffffff;
    text-decoration: none;
}

.megamenucontainpadding {
    padding: 40px 33px;
}

.dedicated-tittle h5 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.dedicated-tittle h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

.dedicated-section {
    padding: 0 0 80px;
}

.dedicated-plans-sse {
    padding: 60px 0;
}

.dedicated-plans-sse thead > tr {
    background: #1b3749;
}

.dedicated-plans-sse thead > tr > th {
    color: #fff;
    padding: 20px 10px;
    border: 0;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.dedicated-plans-sse tbody > tr > td {
    border: 0;
    padding: 5px;
    border-bottom: 1px solid rgba(233, 239, 239, 0.65);
    text-transform: lowercase;
    color: #203b4c;
    position: relative;
    height: 60px;
    line-height: 50px;
}

.dedicated-plans-sse tbody > tr {
    background: #f9fafa;
}

.dedicated-plans-sse tbody > tr:hover {
    background: #eff1f1;
}

.dedicated-plans-sse .cpu-tittel {
    padding-left: 55px;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
}

.dedicated-plans-sse .cpu-tittel i {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    vertical-align: middle;
    background: #55c8e8;
    color: #fff;
}

.dedicated-plans-sse .cpu-tittel i:before {
    margin-left: 0;
    font-size: 30px;
    padding: 10px;
    line-height: 60px;
}

.dedicated-plans-sse .cpu-tittel span {
    font-weight: 100;
    font-size: 11px;
}

.price-dedicted {
    font-weight: 100;
    font-size: 16px;
    color: #48b5d4 !important;
}

.price-dedicted b {
    font-size: 11px;
    color: #b8c1c7;
}

.order-dedicted {
    background: #05253a;
    color: #fff;
    padding: 20px 24px;
    border-radius: 5px;
    text-decoration: none;
}

.order-dedicted:hover, .order-dedicted:focus {
    background: #607980;
    color: #fff;
    text-decoration: none;
}

.cloud-section {
    padding: 0 0 80px;
}

.cloud-tittle h5 {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
}

.cloud-tittle h5 > span {
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 15px;
    margin-top: 5px;
    text-transform: capitalize;
    color: rgba(5, 37, 58, 0.67);
}

.cloud-host-tabs {
    text-align: center;
    padding: 60px 0;
    border: 0;
}

.cloud-host-tabs li {
    float: none;
    display: -webkit-inline-box;
    border: 0;
}

.cloud-host-tabs li > a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom-color: transparent;
    border: 0;
    padding: 32px;
}

.cloud-host-tabs li > a > i {
    font-size: 47px;
    display: block;
    color: #d5dce0;
}

.cloud-host-tabs li > a > span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    color: #05253a;
    margin-top: 14px;
}

.cloud-host-tabs li > a {
    min-width: 173px;
}

.cloud-host-tabs li.active > a {
    background: #f0f2f3 !important;
    border-radius: 4px;
    border: 0 !important;
}

.cloud-host-tabs li.active > a > i {
    color: #2196F3;

}

.cloud-host-tabs li.active > a:hover {
    background: #e9edef;
    border: 0;
}

.plans-clouds-content {
    border: 1.25px solid #f0f2f3;
    padding: 60px 10px;
    text-align: center;
    border-radius: 16px;

}

.plans-clouds-content:hover {
    border: 1px solid #c5cdd2;
}

.plans-clouds-content .clouds-header span {
    font-size: 22px;
    text-transform: uppercase;
}

.plans-clouds-content .clouds-header p {
    padding: 22px 0;
    font-size: 60px;
}

.plans-clouds-content .clouds-header p > b {
    font-weight: 500;
    font-size: 13px;
}

.plans-clouds-content .clouds-content p {
    /*font-family: 'Roboto', sans-serif;*/
    /*font-size: 13px;*/
    color: #8b969e;
    padding-bottom: 18px;
}

.plans-clouds-content .clouds-content span {
    /*font-family: 'Roboto', sans-serif;*/
    /*font-size: 13px;*/
    color: #8b969e;
    padding-bottom: 18px;
}

.plans-clouds-content .ordr-bttn-clouds {
    background: #2e99bf;
    padding: 8px 30px;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
    border-radius: 41px;
}

.plans-clouds-content .ordr-bttn-clouds:hover, .plans-clouds-content .ordr-bttn-clouds:focus {
    background: #3bbdbf;
    color: #fff;
    text-decoration: none;
}

.logo-simple i {
    font-weight: 100;
    font-size: 13px;
    display: block;
    margin-top: 6px;
}

/* Shine */
.hover1 figure {
    position: relative;
    /*width: 150px;*/
}

.hover1 figure::before {
    position: absolute;
    top: 0;
    width: 70px;
    left: -30px;
    z-index: 2;

    display: none;
    content: '';
    /*width: 50%;*/
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.hover1 figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
    display: block;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }


}

.bottomRightRounded {
    position: absolute;
    z-index: 2;
    transform: rotate(180deg);
    margin-top: -1px;
}

.bottomRightRounded-download {
    position: absolute;
    z-index: 1;
    transform: rotate(180deg);
    margin-top: -1px;
}

.topLeftRounded {
    position: absolute;
    margin-top: -100px;
    z-index: 9;
}


.upper-container {
    border-radius: 10px;
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin-top: -15%;

    /*z-index: 5;*/
    position: relative;
    background: #ffffff;

    /*font-family: 'Varela Round' , sans-serif;*/
    font-family: 'Open Sans', sans-serif;
    /*background: repeating-linear-gradient(#0e88be, #0e88be 30%, #fff 30%, #fff 100%);*/
}

a.disabled {
    text-decoration: none;
    color: black;
    cursor: default;
}

#copyrights {
    color: #C5E3FF;
    position: absolute;
    bottom: 0px;
    width: 80%;
    padding-left: 5px;
}

#copyrights span {
    color: #C5E3FF;

}
/*------------------------------------------------------------------
 * Theme Name: SKYHOST - WHMCS & HTML Responsive Domain & Web Hosting Template
 * Author: coodiv
 * Author URI: http://coodiv.net/
 * Author URI: https://themeforest.net/user/coodiv
 * Description: A Bootstrap Responsive Domain & Web Hosting Template + WHMCS theme
 * Version: 1.0
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2017 coodiv.
 -------------------------------------------------------------------*/

/*------------------------------------------------------------------

 responsive style

-------------------------------------------------------------------*/

@media screen and (max-width: 699px) {
    .satellite {
        display: none;
    }

    .space-ship {
        display: none;
    }

    #footer-area .phone-support:after {
        display: none;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 41px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .domain-section .big-title {
        font-size: 20px;
    }

    .domain-section .head-light-title {
        font-size: 35px;
    }

    .domain-section .head-light-title > span {
        line-height: 0;
        margin-top: 14px;
        display: block;
    }

    #fetures-section .col-md-3 {
        width: 50%;
        float: left;
        padding-right: 0;
        padding-left: 5px;
        margin-bottom: 30px;
    }

    #hositng-plans .plan {
        margin-bottom: 30px;
    }

    #hositng-plans .plans-fut .col-md-4 {
        width: 50%;
        float: left;

    }

    #hositng-plans .plans-fut .phone-no-last .col-md-4:last-child {
        display: none;

    }

    #hositng-plans .techologhie-on-host a {
        margin: 38px 0;
    }

    #hositng-plans .techologhie-on-host img {
        width: 45%;
    }

    #facts .main-icon {
        display: none;
    }

    #facts .right-top-icon {
        padding-top: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .right-bottom-icon {
        padding-top: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .top-icon {
        padding-top: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .bottom-icon {
        padding-bottom: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .col-md-4 {
        width: 50%;
        float: left;
    }

    #facts p {
        display: none !important;
    }

    .col-md-full-cos {
        width: 100% !important;
    }

    #facts .col-md-no-display-phone {
        display: none;
    }

    #facts h5 > span {
        margin-bottom: 40px;
    }

    #footer-area .phone-support {
        margin-right: 0;
    }

    ul.social-links {
        text-align: center;
    }

    ul.social-links .social-icon {
        float: none;
        display: -webkit-inline-box;
    }

    #footer-area .msj-send-area {
        margin-left: 0;
    }

    #footer-area .spacing {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer-links .col-md-3 {
        float: left;
        width: 50%;

    }

    .footer-links .col-md-3 a > img {
        display: none;
    }

    #footer-area .footer-cntct-info {
        text-align: left;
    }

    .login-btn {
        display: none !important;
    }

    #domain-search .select2-container {
        background: #e8eaeb;
    }

    .megamenucontainpadding {
        padding: 10px;
    }

    .megamenucontainpadding .megamenu-hosting .tittlespan {
        font-size: 13px;
    }

    .megamenucontainpadding .megamenu-hosting .subtittlespan {
        max-width: 60%;
        font-size: 12px;
        max-width: 58%;
    }

    .megamenucontainpadding .megamenu-hosting a > i:before {
        font-size: 40px;
    }

    .megamenucontainpadding .megamenu-hosting a > i {
        margin-top: 23px;
    }

    .megamenucontainpadding .megamenu-hosting {
        border-bottom: 1px solid rgba(245, 245, 245, 0.05);
        padding-bottom: 24px;
    }

    .banner-jpmbp {
        display: none;
    }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #010608;
        border-color: #010608;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #010608;
        border-color: #010608;
    }

    .landing-hosting img {
        display: none;
    }

    .non-index-futr-host {
        border-right: none;
    }

    .spsclone-non-plans {
        margin-top: 30px !important;
    }

    .plans-non {
        float: none;
        margin: auto;
    }

    .headline_inner .right-align .breadcrumbs_inner_link {
        text-align: center;
    }

    #page-helf-photo .left-helf-of-page {
        display: none;
    }

    #page-helf-photo .right-helf-of-page {
        width: 100%;
    }

    #page-helf-photo .right-helf-of-page .feturest-of-helf {
        padding: 0;
    }

    .domain-search-error .suggestion-domains {
        margin: 30px 0;
        padding: 5px;
    }

    .domain-search-error .suggestion-domains h5 {
        padding: 15px;
        margin-bottom: 0;
    }

    .domain-search-info-plus h5 {
        font-weight: bold;
        text-transform: uppercase;
        font-size: 30px;
        position: relative;
        padding: 30px 0;
        text-align: center;
    }

    .domain-search-info-plus h5:after {
        top: auto;
        content: '+';
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color: #cad2da;
        text-align: center;
        bottom: -23px;
    }

    .domain-search-info-plus .thelast:after {
        top: auto;
        content: '=';
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color: #cad2da;
        text-align: center;
        bottom: -23px;
    }

    .domain-search-info-plus h4 {
        padding: 42px 0;
        text-align: center;
    }

    .img-sec-serv-fet {
        display: none;
    }

    .info-sec-serv-fet {
        text-align: center !important;
    }

    .services-fetures-page {
        padding: 40px 0;
    }

    .comm-media {
        padding: 20px 10px;
    }

    .comm-media .media {
        padding: 20px 10px;
    }

    .side-bar-quastions {
        display: none;
    }

    .way-to-contact span {
        display: none;
    }

    .way-to-contact a {
        display: block;
        margin: 20px !important;
    }

    .way-to-contact {
        padding: 60px 0 50px 0;
    }

    .side-bar-answer h3 {
        line-height: 36px;
    }

}

@media (min-width: 699px) and (max-width: 768px) {

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 41px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .side-bar-quastions {
        display: none;
    }

    .domain-search-info-plus h5 {
        width: 33.33%;
        float: left;
        text-align: center;
    }

    .domain-search-info-plus h5:after {
        content: '+';
        position: absolute;
        right: -20px;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color: #cad2da;
        top: 13px;
    }

    .domain-search-info-plus .thelast:after {
        display: none;
    }

    .domain-search-info-plus h4 {
        float: left;
        margin-top: 41px;
        text-align: center;
        width: 100%;
    }

    .tablat-photo-ins {
        position: absolute;
        top: 17px;
        right: 0;
        z-index: 0;
    }

    .info-sec-serv-fet p {
        z-index: 2;
        position: relative;
    }

    .tablat-photo-ins-t {
        position: absolute;
        top: 17px;
        left: 0;
        z-index: 0;
    }

    .domain-search-error .suggestion-domains {
        margin: 30px 20px;
    }

    .headline_inner .right-align .breadcrumbs_inner_link {
        text-align: center;
    }

    .tablet-padding-plans {
        float: left;
        width: 100%;
        padding: 35px 100px;
    }

    .non-index-futr-host {
        width: 33%;
        float: left
    }

    .main-nav .navbar-right > li > a:hover:after {
        display: none;
    }

    .nav > li > a:focus, .nav > li > a:hover {
        text-decoration: none;
        background-color: #010608;
        border-color: #010608;
    }

    .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
        background-color: #010608;
        border-color: #010608;
    }

    .banner-jpmbp {
        display: none;
    }

    .megamenucontainpadding .megamenu-hosting .subtittlespan {
        max-width: 60%;
        font-size: 12px;
        max-width: 58%;
    }

    .megamenucontainpadding .megamenu-hosting a > i:before {
        font-size: 40px;
    }

    .megamenucontainpadding .megamenu-hosting a > i {
        margin-top: 23px;
    }

    .megamenucontainpadding .megamenu-hosting {
        border-bottom: 1px solid rgba(245, 245, 245, 0.05);
        padding-bottom: 24px;
    }

    .megamenucontainpadding .megamenu-hosting .tittlespan {
        font-size: 13px;
    }

    .megamenucontainpadding {
        padding: 10px;
    }

    #domain-search .select2-container {
        background: #e8eaeb;
    }

    .login-btn {
        display: none !important;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 41px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .satellite {
        display: none;
    }

    .space-ship {
        display: none;
    }

    #footer-area .phone-support:after {
        display: none;
    }

    .navbar-toggle {
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 41px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .navbar-toggle .icon-bar {
        background: #fff;
    }

    .domain-section .big-title {
        font-size: 20px;
    }

    .domain-section .head-light-title {
        font-size: 35px;
    }

    .domain-section .head-light-title > span {
        line-height: 0;
        margin-top: 14px;
        display: block;
    }

    #fetures-section .col-md-3 {
        width: 50%;
        float: left;
        padding-right: 0;
        padding-left: 5px;
        margin-bottom: 30px;
    }

    #hositng-plans .plan {
        margin-bottom: 30px;
    }

    #hositng-plans .plans-fut .col-md-4 {
        width: 50%;
        float: left;

    }

    #hositng-plans .plans-fut .phone-no-last .col-md-4:last-child {
        display: none;

    }

    #hositng-plans .techologhie-on-host .col-md-2 {
        width: 16.66666667%;
        float: left;
    }

    #hositng-plans .techologhie-on-host img {
        width: 100%;
    }

    #hositng-plans .pricing-container .plan .planone, #hositng-plans .pricing-container .plan .plantwo, #hositng-plans .pricing-container .plan .plantree {
        background-size: cover;
    }

    #facts .main-icon {
        display: none;
    }

    #facts .right-top-icon {
        padding-top: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .right-bottom-icon {
        padding-top: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .top-icon {
        padding-top: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .bottom-icon {
        padding-bottom: 0;
        background: rgba(255, 255, 255, 0.58);
        padding: 20px 5px;
        border-radius: 4px;
        margin-bottom: 20px;
    }

    #facts .col-md-4 {
        width: 50%;
        float: left;
    }

    #facts p {
        display: none !important;
    }

    .col-md-full-cos {
        width: 100% !important;
    }

    #facts .col-md-no-display-phone {
        display: none;
    }

    #facts h5 > span {
        margin-bottom: 40px;
    }

    #footer-area .phone-support {
        margin-right: 0;
    }

    ul.social-links {
        text-align: center;
    }

    ul.social-links .social-icon {
        float: none;
        display: -webkit-inline-box;
    }

    #footer-area .msj-send-area {
        margin-left: 0;
    }

    #footer-area .spacing {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .footer-links .col-md-3 {
        float: left;
        width: 50%;

    }

    .footer-links .col-md-3 a > img {
        display: none;
    }

    #footer-area .footer-cntct-info {
        text-align: left;
    }

}

@media (min-width: 991px) and (max-width: 1024px) {

    .side-bar-quastions {
        width: 280px;
    }

    .plans-non {
        max-width: 230px;
    }
}

@media (max-width: 991px) {
    .offcanvas-stop-scrolling {
        height: 100%;
        overflow: hidden;
    }

    .navbar-default .navbar-offcanvas {
        background-color: #f8f8f8;
    }

    .navbar-inverse .navbar-offcanvas {
        background-color: #222;
    }

    .navbar-offcanvas {
        position: fixed;
        width: 100%;
        max-width: 250px;
        left: -250px;
        top: 0;
        padding-left: 15px;
        padding-right: 15px;

        z-index: 999;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all 0.15s ease-in;
        transition: all 0.15s ease-in;
    }

    .navbar-offcanvas.in {
        box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
        background: #06141d;
        overflow: auto;
    }

    .navbar-offcanvas.in ul > li > a {
        color: #fff;
        padding: 14px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.07);
    }

    .navbar-offcanvas.navbar-offcanvas-fade {
        opacity: 0;
    }

    .navbar-offcanvas.navbar-offcanvas-fade.in {
        opacity: 1;
    }

    .navbar-offcanvas.offcanvas-transform.in {
        -webkit-transform: translateX(250px);
        -ms-transform: translateX(250px);
        transform: translateX(250px);
    }

    .navbar-offcanvas.offcanvas-position.in {
        left: 0;
    }

    .navbar-offcanvas.navbar-offcanvas-right {
        left: auto;
        right: -250px;
    }

    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
        -webkit-transform: translateX(-250px);
        -ms-transform: translateX(-250px);
        transform: translateX(-250px);
    }

    .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
        left: auto;
        right: 0;
    }

    .navbar-offcanvas.dropdown.active .caret {
        border-top: 0;
        border-bottom: 4px solid;
    }

    .navbar-offcanvas.dropdown-menu {
        position: relative;
        width: 100%;
        border: inherit;
        box-shadow: none;
        -webkit-transition: height 0.15s ease-in;
        transition: height 0.15s ease-in;
    }

    .navbar-offcanvas.dropdown-menu.shown {
        display: block;
        margin-bottom: 10px;
    }

    .offcanvas-toggle {
        display: block;
    }

    .navbar-header {
        width: 100%;
        margin: 0 !important;
    }

    .navbar-form {
        float: none !important;
        padding: 10px 15px;
        margin: 8px -15px;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-form .form-group {
        width: 100%;
        margin-bottom: 5px;
    }

    .navbar-form .form-group input {
        width: 100%;
    }

    .navbar-nav {
        margin: 7.5px -15px;
        float: none !important;
    }

    .navbar-nav li {
        float: none;
    }

    .navbar-nav li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-nav li.dropdown.open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.offcanvas-toggle .icon-bar {
    -webkit-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.offcanvas-toggle.is-open .btmone {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -ms-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
}

.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
    opacity: 0;
}

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(1px, 1px);
    -ms-transform: rotate(45deg) translate(1px, 1px);
    transform: rotate(45deg) translate(1px, 1px);
}

@media (min-width: 991px) and (max-width: 1024px) {

    .megamenucontainpadding .megamenu-hosting .tittlespan {
        display: block;
        padding-top: 20px;
        font-weight: bold;
        float: left;
        text-transform: uppercase;
        font-size: 14px;
        color: #3a7196;
        margin-bottom: 3px;
    }

    .megamenucontainpadding .megamenu-hosting .subtittlespan {
        display: block;
        float: left;
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        line-height: 20px;
        color: #7b868e;
        font-size: 12px;
    }

}

	
/*!
 * Font Awesome Free 5.0.8 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:a 2s infinite linear;animation:a 2s infinite linear}.fa-pulse{-webkit-animation:a 1s infinite steps(8);animation:a 1s infinite steps(8)}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-aws:before{content:"\f375"}.fa-backward:before{content:"\f04a"}.fa-balance-scale:before{content:"\f24e"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-briefcase:before{content:"\f0b1"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-car:before{content:"\f1b9"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comments:before{content:"\f086"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-credit-card:before{content:"\f09d"}.fa-crop:before{content:"\f125"}.fa-crosshairs:before{content:"\f05b"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-deviantart:before{content:"\f1bd"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dot-circle:before{content:"\f192"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drupal:before{content:"\f1a9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-excel:before{content:"\f1c3"}.fa-file-image:before{content:"\f1c5"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-firstdraft:before{content:"\f3a1"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frown:before{content:"\f119"}.fa-futbol:before{content:"\f1e3"}.fa-gamepad:before{content:"\f11b"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-gift:before{content:"\f06b"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-handshake:before{content:"\f2b5"}.fa-hashtag:before{content:"\f292"}.fa-hdd:before{content:"\f0a0"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-heart:before{content:"\f004"}.fa-heartbeat:before{content:"\f21e"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-puck:before{content:"\f453"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-houzz:before{content:"\f27c"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-instagram:before{content:"\f16d"}.fa-internet-explorer:before{content:"\f26b"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joomla:before{content:"\f1aa"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-key:before{content:"\f084"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-korvue:before{content:"\f42f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-male:before{content:"\f183"}.fa-map:before{content:"\f279"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-maxcdn:before{content:"\f136"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-meh:before{content:"\f11a"}.fa-mercury:before{content:"\f223"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-moon:before{content:"\f186"}.fa-motorcycle:before{content:"\f21c"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-paragraph:before{content:"\f1dd"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-percent:before{content:"\f295"}.fa-periscope:before{content:"\f3da"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phone:before{content:"\f095"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-plane:before{content:"\f072"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-print:before{content:"\f02f"}.fa-product-hunt:before{content:"\f288"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-rebel:before{content:"\f1d0"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-rendact:before{content:"\f3e4"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-road:before{content:"\f018"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-rupee-sign:before{content:"\f156"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-scribd:before{content:"\f28a"}.fa-search:before{content:"\f002"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shower:before{content:"\f2cc"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowflake:before{content:"\f2dc"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-spinner:before{content:"\f110"}.fa-spotify:before{content:"\f1bc"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-star:before{content:"\f005"}.fa-star-half:before{content:"\f089"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-strava:before{content:"\f428"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-trademark:before{content:"\f25c"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-circle:before{content:"\f2bd"}.fa-user-md:before{content:"\f0f0"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vuejs:before{content:"\f41f"}.fa-warehouse:before{content:"\f494"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wrench:before{content:"\f0ad"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:Font Awesome\ 5 Brands;font-style:normal;font-weight:400;src:url(fontawesome/webfonts/fa-brands-400.eot);src:url(fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:Font Awesome\ 5 Brands}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:400;src:url(fontawesome/webfonts/fa-regular-400.eot);src:url(fontawesome/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(fontawesome/webfonts/fa-regular-400.woff2) format("woff2"),url(fontawesome/webfonts/fa-regular-400.woff) format("woff"),url(fontawesome/webfonts/fa-regular-400.ttf) format("truetype"),url(fontawesome/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-weight:400}@font-face{font-family:Font Awesome\ 5 Free;font-style:normal;font-weight:900;src:url(fontawesome/webfonts/fa-solid-900.eot);src:url(fontawesome/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(fontawesome/webfonts/fa-solid-900.woff2) format("woff2"),url(fontawesome/webfonts/fa-solid-900.woff) format("woff"),url(fontawesome/webfonts/fa-solid-900.ttf) format("truetype"),url(fontawesome/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:Font Awesome\ 5 Free}.fa,.fas{font-weight:900}@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        -webkit-transform: scale3d(.95, 1.05, 1);
        transform: scale3d(.95, 1.05, 1);
    }

    75% {
        -webkit-transform: scale3d(1.05, .95, 1);
        transform: scale3d(1.05, .95, 1);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }

    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }

    88.8% {
        -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97);
    }

    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }

    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }

    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }

    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9);
    }

    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
        transform: perspective(400px) scale3d(.95, .95, .95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }

    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
        transform: scale(.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
        transform: scale(.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}