/*test*/
.demo_talkfooter {
    text-align: center;
    padding: 25px 0px;
    color: #fff;
    font-size: 25px;
    font-weight: 500;
}
.getstarted_btn: hover {
    color: #fff !important;
}
.getstarted_btn {
    color: #fff !important;
    background: #2BBBAD;
    font-size: 15px;
    text-transform: uppercase;
    padding: 12px 20px;
    border-radius: 5px;
    margin-left: 10px;
}
.expert_suggestions {
    background: #214779;
    text-align: center;
    display: block;
    margin: 0 auto;
}
.login-border {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 15px 3px #ccc;
    margin-bottom: 30px;
    margin-top: 30px;
    float: left;
}
.mdl-button--raised.mdl-button--colored: hover {
    background: #fe4f00;
    color: #fff !important;
    margin: 5px !important;
}
.gray-button: hover {
    background: #555 !important;
    color: #fff;
    margin: 5px;
}

.mega-title2 img,
.mega-title img {
    padding-top: 15px;
    width: 110px;
    height: 70px;
}
#js-popup-body {
    text-align: center !important;
    text-transform: capitalize !important;
}
.myAccountMobile {
    display: none;
}
.myAccountDesktop {
    display: block !important;
}
.popup {
    border: 2px solid #fe4f00;
    background-color: #ffffff;
    width: 22%;
}
#submit_dropbox {
    border: 1px solid #fe4f00!important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    position: relative;
    background: #fe4f00!important;
    color: #fff !important;
    margin-top: 20px !important;
}
#upload_dropbox_text {
    border-bottom: 1px solid #000 !important;
    width: 400px !important;
    height: 25px !important;
    float: left !important;
    border-top: none !important;
    border-radius: 0px !important;
    border-left: none !important;
    border-right: none !important;
    margin-top: 20px !important;
}
.popup_menuItem {
    width: 25%;
    text-align: center;
    position: relative;
    margin: 0 auto;
    padding: 7px;
    margin-top: 10px;
}
a.popup_menuItem {
    font-family: verdana, tahoma, arial, sans-serif;
    font-size: 10pt;
    border: 1px solid #fe4f00;
}
a.popup_menuItem {
    background-color: #fe4f00;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;
}
a.popup_menuItem: hover {
    background-color: #fe4f00;
    cursor: pointer;
    color: #fff !important;
    text-decoration: none;
}
.box-shdw {
    box-shadow: 0 0 10px #cdcdcd;
    padding: 30px 0px;
    margin-bottom: 20px;
}
.email-btn {
    position: relative;
    top: 18px !important;
}
.Site-mail {
    font-size: 10px;
    text-align: center;
    width: 100%;
    color: #f00;
    margin-bottom: 10px;
}
.wishlist-amount {
    display: inline-block;
    padding: .35em 0.7em;
    font-size: 85%;
    font-weight: 600;
    line-height: 1;
    color: #FFF;
    text-align: center;
    vertical-align: baseline;
    background: #f84900;
    border-radius: 10rem !important;
    white-space: nowrap;
    margin-top: 7px;
    float: right;
    margin-left: 3px;
}
.cart_num1 {
    display: inline-block;
    padding: .35em 0.7em;
    font-size: 85%;
    font-weight: 600;
    line-height: 1;
    color: #FFF;
    text-align: center;
    vertical-align: baseline;
    background: #f84900;
    border-radius: 10rem !important;
    white-space: nowrap;
    margin-top: 7px;
    float: right;
    margin-left: 3px;
}
.center {
    text-align: center;
    margin-bottom: 6px;
}
.ac_results {
    position: absolute;
    width: 611.359px !important;
    top: 96.0938px;
    left: 120.5px;
    background: #fff !important;
    z-index: 9999999 !important;
    font-size: 13px;
    /*  border:1px solid #cdcdcd; */
    border-top: none !important;
    padding: 5px padding: 3px !important;
}
.ac_even {
    padding-left: 16px;
    line-height: 35px;
    margin-bottom: 0px !important;
}
.ac_even: hover {
    background: #2b6cd8;
    cursor: pointer;
}
.ac_odd {
    padding-left: 16px;
    line-height: 35px;
    margin-bottom: 0px !important;
}
.ac_odd: hover {
    background: #f7f8f9;
    cursor: pointer;
}
.ac_even strong {
    color: #fe4f00;
}
.ac_odd strong {
    color: #fe4f00;
}
.ac_odd strong {
    color: #fe4f00;
}
.final-bc {
    color: #fe4f00;
}
.title-heading {
    text-align: center !important;
    margin-top: 40px;
    font-weight: normal;
    margin-bottom: 20px;
    font-size: 30px;
}
.item-t a {
    color: #000 !important;
}
/* .item-title a {
    color: #fe4f00;
} */
.align {
    margin-right: 0px !important;
}
.align-mid {
    text-align: center;
    padding-bottom: 12px;
}
#description-para {
    padding-top: 0px !important;
    padding-bottom: 20px !important;
    line-height: 21px !important;
    font-size: 14px !important;
    /*! padding-left: 20px; */
    /*! padding-right: 20px; */
}
.heder-center {
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 27px;
    margin-bottom: 10px;
}
.header-3 {
    text-align: center;
    text-transform: uppercase;
    margin-top: 20px;
    color: #666;
    font-size: 15px;
}
.required-3 {
    width: 100%;
    float: left;
    text-transform: uppercase;
    padding-top: 2%;
    text-align: center;
}
.doted-text {
    width: 280px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 12px;
}
.last_breadcrumb {
    opacity: 1.4 !important;
}
.confirm-review {
    border: 1px solid #ccc;
    box-shadow: 3px 3px 15px 3px #ccc;
    line-height: 25px;
    padding: 40px;
    margin-top: 25px;
    margin-bottom: 25px;
}
.sub2-rating {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.sub-prdctname {
    font-size: 17px;
    color: #000;
    line-height: 30px;
}
.review-detail {
    padding: 35px!important;
}
.ratingbox-left {
    margin-top: 8px;
    color: #555;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 19px;
}
.star-top {
    margin-top: 10px;
}
.color {
    color: #000000 !important;
    font-weight: bold;
}
.radio {
    position: inherit !important;
    left: 0px !important;
    opacity: 1 !important;
    float: left !important;
    margin-top: 5px !important;
}
.fgt-psw-text {
    color: #222;
    font-size: 13px;
    text-align: justify;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}
.gray-button {
    background: #555 !important;
    color: #fff;
    margin: 5px;
}
.gray-button: hover {
    background: #555 !important;
    color: #fff !important;
    margin: 5px ! important;
}
.alignment-popup {
    color: black;
    padding: 13px 21px;
    text-decoration: none;
    font-size: 11px;
    display: block;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 25px;
    float: left;
}
.ti-side {
    text-align: center;
    margin-top: 35px;
}
.font-weight {
    font-weight: normal;
}
.copy_rights {
    color: #fff;
    font-size: 12px;
    line-height: 21px;
}
.footer_img {
    width: 70%;
    border-radius: 0px;
    margin-bottom: 15px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.warning2 {
    color: #f00;
    line-height: 15px;
    font-size: 13px;
    font-weight: bold;
}
.head_touch {
    text-transform: capitalize;
    font-size: 23px;
    color: #fff;
    padding-bottom: 30px;
}
.head_touch1 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #282c3f;
}
.icon_media: hover {
    color: #fff !important;
}
.rating-box {
    border: 1px solid #ccc;
    box-shadow: 2px 0px 4px 0px #ccc;
    padding: 0% 0% 3% 3%;
    margin-top: 3%;
    width: 45%;
}
.review-box {
    border: 1px solid #ccc;
    margin-left: 25px;
    margin-top: 33px;
    box-shadow: 2px 0px 4px 0px #ccc;
    padding: 23px;
}
. side-rating {
    margin-top: 30px !important;
}
@media only screen and (min-width: 320px) and (max-width: 1280px) {
    .myAccountMobile {
        display: block !important;
    }
    .myAccountDesktop {
        display: none !important;
    }
    .rating-box {
        border: 1px solid #ccc;
        box-shadow: 2px 0px 4px 0px #ccc;
        padding: 0% 0% 3% 3%;
        margin-top: 15%;
        width: 100%;
    }
    .block-payment ul.list-logo>li {
        display: inline;
        float: left;
        list-style: none;
        padding-top: 15px;
        padding-right: 20px;
    }
    .demo_talkfooter {
        font-size: 16px !important;
        display: inline-grid;
    }
    .head_touch {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        color: #fff;
        padding-bottom: 15px;
    }
    .wishlist-amount {
        float: none;
    }
    .titile-limit {
        text-align: left;
        width: 295px !important;
        margin: 0 auto;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .box-shdw {
        box-shadow: 0 0 0px #cdcdcd !important;
        padding: 30px 0px;
        margin-bottom: 20px;
    }
    .alert-msg-top {
        margin-top: 20px !important;
    }
    .reps-botm {
        padding-bottom: 25%;
    }
    .respns-length {
        font-size: 13px !important;
    }
    .repns-height {
        height: 200px;
    }
    .response-hedr {
        margin-top: 0px !important;
        margin-bottom: 10px !important;
    }
    #myDropdown111 {
        position: absolute;
        right: 30%;
    }
    .btn-align-repns {
        position: relative;
        bottom: 46px;
        right: 91px;
    }
    .repns {
        font-size: 23px !important;
    }
    .align-fields {
        margin-top: 0px;
        margin-bottom: 15px;
    }
    .field-length {
        width: 94% !important;
    }
    #description-para {
        padding-top: 20px !important;
        line-height: 21px !important;
        font-size: 12px !important;
    }
    .review-box {
        border: 1px solid #ccc;
        width: 100%;
        margin-left: 0px;
        margin-top: 33px;
        padding-bottom: 125px !important;
        box-shadow: 2px 0px 4px 0px #ccc;
        padding: 23px;
    }
}
@media only screen and (min-width: 320px) and (max-width: 1279px) {
    .desktop-none-mobile {
        display: none !important;
    }
    .order_detailmobile {
        line-height: 20px !important;
        font-weight: bold;
        font-size: 14px !important;
    }
    .right_input {
        float: left;
        font-size: 11px;
        margin-left: 0px;
        margin-right: %;
        overflow: hidden;
        width: 100% !important;
    }
    .repns-size {
        font-size: 23px !important;
        padding-top: 0px;
    }
    .respons-forget {
        font-size: 20px !important;
    }
}
@media only screen and (min-width: 320px) and (max-width: 960px) {
    .vertical-dropdown-menu {
        display: none;
    }
    .alert-danger ul li {
        width: 100%;
         margin:0px;
    }
    #enquiry-form-body {
        width: auto !important;
    }
    .review_bor {
        border: 1px solid #CDCDCD;
        padding: 2% 2% 3% 3%;
        margin-top: 3%;
        width: auto !important;
        margin-right: 20px;
    }
    .option4 .block-vertical-menu .vertical-menu-list>li>a {
        font-size: 10px;
    }
    .option4 #header {
        border-top: 0px solid #aaaaab !important;
    }
    .black {
        height: 80px !important;
    }
    .marketplace1 {
        margin-right: 0% !important;
    }
    .top_sellers_img {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .luxury1 a {
        color: #fff;
        font-size: 12px;
    }
    .marketplace1 a {
        color: #fff;
        font-size: 12px;
    }
    .mdl-button--fab.mdl-button--colored {
        background: none;
        color: #fff;
    }
    .mdl-button.mdl-button--colored {
        color: #111;
    }
    .mdl-button--fab {
        border-radius: 50%;
        height: 56px;
        margin: auto;
        min-width: 56px;
        width: 56px;
        background: rgba(158, 158, 158, .2);
        box-shadow: 0 1px 1.5px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
        position: relative;
        line-height: normal;
    }
    .mdl-button--fab,
    .mdl-button--icon {
        font-size: 24px;
        padding: 0;
        overflow: hidden;
    }
    .lu {
        display: none !important;
    }
    .bg-m {
        background: #fff !important;
        position: fixed !important;
        height: auto !important;
        width: auto !important;
        z-index: 1 !important;
        left: 0px !important;
        top: 0px !important;
        padding-bottom: 20px;
    }
    .marketplace {
        margin-left: 0% !important;
    }
    .mobile-hide {
        display: none;
    }
    .block111 {
        width: 100%;
    }
    .one-step-checkout {
        padding: 15px;
    }
    #key {
        width: 100% !important;
        font-size: 12px;
        height: 39px;
        padding: 0;
        margin-top: 4% !important;
    }
    .testbtn {
        right: 15% !important;
    }
    .option4 .wrap-block-cl .language>a,
    .option4 .wrap-block-cl .currency>a {
        line-height: 40px;
        font-size: 10px;
    }
    .mobileLogo {
        display: none;
    }
    .mobileSearch {
        display: none;
    }
    .flexslider .slides img,
    .no-js .flexslider .slides>li: first-child, html[xmlns] .flexslider .slides {
        display: block;
        height: auto;
    }
    .slider_container {
        width: 100% !important;
        margin: 0 0 0 0%;
        clear: both;
        background: none;
        padding: 30px 0 0 0;
    }
    .box-band1 a {
        min-height: 140px !important;
        width: 100%;
    }
    .box-band2 a {
        min-height: 120px !important;
        width: 100%;
    }
    .box-band3 a {
        min-height: 180px !important;
        width: 100%;
    }
    .block-popular-cat2 .cat-name {
        font-size: 15px;
    }
}
.mobile-container-main-heading {
    margin-top: 15px;
    margin-bottom: 20px;
    font-size: 27px !important;
    color: #444444 !important;
    line-height: 2em !important;
}
.mobile-container-sub-heading {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #444;
}
.mobile-modal-container {
    display: none;
    z-index: 11111111111111;
    background: none;
    position: fixed;
    left: 50%;
    top: 40%;
    padding: 20px 20px 20px 20px;
    box-sizing: border-box;
    transform: translate(-50%, -50%);
    overflow: initial;
    text-align: center !important;
}
@media screen and (max-width: 480px) {
    .mobile-modal-container {
        width: 100% !important;
        height: 300px!important;
    }
    .bg--o {
        background-color: rgba(0, 0, 0, 0.7);
        width: 97% !important;
        height: 180px;
        margin-left: 2%;
        margin-top: 3%;
        color: #fff;
        font-size: 17px;
        line-height: 69px;
        text-transform: uppercase;
        cursor: pointer;
        float: left;
    }
    .mobile-modal-container {
        display: none;
        z-index: 11111111111111;
        background: none;
        position: absolute;
        left: 50%;
        top: 40%;
        padding: 20px 0px 20px 0px;
        box-sizing: border-box;
        transform: translate(-50%, -50%);
        overflow: initial;
        text-align: center !important;
    }
}
.mobile-container-inputbox {
    max-width: 100%;
    background: #ffffff;
    border: 1px solid #dfdfdf;
    color: #777;
    font-size: 13px;
    height: 50px;
    line-height: 20px;
    padding: 15px 50px 15px 15px;
    vertical-align: middle;
    outline: none;
    margin-bottom: 10px;
}
.mobile-container-submit {
    margin-top: 10px;
    background: #333;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    padding: 12px 86px;
    text-shadow: none;
    box-shadow: none;
    text-align: center;
    font-weight: 700;
    margin-bottom: 20px;
}
.mobile-container-submit: hover {
    background: #333 !important;
    color: #fff !important;
}
#result {
    height: 50px;
    border: 1px solid #ccc;
    padding: 12px;
    box-shadow: 0 0 10px 0 #bbb;
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 25px;
    width: 59%;
    margin-left: 260px;
    margin-top: 95px;
}
.testbtn {
    font-size: 20px;
    position: absolute;
    top: 3px;
    right: 9%;
    z-index: 1;
    background: none !important;
    padding: 8px 11px !important;
}
.marketplace {
    line-height: 40px;
    background-color: #43a047;
    margin-left: 12%;
    text-align: center;
    font-size: 15px;
}
.luxury {
    line-height: 40px;
    background: #ffc107;
    text-align: center;
    font-size: 15px;
}
.marketplace1 {
    line-height: 40px;
    float: right;
}
.marketplace1 a {
    color: #fff;
    margin-left: 5px;
}
.luxury1 a {
    color: #fff;
}
.marketplace1 a: hover {
    color: #fff;
}
.luxury1 a: hover {
    color: #fff;
}
.marketplace a {
    color: #fff;
    text-transform: uppercase;
}
.luxury a {
    color: #111;
    text-transform: uppercase;
}
.marketplace a: hover {
    color: #fff;
}
.luxury a: hover {
    color: #fff;
}
.luxury1 {
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.2);
    float: right;
}
.lu {
    float: left;
    padding-top: 7px;
}
.bg-m {
    background: url(https://eydemo.avetti.ca/preview/store//20170518176/cac-images/bg-popup.png) !important;
    height: 370px;
    width: 900px;
}
.m-img {
    z-index: 99999999999999;
    position: relative;
    left: -60px;
}
/*------------------------------------------------------------------
[Table of contents]
1. Common styles
2. Manin header
3. Vertical menu
4. Slidershow
5. Block hot deals
6. Block categories
7. Box brand
8. Footer
9. Styles for devices(>1200px)
10. Styles for devices(>=992px and <=1199px)
11. Styles for devices(>=768px and <=992px)
12. Styles for devices(>=481px and <=767px)
13. Styles for devices(<=480px)
-------------------------------------------------------------------*/

/*----------------------
[1. Common styles]
----------------------*/

.option4 {
    background: #eee;
}
.m-b-demo {
    margin-bottom: 10px;
}
.ma-icon {
    padding-top: 3px;
}
.load-b {
    background: #111;
    padding: 10px;
    color: #fff;
    border-radius: 2px;
}
.load-b a {
    color: #fff;
}
.load-b a: hover {
    color: #fff !important;
}
.a-icon {
    float: left;
    margin-top: 7px;
    color: #111;
}
.card {
    margin-bottom: 10px;
    box-shadow: none !important;
}
.card: hover {} .m-icon {
    float: left;
    margin-top: 7px;
    color: #111;
    margin-right: 6px;
}
.avetti-modal {
    display: none;
    /* Hidden by default */
    position: fixed;
    /* Stay in place */
    z-index: 99;
    /* Sit on top */
    padding-top: 100px;
    /* Location of the box */
    left: 0;
    top: 0;
    width: 100%;
    /* Full width */
    height: 100%;
    /* Full height */
    overflow: auto;
    /* Enable scroll if needed */
    background-color: rgb(0, 0, 0);
    /* Fallback color */
    background-color: rgba(0, 0, 0, 0.4);
    /* Black w/ opacity */
}
.avetti-modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 50%;
}
.avetti-modal-close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.avetti-modal-close: hover, .avetti-modal-close: focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}
.option4 .button-radius: before {
    background-color: #111;
}
.option4 .button-radius .icon: before {
    background-color: #111;
}
.option4 .kt-owl-carousel .owl-prev: hover, .option4 .kt-owl-carousel .owl-next: hover, .option4 .customNavigation-owl .prev: hover, .option4 .customNavigation-owl .next: hover {
    background-color: #111;
    border-color: #111;
}
.option4 .block .block-head .widget-title {
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.option4 .products .product-container {
    padding: 0;
    position: inherit;
}
.option4 .products .product-right {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: inherit;
    bottom: 0
}
.option4 .products .product-container: hover .product-right {
    margin-top: 0;
}
.option4 .products .btn-quick-view {
    background-color: #111;
}
.option4 .products .product-button {
    margin-top: 20px;
}
.option4 .tagcloud a: hover {
    background: #111;
}
.option4 .block-banner2 {
    margin-top: 30px;
}
.option4 .cart-mobile {
    display: none;
}
.option4 .cart-mobile .iner-block-cart {
    border-radius: 5px;
    height: 42px;
    padding: 1px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    padding-top: 3px;
    margin-top: 20px;
    width: 100%;
    float: left;
}
.option4 .cart-mobile .iner-block-cart>a: after {
    width: 30px;
    height: 30px;
    border-radius: 0;
    background-color: transparent;
    top: 0;
    right: 0;
    background-color: #111;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.option4 .footer-block-box .block-input-box .block-button {
    background: #111;
}
.option4 .scroll_top {
    background: #111;
}
.option4 .block3 .block-head {
    border-top: 2px solid #111;
}
.option4 .block3 .block-head .block-title {
    border-top: none;
    line-height: 50px;
}
.option4 .block3 .block-head .nav-tab.default li: hover>a, .option4 .block3 .block-head .nav-tab.default li.active>a {
    border-color: #111;
}
.option4 .block-new-arrivals .owl-controls {
    position: absolute;
    top: -71px;
    left: 144px;
    width: 93px;
    height: 50px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding: 0 20px;
    padding-top: 15px;
}
.option4 .block-new-arrivals .owl-controls .owl-prev,
.option4 .block-new-arrivals .owl-controls .owl-next {
    position: inherit;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.option4 .block-new-arrivals .owl-controls .owl-next {
    float: right;
}
.option4 .block-new-arrivals .products .product-right {
    padding-top: 16px;
}
.option4 .block-social .list-social li>a: hover {
    background-color: #fe4f00;
    border-color: #fe4f00;
}
/*----------------------
[2. Manin header]
----------------------*/

.option4 #header {
    border-top: 1px solid #aaaaab;
    box-shadow: 0px 1px 5px #999;
    background: #fff;
    position: relative;
}
.option4 .main-header {
    padding: 15px 0 5px 0;
}
.option4 .main-header .logo {
    padding-top: 0;
    width: auto;
    display: inline-block;
    margin-top: 0px;
    float: left;
}
.option4 .advanced-search {
    height: 42px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    padding: 1px;
    border: 1px solid #eaeaea;
}
.option4 .advanced-search .search-category {
    height: 38px;
}
.option4 .advanced-search #category-select-button span.ui-selectmenu-text {
    line-height: 26px;
}
.option4 .advanced-search .ui-selectmenu-button span.ui-icon {
    margin-top: -8px;
}
.option4 .advanced-search .btn-search {
    height: 36px;
    width: 44px;
    border-radius: 0;
    border-left: 1px solid #eaeaea;
    background: none;
    color: #111;
    font-size: 18px;
}
.option4 .wrap-block-cl .inner-cl {
    border-radius: 0px;
    height: 42px;
    padding: 1px;
    -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
    width: 378px;
}
.option4 .wrap-block-cl .language {
    height: 40px;
    width: 25%;
}
.option4 .wrap-block-cl .currency {
    width: 25%;
    height: 40px;
}
.option4 .wrap-block-cl .dropdown-menu {
    min-width: 200px;
}
.option4 .wrap-block-cl .user-info {
    height: 40px;
    width: 18%;
    float: left;
    border-right: 1px solid #eaeaea;
    padding: 0 14px;
    text-align: center;
    line-height: 40px;
    color: #111;
    font-size: 18px;
}
.option4 .wrap-block-cl .user-info .fa {
    color: #111;
}
.option4 .wrap-block-cl .user-info .dropdown-menu .fa {
    color: #111;
    width: 20px;
    float: left;
}
.option4 .wrap-block-cl .inner-cl>.user-info>a: after {
    display: none;
}
.option4 .wrap-block-cl .language>a,
.option4 .wrap-block-cl .currency>a {
    line-height: 40px;
}
.option4 .wrap-block-cl .dropdown-menu>li>a: hover {
    background: #111;
    color: #fff !important;
}
.option4 .wrap-block-cl .dropdown-menu>li>a: hover .fa {
    color: #fff;
}
.option4 #category-select-menu .ui-state-focus {
    background: #111;
}
.option4 .block-wrap-cart {
    width: 30%;
    float: left;
    border-left: 1px solid #eaeaea;
}
.option4 .block-wrap-cart .iner-block-cart {
    height: 38px;
    position: relative;
}
.option4 .wrap-block-cl .inner-cl>.dropdown>a: after {
    margin-left: 5px;
}
.option4 .block-wrap-cart .iner-block-cart>a {
    line-height: 40px;
    padding-left: 15px;
}
.option4 .block-wrap-cart .iner-block-cart>a: after {
    position: absolute;
    right: -16px;
    margin: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #111;
}
.option4 .main-header .shop-menu {
    width: auto;
    display: inline-block;
    margin-top: 0px;
    margin-left: 23px;
}
.option4 .main-header .shop-menu .block-vertical-menu {
    position: absolute;
    left: 15px;
    top: 100%;
    width: 270px;
    z-index: 2;
    display: none;
}
/*-----------------------
[3. Vertical menu]
------------------------*/

.option4 .block-vertical-menu .vertical-head {
    height: 48px;
    border-top: 5px solid #111;
    line-height: 43px;
    color: #333;
    text-transform: uppercase;
    font-size: 18px;
    background: #fff;
}
.option4 .block-vertical-menu .vertical-menu-list {
    margin-top: 0;
}
.option4 .block-vertical-menu .vertical-head .vertical-title {
    font-size: 18px;
}
.option4 .block-vertical-menu .vertical-head .vertical-title: after {
    display: none;
}
.option4 .block-vertical-menu .vertical-menu-list>li {
    padding: 0;
    border: none;
    border-left: 4px solid #fd7400;
}
.option4 .block-vertical-menu .vertical-menu-list>li>a.parent: before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 15px;
    float: right;
    display: block;
    margin-top: -9px;
    margin-right: 10px;
}
.option4 .block-vertical-menu .vertical-menu-list>li: last-child>a {
    border: none;
}
.option4 .block-vertical-menu .vertical-menu-list>li: first-child>a {
    border-top: 1px solid #eaeaea;
}
.option4 .block-vertical-menu .vertical-menu-list>li>a {
    border-bottom: 1px solid #eaeaea;
    padding-left: 20px;
    line-height: 39px;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 {
    border-color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .vertical-menu-link>li>a .text: after {
    border-left-color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .vertical-menu-link>li>a .text: before {
    background: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .vertical-menu-link>li>a: before {
    color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .vertical-menu-link>li>a: hover .text, .option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .vertical-menu-link>li>a: hover: before {
    background: #1f8a70;
    color: #fff;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 a: hover {
    color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .block-content-vertical-menu .head {
    background-color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu1 .block-content-vertical-menu .button-radius: before {
    background-color: #1f8a70;
}
/**---------**/

.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 {
    border-color: #111;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .block-content-vertical-menu .button-radius: before {
    background-color: #111;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .vertical-menu-link>li>a .text: after {
    border-left-color: #111;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .vertical-menu-link>li>a .text: before {
    background: #111;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .vertical-menu-link>li>a: before {
    color: #111;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .vertical-menu-link>li>a: hover .text, .option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .vertical-menu-link>li>a: hover: before {
    background: #111;
    color: #fff;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 a: hover {
    color: #111;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu2 .block-content-vertical-menu .head {
    background-color: #111;
}
/**---------**/

.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 {
    border-color: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .block-content-vertical-menu .button-radius: before {
    background-color: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .vertical-menu-link>li>a .text: after {
    border-left-color: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .vertical-menu-link>li>a .text: before {
    background: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .vertical-menu-link>li>a: before {
    color: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .vertical-menu-link>li>a: hover .text, .option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .vertical-menu-link>li>a: hover: before {
    background: #ffe11a;
    color: #fff;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 a: hover {
    color: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu3 .block-content-vertical-menu .head {
    background-color: #ffe11a;
}
/**---------**/

.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu4 {
    border-color: #fd7400;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu4 a: hover {
    color: #fd7400;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu5 {
    border-color: #5a88ca;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu5 a: hover {
    color: #5a88ca;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu6 {
    border-color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu6 a: hover {
    color: #1f8a70;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu7 {
    border-color: #ffe11a;
}
.option4 .block-vertical-menu .vertical-menu-list>.vertical-menu7 a: hover {
    color: #ffe11a;
}
/*------------------
[4. Slidershow]
------------------*/

.option4 .block-slider {
    border: none;
    margin-top: 15px;
    width: 100%;
}
.option4 .block-slider .bx-prev: hover, .block-slider .bx-next: hover {
    background: #111;
    color: #fff;
    border-color: #111;
}
.option4 .block-slider .bx-pager {
    display: block;
    text-align: center;
    height: 15px;
    margin-top: 25px;
}
.option4 .block-slider .bx-pager-item {
    width: 15px;
    height: 15px;
    background: #fff;
    font-size: 0;
    display: inline-block;
    border-radius: 50%;
    margin: 0 3px;
}
.option4 .block-slider .bx-pager-item a {
    width: 100%;
    height: 100%;
    background: #fff;
    display: block;
    border-radius: 50%;
}
.option4 .block-slider .bx-pager-item a.active {
    background: #111;
}
.option4 .block-slider .bx-prev,
.option4 .block-slider .bx-next {
    top: 43%;
}
.option4 .block-slider .caption-group {
    position: absolute;
    top: 26%;
    right: 16%;
}
.option4 .block-slider .caption-group .title {
    margin: 0;
}
.option4 .block-slider .caption-group .subtitle {
    margin: 0;
    margin-top: 5px;
}
.option4 .block-slider .caption-group .button-radius {
    margin-top: 27px;
}
.option4 .block-slider .caption-group .primary {
    color: #111;
}
.option4 .block-slider .caption-group .caption {}
/*-----------------
[5. Block hot deals]
---------------------*/

.option4 .block-hotdeals .owl-controls {
    position: absolute;
    top: -71px;
    left: 115px;
    width: 93px;
    height: 50px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    padding: 0 20px;
    padding-top: 15px;
}
.option4 .block-hotdeals .owl-controls .owl-prev,
.option4 .block-hotdeals .owl-controls .owl-next {
    position: inherit;
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
}
.option4 .block-hotdeals .owl-controls .owl-next {
    float: right;
}
.option4 .block-hotdeals .link-all {
    line-height: 50px;
    margin-right: 20px;
    float: right;
}
.option4 .block-hotdeals .product-count-down {
    border-top: 1px solid #eaeaea;
    padding-top: 10px;
    color: #999;
    margin-top: 23px;
}
.option4 .block-hotdeals .product-count-down .countdown-lastest {
    margin-top: 5px;
    float: left;
}
.option4 .block-hotdeals .product-count-down .box-count .text {
    display: none;
}
.option4 .block-hotdeals .product-count-down .dot {
    margin-right: 5px;
}
.option4 .block-hotdeals .products .product-button {
    margin-top: 16px;
}
.option4 .block-hotdeals .block-inner {
    padding-bottom: 10px;
}
/*--------------------
[6. Block categories]
---------------------*/

.block-categories {} .block-categories .block-head {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 50px;
    padding-left: 20px;
}
.block-categories .block-inner {
    padding: 20px;
    position: relative;
}
.block-categories .sub-cat {
    background: rgba(17, 17, 17, 0.9);
    position: absolute;
    padding: 13px 0;
    left: 35px;
    right: 35px;
    bottom: 0;
    margin-bottom: -100%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.block-categories .sub-cat a {
    color: #fff;
    line-height: 24px;
}
.block-categories .sub-cat li {
    padding-left: 20px;
}
.block-categories .sub-cat li: hover {
    background-color: rgba(255, 255, 255, 0.2);
}
.block-categories .parent: hover .sub-cat {
    margin-bottom: 20px;
}
.block-categories .owl-prev,
.block-categories .owl-next {
    top: 55%;
}
.block-categories .owl-prev {
    left: -10px;
}
.block-categories .owl-next {
    right: -10px;
}
/*------------------
[7. Box brand]
-------------------*/

.box-band {} .box-band a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 80px;
    width: 16.66666666666667%;
}
.box-band a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-filter: grayscale(100%);
    /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}
.box-band a: hover img {
    margin-left: -15px;
}
.box-band1 {} .box-band1 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 238px;
    width: 100%;
}
.box-band1 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band1 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band1 a: hover img {
    margin-left: -15px;
}
.box-band2 {} .box-band2 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 190px;
    width: 100%;
}
.box-band2 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band2 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band2 a: hover img {
    margin-left: -15px;
}
.box-band3 {} .box-band3 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 320px;
    width: 100%;
}
.box-band3 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band3 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band3 a: hover img {
    margin-left: -15px;
}
.box-band4 {} .box-band4 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 564px;
    width: 100%;
}
.box-band4 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band4 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band4 a: hover img {
    margin-left: -15px;
}
.box-band5 {} .box-band5 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 258px;
    width: 100%;
    margin-bottom: 47px;
}
.box-band5 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band5 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band5 a: hover img {
    margin-left: -15px;
}
.box-band6 {} .box-band6 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 354px;
    width: 100%;
    margin-bottom: 47px;
}
.box-band6 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band6 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band6 a: hover img {
    margin-left: -15px;
}
.box-band7 {} .box-band7 a {
    float: left;
    border-bottom: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    position: relative;
    overflow: hidden;
    background: #fff;
    min-height: 354px;
    width: 100%;
    margin-bottom: 47px;
}
.box-band7 a: before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.1);
    z-index: 9;
    opacity: 0;
    filter: alpha(opacity=0);
}
.box-band7 a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 10px 5px;
}
.box-band7 a: hover img {
    margin-left: -15px;
}
/*------------------------
[8. Footer]
-------------------------*/

#footer {
    background: #fbfbfb;
}
/*----------------
[9. Styles for devices(>1200px)]
*/

@media (min-width: 1201px) {}
/*----------------
[10. Styles for devices(>=993px and <=1200px)]
*/

@media (min-width: 993px) and (max-width: 1200px) {
    .option4 .block-banner-owl .page-banner .list-banner li {
        width: 25%;
        float: left;
    }
    .option4 .block-vertical-menu .vertical-menu-list>li>a {
        line-height: 42px;
    }
    .option4 .tab-cat-products .sub-cat li {
        padding-left: 10px;
    }
}
/*--------------------
[11. Styles for devices(>=768px and <=992px)]
*/

@media (min-width: 768px) and (max-width: 992px) {
    .option4 .main-header .shop-menu {
        float: left;
    }
    .option4 .main-header .shop-menu .block-vertical-menu {
        left: inherit;
        right: none;
    }
    .box-band a {
        width: 25%;
    }
    .option4 .advanced-search {
        margin-top: 20px;
        margin-left: 20px;
    }
    .option4 .wrap-block-cl .inner-cl {
        margin-top: 20px;
        width: 400px;
    }
    .option4 .main-header .logo {
        text-align: center;
    }
    .option4 .main-menu .navbar-nav>li>a {
        padding: 0 10px;
    }
    .option4 .block-banner-owl .page-banner .list-banner li {
        width: 25%;
        float: left;
        border: none;
    }
    .option4 .block-banner-owl .owl-controls .owl-nav {
        display: none;
    }
    .option4 .block-banner-owl {
        padding: 5px 0;
        padding-bottom: 5px;
    }
    .option4 .block-new-arrivals .owl-controls {
        position: static;
        border: none;
        height: 0;
        padding: 0;
        margin: 0;
    }
    .option4 .block-new-arrivals .owl-controls .owl-prev,
    .option4 .block-new-arrivals .owl-controls .owl-next {
        position: absolute;
        top: 50%;
    }
    .option4 .block-new-arrivals .owl-controls .owl-prev {
        left: -30px;
    }
    .option4 .block-new-arrivals .owl-controls .owl-next {
        right: -30px;
    }
    .option4 .tab-cat-products .sub-cat {
        width: 100%;
        padding: 0;
    }
    .option4 .tab-cat-products .sub-cat li {
        width: 50%;
        float: left;
        padding-left: 10px;
    }
    .option4 .tab-cat-products .cat-product {
        margin-left: 0;
        padding: 0;
        float: left;
        margin-top: 20px;
        width: 100%;
    }
    .option4 .tab-cat-products .owl-prev {
        right: inherit;
        top: 50%;
        left: -30px;
    }
    .option4 .tab-cat-products .owl-next {
        top: 50%;
        right: -30px;
    }
    .option4 .cart-mobile {
        display: block;
    }
    .option4 .main-menu .block-wrap-cart .iner-block-cart {
        display: none;
    }
    .option4 .advanced-search {
        float: left;
        width: 100%;
    }
}
/*--------------------
[12. Styles for devices(>=481px and <=767px)]
*/

@media (min-width: 481px) and (max-width: 767px) {
    .option4 #header {
        padding: 0 15px;
        box-shadow: none;
    }
    .option4 .main-header .shop-menu {
        float: right;
    }
    .option4 .block-wrap-cart {
        margin-top: 0;
    }
    .option4 .block-slider .bx-pager {
        display: none;
    }
    .box-band a {
        width: 50%;
    }
    .option4 #footer {
        background: transparent;
    }
    .option4 .footer-top {
        background: transparent;
    }
    .option4 .block-banner-owl .page-banner .list-banner li {
        width: 50%;
        float: left;
    }
    .option4 .advanced-search {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .option4 .wrap-block-cl .inner-cl {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .option4 .block-banner-owl {
        overflow: hidden;
    }
    .block3 .block-head .block-title {
        width: 100%;
        float: left;
    }
    .block3 .block-head .nav-tab.default {
        width: 100%;
        float: left;
    }
    .block3 .block-head .nav-tab.default li {
        float: left;
        height: 40px;
        line-height: 40px;
        border: none;
    }
    .block3 .block-head .nav-tab.default li>a {
        height: 40px;
        border: none;
    }
    .option4 .block-new-arrivals .owl-controls {
        display: none;
    }
    .option4 .block-hotdeals .owl-controls {
        display: none;
    }
    .option4 .block-hotdeals .block-head {
        position: relative;
    }
    .option4 .block-hotdeals .link-all {
        position: absolute;
        right: 20px;
        top: 0px;
        margin: 0;
    }
    .block3 .block-head .nav-tab.tab-category li>a {
        padding: 10px 20px;
    }
    .option4 .tab-cat-products .owl-next {
        top: 50%;
        right: -30px;
    }
    .option4 .tab-cat-products .owl-prev {
        top: 50%;
        right: inherit;
        left: -30px;
    }
    .option4 .tab-cat-products .sub-cat {
        width: 100%;
        padding: 0;
    }
    .option4 .tab-cat-products .sub-cat li {
        width: 50%;
        float: left;
        padding-left: 10px;
    }
    .option4 .tab-cat-products .cat-product {
        width: 100%;
        float: left;
        margin-top: 20px;
        margin-left: 0;
        padding-left: 0;
    }
    .option4 .group-banner3 {
        display: none;
    }
    .block-vertical-menu .vertical-menu-content ul li: hover .vertical-dropdown-menu {
        display: none;
    }
    .option4 .block-vertical-menu .vertical-menu-list>li>a.parent: before {
        display: none;
    }
    .option4 .cart-mobile {
        display: block;
    }
    .option4 .main-menu .block-wrap-cart .iner-block-cart {
        display: none;
    }
}
/*--------------------
[13. Styles for devices(<=480px)]
*/

@media (max-width: 480px) {
    .option4 #header {
        padding: 0 15px;
        box-shadow: none;
    }
    .option4 .main-header .shop-menu {
        float: right;
    }
    .option4 .block-wrap-cart {
        margin-top: 0;
    }
    .option4 .block-slider .bx-pager {
        display: none;
    }
    .box-band a {
        width: 50%;
    }
    .option4 #footer {
        background: transparent;
    }
    .option4 .footer-top {
        background: transparent;
    }
    .option4 .advanced-search {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .option4 .wrap-block-cl .inner-cl {
        float: left;
        width: 100%;
        margin-top: 20px;
    }
    .option4 .block-banner-owl {
        overflow: hidden;
    }
    .block3 .block-head .block-title {
        width: 100%;
        float: left;
    }
    .block3 .block-head .nav-tab.default {
        width: 100%;
        float: left;
    }
    .block3 .block-head .nav-tab.default li {
        width: 100%;
        float: left;
        height: 40px;
        line-height: 30px;
        border: none;
    }
    .block3 .block-head .nav-tab.default li>a {
        height: 30px;
        border: none !important;
        font-size: 13px;
    }
    .option4 .block-new-arrivals .owl-controls {
        display: none;
    }
    .option4 .block-hotdeals .owl-controls {
        display: none;
    }
    .option4 .block-hotdeals .block-head {
        position: relative;
    }
    .option4 .block-hotdeals .link-all {
        position: absolute;
        right: 20px;
        top: 0px;
        margin: 0;
    }
    .block3 .block-head .nav-tab.tab-category li {
        width: 100%;
        float: left;
        line-height: 30px;
    }
    .block3 .block-head .nav-tab.tab-category li: after {
        display: none;
    }
    .block3 .block-head .nav-tab.tab-category li>a {
        padding: 10px 20px;
    }
    .option4 .tab-cat-products .owl-next {
        top: 50%;
        right: -30px;
    }
    .option4 .tab-cat-products .owl-prev {
        top: 50%;
        right: inherit;
        left: -30px;
    }
    .option4 .tab-cat-products .sub-cat {
        width: 100%;
        padding: 0;
    }
    .option4 .tab-cat-products .sub-cat li {
        width: 50%;
        float: left;
        padding-left: 10px;
    }
    .option4 .tab-cat-products .cat-product {
        width: 100%;
        float: left;
        margin-top: 20px;
        margin-left: 0;
        padding-left: 0;
    }
    .option4 .group-banner3 {
        display: none;
    }
    .block-vertical-menu .vertical-menu-content ul li: hover .vertical-dropdown-menu {
        display: none;
    }
    .option4 .block-vertical-menu .vertical-menu-list>li>a.parent: before {
        display: none;
    }
    .option4 .cart-mobile {
        display: block;
    }
    .option4 .main-menu .block-wrap-cart .iner-block-cart {
        display: none;
    }
}
.owl_img_effect {
    height: 255px !important;
}
.product-name a {
    text-transform: uppercase;
}
.todays_offer_img {
    position: absolute;
    top: 230px;
    bottom: 0;
    margin: auto;
}
.owl-item {
    margin-bottom: 20px;
}
/* Slider
/*-----------------------------------------------------------------------------------*/

.slider_container {
    width: 100%;
    margin: auto;
    clear: both;
    padding: 0px 0 0 0;
}
.flex-caption {
    position: absolute;
    right: 4px;
    bottom: 20px;
}
.caption_title_line {
    width: 450px;
    height: 75px;
    padding: 5px 15px 10px 15px;
    color: #303030;
}
.flex-caption h2 {
    color: #303030;
    font-size: 20px;
    padding: 5px 0 5px 0;
    margin: 0px;
}
.flex-container a: active, .flexslider a: active {
    outline: none;
}
.slides,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-direction-nav {
    position: absolute;
    bottom: 0px;
    width: 100%;
    top: 40%;
}
.flex-direction-nav li: first-of-type {
    float: left;
}
.flex-direction-nav li: last-of-type {
    float: right;
}
/* FlexSlider Necessary Styles
*********************************/

.flexslider {
    width: 100%;
    margin: 0;
    padding: 5px 0 30px 0;
}
.flexslider .slides > li {
    display: none;
}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
    max-width: 100%;
    display: block;
    border: 0px #ededed solid;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides: after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li: first-child {
    display: block;
}
.flexslider {
    position: relative;
    zoom: 1;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides > li {
    position: relative;
}
.flex-container {
    zoom: 1;
    position: relative;
}
/* Direction Nav */

.flex-direction-nav li a {
    width: 43px;
    height: 66px;
    margin: 0;
    display: block;
    /*! position: absolute; */
    /*! right:4px; */
    cursor: pointer;
    text-indent: -9999px;
}
.flex-direction-nav li a.next {
    background: url(https://t95dev.avetti.ca/preview/store//20180521148/images/next.png) no-repeat center;
    bottom: 90px;
}
.flex-direction-nav li a.prev {
    background: url(https://t95dev.avetti.ca/preview/store//20180521148/images/prev.png) no-repeat center;
    bottom: 40px;
}
.flex-direction-nav li a.next: hover {
    background: url(https://t95dev.avetti.ca/preview/store//20180521148/images/next_a.png) no-repeat center;
}
.flex-direction-nav li a.prev: hover {
    background: url(https://t95dev.avetti.ca/preview/store//20180521148/images/prev_a.png) no-repeat center;
}
.flex-direction-nav li a.disabled {
    opacity: .3;
    filter: alpha(opacity=30);
    cursor: default;
}
/* Control Nav */

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -30px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 0 0 5px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
.flex-control-nav li: first-child {
    margin: 0;
}
.flex-control-nav li a {
    width: 13px;
    height: 13px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
}
.flex-control-nav li a: hover {
    background-position: 0 -13px;
}
.flex-control-nav li a.active {
    background-position: 0 -26px;
    cursor: default;
}
/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
    .slider_container {
        width: 90%;
        margin: 0 0 0 2%;
        clear: both;
        background: none;
        padding: 30px 0 0 0;
    }
    .flexslider {
        width: 100%;
        margin: 0;
        padding: 0 0 30px 0;
        background: none;
    }
    .flex-direction-nav li a {
        width: 43px;
        height: 66px;
        margin: 0;
        display: block;
        position: absolute;
        right: -10px;
        cursor: pointer;
        text-indent: -9999px;
    }
    .flex-direction-nav li a.next {
        background: url(https://t95dev.avetti.ca/preview/store//20180521148/images/next.png) no-repeat center;
        bottom: 85px;
    }
    .flex-direction-nav li a.prev {
        background: url(https://t95dev.avetti.ca/preview/store//20180521148/images/prev.png) no-repeat center;
        bottom: 40px;
    }
    .flex-caption {
        display: none;
    }
}
.brand > img {
    display: block;
    margin: 0 auto;
}
selection {
    background: #b3d4fc;
    text-shadow: none
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}
.hidden {
    display: none!important
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable: active, .visuallyhidden.focusable: focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
body,
html {
    width: 100%
}
.invisible {
    visibility: hidden
}
.clearfix: after, .clearfix: before {
    content: " ";
    display: table
}
.clearfix: after {
    clear: both
}
@media print {
    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }
    *,
    : after, : before, : first-letter, : first-line {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a: visited {
        text-decoration: underline
    }
    a[href]: after {
        content: " (" attr(href)")"
    }
    abbr[title]: after {
        content: " (" attr(title)")"
    }
    a[href^="#"]: after, a[href^="javascript:"]: after {
        content: ""
    }
    blockquote,
    pre {
        border: 1px solid #999
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}
.mdl-accordion,
.mdl-button,
.mdl-card,
.mdl-checkbox,
.mdl-dropdown-menu,
.mdl-icon-toggle,
.mdl-item,
.mdl-radio,
.mdl-slider,
.mdl-switch,
.mdl-tabs__tab,
a {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0)
}
html {
    height: 100%;
    touch-action: manipulation
}
main {
    display: block
}
[hidden] {
    display: none!important
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}
h1,
h2,
h3 {
    margin-bottom: 24px;
    font-weight: 400
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 24px;
}
h4,
h5,
h6,
p {
    margin-bottom: 16px
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em;
    opacity: .54;
    font-size: .6em
}
h1 {
    font-size: 56px;
    letter-spacing: -.02em
}
h2 {
    font-size: 27px;
    line-height: 48px
}
h4 {
    font-weight: 400;
    line-height: 32px
}
h5 {
    font-size: 20px;
    letter-spacing: .02em
}
h6 {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em
}
p {
    font-weight: 400;
    letter-spacing: 0
}
blockquote {
    position: relative;
    font-weight: 300;
    letter-spacing: .08em
}
blockquote: before {
    position: absolute;
    left: -.5em;
    content: '???'
}
blockquote: after {
    content: '???';
    margin-left: -.05em
}
mark {
    background-color: #f4ff81
}
dt {
    font-weight: 700
}
address {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 0;
    font-style: normal
}
ol,
ul {
    font-weight: 400;
    letter-spacing: 0.5px;
}
.mdl-typography--display-4,
.mdl-typography--display-4-color-contrast {
    font-size: 112px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: -.04em
}
.mdl-typography--display-3,
.mdl-typography--display-3-color-contrast {
    font-size: 56px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: -.02em
}
.mdl-typography--display-2,
.mdl-typography--display-2-color-contrast {
    font-size: 45px;
    font-weight: 400;
    line-height: 48px
}
.mdl-typography--display-1,
.mdl-typography--display-1-color-contrast {
    font-size: 24px;
    font-weight: 400;
    line-height: 40px
}
.mdl-typography--headline,
.mdl-typography--headline-color-contrast {
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    -moz-osx-font-smoothing: grayscale
}
.mdl-typography--headline-color-contrast {
    opacity: .87
}
.mdl-typography--title,
.mdl-typography--title-color-contrast {
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .02em
}
.mdl-typography--title-color-contrast {
    opacity: .87
}
.mdl-typography--subhead,
.mdl-typography--subhead-color-contrast {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: .04em;
    line-height: 24px
}
.mdl-typography--subhead-color-contrast {
    opacity: .87
}
.mdl-typography--body-2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0
}
.mdl-typography--body-2-color-contrast {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}
.mdl-typography--body-1,
.mdl-typography--body-1-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0
}
.mdl-typography--body-1-color-contrast {
    opacity: .87
}
.mdl-typography--body-2-force-preferred-font,
.mdl-typography--body-2-force-preferred-font-color-contrast {
    font-size: 14px;
    font-weight: 500
}
.mdl-typography--body-2-force-preferred-font {
    line-height: 24px;
    letter-spacing: 0
}
.mdl-typography--body-2-force-preferred-font-color-contrast {
    line-height: 24px;
    letter-spacing: 0;
    opacity: .87
}
.mdl-typography--body-1-force-preferred-font,
.mdl-typography--body-1-force-preferred-font-color-contrast {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0;
}
.mdl-typography--body-1-force-preferred-font-color-contrast {
    opacity: .87
}
.mdl-typography--caption-color-contrast,
.mdl-typography--caption-force-preferred-font-color-contrast {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0;
    opacity: .54
}
.mdl-typography--caption {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--caption-force-preferred-font {
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--caption-force-preferred-font-color-contrast {}.mdl-typography--button-color-contrast,
.mdl-typography--menu-color-contrast {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    opacity: .87;
    letter-spacing: 0
}
.mdl-typography--menu {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--button {
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: 0
}
.mdl-typography--text-left {
    text-align: left
}
.mdl-typography--text-right {
    text-align: right
}
.mdl-typography--text-center {
    text-align: center
}
.mdl-typography--text-justify {
    text-align: justify
}
.mdl-typography--text-nowrap {
    white-space: nowrap
}
.mdl-typography--text-lowercase {
    text-transform: lowercase
}
.mdl-typography--text-uppercase {
    text-transform: uppercase
}
.mdl-typography--text-capitalize {
    text-transform: capitalize
}
.mdl-button,
.mdl-layout__tab,
.mdl-tabs__tab {
    text-transform: uppercase
}
.mdl-typography--font-thin {
    font-weight: 200!important
}
.mdl-typography--font-light {
    font-weight: 300!important
}
.mdl-typography--font-regular {
    font-weight: 400!important
}
.mdl-typography--font-medium {
    font-weight: 500!important
}
.mdl-typography--font-bold {
    font-weight: 700!important
}
.mdl-typography--font-black {
    font-weight: 900!important
}
.mdl-color-text--red {
    color: #111!important
}
.mdl-color--red {
    background-color: #111!important
}
.mdl-color-text--red-50 {
    color: #ffebee!important
}
.mdl-color--red-50 {
    background-color: #ffebee!important
}
.mdl-color-text--red-100 {
    color: #ffcdd2!important
}
.mdl-color--red-100 {
    background-color: #ffcdd2!important
}
.mdl-color-text--red-200 {
    color: #ef9a9a!important
}
.mdl-color--red-200 {
    background-color: #ef9a9a!important
}
.mdl-color-text--red-300 {
    color: #e57373!important
}
.mdl-color--red-300 {
    background-color: #e57373!important
}
.mdl-color-text--red-400 {
    color: #ef5350!important
}
.mdl-color--red-400 {
    background-color: #ef5350!important
}
.mdl-color-text--red-500 {
    color: #111!important
}
.mdl-color--red-500 {
    background-color: #111!important
}
.mdl-color-text--red-600 {
    color: #e53935!important
}
.mdl-color--red-600 {
    background-color: #e53935!important
}
.mdl-color-text--red-700 {
    color: #d32f2f!important
}
.mdl-color--red-700 {
    background-color: #d32f2f!important
}
.mdl-color-text--red-800 {
    color: #c62828!important
}
.mdl-color--red-800 {
    background-color: #c62828!important
}
.mdl-color-text--red-900 {
    color: #b71c1c!important
}
.mdl-color--red-900 {
    background-color: #b71c1c!important
}
.mdl-color-text--red-A100 {
    color: #ff8a80!important
}
.mdl-color--red-A100 {
    background-color: #ff8a80!important
}
.mdl-color-text--red-A200 {
    color: #ff5252!important
}
.mdl-color--red-A200 {
    background-color: #ff5252!important
}
.mdl-color-text--red-A400 {
    color: #ff1744!important
}
.mdl-color--red-A400 {
    background-color: #ff1744!important
}
.mdl-color-text--red-A700 {
    color: #d50000!important
}
.mdl-color--red-A700 {
    background-color: #d50000!important
}
.mdl-color-text--pink {
    color: #111!important
}
.mdl-color--pink {
    background-color: #111!important
}
.mdl-color-text--pink-50 {
    color: #fce4ec!important
}
.mdl-color--pink-50 {
    background-color: #fce4ec!important
}
.mdl-color-text--pink-100 {
    color: #f8bbd0!important
}
.mdl-color--pink-100 {
    background-color: #f8bbd0!important
}
.mdl-color-text--pink-200 {
    color: #f48fb1!important
}
.mdl-color--pink-200 {
    background-color: #f48fb1!important
}
.mdl-color-text--pink-300 {
    color: #f06292!important
}
.mdl-color--pink-300 {
    background-color: #f06292!important
}
.mdl-color-text--pink-400 {
    color: #ec407a!important
}
.mdl-color--pink-400 {
    background-color: #ec407a!important
}
.mdl-color-text--pink-500 {
    color: #111!important
}
.mdl-color--pink-500 {
    background-color: #111!important
}
.mdl-color-text--pink-600 {
    color: #d81b60!important
}
.mdl-color--pink-600 {
    background-color: #d81b60!important
}
.mdl-color-text--pink-700 {
    color: #c2185b!important
}
.mdl-color--pink-700 {
    background-color: #c2185b!important
}
.mdl-color-text--pink-800 {
    color: #ad1457!important
}
.mdl-color--pink-800 {
    background-color: #ad1457!important
}
.mdl-color-text--pink-900 {
    color: #880e4f!important
}
.mdl-color--pink-900 {
    background-color: #880e4f!important
}
.mdl-color-text--pink-A100 {
    color: #ff80ab!important
}
.mdl-color--pink-A100 {
    background-color: #ff80ab!important
}
.mdl-color-text--pink-A200 {
    color: #ff4081!important
}
.mdl-color--pink-A200 {
    background-color: #ff4081!important
}
.mdl-color-text--pink-A400 {
    color: #f50057!important
}
.mdl-color--pink-A400 {
    background-color: #f50057!important
}
.mdl-color-text--pink-A700 {
    color: #c51162!important
}
.mdl-color--pink-A700 {
    background-color: #c51162!important
}
.mdl-color-text--purple {
    color: #9c27b0!important
}
.mdl-color--purple {
    background-color: #9c27b0!important
}
.mdl-color-text--purple-50 {
    color: #f3e5f5!important
}
.mdl-color--purple-50 {
    background-color: #f3e5f5!important
}
.mdl-color-text--purple-100 {
    color: #e1bee7!important
}
.mdl-color--purple-100 {
    background-color: #e1bee7!important
}
.mdl-color-text--purple-200 {
    color: #ce93d8!important
}
.mdl-color--purple-200 {
    background-color: #ce93d8!important
}
.mdl-color-text--purple-300 {
    color: #ba68c8!important
}
.mdl-color-text--black {
    color: #000!important
}
.mdl-color--white {
    background-color: #fff!important
}
.mdl-color-text--white {
    color: #fff!important
}
.mdl-color--primary {
    background-color: #111!important
}
.mdl-color--primary-contrast {
    background-color: #fff!important
}
.mdl-color--primary-dark {
    background-color: #c2185b!important
}
.mdl-color--accent {
    background-color: #448aff!important
}
.mdl-color--accent-contrast {
    background-color: #fff!important
}
.mdl-color-text--primary {
    color: #111!important
}
.mdl-color-text--primary-contrast {
    color: #fff!important
}
.mdl-color-text--primary-dark {
    color: #c2185b!important
}
.mdl-color-text--accent {
    color: #448aff!important
}
.mdl-color-text--accent-contrast {
    color: #fff!important
}
.mdl-ripple {
    background: #000;
    border-radius: 50%;
    height: 50px;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 50px;
    overflow: hidden
}
.mdl-ripple.is-animating {
    transition: -webkit-transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1);
    transition: transform .3s cubic-bezier(0, 0, .2, 1), width .3s cubic-bezier(0, 0, .2, 1), height .3s cubic-bezier(0, 0, .2, 1), opacity .6s cubic-bezier(0, 0, .2, 1)
}
.mdl-ripple.is-visible {
    opacity: .3
}
.mdl-animation--default,
.mdl-animation--fast-out-slow-in {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-animation--linear-out-slow-in {
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}
.mdl-animation--fast-out-linear-in {
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}
.mdl-badge {
    position: relative;
    white-space: nowrap;
    margin-right: 24px
}
.mdl-badge: not([data-badge]) {
    margin-right: auto
}
.mdl-badge[data-badge]: after {
    content: attr(data-badge);
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: -11px;
    right: -24px;
    font-weight: 600;
    font-size: 12px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #448aff;
    color: #fff
}
.mdl-button .mdl-badge[data-badge]: after {
    top: -10px;
    right: -5px
}
.mdl-badge.mdl-badge--no-background[data-badge]: after {
    color: #448aff;
    background: rgba(255, 255, 255, .2);
    box-shadow: 0 0 1px gray
}
.mdl-button {
    background: 0 0;
    border: none;
    border-radius: 2px;
    color: #000;
    position: relative;
    height: 36px;
    min-width: 64px;
    padding: 0 18px;
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0;
    overflow: hidden;
    will-change: box-shadow, transform;
    transition: box-shadow .2s cubic-bezier(.4, 0, 1, 1), background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1);
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 36px
}
.mdl-button--fab,
.mdl-button--icon {
    font-size: 24px;
    padding: 0;
    overflow: hidden
}
.mdl-button: : -moz-focus-inner {
    border: 0
}
.mdl-button: hover {
    background-color: rgba(158, 158, 158, .2)
}
.mdl-button: focus: not(: active) {
    background-color: rgba(0, 0, 0, .12)
}
.mdl-button: active {
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button.mdl-button--colored {
    color: #111
}
.mdl-button.mdl-button--colored: focus: not(: active) {
    background-color: rgba(0, 0, 0, .12)
}
input.mdl-button[type=submit] {
    -webkit-appearance: none
}
.mdl-button--raised {
    background: rgba(158, 158, 158, .2);
}
.mdl-button--raised: active {
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--raised: focus: not(: active) {
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--raised.mdl-button--colored {
    background: #494949;
    color: #fff;
    margin: 5px;
}
..mdl-button--raised.mdl-button--colored: hover {
    background: #fe4f00;
    color: #fff;
    margin: 5px !impotant;
}
.mdl-button--raised.mdl-button--colored: active, .mdl-button--raised.mdl-button--colored: focus: not(: active), .mdl-button--raised.mdl-button--colored: hover {
    background-color: #fe4f00
}
.mdl-button--raised.mdl-button--colored .mdl-ripple {
    background: #fff
}
.mdl-button--fab {
    border-radius: 50%;
    height: 36px;
    margin: auto;
    min-width: 36px;
    width: 36px;
    background: rgba(158, 158, 158, .2);
    box-shadow: none;
    position: relative;
    line-height: normal;
}
.mdl-button--fab .material-icons {
    font-size: 19px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}
.mdl-button--fab.mdl-button--mini-fab {
    height: 40px;
    min-width: 40px;
    width: 40px
}
.mdl-button--fab .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-button--fab: active {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2);
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--fab: focus: not(: active) {
    box-shadow: 0 0 8px rgba(0, 0, 0, .18), 0 8px 16px rgba(0, 0, 0, .36);
    background-color: rgba(158, 158, 158, .4)
}
.mdl-button--fab.mdl-button--colored {
    background: none;
    color: #fff;
    margin-top: 10px;
}
.mdl-button--fab.mdl-button--colored: active, .mdl-button--fab.mdl-button--colored: focus: not(: active), .mdl-button--fab.mdl-button--colored: hover {
    background: none;
    color: #fff;
}
.mdl-button--fab.mdl-button--colored .mdl-ripple {
    background: #fff
}
.mdl-button--icon {
    border-radius: 50%;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    color: inherit;
    line-height: normal
}
.mdl-button--icon .material-icons {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-12px, -12px);
    transform: translate(-12px, -12px);
    line-height: 24px;
    width: 24px
}
.mdl-button--icon.mdl-button--mini-icon {
    height: 24px;
    min-width: 24px;
    width: 24px
}
.mdl-button--icon.mdl-button--mini-icon .material-icons {
    top: 0;
    left: 0
}
.mdl-button--icon .mdl-button__ripple-container {
    border-radius: 50%;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-button__ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}
.mdl-button.mdl-button--disabled .mdl-button__ripple-container .mdl-ripple,
.mdl-button[disabled] .mdl-button__ripple-container .mdl-ripple {
    background-color: transparent
}
.mdl-button--primary.mdl-button--primary {
    color: #111
}
.mdl-button--primary.mdl-button--primary .mdl-ripple {
    background: #fff
}
.mdl-button--primary.mdl-button--primary.mdl-button--fab,
.mdl-button--primary.mdl-button--primary.mdl-button--raised {
    color: #fff;
    background-color: #000000;
}
.mdl-button--accent.mdl-button--accent {
    color: #eb1414
}
.mdl-button--accent.mdl-button--accent .mdl-ripple {
    background: #fff
}
.mdl-button--accent.mdl-button--accent.mdl-button--fab,
.mdl-button--accent.mdl-button--accent.mdl-button--raised {
    color: #fff;
    background-color: #448aff
}
.mdl-button.mdl-button--disabled.mdl-button--disabled,
.mdl-button[disabled][disabled] {
    color: rgba(0, 0, 0, .26);
    cursor: auto;
    background-color: transparent
}
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--fab[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled] {
    background-color: rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26);
}
.mdl-button--colored.mdl-button--disabled.mdl-button--disabled,
.mdl-button--colored[disabled][disabled] {
    color: rgba(0, 0, 0, .26)
}
.mdl-card {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-size: 16px;
    font-weight: 400;
    min-height: 200px;
    overflow: hidden;
    width: 330px;
    z-index: 1;
    position: relative;
    background: #fff;
    border-radius: 2px;
    box-sizing: border-box
}
.mdl-card__media {
    background-color: #448aff;
    background-repeat: repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-origin: padding-box;
    background-attachment: scroll;
    box-sizing: border-box
}
.mdl-card__title {
    -webkit-align-items: center;
    align-items: center;
    color: #000;
    display: block;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    line-height: normal;
    padding: 16px;
    -webkit-perspective-origin: 165px 56px;
    perspective-origin: 165px 56px;
    -webkit-transform-origin: 165px 56px;
    transform-origin: 165px 56px;
    box-sizing: border-box
}
.mdl-card__title.mdl-card--border {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.mdl-card__title-text {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    color: inherit;
    display: block;
    display: -webkit-flex;
    display: flex;
    font-size: 17px;
    font-weight: 300;
    line-height: normal;
    overflow: hidden;
    -webkit-transform-origin: 149px 48px;
    transform-origin: 149px 48px;
    margin: 0
}
.mdl-card__subtitle-text {
    font-size: 14px;
    color: grey;
    margin: 0
}
.mdl-card__supporting-text {
    height: 150px;
    color: rgba(0, 0, 0, .54);
    font-size: 13px;
    line-height: 18px;
    overflow: hidden;
    padding: 16px;
    width: 90%
}
.mdl-card__actions,
.mdl-checkbox {
    box-sizing: border-box;
    width: 100%
}
.mdl-card__actions {
    font-size: 16px;
    line-height: normal;
    background-color: transparent;
    padding: 8px
}
.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, .1)
}
.mdl-card--expand {
    -webkit-flex-grow: 1;
    flex-grow: 1
}
.mdl-grid,
.mdl-mini-footer {
    -webkit-flex-flow: row wrap
}
.mdl-card__menu {
    position: absolute;
    right: 16px;
    top: 16px
}
.mdl-checkbox {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 24px;
    margin: 0;
    padding: 0
}
.mdl-checkbox.is-upgraded {
    padding-left: 24px
}
.mdl-checkbox__input {
    line-height: 24px
}
.mdl-checkbox.is-upgraded .mdl-checkbox__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-checkbox__box-outline,
.mdl-checkbox__focus-helper {
    top: 3px;
    display: inline-block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    box-sizing: border-box
}
.mdl-checkbox__box-outline {
    margin: 0;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 2px;
    z-index: 2
}
.mdl-checkbox.is-checked .mdl-checkbox__box-outline {
    border: 2px solid #111
}
.mdl-checkbox.is-disabled .mdl-checkbox__box-outline {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-checkbox__focus-helper {
    border-radius: 50%;
    background-color: transparent
}
.mdl-checkbox.is-focused .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}
.mdl-checkbox.is-focused.is-checked .mdl-checkbox__focus-helper {
    box-shadow: 0 0 0 8px rgba(233, 30, 99, .26);
    background-color: rgba(233, 30, 99, .26)
}
.mdl-layout__drawer,
.mdl-layout__header,
.mdl-menu__outline {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-checkbox__tick-outline {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: 0 0;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline {
    background: url(../../images/tick2696.html?embed) #111
}
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background: url(../../images/tick2696.html?embed) rgba(0, 0, 0, .26)
}
.mdl-checkbox__label {
    position: relative;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}
.mdl-checkbox.is-disabled .mdl-checkbox__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-checkbox__ripple-container {
    position: absolute;
    z-index: 2;
    top: -6px;
    left: -10px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-checkbox__ripple-container .mdl-ripple {
    background: #111
}
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container {
    cursor: auto
}
.mdl-checkbox.is-disabled .mdl-checkbox__ripple-container .mdl-ripple {
    background: 0 0
}
.mdl-data-table {
    position: relative;
    border: 1px solid rgba(0, 0, 0, .12);
    border-collapse: collapse;
    white-space: nowrap;
    font-size: 13px;
    background-color: #fff
}
.mdl-data-table thead {
    padding-bottom: 3px
}
.mdl-data-table thead .mdl-data-table__select {
    margin-top: 0
}
.mdl-data-table tbody tr {
    position: relative;
    height: 48px;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: background-color
}
.mdl-data-table tbody tr.is-selected {
    background-color: #e0e0e0
}
.mdl-data-table tbody tr: hover {
    background-color: #fff
}
.mdl-data-table td,
.mdl-data-table th {
    padding: 0 18px;
    text-align: right
}
.mdl-data-table td: first-of-type, .mdl-data-table th: first-of-type {
    padding-left: 24px
}
.mdl-data-table td: last-of-type, .mdl-data-table th: last-of-type {
    padding-right: 24px
}
.mdl-data-table td {
    position: relative;
    vertical-align: top;
    height: 48px;
    border-top: 1px solid rgba(0, 0, 0, .12);
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    padding-top: 12px;
    box-sizing: border-box
}
.mdl-data-table td .mdl-data-table__select {
    vertical-align: top;
    position: absolute;
    left: 24px
}
.mdl-data-table th {
    position: relative;
    vertical-align: bottom;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    padding-bottom: 8px;
    box-sizing: border-box
}
.mdl-icon-toggle,
.mdl-switch,
.oxy-data-table--middle td,
.oxy-data-table--middle th {
    vertical-align: middle
}
.mdl-data-table th .mdl-data-table__select {
    position: absolute;
    bottom: 8px;
    left: 24px
}
.mdl-data-table__select {
    width: 16px
}
.mdl-data-table__cell--non-numeric.mdl-data-table__cell--non-numeric {
    text-align: left
}
.mdl-mega-footer {
    padding: 16px 40px 16px 40px;
    color: #9e9e9e;
    background-color: #424242
}
.mdl-mega-footer--bottom-section: after, .mdl-mega-footer--middle-section: after, .mdl-mega-footer--top-section: after, .mdl-mega-footer__bottom-section: after, .mdl-mega-footer__middle-section: after, .mdl-mega-footer__top-section: after {
    content: '';
    display: block;
    clear: both
}
.mdl-mega-footer--left-section,
.mdl-mega-footer--right-section,
.mdl-mega-footer__left-section,
.mdl-mega-footer__right-section {
    margin-bottom: 16px
}
.mdl-mega-footer--right-section a,
.mdl-mega-footer__right-section a {
    display: block;
    margin-bottom: 16px;
    color: inherit;
    text-decoration: none
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--left-section, .mdl-mega-footer__left-section {
        float: left
    }
    .mdl-mega-footer--right-section,
    .mdl-mega-footer__right-section {
        float: right
    }
    .mdl-mega-footer--right-section a,
    .mdl-mega-footer__right-section a {
        display: inline-block;
        margin-left: 16px;
        line-height: 36px;
        vertical-align: middle
    }
}
.mdl-mega-footer--social-btn,
.mdl-mega-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}
.mdl-mega-footer--drop-down-section,
.mdl-mega-footer__drop-down-section {
    display: block;
    position: relative
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
        width: 33%
    }
    .mdl-mega-footer--drop-down-section: nth-child(1), .mdl-mega-footer--drop-down-section: nth-child(2), .mdl-mega-footer__drop-down-section: nth-child(1), .mdl-mega-footer__drop-down-section: nth-child(2) {
        float: left
    }
    .mdl-mega-footer--drop-down-section: nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(3) {
        float: right
    }
    .mdl-mega-footer--drop-down-section: nth-child(3): after, .mdl-mega-footer__drop-down-section: nth-child(3): after {
        clear: right
    }
    .mdl-mega-footer--drop-down-section: nth-child(4), .mdl-mega-footer__drop-down-section: nth-child(4) {
        clear: right;
        float: right
    }
    .mdl-mega-footer--middle-section: after, .mdl-mega-footer__middle-section: after {
        content: '';
        display: block;
        clear: both
    }
    .mdl-mega-footer--bottom-section,
    .mdl-mega-footer__bottom-section {
        padding-top: 0
    }
}
@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section: nth-child(3), .mdl-mega-footer--drop-down-section: nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section: nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(4) {
        width: 33.33%;
        float: left
    }
}
.mdl-mega-footer--heading-checkbox,
.mdl-mega-footer__heading-checkbox {
    position: absolute;
    width: 100%;
    height: 55.8px;
    padding: 32px;
    margin: -16px 0 0;
    cursor: pointer;
    z-index: 1;
    opacity: 0
}
.mdl-mega-footer--heading-checkbox~.mdl-mega-footer--heading: after, .mdl-mega-footer--heading-checkbox~.mdl-mega-footer__heading: after, .mdl-mega-footer__heading-checkbox~.mdl-mega-footer--heading: after, .mdl-mega-footer__heading-checkbox~.mdl-mega-footer__heading: after {
    font-family: 'Material Icons';
    content: '\E5CE'
}
.mdl-mega-footer--heading-checkbox: checked~ul, .mdl-mega-footer__heading-checkbox: checked~ul {
    display: none
}
.mdl-mega-footer--heading-checkbox: checked~.mdl-mega-footer--heading: after, .mdl-mega-footer--heading-checkbox: checked~.mdl-mega-footer__heading: after, .mdl-mega-footer__heading-checkbox: checked~.mdl-mega-footer--heading: after, .mdl-mega-footer__heading-checkbox: checked~.mdl-mega-footer__heading: after {
    font-family: 'Material Icons';
    content: '\E5CF'
}
.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    position: relative;
    width: 100%;
    padding-right: 39.8px;
    margin-bottom: 16px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 23.8px;
    font-weight: 500;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}
.mdl-mega-footer--heading: after, .mdl-mega-footer__heading: after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 23.8px;
    height: 23.8px;
    background-size: cover
}
.mdl-mega-footer--link-list,
.mdl-mega-footer__link-list {
    list-style: none;
    margin: 0 0 32px;
    padding: 0
}
.mdl-mega-footer--link-list: after, .mdl-mega-footer__link-list: after {
    clear: both;
    display: block;
    content: ''
}
.mdl-mega-footer--link-list li,
.mdl-mega-footer__link-list li {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 20px
}
.mdl-mega-footer--link-list a,
.mdl-mega-footer__link-list a {
    text-decoration: none
}
.mdl-mega-footer--bottom-section,
.mdl-mega-footer__bottom-section {
    padding-top: 16px;
    margin-bottom: 16px
}
.mdl-logo {
    margin-bottom: 16px;
    color: #fff
}
.mdl-mega-footer--bottom-section .mdl-mega-footer--link-list li,
.mdl-mega-footer__bottom-section .mdl-mega-footer__link-list li {
    float: left;
    margin-bottom: 0;
    margin-right: 16px
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--heading-checkbox, .mdl-mega-footer__heading-checkbox {
        display: none
    }
    .mdl-mega-footer--heading-checkbox~.mdl-mega-footer--heading: after, .mdl-mega-footer--heading-checkbox~.mdl-mega-footer__heading: after, .mdl-mega-footer__heading-checkbox~.mdl-mega-footer--heading: after, .mdl-mega-footer__heading-checkbox~.mdl-mega-footer__heading: after {
        background-image: none
    }
    .mdl-mega-footer--heading-checkbox: checked~ul, .mdl-mega-footer__heading-checkbox: checked~ul {
        display: block
    }
    .mdl-mega-footer--heading-checkbox: checked~.mdl-mega-footer--heading: after, .mdl-mega-footer--heading-checkbox: checked~.mdl-mega-footer__heading: after, .mdl-mega-footer__heading-checkbox: checked~.mdl-mega-footer--heading: after, .mdl-mega-footer__heading-checkbox: checked~.mdl-mega-footer__heading: after {
        content: ''
    }
    .mdl-logo {
        float: left;
        margin-bottom: 0;
        margin-right: 16px
    }
    .mdl-mini-footer--link-list li,
    .mdl-mini-footer__link-list li {
        line-height: 36px
    }
}
.mdl-mini-footer {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 32px 16px;
    color: #9e9e9e;
    background-color: #424242
}
.mdl-mini-footer: after {
    content: '';
    display: block
}
.mdl-mini-footer .mdl-logo {
    line-height: 36px
}
.mdl-mini-footer--link-list,
.mdl-mini-footer__link-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    list-style: none;
    margin: 0;
    padding: 0
}
.mdl-mini-footer--link-list li,
.mdl-mini-footer__link-list li {
    margin-bottom: 0;
    margin-right: 16px
}
.mdl-mini-footer--link-list a,
.mdl-mini-footer__link-list a {
    color: inherit;
    text-decoration: none;
    white-space: nowrap
}
.mdl-mini-footer--left-section,
.mdl-mini-footer__left-section {
    display: inline-block;
    -webkit-order: 0;
    order: 0
}
.mdl-mini-footer--right-section,
.mdl-mini-footer__right-section {
    display: inline-block;
    -webkit-order: 1;
    order: 1
}
.mdl-mini-footer--social-btn,
.mdl-mini-footer__social-btn {
    width: 36px;
    height: 36px;
    padding: 0;
    margin: 0;
    background-color: #9e9e9e;
    border: none
}
.mdl-icon-toggle {
    position: relative;
    z-index: 1;
    display: inline-block;
    height: 32px;
    margin: 0;
    padding: 0
}
.mdl-icon-toggle__input {
    line-height: 32px
}
.mdl-icon-toggle.is-upgraded .mdl-icon-toggle__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-icon-toggle__label {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 32px;
    width: 32px;
    min-width: 32px;
    color: #616161;
    border-radius: 50%;
    padding: 0;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    background-color: transparent;
    will-change: background-color;
    transition: background-color .2s cubic-bezier(.4, 0, .2, 1), color .2s cubic-bezier(.4, 0, .2, 1)
}
.mdl-icon-toggle__label.material-icons {
    line-height: 32px;
    font-size: 24px
}
.mdl-icon-toggle.is-checked .mdl-icon-toggle__label {
    color: #111
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto;
    transition: none
}
.mdl-icon-toggle.is-focused .mdl-icon-toggle__label {
    background-color: rgba(0, 0, 0, .12)
}
.mdl-icon-toggle.is-focused.is-checked .mdl-icon-toggle__label {
    background-color: rgba(233, 30, 99, .26)
}
.mdl-icon-toggle__ripple-container {
    position: absolute;
    z-index: 2;
    top: -2px;
    left: -2px;
    box-sizing: border-box;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-menu__container,
.mdl-menu__outline {
    padding: 0;
    border: none;
    position: absolute;
    display: block;
    margin: 0
}
.mdl-icon-toggle__ripple-container .mdl-ripple {
    background: #616161
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container {
    cursor: auto
}
.mdl-icon-toggle.is-disabled .mdl-icon-toggle__ripple-container .mdl-ripple {
    background: 0 0
}
.mdl-menu__container {
    overflow: visible;
    height: 0;
    width: 0;
    visibility: hidden;
    z-index: -1
}
.mdl-menu__container.is-animating,
.mdl-menu__container.is-visible {
    z-index: 999;
    visibility: visible
}
.mdl-menu__outline {
    background: #fff;
    border-radius: 2px;
    top: 0;
    left: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    will-change: transform;
    transition: -webkit-transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    transition: transform .3s cubic-bezier(.4, 0, .2, 1), opacity .2s cubic-bezier(.4, 0, .2, 1);
    z-index: -1
}
.mdl-menu__item,
.mdl-menu__item[disabled],
.mdl-menu__item[disabled]: focus, .mdl-menu__item[disabled]: hover {
    background-color: transparent
}
.mdl-menu__container.is-visible .mdl-menu__outline {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 999
}
.mdl-menu__outline.mdl-menu--bottom-right {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.mdl-menu__outline.mdl-menu--top-left {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%
}
.mdl-menu__outline.mdl-menu--top-right {
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%
}
.mdl-menu {
    position: absolute;
    list-style: none;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
    min-width: 124px;
    padding: 8px 0;
    margin: 0;
    opacity: 0;
    clip: rect(0 0 0 0);
    z-index: -1
}
.mdl-menu__container.is-visible .mdl-menu {
    opacity: 1;
    z-index: 999
}
.mdl-menu.is-animating {
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1), clip .3s cubic-bezier(.4, 0, .2, 1)
}
.mdl-menu.mdl-menu--bottom-right {
    left: auto;
    right: 0
}
.mdl-menu.mdl-menu--top-left {
    top: auto;
    bottom: 0
}
.mdl-menu.mdl-menu--top-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0
}
.mdl-menu.mdl-menu--unaligned {
    top: auto;
    left: auto
}
.mdl-menu__item {
    display: block;
    border: none;
    text-align: left;
    margin: 0;
    padding: 0 16px;
    outline-color: #bdbdbd;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-decoration: none;
    cursor: pointer;
    height: 48px;
    line-height: 48px;
    white-space: nowrap;
    opacity: 0;
    transition: opacity .2s cubic-bezier(.4, 0, .2, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.mdl-menu__item: focus, .mdl-selectfield: focus, .mdl-slider.is-upgraded, .mdl-textfield.is-focused .mdl-textfield__input {
    outline: 0
}
.mdl-menu__container.is-visible .mdl-menu__item {
    opacity: 1
}
.mdl-menu__item: : -moz-focus-inner {
    border: 0
}
.mdl-menu__item[disabled] {
    color: #bdbdbd;
    cursor: auto
}
.mdl-menu__item[disabled] .mdl-ripple {
    background: 0 0
}
.mdl-menu__item: focus, .mdl-menu__item: hover {
    background-color: #eee
}
.mdl-menu__item: active {
    background-color: #e0e0e0
}
.mdl-menu__item--ripple-container {
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    overflow: hidden
}
.mdl-progress {
    display: block;
    position: relative;
    height: 4px;
    width: 500px
}
.mdl-progress>.bar {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 0;
    transition: width .2s cubic-bezier(.4, 0, .2, 1)
}
.mdl-layout__drawer,
.mdl-layout__header,
.mdl-layout__obfuscator {
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-progress>.progressbar {
    background-color: #111;
    z-index: 1;
    left: 0
}
.mdl-progress>.bufferbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #111, #111);
    z-index: 0;
    left: 0
}
.mdl-progress>.auxbar {
    right: 0
}
@supports (-webkit-appearance: none) {
    .mdl-progress: not(.mdl-progress__indeterminate): not(.mdl-progress__indeterminate)>.auxbar {
        background-image: linear-gradient(to right, rgba(255, 255, 255, .7), rgba(255, 255, 255, .7)), linear-gradient(to right, #111, #111);
        -webkit-mask: url(../../images/buffer2696.html?embed);
        mask: url(../../images/buffer2696.html?embed)
    }
}
.mdl-radio__ripple-container,
.mdl-switch__ripple-container {
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff, #000)
}
.mdl-progress: not(.mdl-progress__indeterminate)>.auxbar {
    background-image: linear-gradient(to right, rgba(255, 255, 255, .9), rgba(255, 255, 255, .9)), linear-gradient(to right, #111, #111)
}
.mdl-progress.mdl-progress__indeterminate>.bar1 {
    background-color: #111;
    -webkit-animation-name: indeterminate1;
    animation-name: indeterminate1;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
.mdl-progress.mdl-progress__indeterminate>.bar3 {
    background-image: none;
    background-color: #111;
    -webkit-animation-name: indeterminate2;
    animation-name: indeterminate2;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}
@-webkit-keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0
    }
}
@keyframes indeterminate1 {
    0% {
        left: 0;
        width: 0
    }
    50% {
        left: 25%;
        width: 75%
    }
    75% {
        left: 100%;
        width: 0
    }
}
@-webkit-keyframes indeterminate2 {
    0%,
    50% {
        left: 0;
        width: 0
    }
    75% {
        left: 0;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0
    }
}
@keyframes indeterminate2 {
    0%,
    50% {
        left: 0;
        width: 0
    }
    75% {
        left: 0;
        width: 25%
    }
    100% {
        left: 100%;
        width: 0
    }
}
.mdl-navigation {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    box-sizing: border-box
}
.mdl-navigation__link {
    color: #424242;
    text-decoration: none;
    font-weight: 500;
    font-size: 13px;
    margin: 0
}
.mdl-layout {
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    position: relative;
    -webkit-overflow-scrolling: touch
}
.mdl-layout.is-small-screen .mdl-layout--large-screen-only,
.mdl-layout: not(.is-small-screen) .mdl-layout--small-screen-only {
    display: block
}
.mdl-layout__container {
    position: absolute;
    width: 100%;
    height: 100%
}
.mdl-layout-title {
    display: block;
    position: relative;
    font-size: 20px;
    line-height: 1;
    letter-spacing: .02em;
    font-weight: 400;
    box-sizing: border-box
}
.mdl-layout-spacer {
    -webkit-flex-grow: 1;
    flex-grow: 1
}
.mdl-layout__drawer {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 240px;
    height: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    border-right: 1px solid #e0e0e0;
    background: #42575e;
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    transition-duration: .2s;
    transition-property: -webkit-transform;
    transition-property: transform;
    color: #424242;
    overflow: visible;
    overflow-y: visible;
    z-index: 9 !important
}
.mdl-layout__drawer.is-visible {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}
.mdl-layout__drawer>* {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}
.mdl-layout__drawer>.mdl-layout-title {
    line-height: 64px;
    padding-left: 24px
}
@media screen and (max-width: 1024px) {
    .get_started {
        display: block;
        margin: 0 auto;
        clear: both;
        margin-top: 20px;
    }
    .mdl-layout__drawer>.mdl-layout-title {
        line-height: 56px;
        padding-left: 16px
    }
}
.mdl-layout__drawer .mdl-navigation {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    align-items: stretch
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
    display: block;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    padding: 13px 40px;
    margin: 0;
    color: #fff !important;
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link: hover {
    background-color: none !important
}
.mdl-layout__drawer .mdl-navigation .mdl-navigation__link--current {
    background-color: #42575e;
    color: #111
}
.mdl-layout__drawer-button {
    display: block;
    position: absolute;
    height: 48px;
    width: 48px;
    border: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    font-size: 26px;
    line-height: 50px;
    margin: 10px 12px !important;
    top: 0;
    left: 0;
    color: #fff;
    z-index: 4
}
.mdl-layout__header .mdl-layout__drawer-button {
    position: absolute;
    color: #fff;
    background-color: inherit
}
@media screen and (max-width: 1024px) {
    .mdl-layout__drawer .mdl-navigation .mdl-navigation__link {
        padding: 16px
    }
    .mdl-layout__header .mdl-layout__drawer-button {
        margin: 4px !important;
    }
    .mdl-layout__drawer-button {
        margin: 4px;
        color: rgba(0, 0, 0, .5)
    }
}
@media screen and (min-width: 1025px) {
    .mdl-layout--fixed-drawer>.mdl-layout__drawer {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .mdl-layout--fixed-drawer>.mdl-layout__drawer-button {
        display: block
    }
}
.mdl-layout__header {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    min-height: 64px;
    max-height: 1000px;
    z-index: 1;
    background-color: #111;
    color: #fff;
    transition-duration: .2s;
    transition-property: max-height, box-shadow
}
.mdl-layout--fixed-drawer: not(.is-small-screen)>.mdl-layout__header {
    margin-left: 240px;
    width: calc(100% - 240px)
}
@media screen and (min-width: 1024px) {
    .mdl-layout--fixed-drawer>.mdl-layout__header .mdl-layout__header-row {
        padding-left: 40px
    }
}
.mdl-layout__header>.mdl-layout-icon {
    position: absolute;
    left: 40px;
    top: 16px;
    height: 32px;
    width: 32px;
    overflow: hidden;
    z-index: 3;
    display: block
}
.mdl-layout.has-drawer .mdl-layout__header>.mdl-layout-icon {
    display: none
}
.mdl-layout__header.is-compact {
    max-height: 64px
}
.mdl-layout__header.is-compact.has-tabs {
    height: 112px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__header {
        min-height: 56px;
        display: none
    }
    .mdl-layout__header>.mdl-layout-icon {
        left: 16px;
        top: 12px
    }
    .mdl-layout__header.is-compact {
        max-height: 56px
    }
    .mdl-layout__header.is-compact.has-tabs {
        min-height: 104px
    }
    .mdl-layout--fixed-header>.mdl-layout__header {
        display: -webkit-flex;
        display: flex
    }
}
.mdl-layout__header--transparent.mdl-layout__header--transparent {
    background-color: transparent;
    box-shadow: none
}
.mdl-layout__header--scroll,
.mdl-layout__header--seamed {
    box-shadow: none
}
.mdl-layout__header--waterfall {
    box-shadow: none;
    overflow: hidden
}
.mdl-layout__header--waterfall.is-casting-shadow {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-layout__header-row {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    box-sizing: border-box;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-align-items: center;
    align-items: center;
    height: 64px;
    margin: 0;
    padding: 0 40px 0 80px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__header-row {
        height: 56px;
        padding: 0 16px 0 72px
    }
}
.mdl-layout__header-row>* {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}
.mdl-layout__header--scroll .mdl-layout__header-row {
    width: 100%
}
.mdl-layout__header-row .mdl-navigation {
    margin: 0;
    padding: 0;
    height: 64px;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center
}
.mdl-layout__header-row .mdl-navigation__link {
    display: block;
    color: #fff;
    line-height: 64px;
    padding: 0 24px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__header-row .mdl-navigation {
        height: 56px
    }
    .mdl-layout__header-row .mdl-navigation__link {
        line-height: 56px;
        padding: 0 16px
    }
}
.mdl-layout__tab,
.mdl-layout__tab-bar-button .material-icons {
    line-height: 48px
}
.mdl-layout__obfuscator {
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    transition-property: background-color;
    transition-duration: .2s
}
.mdl-layout__drawer.is-visible~.mdl-layout__obfuscator {
    background-color: rgba(0, 0, 0, .5);
    visibility: visible
}
.mdl-layout__content {
    -ms-flex: 0 1 auto;
    display: block;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    z-index: 1;
    -webkit-overflow-scrolling: touch
}
.mdl-layout--fixed-drawer>.mdl-layout__content {
    margin-left: 240px
}
.mdl-layout__container.has-scrolling-header .mdl-layout__content {
    overflow: visible
}
@media screen and (max-width: 1024px) {
    .mdl-layout--fixed-drawer>.mdl-layout__content {
        margin-left: 0
    }
    .mdl-layout__container.has-scrolling-header .mdl-layout__content {
        overflow-y: auto;
        overflow-x: hidden
    }
}
.mdl-layout__tab-bar {
    height: 96px;
    margin: 0;
    width: calc(100% - 112px);
    padding: 0 0 0 56px;
    display: -webkit-flex;
    display: flex;
    background-color: #111;
    overflow-y: hidden;
    overflow-x: scroll
}
.mdl-layout__tab-bar: : -webkit-scrollbar {
    display: none
}
@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar {
        width: calc(100% - 60px);
        padding: 0 0 0 60px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar {
    padding: 0;
    overflow: hidden;
    width: 100%
}
.mdl-layout__tab-bar-container {
    position: relative;
    height: 48px;
    width: 100%;
    border: none;
    margin: 0;
    z-index: 2;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    overflow: hidden
}
.mdl-layout__container>.mdl-layout__tab-bar-container {
    position: absolute;
    top: 0;
    left: 0
}
.mdl-layout__tab-bar-button {
    display: inline-block;
    position: absolute;
    top: 0;
    height: 48px;
    width: 56px;
    z-index: 4;
    text-align: center;
    background-color: #111;
    color: transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
@media screen and (max-width: 1024px) {
    .mdl-layout__tab-bar-button {
        display: none;
        width: 60px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab-bar-button {
    display: none
}
.mdl-layout__tab-bar-button.is-active {
    color: #fff
}
.mdl-layout__tab-bar-left-button {
    left: 0
}
.mdl-layout__tab-bar-right-button {
    right: 0
}
.mdl-layout__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    text-decoration: none;
    height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    overflow: hidden
}
.mdl-radio,
.mdl-switch__label {
    font-size: 16px;
    line-height: 24px
}
@media screen and (max-width: 1024px) {
    .mdl-layout__tab {
        padding: 0 12px
    }
}
.mdl-layout--fixed-tabs .mdl-layout__tab {
    float: none;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    padding: 0
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active {
    color: #fff
}
.mdl-layout.is-upgraded .mdl-layout__tab.is-active: : after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #448aff;
    -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}
.mdl-layout__tab .mdl-layout__tab-ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}
.mdl-layout__tab .mdl-layout__tab-ripple-container .mdl-ripple {
    background-color: #fff
}
.mdl-layout__tab-panel {
    display: block
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel {
    display: none
}
.mdl-layout.is-upgraded .mdl-layout__tab-panel.is-active {
    display: block
}
.mdl-radio {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin: 0;
    padding-left: 0
}
.mdl-radio.is-upgraded {
    padding-left: 24px
}
.mdl-radio__button {
    line-height: 24px
}
.mdl-radio.is-upgraded .mdl-radio__button {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-radio__outer-circle {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    margin: 0;
    cursor: pointer;
    border: 2px solid rgba(0, 0, 0, .54);
    border-radius: 50%;
    z-index: 2
}
.mdl-radio.is-checked .mdl-radio__outer-circle {
    border: 2px solid #111
}
.mdl-radio.is-disabled .mdl-radio__outer-circle {
    border: 2px solid rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-radio__inner-circle,
.mdl-radio__ripple-container {
    position: absolute;
    border-radius: 50%;
    box-sizing: border-box
}
.mdl-radio__inner-circle {
    z-index: 1;
    margin: 0;
    top: 8px;
    left: 4px;
    width: 8px;
    height: 8px;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    background: #111
}
.mdl-radio.is-checked .mdl-radio__inner-circle {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
.mdl-radio.is-disabled .mdl-radio__inner-circle {
    background: rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-radio.is-focused .mdl-radio__inner-circle {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .1)
}
.mdl-radio__label {
    cursor: pointer
}
.mdl-radio.is-disabled .mdl-radio__label {
    color: rgba(0, 0, 0, .26);
    cursor: auto
}
.mdl-radio__ripple-container {
    z-index: 2;
    top: -9px;
    left: -13px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    overflow: hidden
}
.mdl-slider.is-upgraded,
.mdl-switch {
    z-index: 1;
    -webkit-user-select: none;
    -moz-user-select: none
}
.mdl-radio__ripple-container .mdl-ripple {
    background: #111
}
.mdl-radio.is-disabled .mdl-radio__ripple-container {
    cursor: auto
}
.mdl-radio.is-disabled .mdl-radio__ripple-container .mdl-ripple {
    background: 0 0
}
: root .mdl-slider.mdl-slider.is-upgraded, _: -ms-input-placeholder {
    -ms-appearance: none;
    height: 32px;
    margin: 0
}
.mdl-slider {
    width: calc(100% - 40px);
    margin: 0 20px
}
.mdl-slider.is-upgraded {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 2px;
    background: 0 0;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    color: #111;
    -webkit-align-self: center;
    align-self: center;
    cursor: pointer
}
.mdl-slider.is-upgraded: : -moz-focus-outer {
    border: 0
}
.mdl-slider.is-upgraded: : -ms-tooltip {
    display: none
}
.mdl-slider.is-upgraded: : -webkit-slider-runnable-track {
    background: 0 0
}
.mdl-slider.is-upgraded: : -moz-range-track {
    background: 0 0;
    border: none
}
.mdl-slider.is-upgraded: : -ms-track {
    background: 0 0;
    color: transparent;
    height: 2px;
    width: 100%;
    border: none
}
.mdl-slider.is-upgraded: : -ms-fill-lower {
    padding: 0;
    background: linear-gradient(to right, transparent, transparent 16px, #111 16px, #111 0)
}
.mdl-slider.is-upgraded: : -ms-fill-upper {
    padding: 0;
    background: linear-gradient(to left, transparent, transparent 16px, rgba(0, 0, 0, .26) 16px, rgba(0, 0, 0, .26) 0)
}
.mdl-slider.is-upgraded: : -webkit-slider-thumb {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #111;
    border: none;
    transition: -webkit-transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), border .18s cubic-bezier(.4, 0, .2, 1), box-shadow .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1)
}
.mdl-slider.is-upgraded: : -moz-range-thumb {
    -moz-appearance: none;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    border-radius: 50%;
    background: #111;
    border: none
}
.mdl-slider.is-upgraded: focus: not(: active): : -webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(233, 30, 99, .26)
}
.mdl-slider.is-upgraded: focus: not(: active): : -moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(233, 30, 99, .26)
}
.mdl-slider.is-upgraded: active: : -webkit-slider-thumb {
    background: #111;
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.mdl-slider.is-upgraded: active: : -moz-range-thumb {
    background: #111;
    transform: scale(1.5)
}
.mdl-slider.is-upgraded: : -ms-thumb {
    width: 32px;
    height: 32px;
    border: none;
    border-radius: 50%;
    background: #111;
    transform: scale(.375);
    transition: transform .18s cubic-bezier(.4, 0, .2, 1), background .28s cubic-bezier(.4, 0, .2, 1)
}
.mdl-slider.is-upgraded: focus: not(: active): : -ms-thumb {
    background: radial-gradient(circle closest-side, #111 0, #111 37.5%, rgba(233, 30, 99, .26) 37.5%, rgba(233, 30, 99, .26) 100%);
    transform: scale(1)
}
.mdl-slider.is-upgraded: active: : -ms-thumb {
    background: #111;
    transform: scale(.5625)
}
.mdl-slider.is-upgraded.is-lowest-value: : -webkit-slider-thumb {
    border: 2px solid rgba(0, 0, 0, .26);
    background: 0 0
}
.mdl-slider.is-upgraded.is-lowest-value: : -moz-range-thumb {
    border: 2px solid rgba(0, 0, 0, .26);
    background: 0 0
}
.mdl-slider.is-upgraded.is-lowest-value~.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value: focus: not(: active): : -webkit-slider-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}
.mdl-slider.is-upgraded.is-lowest-value: focus: not(: active): : -moz-range-thumb {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, .12);
    background: rgba(0, 0, 0, .12)
}
.mdl-shadow--2dp,
.mdl-switch__thumb {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12)
}
.mdl-slider.is-upgraded.is-lowest-value: active: : -webkit-slider-thumb {
    border: 1.6px solid rgba(0, 0, 0, .26);
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.mdl-slider.is-upgraded.is-lowest-value: active~.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 9px
}
.mdl-slider.is-upgraded.is-lowest-value: active: : -moz-range-thumb {
    border: 1.5px solid rgba(0, 0, 0, .26);
    transform: scale(1.5)
}
.mdl-slider.is-upgraded.is-lowest-value: : -ms-thumb {
    background: radial-gradient(circle closest-side, transparent 0, transparent 66.67%, rgba(0, 0, 0, .26) 66.67%, rgba(0, 0, 0, .26) 100%)
}
.mdl-slider.is-upgraded.is-lowest-value: focus: not(: active): : -ms-thumb {
    background: radial-gradient(circle closest-side, rgba(0, 0, 0, .12) 0, rgba(0, 0, 0, .12) 25%, rgba(0, 0, 0, .26) 25%, rgba(0, 0, 0, .26) 37.5%, rgba(0, 0, 0, .12) 37.5%, rgba(0, 0, 0, .12) 100%);
    transform: scale(1)
}
.mdl-slider.is-upgraded.is-lowest-value: active: : -ms-thumb {
    transform: scale(.5625);
    background: radial-gradient(circle closest-side, transparent 0, transparent 77.78%, rgba(0, 0, 0, .26) 77.78%, rgba(0, 0, 0, .26) 100%)
}
.mdl-slider.is-upgraded.is-lowest-value: : -ms-fill-lower {
    background: 0 0
}
.mdl-slider.is-upgraded.is-lowest-value: : -ms-fill-upper {
    margin-left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value: active: : -ms-fill-upper {
    margin-left: 9px
}
.mdl-slider.is-upgraded: disabled: : -webkit-slider-thumb, .mdl-slider.is-upgraded: disabled: active: : -webkit-slider-thumb, .mdl-slider.is-upgraded: disabled: focus: : -webkit-slider-thumb {
    -webkit-transform: scale(.667);
    transform: scale(.667);
    background: rgba(0, 0, 0, .26)
}
.mdl-slider.is-upgraded: disabled: : -moz-range-thumb, .mdl-slider.is-upgraded: disabled: active: : -moz-range-thumb, .mdl-slider.is-upgraded: disabled: focus: : -moz-range-thumb {
    transform: scale(.667);
    background: rgba(0, 0, 0, .26)
}
.mdl-slider.is-upgraded: disabled~.mdl-slider__background-flex>.mdl-slider__background-lower {
    background-color: rgba(0, 0, 0, .26);
    left: -6px
}
.mdl-slider.is-upgraded.is-lowest-value: disabled: active~.mdl-slider__background-flex>.mdl-slider__background-upper, .mdl-slider.is-upgraded: disabled~.mdl-slider__background-flex>.mdl-slider__background-upper {
    left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value: disabled: : -webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value: disabled: active: : -webkit-slider-thumb, .mdl-slider.is-upgraded.is-lowest-value: disabled: focus: : -webkit-slider-thumb {
    border: 3px solid rgba(0, 0, 0, .26);
    background: 0 0;
    -webkit-transform: scale(.667);
    transform: scale(.667)
}
.mdl-slider.is-upgraded.is-lowest-value: disabled: : -moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value: disabled: active: : -moz-range-thumb, .mdl-slider.is-upgraded.is-lowest-value: disabled: focus: : -moz-range-thumb {
    border: 3px solid rgba(0, 0, 0, .26);
    background: 0 0;
    transform: scale(.667)
}
.mdl-slider.is-upgraded: disabled: : -ms-thumb, .mdl-slider.is-upgraded: disabled: active: : -ms-thumb, .mdl-slider.is-upgraded: disabled: focus: : -ms-thumb {
    transform: scale(.25);
    background: rgba(0, 0, 0, .26)
}
.mdl-slider.is-upgraded.is-lowest-value: disabled: : -ms-thumb, .mdl-slider.is-upgraded.is-lowest-value: disabled: active: : -ms-thumb, .mdl-slider.is-upgraded.is-lowest-value: disabled: focus: : -ms-thumb {
    transform: scale(.25);
    background: radial-gradient(circle closest-side, transparent 0, transparent 50%, rgba(0, 0, 0, .26) 50%, rgba(0, 0, 0, .26) 100%)
}
.mdl-slider.is-upgraded: disabled: : -ms-fill-lower {
    margin-right: 6px;
    background: linear-gradient(to right, transparent, transparent 25px, rgba(0, 0, 0, .26) 25px, rgba(0, 0, 0, .26) 0)
}
.mdl-slider.is-upgraded: disabled: : -ms-fill-upper {
    margin-left: 6px
}
.mdl-slider.is-upgraded.is-lowest-value: disabled: active: : -ms-fill-upper {
    margin-left: 6px
}
.mdl-slider__ie-container {
    height: 18px;
    overflow: visible;
    border: none;
    margin: none;
    padding: none
}
.mdl-slider__container {
    height: 18px;
    position: relative;
    background: 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row
}
.mdl-slider__background-flex {
    background: 0 0;
    position: absolute;
    height: 2px;
    width: calc(100% - 52px);
    top: 50%;
    left: 0;
    margin: 0 26px;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    border: 0;
    padding: 0;
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px)
}
.mdl-slider__background-lower {
    background: #111;
    -webkit-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0
}
.mdl-slider__background-upper {
    background: rgba(0, 0, 0, .26);
    -webkit-flex: 0;
    flex: 0;
    position: relative;
    border: 0;
    padding: 0;
    transition: left .18s cubic-bezier(.4, 0, .2, 1)
}
.mdl-spinner {
    display: inline-block;
    position: relative;
    width: 28px;
    height: 28px
}
.mdl-spinner: not(.is-upgraded).is-active: after {
    content: "Loading..."
}
.mdl-spinner.is-upgraded.is-active {
    -webkit-animation: mdl-spinner__container-rotate 1.568s linear infinite;
    animation: mdl-spinner__container-rotate 1.568s linear infinite
}
@-webkit-keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes mdl-spinner__container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.mdl-spinner__layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0
}
.mdl-spinner__layer-1 {
    border-color: #42a5f5
}
.mdl-spinner--single-color .mdl-spinner__layer-1 {
    border-color: #111
}
.mdl-spinner.is-active .mdl-spinner__layer-1 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-1-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__layer-2 {
    border-color: #111
}
.mdl-spinner--single-color .mdl-spinner__layer-2 {
    border-color: #111
}
.mdl-spinner.is-active .mdl-spinner__layer-2 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-2-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__layer-3 {
    border-color: #fdd835
}
.mdl-spinner--single-color .mdl-spinner__layer-3 {
    border-color: #111
}
.mdl-spinner.is-active .mdl-spinner__layer-3 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-3-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__layer-4 {
    border-color: #4caf50
}
.mdl-spinner--single-color .mdl-spinner__layer-4 {
    border-color: #111
}
.mdl-spinner.is-active .mdl-spinner__layer-4 {
    -webkit-animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__fill-unfill-rotate 5332ms cubic-bezier(.4, 0, .2, 1) infinite both, mdl-spinner__layer-4-fade-in-out 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}
@-webkit-keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}
@keyframes mdl-spinner__fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}
@-webkit-keyframes mdl-spinner__layer-1-fade-in-out {
    100%,
    25%,
    90%,
    from {
        opacity: .99
    }
    26%,
    89% {
        opacity: 0
    }
}
@keyframes mdl-spinner__layer-1-fade-in-out {
    100%,
    25%,
    90%,
    from {
        opacity: .99
    }
    26%,
    89% {
        opacity: 0
    }
}
@-webkit-keyframes mdl-spinner__layer-2-fade-in-out {
    15%,
    51%,
    from {
        opacity: 0
    }
    25%,
    50% {
        opacity: .99
    }
}
@keyframes mdl-spinner__layer-2-fade-in-out {
    15%,
    51%,
    from {
        opacity: 0
    }
    25%,
    50% {
        opacity: .99
    }
}
@-webkit-keyframes mdl-spinner__layer-3-fade-in-out {
    40%,
    76%,
    from {
        opacity: 0
    }
    50%,
    75% {
        opacity: .99
    }
}
@keyframes mdl-spinner__layer-3-fade-in-out {
    40%,
    76%,
    from {
        opacity: 0
    }
    50%,
    75% {
        opacity: .99
    }
}
@-webkit-keyframes mdl-spinner__layer-4-fade-in-out {
    100%,
    65%,
    from {
        opacity: 0
    }
    75%,
    90% {
        opacity: .99
    }
}
@keyframes mdl-spinner__layer-4-fade-in-out {
    100%,
    65%,
    from {
        opacity: 0
    }
    75%,
    90% {
        opacity: .99
    }
}
.mdl-spinner__gap-patch {
    position: absolute;
    box-sizing: border-box;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.mdl-spinner__gap-patch .mdl-spinner__circle {
    width: 1000%;
    left: -450%
}
.mdl-spinner__circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.mdl-spinner__circle-clipper .mdl-spinner__circle {
    width: 200%
}
.mdl-spinner__circle {
    box-sizing: border-box;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent!important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}
.mdl-spinner__left .mdl-spinner__circle {
    border-right-color: transparent!important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}
.mdl-spinner.is-active .mdl-spinner__left .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
.mdl-spinner__right .mdl-spinner__circle {
    left: -100%;
    border-left-color: transparent!important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}
.mdl-spinner.is-active .mdl-spinner__right .mdl-spinner__circle {
    -webkit-animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: mdl-spinner__right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}
@-webkit-keyframes mdl-spinner__left-spin {
    from,
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
@keyframes mdl-spinner__left-spin {
    from,
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
}
@-webkit-keyframes mdl-spinner__right-spin {
    from,
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}
@keyframes mdl-spinner__right-spin {
    from,
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
}
.mdl-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    height: 24px;
    margin: 0;
    padding: 0;
    overflow: visible;
    -webkit-touch-callout: none;
    -ms-user-select: none;
    user-select: none
}
.tp-caption,
.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}
.mdl-switch.is-upgraded {
    padding-left: 28px
}
.mdl-switch__input {
    line-height: 24px
}
.mdl-switch.is-upgraded .mdl-switch__input {
    position: absolute;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    border: none
}
.mdl-switch__track {
    background: rgba(0, 0, 0, .26);
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 36px;
    border-radius: 14px;
    cursor: pointer
}
.mdl-switch.is-checked .mdl-switch__track {
    background: rgba(233, 30, 99, .5)
}
.mdl-switch.is-disabled .mdl-switch__track {
    background: rgba(0, 0, 0, .12);
    cursor: auto
}
.mdl-switch__thumb {
    background: #fafafa;
    position: absolute;
    left: 0;
    top: 2px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: .28s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-property: left
}
.mdl-switch.is-checked .mdl-switch__thumb {
    background: #111;
    left: 16px;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.mdl-switch.is-disabled .mdl-switch__thumb {
    background: #bdbdbd;
    cursor: auto
}
.mdl-switch__focus-helper {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-4px, -4px);
    transform: translate(-4px, -4px);
    display: inline-block;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: transparent
}
.mdl-switch.is-focused .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(0, 0, 0, .1);
    background-color: rgba(0, 0, 0, .1)
}
.mdl-switch.is-focused.is-checked .mdl-switch__focus-helper {
    box-shadow: 0 0 0 20px rgba(233, 30, 99, .26);
    background-color: rgba(233, 30, 99, .26)
}
.mdl-switch__label {
    position: relative;
    cursor: pointer;
    margin: 0;
    left: 24px
}
.mdl-switch.is-disabled .mdl-switch__label {
    color: #bdbdbd;
    cursor: auto
}
.mdl-switch__ripple-container {
    position: absolute;
    z-index: 2;
    top: -12px;
    left: -14px;
    box-sizing: border-box;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    cursor: pointer;
    overflow: hidden;
    transition-duration: .4s;
    transition-timing-function: step-end;
    transition-property: left
}
.mdl-switch__ripple-container .mdl-ripple {
    background: #111
}
.mdl-switch.is-disabled .mdl-switch__ripple-container {
    cursor: auto
}
.mdl-switch.is-disabled .mdl-switch__ripple-container .mdl-ripple {
    background: 0 0
}
.mdl-switch.is-checked .mdl-switch__ripple-container {
    cursor: auto;
    left: 2px
}
.mdl-tabs {
    display: block;
    width: 100%
}
.mdl-tabs__tab-bar {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    height: 48px;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}
.mdl-tabs__tab {
    margin: 0;
    border: none;
    padding: 0 24px;
    float: left;
    position: relative;
    display: block;
    color: red;
    text-decoration: none;
    height: 48px;
    line-height: 48px;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    color: rgba(0, 0, 0, .54);
    overflow: hidden
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active {
    color: rgba(0, 0, 0, .87)
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active: after {
    height: 2px;
    width: 100%;
    display: block;
    content: " ";
    bottom: 0;
    left: 0;
    position: absolute;
    background: #111;
    -webkit-animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    animation: border-expand .2s cubic-bezier(.4, 0, .4, 1) 10ms alternate forwards;
    transition: all 1s cubic-bezier(.4, 0, 1, 1)
}
.mdl-textfield--floating-label .mdl-textfield__label,
.mdl-textfield__expandable-holder,
.mdl-textfield__label: after {
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}
.mdl-tabs__tab .mdl-tabs__ripple-container {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    overflow: hidden
}
.mdl-tabs__tab .mdl-tabs__ripple-container .mdl-ripple {
    background: #111
}
.mdl-tabs__panel {
    display: block
}
.mdl-tabs.is-upgraded .mdl-tabs__panel {
    display: none
}
.mdl-tabs.is-upgraded .mdl-tabs__panel.is-active {
    display: block
}
@-webkit-keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}
@keyframes border-expand {
    0% {
        opacity: 0;
        width: 0
    }
    100% {
        opacity: 1;
        width: 100%
    }
}
.mdl-textfield {
    position: relative;
    font-size: 16px;
    display: inline-block;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0
}
.mdl-textfield .mdl-button {
    position: absolute;
    bottom: 14px
}
.mdl-textfield--align-right {
    text-align: right
}
.mdl-textfield--full-width {
    width: 100%
}
.mdl-textfield--expandable {
    min-width: 32px;
    width: auto;
    min-height: 32px
}
.mdl-textfield__input,
.mdl-textfield__label {
    font-size: 13px;
    width: 100%;
    text-align: left;
    display: block
}
.mdl-textfield__input {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    margin: 0;
    padding: 4px 0;
    background: 0 0;
    color: inherit
}
.mdl-textfield.is-disabled.is-disabled .mdl-textfield__label,
.mdl-textfield__label {
    color: rgba(0, 0, 0, .26)
}
.mdl-textfield.is-invalid .mdl-textfield__input {
    border-color: #de3226;
    box-shadow: none
}
.mdl-textfield.is-disabled .mdl-textfield__input {
    background-color: transparent;
    border-bottom: 1px dotted rgba(0, 0, 0, .12);
    color: rgba(0, 0, 0, .26)
}
.mdl-textfield textarea.mdl-textfield__input {
    display: block
}
.mdl-textfield__label {
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    position: absolute;
    top: 24px;
    overflow: hidden;
    white-space: nowrap
}
.mdl-textfield.is-dirty .mdl-textfield__label {
    visibility: hidden
}
.mdl-textfield--floating-label.is-dirty .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__label {
    color: #111;
    font-size: 12px;
    top: 4px;
    visibility: visible
}
.mdl-textfield--floating-label.is-invalid .mdl-textfield__label,
.mdl-textfield__error {
    color: #de3226;
    font-size: 12px
}
.mdl-textfield--floating-label.is-dirty .mdl-textfield__expandable-holder .mdl-textfield__label,
.mdl-textfield--floating-label.is-focused .mdl-textfield__expandable-holder .mdl-textfield__label {
    top: -16px
}
.mdl-textfield__label: after {
    background-color: #111;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    visibility: hidden;
    width: 10px
}
.mdl-textfield.is-focused .mdl-textfield__label: after {
    left: 0;
    visibility: visible;
    width: 100%
}
.mdl-textfield.is-invalid .mdl-textfield__label: after {
    background-color: #de3226
}
.mdl-textfield__error {
    position: absolute;
    margin-top: 3px;
    visibility: hidden;
    display: block
}
.mdl-textfield.is-invalid .mdl-textfield__error {
    visibility: visible
}
.mdl-textfield__expandable-holder {
    position: relative;
    margin-left: 32px;
    display: inline-block;
    max-width: .1px
}
.mdl-textfield.is-dirty .mdl-textfield__expandable-holder,
.mdl-textfield.is-focused .mdl-textfield__expandable-holder {
    max-width: 600px
}
.mdl-textfield__expandable-holder .mdl-textfield__label: after {
    bottom: 0
}
.mdl-tooltip {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: top center;
    transform-origin: top center;
    will-change: transform;
    z-index: 999;
    background: rgba(97, 97, 97, .9);
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    max-width: 170px;
    position: fixed;
    top: -500px;
    left: -500px;
    padding: 8px;
    text-align: center
}
.mdl-tooltip.is-active {
    -webkit-animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards;
    animation: pulse .2s cubic-bezier(0, 0, .2, 1) forwards
}
.mdl-tooltip--large {
    line-height: 14px;
    font-size: 14px;
    padding: 16px
}
@keyframes pulse {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.99);
        transform: scale(.99)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
        visibility: visible
    }
}
.mdl-shadow--3dp {
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .2), 0 1px 8px 0 rgba(0, 0, 0, .12)
}
.mdl-shadow--4dp {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.mdl-shadow--6dp {
    box-shadow: 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12), 0 3px 5px -1px rgba(0, 0, 0, .2)
}
.mdl-shadow--8dp {
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2)
}
.mdl-shadow--16dp {
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, .14), 0 6px 30px 5px rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}
.oxy-card-post: hover, .oxy-card-testimonial: hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.mdl-grid {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-items: stretch
}
.mdl-grid.mdl-grid--no-spacing {
    padding: 0
}
.mdl-cell {
    box-sizing: border-box
}
.mdl-cell--top {
    -webkit-align-self: flex-start;
    align-self: flex-start
}
.mdl-cell--middle {
    -webkit-align-self: center;
    align-self: center
}
.mdl-cell--bottom {
    -webkit-align-self: flex-end;
    align-self: flex-end
}
.mdl-cell--stretch {
    -webkit-align-self: stretch;
    align-self: stretch
}
.mdl-grid.mdl-grid--no-spacing>.mdl-cell {
    margin: 0
}
@media (max-width: 479px) {
    .mdl-grid {
        padding;
        8px;
    }
    .mdl-cell {
        margin: 8px;
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 100%
    }
    .mdl-cell--hide-phone {
        display: none!important
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-phone.mdl-cell--5-col-phone {
        width: 100%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-phone.mdl-cell--6-col-phone {
        width: 100%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-phone.mdl-cell--7-col-phone {
        width: 100%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-phone.mdl-cell--8-col-phone {
        width: 100%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-phone.mdl-cell--9-col-phone {
        width: 100%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-phone.mdl-cell--10-col-phone {
        width: 100%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-phone.mdl-cell--11-col-phone {
        width: 100%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-phone.mdl-cell--12-col-phone {
        width: 100%
    }
}
@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid {
        padding: 8px
    }
    .mdl-cell {
        margin: 8px;
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 50%
    }
    .mdl-cell--hide-tablet {
        display: none!important
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-tablet.mdl-cell--9-col-tablet {
        width: 100%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-tablet.mdl-cell--10-col-tablet {
        width: 100%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-tablet.mdl-cell--11-col-tablet {
        width: 100%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-tablet.mdl-cell--12-col-tablet {
        width: 100%
    }
}
@media (min-width: 840px) {
    .mdl-grid {
        padding: 8px;
        padding-right: 0px;
    }
    .mdl-cell {
        margin: 8px;
        width: calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell {
        width: 33.3333333333%
    }
    .mdl-cell--hide-desktop {
        display: none!important
    }
    .mdl-cell--1-col,
    .mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--1-col,
    .mdl-grid--no-spacing>.mdl-cell--1-col-desktop.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }
    .mdl-cell--2-col,
    .mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--2-col,
    .mdl-grid--no-spacing>.mdl-cell--2-col-desktop.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }
    .mdl-cell--3-col,
    .mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: calc(25% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--3-col,
    .mdl-grid--no-spacing>.mdl-cell--3-col-desktop.mdl-cell--3-col-desktop {
        width: 25%
    }
    .mdl-cell--4-col,
    .mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--4-col,
    .mdl-grid--no-spacing>.mdl-cell--4-col-desktop.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }
    .mdl-cell--5-col,
    .mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--5-col,
    .mdl-grid--no-spacing>.mdl-cell--5-col-desktop.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }
    .mdl-cell--6-col,
    .mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: calc(50% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--6-col,
    .mdl-grid--no-spacing>.mdl-cell--6-col-desktop.mdl-cell--6-col-desktop {
        width: 50%
    }
    .mdl-cell--7-col,
    .mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--7-col,
    .mdl-grid--no-spacing>.mdl-cell--7-col-desktop.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }
    .mdl-cell--8-col,
    .mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--8-col,
    .mdl-grid--no-spacing>.mdl-cell--8-col-desktop.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }
    .mdl-cell--9-col,
    .mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: calc(75% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--9-col,
    .mdl-grid--no-spacing>.mdl-cell--9-col-desktop.mdl-cell--9-col-desktop {
        width: 75%
    }
    .mdl-cell--10-col,
    .mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--10-col,
    .mdl-grid--no-spacing>.mdl-cell--10-col-desktop.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }
    .mdl-cell--11-col,
    .mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--11-col,
    .mdl-grid--no-spacing>.mdl-cell--11-col-desktop.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }
    .mdl-cell--12-col,
    .mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: calc(100% - 16px)
    }
    .mdl-grid--no-spacing>.mdl-cell--12-col,
    .mdl-grid--no-spacing>.mdl-cell--12-col-desktop.mdl-cell--12-col-desktop {
        width: 100%
    }
}
.oxy-breadcrumb {
    margin: 0;
    padding: 0
}
.oxy-breadcrumb__item {
    display: inline
}
.oxy-breadcrumb__item+.oxy-breadcrumb__item: before {
    content: " / "
}
.oxy-breadcrumb__item a {
    text-decoration: none;
    color: rgba(0, 0, 0, .87);
    transition: all .2s
}
.oxy-breadcrumb__item .oxy-breadcrumb__item span {
    opacity: .5
}
.oxy-card-post {
    transition: all .3s;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    min-height: initial
}
.oxy-card-post--row {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start
}
@media (max-width: 479px) {
    .oxy-card-post--row {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center
    }
}
.oxy-card-post__media {
    overflow: hidden;
    position: relative;
    min-height: 84px
}
.oxy-card-post__image {
    transition: -webkit-transform .5s;
    transition: transform .5s;
    z-index: 1;
    max-width: 100%;
    position: relative
}
.oxy-card-post: hover .oxy-card-post__image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.oxy-card-post__avatar {
    padding: 16px;
    border-radius: 50%;
    max-width: 100%
}
.oxy-card-post__title {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 3;
    color: #fff;
    background: rgba(244, 67, 54, .5)
}
.oxy-card-post__title>* {
    -webkit-align-self: flex-start;
    align-self: flex-start
}
.oxy-card-post__title.oxy-card-post__title--darker {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .6) 100%)
}
.oxy-card-post__title.oxy-card-post__title--inverse {
    color: #333;
    background: rgba(244, 67, 54, 0.5)
}
.oxy-card-post-tags a,
.oxy-card-post__info a,
.oxy-card-post__title-text a {
    color: inherit;
    text-decoration: none
}
.oxy-card-post__title-text {
    height: 28px;
    width: 100%;
    line-height: 28px
}
.oxy-card-post__title-text a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: lighter
}
.oxy-card-post__info {
    font-size: 12px;
    line-height: 24px;
    display: block
}
.oxy-card__supporting-text {
    line-height: 23px;
    text-align: justify;
    width: 100%;
    box-sizing: border-box
}
.oxy-card__supporting-text .mdl-card__title {
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    padding: 0 0 16px
}
.oxy-card__supporting-text .mdl-card__title-text {
    -webkit-align-self: flex-start;
    align-self: flex-start
}
.oxy-card-post-actions {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.oxy-card-post-tags {
    font-size: 14px;
    opacity: .5;
    -webkit-flex: 1 0;
    flex: 1 0
}
.oxy-card-post-tags a: hover {
    color: #448aff
}
.oxy-card-testimonial {
    transition: all .3s;
    overflow: hidden;
    max-width: 100%;
    width: 100%;
    background-color: #448aff
}
.oxy-card-testimonial__media {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    align-items: center;
    background: 0 0
}
.oxy-card-testimonial__avatar {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    box-shadow: 0 0 0 6px rgba(0, 0, 0, .2);
    margin: 22px 16px 16px;
    transition: all .2s;
    overflow: hidden
}
.oxy-card-testimonial__avatar img {
    width: 100%;
    transition: all .2s;
    position: relative;
    border-radius: 50%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}
.oxy-card-testimonial: hover .oxy-card-testimonial__avatar {
    box-shadow: 0 0 0 8px rgba(0, 0, 0, .2)
}
.oxy-card-contact: hover, .oxy-colorpicker .oxy-colorpicker__color-block--selected {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.oxy-card-testimonial: hover .oxy-card-testimonial__avatar img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}
.oxy-card-testimonial__text {
    color: #fff;
    font-size: 18px;
    font-style: italic;
    font-weight: lighter;
    line-height: 1.5em;
    padding: 16px;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}
.oxy-card-testimonial__title {
    -webkit-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding-top: 36px;
    position: relative
}
.oxy-card-testimonial__title a {
    color: #fff
}
.oxy-card-testimonial__title span {
    opacity: .7;
    text-transform: none;
    font-weight: 400
}
.oxy-card-testimonial__title: after {
    content: "";
    position: absolute;
    top: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 36px;
    height: 1px;
    background: #fff;
    transition: all .2s;
    opacity: .5
}
.oxy-card-testimonial: hover .oxy-card-testimonial__title: after {
    width: 72px
}
.oxy-card-contact {
    transition: all .3s;
    overflow: hidden;
    max-width: 100%;
    width: 100%
}
.oxy-card-contact .mdl-grid {
    max-width: 100%
}
.oxy-card-contact .mdl-card__supporting-text {
    width: 100%;
    box-sizing: border-box
}
.oxy-color-primary {
    background: rgb(141, 209, 208);
    color: rgba(255, 255, 255, 1)
}
.oxy-color-primary a {
    color: rgba(255, 255, 255, 1)
}
.oxy-color-primary .mdl-textfield__input,
.oxy-color-primary .mdl-textfield__label {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: rgba(255, 255, 255, 1)
}
.oxy-color-primary .oxy-divider__border {
    background: rgba(255, 255, 255, 1)
}
.oxy-color-accent {
    color: rgba(255, 255, 255, 1);
    background: rgba(68, 138, 255, 1)
}
.oxy-color-accent a {
    color: rgba(255, 255, 255, 1)
}
.oxy-color-accent .mdl-textfield__input,
.oxy-color-accent .mdl-textfield__label {
    color: rgba(255, 255, 255, 1);
    border-bottom-color: rgba(255, 255, 255, 1)
}
.oxy-color-accent .oxy-divider__border {
    background: rgba(255, 255, 255, 1)
}
.oxy-color-light,
.oxy-color-light a {
    color: #fff
}
.oxy-color-light .mdl-textfield__input,
.oxy-color-light .mdl-textfield__label {
    color: #fff;
    border-bottom-color: #fff
}
.oxy-color-light .oxy-divider__border {
    background: #fff
}
.oxy-colorpicker {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}
.oxy-colorpicker .oxy-colorpicker__color-block {
    height: 110px;
    min-width: 100px;
    -webkit-flex: 1 0;
    flex: 1 0;
    transition: all .3s;
    position: relative;
    cursor: pointer
}
.oxy-colorpicker .oxy-colorpicker__label {
    width: 10px;
    height: 20px;
    position: absolute;
    color: #fff;
    line-height: 20px;
    bottom: 6px;
    right: 20px;
    font-size: 10px;
    transition: all .2s;
    opacity: 0
}
.oxy-colorpicker .oxy-colorpicker__label: after {
    content: "\E5CA";
    font-family: 'Material Icons';
    display: block;
    position: absolute;
    left: 100%;
    bottom: 0;
    transition: all .2s;
    font-size: 16px;
    line-height: 20px;
    opacity: 0;
    -webkit-transform: translateX(30px) rotate(180deg);
    transform: translateX(30px) rotate(180deg)
}
.oxy-colorpicker .oxy-colorpicker__color-block--selected {
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
    border-radius: 4px;
    z-index: 1
}
.oxy-colorpicker .oxy-colorpicker__color-block--selected .oxy-colorpicker__label {
    opacity: 1
}
.oxy-colorpicker .oxy-colorpicker__color-block--selected .oxy-colorpicker__label: after {
    opacity: 1;
    -webkit-transform: translateX(0) rotate(0);
    transform: translateX(0) rotate(0)
}
.oxy-colorpicker .oxy-colorpicker__color-block--disabled {
    opacity: .5;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    cursor: default
}
.oxy-comment-list {
    padding: 0;
    margin: 0
}
.oxy-comment-list__item {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: flex-start;
    align-items: flex-start
}
.oxy-comment-list__avatar {
    padding: 16px
}
.oxy-comment-list__avatar img {
    max-width: 60px;
    border-radius: 50%
}
@media (max-width: 479px) {
    .oxy-comment-list__item {
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center
    }
    .oxy-comment-list__avatar {
        padding-bottom: 0
    }
}
.oxy-comment-list__body {
    padding: 16px 0;
    -webkit-flex: 1 0;
    flex: 1 0
}
.oxy-comment-list__body .oxy-comment-list__body {
    padding-right: 0
}
@media (max-width: 479px) {
    .oxy-comment-list__body {
        padding-top: 8px;
        padding-left: 0;
        padding-right: 16px
    }
}
.oxy-comment-list__title {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.oxy-comment-list__title-text {
    font-size: 16px;
    margin: 0
}
.oxy-comment-list__title-text a {
    color: inherit;
    text-decoration: none
}
.oxy-comment-list__title-text a: hover {
    color: #448aff
}
.oxy-comment-list__body-text {
    color: rgba(0, 0, 0, .54);
    font-size: 13px;
    line-height: 18px
}
.oxy-data-table td,
.oxy-data-table th {
    padding: 16px
}
.oxy-data-table--center td,
.oxy-data-table--center th {
    text-align: center
}
.oxy-data-table--left td,
.oxy-data-table--left th {
    text-align: left
}
.oxy-data-table--right td,
.oxy-data-table--right th {
    text-align: right
}
.oxy-data-table--top td,
.oxy-data-table--top th {
    vertical-align: top
}
.oxy-data-table--bottom td,
.oxy-data-table--bottom th {
    vertical-align: bottom
}
.oxy-data-table tfoot td {
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
    height: 48px;
    font-size: 12px;
    color: rgba(0, 0, 0, .54);
    padding-bottom: 8px;
    box-sizing: border-box
}
.oxy-list__title,
.oxy-list__title a {
    color: rgba(0, 0, 0, .74);
    text-decoration: none;
    font-weight: 400
}
.oxy-divider {
    position: relative;
    height: 1px
}
.oxy-divider__border {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    max-width: 100%;
    height: 100%;
    background: #111
}
.oxy-divider--center .oxy-divider__border {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.oxy-divider--right .oxy-divider__border {
    left: auto;
    right: 0
}
.oxy-divider--accent .oxy-divider__border {
    background: #448aff
}
@media screen and (min-width: 840px) {
    .mdl-grid--no-fullwidth {
        width: 1170px;
        max-width: 100%
    }
}
.oxy-full-width,
.oxy-image-responsive,
.oxy-list__icon img,
.oxy-widget {
    max-width: 100%
}
.mdl-grid .mdl-cell {
    position: relative
}
.mdl-grid .mdl-grid {
    margin: 0;
    padding: 0;
    position: relative
}
@media (max-width: 479px) {
    .oxy-data-table {
        display: block;
        overflow-x: scroll
    }
    .mdl-grid .mdl-grid.mdl-cell--1-col {
        width: calc(25% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--1-col {
        width: 25%
    }
    .mdl-grid .mdl-grid.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: calc(25% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--1-col-phone.mdl-cell--1-col-phone {
        width: 25%
    }
    .mdl-cell--1-order-phone {
        -webkit-order: 1;
        order: 1
    }
    .mdl-grid .mdl-grid.mdl-cell--2-col {
        width: calc(50% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--2-col {
        width: 50%
    }
    .mdl-grid .mdl-grid.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: calc(50% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--2-col-phone.mdl-cell--2-col-phone {
        width: 50%
    }
    .mdl-cell--2-order-phone {
        -webkit-order: 2;
        order: 2
    }
    .mdl-grid .mdl-grid.mdl-cell--3-col {
        width: calc(75% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--3-col {
        width: 75%
    }
    .mdl-grid .mdl-grid.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: calc(75% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--3-col-phone.mdl-cell--3-col-phone {
        width: 75%
    }
    .mdl-cell--3-order-phone {
        -webkit-order: 3;
        order: 3
    }
    .mdl-grid .mdl-grid.mdl-cell--4-col {
        width: calc(100% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--4-col {
        width: 100%
    }
    .mdl-grid .mdl-grid.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: calc(100% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--4-col-phone.mdl-cell--4-col-phone {
        width: 100%
    }
    .mdl-cell--4-order-phone {
        -webkit-order: 4;
        order: 4
    }
}
@media (min-width: 480px) and (max-width: 839px) {
    .mdl-grid .mdl-grid.mdl-cell--1-col {
        width: calc(12.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--1-col {
        width: 12.5%
    }
    .mdl-grid .mdl-grid.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: calc(12.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--1-col-tablet.mdl-cell--1-col-tablet {
        width: 12.5%
    }
    .mdl-cell--1-order-tablet {
        -webkit-order: 1;
        order: 1
    }
    .mdl-grid .mdl-grid.mdl-cell--2-col {
        width: calc(25% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--2-col {
        width: 25%
    }
    .mdl-grid .mdl-grid.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: calc(25% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--2-col-tablet.mdl-cell--2-col-tablet {
        width: 25%
    }
    .mdl-cell--2-order-tablet {
        -webkit-order: 2;
        order: 2
    }
    .mdl-grid .mdl-grid.mdl-cell--3-col {
        width: calc(37.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--3-col {
        width: 37.5%
    }
    .mdl-grid .mdl-grid.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: calc(37.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--3-col-tablet.mdl-cell--3-col-tablet {
        width: 37.5%
    }
    .mdl-cell--3-order-tablet {
        -webkit-order: 3;
        order: 3
    }
    .mdl-grid .mdl-grid.mdl-cell--4-col {
        width: calc(50% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--4-col {
        width: 50%
    }
    .mdl-grid .mdl-grid.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: calc(50% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--4-col-tablet.mdl-cell--4-col-tablet {
        width: 50%
    }
    .mdl-cell--4-order-tablet {
        -webkit-order: 4;
        order: 4
    }
    .mdl-grid .mdl-grid.mdl-cell--5-col {
        width: calc(62.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--5-col {
        width: 62.5%
    }
    .mdl-grid .mdl-grid.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: calc(62.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--5-col-tablet.mdl-cell--5-col-tablet {
        width: 62.5%
    }
    .mdl-cell--5-order-tablet {
        -webkit-order: 5;
        order: 5
    }
    .mdl-grid .mdl-grid.mdl-cell--6-col {
        width: calc(75% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--6-col {
        width: 75%
    }
    .mdl-grid .mdl-grid.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: calc(75% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--6-col-tablet.mdl-cell--6-col-tablet {
        width: 75%
    }
    .mdl-cell--6-order-tablet {
        -webkit-order: 6;
        order: 6
    }
    .mdl-grid .mdl-grid.mdl-cell--7-col {
        width: calc(87.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--7-col {
        width: 87.5%
    }
    .mdl-grid .mdl-grid.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: calc(87.5% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--7-col-tablet.mdl-cell--7-col-tablet {
        width: 87.5%
    }
    .mdl-cell--7-order-tablet {
        -webkit-order: 7;
        order: 7
    }
    .mdl-grid .mdl-grid.mdl-cell--8-col {
        width: calc(100% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--8-col {
        width: 100%
    }
    .mdl-grid .mdl-grid.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: calc(100% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--8-col-tablet.mdl-cell--8-col-tablet {
        width: 100%
    }
    .mdl-cell--8-order-tablet {
        -webkit-order: 8;
        order: 8
    }
}
@media (min-width: 840px) {
    .mdl-grid .mdl-grid.mdl-cell--1-col {
        width: calc(8.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--1-col {
        width: 8.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--1-col-desktop {
        width: calc(8.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--1-col-desktop {
        width: 8.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--2-col {
        width: calc(16.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--2-col {
        width: 16.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--2-col-desktop {
        width: calc(16.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--2-col-desktop {
        width: 16.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--3-col {
        width: calc(25% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--3-col {
        width: 25%
    }
    .mdl-grid .mdl-grid.mdl-cell--3-col-desktop {
        width: calc(25% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--3-col-desktop {
        width: 25%
    }
    .mdl-grid .mdl-grid.mdl-cell--4-col {
        width: calc(33.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--4-col {
        width: 33.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--4-col-desktop {
        width: calc(33.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--4-col-desktop {
        width: 33.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--5-col {
        width: calc(41.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--5-col {
        width: 41.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--5-col-desktop {
        width: calc(41.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--5-col-desktop {
        width: 41.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--6-col {
        width: calc(50% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--6-col {
        width: 50%
    }
    .mdl-grid .mdl-grid.mdl-cell--6-col-desktop {
        width: calc(50% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--6-col-desktop {
        width: 50%
    }
    .mdl-grid .mdl-grid.mdl-cell--7-col {
        width: calc(58.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--7-col {
        width: 58.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--7-col-desktop {
        width: calc(58.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--7-col-desktop {
        width: 58.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--8-col {
        width: calc(66.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--8-col {
        width: 66.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--8-col-desktop {
        width: calc(66.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--8-col-desktop {
        width: 66.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--9-col {
        width: calc(75% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--9-col {
        width: 75%
    }
    .mdl-grid .mdl-grid.mdl-cell--9-col-desktop {
        width: calc(75% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--9-col-desktop {
        width: 75%
    }
    .mdl-grid .mdl-grid.mdl-cell--10-col {
        width: calc(83.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--10-col {
        width: 83.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--10-col-desktop {
        width: calc(83.3333333333% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--10-col-desktop {
        width: 83.3333333333%
    }
    .mdl-grid .mdl-grid.mdl-cell--11-col {
        width: calc(91.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--11-col {
        width: 91.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--11-col-desktop {
        width: calc(91.6666666667% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--11-col-desktop {
        width: 91.6666666667%
    }
    .mdl-grid .mdl-grid.mdl-cell--12-col {
        width: calc(100% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--12-col {
        width: 100%
    }
    .mdl-grid .mdl-grid.mdl-cell--12-col-desktop {
        width: calc(100% - 0px)
    }
    .mdl-grid--no-spacing>.mdl-grid .mdl-grid.mdl-cell--12-col-desktop {
        width: 100%
    }
}
.oxy-layout__header {
    transition-property: max-height, box-shadow, background-color
}
.oxy-layout__header .mdl-layout__drawer-button {
    transition: background-color .2s
}
.oxy-layout__header--transparent,
.oxy-layout__header--transparent-large-screen-only {
    position: absolute
}
.oxy-layout__header--transparent: not(.oxy-layout__header--scrolled) {
    background-color: transparent;
    box-shadow: none
}
.oxy-layout__header--transparent: not(.oxy-layout__header--scrolled) .mdl-layout__drawer-button {
    background-color: transparent
}
@media screen and (min-width: 1025px) {
    .oxy-layout__header--transparent-large-screen-only: not(.oxy-layout__header--scrolled) {
        background-color: transparent;
        box-shadow: none
    }
    .oxy-layout__header--transparent-large-screen-only: not(.oxy-layout__header--scrolled) .mdl-layout__drawer-button {
        background-color: transparent
    }
}
.oxy-layout__divider {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}
.mdl-layout__drawer--right {
    left: 100%;
    position: fixed;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    z-index: 101
}
.mdl-navigation__link,
.mdl-navigation__link--submenu {
    position: relative
}
.mdl-layout__drawer--right .mdl-layout-title {
    padding-left: 16px
}
.mdl-layout__drawer--right.is-visible {
    -webkit-transform: translateX(-240px);
    transform: translateX(-240px)
}
.mdl-layout__drawer .mdl-navigation {
    padding-top: 0
}
.mdl-navigation__link-divider {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 15px;
    background: rgba(0, 0, 0, .1)
}
.mdl-navigation__link--submenu: after {
    position: absolute;
    font-family: 'Material Icons';
    content: "\E5C5";
    font-size: 16px;
    z-index: 1;
    right: 0;
    top: 3px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    transition: all .5s;
    text-align: center
}
.mdl-navigation__link--submenu.is-open: after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.mdl-navigation__submenu {
    transition: all .75s cubic-bezier(.455, .03, .515, .955);
    overflow: hidden;
    max-height: 0;
    background: 0 0
}
.is-open+.mdl-navigation__submenu {
    margin-top: 20px;
    max-height: 1100px;
    background: rgba(0, 0, 0, .075)
}
.mdl-navigation__submenu__link {
    transition: all .3s
}
.is-open+.mdl-navigation__submenu .mdl-navigation__submenu__link {
    text-indent: 1em
}
.mdl-navigation__icon {
    font-size: 24px;
    position: absolute;
    height: 45px;
    left: 7px;
    top: 0;
    line-height: 45px
}
@media screen and (max-width: 1024px) {
    .mdl-navigation__icon {
        position: relative;
        height: auto;
        left: 0;
        top: 0;
        line-height: 1;
        margin-right: 10px;
        vertical-align: middle
    }
}
.mdl-navigation__submenu__link: nth-child(1) {
    transition-delay: .2s
}
.mdl-navigation__submenu__link: nth-child(2) {
    transition-delay: .3s
}
.mdl-navigation__submenu__link: nth-child(3) {
    transition-delay: .4s
}
.mdl-navigation__submenu__link: nth-child(4) {
    transition-delay: .5s
}
.mdl-navigation__submenu__link: nth-child(5) {
    transition-delay: .6s
}
.mdl-navigation__submenu__link: nth-child(6) {
    transition-delay: .7s
}
.mdl-navigation__submenu__link: nth-child(7) {
    transition-delay: .8s
}
.mdl-navigation__submenu__link: nth-child(8) {
    transition-delay: .9s
}
.mdl-navigation__submenu__link: nth-child(9) {
    transition-delay: 1s
}
.mdl-navigation__submenu__link: nth-child(10) {
    transition-delay: 1.1s
}
.mdl-navigation__submenu__link: nth-child(11) {
    transition-delay: 1.2s
}
.mdl-navigation__submenu__link: nth-child(12) {
    transition-delay: 1.3s
}
.mdl-navigation__submenu__link: nth-child(13) {
    transition-delay: 1.4s
}
.mdl-navigation__submenu__link: nth-child(14) {
    transition-delay: 1.5s
}
.mdl-navigation__submenu__link: nth-child(15) {
    transition-delay: 1.6s
}
.mdl-navigation__submenu__link: nth-child(16) {
    transition-delay: 1.7s
}
.mdl-navigation__submenu__link: nth-child(17) {
    transition-delay: 1.8s
}
.mdl-navigation__submenu__link: nth-child(18) {
    transition-delay: 1.9s
}
.mdl-navigation__submenu__link: nth-child(19) {
    transition-delay: 2s
}
.mdl-navigation__submenu__link: nth-child(20) {
    transition-delay: 2.1s
}
.oxy-list {
    display: block;
    padding: 8px 0;
    margin: 0;
    overflow: auto
}
.oxy-list__item {
    background: #fff;
    margin-bottom: 5px;
    padding: 0 16px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
    min-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.oxy-list--full-width .oxy-list__item {
    padding: 0
}
.oxy-list__item--top {
    -webkit-align-items: flex-start;
    align-items: flex-start
}
.oxy-list__item--bottom {
    -webkit-align-items: flex-bottom;
    align-items: flex-bottom
}
.oxy-list__icon {
    display: block;
    width: 40px;
    height: 40px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 16px;
    box-sizing: content-box
}
.oxy-list__item--top .oxy-list__icon {
    padding-top: 8px
}
.oxy-list__item-text {
    -webkit-flex: 1;
    flex: 1;
    padding: 16px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.oxy-list__title {
    display: block;
    font-size: 16px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.material-icons.mdl-dark,
.oxy-list__subtitle {
    color: rgba(0, 0, 0, .54)
}
.oxy-list__subtitle {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-decoration: none
}
.material-icons.mdl-18 {
    font-size: 18px
}
.material-icons.mdl-24 {
    font-size: 24px
}
.material-icons.mdl-36 {
    font-size: 36px
}
.material-icons.mdl-48 {
    font-size: 48px
}
.material-icons.mdl-dark.mdl-inactive {
    color: rgba(0, 0, 0, .26)
}
.material-icons.mdl-light {
    color: #fff
}
.material-icons.mdl-light.md-inactive {
    color: rgba(255, 255, 255, .3)
}
.oxy-pager {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.oxy-background-parallax {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: 0
}
.oxy-background-parallax img {
    position: absolute;
    left: 50%;
    display: none;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.mdl-selectfield,
.oxy-pagination__item {
    display: inline-block
}
@media (max-width: 839px) {
    .oxy-background-parallax img {
        -webkit-transform: translate3d(-50%, 0, 0)!important;
        transform: translate3d(-50%, 0, 0)!important
    }
}
.oxy-photo-blur-0 {
    -webkit-filter: blur(0);
    filter: blur(0)
}
.oxy-photo-blur-1 {
    -webkit-filter: blur(1px);
    filter: blur(1px)
}
.oxy-photo-blur-2 {
    -webkit-filter: blur(2px);
    filter: blur(2px)
}
.oxy-photo-blur-3 {
    -webkit-filter: blur(3px);
    filter: blur(3px)
}
.oxy-photo-blur-4 {
    -webkit-filter: blur(4px);
    filter: blur(4px)
}
.oxy-photo-blur-5 {
    -webkit-filter: blur(5px);
    filter: blur(5px)
}
.oxy-photo-blur-6 {
    -webkit-filter: blur(6px);
    filter: blur(6px)
}
.oxy-photo-blur-7 {
    -webkit-filter: blur(7px);
    filter: blur(7px)
}
.oxy-photo-blur-8 {
    -webkit-filter: blur(8px);
    filter: blur(8px)
}
.oxy-photo-blur-9 {
    -webkit-filter: blur(9px);
    filter: blur(9px)
}
.oxy-photo-blur-10 {
    -webkit-filter: blur(10px);
    filter: blur(10px)
}
.oxy-pagination {
    margin: 0;
    padding: 0;
    text-align: center
}
.oxy-pagination__link {
    width: 40px;
    height: 40px;
    line-height: 40px;
    min-width: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    opacity: .4
}
.oxy-pagination__link .material-icons {
    line-height: 40px;
    font-size: 18px
}
.oxy-pagination__link: hover {
    color: #fff;
    background: #111;
    opacity: 1
}
.oxy-pagination__link--current {
    opacity: 1
}
.oxy-pagination__link--current: hover {
    color: #000;
    background-color: transparent;
    cursor: default
}
.oxy-section {
    overflow: hidden;
    position: relative;
    z-index: 1
}
.oxy-section__background {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2
}
.oxy-section__background img {
    position: absolute;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.oxy-section__background--top-align img {
    top: 0
}
.oxy-section__background--bottom-align img {
    bottom: 0
}
.oxy-section__background--middle-align img {
    top: 0;
    -webkit-transform: translate3d(-50%, -25%, 0);
    transform: translate3d(-50%, -25%, 0)
}
.oxy-section__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3
}
.oxy-section__overlay--color-0 {
    background-color: transparent
}
.oxy-section__overlay--color-5 {
    background-color: rgba(0, 0, 0, .05)
}
.oxy-section__overlay--color-10 {
    background-color: rgba(0, 0, 0, .1)
}
.oxy-section__overlay--color-15 {
    background-color: rgba(0, 0, 0, .15)
}
.oxy-section__overlay--color-20 {
    background-color: rgba(0, 0, 0, .2)
}
.oxy-section__overlay--color-25 {
    background-color: rgba(0, 0, 0, .25)
}
.oxy-section__overlay--color-30 {
    background-color: rgba(0, 0, 0, .3)
}
.oxy-section__overlay--color-35 {
    background-color: rgba(0, 0, 0, .35)
}
.oxy-section__overlay--color-40 {
    background-color: rgba(0, 0, 0, .4)
}
.oxy-section__overlay--color-45 {
    background-color: rgba(0, 0, 0, .45)
}
.oxy-section__overlay--color-50 {
    background-color: rgba(0, 0, 0, .5)
}
.oxy-section__overlay--color-55 {
    background-color: rgba(0, 0, 0, .55)
}
.oxy-section__overlay--color-60 {
    background-color: rgba(0, 0, 0, .6)
}
.oxy-section__overlay--color-65 {
    background-color: rgba(0, 0, 0, .65)
}
.oxy-section__overlay--color-70 {
    background-color: rgba(0, 0, 0, .7)
}
.oxy-section__overlay--color-75 {
    background-color: rgba(0, 0, 0, .75)
}
.oxy-section__overlay--color-80 {
    background-color: rgba(0, 0, 0, .8)
}
.oxy-section__overlay--color-85 {
    background-color: rgba(0, 0, 0, .85)
}
.oxy-section__overlay--color-90 {
    background-color: rgba(0, 0, 0, .9)
}
.oxy-section__overlay--color-95 {
    background-color: rgba(0, 0, 0, .95)
}
.oxy-section__overlay--color-100 {
    background-color: #000
}
.oxy-section__overlay--gradient-from-bottom-0 {
    background: linear-gradient(to top, transparent 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-5 {
    background: linear-gradient(to top, rgba(0, 0, 0, .05) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-10 {
    background: linear-gradient(to top, rgba(0, 0, 0, .1) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-15 {
    background: linear-gradient(to top, rgba(0, 0, 0, .15) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-20 {
    background: linear-gradient(to top, rgba(0, 0, 0, .2) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-25 {
    background: linear-gradient(to top, rgba(0, 0, 0, .25) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-30 {
    background: linear-gradient(to top, rgba(0, 0, 0, .3) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-35 {
    background: linear-gradient(to top, rgba(0, 0, 0, .35) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-40 {
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-45 {
    background: linear-gradient(to top, rgba(0, 0, 0, .45) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-50 {
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-55 {
    background: linear-gradient(to top, rgba(0, 0, 0, .55) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-60 {
    background: linear-gradient(to top, rgba(0, 0, 0, .6) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-65 {
    background: linear-gradient(to top, rgba(0, 0, 0, .65) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-70 {
    background: linear-gradient(to top, rgba(0, 0, 0, .7) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-75 {
    background: linear-gradient(to top, rgba(0, 0, 0, .75) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-80 {
    background: linear-gradient(to top, rgba(0, 0, 0, .8) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-85 {
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-90 {
    background: linear-gradient(to top, rgba(0, 0, 0, .9) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-95 {
    background: linear-gradient(to top, rgba(0, 0, 0, .95) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-bottom-100 {
    background: linear-gradient(to top, #000 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-0 {
    background: linear-gradient(to bottom, transparent 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-5 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .05) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-10 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .1) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-15 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .15) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-20 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .2) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-25 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .25) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-30 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-35 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .35) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-40 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-45 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .45) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-50 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .5) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-55 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .55) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-60 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .6) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-65 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .65) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-70 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .7) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-75 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .75) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-80 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .8) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-85 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .85) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-90 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .9) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-95 {
    background: linear-gradient(to bottom, rgba(0, 0, 0, .95) 0, transparent 100%)
}
.oxy-section__overlay--gradient-from-top-100 {
    background: linear-gradient(to bottom, #000 0, transparent 100%)
}
.oxy-section__content {
    position: relative;
    z-index: 4
}
.mdl-selectfield {
    position: relative;
    box-sizing: border-box;
    width: 300px;
    max-width: 100%;
    margin: 0;
    padding: 20px 0;
    font-size: 16px
}
.mdl-selectfield: after {
    background-color: #111;
    bottom: 20px;
    content: '';
    height: 2px;
    left: 45%;
    position: absolute;
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    visibility: hidden;
    width: 10px
}
.mdl-selectfield: before {
    display: block;
    content: "\E5C5";
    font-family: 'Material Icons';
    position: absolute;
    right: 0;
    line-height: 28px;
    font-size: 18px
}
.oxy-overlay-0: before, .oxy-overlay-10: before, .oxy-overlay-15: before, .oxy-overlay-20: before, .oxy-overlay-25: before, .oxy-overlay-30: before, .oxy-overlay-35: before, .oxy-overlay-40: before, .oxy-overlay-44: before, .oxy-overlay-49: before, .oxy-overlay-54: before, .oxy-overlay-5: before, .oxy-overlay-60: before, .oxy-overlay-65: before, .oxy-overlay-70: before, .oxy-overlay-75: before, .oxy-overlay-80: before, .oxy-overlay-85: before, .oxy-overlay-90: before, .oxy-overlay-gradient-0: before, .oxy-overlay-gradient-10: before, .oxy-overlay-gradient-15: before, .oxy-overlay-gradient-20: before, .oxy-overlay-gradient-25: before, .oxy-overlay-gradient-30: before, .oxy-overlay-gradient-35: before, .oxy-overlay-gradient-40: before, .oxy-overlay-gradient-44: before, .oxy-overlay-gradient-49: before, .oxy-overlay-gradient-54: before, .oxy-overlay-gradient-5: before, .oxy-overlay-gradient-60: before, .oxy-overlay-gradient-65: before, .oxy-overlay-gradient-70: before, .oxy-overlay-gradient-75: before, .oxy-overlay-gradient-80: before, .oxy-overlay-gradient-85: before, .oxy-overlay-gradient-90: before, .oxy-overlay-gradient-95: before {
    content: "";
    width: 100%;
    left: 0;
    top: 0
}
.mdl-selectfield: focus: after {
    left: 0;
    visibility: visible;
    width: 100%;
    outline: 0
}
.mdl-selectfield--full-width {
    width: 100%
}
.mdl-selectfield select {
    display: none
}
.mdl-selectfield .mdl-menu__container {
    -webkit-transform: translateY(-46px);
    transform: translateY(-46px);
    max-height: 255px
}
.mdl-selectfield .mdl-menu__container .mdl-menu__outline {
    max-height: 255px
}
.mdl-selectfield .mdl-menu__container .mdl-select__menu {
    min-height: 100%;
    max-height: 255px;
    overflow: auto;
    box-sizing: border-box
}
.mdl-selectfield .mdl-menu,
.mdl-selectfield .mdl-menu__container,
.mdl-selectfield .mdl-menu__outline {
    min-width: 100%
}
.mdl-select__button {
    position: static;
    border-bottom: 1px solid rgba(0, 0, 0, .12);
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 4px 0;
    width: 100%;
    background: 0 0;
    text-align: left;
    text-transform: none;
    color: inherit;
    height: auto;
    line-height: normal
}
.mdl-select__button: hover {
    background: 0 0
}
.mdl-gen__style-link {
    display: block;
    text-align: center;
    background-color: #fff;
    color: #03a9f4;
    border: 2px solid rgba(0, 0, 0, .05)
}
body {}.oxy-typography-line-height-short {
    line-height: 1
}
.oxy-typography-line-height-normal {
    line-height: 1.5
}
.oxy-typography-line-height-tall {
    line-height: 2
}
.oxy-animation {
    opacity: 0
}
.oxy-full-height {
    height: 100%;
    box-sizing: border-box
}
.oxy-full-width {
    width: 100%;
    box-sizing: border-box
}
.oxy-margin-normal {
    margin: 16px
}
.oxy-margin--300 {
    margin: -300px!important
}
.oxy-margin-top--300 {
    margin-top: -300px!important
}
.oxy-margin-left--300 {
    margin-left: -300px!important
}
.oxy-margin-bottom--300 {
    margin-bottom: -300px!important
}
.oxy-margin-right--300 {
    margin-right: -300px!important
}
.oxy-margin--290 {
    margin: -290px!important
}
.oxy-margin-top--290 {
    margin-top: -290px!important
}
.oxy-margin-left--290 {
    margin-left: -290px!important
}
.oxy-margin-bottom--290 {
    margin-bottom: -290px!important
}
.oxy-margin-right--290 {
    margin-right: -290px!important
}
.oxy-margin--280 {
    margin: -280px!important
}
.oxy-margin-top--280 {
    margin-top: -280px!important
}
.oxy-margin-left--280 {
    margin-left: -280px!important
}
.oxy-margin-bottom--280 {
    margin-bottom: -280px!important
}
.oxy-margin-right--280 {
    margin-right: -280px!important
}
.oxy-margin--270 {
    margin: -270px!important
}
.oxy-margin-top--270 {
    margin-top: -270px!important
}
.oxy-margin-left--270 {
    margin-left: -270px!important
}
.oxy-margin-bottom--270 {
    margin-bottom: -270px!important
}
.oxy-margin-right--270 {
    margin-right: -270px!important
}
.oxy-margin--260 {
    margin: -260px!important
}
.oxy-margin-top--260 {
    margin-top: -260px!important
}
.oxy-margin-left--260 {
    margin-left: -260px!important
}
.oxy-margin-bottom--260 {
    margin-bottom: -260px!important
}
.oxy-margin-right--260 {
    margin-right: -260px!important
}
.oxy-margin--250 {
    margin: -250px!important
}
.oxy-margin-top--250 {
    margin-top: -250px!important
}
.oxy-margin-left--250 {
    margin-left: -250px!important
}
.oxy-margin-bottom--250 {
    margin-bottom: -250px!important
}
.oxy-margin-right--250 {
    margin-right: -250px!important
}
.oxy-margin--240 {
    margin: -240px!important
}
.oxy-margin-top--240 {
    margin-top: -240px!important
}
.oxy-margin-left--240 {
    margin-left: -240px!important
}
.oxy-margin-bottom--240 {
    margin-bottom: -240px!important
}
.oxy-margin-right--240 {
    margin-right: -240px!important
}
.oxy-margin--230 {
    margin: -230px!important
}
.oxy-margin-top--230 {
    margin-top: -230px!important
}
.oxy-margin-left--230 {
    margin-left: -230px!important
}
.oxy-margin-bottom--230 {
    margin-bottom: -230px!important
}
.oxy-margin-right--230 {
    margin-right: -230px!important
}
.oxy-margin--220 {
    margin: -220px!important
}
.oxy-margin-top--220 {
    margin-top: -220px!important
}
.oxy-margin-left--220 {
    margin-left: -220px!important
}
.oxy-margin-bottom--220 {
    margin-bottom: -220px!important
}
.oxy-margin-right--220 {
    margin-right: -220px!important
}
.oxy-margin--210 {
    margin: -210px!important
}
.oxy-margin-top--210 {
    margin-top: -210px!important
}
.oxy-margin-left--210 {
    margin-left: -210px!important
}
.oxy-margin-bottom--210 {
    margin-bottom: -210px!important
}
.oxy-margin-right--210 {
    margin-right: -210px!important
}
.oxy-margin--200 {
    margin: -200px!important
}
.oxy-margin-top--200 {
    margin-top: -200px!important
}
.oxy-margin-left--200 {
    margin-left: -200px!important
}
.oxy-margin-bottom--200 {
    margin-bottom: -200px!important
}
.oxy-margin-right--200 {
    margin-right: -200px!important
}
.oxy-margin--190 {
    margin: -190px!important
}
.oxy-margin-top--190 {
    margin-top: -190px!important
}
.oxy-margin-left--190 {
    margin-left: -190px!important
}
.oxy-margin-bottom--190 {
    margin-bottom: -190px!important
}
.oxy-margin-right--190 {
    margin-right: -190px!important
}
.oxy-margin--180 {
    margin: -180px!important
}
.oxy-margin-top--180 {
    margin-top: -180px!important
}
.oxy-margin-left--180 {
    margin-left: -180px!important
}
.oxy-margin-bottom--180 {
    margin-bottom: -180px!important
}
.oxy-margin-right--180 {
    margin-right: -180px!important
}
.oxy-margin--170 {
    margin: -170px!important
}
.oxy-margin-top--170 {
    margin-top: -170px!important
}
.oxy-margin-left--170 {
    margin-left: -170px!important
}
.oxy-margin-bottom--170 {
    margin-bottom: -170px!important
}
.oxy-margin-right--170 {
    margin-right: -170px!important
}
.oxy-margin--160 {
    margin: -160px!important
}
.oxy-margin-top--160 {
    margin-top: -160px!important
}
.oxy-margin-left--160 {
    margin-left: -160px!important
}
.oxy-margin-bottom--160 {
    margin-bottom: -160px!important
}
.oxy-margin-right--160 {
    margin-right: -160px!important
}
.oxy-margin--150 {
    margin: -150px!important
}
.oxy-margin-top--150 {
    margin-top: -150px!important
}
.oxy-margin-left--150 {
    margin-left: -150px!important
}
.oxy-margin-bottom--150 {
    margin-bottom: -150px!important
}
.oxy-margin-right--150 {
    margin-right: -150px!important
}
.oxy-margin--140 {
    margin: -140px!important
}
.oxy-margin-top--140 {
    margin-top: -140px!important
}
.oxy-margin-left--140 {
    margin-left: -140px!important
}
.oxy-margin-bottom--140 {
    margin-bottom: -140px!important
}
.oxy-margin-right--140 {
    margin-right: -140px!important
}
.oxy-margin--130 {
    margin: -130px!important
}
.oxy-margin-top--130 {
    margin-top: -130px!important
}
.oxy-margin-left--130 {
    margin-left: -130px!important
}
.oxy-margin-bottom--130 {
    margin-bottom: -130px!important
}
.oxy-margin-right--130 {
    margin-right: -130px!important
}
.oxy-margin--120 {
    margin: -120px!important
}
.oxy-margin-top--120 {
    margin-top: -120px!important
}
.oxy-margin-left--120 {
    margin-left: -120px!important
}
.oxy-margin-bottom--120 {
    margin-bottom: -120px!important
}
.oxy-margin-right--120 {
    margin-right: -120px!important
}
.oxy-margin--110 {
    margin: -110px!important
}
.oxy-margin-top--110 {
    margin-top: -110px!important
}
.oxy-margin-left--110 {
    margin-left: -110px!important
}
.oxy-margin-bottom--110 {
    margin-bottom: -110px!important
}
.oxy-margin-right--110 {
    margin-right: -110px!important
}
.oxy-margin--100 {
    margin: -100px!important
}
.oxy-margin-top--100 {
    margin-top: -100px!important
}
.oxy-margin-left--100 {
    margin-left: -100px!important
}
.oxy-margin-bottom--100 {
    margin-bottom: -100px!important
}
.oxy-margin-right--100 {
    margin-right: -100px!important
}
.oxy-margin--90 {
    margin: -90px!important
}
.oxy-margin-top--90 {
    margin-top: -90px!important
}
.oxy-margin-left--90 {
    margin-left: -90px!important
}
.oxy-margin-bottom--90 {
    margin-bottom: -90px!important
}
.oxy-margin-right--90 {
    margin-right: -90px!important
}
.oxy-margin--80 {
    margin: -80px!important
}
.oxy-margin-top--80 {
    margin-top: -80px!important
}
.oxy-margin-left--80 {
    margin-left: -80px!important
}
.oxy-margin-bottom--80 {
    margin-bottom: -80px!important
}
.oxy-margin-right--80 {
    margin-right: -80px!important
}
.oxy-margin--70 {
    margin: -70px!important
}
.oxy-margin-top--70 {
    margin-top: -70px!important
}
.oxy-margin-left--70 {
    margin-left: -70px!important
}
.oxy-margin-bottom--70 {
    margin-bottom: -70px!important
}
.oxy-margin-right--70 {
    margin-right: -70px!important
}
.oxy-margin--60 {
    margin: -60px!important
}
.oxy-margin-top--60 {
    margin-top: -60px!important
}
.oxy-margin-left--60 {
    margin-left: -60px!important
}
.oxy-margin-bottom--60 {
    margin-bottom: -60px!important
}
.oxy-margin-right--60 {
    margin-right: -60px!important
}
.oxy-margin--50 {
    margin: -50px!important
}
.oxy-margin-top--50 {
    margin-top: -50px!important
}
.oxy-margin-left--50 {
    margin-left: -50px!important
}
.oxy-margin-bottom--50 {
    margin-bottom: -50px!important
}
.oxy-margin-right--50 {
    margin-right: -50px!important
}
.oxy-margin--40 {
    margin: -40px!important
}
.oxy-margin-top--40 {
    margin-top: -40px!important
}
.oxy-margin-left--40 {
    margin-left: -40px!important
}
.oxy-margin-bottom--40 {
    margin-bottom: -40px!important
}
.oxy-margin-right--40 {
    margin-right: -40px!important
}
.oxy-margin--30 {
    margin: -30px!important
}
.oxy-margin-top--30 {
    margin-top: -30px!important
}
.oxy-margin-left--30 {
    margin-left: -30px!important
}
.oxy-margin-bottom--30 {
    margin-bottom: -30px!important
}
.oxy-margin-right--30 {
    margin-right: -30px!important
}
.oxy-margin--20 {
    margin: -20px!important
}
.oxy-margin-top--20 {
    margin-top: -20px!important
}
.oxy-margin-left--20 {
    margin-left: -20px!important
}
.oxy-margin-bottom--20 {
    margin-bottom: -20px!important
}
.oxy-margin-right--20 {
    margin-right: -20px!important
}
.oxy-margin--10 {
    margin: -10px!important
}
.oxy-margin-top--10 {
    margin-top: -10px!important
}
.oxy-margin-left--10 {
    margin-left: -10px!important
}
.oxy-margin-bottom--10 {
    margin-bottom: -10px!important
}
.oxy-margin-right--10 {
    margin-right: -10px!important
}
.oxy-margin-0 {
    margin: 0!important
}
.oxy-margin-top-0 {
    margin-top: 0!important
}
.oxy-margin-left-0 {
    margin-left: 0!important
}
.oxy-margin-bottom-0 {
    margin-bottom: 0!important
}
.oxy-margin-right-0 {
    margin-right: 0!important
}
.oxy-margin-10 {
    margin: 10px!important
}
.oxy-margin-top-10 {
    margin-top: 10px!important
}
.oxy-margin-left-10 {
    margin-left: 10px!important
}
.oxy-margin-bottom-10 {
    margin-bottom: 10px!important
}
.oxy-margin-right-10 {
    margin-right: 10px!important
}
.oxy-margin-20 {
    margin: 20px!important
}
.oxy-margin-top-20 {
    margin-top: 20px!important
}
.oxy-margin-left-20 {
    margin-left: 20px!important
}
.oxy-margin-bottom-20 {
    margin-bottom: 10px!important
}
.oxy-margin-right-20 {
    margin-right: 20px!important
}
.oxy-margin-30 {
    margin: 30px!important
}
.oxy-margin-top-30 {
    margin-top: 30px!important
}
.oxy-margin-left-30 {
    margin-left: 30px!important
}
.oxy-margin-bottom-30 {
    margin-bottom: 30px!important
}
.oxy-margin-right-30 {
    margin-right: 30px!important
}
.oxy-margin-40 {
    margin: 40px!important
}
.oxy-margin-top-40 {
    margin-top: 00px!important
}
.oxy-margin-left-40 {
    margin-left: 40px!important
}
.oxy-margin-bottom-40 {
    margin-bottom: 40px!important
}
.oxy-margin-right-40 {
    margin-right: 40px!important
}
.oxy-margin-50 {
    margin: 50px!important
}
.oxy-margin-top-50 {
    margin-top: 20px!important
}
.oxy-margin-left-50 {
    margin-left: 50px!important
}
.oxy-margin-bottom-50 {
    margin-bottom: 50px!important
}
.oxy-margin-right-50 {
    margin-right: 50px!important
}
.oxy-margin-60 {
    margin: 60px!important
}
.oxy-margin-top-60 {
    margin-top: 60px!important
}
.oxy-margin-left-60 {
    margin-left: 60px!important
}
.oxy-margin-bottom-60 {
    margin-bottom: 60px!important
}
.oxy-margin-right-60 {
    margin-right: 60px!important
}
.oxy-margin-70 {
    margin: 70px!important
}
.oxy-margin-top-70 {
    margin-top: 70px!important
}
.oxy-margin-left-70 {
    margin-left: 70px!important
}
.oxy-margin-bottom-70 {
    margin-bottom: 70px!important
}
.oxy-margin-right-70 {
    margin-right: 70px!important
}
.oxy-margin-80 {
    margin: 80px!important
}
.oxy-margin-top-80 {
    margin-top: 80px!important
}
.oxy-margin-left-80 {
    margin-left: 80px!important
}
.oxy-margin-bottom-80 {
    margin-bottom: 80px!important
}
.oxy-margin-right-80 {
    margin-right: 80px!important
}
.oxy-margin-90 {
    margin: 90px!important
}
.oxy-margin-top-90 {
    margin-top: 90px!important
}
.oxy-margin-left-90 {
    margin-left: 90px!important
}
.oxy-margin-bottom-90 {
    margin-bottom: 90px!important
}
.oxy-margin-right-90 {
    margin-right: 90px!important
}
.oxy-margin-100 {
    margin: 100px!important
}
.oxy-margin-top-100 {
    margin-top: 100px!important
}
.oxy-margin-left-100 {
    margin-left: 100px!important
}
.oxy-margin-left-45 {
    margin-left: 45px!important
}
.oxy-margin-bottom-100 {
    margin-bottom: 100px!important
}
.oxy-margin-right-100 {
    margin-right: 100px!important
}
.oxy-margin-110 {
    margin: 110px!important
}
.oxy-margin-top-110 {
    margin-top: 110px!important
}
.oxy-margin-left-110 {
    margin-left: 110px!important
}
.oxy-margin-bottom-110 {
    margin-bottom: 110px!important
}
.oxy-margin-right-110 {
    margin-right: 110px!important
}
.oxy-margin-120 {
    margin: 120px!important
}
.oxy-margin-top-120 {
    margin-top: 120px!important
}
.oxy-margin-left-120 {
    margin-left: 120px!important
}
.oxy-margin-bottom-120 {
    margin-bottom: 120px!important
}
.oxy-margin-right-120 {
    margin-right: 120px!important
}
.oxy-margin-130 {
    margin: 130px!important
}
.oxy-margin-top-130 {
    margin-top: 130px!important
}
.oxy-margin-left-130 {
    margin-left: 130px!important
}
.oxy-margin-bottom-130 {
    margin-bottom: 130px!important
}
.oxy-margin-right-130 {
    margin-right: 130px!important
}
.oxy-margin-140 {
    margin: 140px!important
}
.oxy-margin-top-140 {
    margin-top: 140px!important
}
.oxy-margin-left-140 {
    margin-left: 140px!important
}
.oxy-margin-bottom-140 {
    margin-bottom: 140px!important
}
.oxy-margin-right-140 {
    margin-right: 140px!important
}
.oxy-margin-150 {
    margin: 150px!important
}
.oxy-margin-top-150 {
    margin-top: 150px!important
}
.oxy-margin-left-150 {
    margin-left: 150px!important
}
.oxy-margin-bottom-150 {
    margin-bottom: 150px!important
}
.oxy-margin-right-150 {
    margin-right: 150px!important
}
.oxy-margin-160 {
    margin: 160px!important
}
.oxy-margin-top-160 {
    margin-top: 160px!important
}
.oxy-margin-left-160 {
    margin-left: 160px!important
}
.oxy-margin-bottom-160 {
    margin-bottom: 160px!important
}
.oxy-margin-right-160 {
    margin-right: 160px!important
}
.oxy-margin-170 {
    margin: 170px!important
}
.oxy-margin-top-170 {
    margin-top: 170px!important
}
.oxy-margin-left-170 {
    margin-left: 170px!important
}
.oxy-margin-bottom-170 {
    margin-bottom: 170px!important
}
.oxy-margin-right-170 {
    margin-right: 170px!important
}
.oxy-margin-180 {
    margin: 180px!important
}
.oxy-margin-top-180 {
    margin-top: 180px!important
}
.oxy-margin-left-180 {
    margin-left: 180px!important
}
.oxy-margin-bottom-180 {
    margin-bottom: 180px!important
}
.oxy-margin-right-180 {
    margin-right: 180px!important
}
.oxy-margin-190 {
    margin: 190px!important
}
.oxy-margin-top-190 {
    margin-top: 190px!important
}
.oxy-margin-left-190 {
    margin-left: 190px!important
}
.oxy-margin-bottom-190 {
    margin-bottom: 190px!important
}
.oxy-margin-right-190 {
    margin-right: 190px!important
}
.oxy-margin-200 {
    margin: 200px!important
}
.oxy-margin-top-200 {
    margin-top: 200px!important
}
.oxy-margin-left-200 {
    margin-left: 200px!important
}
.oxy-margin-bottom-200 {
    margin-bottom: 200px!important
}
.oxy-margin-right-200 {
    margin-right: 200px!important
}
.oxy-margin-210 {
    margin: 210px!important
}
.oxy-margin-top-210 {
    margin-top: 210px!important
}
.oxy-margin-left-210 {
    margin-left: 210px!important
}
.oxy-margin-bottom-210 {
    margin-bottom: 210px!important
}
.oxy-margin-right-210 {
    margin-right: 210px!important
}
.oxy-margin-220 {
    margin: 220px!important
}
.oxy-margin-top-220 {
    margin-top: 220px!important
}
.oxy-margin-left-220 {
    margin-left: 220px!important
}
.oxy-margin-bottom-220 {
    margin-bottom: 220px!important
}
.oxy-margin-right-220 {
    margin-right: 220px!important
}
.oxy-margin-230 {
    margin: 230px!important
}
.oxy-margin-top-230 {
    margin-top: 230px!important
}
.oxy-margin-left-230 {
    margin-left: 230px!important
}
.oxy-margin-bottom-230 {
    margin-bottom: 230px!important
}
.oxy-margin-right-230 {
    margin-right: 230px!important
}
.oxy-margin-240 {
    margin: 240px!important
}
.oxy-margin-top-240 {
    margin-top: 240px!important
}
.oxy-margin-left-240 {
    margin-left: 240px!important
}
.oxy-margin-bottom-240 {
    margin-bottom: 240px!important
}
.oxy-margin-right-240 {
    margin-right: 240px!important
}
.oxy-margin-250 {
    margin: 250px!important
}
.oxy-margin-top-250 {
    margin-top: 250px!important
}
.oxy-margin-left-250 {
    margin-left: 250px!important
}
.oxy-margin-bottom-250 {
    margin-bottom: 250px!important
}
.oxy-margin-right-250 {
    margin-right: 250px!important
}
.oxy-margin-260 {
    margin: 260px!important
}
.oxy-margin-top-260 {
    margin-top: 260px!important
}
.oxy-margin-left-260 {
    margin-left: 260px!important
}
.oxy-margin-bottom-260 {
    margin-bottom: 260px!important
}
.oxy-margin-right-260 {
    margin-right: 260px!important
}
.oxy-margin-270 {
    margin: 270px!important
}
.oxy-margin-top-270 {
    margin-top: 270px!important
}
.oxy-margin-left-270 {
    margin-left: 270px!important
}
.oxy-margin-bottom-270 {
    margin-bottom: 270px!important
}
.oxy-margin-right-270 {
    margin-right: 270px!important
}
.oxy-margin-280 {
    margin: 280px!important
}
.oxy-margin-top-280 {
    margin-top: 280px!important
}
.oxy-margin-left-280 {
    margin-left: 280px!important
}
.oxy-margin-bottom-280 {
    margin-bottom: 280px!important
}
.oxy-margin-right-280 {
    margin-right: 280px!important
}
.oxy-margin-290 {
    margin: 290px!important
}
.oxy-margin-top-290 {
    margin-top: 290px!important
}
.oxy-margin-left-290 {
    margin-left: 290px!important
}
.oxy-margin-bottom-290 {
    margin-bottom: 290px!important
}
.oxy-margin-right-290 {
    margin-right: 290px!important
}
.oxy-margin-300 {
    margin: 300px!important
}
.oxy-margin-top-300 {
    margin-top: 300px!important
}
.oxy-margin-left-300 {
    margin-left: 300px!important
}
.oxy-margin-bottom-300 {
    margin-bottom: 300px!important
}
.oxy-margin-right-300 {
    margin-right: 300px!important
}
.oxy-padding-normal {
    padding: 16px
}
.oxy-padding-0 {
    padding: 0!important
}
.oxy-padding-top-0 {
    padding-top: 0!important
}
.oxy-padding-left-0 {
    padding-left: 0!important
}
.oxy-padding-bottom-0 {
    padding-bottom: 0!important
}
.oxy-padding-right-0 {
    padding-right: 0!important
}
.oxy-padding-10 {
    padding: 10px!important
}
.oxy-padding-top-10 {
    padding-top: 10px!important
}
.oxy-padding-left-10 {
    padding-left: 10px!important
}
.oxy-padding-bottom-10 {
    padding-bottom: 10px!important
}
.oxy-padding-right-10 {
    padding-right: 10px!important
}
.oxy-padding-20 {
    padding: 20px!important
}
.oxy-padding-top-20 {
    padding-top: 20px!important
}
.oxy-padding-left-20 {
    padding-left: 20px!important
}
.oxy-padding-bottom-20 {
    padding-bottom: 20px!important
}
.oxy-padding-right-20 {
    padding-right: 20px!important
}
.oxy-padding-30 {
    padding: 30px!important
}
.oxy-padding-top-30 {
    padding-top: 30px!important
}
.oxy-padding-left-30 {
    padding-left: 30px!important
}
.oxy-padding-bottom-30 {
    padding-bottom: 30px!important
}
.oxy-padding-right-30 {
    padding-right: 30px!important
}
.oxy-padding-40 {
    padding: 40px!important
}
.oxy-padding-top-40 {
    padding-top: 40px!important
}
.oxy-padding-left-40 {
    padding-left: 40px!important
}
.oxy-padding-bottom-40 {
    padding-bottom: 40px!important
}
.oxy-padding-right-40 {
    padding-right: 40px!important
}
.oxy-padding-50 {
    padding: 50px!important
}
.oxy-padding-top-50 {
    padding-top: 50px!important
}
.oxy-padding-left-50 {
    padding-left: 50px!important
}
.oxy-padding-bottom-50 {
    padding-bottom: 50px!important
}
.oxy-padding-right-50 {
    padding-right: 50px!important
}
.oxy-padding-60 {
    padding: 60px!important
}
.oxy-padding-top-60 {
    padding-top: 60px!important
}
.oxy-padding-left-60 {
    padding-left: 60px!important
}
.oxy-padding-bottom-60 {
    padding-bottom: 60px!important
}
.oxy-padding-right-60 {
    padding-right: 60px!important
}
.oxy-padding-70 {
    padding: 70px!important
}
.oxy-padding-top-70 {
    padding-top: 70px!important
}
.oxy-padding-left-70 {
    padding-left: 70px!important
}
.oxy-padding-bottom-70 {
    padding-bottom: 70px!important
}
.oxy-padding-right-70 {
    padding-right: 70px!important
}
.oxy-padding-80 {
    padding: 80px!important
}
.oxy-padding-top-80 {
    padding-top: 80px!important
}
.oxy-padding-left-80 {
    padding-left: 80px!important
}
.oxy-padding-bottom-80 {
    padding-bottom: 80px!important
}
.oxy-padding-right-80 {
    padding-right: 80px!important
}
.oxy-padding-90 {
    padding: 90px!important
}
.oxy-padding-top-90 {
    padding-top: 90px!important
}
.oxy-padding-left-90 {
    padding-left: 90px!important
}
.oxy-padding-bottom-90 {
    padding-bottom: 90px!important
}
.oxy-padding-right-90 {
    padding-right: 90px!important
}
.oxy-padding-100 {
    padding: 100px!important
}
.oxy-padding-top-100 {
    padding-top: 100px!important
}
.oxy-padding-left-100 {
    padding-left: 100px!important
}
.oxy-padding-bottom-100 {
    padding-bottom: 100px!important
}
.oxy-padding-right-100 {
    padding-right: 100px!important
}
.oxy-padding-110 {
    padding: 110px!important
}
.oxy-padding-top-110 {
    padding-top: 110px!important
}
.oxy-padding-left-110 {
    padding-left: 110px!important
}
.oxy-padding-bottom-110 {
    padding-bottom: 110px!important
}
.oxy-padding-right-110 {
    padding-right: 110px!important
}
.oxy-padding-120 {
    padding: 120px!important
}
.oxy-padding-top-120 {
    padding-top: 120px!important
}
.oxy-padding-left-120 {
    padding-left: 120px!important
}
.oxy-padding-bottom-120 {
    padding-bottom: 120px!important
}
.oxy-padding-right-120 {
    padding-right: 120px!important
}
.oxy-padding-130 {
    padding: 130px!important
}
.oxy-padding-top-130 {
    padding-top: 130px!important
}
.oxy-padding-left-130 {
    padding-left: 130px!important
}
.oxy-padding-bottom-130 {
    padding-bottom: 130px!important
}
.oxy-padding-right-130 {
    padding-right: 130px!important
}
.oxy-padding-140 {
    padding: 140px!important
}
.oxy-padding-top-140 {
    padding-top: 140px!important
}
.oxy-padding-left-140 {
    padding-left: 140px!important
}
.oxy-padding-bottom-140 {
    padding-bottom: 140px!important
}
.oxy-padding-right-140 {
    padding-right: 140px!important
}
.oxy-padding-150 {
    padding: 150px!important
}
.oxy-padding-top-150 {
    padding-top: 150px!important
}
.oxy-padding-left-150 {
    padding-left: 150px!important
}
.oxy-padding-bottom-150 {
    padding-bottom: 150px!important
}
.oxy-padding-right-150 {
    padding-right: 150px!important
}
.oxy-padding-160 {
    padding: 160px!important
}
.oxy-padding-top-160 {
    padding-top: 160px!important
}
.oxy-padding-left-160 {
    padding-left: 160px!important
}
.oxy-padding-bottom-160 {
    padding-bottom: 160px!important
}
.oxy-padding-right-160 {
    padding-right: 160px!important
}
.oxy-padding-170 {
    padding: 170px!important
}
.oxy-padding-top-170 {
    padding-top: 170px!important
}
.oxy-padding-left-170 {
    padding-left: 170px!important
}
.oxy-padding-bottom-170 {
    padding-bottom: 170px!important
}
.oxy-padding-right-170 {
    padding-right: 170px!important
}
.oxy-padding-180 {
    padding: 180px!important
}
.oxy-padding-top-180 {
    padding-top: 180px!important
}
.oxy-padding-left-180 {
    padding-left: 180px!important
}
.oxy-padding-bottom-180 {
    padding-bottom: 180px!important
}
.oxy-padding-right-180 {
    padding-right: 180px!important
}
.oxy-padding-190 {
    padding: 190px!important
}
.oxy-padding-top-190 {
    padding-top: 190px!important
}
.oxy-padding-left-190 {
    padding-left: 190px!important
}
.oxy-padding-bottom-190 {
    padding-bottom: 190px!important
}
.oxy-padding-right-190 {
    padding-right: 190px!important
}
.oxy-padding-200 {
    padding: 200px!important
}
.oxy-padding-top-200 {
    padding-top: 200px!important
}
.oxy-padding-left-200 {
    padding-left: 200px!important
}
.oxy-padding-bottom-200 {
    padding-bottom: 200px!important
}
.oxy-padding-right-200 {
    padding-right: 200px!important
}
.oxy-opacity-0 {
    opacity: 0!important
}
.oxy-opacity-10 {
    opacity: .1!important
}
.oxy-opacity-20 {
    opacity: .2!important
}
.oxy-opacity-30 {
    opacity: .3!important
}
.oxy-opacity-40 {
    opacity: .4!important
}
.oxy-opacity-50 {
    opacity: .5!important
}
.oxy-opacity-60 {
    opacity: .6!important
}
.oxy-opacity-70 {
    opacity: .7!important
}
.oxy-opacity-80 {
    opacity: .8!important
}
.oxy-opacity-89 {
    opacity: .9!important
}
.oxy-opacity-99 {
    opacity: 1!important
}
.oxy-overlay-0 {
    position: relative;
    z-index: 1
}
.oxy-overlay-0: before {
    position: absolute;
    height: 100%;
    background: 0 0;
    z-index: -1
}
.oxy-overlay-5 {
    position: relative;
    z-index: 1
}
.oxy-overlay-5: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .05);
    z-index: -1
}
.oxy-overlay-10 {
    position: relative;
    z-index: 1
}
.oxy-overlay-10: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .1);
    z-index: -1
}
.oxy-overlay-15 {
    position: relative;
    z-index: 1
}
.oxy-overlay-15: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    z-index: -1
}
.oxy-overlay-20 {
    position: relative;
    z-index: 1
}
.oxy-overlay-20: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .2);
    z-index: -1
}
.oxy-overlay-25 {
    position: relative;
    z-index: 1
}
.oxy-overlay-25: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .25);
    z-index: -1
}
.oxy-overlay-30 {
    position: relative;
    z-index: 1
}
.oxy-overlay-30: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: -1
}
.oxy-overlay-35 {
    position: relative;
    z-index: 1
}
.oxy-overlay-35: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .35);
    z-index: -1
}
.oxy-overlay-40 {
    position: relative;
    z-index: 1
}
.oxy-overlay-40: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: -1
}
.oxy-overlay-44 {
    position: relative;
    z-index: 1
}
.oxy-overlay-44: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .45);
    z-index: -1
}
.oxy-overlay-49 {
    position: relative;
    z-index: 1
}
.oxy-overlay-49: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: -1
}
.oxy-overlay-54 {
    position: relative;
    z-index: 1
}
.oxy-overlay-54: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .55);
    z-index: -1
}
.oxy-overlay-60 {
    position: relative;
    z-index: 1
}
.oxy-overlay-60: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: -1
}
.oxy-overlay-65 {
    position: relative;
    z-index: 1
}
.oxy-overlay-65: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .65);
    z-index: -1
}
.oxy-overlay-70 {
    position: relative;
    z-index: 1
}
.oxy-overlay-70: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: -1
}
.oxy-overlay-75 {
    position: relative;
    z-index: 1
}
.oxy-overlay-75: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .75);
    z-index: -1
}
.oxy-overlay-80 {
    position: relative;
    z-index: 1
}
.oxy-overlay-80: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .8);
    z-index: -1
}
.oxy-overlay-85 {
    position: relative;
    z-index: 1
}
.oxy-overlay-85: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .85);
    z-index: -1
}
.oxy-overlay-90 {
    position: relative;
    z-index: 1
}
.oxy-overlay-90: before {
    position: absolute;
    height: 100%;
    background: rgba(0, 0, 0, .9);
    z-index: -1
}
.oxy-overlay-95 {
    position: relative;
    z-index: 1
}
.oxy-overlay-95: before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .95);
    z-index: -1
}
.oxy-overlay-gradient-0 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-0: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, transparent 0, transparent 100%)
}
.oxy-overlay-gradient-5 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-5: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .05) 0, transparent 100%)
}
.oxy-overlay-gradient-10 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-10: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .1) 0, transparent 100%)
}
.oxy-overlay-gradient-15 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-15: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .15) 0, transparent 100%)
}
.oxy-overlay-gradient-20 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-20: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .2) 0, transparent 100%)
}
.oxy-overlay-gradient-25 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-25: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .25) 0, transparent 100%)
}
.oxy-overlay-gradient-30 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-30: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .3) 0, transparent 100%)
}
.oxy-overlay-gradient-35 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-35: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .35) 0, transparent 100%)
}
.oxy-overlay-gradient-40 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-40: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .4) 0, transparent 100%)
}
.oxy-overlay-gradient-44 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-44: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .45) 0, transparent 100%)
}
.oxy-overlay-gradient-49 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-49: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, transparent 100%)
}
.oxy-overlay-gradient-54 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-54: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .55) 0, transparent 100%)
}
.oxy-overlay-gradient-60 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-60: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .6) 0, transparent 100%)
}
.oxy-overlay-gradient-65 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-65: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .65) 0, transparent 100%)
}
.oxy-overlay-gradient-70 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-70: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .7) 0, transparent 100%)
}
.oxy-overlay-gradient-75 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-75: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .75) 0, transparent 100%)
}
.oxy-overlay-gradient-80 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-80: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .8) 0, transparent 100%)
}
.oxy-overlay-gradient-85 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-85: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, transparent 100%)
}
.oxy-overlay-gradient-90 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-90: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .9) 0, transparent 100%)
}
.oxy-overlay-gradient-95 {
    position: relative;
    z-index: 1
}
.oxy-overlay-gradient-95: before {
    position: absolute;
    z-index: -1;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, .95) 0, transparent 100%)
}
.oxy-display-block {
    display: block!important
}
.oxy-display-inline-block {
    display: inline-block!important
}
.oxy-display-inline {
    display: inline!important
}
.oxy-float-left {
    float: left!important
}
.oxy-float-right {
    float: right!important
}
.oxy-clear: after, .oxy-clear: before {
    content: " ";
    display: table
}
.oxy-clear: after {
    clear: both
}
.oxy-make-round {
    border-radius: 50%
}
.oxy-flex-justify-start {
    -webkit-justify-content: flex-start!important;
    justify-content: flex-start!important
}
.oxy-flex-justify-end {
    -webkit-justify-content: flex-end!important;
    justify-content: flex-end!important
}
.oxy-flex-justify-center {
    -webkit-justify-content: center!important;
    justify-content: center!important
}
.oxy-flex-align-start {
    -webkit-align-items: flex-start!important;
    align-items: flex-start!important
}
.oxy-flex-align-end {
    -webkit-align-items: flex-end!important;
    align-items: flex-end!important
}
.oxy-flex-align-center {
    -webkit-align-items: center!important;
    align-items: center!important
}
.oxy-widget {
    margin-bottom: 16px;
    width: initial
}
.oxy-widget__content {
    width: 100%;
    box-sizing: border-box
}
.oxy-widget__content .oxy-list,
.oxy-widget__content .oxy-list__item {
    padding: 0
}
.oxy-widget__content .mdl-slider,
.oxy-widget__content .mdl-slider__background-flex {
    margin: 0;
    width: 100%
}
.oxy-widget__content .mdl-textfield {
    width: 100%;
    max-width: initial
}
.oxy-alert {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
    display: -webkit-flex;
    display: flex
}
.oxy-alert--action,
.oxy-alert--text {
    padding: 16px
}
.oxy-alert--text {
    -webkit-flex: 1 0;
    flex: 1 0;
    -webkit-align-self: center;
    align-self: center
}
.oxy-alert p {
    margin: 0
}
.oxy-alert--danger {
    background-color: #e57373;
    color: #fff
}
.oxy-alert--success {
    background-color: #81c784;
    color: #fff
}
.oxy-alert--primary {
    background: rgba(233, 30, 99, 1);
    color: rgba(255, 255, 255, 1)
}
.oxy-alert--accent {
    background: rgba(68, 138, 255, 1);
    color: rgba(255, 255, 255, 1)
}
.mdl-button .fa {
    font-size: 16px
}
.mdl-mega-footer--heading,
.mdl-mega-footer__heading {
    color: inherit
}
.mdl-mega-footer__widget {
    margin-bottom: 32px
}
.mdl-mega-footer--link-list a,
.mdl-mega-footer--link-list p,
.mdl-mega-footer__link-list a,
.mdl-mega-footer__widget a,
.mdl-mega-footer__widget p {
    color: inherit;
    font-weight: 400;
    white-space: initial
}
.mdl-mega-footer--link-list li {
    margin-bottom: 8px
}
.mdl-mega-footer--link-list--bordered li {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}
.mdl-mega-footer--link-list--bordered li: last-child {
    border-bottom: 0
}
.mdl-mega-footer--heading-checkbox: checked~.mdl-mega-footer__widget, .mdl-mega-footer__heading-checkbox: checked~.mdl-mega-footer__widget {
    display: none
}
@media screen and (min-width: 760px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer__drop-down-section {
        width: 50%
    }
    .mdl-mega-footer--drop-down-section: nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(3) {
        clear: both;
        float: left
    }
    .mdl-mega-footer--drop-down-section: nth-child(4), .mdl-mega-footer__drop-down-section: nth-child(4) {
        clear: none;
        float: left
    }
    .mdl-mega-footer--heading-checkbox: checked~.mdl-mega-footer__widget, .mdl-mega-footer__heading-checkbox: checked~.mdl-mega-footer__widget {
        display: block
    }
    .mdl-mega-footer--link-list,
    .mdl-mega-footer__widget {
        padding-right: 40px
    }
}
@media screen and (min-width: 1024px) {
    .mdl-mega-footer--drop-down-section, .mdl-mega-footer--drop-down-section: nth-child(3), .mdl-mega-footer--drop-down-section: nth-child(4), .mdl-mega-footer__drop-down-section, .mdl-mega-footer__drop-down-section: nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(4) {
        width: 25%;
        float: left
    }
    .mdl-mega-footer--drop-down-section: nth-child(3), .mdl-mega-footer--drop-down-section: nth-child(3): nth-child(3), .mdl-mega-footer--drop-down-section: nth-child(3): nth-child(4), .mdl-mega-footer--drop-down-section: nth-child(4), .mdl-mega-footer--drop-down-section: nth-child(4): nth-child(3), .mdl-mega-footer--drop-down-section: nth-child(4): nth-child(4), .mdl-mega-footer__drop-down-section: nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(3): nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(3): nth-child(4), .mdl-mega-footer__drop-down-section: nth-child(4), .mdl-mega-footer__drop-down-section: nth-child(4): nth-child(3), .mdl-mega-footer__drop-down-section: nth-child(4): nth-child(4) {
        clear: none
    }
}
.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.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
    -webkit-animation-duration: .75s;
    animation-duration: .75s
}
@-webkit-keyframes bounce {
    100%,
    20%,
    53%,
    80%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -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 {
    100%,
    20%,
    53%,
    80%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    40%,
    43% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0)
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        -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 {
    100%,
    50%,
    from {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
@keyframes flash {
    100%,
    50%,
    from {
        opacity: 1
    }
    25%,
    75% {
        opacity: 0
    }
}
.flash {
    -webkit-animation-name: flash;
    animation-name: flash
}
@-webkit-keyframes pulse {
    100%,
    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)
    }
}
@keyframes pulse {
    100%,
    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)
    }
}
.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse
}
@-webkit-keyframes rubberBand {
    100%,
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }
}
@keyframes rubberBand {
    100%,
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    30% {
        -webkit-transform: scale3d(1.25, .75, 1);
        transform: scale3d(1.25, .75, 1)
    }
    40% {
        -webkit-transform: scale3d(.75, 1.25, 1);
        transform: scale3d(.75, 1.25, 1)
    }
    50% {
        -webkit-transform: scale3d(1.15, .85, 1);
        transform: scale3d(1.15, .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)
    }
}
.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand
}
@-webkit-keyframes shake {
    100%,
    from {
        -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 {
    100%,
    from {
        -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 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)
    }
    100% {
        -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)
    }
    100% {
        -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 {
    100%,
    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)
    }
}
@keyframes tada {
    100%,
    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)
    }
}
.tada {
    -webkit-animation-name: tada;
    animation-name: tada
}
@-webkit-keyframes wobble {
    100%,
    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)
    }
}
@keyframes wobble {
    100%,
    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)
    }
}
.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble
}
@-webkit-keyframes jello {
    100%,
    11.1%,
    from {
        -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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
@keyframes jello {
    100%,
    11.1%,
    from {
        -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(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }
    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }
    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}
.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}
@-webkit-keyframes bounceIn {
    100%,
    20%,
    40%,
    60%,
    80%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
@keyframes bounceIn {
    100%,
    20%,
    40%,
    60%,
    80%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInDown {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInLeft {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
@keyframes bounceInRight {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}
@keyframes bounceInUp {
    100%,
    60%,
    75%,
    90%,
    from {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    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)
    }
    100% {
        -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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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
    }
    100% {
        opacity: 1
    }
}
@keyframes fadeIn {
    from {
        opacity: 0
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
@keyframes fadeOut {
    from {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}
.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }
}
@keyframes fadeOutDown {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0)
    }
}
@keyframes fadeOutDownBig {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }
}
@keyframes fadeOutLeft {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0)
    }
}
@keyframes fadeOutLeftBig {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}
@keyframes fadeOutRight {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0)
    }
}
@keyframes fadeOutRightBig {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
@keyframes fadeOutUp {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0)
    }
}
@keyframes fadeOutUpBig {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        -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
    }
    100% {
        -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)
    }
    100% {
        -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)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInX {
    -webkit-backface-visibility: visible!important;
    backface-visibility: visible!important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX
}
.flipInY,
.flipOutX {
    -webkit-backface-visibility: visible!important
}
@-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)
    }
    100% {
        -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)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}
.flipInY {
    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
    }
    100% {
        -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
    }
    100% {
        -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;
    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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0
    }
}
@keyframes lightSpeedOut {
    from {
        opacity: 1
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0
    }
}
.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge
}
@-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)
    }
    100% {
        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)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}
.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn
}
@-webkit-keyframes rollOut {
    from {
        opacity: 1
    }
    100% {
        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
    }
    100% {
        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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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)
    }
    100% {
        opacity: 0
    }
}
@keyframes zoomOut {
    from {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    100% {
        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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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(.55, .055, .675, .19);
        animation-timing-function: cubic-bezier(.55, .055, .675, .19)
    }
    100% {
        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(.175, .885, .32, 1);
        animation-timing-function: cubic-bezier(.175, .885, .32, 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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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
    }
    100% {
        -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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        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)
    }
    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
}
.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp
}
.oxy-bigtext span {
    line-height: 1
}
.flexslider {
    margin: 0;
    padding: 0;
    top: 3px;
}
.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden
}
.flexslider .slides img,
.no-js .flexslider .slides>li: first-child, html[xmlns] .flexslider .slides {
    display: block
}
.flexslider .slides img {
    width: 100%
}
.flexslider .slides: after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
* html .flexslider .slides {
    height: 1%
}
.tp-caption .backcorner,
.tp-caption .backcornertop,
.tp-caption .frontcorner,
.tp-caption .frontcornertop {
    height: 0;
    width: 0;
    position: absolute
}
.rev_slider {
    position: relative;
    overflow: visible
}
.tp-overflow-hidden {
    overflow: hidden
}
.rev_slider img,
.tp-simpleresponsive img {
    max-width: none!important;
    transition: none 0;
    margin: 0;
    padding: 0;
    border: none
}
.rev_slider .no-slides-text {
    font-weight: 700;
    text-align: center;
    padding-top: 80px
}
.rev_slider>ul,
.rev_slider>ul>li,
.rev_slider>ul>li: before, .rev_slider_wrapper>ul, .tp-revslider-mainul>li, .tp-revslider-mainul>li: before, .tp-simpleresponsive>ul, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li: before {
    list-style: none!important;
    position: absolute;
    margin: 0!important;
    padding: 0!important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none;
    background-position: 0 0;
    text-indent: 0;
    top: 0;
    left: 0
}
.rev_slider>ul>li,
.rev_slider>ul>li: before, .tp-revslider-mainul>li, .tp-revslider-mainul>li: before, .tp-simpleresponsive>ul>li, .tp-simpleresponsive>ul>li: before {
    visibility: hidden
}
.tp-revslider-mainul,
.tp-revslider-slidesli {
    padding: 0!important;
    margin: 0!important;
    list-style: none!important
}
.fullscreen-container,
.fullwidthbanner-container {
    padding: 0;
    position: relative
}
.rev_slider .caption,
.rev_slider .tp-caption {
    position: relative;
    visibility: hidden;
    white-space: nowrap;
    display: block
}
.tp-carousel-wrapper.dragged {
    cursor: url(../rs-plugin/assets/closedhand.cur), move
}
.tp-caption {
    z-index: 1;
    position: absolute;
    -webkit-font-smoothing: antialiased!important
}
.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none!important
}
.tp-caption.tp-hidden-caption,
.tp-forcenotvisible,
.tp-hide-revslider {
    visibility: hidden!important;
    display: none!important
}
.rev_slider embed,
.rev_slider iframe,
.rev_slider object,
.rev_slider video {
    max-width: none!important
}
.fullwidthbanner-container {
    overflow: hidden
}
.fullwidthbanner-container .fullwidthabanner {
    width: 100%;
    position: relative
}
.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0;
    left: 0
}
.tp-caption .frontcorner {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00A8FF;
    left: -40px;
    top: 0
}
.tp-caption .backcorner {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    right: 0;
    top: 0
}
.tp-caption .frontcornertop {
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00A8FF;
    left: -40px;
    top: 0
}
.tp-caption .backcornertop {
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    right: 0;
    top: 0
}
.tp-layer-inner-rotation {
    position: relative!important
}
img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}
.caption.fullscreenvideo,
.rs-background-video-layer,
.tp-caption.coverscreenvideo,
.tp-caption.fullscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}
.noFilterClass {
    -webkit-filter: none!important;
    filter: none!important
}
.rs-background-video-layer {
    visibility: hidden;
    z-index: 0
}
.caption.fullscreenvideo iframe,
.caption.fullscreenvideo video,
.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe video {
    width: 100%!important;
    height: 100%!important;
    display: none
}
.fullcoveredvideo video,
.fullscreenvideo video {
    background: #000
}
.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.videoisplaying .html5vid .tp-poster {
    display: none
}
.tp-video-play-button,
.tp-video-play-button i {
    display: inline-block;
    line-height: 50px!important;
    vertical-align: top;
    text-align: center
}
.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, .3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    margin-top: -25px;
    margin-left: -25px;
    cursor: pointer;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 4;
    opacity: 0;
    transition: opacity .3s ease-out!important
}
.tp-caption .html5vid {
    width: 100%!important;
    height: 100%!important
}
.tp-video-play-button i {
    width: 50px;
    height: 50px;
    font-size: 40px!important
}
.rs-fullvideo-cover,
.tp-dottedoverlay,
.tp-shadowcover {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}
.tp-caption .tp-revstop {
    display: none;
    border-left: 5px solid #fff!important;
    border-right: 5px solid #fff!important;
    margin-top: 15px!important;
    line-height: 20px!important;
    vertical-align: top;
    font-size: 25px!important
}
.tp-seek-bar,
.tp-video-button,
.tp-volume-bar {
    line-height: 12px;
    margin: 0;
    cursor: pointer;
    outline: 0
}
.videoisplaying .revicon-right-dir {
    display: none
}
.videoisplaying .tp-revstop {
    display: inline-block
}
.videoisplaying .tp-video-play-button {
    display: none
}
.tp-caption: hover .tp-video-play-button {
    opacity: 1;
    display: block
}
.fullcoveredvideo .tp-video-play-button {
    display: none!important
}
.fullscreenvideo .fullscreenvideo video {
    object-fit: contain!important
}
.fullscreenvideo .fullcoveredvideo video {
    object-fit: cover!important
}
.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -ms-linear-gradient(bottom, #000 13%, #323232 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(.13, #000), color-stop(1, #323232));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.rev-btn.rev-hiddenicon i,
.rev-btn.rev-withicon i {
    -webkit-transition: all .2s ease-out!important;
    -o-transition: all .2s ease-out!important;
    -ms-transition: all .2s ease-out!important
}
.tp-caption: hover .tp-video-controls {
    opacity: .9
}
.tp-video-button {
    background: rgba(0, 0, 0, .5);
    border: 0;
    border-radius: 3px;
    font-size: 12px;
    color: #fff;
    padding: 0
}
.tp-video-button: hover {
    cursor: pointer
}
.tp-video-button-wrap,
.tp-video-seek-bar-wrap,
.tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell
}
.tp-video-seek-bar-wrap {
    width: 80%
}
.tp-video-vol-bar-wrap {
    width: 20%
}
.tp-seek-bar,
.tp-volume-bar {
    width: 100%;
    padding: 0
}
.rs-fullvideo-cover {
    width: 100%;
    background: 0 0;
    z-index: 5
}
.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    z-index: 3
}
.tp-dottedoverlay.tp-dottedoverlay.threexthree {
    background: url(../rs-plugin/assets/gridtile_3x3.png)
}
.tp-dottedoverlay.threexthreewhite {}.tp-shadowcover {
    width: 100%;
    background: #fff;
    z-index: -1
}
.tp-shadow1 {
    box-shadow: 0 10px 6px -6px rgba(0, 0, 0, .8)
}
.tp-shadow2: after, .tp-shadow2: before, .tp-shadow3: before, .tp-shadow4: after {
    z-index: -2;
    position: absolute;
    content: "";
    bottom: 10px;
    left: 10px;
    width: 50%;
    top: 85%;
    max-width: 300px;
    background: 0 0;
    box-shadow: 0 15px 10px rgba(0, 0, 0, .8);
    -webkit-transform: rotate(-3deg);
    transform: rotate(-3deg)
}
.tp-shadow2: after, .tp-shadow4: after {
    -webkit-transform: rotate(3deg);
    transform: rotate(3deg);
    right: 10px;
    left: auto
}
.tp-shadow5 {
    position: relative;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3), 0 0 40px rgba(0, 0, 0, .1) inset
}
.tp-shadow5: after, .tp-shadow5: before {
    content: "";
    position: absolute;
    z-index: -2;
    box-shadow: 0 0 25px 0 rgba(0, 0, 0, .6);
    top: 30%;
    bottom: 0;
    left: 20px;
    right: 20px;
    border-radius: 100px/20px
}
.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff!important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6)!important;
    font-size: 15px;
    line-height: 45px!important;
    background: url(../rs-plugin/images/gradient/g30.png) top repeat-x;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none
}
.tp-button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
    font-weight: 700;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px!important;
}
.purchase: hover, .tp-button.big: hover, .tp-button: hover {
    background-position: bottom, 15px 11px
}
.purchase.green,
.purchase: hover.green, .tp-button.green, .tp-button: hover.green {
    background-color: #21a117;
    box-shadow: 0 3px 0 0 #104d0b
}
.purchase.blue,
.purchase: hover.blue, .tp-button.blue, .tp-button: hover.blue {
    background-color: #1d78cb;
    box-shadow: 0 3px 0 0 #0f3e68
}
.purchase.red,
.purchase: hover.red, .tp-button.red, .tp-button: hover.red {
    background-color: #cb1d1d;
    box-shadow: 0 3px 0 0 #7c1212
}
.purchase.orange,
.purchase: hover.orange, .tp-button.orange, .tp-button: hover.orange {
    background-color: #f70;
    box-shadow: 0 3px 0 0 #a34c00
}
.purchase.darkgrey,
.purchase: hover.darkgrey, .tp-button.darkgrey, .tp-button.grey, .tp-button: hover.darkgrey, .tp-button: hover.grey {
    background-color: #555;
    box-shadow: 0 3px 0 0 #222
}
.purchase.lightgrey,
.purchase: hover.lightgrey, .tp-button.lightgrey, .tp-button: hover.lightgrey {
    background-color: #888;
    box-shadow: 0 3px 0 0 #555
}
.rev-btn,
.rev-btn: visited {
    outline: 0!important;
    box-shadow: none!important;
    text-decoration: none!important;
    line-height: 44px;
    font-size: 17px;
    font-weight: 500;
    padding: 12px 35px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    cursor: pointer
}
.rev-burger,
.rev-control-btn,
.rev-scroll-btn,
.tp-tab,
.tp-thumb {
    box-sizing: border-box;
    cursor: pointer
}
.rev-btn.rev-uppercase,
.rev-btn.rev-uppercase: visited {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 900
}
.rev-btn.rev-withicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -moz-transition: all .2s ease-out!important;
    margin-left: 10px!important
}
.rev-btn.rev-hiddenicon i {
    font-size: 15px;
    font-weight: 400;
    position: relative;
    top: 0;
    -moz-transition: all .2s ease-out!important;
    opacity: 0;
    margin-left: 0!important;
    width: 0!important
}
.rev-btn.rev-hiddenicon: hover i {
    opacity: 1!important;
    margin-left: 10px!important;
    width: auto!important
}
.rev-btn.rev-medium,
.rev-btn.rev-medium: visited {
    line-height: 36px;
    font-size: 14px;
    padding: 10px 30px
}
.rev-btn.rev-medium.rev-hiddenicon i,
.rev-btn.rev-medium.rev-withicon i {
    font-size: 14px;
    top: 0
}
.rev-btn.rev-small,
.rev-btn.rev-small: visited {
    line-height: 28px;
    font-size: 12px;
    padding: 7px 20px
}
.rev-btn.rev-small.rev-hiddenicon i,
.rev-btn.rev-small.rev-withicon i {
    font-size: 12px;
    top: 0
}
.rev-maxround {
    border-radius: 30px
}
.rev-minround {
    border-radius: 3px
}
.rev-burger {
    position: relative;
    width: 60px;
    height: 60px;
    padding: 22px 0 0 14px;
    border-radius: 50%;
    border: 1px solid rgba(51, 51, 51, .25);
    tap-highlight-color: transparent
}
.rev-burger span {
    display: block;
    width: 30px;
    height: 3px;
    background: #333;
    transition: .7s;
    pointer-events: none;
    -webkit-transform-style: flat!important;
    transform-style: flat!important
}
.rev-burger.revb-white span,
.rev-burger.revb-whitenoborder span {
    background: #fff
}
.rev-burger span: nth-child(2) {
    margin: 3px 0
}
#dialog_addbutton .rev-burger: hover: first-child, .open .rev-burger: first-child, .open.rev-burger: first-child {
    transform: translateY(6px) rotate(-45deg);
    -webkit-transform: translateY(6px) rotate(-45deg)
}
#dialog_addbutton .rev-burger: hover: nth-child(2), .open .rev-burger: nth-child(2), .open.rev-burger: nth-child(2) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    opacity: 0
}
#dialog_addbutton .rev-burger: hover: last-child, .open .rev-burger: last-child, .open.rev-burger: last-child {
    transform: translateY(-6px) rotate(-135deg);
    -webkit-transform: translateY(-6px) rotate(-135deg)
}
.rev-burger.revb-white {
    border: 2px solid rgba(255, 255, 255, .2)
}
.rev-burger.revb-darknoborder,
.rev-burger.revb-whitenoborder {
    border: 0
}
.rev-burger.revb-darknoborder span {
    background: #333
}
.rev-burger.revb-whitefull {
    background: #fff;
    border: none
}
.rev-burger.revb-whitefull span {
    background: #333
}
.rev-burger.revb-darkfull {
    background: #333;
    border: none
}
.rev-burger.revb-darkfull span,
.rev-scroll-btn.revs-fullwhite {
    background: #fff
}
@-webkit-keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}
@keyframes rev-ani-mouse {
    0% {
        opacity: 1;
        top: 29%
    }
    15% {
        opacity: 1;
        top: 50%
    }
    50% {
        opacity: 0;
        top: 50%
    }
    100% {
        opacity: 0;
        top: 29%
    }
}
.rev-scroll-btn {
    display: inline-block;
    position: relative;
    left: 0;
    right: 0;
    text-align: center;
    width: 35px;
    height: 55px;
    border: 3px solid #fff;
    border-radius: 23px
}
.rev-scroll-btn>* {
    display: inline-block;
    line-height: 18px;
    font-size: 13px;
    font-weight: 400;
    color: #fff;
    letter-spacing: 2px
}
.rev-scroll-btn>.active,
.rev-scroll-btn>: focus, .rev-scroll-btn>: hover {
    color: #fff
}
.rev-scroll-btn>.active,
.rev-scroll-btn>: active, .rev-scroll-btn>: focus, .rev-scroll-btn>: hover {
    opacity: .8;
    filter: alpha(opacity=80)
}
.rev-scroll-btn.revs-fullwhite span {
    background: #333
}
.rev-scroll-btn.revs-fulldark {
    background: #333;
    border: none
}
.rev-scroll-btn.revs-fulldark span,
.tp-bullet {
    background: #fff
}
.rev-scroll-btn span {
    position: absolute;
    display: block;
    top: 29%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #fff;
    border-radius: 50%;
    -webkit-animation: rev-ani-mouse 2.5s linear infinite;
    animation: rev-ani-mouse 2.5s linear infinite
}
.rev-scroll-btn.revs-dark {
    border-color: #333
}
.rev-scroll-btn.revs-dark span {
    background: #333
}
.rev-control-btn {
    position: relative;
    display: inline-block;
    z-index: 5;
    color: #FFF;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    font-style: normal;
    text-decoration: none;
    text-align: center;
    background-color: #000;
    border-radius: 50px;
    text-shadow: none;
    background-color: rgba(0, 0, 0, .5);
    width: 60px;
    height: 60px
}
.rev-cbutton-light,
.rev-cbutton-light-sr {
    color: #333;
    background-color: rgba(255, 255, 255, .75)
}
.rev-cbutton-dark-sr {
    border-radius: 3px
}
.rev-cbutton-light-sr {
    border-radius: 3
}
.rev-sbutton {
    line-height: 37px;
    width: 37px;
    height: 37px
}
.rev-sbutton-blue {
    background-color: #3B5998
}
.rev-sbutton-lightblue {
    background-color: #00A0D1
}
.rev-sbutton-red {
    background-color: #DD4B39
}
.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    position: absolute;
    z-index: 200;
    top: 0
}
.tp-bannertimer.tp-bottom {
    top: auto;
    bottom: 0!important;
    height: 5px
}
.tp-caption img {
    background: 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1
}
.caption.slidelink a div,
.tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px;
    background: url(../rs-plugin/assets/coloredbg.png)
}
.tp-caption.slidelink a span {
    background: url(../rs-plugin/assets/coloredbg.png)
}
.tp-shape {
    width: 100%;
    height: 100%
}
.tp-loader.spinner0,
.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 3px
}
.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}
.tp-loader.spinner0 {
    background: url(../rs-plugin/assets/loader.gif) center center no-repeat;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.tp-loader.spinner1 {
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
.tp-loader.spinner5 {
    background: url(../rs-plugin/assets/loader.gif) 10px 10px no-repeat #fff;
    margin: -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}
@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}
@keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateX(0) rotateY(0);
        transform: perspective(120px) rotateX(0) rotateY(0)
    }
    50% {
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0)
    }
    100% {
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}
.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}
@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        opacity: 0
    }
}
@keyframes tp-scaleout {
    0% {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        opacity: 0
    }
}
.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}
.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3 .bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.tp-loader.spinner3 .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.tp-loader.spinner3 .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes tp-bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1)
    }
}
@keyframes tp-bouncedelay {
    0%,
    100%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}
.tp-loader.spinner4 .dot1,
.tp-loader.spinner4 .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2s infinite ease-in-out;
    animation: tp-bounce 2s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .15)
}
.tp-loader.spinner4 .dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}
@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}
@-webkit-keyframes tp-bounce {
    0%,
    100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}
@keyframes tp-bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.tp-bullets.navbar,
.tp-tabs.navbar,
.tp-thumbs.navbar {
    border: none;
    min-height: 0;
    margin: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0
}
.tp-bullets,
.tp-tabs,
.tp-thumbs {
    position: absolute;
    display: block;
    z-index: 1000;
    top: 0;
    left: 0
}
.tp-tab,
.tp-thumb {
    position: absolute;
    opacity: .5;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}
.tp-tab-image,
.tp-thumb-image,
.tp-videoposter {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}
.tp-tab.selected,
.tp-tab: hover, .tp-thumb.selected, .tp-thumb: hover {
    opacity: 1
}
.tp-tab-mask,
.tp-thumb-mask {
    box-sizing: border-box!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important
}
.tp-tabs,
.tp-thumbs {
    box-sizing: content-box!important;
    -webkit-box-sizing: content-box!important;
    -moz-box-sizing: content-box!important
}
.tp-bullet {
    width: 15px;
    height: 15px;
    position: absolute;
    background: rgba(255, 255, 255, .3);
    cursor: pointer
}
.tp-bullet.selected,
.tp-bullet: hover {
    background: #fff
}
.tp-bannertimer {
    background: #000;
    background: rgba(0, 0, 0, .15);
    height: 5px
}
.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .5);
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    z-index: 100
}
.tparrows: hover {
    background: #000
}
.tparrows: before {
    font-family: revicons;
    font-size: 15px;
    color: #fff;
    display: block;
    line-height: 40px;
    text-align: center
}
.hginfo,
.hglayerinfo {
    font-size: 12px;
    font-weight: 600
}
.tparrows.tp-leftarrow: before {
    content: '\e824'
}
.tparrows.tp-rightarrow: before {
    content: '\e825'
}
.hglayerinfo {
    position: fixed;
    bottom: 0;
    left: 0;
    color: #FFF;
    line-height: 20px;
    background: rgba(0, 0, 0, .75);
    padding: 5px 10px;
    z-index: 2000;
    white-space: normal
}
.hginfo {
    position: absolute;
    top: -2px;
    left: -2px;
    color: #e74c3c;
    background: #000;
    padding: 2px 5px
}
.indebugmode .tp-caption: hover {
    border: 1px dashed #c0392b!important
}
.helpgrid {
    border: 2px dashed #c0392b;
    position: absolute;
    top: 0;
    peft: 0;
    z-index: 0
}
.large_text,
.medium_grey,
.medium_text,
.small_text,
.tp-caption.large_text,
.tp-caption.medium_grey,
.tp-caption.medium_text,
.tp-caption.small_text {
    border-style: none;
    border-width: 0;
    font-weight: 700;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}
.tp-caption.Twitter-Content a,
.tp-caption.Twitter-Content a: visited {
    color: #0084B4!important
}
.tp-caption.Twitter-Content a: hover {
    color: #0084B4!important;
    text-decoration: underline!important
}
.medium_grey,
.tp-caption.medium_grey {
    background-color: #888;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    padding: 2px 4px;
    position: absolute
}
.small_text,
.tp-caption.small_text {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin: 0;
    position: absolute
}
.medium_text,
.tp-caption.medium_text {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    margin: 0;
    position: absolute
}
.large_text,
.tp-caption.large_text {
    color: #fff;
    font-size: 40px;
    line-height: 40px;
    margin: 0;
    position: absolute
}
.tp-caption.very_big_black,
.tp-caption.very_big_white,
.tp-caption.very_large_text,
.very_big_black,
.very_big_white,
.very_large_text {
    border-style: none;
    border-width: 0;
    font-size: 60px;
    line-height: 60px;
    margin: 0;
    position: absolute
}
.tp-caption.very_large_text,
.very_large_text {
    color: #fff;
    font-weight: 700;
    letter-spacing: -2px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    white-space: nowrap
}
.tp-caption.very_big_white,
.very_big_white {
    background-color: #000;
    color: #fff;
    font-weight: 800;
    padding: 1px 4px 0;
    text-shadow: none;
    white-space: nowrap
}
.tp-caption.very_big_black,
.very_big_black {
    background-color: #fff;
    color: #000;
    font-weight: 700;
    padding: 1px 4px 0;
    text-shadow: none;
    white-space: nowrap
}
.modern_medium_fat,
.modern_medium_fat_white,
.modern_medium_light,
.tp-caption.modern_medium_fat,
.tp-caption.modern_medium_fat_white,
.tp-caption.modern_medium_light {
    border-style: none;
    border-width: 0;
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    line-height: 20px;
    white-space: nowrap
}
.modern_medium_fat,
.tp-caption.modern_medium_fat {
    color: #000;
    font-weight: 800;
    margin: 0;
    position: absolute;
    text-shadow: none
}
.modern_medium_fat_white,
.tp-caption.modern_medium_fat_white {
    color: #fff;
    font-weight: 800;
    margin: 0;
    position: absolute;
    text-shadow: none
}
.modern_medium_light,
.tp-caption.modern_medium_light {
    color: #000;
    font-weight: 300;
    margin: 0;
    position: absolute;
    text-shadow: none
}
.modern_big_bluebg,
.modern_big_redbg,
.tp-caption.modern_big_bluebg,
.tp-caption.modern_big_redbg {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    letter-spacing: 0;
    line-height: 36px;
    position: absolute;
    text-shadow: none;
    margin: 0;
    border-style: none;
    border-width: 0
}
.modern_big_bluebg,
.tp-caption.modern_big_bluebg {
    background-color: #4e5b6c;
    font-weight: 800;
    padding: 3px 10px
}
.modern_big_redbg,
.tp-caption.modern_big_redbg {
    background-color: #de543e;
    font-weight: 300;
    padding: 1px 10px 3px
}
.modern_small_text_dark,
.tp-caption.modern_small_text_dark {
    border-style: none;
    border-width: 0;
    color: #555;
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    position: absolute;
    text-shadow: none;
    white-space: nowrap
}
.boxshadow,
.tp-caption.boxshadow {
    box-shadow: 0 0 20px rgba(0, 0, 0, .5)
}
.black,
.tp-caption.black {
    color: #000;
    text-shadow: none
}
.thinheadline_dark,
.thintext_dark,
.tp-caption.thinheadline_dark,
.tp-caption.thintext_dark {
    background-color: transparent;
    color: rgba(0, 0, 0, .85);
    font-family: "Open Sans";
    font-weight: 300;
    position: absolute;
    text-shadow: none
}
.noshadow,
.tp-caption.noshadow {
    text-shadow: none
}
.thinheadline_dark,
.tp-caption.thinheadline_dark {
    font-size: 30px;
    line-height: 30px
}
.thintext_dark,
.tp-caption.thintext_dark {
    font-size: 16px;
    line-height: 26px
}
.largeblackbg,
.tp-caption.largeblackbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #000;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}
.largepinkbg,
.largewhitebg,
.tp-caption.largepinkbg,
.tp-caption.largewhitebg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none;
    font-family: "Open Sans"
}
.largepinkbg,
.tp-caption.largepinkbg {
    background-color: #db4360;
    border-radius: 0;
    color: #fff
}
.largewhitebg,
.tp-caption.largewhitebg {
    background-color: #fff;
    border-radius: 0;
    color: #000
}
.largegreenbg,
.tp-caption.largegreenbg {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background-color: #67ae73;
    border-radius: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 50px;
    font-weight: 300;
    line-height: 70px;
    padding: 0 20px;
    position: absolute;
    text-shadow: none
}
.excerpt,
.tp-caption.excerpt {
    background-color: #000;
    border-color: #fff;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 36px;
    font-weight: 700;
    height: auto;
    letter-spacing: -1.5px;
    line-height: 36px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none;
    white-space: normal!important;
    width: 150px
}
.large_bold_grey,
.tp-caption.large_bold_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #666;
    font-family: "Open Sans";
    font-size: 60px;
    font-weight: 800;
    line-height: 60px;
    margin: 0;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none
}
.medium_thin_grey,
.small_thin_grey,
.tp-caption.medium_thin_grey,
.tp-caption.small_thin_grey {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    font-family: "Open Sans";
    font-weight: 300;
    padding: 1px 4px 0;
    text-decoration: none;
    text-shadow: none;
    margin: 0
}
.medium_thin_grey,
.tp-caption.medium_thin_grey {
    color: #666;
    font-size: 34px;
    line-height: 30px
}
.small_thin_grey,
.tp-caption.small_thin_grey {
    color: #757575;
    font-size: 18px;
    line-height: 26px
}
.lightgrey_divider,
.tp-caption.lightgrey_divider {
    background-color: #ebebeb;
    background-position: initial initial;
    background-repeat: initial initial;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 3px;
    text-decoration: none;
    width: 370px
}
.large_bold_darkblue,
.medium_bg_darkblue,
.tp-caption.large_bold_darkblue,
.tp-caption.medium_bg_darkblue {
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    font-family: "Open Sans";
    font-weight: 800;
    text-decoration: none
}
.large_bold_darkblue,
.tp-caption.large_bold_darkblue {
    background-color: transparent;
    color: #34495e;
    font-size: 58px;
    line-height: 60px
}
.medium_bg_darkblue,
.tp-caption.medium_bg_darkblue {
    background-color: #34495e;
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    padding: 10px
}
.medium_bold_red,
.medium_light_red,
.tp-caption.medium_bold_red,
.tp-caption.medium_light_red {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #e33a0c;
    font-family: "Open Sans";
    padding: 0
}
.medium_bold_red,
.tp-caption.medium_bold_red {
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    text-decoration: none
}
.medium_light_red,
.tp-caption.medium_light_red {
    font-size: 21px;
    font-weight: 300;
    line-height: 26px;
    text-decoration: none
}
.medium_bg_orange,
.medium_bg_red,
.tp-caption.medium_bg_orange,
.tp-caption.medium_bg_red {
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    font-family: "Open Sans";
    padding: 10px;
    font-weight: 800;
    text-decoration: none
}
.medium_bg_red,
.tp-caption.medium_bg_red {
    background-color: #e33a0c;
    color: #fff;
    font-size: 20px;
    line-height: 20px
}
.medium_bold_orange,
.tp-caption.medium_bold_orange {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #f39c12;
    font-family: "Open Sans";
    font-size: 24px;
    font-weight: 800;
    line-height: 30px;
    text-decoration: none
}
.medium_bg_orange,
.tp-caption.medium_bg_orange {
    background-color: #f39c12;
    color: #fff;
    font-size: 20px;
    line-height: 20px
}
.grassfloor,
.tp-caption.grassfloor {
    background-color: #a0b397;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 150px;
    text-decoration: none;
    width: 4000px
}
.large_bold_white,
.medium_light_white,
.tp-caption.large_bold_white,
.tp-caption.medium_light_white {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans"
}
.large_bold_white,
.tp-caption.large_bold_white {
    font-size: 58px;
    font-weight: 800;
    line-height: 60px;
    text-decoration: none
}
.medium_light_white,
.tp-caption.medium_light_white {
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    padding: 0;
    text-decoration: none
}
.mediumlarge_light_white,
.mediumlarge_light_white_center,
.tp-caption.mediumlarge_light_white,
.tp-caption.mediumlarge_light_white_center {
    background-color: transparent;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-decoration: none;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff
}
.mediumlarge_light_white_center,
.tp-caption.mediumlarge_light_white_center {
    text-align: center
}
.medium_bg_asbestos,
.tp-caption.medium_bg_asbestos {
    background-color: #7f8c8d;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Open Sans";
    font-size: 20px;
    font-weight: 800;
    line-height: 20px;
    padding: 10px;
    text-decoration: none
}
.large_bold_black,
.medium_light_black,
.tp-caption.large_bold_black,
.tp-caption.medium_light_black {
    color: #000;
    font-family: "Open Sans";
    text-decoration: none;
    border-style: none;
    border-width: 0;
    background-color: transparent;
    border-color: #ffd658
}
.medium_light_black,
.tp-caption.medium_light_black {
    font-size: 30px;
    font-weight: 300;
    line-height: 36px;
    padding: 0
}
.large_bold_black,
.tp-caption.large_bold_black {
    font-size: 58px;
    font-weight: 800;
    line-height: 60px
}
.mediumlarge_light_darkblue,
.tp-caption.mediumlarge_light_darkblue {
    background-color: transparent;
    border-color: #ffd658;
    border-style: none;
    border-width: 0;
    color: #34495e;
    font-family: "Open Sans";
    font-size: 34px;
    font-weight: 300;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}
.large_bg_black,
.small_light_white,
.tp-caption.large_bg_black,
.tp-caption.small_light_white {
    color: #fff;
    font-family: "Open Sans";
    text-decoration: none;
    border-style: none;
    border-width: 0
}
.small_light_white,
.tp-caption.small_light_white {
    background-color: transparent;
    border-color: #ffd658;
    font-size: 17px;
    font-weight: 300;
    line-height: 28px;
    padding: 0
}
.roundedimage,
.tp-caption.roundedimage {
    border-color: #222;
    border-style: none;
    border-width: 0
}
.large_bg_black,
.tp-caption.large_bg_black {
    background-color: #000;
    border-color: #ffd658;
    font-size: 40px;
    font-weight: 800;
    line-height: 40px;
    padding: 10px 20px 15px
}
.mediumwhitebg,
.tp-caption.mediumwhitebg {
    background-color: #fff;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #000;
    font-family: "Open Sans";
    font-size: 30px;
    font-weight: 300;
    line-height: 30px;
    padding: 5px 15px 10px;
    text-decoration: none;
    text-shadow: none
}
.maincaption,
.tp-caption.maincaption {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    color: #212a40;
    font-size: 33px;
    font-weight: 500;
    line-height: 43px;
    text-decoration: none;
    text-shadow: none
}
.miami_subtitle,
.miami_title_60px,
.tp-caption.miami_subtitle,
.tp-caption.miami_title_60px {
    background-color: transparent;
    border-color: #000;
    text-shadow: none;
    border-style: none;
    border-width: 0;
    text-decoration: none
}
.miami_title_60px,
.tp-caption.miami_title_60px {
    color: #fff;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px
}
.miami_subtitle,
.tp-caption.miami_subtitle {
    color: rgba(255, 255, 255, .65);
    font-size: 17px;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 24px
}
.divideline30px,
.tp-caption.divideline30px {
    background: #fff;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 2px;
    min-width: 30px;
    text-decoration: none
}
.Miami_nostyle,
.tp-caption.Miami_nostyle {
    border-color: #222;
    border-style: none;
    border-width: 0
}
.miami_content_dark,
.miami_content_light,
.miami_title_60px_dark,
.tp-caption.miami_content_dark,
.tp-caption.miami_content_light,
.tp-caption.miami_title_60px_dark {
    background-color: transparent;
    border-color: #000;
    border-style: none;
    border-width: 0;
    text-decoration: none;
    text-shadow: none
}
.miami_content_light,
.tp-caption.miami_content_light {
    color: #fff;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px
}
.miami_title_60px_dark,
.tp-caption.miami_title_60px_dark {
    color: #333;
    font-size: 60px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 60px
}
.miami_content_dark,
.tp-caption.miami_content_dark {
    color: #666;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 28px
}
.divideline30px_dark,
.tp-caption.divideline30px_dark {
    background-color: #333;
    border-color: #222;
    border-style: none;
    border-width: 0;
    height: 2px;
    min-width: 30px;
    text-decoration: none
}
.ellipse70px,
.tp-caption.ellipse70px {
    background-color: rgba(0, 0, 0, .14902);
    border-color: #222;
    border-radius: 50px;
    border-style: none;
    border-width: 0;
    cursor: pointer;
    line-height: 1px;
    min-height: 70px;
    min-width: 70px;
    text-decoration: none
}
.MarkerDisplay,
.Restaurant-Display,
.tp-caption.MarkerDisplay,
.tp-caption.Restaurant-Display {
    background-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    font-style: normal;
    padding: 0;
    text-decoration: none
}
.arrowicon,
.tp-caption.arrowicon {
    border-color: #222;
    border-style: none;
    border-width: 0;
    line-height: 1px
}
.MarkerDisplay,
.tp-caption.MarkerDisplay {
    border-color: #000;
    font-family: Permanent Marker;
    text-shadow: none
}
.Restaurant-Display,
.tp-caption.Restaurant-Display {
    border-color: transparent;
    color: #fff;
    font-size: 120px;
    font-weight: 700;
    line-height: 120px
}
.Restaurant-Cursive,
.Restaurant-ScrollDownText,
.tp-caption.Restaurant-Cursive,
.tp-caption.Restaurant-ScrollDownText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px
}
.Restaurant-Cursive,
.tp-caption.Restaurant-Cursive {
    font-family: Nothing you could do;
    font-size: 30px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}
.Restaurant-ScrollDownText,
.tp-caption.Restaurant-ScrollDownText {
    font-size: 17px;
    line-height: 17px;
    padding: 0;
    text-decoration: none
}
.Restaurant-Description,
.Restaurant-Price,
.tp-caption.Restaurant-Description,
.tp-caption.Restaurant-Price {
    background-color: transparent;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0;
    color: #fff;
    border-radius: 0;
    font-style: normal;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    text-decoration: none
}
.Restaurant-Description,
.tp-caption.Restaurant-Description {
    font-size: 20px
}
.Restaurant-Price,
.tp-caption.Restaurant-Price {
    font-size: 30px
}
.Restaurant-Menuitem,
.tp-caption.Restaurant-Menuitem {
    background-color: #000;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}
.Furniture-LogoText,
.tp-caption.Furniture-LogoText {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #e6cfa3;
    font-size: 160px;
    font-style: normal;
    font-weight: 300;
    line-height: 150px;
    padding: 0;
    text-decoration: none;
    text-shadow: none
}
.Furniture-Plus,
.tp-caption.Furniture-Plus {
    background-color: #fff;
    border-color: transparent;
    border-radius: 30px;
    border-style: none;
    border-width: 0;
    box-shadow: rgba(0, 0, 0, .1) 0 1px 3px;
    color: #e6cfa3;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    padding: 6px 7px 4px;
    text-decoration: none;
    text-shadow: none
}
.Furniture-Subtitle,
.Furniture-Title,
.tp-caption.Furniture-Subtitle,
.tp-caption.Furniture-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    line-height: 20px;
    font-style: normal;
    text-shadow: none
}
.Furniture-Title,
.tp-caption.Furniture-Title {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 3px;
    padding: 0;
    text-decoration: none
}
.Furniture-Subtitle,
.tp-caption.Furniture-Subtitle {
    font-size: 17px;
    font-weight: 300;
    padding: 0;
    text-decoration: none
}
.Fashion-SmallText,
.Gym-Display,
.Gym-SmallText,
.Gym-Subline,
.tp-caption.Fashion-SmallText,
.tp-caption.Gym-Display,
.tp-caption.Gym-SmallText,
.tp-caption.Gym-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    padding: 0;
    text-decoration: none
}
.Gym-Display,
.tp-caption.Gym-Display {
    font-size: 80px;
    font-style: normal;
    font-weight: 900;
    line-height: 70px
}
.Gym-Subline,
.tp-caption.Gym-Subline {
    font-size: 30px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 30px
}
.Gym-SmallText,
.tp-caption.Gym-SmallText {
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    line-height: 22;
    text-shadow: none
}
.Fashion-SmallText,
.tp-caption.Fashion-SmallText {
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px
}
.Fashion-BigDisplay,
.Fashion-TextBlock,
.tp-caption.Fashion-BigDisplay,
.tp-caption.Fashion-TextBlock {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-style: normal;
    letter-spacing: 2px
}
.Fashion-BigDisplay,
.tp-caption.Fashion-BigDisplay {
    font-size: 60px;
    font-weight: 900;
    line-height: 60px;
    padding: 0;
    text-decoration: none
}
.Fashion-TextBlock,
.tp-caption.Fashion-TextBlock {
    font-size: 20px;
    font-weight: 400;
    line-height: 40px;
    padding: 0;
    text-decoration: none
}
.Sports-Display,
.Sports-DisplayFat,
.tp-caption.Sports-Display,
.tp-caption.Sports-DisplayFat {
    font-size: 130px;
    line-height: 130px;
    font-style: normal;
    padding: 0;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none;
    background-color: transparent
}
.Sports-Display,
.tp-caption.Sports-Display {
    font-weight: 100;
    letter-spacing: 13px
}
.Sports-DisplayFat,
.tp-caption.Sports-DisplayFat {
    font-weight: 900
}
.Sports-Subline,
.tp-caption.Sports-Subline {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #000;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 4px;
    line-height: 32px;
    padding: 0;
    text-decoration: none
}
.Instagram-Caption,
.tp-caption.Instagram-Caption {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    padding: 0;
    text-decoration: none
}
.News-Subtitle,
.News-Title,
.tp-caption.News-Subtitle,
.tp-caption.News-Title {
    color: #fff;
    font-family: Roboto Slab;
    font-style: normal;
    border-style: none;
    padding: 0
}
.News-Title,
.tp-caption.News-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-width: 0;
    font-size: 70px;
    font-weight: 400;
    line-height: 60px;
    text-decoration: none
}
.News-Subtitle,
.News-Subtitle: hover, .tp-caption.News-Subtitle, .tp-caption.News-Subtitle: hover {
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
    border-radius: 0;
    border-width: 0;
    border-color: transparent
}
.News-Subtitle,
.tp-caption.News-Subtitle {
    font-size: 15px;
    font-weight: 300;
    line-height: 24px
}
.News-Subtitle: hover, .tp-caption.News-Subtitle: hover {
    border-style: solid;
    color: rgba(255, 255, 255, .65)
}
.Photography-Display,
.tp-caption.Photography-Display {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 80px;
    font-style: normal;
    font-weight: 100;
    letter-spacing: 5px;
    line-height: 70px;
    padding: 0;
    text-decoration: none
}
.Photography-ImageHover,
.Photography-Menuitem,
.Photography-Subline,
.tp-caption.Photography-ImageHover,
.tp-caption.Photography-Menuitem,
.tp-caption.Photography-Subline {
    font-size: 20px;
    font-style: normal;
    text-decoration: none;
    border-radius: 0;
    border-style: none;
    border-width: 0
}
.Photography-Subline,
.tp-caption.Photography-Subline {
    background-color: transparent;
    border-color: transparent;
    color: #777;
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px;
    padding: 0
}
.Photography-ImageHover,
.tp-caption.Photography-ImageHover {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0);
    color: #fff;
    font-weight: 400;
    line-height: 22;
    padding: 0
}
.Photography-ImageHover: hover, .tp-caption.Photography-ImageHover: hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}
.Photography-Menuitem,
.tp-caption.Photography-Menuitem {
    background-color: rgba(0, 0, 0, .65);
    border-color: transparent;
    color: #fff;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px
}
.Photography-Menuitem: hover, .tp-caption.Photography-Menuitem: hover {
    background-color: rgba(0, 255, 222, .65);
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}
.Photography-Textblock,
.tp-caption.Photography-Textblock {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 30px;
    padding: 0;
    text-decoration: none
}
.Photography-ImageHover2,
.Photography-Subline-2,
.tp-caption.Photography-ImageHover2,
.tp-caption.Photography-Subline-2 {
    font-size: 20px;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0
}
.Photography-Subline-2,
.tp-caption.Photography-Subline-2 {
    border-color: transparent;
    color: rgba(255, 255, 255, .35);
    font-weight: 300;
    letter-spacing: 3px;
    line-height: 30px
}
.Photography-ImageHover2,
.tp-caption.Photography-ImageHover2 {
    border-color: rgba(255, 255, 255, 0);
    color: #fff;
    font-weight: 400;
    line-height: 22
}
.Photography-ImageHover2: hover, .tp-caption.Photography-ImageHover2: hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}
.WebProduct-Title,
.tp-caption.WebProduct-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #333;
    font-size: 90px;
    font-style: normal;
    font-weight: 100;
    line-height: 90px;
    padding: 0;
    text-decoration: none
}
.WebProduct-Content,
.WebProduct-SubTitle,
.tp-caption.WebProduct-Content,
.tp-caption.WebProduct-SubTitle {
    background-color: transparent;
    color: #999;
    padding: 0;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    font-style: normal;
    text-decoration: none
}
.WebProduct-SubTitle,
.tp-caption.WebProduct-SubTitle {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}
.WebProduct-Content,
.tp-caption.WebProduct-Content {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}
.WebProduct-Menuitem,
.tp-caption.WebProduct-Menuitem {
    background-color: #333;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-align: left;
    text-decoration: none
}
.WebProduct-Menuitem: hover, .tp-caption.WebProduct-Menuitem: hover {
    background-color: #fff;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #999;
    text-decoration: none
}
.WebProduct-Content-Light,
.WebProduct-SubTitle-Light,
.WebProduct-Title-Light,
.tp-caption.WebProduct-Content-Light,
.tp-caption.WebProduct-SubTitle-Light,
.tp-caption.WebProduct-Title-Light {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    padding: 0;
    border-style: none;
    border-width: 0;
    font-style: normal;
    text-align: left;
    text-decoration: none
}
.WebProduct-Title-Light,
.tp-caption.WebProduct-Title-Light {
    color: #fff;
    font-size: 90px;
    font-weight: 100;
    line-height: 90px
}
.WebProduct-SubTitle-Light,
.tp-caption.WebProduct-SubTitle-Light {
    color: rgba(255, 255, 255, .35);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px
}
.WebProduct-Content-Light,
.tp-caption.WebProduct-Content-Light {
    color: rgba(255, 255, 255, .65);
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}
.FatRounded,
.tp-caption.FatRounded {
    background-color: rgba(0, 0, 0, .5);
    border-color: #d3d3d3;
    border-radius: 50px;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    padding: 20px 22px 20px 25px;
    text-align: left;
    text-decoration: none;
    text-shadow: none
}
.FatRounded: hover, .tp-caption.FatRounded: hover {
    background-color: #000;
    border-color: #d3d3d3;
    border-radius: 50px;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}
.NotGeneric-SubTitle,
.NotGeneric-Title,
.tp-caption.NotGeneric-SubTitle,
.tp-caption.NotGeneric-Title {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-style: normal
}
.NotGeneric-Title,
.tp-caption.NotGeneric-Title {
    font-size: 70px;
    font-weight: 800;
    line-height: 70px;
    padding: 10px 0;
    text-decoration: none
}
.NotGeneric-SubTitle,
.tp-caption.NotGeneric-SubTitle {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 4px;
    line-height: 20px;
    padding: 0;
    text-align: left;
    text-decoration: none
}
.NotGeneric-CallToAction,
.NotGeneric-Icon,
.NotGeneric-Menuitem,
.tp-caption.NotGeneric-CallToAction,
.tp-caption.NotGeneric-Icon,
.tp-caption.NotGeneric-Menuitem {
    letter-spacing: 3px;
    border-style: solid;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0;
    text-align: left;
    font-style: normal
}
.NotGeneric-CallToAction,
.tp-caption.NotGeneric-CallToAction {
    border-color: rgba(255, 255, 255, .5);
    border-width: 1px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 10px 30px
}
.NotGeneric-CallToAction: hover, .tp-caption.NotGeneric-CallToAction: hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}
.NotGeneric-Icon,
.tp-caption.NotGeneric-Icon {
    border-color: rgba(255, 255, 255, 0);
    border-width: 0;
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    padding: 0
}
.NotGeneric-Menuitem,
.tp-caption.NotGeneric-Menuitem {
    border-color: rgba(255, 255, 255, .15);
    border-width: 1px;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    padding: 27px 30px
}
.NotGeneric-Menuitem: hover, .tp-caption.NotGeneric-Menuitem: hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-decoration: none
}
.MarkerStyle,
.tp-caption.MarkerStyle {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Permanent Marker";
    font-size: 17px;
    font-style: normal;
    font-weight: 100;
    line-height: 30px;
    padding: 0;
    text-align: left;
    text-decoration: none
}
.Gym-Menuitem,
.Gym-Menuitem: hover, .tp-caption.Gym-Menuitem, .tp-caption.Gym-Menuitem: hover {
    background-color: #000;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Gym-Menuitem,
.tp-caption.Gym-Menuitem {
    border-color: rgba(255, 255, 255, 0);
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 20px;
    padding: 3px 5px 3px 8px;
    text-align: left
}
.Gym-Menuitem: hover, .tp-caption.Gym-Menuitem: hover {
    border-color: rgba(255, 255, 255, .25)
}
.Newspaper-Title-Centered,
.tp-caption.Newspaper-Title-Centered {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #fff;
    font-family: "Roboto Slab";
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 55px;
    padding: 0 0 10px;
    text-align: center;
    text-decoration: none
}
.Hero-Button,
.NotGeneric-Button,
.tp-caption.Hero-Button,
.tp-caption.NotGeneric-Button {
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    font-style: normal
}
.Hero-Button,
.tp-caption.Hero-Button {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #fff;
    text-align: left;
    text-decoration: none
}
.Hero-Button: hover, .tp-caption.Hero-Button: hover {
    background-color: #fff;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 1px;
    color: #000;
    text-decoration: none
}
.NotGeneric-BigButton,
.NotGeneric-BigButton: hover, .NotGeneric-Button, .NotGeneric-Button: hover, .tp-caption.NotGeneric-BigButton, .tp-caption.NotGeneric-BigButton: hover, .tp-caption.NotGeneric-Button, .tp-caption.NotGeneric-Button: hover {
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    border-radius: 0
}
.NotGeneric-Button,
.tp-caption.NotGeneric-Button {
    border-color: rgba(255, 255, 255, .5);
    color: #fff;
    text-align: left
}
.NotGeneric-Button: hover, .tp-caption.NotGeneric-Button: hover {
    border-color: #fff;
    color: #fff
}
.NotGeneric-BigButton,
.tp-caption.NotGeneric-BigButton {
    border-color: rgba(255, 255, 255, .15);
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 14px;
    padding: 27px 30px;
    text-align: left
}
.NotGeneric-BigButton: hover, .tp-caption.NotGeneric-BigButton: hover {
    border-color: #fff;
    color: #fff
}
.WebProduct-Button,
.tp-caption.WebProduct-Button {
    background-color: #333;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 2px;
    color: #fff;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 48px;
    padding: 0 40px;
    text-align: left;
    text-decoration: none
}
.WebProduct-Button: hover, .tp-caption.WebProduct-Button: hover {
    background-color: #fff;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 2px;
    color: #333;
    text-decoration: none
}
.Restaurant-Button,
.tp-caption.Restaurant-Button {
    background-color: rgba(10, 10, 10, 0);
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 3px;
    line-height: 17px;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}
.Gym-Button,
.Gym-Button-Light,
.tp-caption.Gym-Button,
.tp-caption.Gym-Button-Light {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 15px
}
.Restaurant-Button: hover, .tp-caption.Restaurant-Button: hover {
    background-color: transparent;
    border-color: #ffe081;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Gym-Button,
.Gym-Button: hover, .tp-caption.Gym-Button, .tp-caption.Gym-Button: hover {
    border-color: transparent;
    border-width: 0;
    text-decoration: none;
    border-style: solid;
    color: #fff;
    border-radius: 30px
}
.Gym-Button,
.tp-caption.Gym-Button {
    background-color: #8bc027;
    letter-spacing: 1px;
    padding: 13px 35px;
    text-align: left
}
.Gym-Button: hover, .tp-caption.Gym-Button: hover {
    background-color: #72a800
}
.Gym-Button-Light,
.tp-caption.Gym-Button-Light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .25);
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    padding: 12px 35px;
    text-align: left;
    text-decoration: none
}
.Sports-Button-Light,
.Sports-Button-Red,
.tp-caption.Sports-Button-Light,
.tp-caption.Sports-Button-Red {
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    line-height: 17px;
    padding: 12px 35px;
    text-decoration: none;
    border-style: solid;
    border-width: 2px;
    font-weight: 600;
    text-align: left;
    font-style: normal
}
.Gym-Button-Light: hover, .tp-caption.Gym-Button-Light: hover {
    background-color: rgba(114, 168, 0, 0);
    border-color: #8bc027;
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Sports-Button-Light,
.tp-caption.Sports-Button-Light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 0
}
.Sports-Button-Light: hover, .tp-caption.Sports-Button-Light: hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Sports-Button-Red,
.tp-caption.Sports-Button-Red {
    background-color: #db1c22;
    border-color: rgba(219, 28, 34, 0);
    border-radius: 0
}
.Sports-Button-Red: hover, .tp-caption.Sports-Button-Red: hover {
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Photography-Button,
.Photography-Button: hover, .tp-caption.Photography-Button, .tp-caption.Photography-Button: hover {
    border-radius: 30px;
    border-width: 1px;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-style: solid
}
.Photography-Button,
.tp-caption.Photography-Button {
    border-color: rgba(255, 255, 255, .25);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 15px;
    padding: 13px 35px;
    text-align: left
}
.Photography-Button: hover, .tp-caption.Photography-Button: hover {
    border-color: #fff
}
.Newspaper-Button-2,
.tp-caption.Newspaper-Button-2 {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .5);
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    font-weight: 900;
    line-height: 15px;
    padding: 10px 30px;
    text-align: left;
    text-decoration: none
}
.Feature-Examples,
.Feature-Tour,
.tp-caption.Feature-Examples,
.tp-caption.Feature-Tour {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-align: left
}
.Newspaper-Button-2: hover, .tp-caption.Newspaper-Button-2: hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 3px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Feature-Tour,
.Feature-Tour: hover, .tp-caption.Feature-Tour, .tp-caption.Feature-Tour: hover {
    border-color: transparent;
    border-width: 0;
    color: #fff;
    text-decoration: none;
    border-radius: 30px;
    border-style: solid
}
.Feature-Tour,
.tp-caption.Feature-Tour {
    background-color: #8bc027;
    padding: 17px 35px
}
.Feature-Tour: hover, .tp-caption.Feature-Tour: hover {
    background-color: #72a800
}
.Feature-Examples,
.tp-caption.Feature-Examples {
    background-color: transparent;
    border-color: rgba(33, 42, 64, .15);
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    color: rgba(33, 42, 64, .5);
    padding: 15px 35px;
    text-decoration: none
}
.Feature-Examples: hover, .tp-caption.Feature-Examples: hover {
    background-color: transparent;
    border-color: #8bc027;
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    color: #8bc027;
    text-decoration: none
}
.menutab,
.subcaption,
.tp-caption.menutab,
.tp-caption.subcaption {
    border-color: #000;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    font-style: normal;
    padding: 0;
    text-shadow: none;
    background-color: transparent;
    text-align: left;
    text-decoration: none
}
.subcaption,
.tp-caption.subcaption {
    color: #6f7c82;
    font-size: 19px;
    font-weight: 400;
    line-height: 24px
}
.menutab,
.tp-caption.menutab {
    color: #292e31;
    font-size: 25px;
    font-weight: 300;
    line-height: 30px
}
.menutab: hover, .tp-caption.menutab: hover {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    color: #d50000;
    text-decoration: none
}
.maincontent,
.minitext,
.tp-caption.maincontent,
.tp-caption.minitext {
    background-color: transparent;
    border-color: #000;
    border-radius: 0;
    border-style: none;
    font-style: normal;
    padding: 0;
    border-width: 0;
    text-shadow: none
}
.maincontent,
.tp-caption.maincontent {
    color: #292e31;
    font-size: 21px;
    font-weight: 300;
    line-height: 26px;
    text-align: left;
    text-decoration: none
}
.minitext,
.tp-caption.minitext {
    color: #b9babb;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    text-decoration: none
}
.Feature-Buy,
.Feature-Examples-Light,
.tp-caption.Feature-Buy,
.tp-caption.Feature-Examples-Light {
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 17px;
    text-align: left;
    text-decoration: none;
    border-radius: 30px;
    border-style: solid;
    color: #fff
}
.Feature-Buy,
.tp-caption.Feature-Buy {
    background-color: #009aee;
    border-color: transparent;
    border-width: 0;
    padding: 17px 35px
}
.Feature-Buy: hover, .tp-caption.Feature-Buy: hover {
    background-color: #0085d6;
    border-color: transparent;
    border-radius: 30px;
    border-style: solid;
    border-width: 0;
    color: #fff;
    text-decoration: none
}
.Feature-Examples-Light,
.tp-caption.Feature-Examples-Light {
    background-color: transparent;
    border-color: rgba(255, 255, 255, .15);
    border-width: 2px;
    padding: 15px 35px
}
.Feature-Examples-Light: hover, .tp-caption.Feature-Examples-Light: hover {
    background-color: transparent;
    border-color: #fff;
    border-radius: 30px;
    border-style: solid;
    border-width: 2px;
    color: #fff;
    text-decoration: none
}
.Facebook-Likes,
.Twitter-Favorites,
.Twitter-Link,
.tp-caption.Facebook-Likes,
.tp-caption.Twitter-Favorites,
.tp-caption.Twitter-Link {
    border-style: none;
    border-width: 0;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    text-decoration: none;
    border-color: transparent;
    font-size: 15px
}
.Facebook-Likes,
.tp-caption.Facebook-Likes {
    background-color: #3b5999;
    border-radius: 0;
    color: #fff;
    line-height: 22px;
    padding: 5px 15px
}
.Twitter-Favorites,
.tp-caption.Twitter-Favorites {
    background-color: rgba(255, 255, 255, 0);
    border-radius: 0;
    color: #8899a6;
    line-height: 22px;
    padding: 0
}
.Twitter-Link,
.tp-caption.Twitter-Link {
    background-color: #fff;
    border-radius: 30px;
    color: #8799a5;
    line-height: 15px;
    padding: 11px 11px 9px
}
.Twitter-Link: hover, .tp-caption.Twitter-Link: hover {
    background-color: #0084b4;
    border-color: transparent;
    border-radius: 30px;
    border-style: none;
    border-width: 0;
    color: #fff;
    text-decoration: none
}
.Twitter-Content,
.Twitter-Retweet,
.tp-caption.Twitter-Content,
.tp-caption.Twitter-Retweet {
    border-color: transparent;
    border-radius: 0;
    border-style: none;
    border-width: 0;
    font-style: normal;
    font-weight: 500;
    text-align: left;
    text-decoration: none
}
.Twitter-Retweet,
.tp-caption.Twitter-Retweet {
    background-color: rgba(255, 255, 255, 0);
    color: #8899a6;
    font-size: 15px;
    line-height: 22px;
    padding: 0
}
.Twitter-Content,
.tp-caption.Twitter-Content {
    background-color: #fff;
    color: #292f33;
    font-size: 20px;
    line-height: 28px;
    padding: 30px 30px 70px
}
.revtp-form input[type=text],
.revtp-form input[type=email],
.revtp-searchform input[type=text],
.revtp-searchform input[type=email] {
    font-family: Arial, sans-serif;
    font-size: 15px;
    color: #000;
    background-color: #fff;
    line-height: 46px;
    padding: 0 20px;
    cursor: text;
    border: 0;
    width: 400px;
    margin-bottom: 0;
    transition: background-color .5s;
    border-radius: 0
}
.BigBold-SubTitle,
.BigBold-Title,
.tp-caption.BigBold-SubTitle,
.tp-caption.BigBold-Title {
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    font-style: normal;
    text-align: left
}
.BigBold-Title,
.tp-caption.BigBold-Title {
    color: #fff;
    font-size: 110px;
    line-height: 100px;
    font-weight: 800;
    padding: 10px 0;
    border-radius: 0
}
.BigBold-SubTitle,
.tp-caption.BigBold-SubTitle {
    color: rgba(255, 255, 255, .5);
    font-size: 15px;
    line-height: 24px;
    font-weight: 500;
    padding: 0;
    border-radius: 0;
    letter-spacing: 1px
}
.BigBold-Button,
.BigBold-Button: hover, .tp-caption.BigBold-Button, .tp-caption.BigBold-Button: hover {
    color: #fff;
    background-color: transparent;
    border-style: solid;
    border-width: 1px;
    text-decoration: none;
    border-radius: 0
}
.BigBold-Button,
.tp-caption.BigBold-Button {
    font-size: 13px;
    line-height: 13px;
    font-weight: 500;
    font-style: normal;
    padding: 15px 50px;
    border-color: rgba(255, 255, 255, .5);
    text-align: left;
    letter-spacing: 1px
}
.BigBold-Button: hover, .tp-caption.BigBold-Button: hover {
    border-color: #fff
}
.FoodCarousel-Content,
.tp-caption.FoodCarousel-Content {
    color: #292e31;
    font-size: 17px;
    line-height: 28px;
    font-weight: 500;
    font-style: normal;
    padding: 30px;
    text-decoration: none;
    background-color: #fff;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    text-align: left
}
.FoodCarousel-Button,
.FoodCarousel-CloseButton,
.tp-caption.FoodCarousel-Button,
.tp-caption.FoodCarousel-CloseButton {
    font-weight: 700;
    font-style: normal;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    letter-spacing: 1px
}
.FoodCarousel-Button,
.tp-caption.FoodCarousel-Button {
    color: #292e31;
    font-size: 13px;
    line-height: 13px;
    padding: 15px 70px 15px 50px;
    text-decoration: none;
    background-color: #fff;
    border-color: #292e31;
    border-radius: 0
}
.FoodCarousel-Button: hover, .tp-caption.FoodCarousel-Button: hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}
.FoodCarousel-CloseButton,
.tp-caption.FoodCarousel-CloseButton {
    color: #292e31;
    font-size: 20px;
    line-height: 20px;
    padding: 14px 14px 14px 16px;
    text-decoration: none;
    background-color: transparent;
    border-color: rgba(41, 46, 49, 0);
    border-radius: 30px
}
.Video-SubTitle,
.Video-Title,
.tp-caption.Video-SubTitle,
.tp-caption.Video-Title {
    color: #fff;
    font-style: normal;
    padding: 5px;
    text-decoration: none
}
.FoodCarousel-CloseButton: hover, .tp-caption.FoodCarousel-CloseButton: hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: rgba(41, 46, 49, 0);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px
}
.Video-SubTitle,
.tp-caption.Video-SubTitle {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    background-color: rgba(0, 0, 0, .35);
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    letter-spacing: 2px;
    text-align: left
}
.Video-Title,
.tp-caption.Video-Title {
    font-size: 30px;
    line-height: 30px;
    font-weight: 900;
    background-color: #000;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}
.Travel-BigCaption,
.Travel-SmallCaption,
.tp-caption.Travel-BigCaption,
.tp-caption.Travel-SmallCaption {
    padding: 0;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    font-style: normal;
    text-align: left;
    color: #fff;
    text-decoration: none
}
.Travel-BigCaption,
.tp-caption.Travel-BigCaption {
    font-size: 50px;
    line-height: 50px;
    font-weight: 400
}
.Travel-SmallCaption,
.tp-caption.Travel-SmallCaption {
    font-size: 25px;
    line-height: 30px;
    font-weight: 300
}
.Travel-CallToAction,
.tp-caption.Travel-CallToAction {
    color: #fff;
    font-size: 25px;
    line-height: 25px;
    font-weight: 500;
    font-style: normal;
    padding: 12px 20px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .05);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px;
    text-align: left;
    letter-spacing: 1px
}
.Travel-CallToAction: hover, .tp-caption.Travel-CallToAction: hover {
    color: #fff;
    text-decoration: none;
    background-color: rgba(255, 255, 255, .15);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 5px
}
.RotatingWords-Button,
.RotatingWords-TitleWhite,
.tp-caption.RotatingWords-Button,
.tp-caption.RotatingWords-TitleWhite {
    border-radius: 0;
    text-decoration: none;
    background-color: transparent;
    color: #fff;
    font-style: normal;
    text-align: left
}
.RotatingWords-TitleWhite,
.tp-caption.RotatingWords-TitleWhite {
    font-size: 70px;
    line-height: 70px;
    font-weight: 800;
    padding: 0;
    border-color: transparent;
    border-style: none;
    border-width: 0
}
.RotatingWords-Button,
.tp-caption.RotatingWords-Button {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    padding: 20px 50px;
    border-color: rgba(255, 255, 255, .15);
    border-style: solid;
    border-width: 2px;
    letter-spacing: 3px
}
.RotatingWords-Button: hover, .tp-caption.RotatingWords-Button: hover {
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    border-radius: 0
}
.ContentZoom-SmallIcon,
.ContentZoom-SmallIcon: hover, .ContentZoom-SmallSubtitle, .ContentZoom-SmallTitle, .RotatingWords-SmallText, .tp-caption.ContentZoom-SmallIcon, .tp-caption.ContentZoom-SmallIcon: hover, .tp-caption.ContentZoom-SmallSubtitle, .tp-caption.ContentZoom-SmallTitle, .tp-caption.RotatingWords-SmallText {
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-decoration: none
}
.RotatingWords-SmallText,
.tp-caption.RotatingWords-SmallText {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    text-align: left;
    text-shadow: none
}
.ContentZoom-SmallTitle,
.tp-caption.ContentZoom-SmallTitle {
    color: #292e31;
    font-size: 33px;
    line-height: 45px;
    font-weight: 600;
    font-style: normal;
    padding: 0;
    text-align: left
}
.ContentZoom-SmallSubtitle,
.tp-caption.ContentZoom-SmallSubtitle {
    color: #6f7c82;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    font-style: normal;
    padding: 0;
    text-align: left
}
.ContentZoom-SmallIcon,
.tp-caption.ContentZoom-SmallIcon {
    color: #292e31;
    font-size: 20px;
    line-height: 20px;
    font-weight: 400;
    font-style: normal;
    padding: 10px;
    text-align: left
}
.ContentZoom-SmallIcon: hover, .tp-caption.ContentZoom-SmallIcon: hover {
    color: #6f7c82
}
.ContentZoom-DetailTitle,
.tp-caption.ContentZoom-DetailTitle {
    color: #292e31;
    font-size: 70px;
    line-height: 70px;
    font-weight: 500;
    font-style: normal;
    padding: 0;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    border-radius: 0;
    text-align: left
}
.ContentZoom-DetailContent,
.ContentZoom-DetailSubTitle,
.tp-caption.ContentZoom-DetailContent,
.tp-caption.ContentZoom-DetailSubTitle {
    color: #6f7c82;
    font-weight: 500;
    padding: 0;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    background-color: transparent;
    border-radius: 0
}
.ContentZoom-DetailSubTitle,
.tp-caption.ContentZoom-DetailSubTitle {
    font-size: 25px;
    line-height: 25px;
    font-style: normal;
    text-decoration: none;
    text-align: left
}
.ContentZoom-DetailContent,
.tp-caption.ContentZoom-DetailContent {
    font-size: 17px;
    line-height: 28px;
    font-style: normal;
    text-decoration: none;
    text-align: left
}
.ContentZoom-Button,
.ContentZoom-ButtonClose,
.tp-caption.ContentZoom-Button,
.tp-caption.ContentZoom-ButtonClose {
    font-size: 13px;
    line-height: 13px;
    font-weight: 700;
    font-style: normal;
    text-align: left;
    letter-spacing: 1px;
    text-decoration: none
}
.ContentZoom-Button,
.tp-caption.ContentZoom-Button {
    color: #292e31;
    padding: 15px 50px;
    background-color: transparent;
    border-color: rgba(41, 46, 49, .5);
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}
.ContentZoom-Button: hover, .tp-caption.ContentZoom-Button: hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}
.ContentZoom-ButtonClose,
.tp-caption.ContentZoom-ButtonClose {
    color: #292e31;
    padding: 14px 14px 14px 16px;
    background-color: transparent;
    border-color: rgba(41, 46, 49, .5);
    border-style: solid;
    border-width: 1px;
    border-radius: 30px
}
.ContentZoom-ButtonClose: hover, .tp-caption.ContentZoom-ButtonClose: hover {
    color: #fff;
    text-decoration: none;
    background-color: #292e31;
    border-color: #292e31;
    border-style: solid;
    border-width: 1px;
    border-radius: 30px
}
.Newspaper-Subtitle,
.Newspaper-Title,
.tp-caption.Newspaper-Subtitle,
.tp-caption.Newspaper-Title {
    background-color: transparent;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    font-style: normal;
    text-align: left;
    text-decoration: none
}
.Newspaper-Title,
.tp-caption.Newspaper-Title {
    color: #fff;
    font-size: 50px;
    line-height: 55px;
    font-weight: 400;
    font-family: "Roboto Slab";
    padding: 0 0 10px;
    border-radius: 0
}
.Newspaper-Subtitle,
.tp-caption.Newspaper-Subtitle {
    color: #a8d8ee;
    font-size: 15px;
    line-height: 20px;
    font-weight: 900;
    padding: 0;
    border-radius: 0
}
.Newspaper-Button,
.tp-caption.Newspaper-Button {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    padding: 12px 35px;
    text-decoration: none;
    background-color: rgba(255, 255, 255, 0);
    border-color: rgba(255, 255, 255, .25);
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    letter-spacing: 2px;
    text-align: left
}
.Newspaper-Button: hover, .tp-caption.Newspaper-Button: hover {
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border-color: #fff;
    border-style: solid;
    border-width: 1px;
    border-radius: 0
}
.rtwhitemedium,
.tp-caption.rtwhitemedium {
    font-size: 22px;
    line-height: 26px;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: #000;
    border-style: none;
    text-shadow: none
}
@media only screen and (max-width: 767px) {
    .revtp-form input[type=text], .revtp-form input[type=email], .revtp-searchform input[type=text], .revtp-searchform input[type=email] {
        width: 200px!important
    }
}
.hades .tp-arr-allwrapper,
.hades.tparrows {
    width: 100px;
    height: 100px;
    position: absolute
}
.revtp-form input[type=submit],
.revtp-searchform input[type=submit] {
    font-family: Arial, sans-serif;
    line-height: 46px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    padding: 0 20px;
    border: 0;
    background: #009aee;
    color: #fff;
    border-radius: 0
}
.hades.tparrows {
    cursor: pointer;
    background: #000;
    background: rgba(0, 0, 0, .15);
    display: block;
    z-index: 100
}
.hades.tparrows: before {
    font-family: revicons;
    font-size: 30px;
    color: #fff;
    display: block;
    line-height: 100px;
    text-align: center;
    transition: background .3s, color .3s
}
.hades.tparrows.tp-leftarrow: before {
    content: "\e824"
}
.hades.tparrows.tp-rightarrow: before {
    content: "\e825"
}
.hades.tparrows: hover: before {
    color: #aaa;
    background: #fff
}
.hades .tp-arr-allwrapper {
    left: 100%;
    top: 0;
    background: #888;
    transition: all .3s;
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: rotatey(-90deg);
    transform: rotatey(-90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}
.hades.tp-rightarrow .tp-arr-allwrapper {
    left: auto;
    right: 100%;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transform: rotatey(90deg);
    transform: rotatey(90deg)
}
.hades: hover .tp-arr-allwrapper {
    -ms-filter: "progid:dximagetransform.microsoft.alpha(opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: rotatey(0);
    transform: rotatey(0)
}
.hades .tp-arr-imgholder {
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.hades.tp-bullets: before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}
.hades .tp-bullet {
    width: 3px;
    height: 3px;
    position: absolute;
    background: #888;
    cursor: pointer;
    border: 5px solid #fff;
    box-sizing: content-box;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-transform: translatez(.01px);
    transform: translatez(.01px)
}
.hades .tp-bullet.selected,
.hades .tp-bullet: hover {
    background: #555
}
.hades .tp-bullet-image {
    position: absolute;
    top: -80px;
    left: -60px;
    width: 120px;
    height: 60px;
    background-position: center center;
    background-size: cover;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    -webkit-transform-style: flat;
    transform-style: flat;
    perspective: 600;
    -webkit-perspective: 600;
    transform: rotatex(-90deg);
    -webkit-transform: rotatex(-90deg);
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
    transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%
}
.hades .tp-thumb-image,
.hades .tp-thumb-img-wrap {
    padding: 3px;
    border-radius: 50%;
    position: relative;
    box-sizing: border-box
}
.hades .tp-tab,
.hades .tp-thumb {
    opacity: 1
}
.hades .tp-bullet: hover .tp-bullet-image {
    display: block;
    opacity: 1;
    transform: rotatex(0);
    -webkit-transform: rotatex(0);
    visibility: visible
}
.hades .tp-thumb-img-wrap {
    display: inline-block;
    background: #000;
    background-color: rgba(0, 0, 0, .25);
    width: 100%;
    height: 100%;
    margin: 0;
    transition: all .3s;
    -webkit-transition: all .3s
}
.hades .tp-thumb-image {
    display: block;
    box-shadow: inset 5px 5px 10px 0 rgba(0, 0, 0, .25)
}
.oxy-card-order: hover, .oxy-card-product: hover {
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .14), 0 1px 10px 0 rgba(0, 0, 0, .12), 0 2px 4px -1px rgba(0, 0, 0, .2)
}
.hades .tp-thumb.selected .tp-thumb-img-wrap,
.hades .tp-thumb: hover .tp-thumb-img-wrap {
    background: #fff;
    background: -webkit-gradient(left top, left bottom, color-stop(0, #fff), color-stop(100%, #777));
    background: linear-gradient(to bottom, #fff 0, #777 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#777777", GradientType=0)
}
.hades .tp-thumb-title: after {
    content: " ";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 8px 0;
    border-color: rgba(0, 0, 0, .75) transparent transparent;
    bottom: -8px
}
.hades .tp-tab-title {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    line-height: 25px
}
.hades .tp-tab-price {
    display: block;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin-top: 10px;
    line-height: 20px
}
.hades .tp-tab-button {
    display: inline-block;
    margin-top: 15px;
    text-align: center;
    padding: 5px 15px;
    color: #fff;
    font-size: 14px;
    background: #219bd7;
    border-radius: 4px;
    font-weight: 400
}
.hades .tp-tab-inner {
    text-align: center
}
.oxy-button-add-product {
    overflow: visible;
    transition: color .2s ease-in .2s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.oxy-button-add-product: before {
    display: block;
    content: "\E5CA";
    font-family: 'Material Icons';
    position: absolute;
    left: -24px;
    font-size: 16px;
    line-height: 32px;
    top: 0;
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg);
    transition: opacity .2s ease-in-out .2s, -webkit-transform .2s ease-in-out .15s, color .2s ease-in .2s;
    transition: opacity .2s ease-in-out .2s, transform .2s ease-in-out .15s, color .2s ease-in .2s
}
.oxy-card-order,
.oxy-card-product {
    transition: all .3s;
    max-width: 100%;
    overflow: hidden
}
.oxy-button-add-product--clone {
    color: #fff!important;
    background: #448aff;
    display: block;
    position: absolute;
    z-index: 100
}
.oxy-button-add-product--clone: before {
    display: none
}
.oxy-button-add-product--added {
    color: #448aff
}
.oxy-button-add-product--added: before {
    color: #448aff;
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.oxy-button-fab {
    position: fixed;
    bottom: 16px;
    right: 16px;
    z-index: 100
}
.oxy-button-fab__badge[data-badge]: after {
    color: #448aff;
    background: #fff;
    top: 8px;
    right: 8px;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    width: 18px;
    height: 18px
}
.oxy-card-order {
    width: 100%
}
.oxy-card-order__summary-table {
    border: 0;
    border-top-collapse: initial;
    border-bottom-collapse: initial
}
.oxy-card-order__summary-table tfoot td,
.oxy-card-order__summary-table thead th {
    font-size: 14px
}
.oxy-card-order__summary-table tbody {
    opacity: .8;
    color: rgba(0, 0, 0, .54)
}
.oxy-card-order__summary-table td,
.oxy-card-order__summary-table th {
    border-bottom: 0;
    border-color: rgba(0, 0, 0, .1)
}
.oxy-card-order__summary-table td: first-child, .oxy-card-order__summary-table th: first-child {
    text-align: left
}
.oxy-card-product {
    width: 100%
}
.oxy-card-product__image {
    display: block;
    transition: opacity .5s, -webkit-transform .5s;
    transition: opacity .5s, transform .5s;
    z-index: 1;
    max-width: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.oxy-card-product__image: last-child {
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: 2;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}
.oxy-card-product__media: hover .oxy-card-product__image: last-child {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}
.oxy-card-product__media {
    overflow: hidden;
    position: relative
}
.oxy-card-product__title {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 3;
    color: #fff;
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .4) 100%)
}
.oxy-card-product__title>* {
    -webkit-align-self: flex-start;
    align-self: flex-start
}
.oxy-card-product__title.oxy-card-product__title--darker {
    background: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .6) 100%)
}
.oxy-card-product__title.oxy-card-product__title--inverse {
    color: #333;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .2) 100%)
}
.oxy-card-product__tags a,
.oxy-card-product__title-text a {
    color: inherit;
    text-decoration: none
}
.oxy-card-product__title-text {
    height: 28px;
    width: 100%;
    line-height: 28px
}
.oxy-card-product__title-text a {
    display: block;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}
.oxy-card-product__badge {
    -webkit-transform: scale(.9);
    transform: scale(.9)
}
.oxy-card-product: hover .oxy-card-product__badge {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.oxy-card-product__tags {
    font-size: 12px;
    line-height: 20px
}
.oxy-card-product__rating--animated {
    max-height: 0;
    opacity: 0;
    transition: max-height .3s, opacity .3s ease-out .3s, -webkit-transform .2s ease-out .3s;
    transition: max-height .3s, opacity .3s ease-out .3s, transform .2s ease-out .3s;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}
.oxy-card-product: hover .oxy-card-product__rating--animated {
    max-height: 20px;
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.oxy-card-product-actions {
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.oxy-product-badge {
    position: absolute;
    width: 56px;
    height: 56px;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 56px;
    text-align: center;
    top: 12px;
    right: 12px;
    border-radius: 50%;
    background: rgba(68, 138, 255, .8);
    color: rgba(255, 255, 255, 1);
    z-index: 2;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.oxy-product-cart__body {
    -webkit-flex: 1 0;
    flex: 1 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between
}
.oxy-product-cart__total {
    font-size: 16px;
    text-align: center;
    margin-top: 8px;
    margin-bottom: 8px
}
.oxy-product-details__options {
    max-width: 300px
}
.oxy-product-details__options tr td: first-child {
    min-width: 108px
}
.oxy-product-details__options tr: last-child td: first-child label {
    display: block;
    margin-bottom: 38px
}
@media (max-width: 479px) {
    .oxy-product-details__options .mdl-selectfield {
        width: 100%
    }
}
.oxy-product-details__meta {
    color: #888
}
.oxy-product-details__meta span {
    padding-right: 10px
}
.oxy-product-details__meta a {
    text-decoration: none;
    color: rgba(0, 0, 0, .87);
    transition: all .2s
}
.oxy-product-details__meta a: hover {
    color: #448aff
}
.oxy-product-filters .mdl-select__button {
    font-size: 14px;
    line-height: 1.1
}
.oxy-product-filters__selectfield {
    padding-top: 0;
    padding-bottom: 0;
    min-width: 100%;
    margin-top: 16px
}
.oxy-product-filters__selectfield: after {
    bottom: 0
}
.oxy-product-filters__selectfield: before {
    line-height: 24px
}
@media screen and (min-width: 840px) {
    .oxy-product-filters {
        text-align: right
    }
    .oxy-product-filters__selectfield {
        text-align: right;
        width: auto;
        min-width: 200px;
        margin: 0 0 0 24px
    }
}
.oxy-product-price {
    display: block
}
.oxy-product-price del {
    opacity: .5;
    margin-right: 6px
}
.oxy-product-price ins {
    text-decoration: none
}
.oxy-product-slider {
    position: relative;
    padding-left: 96px
}
@media (max-width: 839px) {
    .oxy-product-slider {
        padding-left: 0
    }
}
.oxy-product-slider__slides ol,
.oxy-product-slider__slides ul {
    list-style-type: none;
    padding: 0;
    margin: 0
}
.oxy-product-slider__slides .flex-control-thumbs {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px
}
.oxy-product-slider__slides .flex-control-thumbs img {
    max-width: 100%;
    margin-bottom: 16px;
    opacity: .4;
    transition: opacity .3s;
    cursor: pointer;
    position: relative;
    padding: 2px;
    box-sizing: border-box;
    display: block
}
.oxy-product-slider__slides .flex-control-thumbs img.flex-active {
    opacity: 1;
    box-shadow: 0 0 0 2px rgba(68, 138, 255, .8) inset
}
@media (max-width: 839px) {
    .oxy-product-slider__slides .flex-control-thumbs {
        position: relative;
        width: 100%
    }
    .oxy-product-slider__slides .flex-control-thumbs li {
        float: left
    }
    .oxy-product-slider__slides .flex-control-thumbs img {
        width: 60px;
        margin-top: 16px;
        margin-right: 16px
    }
}
.oxy-rating,
.oxy-rating-set {
    line-height: 20px;
    height: 20px;
    width: calc(5em + 15px);
    letter-spacing: 3px;
    overflow: hidden
}
.oxy-rating {
    position: relative;
    font-size: 13px;
    font-weight: 400;
    text-decoration: none
}
.oxy-rating--medium {
    font-size: 16px
}
.oxy-rating--big {
    font-size: 18px
}
.oxy-rating span,
.oxy-rating span: before, .oxy-rating: before {
    font-family: 'Material Icons';
    top: 0;
    left: 0;
    position: absolute;
    font-weight: 400;
    text-decoration: none
}
.oxy-rating: before {
    content: "\E83A \E83A \E83A \E83A \E83A"
}
.oxy-rating span {
    overflow: hidden;
    padding-top: 1em
}
.oxy-rating span: before {
    content: "\E838 \E838 \E838 \E838 \E838"
}
.oxy-rating-set {
    position: relative;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none
}
.oxy-rating-set: before, .oxy-rating-set__star {
    font-family: 'Material Icons';
    top: 0;
    left: 0;
    position: absolute;
    font-weight: 400;
    text-decoration: none
}
.oxy-rating-set: before {
    content: "\E83A \E83A \E83A \E83A \E83A";
    z-index: 0
}
.oxy-rating-set__star {
    height: 24px;
    z-index: 1
}
.oxy-rating-set__star: after {
    opacity: 0;
    transition: all .2s;
    color: #448aff;
    cursor: pointer
}
.oxy-rating-set__star: hover: after {
    opacity: 1
}
.oxy-rating-set__star: nth-child(1) {
    width: 1em;
    z-index: 5
}
.oxy-rating-set__star: nth-child(1): after {
    content: "\E838"
}
.oxy-rating-set__star: nth-child(2) {
    width: 2em;
    z-index: 4
}
.oxy-rating-set__star: nth-child(2): after {
    content: "\E838 \E838"
}
.oxy-rating-set__star: nth-child(3) {
    width: 3em;
    z-index: 3
}
.oxy-rating-set__star: nth-child(3): after {
    content: "\E838 \E838 \E838"
}
.oxy-rating-set__star: nth-child(4) {
    width: 3em;
    z-index: 2
}
.oxy-rating-set__star: nth-child(4): after {
    content: "\E838 \E838 \E838 \E838"
}
.oxy-rating-set__star: nth-child(5) {
    width: 3em;
    z-index: 1
}
.oxy-rating-set__star: nth-child(5): after {
    content: "\E838 \E838 \E838 \E838 \E838"
}
.oxy-quantity {
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center
}
.oxy-quantity .mdl-textfield {
    width: 48px
}
.oxy-quantity input[type=number] {
    text-align: center;
    max-width: 100%;
    -moz-appearance: textfield
}
.oxy-quantity input[type=number]: : -webkit-inner-spin-button, .oxy-quantity input[type=number]: : -webkit-outer-spin-button {
    -webkit-appearance: none
}
.oxy-quantity input[type=button] {
    border-radius: 50%;
    height: 32px;
    margin-left: 0;
    margin-right: 0;
    min-width: 32px;
    width: 32px;
    padding: 0;
    overflow: hidden;
    color: inherit;
    line-height: normal;
    background: 0 0;
    border: none;
    font-size: 16px
}
.oxy-quantity input[type=button]: focus {
    outline: 0
}
.oxy-quantity input[type=button]: hover {
    background-color: rgba(158, 158, 158, .2);
    cursor: pointer
}
.oxy-quantity input[type=button]: focus: not(: active) {
    background-color: rgba(0, 0, 0, .12)
}
.oxy-quantity input[type=button]: active {
    background-color: rgba(158, 158, 158, .4)
}
.mdl-checkbox__tick-outline {
    -webkit-mask: url(../images/mdl/tick-mask.svg);
    mask: url(../images/mdl/tick-mask.svg)
}
.mdl-checkbox.is-checked .mdl-checkbox__tick-outline,
.mdl-checkbox.is-checked.is-disabled .mdl-checkbox__tick-outline {
    background-image: url(../images/mdl/tick.svg)
}
@supports (-webkit-appearance: none) {
    .mdl-progress: not(.mdl-progress__indeterminate): not(.mdl-progress__indeterminate)>.auxbar {
        -webkit-mask: url(../images/mdl/buffer.svg);
        mask: url(../images/mdl/buffer.svg)
    }
}
.page-header {
    width: 100%;
    float: left;
}
.md-search-cat {
    width: 280px;
    border-bottom: 2px solid #cdcdcd;
    float: left;
    margin-top: 20px;
}
.md-search-cat-input {
    border: none;
    width: 75%;
    height: 41px;
    float: left;
}
.md-search-button {
    background: none;
    border: none;
    color: #111;
}
.md-search-cat: hover {
    border-bottom: 2px solid #cdcdcd !important;
}
.ac-skin .categoryTitle {
    color: #555 !important;
    text-transform: uppercase !important;
    padding: 0px 0px 0px 0px !important;
}
#cc-slider {
    text-align: center;
    //margin: 0 auto;
    max-width: 100%;
}
#cc-slider input {
    display: none;
}
#cc-slider label,
a {
    cursor: pointer;
    text-decoration: none;
}
#cc-slider label: hover {
    color: #ff0042 !important;
}
#slide1: checked ~ #cc-slides .inner {
    margin-left: 0;
}
#slide2: checked ~ #cc-slides .inner {
    margin-left: -100%;
}
#slide3: checked ~ #cc-slides .inner {
    margin-left: -200%;
}
#slide4: checked ~ #cc-slides .inner {
    margin-left: -300%;
}
#slide5: checked ~ #cc-slides .inner {
    margin-left: -400%;
}
#overflow {
    width: 100%;
    overflow: hidden;
}
#cc-slides article img {
    width: 100%;
}
#cc-slides .inner {
    width: 500%;
    line-height: 0;
}
#cc-slides article {
    width: 20%;
    float: left;
}
#controls {
    height: 50px;
    position: absolute;
    top: 20px;
    right: 20px;
}
#controls label {
    display: none;
    width: 50px;
    height: 50px;
    margin: 0 5px;
}
#controls label: hover {
    opacity: 0.8;
}
#slide1: checked ~ #controls label: nth-child(2), #slide2: checked ~ #controls label: nth-child(3), #slide3: checked ~ #controls label: nth-child(4), #slide4: checked ~ #controls label: nth-child(5), #slide5: checked ~ #controls label: nth-child(1) {
    background: url('') no-repeat;
    float: right;
    display: block;
    background-color: #fff400;
    border-radius: 50%;
}
#slide1: checked ~ #controls label: nth-child(5), #slide2: checked ~ #controls label: nth-child(1), #slide3: checked ~ #controls label: nth-child(2), #slide4: checked ~ #controls label: nth-child(3), #slide5: checked ~ #controls label: nth-child(4) {
    background: url('') no-repeat;
    float: left;
    display: block;
    background-color: #fff400;
    border-radius: 50%;
}
/* cctooltip Box */

.cctooltip {
    color: #FFFFFF;
    font-style: italic;
    line-height: 20px;
    margin-top: 60px;
    opacity: 0;
    position: absolute;
    text-align: left;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.cctooltip h3 {
    color: #444;
    margin: 0 0 5px;
    font-weight: normal;
    font-size: 16px;
    font-style: normal;
    background: rgba(255, 244, 0, 0.9);
    padding: 5px 45px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.cctooltip h4 {
    color: #FFFFFF;
    margin: 0 0 5px;
    font-weight: normal;
    font-size: 14px;
    font-style: normal;
    background: rgba(244, 67, 54, 0.9);
    padding: 5px 15px;
    text-align: right;
    width: 106px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
/* cc-slider Styling */

#cc-slides {
    margin: 0px 0 0;
    padding: 0% 0.5% 0% 0.5%;
    background: #fff;
}
/* Animation */

#cc-slides .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    /* easeInOutQuart */
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    /* easeInOutQuart */
}
#cc-slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#controls label {
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}
.b-r {
    float: right;
    margin-right: 17%;
    width: 100%;
}
#slide1: checked ~ #cc-slides article: nth-child(1) .cctooltip, #slide2: checked ~ #cc-slides article: nth-child(2) .cctooltip, #slide3: checked ~ #cc-slides article: nth-child(3) .cctooltip, #slide4: checked ~ #cc-slides article: nth-child(4) .cctooltip, #slide5: checked ~ #cc-slides article: nth-child(5) .cctooltip {
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.6s;
    -moz-transition: all 1s ease-out 0.6s;
    -o-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s;
}
.list-group-item: hover {
    background: #111;
    color: #fff;
}
@media only screen and (min-width: 240px) and (max-width: 767px) {
    .cctooltip {
        margin-top: 0;
    }
}
.codeconTop {
    background: #523D1F;
    font-size: 0.69em;
    line-height: 2.2;
    padding: 0;
    text-transform: uppercase;
    width: 100%;
}
.codeconTop a {
    color: #fff;
    display: inline-block;
    letter-spacing: 0.1em;
    padding: 2em;
    text-decoration: none;
}
.codeconTop a: hover {
    background: rgba(255, 255, 255, 0.95);
    color: #716d62;
}
.codeconTop span.right {
    float: right;
}
.codeconTop span.right a {
    float: left;
    display: block;
}
.center {
    text-align: center;
}
.padding-10 {
    padding: 15px 0px !important;
}
.person {
    position: absolute;
    left: 7px;
    top: 10px;
}
.mobile-number {
    position: absolute;
    left: 7px;
    top: -4px;
}
.product-image img {
    height: 150px;
    max-width: 100%;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: middle;
    /*! text-align:center; */
}
/*
Copyright (c) 2016, Avetti.com All rights reserved.
*/

/* Get a Quote CSS */

.enquiry-b-submit {
    background-color: #111;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px;
    width: 20%;
    cursor: pointer;
    margin-left: 2%;
}
.enquiry-b-cancel {
    background-color: #666;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px;
    width: 15%;
    cursor: pointer;
    margin-left: 2%;
}
#enquiry-form-body {
    width: 700px;
    margin: auto;
    position: relative;
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
}
#enquiry-form #contact-information-section {
    border-right: solid 1px;
    border-color: #aaaaaa;
}
#enquiry-form.overlay {
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -khtml-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    z-index: 1000;
    display: none;
}
#enquiry-form form {
    /*! position: relative; */
    width: 100%;
}
#enquiry-form .enquiry-form-section {
    width: 100%;
    float: left;
    padding: 5px 10px;
}
#enquiry-form #enquiry-top {
    height: auto;
    padding: 10px;
    position: relative;
    background: #111 none repeat scroll 0 0;
}
#enquiry-form #enquiry-h1 {
    font-size: 1.17em;
    font-weight: normal;
    position: relative;
    margin: 0px;
    color: #ffffff;
}
#enquiry-form #enquiry-form-leave-button-wrapper {
    position: absolute;
    right: 9px;
    top: 5px;
    font-size: 12px;
    border: 1px solid #fff;
    border-radius: 36px;
    padding: 5px;
}
.table-striped > tbody > tr: nth-of-type(odd) {
    background: none !important;
}
#enquiry-form #enquiry-form-leave-button-wrapper #enquiry-form-leave-button {
    border-radius: 2px;
    font-size: 0.92em;
    padding: 0px 3px;
    margin: 0px;
    background-color: #111;
    border: none;
    color: #FFF;
}
#enquiry-form #enquiry-form-leave-button-wrapper #enquiry-form-leave-button: hover {
    cursor: pointer;
}
#enquiry-form #submit-button-wrapper {
    margin-top: 25px;
    margin-left: 15px;
}
#enquiry-form #submit-button-wrapper #enquiry-submit-button {
    border: none;
    text-transform: uppercase;
    padding: 5px 30px;
    border-radius: 8px;
    font-weight: bold;
    font-size: 1em;
    letter-spacing: 1px;
}
#enquiry-form #enquiry-form-message {
    text-align: center;
    font-size: 1.17em;
    padding: 10px;
    text-transform: capitalize;
}
#enquiry-form #submit-button-wrapper #enquiry-submit-button: hover {
    cursor: pointer;
}
.pbr-i1 {
    background: none;
    border-bottom: 2px solid #555;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 90%;
    float: left;
    height: 40px !important;
    margin-bottom: 20px;
    color: #222;
    margin: 2% 2%;
    padding-left: 10px;
    font-size: 13px;
}
.mdl-typography--display-r,
.mdl-typography--display-1-color-contrast {
    font-family: Roboto, Helvetica, Arial, sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 40px;
}
.r-p {
    padding-left: 10%;
    padding-right: 10%;
}
.r-p1 {
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 7%;
}
#vishesh-1 .item {
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 30px 0px;
    margin: 5px 12px 5px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 5px #ddd;
}
#vishesh-1 .item: hover {
    background: #fff;
    box-shadow: 0 0 10px #cdcdcd;
}
#vishesh-2 .item {
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 30px 0px;
    margin: 5px 12px 5px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 5px #ddd;
}
#vishesh-2 .item: hover {
    background: #fff;
    box-shadow: 0 0 10px #cdcdcd;
}
#vishesh-3 .item {
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 30px 0px;
    margin: 5px 12px 5px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 5px #ddd;
}
#vishesh-3 .item: hover {
    background: #fff;
    box-shadow: 0 0 10px #cdcdcd;
}
#vishesh-4 .item {
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 30px 0px;
    margin: 5px 12px 5px 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 5px #ddd;
}
#vishesh-4 .item: hover {
    background: #fff;
    box-shadow: 0 0 10px #cdcdcd;
}
#vishesh-5 .item {
    display: block;
    cursor: pointer;
    background: #fff;
    padding: 30px 0px;
    margin: 5px 20px 5px 2px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    box-shadow: 0 0 5px #ddd;
}
#vishesh-5 .item: hover {
    background: #fff;
    box-shadow: 0 0 10px #cdcdcd;
}
.home-bg-s {
    background: #fff;
}
.update-right {
    float: right !important;
    text-align: right;
    margin-right: 0px;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    z-index: -1 !important;
}
.item-title {
    color: #42575e;
    font-size: 14px !important;
    line-height: 18px !important;
    padding-top: 5% !important;
    padding-left: 0%;
    padding-right: 5%;
    /* height: 50px; */
    text-align: center;
    width: 240px;
    margin: 0 auto;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.owl-carousel .owl-wrapper: after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 25px;
    background: none;
    border: none;
    font-size: 12px;
}
.list-group-item > a {
    color: #555 !important;
}
.list-group-item a: hover {
    background: #111 !important;
    color: #fff !important;
}
.list-group {
    margin-bottom: 0px !important;
}
a.list-group-item: hover, button.list-group-item: hover, a.list-group-item: focus, button.list-group-item: focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #111 !important;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}
/* display none until init */

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}
/* fix */

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
/* CSS3 Transitions */

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px;
}

/* fade */

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease;
}
.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease;
}
/* backSlide */

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease;
}
/* goDown */

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both;
}
/* scaleUp */

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both;
}
/* Keyframes */

/*empty*/

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}
@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}
@keyframes empty {
    0% {
        opacity: 1
    }
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-moz-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%);
    }
}
@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%);
    }
}
@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%);
    }
}
@-webkit-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0);
    }
}
@-moz-keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0);
    }
}
@keyframes backSlideIn {
    0%,
    25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%);
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px);
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0);
    }
}
@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8);
    }
}
@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8);
    }
}
@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8);
    }
}
@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%);
    }
}
@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%);
    }
}
@keyframes goDown {
    from {
        transform: translateY(-100%);
    }
}
@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5);
    }
}
@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5);
    }
}
@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5);
    }
}
.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    margin: 5px;
    padding: 3px 10px;
    font-size: 90px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    background: #fff;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    color: #c2c2c2 !important;
}
/* Clickable class fix problem with hover on touch devices */

/* Use it for non-touch hover action */

.owl-theme .owl-controls.clickable .owl-buttons div: hover {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
    text-decoration: none;
}
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    /*IE7 fix*/
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fe4f00;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page: hover span {
    filter: Alpha(Opacity=100);
    /*IE7 fix*/
    opacity: 1;
}
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: #FFF;
    padding: 2px 10px;
    font-size: 12px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
/* preloading images */

.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center
}
.mdl-mega-footer__widget p a {
    text-decoration: underline;
}
.img-border {
    border: 1px solid #fff;
    padding: 10px;
}
.copy-right {
    font-size: 10px !important;
    padding-top: 3px;
}
.overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    background-color: rgba(239, 239, 239, 0.9);
    transition: 0.5s;
}
.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
.overlay a: hover, .overlay a: focus {
    color: #f1f1f1;
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }
    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}
.breadcrumb {
    padding: 0px 0px;
    margin-bottom: 0px;
    list-style: none;
    background-color: #fff;
    border-radius: 0px !important;
    margin-top: 0px;
    opacity: 0.8;
}
.menu {
    -webkit-filter: url("#shadowed-goo");
    filter: url("#shadowed-goo");
}
.menu-item,
.menu-open-button {
    background: #448aff;
    border-radius: 100%;
    width: 80px;
    height: 80px;
    margin-left: 60%;
    position: absolute;
    top: 0px;
    color: white;
    text-align: center;
    line-height: 80px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform ease-out 200ms;
    transition: -webkit-transform ease-out 200ms;
    transition: transform ease-out 200ms;
    transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
    font-size: 13px;
}
.menu-open {
    display: none;
}
.hamburger {
    width: 25px;
    height: 3px;
    background: white;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -12.5px;
    margin-top: -1.5px;
    -webkit-transition: -webkit-transform 200ms;
    transition: -webkit-transform 200ms;
    transition: transform 200ms;
    transition: transform 200ms, -webkit-transform 200ms;
}
.hamburger-1 {
    -webkit-transform: translate3d(0, -8px, 0);
    transform: translate3d(0, -8px, 0);
}
.hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.hamburger-3 {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}
.menu-open: checked + .menu-open-button .hamburger-1 {
    -webkit-transform: translate3d(0, 0, 0) rotate(45deg);
    transform: translate3d(0, 0, 0) rotate(45deg);
}
.menu-open: checked + .menu-open-button .hamburger-2 {
    -webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
    transform: translate3d(0, 0, 0) scale(0.1, 1);
}
.menu-open: checked + .menu-open-button .hamburger-3 {
    -webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
    transform: translate3d(0, 0, 0) rotate(-45deg);
}
.menu {
    position: relative;
    left: 0%;
    margin-left: 0px;
    padding-top: 0px;
    padding-left: 80px;
    width: 650px;
    height: 110px;
    box-sizing: border-box;
    font-size: 20px;
    text-align: left;
    /* float: left; */
    top: 9.7%;
}
.menu-item: hover {
    background: white;
    color: #111;
}
.menu-item: nth-child(3) {
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}
.menu-item: nth-child(4) {
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}
.menu-item: nth-child(5) {
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}
.menu-item: nth-child(6) {
    -webkit-transition-duration: 180ms;
    transition-duration: 180ms;
}
.menu-open-button {
    z-index: 2;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition-duration: 400ms;
    transition-duration: 400ms;
    -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    transform: scale(1.1, 1.1) translate3d(0, 0, 0);
    cursor: pointer;
}
.menu-open-button: hover {
    -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
    transform: scale(1.2, 1.2) translate3d(0, 0, 0);
}
.menu-open: checked + .menu-open-button {
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
    transform: scale(0.8, 0.8) translate3d(0, 0, 0);
}
.menu-open: checked ~ .menu-item {
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.menu-open: checked ~ .menu-item: nth-child(3) {
    -webkit-transition-duration: 190ms;
    transition-duration: 190ms;
    -webkit-transform: translate3d(110px, 0, 0);
    transform: translate3d(110px, 0, 0);
}
.menu-open: checked ~ .menu-item: nth-child(4) {
    -webkit-transition-duration: 290ms;
    transition-duration: 290ms;
    -webkit-transform: translate3d(220px, 0, 0);
    transform: translate3d(220px, 0, 0);
}
.menu-open: checked ~ .menu-item: nth-child(5) {
    -webkit-transition-duration: 390ms;
    transition-duration: 390ms;
    -webkit-transform: translate3d(330px, 0, 0);
    transform: translate3d(330px, 0, 0);
}
.menu-open: checked ~ .menu-item: nth-child(6) {
    -webkit-transition-duration: 490ms;
    transition-duration: 490ms;
    -webkit-transform: translate3d(440px, 0, 0);
    transform: translate3d(440px, 0, 0);
}
.colorful-tab-wrapper {
    width: 100%;
    margin: 20px auto;
    z-index: 00;
    background: #aaa;
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    transition: background .3s ease 0s
}
.colorful-tab-wrapper: before {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    opacity: 0;
    visibility: hidden;
    left: 0;
    top: 0;
    content: "";
    box-sizing: border-box;
    overflow: hidden;
    transform: scale(2) rotate(10deg);
    font-size: 50px;
    transition: all .6s ease 0s;
    padding-top: 60px;
    align-items: center;
    justify-content: center;
    color: #fff
}
.colorful-tab-wrapper.active: before {
    content: attr(active-tab);
    transform: scale(1) rotate(0deg);
    z-index: 9;
    opacity: 1;
    visibility: visible
}
.colorful-tab-wrapper.active .colorful-tab-content {
    color: white
}
.colorful-tab-background-image {
    background-attachment: fixed !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important
}
.colorful-tab-background-image: after {
    transition: .5s ease 0s;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    background: #000
}
.colorful-tab-background-image.active {
    background-image: none
}
.colorful-tab-background-image.active: after {
    width: 100%;
    opacity: .5
}
.colorful-tab-menu {
    display: flex;
    flex-wrap: wrap;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 20px;
    position: relative;
    z-index: 99
}
.colorful-tab-menu-item {
    flex: 1 1 auto;
    align-self: stretch
}
.colorful-tab-menu-item a {
    display: block;
    text-decoration: none;
    color: #fff;
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    transition: background .3s ease 0s, color .3s ease 0s
}
.colorful-tab-menu-item.active a {
    background: rgba(255, 255, 255, 0.1)
}
.colorful-tab-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column
}
.colorful-tab-content {
    height: 0;
    overflow: hidden;
    opacity: 0;
    color: #fff;
    visibility: hidden;
    position: relative;
    z-index: 9;
    font-size: 15px;
    line-height: 28px;
    width: 0;
    letter-spacing: .4px;
    transform: scale(0.9);
    transition: all .3s ease-in;
    filter: blur(2px)
}
.colorful-tab-content.active {
    height: auto;
    overflow: auto;
    transition-delay: .7s;
    width: auto;
    opacity: 1;
    filter: blur(0);
    visibility: visible;
    transform: scale(1)
}
.colorful-tab-wrapper.elliptic {
    border-radius: 10px;
    padding: 0
}
.colorful-tab-wrapper.elliptic: before {
    padding-top: 55px
}
.colorful-tab-wrapper.elliptic .colorful-tab-menu {
    margin: 0
}
.colorful-tab-wrapper.elliptic .colorful-tab-container {
    padding: 20px;
    box-sizing: border-box
}
.colorful-tab-wrapper.flatline {
    padding: 10px 20px 20px 20px
}
.colorful-tab-wrapper.flatline: before {
    padding-top: 55px
}
.colorful-tab-wrapper.flatline .colorful-tab-menu {
    background: #555;
    margin-bottom: 15px;
    box-shadow: 0 -2px 0 rgba(255, 255, 255, 0.2) inset
}
.colorful-tab-wrapper.flatline .colorful-tab-menu-item a {
    transition: box-shadow .3s ease 0s, opacity .3s ease 0s;
}
.colorful-tab-wrapper.flatline .colorful-tab-menu-item.active a {
    background: #111;
    opacity: 1;
}
@media (max-width: 767px) {
    .colorful-tab-menu {
        flex-direction: column
    }
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote: before, blockquote: after, q: before, q: after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.parent-cat-click {
    position: absolute;
    margin-top: 16px;
    z-index: 99999999999;
    height: 40px;
    float: left;
    color: #fff !important;
    display: flex;
    padding-left: 18%;
    font-size: 12px;
    text-transform: uppercase;
}
.popup-header {
    background-color: #ebebeb;
    display: block;
    line-height: 100%;
    position: relative;
    padding: 0px;
}
.popup-furniture {
    position: absolute;
    right: 0%;
    display: block;
    bottom: 0;
}
.popup-body,
.reg_user_info_wrapper {
    padding: 1.250em;
    /*   background-image: url(https://zhadmin.avetti.ca/preview/store//20160919229/images/bg.jpg); */
    /* background-repeat: no-repeat; */
    /* background-attachment: fixed; */
    background-position: center;
}
.popup-title {
    color: #fff400;
    font-weight: 600;
    font-size: 24px;
    position: relative;
    display: block;
    padding-bottom: 20px;
}
.input-effect {
    overflow: hidden;
}
.input-field-effect {
    margin-top: 1.25em;
    padding: 0.85em 0em;
    width: 100%;
    background: transparent;
    color: #000;
}
.input-label-effect {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0em;
    width: 100%;
    height: -webkit-calc(100% - 0.7em);
    height: -moz-calc(100% - 0.7em);
    height: calc(100% - 0.7em);
    height: 85%;
    -ms-height: 75%;
    text-align: left;
    pointer-events: none;
}
.input-label-effect: : before, .input-label-effect: : after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-calc(100% - 4px);
    height: -moz-calc(100% - 4px);
    height: calc(100% - 4px);
    height: 92%;
    -ms-height: 82%;
    border-bottom: 1px solid #B9C1CA;
}
.input-label-content-effect {
    position: absolute;
}
.input-label-effect-color-1: : after {
    border-color: hsl(200, 100%, 50%);
}
.input-label-effect: : after {
    margin-top: 0px;
    border-bottom: 2px solid red;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}
.input-effect {
    overflow: hidden;
}
.popup-forgot {
    float: left;
    padding-top: 1em;
    width: 50%;
    text-align: left;
}
.popup-forgot a {
    font-size: 12px;
    color: #101d6c !important;
    font-weight: 500;
    text-decoration: underline !important;
}
.popup-controls input[type='submit'],
.popup-controls input[type='button'],
.gb-form input[type='submit'] {
    background-color: #fff400;
    border: 0 none;
    color: #444;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px;
    width: 100%;
    cursor: pointer;
}
.register {
    color: #fff;
    font-size: 13px;
    text-align: right;
    padding: 1em 0 0em 0;
    /* line-height: 25px; */
    float: right;
    width: 50%;
}
.register a,
.login a {
    color: #101d6c !important;
    font-size: 13px;
    font-weight: 500;
    text-decoration: underline !important;
}
.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 100%;
    line-height: normal;
}
.input-label-effect: : before, .input-label-effect: : after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: -webkit-calc(100% - 4px);
    height: -moz-calc(100% - 4px);
    height: calc(100% - 4px);
    height: 92%;
    -ms-height: 82%;
    border-bottom: 1px solid #B9C1CA;
}
.input-label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}
.input-label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #8a8a8a;
    font-size: 0.8em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.input-field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em;
    width: 60%;
    border: none;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8em;
    -webkit-appearance: none;
}
.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    width: 100%;
    vertical-align: top;
    font-size: 100%;
    line-height: normal;
}
.login-popup,
.comment-popup {
    width: 450px;
    background: #666;
    opacity: 0.9;
    display: block;
    z-index: 99999999999999999;
    margin: 0 auto;
    border: solid 2px #000;
}
/* .login-popup .popup-close {
    top: 25px;
} */

.popup-close {
    position: relative;
    right: 20px;
    top: 0px;
    float: right;
    width: auto;
    height: 30px;
    z-index: 555;
}
.submit-button {
    background: #101d6c;
    /*background: linear-gradient(40deg, #fe4f00, #101d6c);*/
    border: 0 none;
    color: #FFF;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 0em;
    padding: 10px;
    width: 100%;
    cursor: pointer;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.pbr-close-button {
    background-color: #fff400;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px 120px;
    width: 100%;
    cursor: pointer;
}
.pbr-button-next {
    background-color: #fff400;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px;
    width: 48%;
    cursor: pointer;
    margin-left: 2%;
}
.pbr-button-back {
    background-color: #fff400;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px;
    width: 48%;
    cursor: pointer;
    float: left;
    margin-left: 1%;
    margin-bottom: 1%;
}
.pbr-button-submit {
    background-color: #fff400;
    border: 0 none;
    color: #fff;
    font-size: 14px;
    /* font-weight: 600; */
    margin-top: 1em;
    padding: 10px;
    width: 48%;
    cursor: pointer;
    margin-left: 2%;
}
.price {
    text-align: left!important;
    width: 100% !important;
    font-size: 16px;
    padding: 0px 0px;
    color: #fe4f00;
    font-weight: 500;
}
.list-price {
    padding-top: 10px;
    padding-left: 10px;
    float: left;
    text-decoration: line-through;
    font-size: 14px;
}
.you-save {
    position: absolute;
    right: 60px;
    bottom: 20px;
}
.mdl-card__actions.mdl-card--border {
    border-top: 1px solid rgba(0, 0, 0, .1);
    height: 60px;
}
.call-buy-pricing {
    width: 100%;
    text-align: left;
}
.categories_look {
    margin-left: 0px;
}
.breadcrumb > li > a {
    color: #111 !important;
    text-decoration: none;
    font-size: 12px;
}
.breadcrumb > li + li: before {
    padding: 0 5px;
    color: #333;
    content: "\00bb";
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .searchNoHead {
        font-size: 15px !important;
    }
    #varients {
        width: 400px;
        overflow-x: auto;
    }
    .mdl-layout--large-screen-only {
        display: none !important;
    }
    .login-popup,
    .comment-popup {
        width: 300px!important;
    }
    .pbr-popup1 {
        width: 300px!important;
    }
    .popup-furniture {
        display: none;
    }
    .power-tools {
        display: none;
    }
    .hand-tools {
        display: none;
    }
    .general {
        display: none;
    }
    .industrial {
        display: none;
    }
    .construction {
        display: none;
    }
    .safety {
        display: none;
    }
    .v-color4 {
        color: #fff;
        left: 15px;
    }
    .messages_slider {
        display: none;
    }
    .user_name {
        margin-left: 36px;
    }
    .colorful-tab-menu-item a {
        display: block;
        text-decoration: none;
        color: #fff;
        text-align: center;
        padding: 20px 0;
        font-size: 12px;
        transition: background .3s ease 0s, color .3s ease 0s;
    }
    .breadcrumb {
        padding: 0px 0px;
        margin-bottom: 0px;
        list-style: none;
        background-color: #fff;
        border-radius: 4px;
        font-size: 9px;
    }
    .login_allignment {
        margin-left: 36px;
    }
    .mdl-textfield__input {
        font-size: 12px !important;
    }
    .person {
        top: 14px;
    }
    .mdl-layout__drawer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 240px;
        height: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border-right: 1px solid #e0e0e0;
        background: #42575e;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        will-change: transform;
        transition-duration: .2s;
        transition-property: -webkit-transform;
        transition-property: transform;
        color: #424242;
        overflow: visible;
        overflow-y: auto;
        z-index: 2 !important;
    }
}
@media only screen and (min-width: 360px) and (max-width: 640px) {
    .mdl-layout__drawer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 240px;
        height: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border-right: 1px solid #e0e0e0;
        background: #42575e;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        will-change: transform;
        transition-duration: .2s;
        transition-property: -webkit-transform;
        transition-property: transform;
        color: #fff;
        overflow: visible;
        overflow-y: auto;
        z-index: 2 !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .power-tools {
        display: none;
    }
    .hand-tools {
        display: none;
    }
    .general {
        display: none;
    }
    .industrial {
        display: none;
    }
    .construction {
        display: none;
    }
    .safety {
        display: none;
    }
    .mdl-layout__drawer {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 240px;
        height: 100%;
        max-height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        box-sizing: border-box;
        border-right: 1px solid #e0e0e0;
        background: #fafafa;
        -webkit-transform: translateX(-250px);
        transform: translateX(-250px);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d;
        will-change: transform;
        transition-duration: .2s;
        transition-property: -webkit-transform;
        transition-property: transform;
        color: #424242;
        overflow: visible;
        overflow-y: auto;
        z-index: 2 !important;
    }
}
.pbr-mobile {
    background: none;
    border-bottom: 2px solid #fff400;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 90%;
    float: left;
    height: 40px;
    margin-bottom: 20px;
    color: #fff;
    margin: 2% 5%;
    padding-left: 10px;
    font-size: 13px;
}
.pbr-mobile: : -webkit-input-placeholder {
    color: #fff;
}
.pbr-mobileselect {
    background: none;
    border-bottom: 2px solid #fff400;
    border-top: none;
    border-right: none;
    border-left: none;
    width: 90%;
    float: left;
    height: 40px;
    margin-bottom: 20px;
    color: #fff;
    margin: 2% 5%;
    padding-left: 10px;
    font-size: 13px;
    margin-top: 5px;
}
.power-tools {
    position: absolute;
    top: 85px;
    left: 3%;
}
.hand-tools {
    position: absolute;
    top: 129px;
    left: 3%;
}
.general {
    position: absolute;
    top: 178px;
    left: 3%;
}
.industrial {
    position: absolute;
    top: 223px;
    left: 3%;
}
.construction {
    position: absolute;
    top: 269px;
    left: 3%;
}
.safety {
    position: absolute;
    top: 315px;
    left: 3%;
}
.count {
    position: absolute;
    font-size: 14px;
    top: 5px;
    right: 13px;
}
.login_allignment {
    cursor: pointer;
}
.v-color1 {
    color: #fec006;
}
.v-color2 {
    color: #2095f2;
}
.v-color3 {
    color: #4bae4f;
}
.v-color4 {
    color: #fff;
}
.v-w-color {
    color: #fff;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .login_icon {
        color: #111;
        margin-left: 10px;
    }
    .login_allignment {
        cursor: pointer;
        margin-left: 37px;
    }
    .user_name {
        margin-left: 20px;
    }
}
.justify {
    text-align: justify;
    font-size: 13px;
}
* {
    margin: 0;
    padding: 0;
    border: none;
}
article,
aside,
audio,
canvas,
command,
datalist,
details,
embed,
figcaption,
figure,
footer,
header,
hgroup,
keygen,
meter,
nav,
output,
progress,
section,
source,
video,
main {
    display: block
}
mark,
rp,
rt,
ruby,
summary,
time {
    display: inline
}
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
blockquote,
big,
body,
center,
canvas,
caption,
cite,
code,
command,
datalist,
dd,
del,
details,
dfn,
dl,
div,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
keygen,
label,
legend,
li,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
s,
samp,
section,
small,
span,
source,
strike,
strong,
sub,
sup,
table,
tbody,
tfoot,
thead,
th,
tr,
tdvideo,
tt,
u,
ul,
var {
    border: 0 none;
    font-weight: inherit;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}
a {
    text-decoration: none;
    outline: none !important;
}
b,
strong {
    font-weight: bold !important;
}
ul,
ol {
    list-style: none;
}
q {
    quotes: none;
}
table,
table td {
    padding: 0;
    border-collapse: collapse;
}
table img {
    vertical-align: top;
    max-width: 100%;
    height: 6rem;
}
embed {
    vertical-align: top;
}
input,
textarea {
    font-family: inherit;
}
input,
button {
    outline: none;
    background: transparent;
}
button: : -moz-focus-inner {
    border: 0;
}
th {
    text-align: left;
}
textarea {
    outline: none !important;
}
.clearfix: : after {
    content: "";
    display: block;
    clear: both;
}
button {
    cursor: pointer;
}
#_atssh {
    display: none !important;
}
.block-link ul li a {
    line-height: 19px;
    font-size: 13px;
    color: #696b79;
}
.s-icon {
    float: left;
    margin-right: 10px;
}
.language a: hover {
    color: #111 !important;
}
.side-bottom a: hover {
    color: #111 !important;
}
.currency a: hover {
    color: #111 !important;
}
.block-link ul li a: hover {
    color: #111 !important;
}
/* 
 *  Owl Carousel - Animate Plugin
 */

.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
    z-index: 0;
}
.owl-carousel .owl-animated-out {
    z-index: 1;
}
.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/* 
 * 	Owl Carousel - Auto Height Plugin
 */

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}
/* 
 *  Core Owl Carousel CSS File
 */

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}
.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage: after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    /* fix for flashing background */
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel.owl-loaded {
    display: block;
}
.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}
.owl-carousel.owl-hidden {
    opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
    display: none;
}
.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto;
}
.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
}
.owl-carousel.owl-rtl {
    direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
    float: right;
}
/* No Js */

.no-js .owl-carousel {
    display: block;
}
/* 
 * 	Owl Carousel - Lazy Load Plugin
 */

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    height: auto;
}
/* 
 * 	Owl Carousel - Video Plugin
 */

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}
.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon: hover {
    -webkit-transition: scale(1.3, 1.3);
    -moz-transition: scale(1.3, 1.3);
    -ms-transition: scale(1.3, 1.3);
    -o-transition: scale(1.3, 1.3);
    transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}
.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
}
.clearfix: after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
.box-radius {
    border: 1px solid #eaeaea;
    border-radius: 17px;
}
.button {
    padding: 0 15px;
    display: inline-block;
    height: 34px;
    line-height: 34px;
    border: none;
    background: #111;
    color: #fff;
}
.button: hover {
    opacity: 0.9;
    color: #fff;
}
.button-medium {
    padding: 10px 20px;
}
.button-default {
    background: #111;
    color: #fff;
    border-color: #111;
}
.button-default: hover {
    color: #fff;
}
.button-radius {
    position: relative;
    border: 1px solid #eaeaea;
    padding: 1px;
    min-height: 34px;
    background: #fff;
    display: inline-block;
    width: auto;
    line-height: 30px;
    padding-left: 40px;
    padding-right: 20px;
    margin: 0;
    color: #666666;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    margin-top: 10px;
    font-size: 14px;
}
.button-radius .icon {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
    position: absolute;
    left: 2%;
    top: 2px;
    overflow: hidden;
}
.button-radius .icon: before {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 14px;
    color: #fff;
    width: 28px;
    height: 28px;
    background-color: #111;
    border-radius: 90%;
    text-align: center;
    line-height: 26px;
    float: left;
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.button-radius.white {
    border-color: #fff;
    color: #fff;
    background: transparent;
}
.button-radius.white .icon: before {
    background: #fff;
    color: #333;
}
.button-radius: hover .icon {
    left: 100%;
    margin-left: -30px;
}
.button-radius: hover {
    padding-left: 20px;
    padding-right: 40px;
}
.required: after {
    color: red;
    content: ' (*)';
    font-size: 12px;
}
.bold {
    font-weight: bold;
}
.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
img.alignleft {
    margin: 0 20px 15px 0;
}
img.alignright {
    margin: 0 0 15px 20px;
}
.clearfix: before {
    content: "";
    display: table;
}
.fa {
    line-height: inherit;
}
/*-----------------------------
[2. Banner]
-------------------------------*/

.banner1>a {
    position: relative;
    display: block;
}
.banner1>a: after {
    content: " ";
    display: inline-block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.15);
    opacity: 0;
    transition: 0.2s;
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
}
.banner1>a: hover: after {
    opacity: 1;
}
.banner-hover a {
    position: relative;
    display: block;
    width: 100%;
}
.banner-hover a: before {
    background-color: rgba(255, 255, 255, 0.15);
    content: "";
    height: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.banner-hover a: after {
    background-color: rgba(255, 255, 255, 0.15);
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    width: 0;
}
.banner-hover a: hover: before {
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}
.banner-hover a: hover: after {
    height: 100%;
    width: 100%;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -ms-transition: all 0.4s ease-in-out 0s;
}
.image-hover2 a {
    position: relative;
    width: 100%;
    height: 100%;
    float: left;
}
.image-hover2 a: after {
    overflow: hidden;
    position: absolute;
    top: 0;
    content: "";
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    z-index: 1;
}
.image-hover2 a: before {
    font: normal normal normal 18px/1 FontAwesome;
    content: "\f002";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    color: #fff;
    ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease 0s;
    -o-transition: opacity 0.3s ease 0s;
    transition: opacity 0.3s ease 0s;
}
.image-hover2 a: hover: after {
    visibility: visible;
    opacity: 0.8;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.image-hover2 a: hover: before {
    opacity: 1;
}
/*-----------------------
[3. Block]
------------------------*/

.block {
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    max-width: 100%;
    width: 100%;
}
.block .block-head {
    padding: 15px 20px;
    border-bottom: 1px solid #eaeaea;
    background: #fbfbfb;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.block .block-inner {
    width: 100%;
    float: left;
    padding: 20px;
}
.block .block-head .block-icon {
    padding-right: 20px;
    float: left;
}
.block .block-head .block-title-text {
    font-size: 24px;
    text-transform: uppercase;
    line-height: 20px;
}
.block .block-head .block-title-text.text-lg {
    font-weight: 600;
}
.block .block-head .block-title-text.text-sm {
    font-size: 18px;
    font-style: italic;
}
.block3 {
    background: #fff;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    float: left;
    max-width: 100%;
    width: 100%;
    margin-top: 30px;
}
.block3 .block-head {
    border-bottom: 1px solid #eaeaea;
    background: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    overflow: hidden;
}
.block3 .block-inner {
    width: 100%;
    float: left;
    padding: 20px;
}
.block3 .block-head .block-title {
    width: auto;
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 18px;
    height: 50px;
    border-top: 5px solid #111;
    line-height: 43px;
    text-transform: uppercase;
    padding: 0 20px;
    border-top-left-radius: 5px;
    float: left;
}
.block3 .block-head .customNavigation-owl {
    width: auto;
    display: inline-block;
    height: 50px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    float: left;
    text-align: center;
    line-height: 50px;
    padding: 0 25px;
    padding-top: 16px;
}
.block3 .block-head .nav-tab.default {
    width: auto;
    display: inline-block;
    float: right;
}
.block3 .block-head .nav-tab.default li {
    padding: 0 20px;
    display: inline;
    line-height: 50px;
    float: left;
}
.block3 .block-head .nav-tab.default li>a {
    height: 50px;
    border-bottom: 1px solid transparent;
    float: left;
    text-transform: uppercase;
}
.block3 .block-head .nav-tab.default li: hover>a, .block3 .block-head .nav-tab.default li.active>a {
    border-color: #111;
}
.block3 .block-footer {
    border-top: 1px solid #eaeaea;
    width: 100%;
    float: left;
    padding: 3px;
}
.block3 .block-head .nav-tab.tab-category {} .block3 .block-head .nav-tab.tab-category li {
    list-style: none;
    display: inline;
    float: left;
    border-top: 5px solid transparent;
    line-height: 50px;
}
.block3 .block-head .nav-tab.tab-category li>a {
    padding: 18px 22px;
    font-size: 18px;
    text-transform: uppercase;
}
.block3 .block-head .nav-tab.tab-category li>a: focus {
    color: #333;
}
.block3 .block-head .nav-tab.tab-category li: after {
    content: '';
    border-right: 1px solid #eaeaea;
    padding: 20px 0;
    margin-left: -1px;
}
.block3 .block-head .nav-tab.tab-category li.active,
.block3 .block-head .nav-tab.tab-category li: hover {
    border-color: #111;
}
/*-----------------------
[4. Owl]
------------------------*/

.kt-owl-carousel .owl-prev,
.kt-owl-carousel .owl-next,
.customNavigation-owl .prev,
.customNavigation-owl .next {
    width: 20px;
    height: 20px;
    text-align: center;
    border: 1px solid #eaeaea;
    color: #666666;
    line-height: 18px;
    background: #fff;
    display: inline-block;
    border-radius: 90%;
    font-size: 0;
}
.kt-owl-carousel .owl-next: hover {
    background-color: #111;
    border-color: #111;
}
.kt-owl-carousel .owl-prev: hover {
    background-color: #111;
    border-color: #111;
}
.kt-owl-carousel .owl-next {
    position: absolute;
    right: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 7px center;
}
.kt-owl-carousel .owl-prev {
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: 5px center;
}
/*------------------------
[5. Tab]
--------------------------*/

.tab-container {
    position: relative;
}
.tab-container .tab-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
.tab-container .active {
    opacity: 1;
    visibility: inherit;
    position: inherit;
    -vendor-animation-duration: 0.3s;
    -vendor-animation-delay: 1s;
    -vendor-animation-iteration-count: infinite;
}
/*------------------------
[6. Products list]
--------------------------*/

.product-price {
    font-weight: bold;
    color: #ffb424;
}
.product-price-old {
    color: #999999;
    font-size: 12px;
    text-decoration: line-through;
}
.product-star {
    font-size: 12px;
    color: #ccc;
}
.products {
    padding: 0;
    display: block;
}
.products .product-status {
    position: absolute;
    left: 0;
    top: 0;
    height: 17px;
    color: #fff;
}
.products .product-status span {
    float: left;
    height: 17px;
    padding: 0 10px;
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: 600;
}
.products .product-status .new {
    background: #ffc000;
}
.products .product-status .sale {
    background: #ff4318;
}
.products li {
    list-style: none;
}
.products .product {} .products img {
    width: 85% !important;
    height: auto;
    position: absolute;
    top: 230px;
    bottom: 0;
    margin: auto;
    left: 5%;
}
.products .product-container {
    overflow: hidden;
    position: relative;
    padding-bottom: 57px;
}
.products .product-container .inner {
    overflow: hidden;
    position: relative;
    padding-bottom: 57px;
}
.products .product-thumb {
    position: relative;
    width: 230px;
    height: 230px;
}
.products .product-thumb a.product-img {
    position: relative;
    display: block;
    margin: 0 auto;
}
.products .product-thumb a.product-img: before {
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 1;
}
.products .product-star {
    font-size: 12px;
    color: #ccc;
}
.products .product-right {
    padding: 10px 10px 0 10px;
    position: absolute;
    bottom: -50px;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.9);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 2;
    overflow: hidden;
    text-align: center;
}
.products .product-container: hover .product-right {
    bottom: 0;
}
.products .product-container: hover .product-thumb .product-img: before {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}
.products .product-container: hover .btn-quick-view {
    opacity: 1;
}
.products .product-price-old {
    padding-left: 15px;
}
.products .btn-quick-view {
    color: #fff;
    text-align: center;
    line-height: 40px;
    position: absolute;
    top: 30%;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    background-repeat: no-repeat;
    background-position: center center;
    font-size: 0;
    border-radius: 90%;
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out 0s;
    -moz-transition: opacity 0.3s ease-out 0s;
    -o-transition: opacity 0.3s ease-out 0s;
    transition: opacity 0.3s ease-out 0s;
}
.products .btn-add-cart {
    margin-top: 0;
    float: left;
}
.products .btn-add-cart: hover, .products .btn-add-cart: hover .icon: before {
    border-radius: 0;
}
.products .desc {
    padding: 20px 0;
    line-height: 20px;
}
.products.list .product-right {
    display: block;
    margin-bottom: inherit;
    position: inherit;
    bottom: 0;
}
.products.list .inner {
    padding: 0;
    position: inherit;
}
.products.list .product-container: hover .product-right {
    margin-top: inherit;
    overflow: hidden;
    position: inherit;
}
.products.list .btn-quick-view {
    top: 40%;
    left: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.page-content {
    margin-top: 15px;
    width: 100%;
    float: left;
}
label {
    font-weight: 500;
}
.scroll_top {
    width: 34px;
    height: 34px;
    position: fixed;
    display: none;
    font-size: 0;
    z-index: 9999;
    right: 10px;
    bottom: 32px;
    background: #111;
    border-radius: 50%;
}
.scroll_top: before {
    content: "\f062";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #fff;
    text-align: center;
    width: 34px;
    height: 34px;
    line-height: 34px;
    display: block;
}
/*------------------------------------------------------------------
[Table of contents]

1. Top bar
2. Advanced Search
3. Block currency language
4. Block Cart button
5. Main header
6. Main menu
7. Block category
8. Block guarantee
9. Block slider
10. Block top selles
11. Block Shop features
12. Block offers
13. Block hot deals
14. Popular Categories 
15. Vertical megamenus
16. Block banner right
17. Block banner owl
18. Block tabs
19. Block header right
20. Block hot delas 2
21. Banner text
22. block-breadcrumbs
23. Category page
24. Block filter top
25. Block categories slider
26. block-specials
27. Product detail
28. Comment
29. Footer
30. Inner page
31. Block banner owl
-------------------------------------------------------------------*/

/*-----------------------
[1. Top bar]
------------------------*/

.top-bar {
    min-height: 34px;
}
.top-bar .top-bar-link {
    padding: 0;
    width: auto;
    display: inline-block;
    font-size: 12px;
    float: left;
}
.top-bar .top-bar-link-right {
    float: right;
}
.top-bar .top-bar-link>li {
    display: inline;
    float: left;
    line-height: 34px;
    padding-right: 15px;
}
.top-bar .top-bar-link>li .fa {
    color: #111;
}
.top-bar .top-bar-link>li: first-child {
    padding-left: 0;
}
.top-bar .top-bar-link>li: last-child {
    padding-right: 0;
}
.top-bar .top-bar-link.dot>li>a {
    position: relative;
    padding-left: 15px;
}
.top-bar .top-bar-link.dot>li>a: before {
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 6px;
    color: #111;
    margin-right: 15px;
    position: absolute;
    top: -7px;
    left: 0;
}
.box-header {
    border: 1px solid #eaeaea;
    padding: 8px 0px;
    background: #f9f9f9;
    min-height: 50px;
}
/*-------------------
[2. Advanced Search]
--------------------*/

.advanced-search {
    background: #fff;
    height: 34px;
    position: relative;
}
.advanced-search .search-category {
    border-right: 1px solid #eaeaea;
    height: 32px;
}
.advanced-search .search-category .search-category-select {
    width: 100%;
    border: none;
    border-radius: 0;
    height: 40px;
    padding: 0;
}
.advanced-search .search-input {} .advanced-search .search-input>input {
    width: 390px !important;
    border: none;
    border-radius: 0;
    height: 40px;
    padding-left: 10px;
    padding-right: 20px;
    line-height: 40px;
}
.advanced-search .btn-search {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 28px;
    height: 28px;
    background: #111;
    border-radius: 90%;
    color: #fff;
    border: none;
    text-align: center;
}
.advanced-search #category-select-button {
    width: 100%!important;
    background: none;
    border: none;
    border-radius: 0px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    height: 30px;
    position: relative;
    min-width: 135px;
}
.advanced-search #category-select-button span.ui-selectmenu-text {
    line-height: inherit;
    color: #333;
    font-weight: normal;
    line-height: 20px;
}
.advanced-search .ui-state-focus {
    outline: none;
}
.advanced-search .ui-selectmenu-button span.ui-icon {
    background: none;
    text-indent: inherit;
    text-align: center;
    margin-top: -10px;
}
.advanced-search .ui-selectmenu-button span.ui-icon: before {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 14px;
    color: #333;
}
#category-select-menu {
    background: #fff;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
#category-select-menu .ui-state-focus {
    border: none;
    font-weight: normal;
    background: #111;
    color: #fff;
}
#category-select-menu .ui-menu-item {
    padding: 3px 15px;
}
/*----------------
[3. Block currency language]
-----------------*/

.wrap-block-cl .inner-cl {
    background: #fff;
    min-height: 34px;
    line-height: 34px;
}
.wrap-block-cl .inner-cl img {
    margin-top: -3px;
    margin-right: 10px;
}
.wrap-block-cl .inner-cl>.dropdown>a: after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-size: 14px;
    margin-left: 15px;
}
.wrap-block-cl .language,
.wrap-block-cl .currency,
.wrap-block-cl .cartIcon {
    width: 50%;
    float: left;
    padding-left: 15px;
    height: 32px;
}
.wrap-block-cl .language,
.wrap-block-cl .currency {
    border-right: 1px solid #eaeaea;
}
.wrap-block-cl .dropdown-menu {
    border: none;
    border-radius: 0px;
    min-width: 100px;
}
.wrap-block-cl .dropdown-menu>li>a {
    padding: 6px 13px;
}
.wrap-block-cl .dropdown-menu>li>a: hover {
    background: #111;
    color: #fff;
}
.wrap-block-cl .dropdown-menu>li>a>img {
    margin-right: 5px;
    margin-top: -2px;
}
/*-----------------------
[4. Block Cart button]
-----------------------*/

.block-wrap-cart .iner-block-cart {
    height: 34px;
    background: #fff;
    line-height: 34px;
}
.block-wrap-cart .iner-block-cart>a {
    width: 100%;
    padding-left: 20px;
    display: block;
}
.block-wrap-cart .iner-block-cart>a .total {
    float: left;
}
.block-wrap-cart .iner-block-cart>a: after {
    width: 28px;
    height: 28px;
    float: right;
    background: #111;
    content: '';
    border-radius: 90%;
    margin-top: 2px;
    margin-right: 2px;
    background: #111 url('../images/cart-icon.png') no-repeat center center;
}
.block-wrap-cart .block-mini-cart {
    position: absolute;
    top: 100%;
    right: -1px;
    z-index: 1002;
    max-height: 500px;
    overflow-y: auto;
    background: #FFF;
    color: #666;
    width: 300px;
    opacity: 0;
    -webkit-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 0px 4px 7px 0px rgba(50, 50, 50, 0.2);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    opacity: 0;
    display: block;
    visibility: hidden;
    line-height: 24px;
    font-size: 14px;
}
.block-wrap-cart: hover .block-mini-cart {
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-content {
    padding: 20px;
    overflow: hidden;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-head {
    text-transform: uppercase;
    font-size: 12px;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-list>ul {
    padding: 0;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-list>ul>li {
    margin-top: 10px;
    border-bottom: 1px solid #eaeaea;
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
    list-style: none;
    width: 100%;
    float: left;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-list .p-left {
    width: 100px;
    float: left;
    position: relative;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-list .p-right {
    margin-left: 110px;
}
.block-wrap-cart: hover .block-mini-cart .mini-cart-list .p-right .p-rice {} .block-wrap-cart .toal-cart {
    padding: 10px 0;
    width: 100%;
    float: left;
}
.block-wrap-cart .toal-cart .toal-price {
    font-size: 18px;
}
/*--------------------
[5. Main header]
---------------------*/

.main-header {
    padding: 20px 0;
}
.main-header-banner {
    padding-left: 0px;
}
.herader-banner .list-banner {
    margin-left: -5px;
    margin-right: -5px;
    overflow: hidden;
    padding: 0;
}
.herader-banner .list-banner>li {
    padding: 0 5px;
    float: left;
    display: inline;
    width: 50%;
    float: left;
}
.herader-banner .list-banner>li img {
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.main-header .logo {
    padding-top: 15px;
}
/*----------------------
[6. Main menu]
------------------------*/

.main-menu {
    background: #fbfbfb;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.main-menu .navbar {
    margin: 0;
    border-radius: 0;
    border: none;
}
.main-menu .navbar>.container-fluid {
    padding: 0;
}
.main-menu .navbar-header {
    display: none;
}
.main-menu .navbar-collapse {
    padding: 0;
}
.main-menu .navbar-nav>li {
    padding-right: 1px;
}
.main-menu .navbar-nav>li>a {
    padding: 0 20px;
    margin: 11px 0;
    height: 28px;
    line-height: 28px;
    border-radius: 20px;
    text-transform: uppercase;
    position: relative;
}
.main-menu .navbar-nav>li>a>img {
    position: absolute;
    top: -17px;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.main-menu .navbar-nav>li>a: hover, .main-menu .navbar-nav>li.active>a, .main-menu .navbar-nav>li>a: focus {
    background: #111;
    color: #fff;
}
.main-menu .dropdown-menu {
    border-radius: 5px;
    min-width: 200px;
    left: auto;
    padding: 20px 15px;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transform: translate(0, 40px);
    -moz-transform: translate(0, 40px);
    -o-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    display: block;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    border: none;
}
.main-menu .navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.main-menu ul {
    padding: 0;
}
.main-menu li.dropdown>a: after {
    content: "\f0d8";
    font-family: 'FontAwesome';
    position: absolute;
    left: 50%;
    bottom: -12px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    color: #fff;
    display: none;
}
.main-menu .dropdown-menu li {
    list-style: none;
}
.main-menu .navbar-nav > li: hover >a: after {
    display: block;
}
.main-menu .navbar-nav > li: hover .dropdown-menu {
    -webkit-transform: translate(0, -10px);
    -moz-transform: translate(0, -10px);
    -o-transform: translate(0, -10px);
    -ms-transform: translate(0, -10px);
    transform: translate(0, -10px);
    opacity: 1;
    visibility: visible;
    background: #fff;
}
.main-menu .mega_dropdown .block-megamenu-link {} .main-menu .mega_dropdown .block-megamenu-link>li {
    background: #fbfbfb;
    line-height: 30px;
    padding-left: 20px;
}
.main-menu .mega_dropdown .block-megamenu-link>li>a: before {
    font-family: 'FontAwesome';
    content: "\f105";
    margin-right: 10px;
}
.main-menu .border {
    border-right: 1px solid #eaeaea;
}
.main-menu .mega_dropdown .block-megamenu-link>li: hover {
    background: #111;
    color: #fff;
}
.main-menu .mega_dropdown .block-megamenu-link>li: hover>a {
    color: #fff;
}
.main-menu .mega_dropdown .block-container {} .main-menu .mega_dropdown li.group_header {
    text-transform: uppercase;
    margin-bottom: 5px;
    margin-top: 15px;
    background: #fff;
}
.main-menu .dropdown-menu .block-container .group_header>a {
    line-height: 32px;
    display: inline-block;
    font-weight: 500;
}
.main-menu .dropdown-menu .block-container li.group_header>a: before {
    display: none;
}
.main-menu .mega_dropdown .group_header: first-child {
    margin-top: 0;
}
.main-menu .mega_dropdown .img_container {
    padding-bottom: 10px;
}
.main-menu .mega_dropdown .img_container img {
    width: 100%;
}
.main-menu .mega_dropdown .img_container: last-child {
    padding-bottom: 0;
}
.main-menu .nav,
.main-menu .collapse,
.main-menu .dropup,
.main-menu .dropdown {
    position: static;
}
.main-menu-ontop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.main-menu-ontop.main-menu .navbar-nav>li>a>img {
    top: -12px;
}
/*----------------------
[7. Block category ]
------------------------*/

.block-category {
    margin-top: 20px;
}
.block-category .nav-tab {
    padding: 0;
    overflow: hidden;
}
.block-category .nav-tab>li {
    list-style: none;
    display: inline;
    padding-right: 1px;
    float: left;
}
.block-category .nav-tab>li>a {
    border-top: 1px solid #eaeaea;
    background: url('../images/bg-tab.png') repeat-x 0 -1px;
    height: 28px;
    float: left;
    padding: 0 15px;
    line-height: 26px;
    text-transform: uppercase;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    border-radius: 17px;
}
.block-category .nav-tab>li>a: hover, .block-category .nav-tab>li.active>a {
    background: #618dcc;
    border-color: #618dcc;
    color: #fff;
}
.block-category .block-inner {
    padding: 0;
}
.block-category .categories {
    padding: 12px 0 19px 0;
    float: left;
}
.block-category .categories>li {
    list-style: none;
    line-height: 30px;
    float: left;
    height: 30px;
    width: 100%;
}
.block-category .categories>li>a {
    width: 100%;
    float: left;
    position: relative;
}
.block-category .categories>li>a: before {
    content: "\f178";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #111;
    position: absolute;
    z-index: 9;
    margin-left: 20px;
}
.block-category .categories>li>a: after {
    content: "";
    position: absolute;
    top: 32px;
    left: -11px;
    width: 0;
    height: 0;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    display: none;
}
.block-category .categories>li>a>.text {
    display: inline-block;
    position: relative;
    padding: 1px 15px 1px 50px;
    min-width: 175px;
}
.block-category .categories>li>a>.text: before {
    content: "";
    width: 11px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: -11px;
    background: #111;
    display: none;
}
.block-category .categories>li>a>.text: after {
    content: "";
    position: absolute;
    top: 0px;
    right: -16px;
    width: 0;
    height: 0;
    border-left: 16px solid #111;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    display: none;
}
.block-category .categories>li>a> .count {
    float: right;
    font-size: 12px;
    color: #999;
    margin-right: 20px;
}
.block-category .categories>li>a: hover>.text: after, .block-category .categories>li>a: hover>.text: before, .block-category .categories>li>a: hover: after {
    display: block;
}
.block-category .categories>li>a: hover>.text {
    background: #111;
    color: #fff;
}
.block-category .categories>li>a: hover: before {
    color: #fff;
}
/*------------------------
[8. block guarantee]
-------------------------*/

.block-guarantee {
    padding: 0 20px 20px 20px;
    line-height: 40px;
    float: left;
}
.block-guarantee ul {
    padding: 0;
}
.block-guarantee ul li {
    list-style: none;
}
.block-guarantee ul li a {
    display: block;
    color: #666666;
}
.block-guarantee ul li a: before {
    content: "\f046";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #111;
    margin-right: 10px;
    line-height: 40px;
}
/*-------------------------
[9. Block slider]
---------------------------*/

.block-slider {
    margin-top: 20px;
    position: relative;
    float: left;
}
.block-slider .bx-wrapper {
    overflow: hidden;
    position: relative;
}
.block-slider ul {
    padding: 0;
}
.block-slider ul li {
    list-style: none;
}
.block-slider .bx-pager {
    display: none;
}
.block-slider .bx-prev,
.block-slider .bx-next {
    width: 32px;
    height: 32px;
    border: 1px solid #eaeaea;
    text-align: center;
    display: block;
    border-radius: 50%;
    font-size: 30px;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 29px;
    -moz-transition: all 0.45s ease;
    -webkit-transition: all 0.45s ease;
    -o-transition: all 0.45s ease;
    -ms-transition: all 0.45s ease;
    transition: all 0.45s ease;
}
.block-slider img {
    border-radius: 5px;
    width: 100%;
    height: auto;
}
.block-slider .bx-prev {
    left: -50px;
    padding-right: 3px;
}
.block-slider .bx-next {
    right: -50px;
    padding-left: 3px;
}
.block-slider: hover .bx-prev {
    left: 10px;
}
.block-slider: hover .bx-next {
    right: 10px;
}
.block-slider .bx-prev: hover, .block-slider .bx-next: hover {
    background: #111;
    color: #fff;
    border-color: #111;
}
/*----------------------
[10. Block top seller ]
------------------------*/

.block-top-sellers {
    margin-top: 30px;
}
.block-top-sellers .block-inner {
    padding: 12px 20px;
}
.block-top-sellers .owl-next {
    top: -56px;
}
.block-top-sellers .owl-prev {
    top: -56px;
    left: inherit;
    right: 21px;
}
/*----------------------
[11. Block Shop features ]
------------------------*/

.block-shop-features {
    margin-top: 30px;
}
.block-shop-features .block-inner {
    padding-bottom: 18px;
}
.block-shop-features ul.list-banner {
    padding: 0;
}
.block-shop-features ul li {
    list-style: none;
    margin-bottom: 24px;
}
.block-shop-features ul li: last-child {
    margin-bottom: 0;
}
/*----------------------
[12. Block offers ]
------------------------*/

.block-offers {
    margin-top: 30px;
    float: left;
    width: 100%;
    overflow: hidden;
}
.block-offers .block-inner {
    padding: 12px 0;
}
.block-offers .owl-next {
    top: -56px;
    right: 20px;
}
.block-offers .owl-prev {
    top: -56px;
    left: inherit;
    right: 41px;
}
.block-offers .products .product {
    float: left;
    padding: 0px 27px;
    border-right: 1px solid #eaeaea;
    overflow: hidden;
}
.block-offers .last-item .product {
    border: none;
}
/*----------------------
[13. Block hot deals ]
------------------------*/

.block-hot-deals {
    margin-top: 30px;
}
.block-hot-deals .block-head {
    position: relative;
}
.block-hot-deals .block-countdownt {
    position: absolute;
    right: 20px;
    top: 15px;
}
.block-hot-deals .block-countdownt .box-count {
    height: 39px;
    width: 53px;
    background: #bbcde7;
    color: #fff;
    text-align: center;
    float: left;
    padding: 0 10px;
    line-height: 15px;
    font-size: 12px;
    padding-top: 5px;
}
.block-hot-deals .block-countdownt .box-count.hrs {
    background: #9ab6de;
}
.block-hot-deals .block-countdownt .box-count.min {
    background: #7a9fd4;
}
.block-hot-deals .block-countdownt .box-count.secs {
    background: #111;
}
.block-hot-deals .block-countdownt .number {
    width: 100%;
    float: left;
    font-weight: bold;
}
.block-hot-deals .block-countdownt .text {
    width: 100%;
    float: left;
}
.block-hot-deals .block-countdownt .dot {
    display: none;
}
.block-hot-deals .owl-prev,
.block-hot-deals .owl-next {
    top: 40%;
}
.block-hot-deals .owl-prev {
    left: -10px;
}
.block-hot-deals .owl-next {
    right: -10px;
}
.block-banner {
    margin-top: 30px;
}
/*----------------------
[14. Popular Categories ]
------------------------*/

.block-popular-cat {
    margin-top: 30px;
}
.block-popular-cat .title {
    position: relative;
    height: 30px;
    display: block;
    padding-right: 60px;
    padding-left: 300px;
}
.block-popular-cat .title: after {
    content: '';
    height: 5px;
    border: 1px solid #eaeaea;
    width: auto;
    min-width: 100%;
    display: inline-block;
    border-radius: 2px;
}
.block-popular-cat .title .text {
    position: absolute;
    left: 0;
    height: 30px;
    background: #fff;
    line-height: 35px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 30px;
}
.block-popular-cat .inner {
    padding: 0 30px;
    border-right: 1px solid #eaeaea;
    margin-top: 37px;
}
.block-popular-cat .last-item .inner {
    border: none;
}
.block-popular-cat .parent-categories {
    text-transform: uppercase;
}
.block-popular-cat .sub-categories {
    padding: 0;
}
.block-popular-cat .sub-categories li {
    list-style: none;
    line-height: 30px;
}
.block-popular-cat .sub-categories li a: before {
    content: "\f178";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #111;
    margin-right: 15px;
}
.block-popular-cat .owl-next {
    top: -21px;
}
.block-popular-cat .owl-prev {
    top: -21px;
    left: inherit;
    right: 21px;
}
/*-----------------
 [ 15 Vertical megamenus]
 */

.block-vertical-menu {
    padding: 0;
    margin-top: 0px;
}
.block-vertical-menu .vertical-head .vertical-title {
    margin: 0;
    padding: 0;
    line-height: inherit;
    cursor: pointer;
}
.block-vertical-menu .vertical-head .vertical-title: after {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: "\f0c9";
    float: right;
}
.block-vertical-menu .vertical-head {
    background: #5d8acb;
    color: #fff;
    height: 34px;
    line-height: 34px;
    text-transform: uppercase;
    padding: 0 15px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}
.block-vertical-menu .vertical-menu-content {
    background: #fff;
}
.block-vertical-menu .vertical-menu-list {
    padding: 0;
    margin-top: 3px;
    padding-bottom: 1px;
}
.block-vertical-menu .vertical-menu-list>li {
    display: block;
    position: relative;
    padding: 10px 0 8px 10px;
    border-bottom: 1px solid #eaeaea;
}
.block-vertical-menu .vertical-menu-list>li: last-child {
    border: none;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}
.block-vertical-menu .vertical-menu-list>li>a {
    line-height: 36px;
    display: block;
}
.block-vertical-menu .vertical-menu-content ul>li>a.parent: before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    position: absolute;
    top: 22px;
    right: 5px;
    display: none;
}
.block-vertical-menu .vertical-menu-content ul>li>a.parent: after {
    position: absolute;
    background: #fff;
    height: 100%;
    top: 0;
    right: -2px;
    width: 2px;
    content: ' ';
    z-index: 2000;
    opacity: 0;
}
.block-vertical-menu .vertical-menu-content ul > li: hover > a.parent: after {
    opacity: 1;
}
.block-vertical-menu .vertical-menu-content ul li: hover .vertical-dropdown-menu {
    visibility: visible;
    display: block;
    height: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.block-vertical-menu .vertical-menu-content>ul>li>a>img.icon-menu {
    vertical-align: middle;
    padding-right: 10px;
}
.vertical-dropdown-menu {
    position: absolute;
    top: -15px;
    left: 100%;
    z-index: 900;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    -webkit-transition: all 0.45s ease-out 0s;
    -moz-transition: all 0.45s ease-out 0s;
    -o-transition: all 0.45s ease-out 0s;
    transition: all 0.45s ease-out 0s;
    -moz-transform: translate(100px, 0);
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
    opacity: 0;
    display: block;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    height: 0;
    background: #fbfbfb;
    border: 1px solid #eaeaea;
}
.vertical-dropdown-menu .vertical-groups {
    padding: 30px;
}
.block-content-vertical-menu {
    display: block;
    float: left;
    width: 100%;
}
.block-content-vertical-menu.border .inner {
    border: 1px solid #eaeaea;
    background: #fff;
    border-top: none;
}
.block-content-vertical-menu.border-left .inner {
    border: 1px solid #eaeaea;
    background: #fff;
}
.block-content-vertical-menu .head {
    height: 30px;
    margin: 0;
    background: #111;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    line-height: 30px;
    font-weight: 600;
}
.block-content-vertical-menu .inner {
    padding-top: 15px;
    width: 100%;
    float: left;
    padding-bottom: 15px;
}
.block-content-vertical-menu .inner-img {
    padding: 0 15px;
    padding-bottom: 10px;
}
.vertical-menu-link {
    padding: 0;
}
.vertical-menu-link>li {
    list-style: none;
    line-height: 30px;
    float: left;
    height: 30px;
    width: 100%;
}
.vertical-menu-link>li>a {
    width: 100%;
    float: left;
    position: relative;
}
.vertical-menu-link>li>a: before {
    content: "\f178";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #111;
    position: absolute;
    z-index: 9;
    margin-left: 15px;
}
.vertical-menu-link>li>a .text {
    display: inline-block;
    position: relative;
    padding: 1px 15px 1px 40px;
    min-width: 100px;
}
.vertical-menu-link>li>a .count {
    float: right;
    font-size: 12px;
    color: #999;
    padding-right: 15px;
}
.vertical-menu-link>li>a: after {
    content: "";
    position: absolute;
    top: 32px;
    left: -11px;
    width: 0;
    height: 0;
    border-top: 10px solid #000;
    border-left: 10px solid transparent;
    display: none;
}
.vertical-menu-link>li>a .text: before {
    content: "";
    width: 11px;
    height: 32px;
    position: absolute;
    top: 0px;
    left: -11px;
    background: #111;
    display: none;
}
.vertical-menu-link>li>a .text: after {
    content: "";
    position: absolute;
    top: 0px;
    right: -16px;
    width: 0;
    height: 0;
    border-left: 16px solid #111;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    display: none;
}
.vertical-menu-link>li>a: hover .text, .vertical-menu-link>li>a: hover: before {
    background: #111;
    color: #fff;
}
.vertical-menu-link>li>a: hover: after, .vertical-menu-link>li>a: hover .text: after, .vertical-menu-link>li>a: hover .text: before {
    display: block;
}
/** CUSTOM COLOR**/

.ef4896 .button-radius: before {
    background-color: #ef4896;
}
.ef4896 a: hover {
    color: #ef4896;
}
.ef4896 .block-content-vertical-menu .head {
    background: #ef4896;
}
.ef4896 .vertical-menu-link>li>a .text: after {
    border-left-color: #ef4896;
}
.ef4896 .vertical-menu-link>li>a .text: before {
    background: #ef4896;
}
.ef4896 .vertical-menu-link>li>a: before {
    color: #ef4896;
}
.ef4896 .vertical-menu-link>li>a: hover .text, .ef4896 .vertical-menu-link>li>a: hover: before {
    background: #ef4896;
    color: #fff;
}
/*-----------------------*/

.e664fe .button-radius: before {
    background-color: #e664fe;
}
.e664fe a: hover {
    color: #e664fe;
}
.e664fe .block-content-vertical-menu .head {
    background: #e664fe;
}
.e664fe .vertical-menu-link>li>a .text: after {
    border-left-color: #e664fe;
}
.e664fe .vertical-menu-link>li>a .text: before {
    background: #e664fe;
}
.e664fe .vertical-menu-link>li>a: before {
    color: #e664fe;
}
.e664fe .vertical-menu-link>li>a: hover .text, .e664fe .vertical-menu-link>li>a: hover: before {
    background: #e664fe;
    color: #fff;
}
/*------------------------*/

.fe64a9 .button-radius: before {
    background-color: #fe64a9;
}
.fe64a9 a: hover {
    color: #fe64a9;
}
.fe64a9 .block-content-vertical-menu .head {
    background: #fe64a9;
}
.fe64a9 .vertical-menu-link>li>a .text: after {
    border-left-color: #fe64a9;
}
.fe64a9 .vertical-menu-link>li>a .text: before {
    background: #fe64a9;
}
.fe64a9 .vertical-menu-link>li>a: before {
    color: #fe64a9;
}
.fe64a9 .vertical-menu-link>li>a: hover .text, .fe64a9 .vertical-menu-link>li>a: hover: before {
    background: #fe64a9;
    color: #fff;
}
.vertical-dropdown-menu .mega-group-header {
    border-bottom: 1px solid #eaeaea;
    font-size: 17px;
    margin-bottom: 10px;
    display: table;
    width: 100%;
}
.vertical-dropdown-menu .mega-group-header span {
    padding-bottom: 10px;
    border-bottom: 1px solid #5d8acb;
    float: left;
    margin-bottom: -1px;
    font-weight: 600;
}
.vertical-dropdown-menu .group-link-default {
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}
.vertical-dropdown-menu .group-link-default li {
    list-style: none;
    line-height: 30px;
}
/*-----------------
 [16. Block banner right]
 */

.block-banner-right {
    margin-top: 20px;
    float: left;
    width: 100%;
}
.block-banner-right a {
    margin-bottom: 15px;
    display: block;
}
.block-banner-right a: last-child {
    margin-bottom: 0;
}
/*-------------------------
[17. Block banner owl]
---------------------------*/

.block-banner-owl {
    margin-top: 30px;
}
.block-banner-owl .owl-next {
    right: -10px;
}
.block-banner-owl .owl-prev {
    left: -10px;
}
/*-------------------------
[18. Block tabs]
---------------------------*/

.block-tabs {
    margin-top: 30px;
}
.block-tabs .block-head {
    float: left;
    width: 100%;
}
.block-tabs .block-head .block-title {
    width: auto;
    display: inline-block;
}
.block-tabs .nav-tab {
    width: auto;
    display: inline-block;
    float: right;
}
.block-tabs .nav-tab li {
    display: inline;
    float: left;
}
.block-tabs .nav-tab li a {
    height: 28px;
    line-height: 28px;
    padding: 0 15px;
    text-transform: uppercase;
    float: left;
    border-radius: 20px;
    position: relative;
}
.block-tabs .nav-tab li a: before {
    font-family: 'FontAwesome';
    content: "\f111";
    font-size: 6px;
    color: #111;
    margin-right: 15px;
    position: absolute;
    top: 0;
    left: 15px;
}
.block-tabs .nav-tab li a: hover, .block-tabs .nav-tab li.active a {
    background: #111;
    color: #fff;
}
.block-tabs .nav-tab li a: hover: before, .block-tabs .nav-tab li.active a: before {
    color: #fff;
}
.block-tabs .owl-next {
    right: -30px;
    top: 40%;
}
.block-tabs .owl-prev {
    left: -30px;
    top: 40%;
}
.block-tabs.tab-left .nav-tab {
    position: static;
    float: left;
    font-weight: 600;
    padding: 0;
}
.block-tabs .nav-tab li a: before {
    display: none;
}
/*-------------------------
[19. Block header right]
---------------------------*/

.block-header-right {
    width: auto;
    display: inline-block;
    float: right;
}
.block-header-right ul {
    padding: 0;
}
.block-header-right ul li {
    list-style: none;
    display: inline;
    float: left;
}
.block-header-right .item {
    height: 50px;
    padding-left: 15px;
    border-right: 1px solid #eaeaea;
    font-size: 12px;
    line-height: 16px;
    padding-top: 10px;
}
.block-header-right .item.item-cart {
    background: #111;
    color: #fff;
    position: relative;
}
.block-header-right .item.item-cart .icon,
.block-header-right .item.item-cart>a {
    color: #fff;
}
.block-header-right .item: last-child {
    border: none;
    padding-right: 0;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.block-header-right .item .icon {
    width: 30px;
    height: 40px;
    float: left;
    line-height: 33px;
    color: #111;
    font-family: "FontAwesome";
    font-size: 14px;
    float: left;
}
.block-header-right .item .icon.phone: before {
    content: "\f232";
}
.block-header-right .item .icon.wish-list: before {
    content: "\f08a";
}
.block-header-right .item .icon.login: before {
    content: "\f084";
}
.block-header-right .item .icon.checkout: before {
    content: "\f0a9";
}
.block-header-right .item .icon.cart: before {
    content: "\f07a";
}
.block-header-right .item .line1,
.block-header-right .item .line2 {
    padding-right: 15px;
    float: left;
}
.block-header-right .item .line2 {
    font-weight: bold;
}
/*-------------------------
[20. Block hot delas 2]
---------------------------*/

.block-hot-deals2 {
    margin-top: 30px;
    width: 100%;
    float: left;
}
.block-hot-deals2 .title {
    text-transform: uppercase;
    font-weight: 600;
    padding: 0;
    margin: 0;
    padding-bottom: 20px;
}
.block-hot-deals2 .countdown .dot {
    display: none;
}
.block-hot-deals2 .countdown .box-count {
    width: 50px;
    height: 50px;
    background: #f34235;
    border-radius: 50%;
    float: left;
    color: #fff;
    padding: 4px;
    margin-right: 3px;
    position: relative;
    font-size: 12px;
}
.block-hot-deals2 .countdown .box-count: before {
    content: "";
    width: 100%;
    height: 100%;
    border: 2px solid #fff;
    border-radius: 50%;
    display: block;
}
.block-hot-deals2 .countdown .box-count .number {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    font-weight: bold;
}
.block-hot-deals2 .countdown .box-count .text {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    text-align: center;
}
.block-hot-deals2 .nav-tab {
    width: 100%;
    float: left;
    padding: 0;
    position: relative;
    margin-top: 30px;
}
.block-hot-deals2 .nav-tab: before {
    content: '';
    width: 1px;
    height: 92%;
    background: #eaeaea;
    position: absolute;
    top: 0;
    left: 75px;
}
.block-hot-deals2 .nav-tab li {
    list-style: none;
    height: 40px;
    background: url("../images/hotdeal-icon.png") no-repeat left center;
    padding-left: 65px;
    line-height: 40px;
    margin-bottom: 30px;
}
.block-hot-deals2 .nav-tab li: last-child {
    margin-bottom: 15px;
}
.block-hot-deals2 .nav-tab li a {
    color: #999999;
    text-transform: uppercase;
    padding-left: 36px;
    position: relative;
}
.block-hot-deals2 .nav-tab li a: before {
    content: '';
    width: 16px;
    height: 16px;
    background: #fff;
    float: left;
    border-radius: 50%;
    margin-left: 3px;
    margin-top: 13px;
    margin-right: 20px;
    border: 1px solid #eaeaea;
    position: absolute;
    z-index: 2;
    left: 0;
}
.block-hot-deals2 .nav-tab li.active,
.block-hot-deals2 .nav-tab li: hover {
    background: url("../images/hotdeal-icon-active.png") no-repeat left center;
}
.block-hot-deals2 .nav-tab li.active a,
.block-hot-deals2 .nav-tab li: hover a {
    color: #333;
}
.block-hot-deals2 .nav-tab li.active a: before, .block-hot-deals2 .nav-tab li: hover a: before {
    background: #111;
    border-color: #111;
}
.block-hot-deals2 .products {
    width: 100%;
    float: left;
}
.block-hot-deals2 .product {
    margin: 0px 1px;
    padding: 8px 8px 20px 8px;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    margin-bottom: 6px;
}
.block-hot-deals2 .owl-next {
    right: -10px;
    top: 40%;
}
.block-hot-deals2 .owl-prev {
    left: -10px;
    top: 40%;
}
/*-------------------------
[21. Banner text]
---------------------------*/

.banner-text {
    background: #111;
    color: #fff;
    text-align: center;
    padding: 30px;
    line-height: 23px;
}
.banner-text h1,
.banner-text h2,
.banner-text h3,
.banner-text h4,
.banner-text h5,
.banner-text h6 {
    margin: 0;
    padding: 0;
}
.banner-text.banner-text-left {
    color: #333;
    text-align: left;
}
.banner-text .content-text {
    width: 50%;
}
.block-banner2 {
    margin-top: 20px;
}
.block-banner2 .box-left {
    padding: 60px 15px 60px 30px;
    position: relative;
}
.block-banner2 .box-left: after {
    content: "";
    width: 1px;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #eaeaea;
}
.block-banner2 .box-left .inner {
    padding-top: 50px;
}
.block-banner2 .box-left .content-text {
    margin-top: 25px;
}
.block-banner2 .box-right {
    padding-left: 0;
}
.block-banner2 .box-right .item {
    padding: 35px 30px 35px 30px;
    border-bottom: 1px solid #eaeaea;
    line-height: 18px;
}
.block-banner2 .box-right .item p {
    margin-bottom: 0;
}
.block-banner2 .box-right .item .button-radius {
    margin-top: 15px;
}
.block-banner2 .box-right .item .content-text {
    margin-top: 10px;
}
.block-banner2 .box-right .item.i2 {
    border: none;
}
.block-banner2 h1,
.block-banner2 h2,
.block-banner2 h3,
.block-banner2 h4,
.block-banner2 h5,
.block-banner2 h6 {
    margin: 0;
    padding: 0;
}
/**block-popular-cat2**/

.block-popular-cat2 {
    margin-top: 30px;
    float: left;
    width: 100%;
}
.block-popular-cat2 .block-popular-cat2-item {
    margin-top: 10px;
}
.block-popular-cat2 .title {
    text-transform: uppercase;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
.block-popular-cat2 .block-inner {
    border-left: 4px solid #5dc7cb;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 20px 0 0px 0;
    width: 100%;
    overflow: hidden;
}
.block-popular-cat2 .cat-name {
    text-transform: uppercase;
    padding-left: 30px;
    color: #5dc7cb;
    width: 170px;
    float: left;
    padding-top: 30px;
    font-weight: 600;
}
.block-popular-cat2 .box-subcat {
    margin-left: 170px;
}
.block-popular-cat2 .box-subcat .owl-prev {
    left: -140px;
    bottom: 0px;
    top: inherit;
}
.block-popular-cat2 .box-subcat .owl-next {
    right: inherit;
    left: -118px;
    bottom: 0px;
    top: inherit;
}
.block-popular-cat2 .list-subcat {
    padding: 0 25px;
}
.block-popular-cat2 .list-subcat li {
    list-style: none;
}
.block-popular-cat2 .list-subcat li a {
    position: relative;
    float: left;
    font-size: 12px;
    text-align: center;
}
.block-popular-cat2 .list-subcat li a: before {
    content: "";
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #5dc7cb;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
}
.block-popular-cat2 .list-subcat li a: hover: before {
    top: 0;
    opacity: 0.7;
    visibility: inherit;
}
.block-popular-cat2 .block-popular-cat2-item.box2 {
    color: #ef4896;
}
.block-popular-cat2 .block-popular-cat2-item.box2 .block-inner {
    border-color: #ef4896;
}
.block-popular-cat2 .block-popular-cat2-item.box2 .cat-name {
    color: #ef4896;
}
.block-popular-cat2 .block-popular-cat2-item.box2 .list-subcat li a: before {
    background: #ef4896;
}
.block-popular-cat2 .block-popular-cat2-item.box3 {
    color: #63bd0b;
}
.block-popular-cat2 .block-popular-cat2-item.box3 .block-inner {
    border-color: #63bd0b;
}
.block-popular-cat2 .block-popular-cat2-item.box3 .cat-name {
    color: #63bd0b;
}
.block-popular-cat2 .block-popular-cat2-item.box3 .list-subcat li a: before {
    background: #63bd0b;
}
/*-------------------------
[22. block-breadcrumbs]
---------------------------*/

.block-breadcrumbs {
    margin-top: 10px;
    padding-left: 15px;
    font-size: 12px;
}
.block-breadcrumbs ul {
    padding: 0;
}
.block-breadcrumbs ul li a {
    float: left;
}
.block-breadcrumbs ul li {
    display: inline;
    float: left;
    list-style: none;
    height: 40px;
    line-height: 40px;
}
.block-breadcrumbs ul li span {
    position: relative;
    float: left;
    width: 30px;
    text-indent: -9999em;
    height: 100%;
    background: url('../images/bg-breadcrumbs.png') no-repeat 0 0;
    padding: 12px 5px;
}
/*-------------------------
[23. Category page]
---------------------------*/

.page-title {
    margin-top: 30px;
    float: left;
    width: 100%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 24px;
}
.page-title>span {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 36px;
}
.page-title .compare-link {
    margin: 0;
    float: right;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
}
.sortPagiBar {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.sortPagiBar .pagination {
    margin: 0;
    border-radius: 0;
    font-size: 12px;
    float: right;
    text-transform: uppercase;
}
.sortPagiBar .pagination>li: first-child>a, .sortPagiBar .pagination>li: first-child>span, .sortPagiBar .pagination>li: last-child>a, .sortPagiBar .pagination>li: last-child>span {
    border-radius: 0;
}
.sortPagiBar .pagination>li>a,
.sortPagiBar .pagination>li>span {
    color: #666;
    padding: 5px 12px;
}
.sortPagiBar .pagination>.active>a,
.sortPagiBar .pagination>.active>a: focus, .sortPagiBar .pagination>.active>a: hover, .sortPagiBar .pagination>.active>span, .sortPagiBar .pagination>.active>span: focus, .sortPagiBar .pagination>.active>span: hover {
    color: #fff;
}
.sortPagiBar .show-product-item,
.sortPagiBar .sort-product {
    width: auto;
    display: inline-block;
    float: right;
    margin-right: 30px;
    height: 30px;
    border: 1px solid #eaeaea;
}
.sortPagiBar .show-product-item>select,
.sortPagiBar .sort-product>select {
    width: auto;
    display: inline-block;
    border: none;
    height: 28px;
    padding: 0 10px;
    padding-right: 20px;
}
.sortPagiBar .sort-product .icon {
    width: 28px;
    height: 28px;
    border-left: 1px solid #eaeaea;
    display: inline-block;
    line-height: 28px;
    text-align: center;
}
.display-product-option {
    width: auto;
    float: left;
    padding: 0;
}
.display-product-option li {
    list-style: none;
    display: inline;
    float: left;
}
.display-product-option li.view-as-grid span {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    cursor: pointer;
    text-indent: -9999px;
    background: url("../images/grid-view-bg.png") 0 0 #666;
}
.display-product-option li.view-as-list span {
    width: 30px;
    height: 30px;
    display: block;
    float: left;
    cursor: pointer;
    text-indent: -9999px;
    background: url("../images/list-view-bg.png") 0 0 #666;
}
.display-product-option li.selected span,
.display-product-option li: hover span {
    background-color: #111;
    background-position: 0 -30px;
}
.category-products {
    width: 100%;
    float: left;
    padding-top: 20px;
    margin-bottom: -15px;
}
.category-products .products .product {
    margin-bottom: 30px;
    float: left;
}
.category-products .products .product-container {
    padding: 10px 10px 25px 10px;
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
    float: left;
    width: 100%;
}
.category-products .products.list .product-container {
    padding-bottom: 10px;
}
/*-------------------------
[24. Block filter top]
---------------------------*/

.block-filter-top {
    margin-top: 30px;
}
.block-filter-top table {
    width: 100%;
}
.block-filter-top .filter-label {
    float: left;
    line-height: 40px;
    background: #fbfbfb;
    border-right: 1px solid #eaeaea;
    padding-left: 25px;
    text-transform: uppercase;
    font-weight: 600;
    min-height: 40px;
    padding-right: 25px;
    width: 100%;
    float: left;
}
.block-filter-top .filter-value {
    float: left;
    width: 100%;
    min-height: 40px;
}
.block-filter-top .list-category {
    margin: 0;
    padding: 0;
}
.block-filter-top .list-category li {
    list-style: none;
    display: inline;
    float: left;
    padding-right: 30px;
    line-height: 40px;
}
.block-filter-top .amount-range-price,
.block-filter-top .slider-range-price {
    width: auto;
    display: inline-block;
}
.block-filter-top .slider-range-price {
    min-width: 260px;
}
.block-filter-top .box-filter-price {
    padding-top: 4px;
}
.block-filter-top .slider-range-price {
    margin-top: 0;
}
.block-filter-top .amount-range-price {
    margin-top: 2px;
    margin-left: 20px;
}
.block-filter-top .list-color {
    padding: 0;
}
.block-filter-top .list-color li {
    list-style: none;
    display: inline;
    float: left;
    padding-right: 8px;
    padding-top: 10px;
}
.block-filter-top .list-color li span {
    font-size: 0px;
    width: 40px;
    height: 20px;
    border: 1px solid #eaeaea;
    padding: 1px;
    display: block;
}
.block-filter-top .list-color li>a {
    position: relative;
}
.block-filter-top .list-color li>a: before {
    width: 5px;
    height: 5px;
    background: url('../images/arow.png') no-repeat;
    display: block;
    content: '';
    position: absolute;
    top: -5px;
    left: 17px;
    display: none;
}
.block-filter-top .list-color li>a: hover: before, .block-filter-top .list-color li.selected>a: before {
    display: block;
}
.block-filter-top .list-size {
    padding: 0;
}
.block-filter-top .list-size li {
    list-style: none;
    display: inline;
    float: left;
    padding-right: 8px;
    padding-top: 10px;
}
.block-filter-top .list-size li span {
    height: 20px;
    border: 1px solid #eaeaea;
    padding: 1px;
    display: block;
    text-transform: uppercase;
    overflow: hidden;
    padding: 0 15px;
    font-size: 14px;
    line-height: 17px;
}
.block-filter-top .first {
    padding-top: 15px;
}
.block-filter-top .last {
    padding-bottom: 15px;
}
/*-------------------------
[25. Block categories slider]
---------------------------*/

.block-categories-slider {
    padding: 10px;
    margin-top: 30px;
}
.block-categories-slider img {
    border-radius: 5px;
}
.block-categories-slider .owl-prev {
    left: -22px;
}
.block-categories-slider .owl-next {
    right: -22px;
}
.block-sidebar {
    margin-top: 30px;
}
.block-sidebar .block-head {
    padding: 17px 20px;
}
.block-sidebar .block-inner {
    padding: 0;
}
.block-sidebar .widget-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.block-list-category {
    padding: 10px 20px 10px 20px;
}
.block-list-category ul {
    padding: 0;
}
.block-list-category li {
    list-style: none;
    line-height: 30px;
    position: relative;
}
.block-list-category>ul>li>a {
    font-weight: 600;
}
.block-list-category>ul>li {
    position: relative;
    cursor: pointer;
}
.block-list-category>ul>li: after {
    height: 13px;
    width: 13px;
    content: '';
    background: url('../images/plus-square.png') no-repeat;
    display: inline-block;
    float: right;
    content: '';
    display: block;
    position: absolute;
    top: 8px;
    right: 0;
}
.block-list-category>ul>li: hover: after {
    background: url('../images/plus-square-hover.png') no-repeat;
}
.block-list-category>ul>li.active: after {
    background: url('../images/minus.png') no-repeat;
    top: 15px;
}
.block-list-category>ul>li.active: hover: after {
    background: url('../images/minus-hover.png') no-repeat;
}
.block-list-category>ul>li>ul>li>a: before {
    content: "\f178";
    font-family: "FontAwesome";
    font-size: 14px;
    color: #111;
    margin-right: 15px;
}
.block-filter {
    border-bottom: 1px solid #eaeaea;
    margin-top: 13px;
    float: left;
    width: 100%;
    padding: 0 20px 13px 20px;
}
.block-filter .block-sub-title {
    font-weight: 600;
    padding-bottom: 5px;
}
.check-box-list {
    overflow: hidden;
    padding: 0;
}
.check-box-list li {
    line-height: 30px;
    list-style: none;
}
.check-box-list label {
    display: inline-block;
    cursor: pointer;
    line-height: 12px;
    font-weight: normal;
    color: #666;
}
.check-box-list label: hover {
    color: #111;
}
.check-box-list input[type="checkbox"] {
    display: none;
}
.check-box-list input[type="checkbox"] + label span.button {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    background: url("../images/checkbox.png") no-repeat;
    padding: 0;
    border: none;
    margin-bottom: -2px;
}
.check-box-list input[type="checkbox"]: checked + label span.button {
    background: #111 url("../images/checked.png") no-repeat center center;
}
.check-box-list input[type="checkbox"]: checked + label {
    color: #111;
}
.check-box-list label span.count {
    color: #a4a4a4;
    margin-left: 2px;
}
.check-box-list.corlor label {
    position: relative;
}
.check-box-list.corlor label: before {
    width: 5px;
    height: 5px;
    background: url('../images/arow.png') no-repeat;
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    left: 17px;
    display: none;
}
.check-box-list.corlor label: hover: before, .check-box-list.corlor input[type="checkbox"]: checked + label: before {
    display: block;
}
.check-box-list.corlor input[type="checkbox"] + label span.button {
    width: 40px;
    height: 20px;
    border: 1px solid #eaeaea;
    padding: 1px;
    float: left;
    margin-top: -5px;
}
.block-filter-inner .slider-range-price {
    height: 1px;
    border-radius: 0;
    background: #111;
    border: none;
    margin-top: 10px;
    margin-bottom: 10px;
}
.block-filter-inner .ui-slider-handle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    cursor: pointer;
    background: #111;
    border: none;
}
.block-filter-inner .ui-slider-handle: hover, .block-filter-inner .ui-slider-handle: focus {
    outline: none;
}
.block-filter-inner .ui-slider-range {
    background: #eaeaea;
}
/*-----------------
[26 block-specials]
------------------*/

.block-specials {
    margin-top: 30px;
}
.block-specials .block-head {
    font-weight: 600;
}
.block-specials .product {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 20px;
    overflow: hidden;
}
.block-specials .product .image {
    width: 100px;
    float: left;
}
.block-specials .product .image img {
    border: 1px solid #eaeaea;
}
.block-specials .product .product-name,
.block-specials .product .price-box {
    margin-left: 110px;
}
.block-specials .button-radius {
    margin-top: 20px;
}
/*--------------------------
[27. Product detail]
----------------------------*/

.product-page .block-top-sellers {
    margin-top: 30px;
}
.block-product-info {
    margin-top: 30px;
    float: left;
    width: 100%;
}
.block-product-info .product-name {
    margin-top: 0;
    font-weight: normal;
}
.block-product-info .desc {
    padding: 20px 0;
    border-bottom: 1px solid #eaeaea;
}
.block-product-info .variations-box {
    margin-top: 15px;
}
.block-product-info .variations-table {
    width: 100%;
    border: none;
}
.block-product-info .variations-table td {
    border: none;
    padding: 10px 0;
    vertical-align: middle;
}
.block-product-info .variations-table .table-label {
    width: 65px;
}
.block-product-info .variations-box .list-check-box {
    padding: 0;
}
.block-product-info .variations-box .list-check-box li {
    list-style: none;
    display: inline;
    float: left;
    padding-right: 10px;
}
.block-product-info .variations-box .list-check-box li>a {
    width: 40px;
    height: 20px;
    border: 1px solid #eaeaea;
    padding: 1px;
    float: left;
    text-align: center;
    line-height: 15px;
    position: relative;
}
.block-product-info .variations-box .list-check-box li>a span {
    width: 100%;
    height: 100%;
    display: block;
}
.block-product-info .variations-box .list-check-box li>a: before {
    width: 5px;
    height: 5px;
    background: url('../images/arow.png') no-repeat;
    content: '';
    position: absolute;
    top: -7px;
    left: 17px;
    display: none;
}
.block-product-info .variations-box .list-check-box.color {
    font-size: 0;
}
.block-product-info .variations-box .list-check-box li>a: hover: before, .block-product-info .variations-box .list-check-box li>a.selected: before {
    display: block;
}
.block-product-info .box-qty {
    width: auto;
    display: inline-block;
    float: left;
}
.block-product-info .box-qty .quantity-minus,
.block-product-info .box-qty .quantity-plus {
    width: 35px;
    height: 30px;
    border: 1px solid #eaeaea;
    display: inline-block;
    text-align: center;
    float: left;
    font-size: 0;
}
.block-product-info .box-qty .quantity-minus: hover, .block-product-info .box-qty .quantity-plus: hover {
    background-color: #f8f8f8;
}
.block-product-info .box-qty .quantity-minus {
    background-image: url('../images/minus.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.block-product-info .box-qty .quantity-minus: hover {
    background-image: url('../images/minus-hover.png');
}
.block-product-info .box-qty .quantity-plus {
    background-image: url('../images/plus-square.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.block-product-info .box-qty .quantity-plus: hover {
    background-image: url('../images/plus-square-hover.png');
}
.block-product-info .box-qty input.quantity {
    border: 1px solid #eaeaea;
    height: 30px;
    width: 120px;
    float: left;
    border-right: none;
    border-left: none;
    text-align: center;
}
.block-product-info .btn-add-cart {
    margin-top: -2px;
    margin-left: 5px;
    float: left;
}
.block-product-info .box-control-button {} .block-product-info .box-control-button .link-wishlist {
    width: 19px;
    height: 34px;
    background: url('../images/wishlist-icon.png') no-repeat left center;
    font-size: 0px;
    float: left;
    margin-right: 25px;
}
.block-product-info .box-control-button .link-wishlist: hover {
    background: url('../images/wishlist-icon.png') no-repeat right;
}
.block-product-info .box-control-button .link-compare {
    width: 17px;
    height: 34px;
    background: url('../images/compare-icon.png') no-repeat left center;
    font-size: 0px;
    float: left;
    margin-right: 25px;
}
.block-product-info .box-control-button .link-compare: hover {
    background: url('../images/compare-icon.png') no-repeat right;
}
.block-product-info .box-control-button .link-sendmail {
    width: 17px;
    height: 34px;
    float: left;
    margin-right: 25px;
    font-size: 0;
    line-height: 35px;
}
.block-product-info .box-control-button .link-sendmail: before {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: "\f0e0";
    color: #e5e5e5;
}
.block-product-info .box-control-button .link-sendmail: hover: before {
    color: #666;
}
.block-product-info .box-control-button .link-print {
    width: 17px;
    height: 34px;
    float: left;
    margin-right: 25px;
    font-size: 0;
    line-height: 35px;
}
.block-product-info .box-control-button .link-print: before {
    font-family: 'FontAwesome';
    font-size: 14px;
    content: "\f02f";
    color: #e5e5e5;
}
.block-product-info .box-control-button .link-print: hover: before {
    color: #666;
}
.block-category-list {
    margin-top: 30px;
    background: #fbfbfb;
}
.block-category-list .block-inner {
    padding: 30px;
}
.block-category-list a {
    height: 40px;
    line-height: 38px;
    padding: 0 15px;
    border: 1px solid #eaeaea;
    float: left;
    margin-left: -1px;
    margin-top: -1px;
}
.block-category-list a img {
    margin-right: 10px;
    margin-top: -5px;
}
.block-category-list a img.icon2 {
    display: none;
}
.block-category-list a: hover {
    background: #111;
    color: #fff;
}
.block-category-list a: hover .icon2 {
    display: inline-block;
}
.block-category-list a: hover .icon1 {
    display: none;
}
.block-product-image {
    margin-top: 30px;
    padding: 10px;
    overflow: hidden;
    display: block;
}
.block-product-image .product-image {
    overflow: hidden;
}
.block-product-image .product-list-thumb {
    margin-top: 15px;
    overflow: hidden;
    padding: 0 60px;
}
.block-product-image .product-list-thumb .thumbnails {
    padding: 0;
}
.block-product-image .product-list-thumb li {
    list-style: none;
    display: inline;
    float: left;
}
.block-product-image .product-list-thumb li img {
    border: 1px solid transparent;
}
.block-product-image .product-list-thumb li a: hover img, .block-product-image .product-list-thumb li a.selected img {
    border: 1px solid #111;
}
.block-product-image .product-list-thumb .owl-prev {
    left: -30px;
}
.block-product-image .product-list-thumb .owl-next {
    right: -30px;
}
.block-product-image .text {
    text-align: center;
    margin-top: 15px;
    color: #999;
}
.easyzoom {
    overflow: hidden;
}
.easyzoom img {
    vertical-align: bottom;
    max-width: inherit;
}
/*-----------------------
[28. Comment ]
-------------------------*/

.comment-list {
    padding: 0;
}
.comment-list .comment {
    list-style: none;
    margin-top: 15px;
}
.comment-list .comment-avatar {
    width: 80px;
    float: left;
}
.comment-list .comment-avatar img {
    border: 1px solid #eaeaea;
    padding: 4px;
}
.comment-list .comment-content {
    margin-left: 95px;
    background: #F8F8F8;
    padding: 15px;
}
.comment-list .comment-meta {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 15px;
    line-height: 18px;
}
.comment-list .comment-author {
    font-weight: 600;
}
.comment-list .comment-date {
    float: right;
    font-size: 13px;
    font-style: italic;
}
.comment-list .comment-entry {
    padding: 15px 0;
}
.comment-list .comment-actions {
    overflow: hidden;
}
.comment-list .comment-reply-link {
    height: 34px;
    padding: 0 15px;
    background: #111;
    color: #fff;
    float: right;
    line-height: 34px;
}
.comment-list .review-rating {
    font-size: 12px;
    color: #ccc;
}
.comment-form {
    background: #F8F8F8;
    padding: 15px;
}
.comment-form .comment-reply-title {
    margin: 0;
}
.comment-form label {
    font-weight: 600;
}
.comment-form .rating>label {
    width: 100%;
}
.block-products-owl {
    margin-top: 30px;
}
.block-products-owl .owl-prev {
    top: -46px;
    left: inherit;
    right: 21px;
}
.block-products-owl .owl-next {
    top: -46px;
}
/*----------------------
[29. Footer]
------------------------*/

#footer {
    margin-top: 0px;
}
.footer-top {
    background: #2E2E2E;
    padding-bottom: 25px;
}
.footer-block-box {
    min-height: 200px;
    margin-top: 20px;
}
.footer-block-box .block-inner {
    padding: 0 20px 20px 20px;
}
.footer-block-box .block-head {
    margin-top: 2px;
    padding: 12px 20px 0 20px;
    border: none;
    background: none;
    border-top: none!important;
}
.footer-block-box .block-head .block-title {
    margin: 0;
    padding: 0;
}
.footer-block-box .block-head .block-icon {
    padding-right: 20px;
    float: left;
    padding-top: 5px;
}
.footer-block-box .block-head .block-title-text {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 20px;
}
.footer-block-box .block-head .block-title-text.text-sm {
    font-size: 14px;
    font-style: italic;
}
.footer-block-box .block-head .block-title-text.text-lg {
    font-weight: bold;
}
.footer-block-box .block-info {
    width: 100%;
    float: left;
    padding-top: 24px;
    padding-bottom: 17px;
    font-size: 12px;
    line-height: 18px;
}
.footer-block-box .block-input-box {
    width: 100%;
    float: left;
    position: relative;
    height: 34px;
    padding: 0 15px;
}
.footer-block-box .block-input-box .input-box-text {
    width: 100%;
    border: none;
    border-radius: 0;
    height: 32px;
}
.footer-block-box .block-input-box .block-button {
    position: absolute;
    top: 2px;
    right: 2px;
    background: #111;
    color: #fff;
    text-transform: uppercase;
    height: 28px;
    border-radius: 17px;
    border: none;
    padding: 0 10px;
}
.footer-block-box .block-input-box .block-button: hover {
    opacity: 0.8;
}
.footer-block-box .block-input-box .block-button: after {
    font-family: 'FontAwesome';
    content: "\f105";
    font-size: 14px;
    margin-left: 3px;
}
.footer-block-box .block-owl {
    margin-top: 30px;
}
.footer-block-box .block-owl .list-partners {
    padding: 0;
    margin: 0;
}
.footer-block-box .block-owl .list-partners .partner {
    list-style: none;
}
.footer-block-box .block-owl .list-partners .owl-prev {
    top: -42px;
    left: inherit;
    right: 21px;
}
.footer-block-box .block-owl .list-partners .owl-next {
    top: -42px;
}
.footer-middle {} .block-link-wapper {
    padding-bottom: 0px;
    /*border-right: 1px solid #eaeaea;*/
    padding-top: 0px;
}
.block-link-wapper: last-child {
    border-right: none;
}
.block-link ul {
    padding: 0;
}
.block-link ul>li {
    list-style: none;
    font-size: 12px;
    margin-bottom: 7px;
}
.block-link ul>li.head {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    color: #282c3f;
    padding-bottom: 10px;
}
.block-link ul>li img {
    margin-right: 5px;
}
.block-link ul.flag {
    line-height: 35px;
}
.block-link ul.flag .head {
    line-height: 18px;
}
.footer-social {
    border-top: 1px solid #eaeaea;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eaeaea;
    line-height: 0;
}
.block-social {
    width: auto;
    display: inline-block;
}
.block-social .list-social {
    padding: 0;
}
.block-social .list-social li {
    list-style: none;
    display: inline;
    float: left;
    padding-right: 5px;
}
.block-social .list-social li>a {
    width: 32px;
    height: 32px;
    color: #fff;
    text-align: center;
    line-height: 30px;
    border: 1px solid #eaeaea;
    display: block;
    border-radius: 90%;
    font-size: 18px;
}
.block-social .list-social li>a: hover {
    background: #fe4f00;
    color: #fff;
    border-color: #fe4f00;
}
.block-payment {
    width: auto;
    display: inline-block;
    margin-top: 35px;
    margin-left: 7px;
}
.block-payment ul.list-logo {
    padding: 0;
}
.block-payment ul.list-logo>li {
    display: inline;
    float: left;
    list-style: none;
    padding-top: 30px;
    padding-right: 20px;
}
.footer-bottom {
    padding: 0px 0;
}
.block-coppyright {
    width: auto;
    display: inline-block;
}
.block-shop-phone {
    width: auto;
    display: inline-block;
    float: right;
}
/*------------------------
[30. Inner page]
-------------------------*/

.block-widget {
    margin-top: 30px;
}
.block-widget .widget-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    padding: 0;
}
.block-widget .list-link {
    padding: 0;
}
.block-widget .list-link li {
    list-style: none;
    line-height: 30px;
}
.block-sidebar-img {
    margin-top: 30px;
    width: 100%;
    float: left;
}
.block-sidebar-img img {
    moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.list-posts-widget {
    padding: 0;
    line-height: 20px;
}
.list-posts-widget li {
    list-style: none;
    padding-bottom: 15px;
    overflow: hidden;
}
.list-posts-widget li: last-child {
    border: none;
    padding-bottom: 1px;
    margin-bottom: 0;
}
.list-posts-widget .post-thumb {
    width: 100%;
    float: left;
    margin-bottom: 10px;
}
.list-posts-widget .post-thumb img {
    border: 1px solid #eaeaea;
    padding: 4px;
}
.list-posts-widget .post-info {
    width: 100%;
}
.list-posts-widget .post-info .entry_title {
    margin: 0;
}
.list-posts-widget .post-info .post-meta {
    font-size: 12px;
    color: #999;
    margin-top: 5px;
}
.tagcloud a {
    height: 30px;
    border: 1px solid #eaeaea;
    padding: 0 10px;
    background: #fbfbfb;
    line-height: 28px;
    float: left;
    margin: 2px;
    font-size: 14px!important;
}
.tagcloud a: hover {
    background: #111;
    color: #fff;
}
.blog-posts {
    line-height: 24px;
    margin-top: 20px;
    padding: 0;
}
.blog-posts .post-item {
    padding-bottom: 30px;
    list-style: none;
}
.blog-posts .post-item: last-child {
    border: none;
    padding-bottom: 20px;
}
.blog-posts .entry-thumb {
    margin-bottom: 15px;
    width: 100%;
    float: left;
}
.blog-posts .entry-title {
    margin: 0;
    font-size: 18px;
    margin-bottom: 0;
}
.blog-posts .post-item .entry-meta-data {
    padding: 5px 0;
    color: #666;
    font-size: 13px;
}
.blog-posts .post-item .entry-meta-data span {
    margin-right: 5px;
}
.blog-posts .post-item .entry-meta-data .author .fa {
    opacity: 0.7;
}
.blog-posts .post-item .entry-meta-data .fa {
    line-height: inherit;
}
.blog-posts .post-item .post-star {
    font-size: 13px;
}
.blog-posts .post-item .post-star .fa {
    line-height: inherit;
    color: #ff9900;
}
.blog-posts .post-item .entry-excerpt {
    text-align: justify;
}
.blog-posts .post-item .entry-more {
    margin-top: 12px;
}
.blog-posts .post-item .entry-thumb img {
    border: 1px solid #eaeaea;
    padding: 4px;
    width: 100%;
    height: auto;
}
/* Recent Comments*/

.recent-comment-list {
    padding: 0;
    line-height: 20px;
}
.recent-comment-list li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 10px;
    overflow: hidden;
    list-style: none;
}
.recent-comment-list li: last-child {
    border: none;
    margin-bottom: 0px;
}
.recent-comment-list li .author {
    color: #666;
    margin-bottom: 5px;
    font-size: 13px;
}
.recent-comment-list li .comment {
    margin-top: 5px;
    color: #666;
}
.recent-comment-list li>h5>a {
    color: #333;
}
/** Blog detail **/

.entry-detail {
    padding-bottom: 20px;
}
.entry-detail .entry-photo img {
    border: 1px solid #eaeaea;
    padding: 10px;
}
.entry-detail .entry-meta-data {
    padding: 10px 0;
    color: #666;
}
.entry-detail .entry-meta-data .fa {
    line-height: inherit;
}
.entry-detail .entry-meta-data span {
    margin-right: 10px;
}
.entry-detail .entry-meta-data .author .fa {
    opacity: 0.7;
}
.entry-detail .entry-meta-data .post-star {
    float: right;
}
.entry-detail .entry-meta-data .post-star .fa {
    color: #ff9900;
}
.entry-detail .entry-meta-data .post-star span {
    margin: 0;
}
.entry-detail .entry-content {
    margin-top: 15px;
}
/* CART PAGE*/

.page-order ul.step {
    width: 100%;
    clear: both;
    overflow: hidden;
    padding: 0;
}
.page-order ul.step li {
    display: inline;
    line-height: 30px;
    width: 20%;
    float: left;
    text-align: center;
    border-bottom: 3px solid #ccc;
    list-style: none;
}
.page-order ul.step li.current-step {
    border-bottom: 3px solid #111;
}
.page-order .heading-counter {
    margin: 30px 0;
    padding: 15px;
    border: 1px solid #eaeaea;
}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border-bottom-width: 0px;
}
.page-order .cart_avail {
    text-align: center;
}
.page-order .cart_avail .label {
    white-space: normal;
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 0px;
}
.page-order .product-name {
    font-size: 16px;
}
.page-order .cart_description {
    font-size: 14px;
}
.page-order .cart_avail .label-success {
    background: #FFF;
    border: 1px solid #55c65e;
    color: #48b151;
    font-weight: normal;
}
.page-order .cart_navigation a.next-btn {
    float: right;
    background: #ff3366;
    color: #fff;
    border: 1px solid #ff3366;
}
.page-order .cart_navigation a.next-btn: hover {
    opacity: 0.8;
}
.page-order .cart_navigation a.prev-btn {
    float: left;
}
.page-order .cart_navigation a.prev-btn: before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f104";
    padding-right: 15px;
}
.page-order .cart_navigation a.next-btn: after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f105";
    padding-left: 15px;
}
.cart_summary > thead,
.cart_summary > tfoot {
    background: #f7f7f7;
    font-size: 14px;
    ;
}
.cart_summary img {
    max-width: 100px;
}
.cart_summary td.cart_product {
    width: 120px;
    padding: 15px;
}
.cart_summary .price {
    text-align: right;
}
.cart_summary .qty {
    text-align: center;
    width: 100px;
}
.cart_summary .qty input {
    text-align: center;
    max-width: 64px;
    margin: 0 auto;
    border-radius: 0px;
    border: 1px solid #eaeaea;
}
.cart_summary .qty a {
    padding: 8px 10px 5px 10px;
    border: 1px solid #eaeaea;
    display: inline-block;
    width: auto;
    margin-top: 5px;
}
.cart_summary .qty a: hover {
    background: #111;
    color: #fff;
}
.cart_summary .action {
    text-align: center;
}
.cart_summary .action a {
    background: url("../images/delete_icon.png") no-repeat center center;
    font-size: 0;
    height: 9px;
    width: 9px;
    display: inline-block;
    line-height: 24px;
}
.cart_summary tfoot {
    text-align: right;
}
.cart_navigation {
    margin-top: 10px;
    float: left;
    width: 100%;
}
.checkout-page {
    margin-top: 15px;
    float: left;
    width: 100%;
}
.checkout-page .checkout-sep {
    padding-bottom: 15px;
    text-transform: uppercase;
    font-size: 16px;
    margin: 0;
}
.checkout-page .box-border {
    margin-bottom: 15px;
}
.checkout-page .box-border .button {
    margin-top: 15px;
}
.checkout-page .box-border label {
    margin-top: 5px;
    font-weight: normal;
}
.checkout-page .box-border p,
.checkout-page .box-border h4 {
    padding-bottom: 5px;
    margin-top: 5px;
}
.checkout-page .box-border .fa {
    line-height: inherit;
}
.checkout-page .box-border input[type="radio"] {
    margin-right: 10px;
}
.checkout-page li {
    list-style: none;
}
.checkout-page ul {
    padding: 0;
}
.box-border {
    border: 1px solid #eaeaea;
    padding: 20px;
    overflow: hidden;
}
.table-compare td.compare-label {
    width: 150px;
    background: #fafafa;
    vertical-align: middle;
}
.table-compare .product-star .fa {
    line-height: inherit;
    color: #ccc;
}
.table-compare .price {
    font-weight: bold;
    color: #ffb424;
}
.table-compare .add-cart: hover {
    opacity: 0.8;
}
.table-compare img {
    margin: 0 auto;
}
.contact-page ul {
    padding-left: 15px;
}
.contact-page .store_info {
    padding: 0;
}
.contact-page .store_info li {
    list-style: none;
}
.contact-page .store_info li .fa {
    margin-right: 10px;
}
.table-wishlist {
    margin-top: 20px;
}
.table-wishlist th {
    background: #fafafa;
}
.list-wishlist {
    margin-top: 20px;
    padding: 0;
}
.list-wishlist li {
    margin-top: 30px;
    list-style: none;
}
.list-wishlist li .product-img {
    border: 1px solid #eee;
    padding: 10px;
}
.list-wishlist li .product-name,
.list-wishlist li .qty,
.list-wishlist li .priority,
.list-wishlist li .button {
    margin-top: 10px;
}
.list-wishlist li .button-action {
    position: relative;
}
.list-wishlist li .button-action a {
    position: absolute;
    right: 10px;
    top: 15px;
}
.list-wishlist li .button-action a .fa {
    line-height: inherit;
}
.sidebar .block-top-sellers {
    margin-top: 30px;
}
/*------------------------------------------------------------------
[Table of contents]
1. Styles for devices(>1200px)
2. Styles for devices(>=992px and <=1199px)
3. Styles for devices(>=768px and <=992px)
4. Styles for devices(>=481px and <=767px)
5. Styles for devices(<=480px)
-------------------------------------------------------------------*/

/*----------------
[1. Styles for devices(>1200px)]
*/

@media (min-width: 1201px) {}
/*----------------
[2. Styles for devices(>=993px and <=1200px)]
*/

@media (min-width: 993px) and (max-width: 1200px) {}
/*--------------------
[3. Styles for devices(>=768px and <=992px)]
*/

@media (min-width: 768px) and (max-width: 992px) {
    .advanced-search .search-category {
        width: 30px;
    }
    .advanced-search #category-select-button {
        width: 30px!important;
        min-width: 30px;
    }
    .advanced-search #category-select-button span.ui-selectmenu-text {
        display: none;
    }
    .main-header-banner {
        display: none;
    }
    .main-menu .navbar-nav>li>a {
        padding: 0 10px;
        font-size: 13px;
    }
    .block .block-head {
        padding-left: 5px;
        padding-right: 5px;
    }
    .block-category .nav-tab>li>a {
        padding: 0 5px;
    }
    .sortPagiBar .pagination {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .sortPagiBar .show-product-item,
    .sortPagiBar .sort-product {
        float: left;
        margin-top: 10px;
    }
}
/*--------------------
[4. Styles for devices(>=481px and <=767px)]
*/

@media (min-width: 481px) and (max-width: 767px) {
    body {
        padding: 0 0px;
    }
    .top-bar .top-bar-link-right {
        float: left;
    }
    .wrap-block-cl {
        margin-top: 10px;
    }
    .block-wrap-cart {
        margin-top: 10px;
    }
    .advanced-search .search-category {
        display: none;
    }
    .advanced-search .search-input {
        padding-left: 15px;
        padding-right: 30px;
        margin-top: 4px;
    }
    .advanced-search .search-input>input {
        width: 100%;
    }
    .main-header .logo {
        text-align: center;
        width: 100%;
        float: left;
    }
    .main-header-banner {
        display: none;
    }
    .main-menu .navbar-header {
        display: block;
    }
    .main-menu .navbar-header .navbar-toggle {
        padding: 4px 10px;
    }
    .main-menu .navbar-collapse {
        margin: 0;
        overflow: hidden;
        background: #fafafa;
        border-top: 1px solid #eaeaea;
    }
    .main-menu .navbar-nav {
        padding: 0;
        margin: 0;
    }
    .main-menu .navbar-nav>li {
        border-bottom: 1px solid #eaeaea;
    }
    .main-menu .navbar-nav>li: last-child {
        border: none;
    }
    .main-menu .navbar-nav>li>a {
        margin: 5px 0;
        border-radius: 0;
        padding: 0 10px;
    }
    .main-menu .navbar-nav>li>a: hover, .main-menu .navbar-nav>li.active>a, .main-menu .navbar-nav>li>a: focus {
        background: none;
        color: #5a88ca;
    }
    .main-menu li.dropdown>a: after {
        content: "\f107";
        font-family: "FontAwesome";
        font-size: 14px;
        vertical-align: 0;
        padding-left: 7px;
        position: absolute;
        right: 10px;
        top: 0;
    }
    .navbar-nav>li>.dropdown-menu {
        border-top: 1px solid #eaeaea;
        padding: 15px 0;
        border-right: 1px solid #eaeaea;
    }
    .block-megamenu-link {
        padding: 15px;
    }
    .block-payment {
        float: left;
        margin-top: 10px;
    }
    .block-payment ul.list-logo>li {
        padding-right: 20px;
        padding-left: 0;
    }
    .block-shop-phone {
        float: left;
    }
    .sortPagiBar .pagination {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .sortPagiBar .show-product-item,
    .sortPagiBar .sort-product {
        float: left;
        margin-top: 10px;
    }
}
/*--------------------
[5. Styles for devices(<=480px)]
*/

@media only screen and (min-width: 320px) and (max-width: 1280px) {
    .block-link-wapper {
        margin-bottom: 20px !important;
    }
    .block-link ul li a {
        line-height: 20px;
        font-size: 12px;
        color: #696b79;
    }
}
@media (max-width: 480px) {
    body {
        padding: 0 0px;
    }
    .top-bar .top-bar-link-right {
        float: left;
    }
    .wrap-block-cl {
        margin-top: 10px;
    }
    .block-wrap-cart {
        margin-top: 10px;
    }
    .advanced-search .search-category {
        display: none;
    }
    .advanced-search .search-input {
        padding-left: 15px;
        padding-right: 30px;
    }
    .advanced-search .search-input>input {
        width: 100%;
    }
    .main-header .logo {
        text-align: center;
        width: 100%;
        float: left;
    }
    .main-header-banner {
        display: none;
    }
    .main-menu .navbar-header {
        display: block;
    }
    .main-menu .navbar-header .navbar-toggle {
        padding: 4px 10px;
    }
    .main-menu .navbar-collapse {
        margin: 0;
        overflow: hidden;
        background: #fafafa;
        border-top: 1px solid #eaeaea;
    }
    .main-menu .navbar-nav {
        padding: 0;
        margin: 0;
    }
    .main-menu .navbar-nav>li {
        border-bottom: 1px solid #eaeaea;
    }
    .main-menu .navbar-nav>li: last-child {
        border: none;
    }
    .main-menu .navbar-nav>li>a {
        margin: 5px 0;
        border-radius: 0;
        padding: 0 10px;
    }
    .main-menu .navbar-nav>li>a: hover, .main-menu .navbar-nav>li.active>a, .main-menu .navbar-nav>li>a: focus {
        background: none;
        color: #5a88ca;
    }
    .main-menu li.dropdown>a: after {
        content: "\f107";
        font-family: "FontAwesome";
        font-size: 14px;
        vertical-align: 0;
        padding-left: 7px;
        position: absolute;
        right: 10px;
        top: 0;
    }
    .navbar-nav>li>.dropdown-menu {
        border-top: 1px solid #eaeaea;
        padding: 15px 0;
        border-right: 1px solid #eaeaea;
        max-width: 100%;
    }
    .block-megamenu-link {
        padding: 15px;
    }
    .block-payment {
        float: left;
        margin-top: 10px;
    }
    .block-payment ul.list-logo>li {
        padding-right: 20px;
        padding-left: 0;
    }
    .block-shop-phone {
        float: left;
    }
    .block-tabs .nav-tab li a {
        padding: 0 10px;
        font-size: 13px;
    }
    .easyzoom img {
        width: 100%;
    }
    .block-product-image .text {
        display: none;
    }
    .block-product-info .product-name {
        font-size: 18px;
    }
    .block-product-image {
        margin-top: 30px;
    }
    .block-product-info {
        margin-top: 30px;
    }
    .product-page .block-top-sellers {
        margin-top: 30px;
    }
    .sortPagiBar .pagination {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    .sortPagiBar .show-product-item,
    .sortPagiBar .sort-product {
        float: left;
        margin-top: 10px;
    }
}