/*
Theme Name: Porto Child
Theme URI: http://newsmartwave.net/wordpress/porto
Author: SW-THEMES
Author URI: http://newsmartwave.net/
Description: Porto Responsive Wordpress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
Text Domain: porto-child

*/


@import url("../porto/style.css");
/*@import url("https://www.bashimeite.com/fonts/fontawesome-free-5.0.6/web-fonts-with-css/css/fontawesome-all.css");*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/
/*update 28april2020*/
.bmmainimg h1 {
    color: #fff;
    font-size: 20px;
}
.coupon-expire {
    display: none;
}
.shipinmore {
    background-color: #f7f7f7 !important;
}
.bmqr {
    text-align: center;
    color: #fff;
    font-weight: 800;
}
@media (min-width: 767px) {
.shipinmore {
    margin-top: -36px;
}
}
@media (max-width: 767px) {
.shipinmore {
    margin-top: -65px;
    text-align:center;
}
}
@media (max-width: 767px) {
.shipinmoretext {
    text-align:center;
}
}
#shipinbutton {
    margin-top: 30px !important;
}
.shipinmore {
    color: #2e2e2e;
}
.vc_general.vc_cta3 .dir-arrow {
    display: inherit !important;
}
/*update 31march2020*/
@media (max-width: 575px) {
ul.pcols-ls-2 li.product-col {
    max-width: 49%;
}
}
/*update Feb 2020*/
p#billing_email_field a {
    display: none;
}
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--wc-smart-coupons.is-active {
    display: none;
}
/*update jan 2020*/
.page-id-6 p.woocommerce-shipping-destination strong {
    display: none;
}
#mini-cart .cart-items {
    background: #ffffff !important;
}
/*payment problems css update*/
table.woocommerce-orders-table.woocommerce-MyAccount-orders.shop_table.shop_table_responsive.my_account_orders.account-orders-table a.woocommerce-button.button.pay {
    display: none;
}
.checkoutwechat {
    display: none;
}
/*wechat browser*/
.wechatnotify img {
width:80%;
position:absolute;
right:0px;
top:0px;
margin-right:25px;
}
/*end wechat browser*/
.nhpwechat {
    display: none;
} 
input#payment_method_cod {
    display: none;
}
li.wc_payment_method.payment_method_cod {
    display: none;
}
body {
    font-family: "Microsoft YaHei",tahoma,arial,'Hiragino Sans GB','\5b8b\4f53',sans-serif !important;
}
/*landingpage1*/
@media (min-width: 1200px){
.landing1arrow {
    left: -95px;
    top: -20px;
    position: relative;
}
}
@media (min-width: 992px){
img.alignright.wp-image-768.size-full {
    position: relative;
    top: -35px;
}
}
@media screen and (min-device-width: 992px) and (max-device-width: 1200px) { 
.landing1arrow {
    position: relative;
    top: -75px;
    left: 0px !important;
}
}
@media screen and (min-device-width: 767px) and (max-device-width: 992px) {
img.alignright.wp-image-768.size-full {
    width: 160px;
}
}
@media screen and (min-device-width: 767px) and (max-device-width: 992px) {
.landing1textmain h1 {
    font-size: 32px;
}
}
@media screen and (min-device-width: 767px) and (max-device-width: 992px) {
.landing1arrow {
    top: -58px;
    position: relative;
}
}
@media (max-width: 767px){
img.alignright.wp-image-768.size-full {
    margin-left: 0px !important;
    width: 177px;
    top: -33px;
    position: relative;
}
}
@media (max-width: 379px){
img.alignright.wp-image-768.size-full {
    top: -8px;
    }
    }

@media (max-width: 427px){
img.alignright.wp-image-768.size-full {
    width: 148px;
}
}
@media (max-width: 767px){
.landing1arrow {
    width: 200px;
    top: -28px;
    position: relative;
}
}
@media (max-width: 378px) {
.landing1arrow {
z-index:10;
    top: -53px;
}
}
@media screen and (min-device-width: 353px) and (max-device-width: 367px) {
.landing1textmain h1 {
    font-size: 31px;
}
}
@media screen and (min-device-width: 334px) and (max-device-width: 353px) {
.landing1textmain h1 {
    font-size: 29px;
}
}
@media screen and (min-device-width: 313px) and (max-device-width: 334px) {
.landing1textmain h1 {
    font-size: 28px;
}
}
@media (max-width: 319px){
.landing1textmain h1 {
    font-size: 26px;
}
}
@media screen and (min-device-width: 349px) and (max-device-width: 378px) {
.landing1textmain h3 {
    font-size: 27px;
}
}
.landing1textmain h3 {
z-index:20;
position:relative;
}
@media screen and (min-device-width: 342px) and (max-device-width: 349px) {
.landing1textmain h3 {
    font-size: 25px;
}
}
@media (max-width: 307px){
.landing1textmain h3 {
    font-size: 19px;
}
}
.landing1textmain {
    border-bottom: 1px solid #6a6a6a;
    border-left: 1px solid #6a6a6a;
    border-right: 1px solid #6a6a6a;
    padding-bottom: 10px;
    padding-left: 5px;
    margin-top: -35px;
}
/*.page-id-641 .fixedbar {
display:none;
}
.page-id-641 .boxfloat{
display:none;
}
.page-id-641 .footreturn{
display:none;
}*/
.landing1foot {
display:none;
}

@media (max-width: 991px){
.page-id-641 .landing1foot {
display: block;
bottom: 7px;
    width: 100%;
    margin: 0px auto !important;
    position: fixed;
    text-align: center;
    background-color: #000;
    color: #fff;
    z-index:99999; 
}
}
.landingadd {
    margin-top: -35px;
}
.page-id-641 .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner {
    padding-top: 0px !important;
}
.hero__points-item {
    margin-bottom: 10px;
    padding: 5px 20px;
    position: relative;
    text-transform: uppercase;
    font-style: italic;
    font-size: 18px;
    font-weight: 900;
    color: #000;
    background-color: #ff0030;
}
.hero__points-item span {
    color: #fff;
}
.landingsize1 {
    font-size: 30px;
    line-height: 1.5em;
    padding-top: 50px;
}
.landingsize2 {
    font-size: 20px;
}
.page-id-641 .vc_column_container.col-md-4 {
    width: 33%;
}
@media (max-width: 767px){
.page-id-641 .vc_column_container.col-md-4 img {
    max-height: 100px;
}
}
@media (max-width: 767px){
.page-id-641 .bmfacts h2{
font-size:18px;
}
}
/*@media screen and (max-width: 480px) {
.landingrow {
    width: 350px !important;
}
} */
.page-id-641 .landingrow .vc_column_container.col-md-6 {
    width: 50% !important;
}
/*
.page-id-641 .vc_column_container.col-md-6 {
    width: 50%;
    display: inline-block !important;
} */
.landingoneliners {
    left: -25px;
}
/*@media screen and (max-width: 767px) {
.landingellisintro {
    margin-top: -170px !important;
}
} */
/*@media screen and (min-width: 990px) {
.landingellisintro {
    margin-top: -35px;
}
}  */
/*.landingoneliners {
    width: 60% !important;
} */
.landingvideo1 {
    text-align: center;
    margin-top: -10px !important;
}
@media screen and (min-width: 767px) {
.landingproof {
    margin-top: 25px !important;
    position: relative;
}
}
@media screen and (max-width: 767px) {
.landingproof {
bottom: 0px !important;
    margin-top: 0px;
    z-index: 9999999 !important;
    position: relative;
}
}
@media screen and (max-width: 767px) {
.landing1topblack {
    margin-bottom: -65px !important;
}
}
@media screen and (max-width: 767px) {
.landingellisintro {
    border: 1px solid #6a6a6a;
}
}
@media screen and (max-width: 767px) {
.landingvideo1 {
    margin-top: -70px !important;    
}
}
@media screen and (min-width: 767px) {
.landingvideo1 {
    margin-top: -33px !important;    
}
}   
.landingrow {
    border-bottom: 1px solid #898989;
    border-style: groove;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}
@media screen and (max-width: 767px) {
.landingellisintro {
    position:relative;
    text-align:center !important;
}
}
.vc_row.wpb_row.row.resultbg.vc_custom_1513227881799.vc_row-has-fill.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex .vc_column_container.col-md-6 {
    width: 100% !important;
}
.page-id-641 .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content {
    width: 100% !important;
}
.page-id-641 .vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-actions {
    text-align: center;
}
/*floating content*/
#afc_sidebar_298 {
    display: none !important;
}
@media (max-width: 767px){
.afc_popup .img {
    width: 25px !important;
    top: -11px !important;
    right: -2px !important;
}
}
@media (max-width: 767px){
#afc_sidebar_296 {
padding: 0px 0px 0px 3px !important;
}
}
@media (max-width: 767px){
#afc_sidebar_297 {
padding: 0px 0px 0px 7px !important;
}
}
@media (max-width: 767px){
#afc_sidebar_298 {
    display:none;
}
}
#bmonlinechat a {
    color: #fff !important;
}
#afc_sidebar_297 {
    display:none;
}
@media (max-width: 990px){
#afc_sidebar_296 {
    display:none;
}
}
#bmonlinechatmobile a {
    color: #fff !important;
}
#bmonlinechatmobile {
    color: #fff !important;
}
@media (min-width: 767px){
#afc_sidebar_297 {
    display:none;
}
}
.openingtimes {
    font-size: 10px !important;
}
#afc_sidebar_298 {
    margin: 0px 0px 76px 0px !important;
}
/*my account*/
li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads.is-active {
    display: none;
}
/*menu mobile*/
@media (max-width: 767px) {
#header .header-top {
    display: block !important;
}
}
@media (max-width: 991px) {
#header .logo {
    max-width: 145px !important;
}
}
html.panel-opened body #side-nav-panel {
    background-color: #000 !important;
}
#side-nav-panel .accordion-menu li.menu-item > a {
    color: #fff !important;
}
#side-nav-panel .accordion-menu li.menu-item.active > a {
    background-color: #33517c;
}
@media (min-width: 480px){
#mini-cart .minicart-icon {
    margin-top: 12px;
}
}
@media (max-width: 480px)  {
#mini-cart .minicart-icon {
     padding: 0px !important;
}
}
@media (min-width: 480px){
#mini-cart .cart-head2 .cart-items {
    top: 8px;
}
}
@media (max-width: 480px){
#mini-cart .minicart-icon {
    top: 28px !important;
}
}
@media (max-width: 480px){
#mini-cart .cart-items {
    top: 33px;
    }
    }
@media (max-width: 480px){
#mini-cart .cart-head2 .cart-items {
    top: 32px !important;
    left: 20px;
    color: #fff;
}
}
@media (max-width: 480px){
#mini-cart .minicart-icon {
    font-size: 22px;
    background-color: #4e7cbf;
    padding: 3px 20px 3px 8px;
    border-radius: 4px;
    top: 28px !important;
    position: relative;
}
}
#header .mobile-toggle:before {
    content: '菜单';
    padding-right: 5px;
    position: relative;
}
 /*@media (max-width: 991px) {
#header .header-main .container .header-center {
    left: 0px !important;
    display: block !important;
}
}
@media (max-width: 480px) {
#header .header-main .container {
    max-height: 90px;
    }
    }
#header .mobile-toggle:before {
    content: '目录';
    top: -2px !important;
    position: relative;
    }
@media (max-width: 480px){
#header .mobile-toggle {
    top: 28px;
}
}
#header.sticky-header .header-main.sticky a.mobile-toggle {
    top: 10px !important;
    }
#header .mobile-toggle {
    line-height: 26px !important;
    }
@media (max-width: 480px){
#header.sticky-header .logo {
    max-height: 20px;
    top: -5px;
    position: relative;
display: block;
}
}  
@media (max-width: 480px){
#header.sticky-header .header-main.sticky .bashimeitelogin {
display: none;
}
}
@media (max-width: 480px){
#header #mini-cart {
right: 15px !important;
}
}
.header-main.sticky.change-logo #mini-cart {
    top: 22px !important;
}
#header .welcome-msg p {
    position: relative;
    top: 1px !important;
    display: inline;
    margin: 0px !important;
}
@media (max-width: 767px){
#header .header-contact {
    display: inline-block;
}
}
ul.nav.nav-pills.nav-top {
    display: none;
}
*/
@media (max-width: 991px){
ul.nav.nav-pills.nav-top {
    display: none;
}
}
@media (max-width: 991px){
#header .porto-tooltip {
    display: none;
}
}
@media (min-width: 480px){
.bathmatelogin {
display:none;
}
}
.bathmatelogin {
    margin-left: 20px;
    font-size: 21px;
}
#header .header-main .header-contact a {
    color: #fff;
}
@media (max-width: 480px){
.bathmatelogin {
    position: relative;
    top: -25px;
    color: #fff !important;
    background-color: #4e7cbf;
    padding: 2px 8px 3px 9px;
    border-radius: 4px;
    font-size:19px;
}
}
/*home*/ 
@media (max-width: 767px){
.vc_custom_1519288629675 {
    background-size: contain !important;
    background-color: #121315;
    color: #fff;
}
}
.bmmainimg {
    margin-top: -20px;
}
@media (min-width: 767px){
.bmmainimg {
    color: #fff;
    height: 730px !important;
}
}
@media (max-width: 767px){
.homeresult {
    margin-top: 25px;
}
}
@media (max-width: 767px){
.benefit2txt {
    margin-top: -42px !important;
}
}
.benefit3 img {
    margin-bottom: -36px;
}    
.dumbbelicons img {
    margin-right: 20px;
}
.dumbbelicons {
    font-size: 20px;
}
.dumbbelicons ul {
    padding-left: 0px !important;
}
.dumbbelicons li {
    list-style: none;
    margin-top: 17px;
}
.slife ul li {
    color: #fff;
    font-size: 21px !important;
    padding-bottom: 15px;
}
.slife h1 {
    color: #fff;
}
.hydrolist li {
    margin-top: 10px;
}
.bmfacts img {
    height: 200px;
    width: auto;
}
@media (min-width: 768px) {
.buyctarow {
    background-color: #ff0030 !important;
    max-height: 115px;
    margin-bottom: 40px !important;
}
}
@media (min-width: 768px) {
.resultbg {
    margin-top: -40px;
}
}
.resultbg, .resultbg h1 {
    color: #fff;
}
.resultbg h2 {
    color: #ff0030;
}
.vc_general.vc_cta3.vc_cta3-style-classic {
    border: none !important;
}
.buycta {
    background-color: #ff0030 !important;
    color: #fff !important;
}
.buycta h2 {
    color: #fff !important;
}
.vc_general.vc_cta3.vc_cta3-actions-right .vc_cta3-content {
    width: 36% !important;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-3d {
    color: #1b1f23 !important;
    font-size: 20px !important;
    background: url(https://www.bashimeite.com/wp-content/uploads/2017/12/texture-light.png);
    background-size: cover;
    box-shadow: 0 3.5px 0 #424242 !important;
}
.vc_btn3.vc_btn3-color-white.vc_btn3-style-3d:hover {
    box-shadow: 0 2px 0 #424242 !important;
}

.vc_tta-panel-body {
    background-color: #fff !important;
    border: 1px solid #f0f0f0 !important;
}
/*header-top*/
#header .welcome-msg p {
    top: 1px !important;
    display: inline;
    margin: 0px !important;
}
/*top bar custom*/
.kefup {
    display: none;
    left: 130px;
    position: absolute;
    font-size: 14px;
    color: #fff;
}
@media (max-width: 360px){
.kefup {
    left: 18px;
    top: 104px;
    position: absolute;
    font-size: 12px;
    color: #fff;
}
}

.topleftwechat {
    left: 0px;
    position: absolute;
    font-size: 14px;
}
i.fa.fa-weixin {
    font-size: 15px;
    color: #20af45;
    margin-right: 5px;
}
i.fab.fa-weixin {
    font-size: 15px;
    color: #20af45;
    margin-right: 5px;
}
div#wechatcta {
    display: inline;
    color: #20af45;
}
#mouseOver2top img {
    position: fixed;
    width: 250px;
    z-index: 100000;
    display: inline;
    top: 5em;
    margin-left: 120px;
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none;
    transition-duration: 800ms;
}
#mouseOver2top {
    display: inline;
    position: initial;
}
#mouseOver2top:hover img {
        opacity: 1;
        transition-duration: 400ms;
}
/*header*/
#header .header-main {
    background: #121315 !important;
}
#header {
    border-top: 0px !important;
}
#mini-cart .minicart-icon {
    color: #ffffff !important;
}
#mini-cart.minicart-inline .cart-items {
    color: #ffffff;
}
#mini-cart.minicart-arrow {
    border: none !important;
    background-color: transparent !important;
}
#mini-cart.minicart-arrow .cart-head::after, #mini-cart.minicart-arrow-alt .cart-head::after {
    color: #ffffff !important;
}
.page-top {
    border-top: 1px solid #292929 !important;
    border-bottom: 1px solid #cccccc !important;
}
.page-top.page-header-1 .page-title {
    display: none;
}
.page-top {
    padding: 8px 0 0px !important;
}
#header .header-main .header-contact img {
    margin-right: 17px;
}

/*top header*/
#header .header-top {
    background: #000 !important;
}
#header .header-top a {
    color: #fff !important;
}
.header-top {
    border-bottom: 1px solid #292929 !important;
}
/*top header menu*/
#header .header-top .top-links .narrow .popup ul.sub-menu {
    background: #000000 !important;
    /*box-shadow: 1px 3px 5px rgba(0,0,0,.2) !important;*/
}
.main-menu-wrap {
    background-color: #121315 !important;
}
/*top header menu sticky*/
#header.sticky-header .main-menu-wrap {
    background-color: #1b1f23 !important;
}
/*shop page*/
.rating-wrap {
    display: none !important;
}
form.woocommerce-ordering {
    display: none !important;
}
form.woocommerce-viewing {
    display: none !important;
}
.shop-loop-after.clearfix {
    display: none !important;
}
/*home*/
.bmproductintro strong {
    color: #4e7cbf;
}
.bmproductintro p {
    margin-top: -25px;
    letter-spacing: 12px;
}
.bmproductintro {
    font-size: 18px;
}
.chanpinh1 hr {
    margin-top: -21px;
}
@media (min-width: 480px){
.homewelcome {
    margin-top: 162px;
}
}
.homewelcome hr {
    margin-top: -13px;
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15), transparent);
    height: 2px;
}
.howtousebathmate hr {
    margin-top: -25px;
}
/*bathmate original series  */
.bathmateorigin h1 {
    margin-bottom: -10px;
}
.bathmateorigin hr {
background-image:linear-gradient(transparent, rgba(0, 0, 0, 0.15), transparent);
}
.bathmateoriginalseries hr {
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15), transparent);
    margin-top: -18px;
}
/*product intro chanpin jieshao*/
@media (max-width: 767px) {
.waterimg {
      display:none;
}
}
@media (max-width: 767px) {
.benefit1intro {
    padding-bottom: 30px;
}
}
@media (min-width: 767px) {
.benefit1intro {
    bottom: -70px;
    position: relative;
}
}
@media (min-width: 991px) {
.benefit1intro {
    bottom: -37px;
    position: relative;
}
}
/*product registration page*/
.productreg hr {
margin-top:-20px
}
/*product page*/
.product_meta span.posted_in {
    display: none;
}
@media (max-width: 480px) {
ul.pcols-ls-1 li.product, .column2 ul.pcols-ls-1 li.product, ul.pcols-ls-1 li.product-category, .column2 ul.pcols-ls-1 li.product-category {
    width: 50%;
}
}
@media (min-width: 480px) {
.productpoints, .productpointsalipay, .productpointswechat, .productpointsunion {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 2px;
}
}
@media (max-width: 480px) {
.productpoints, .productpointsalipay, .productpointswechat, .productpointsunion {
    margin-bottom: 5px;
    max-width: 100px;
}
}
/*bathmate xseries*/
.xseries hr {
    margin-top: -20px;
}
/*bathmate xtreme series*/
.xtremeseries hr {
    margin-top: -20px;
}
/*faq*/
.page-id-211 hr {
    margin-top: -20px;
    background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.15), transparent);
}
.page-id-211 h2 {
    margin-top: 25px;
}
/*what is my size*/
@media (max-width: 480px){
.page-id-63 .products li {
    width: 49% !important;
    float: left !important;
    margin: 0.5%;
}
}
/*nihaopay plugin*/
/*@media (max-width: 767px){ 
ul.wc_payment_methods.payment_methods.methods input#nihaopay_pay_method_alipay {
    display: none;
}
}  */
@media (max-width: 767px){ 
.nhpwechat {
    display: none;
}
} 
/*cart*/
a.shipping-calculator-button {
    display: none;
}
/*checkout*/
.woocommerce-error, .woocommerce-message, .woocommerce-info {
    background-color: #f6f6f6;
    border-radius: 8px;
}
.page-id-7 p#billing_phone_field {
    width: 48%;
}
.checkoutwechat {
    display: none;
    left: 0px;
    position: relative;
    font-size: 22px;
}
.checkoutwechat i.fa.fa-weixin {
    font-size: 22px !important;
}
#mouseOver2checkout img {
    position: fixed;
    width: 250px;
    z-index: 100000;
    display: inline;
    margin-left: 120px;
    transform: translate(-50%);
    opacity: 0;
    pointer-events: none;
    transition-duration: 800ms;
}
#mouseOver2checkout {
    display: inline;
    position: initial;
}
#mouseOver2checkout:hover img {
        opacity: 1;
        transition-duration: 400ms;
}
/*.page-id-7 p#billing_postcode_field {
    float: left;
} */
/*nihaopay*/
.payment_methods {
    margin-top: 0px !important;
}
.payment_methods.methods li {
    margin-bottom: 15px;
}
.payment_methods.methods img {
    margin-left: 10px;
}
/*footer*/
.footer-left a {
    color: #777777 !important;
}
#footer .widget > div > ul li {
    line-height: 0px !important;
}
/*floating footer*/
@media (min-width: 991px) {
.fixedbar{
display:none;
}
}


.floatcent {
    position: relative;
    left: 18px;
}
.floatcent2 {
    position: relative;
    left: 27px;
}
@media (max-width: 991px){
.boxfloat li {
    display: inline-block !important;
}
}  
@media (min-width: 991px) {
.footreturn {
display:none;
}
}
@media (max-width: 991px){
.footreturn {
bottom: 0px;
    width: 100%;
    margin: 0px auto !important;
    position: fixed;
    text-align: center;
    background-color: #000;
    color: #fff;
    border-top: solid 1px #363636;
    z-index:99999; 
}
}
@media (max-width: 991px){
.fixedbar {
background: #000; 
bottom: 21px; 
color:#fff; 
font-family: Arial, Helvetica, sans-serif; 
left:0; 
padding: 0px 0; 
position:fixed; 
font-size:16px; 
width:100%; 
z-index:99999; 
float:left; 
vertical-align:middle; 
margin: 0px 0 0; 
opacity: 0.95; 
}
}
@media (max-width: 991px){
.boxfloat {
text-align: center;
margin:0 auto;
}
}
@media (max-width: 991px){ 
#tips, #tips li {
margin:0; 
padding:0; 
list-style:none
}
}
@media (max-width: 991px){
#tips {
font-size:17px; 
line-height:120%;
}
}
@media (max-width: 991px){
#tips li {
padding: 0px 15px 0px 15px;
}
}
@media (max-width: 991px){
#tips li a{
color: #fff;
}
}
@media (max-width: 991px){
#tips li a:hover {
text-decoration: none;
}
}
/*css animations */
#footer a:hover{
  -webkit-transition: background 0.10s ease-in-out,color 0.10s ease-in-out;
}
.menu li:hover {
    -webkit-transform: translateX(2px);
    -ms-transform: translateX(2px);
    transform: translateX(2px);
}
@-webkit-keyframes menu
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes menu
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes sidebar-menu
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes sidebar-menu
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes .content-grid-item
{
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
}
@keyframes .content-grid-item
{
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }

}