*{-webkit-box-sizing:border-box;box-sizing:border-box}

/*hover-effects*/
.ubermenu-item span {border-bottom: 2px solid transparent;padding-top: 3px;}
.ubermenu-current-menu-item span, .ubermenu-item:hover span{border-bottom-color: #70cd55;}
.blog-featured-img, .related-featured-img, .footer-social a {transition: opacity 0.2s linear; }
.blog-featured-img:hover, .related-featured-img:hover, .footer-social a:hover {opacity: 0.8;}
.header-blog-rightfour .hover-content .blog-title:hover {color: #70cd55;}
.owl-prev.disabled {pointer-events: none;}
.footer-menu-list ul li a:hover, .footer-menu-list ul li.current-menu-item a{color: #70cd55;}
#cookie-law-info-bar .cookie_action_close_header:hover {background: #4c4c4c !important;}
#cookie-law-info-bar .cli-plugin-main-link:hover, .footer-menu-list .current_page_parent a {color: #70cd55 !important;}
#loadajax a:hover {background: #4c4c4c !important;}


.swiper-wrapper .yottie-widget-video:hover span.yottie-widget-video-preview-play {border-left-color: rgba(10, 10, 10, 0.5) !important;}
.footer-menu-list ul li a:before {top:2px;}
.float-none,.header{float:none}
.main-banner{min-height:250px;position:relative;overflow:hidden}
.main-banner:after { content: ''; position: absolute; left: 0; width: 800px; top: 0; bottom: 0; pointer-events: none; background: linear-gradient(to right, rgba(255, 255, 255, 0.8) 0%,rgba(255, 255, 255, 0.9) 45%,rgba(255,255,255,0) 100%);}
.main-banner img{line-height:0;width:100%;margin-bottom:-10px}
.banner-content{position:absolute; z-index: 5; left:0;top:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.banner-content h1{display:inline-block;font-weight:400;margin:0 0 15px;font-size:50px;line-height:50px;width:100%}
.banner-content p{display:inline-block;font-weight:400;margin:0;font-size:24px;line-height:26px;padding-left:4px;color:#000}
.banner-content .wrapper {padding-right: 50%;}.banner-section-green{float:none}
.title-row .div100{position:relative}
.cols-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin:0 0 20px}
[class*="div"] .row{position:relative;height:100%}
.header-blog a{height:100%}
.blog-featured-img{display:block;line-height:0;position:relative;height:100%;overflow:hidden;min-height:342px}
.cols-row .blog-featured-img img,.blog-featured-img img{position:absolute;top:50%;left:50%;width:auto;height:auto;min-width:100%;min-height:100%;max-width:none;max-height:500px;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.cols-row .header-blog-left .bg-shadow{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.has-mask{position:relative;height:100%}
.has-mask .hover-content{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 35px;color:#fff;width:100%;height:100%;background:rgba(0,0,0,0.65)}
.rightfour-below.div33 a.blog-featured-img{display:inline-block;overflow:hidden;width:100%;max-height:190px;min-height:190px}
.top-articles .blog-featured-img{display:block;line-height:0;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;min-height:auto}
.top-articles .header-blog-rightfour .hover-content{position:relative}
.block-list > div{height:25%}
.top-articles ul.related-post.bs li .related-featured-img,.top-book_reviews ul.related-post.bs li .related-featured-img,.top-book_reviews ul.related-post.bs li .related-featured-img img,.top-articles ul.related-post.bs li .related-featured-img img,.top-book_reviews .header-blog-rightfour,.top-book_reviews .related-featured-img a,.top-articles .header-blog-rightfour,.top-articles .related-featured-img a{height:100%}
.sponsor-slider .owl-carousel .owl-stage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
.sponsor-slider .item{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.header .logo img{max-width:205px}
.owl-theme .owl-nav [class*=owl-]:hover{outline:none!important}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{outline:none}
.cli-plugin-main-link{white-space:nowrap}
.owl-theme .owl-nav [class*=owl-]{margin:5px 20px}
.header-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;position:relative}
.menu-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.searchform{padding-top:12px}
.searchform input{font-family:'Open Sans',sans serif;border:0;background:none;font-size:11px;line-height:1.3;color:#364767;width:100%}
.searchform input[type="submit"]{width:18px;height:18px;background:url(../images/magnifier.png) no-repeat center center;background-size:100% auto;font-size:0;cursor:pointer}
.searchform input[type='text']{min-width:100px}
.header-wrap .menu-row{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:auto}
.searchform > div{display:-webkit-box;display:-ms-flexbox;display:flex;max-width: 120px;}
.header .ubermenu-skin-minimal.ubermenu-responsive-toggle{-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:13px}
.header .ubermenu .ubermenu-target{padding: 12px 20px}
@media (max-width: 1200px) {
    .footer-column .footer-menu-list{width:75%}
    .footer-menu-list .div33{padding-left:20px}
}
@media (max-width: 1023px) {
    .top-book_reviews .cols-row,.top-articles .cols-row{display:block}
    .top-book_reviews .block-list,.top-articles .block-list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}
    .block-list > div{height:auto;width:33.3%;margin:0 0 15px}
    .top-book_reviews .header-blog-left{width:100%;margin:0 0 15px}
    .owl-theme .owl-nav [class*=owl-]:hover{color:#000;background:none}
}
@media (max-width: 959px) {
    .header{padding:10px 0}
    .ubermenu-responsive-default.ubermenu-responsive.ubermenu{margin:0;background:#fff;position:absolute;top:100%;width:100%;left:0;z-index:100}
    .searchform{padding-top:2px}
    .header-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
    .header .ubermenu-skin-minimal.ubermenu-responsive-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}
    .searchform input{font-size: 13px;}
}
@media (max-width: 768px) {
    .main-banner h1{font-size:30px;line-height:32px}
    .main-banner p{font-size:18px;line-height:22px}
    .main-banner img{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:calc(100% + 4px);width:auto;max-width:none}
    .cols-row{display:block}
    .cols-row .header-blog-left .bg-shadow{display:inline-block}
    .cols-row .header-blog-left .blog-featured-img img{position:static;width:100%;height:auto;max-height:300px;-webkit-transform:none;-ms-transform:none;transform:none}
    .cols-row .header-blog-left .blog-featured-img{min-height:auto}
    .header-blog-rightfour{min-height:auto}
    .cols-row [class *='div']{margin:0 0 12px}
    .rightfour-below.div33 a.blog-featured-img{min-height:160px}
    .block-list > div{height:auto;width:100%;margin:0 0 15px}
    .footer-column .footer-menu-list{width:100%}
    .footer-menu-list .div33{padding-left:0;padding-right:20px}
    .footer-menu-list .div33:last-child{padding-right:0}
    .main-banner:after{background: linear-gradient(to right, rgb(255, 255, 255) 23%,rgba(255, 255, 255, 0.58) 38%,rgba(255,255,255,0) 100%);}
    .header .wrapper{width:100%;padding:0 10px 0 5px;}
}
@media (max-width: 559px) {
    .header .wrapper{width:100%;margin:0;padding:0 10px}
    .searchform input[type='text']{min-width:80px}
    .searchform > div{display:-webkit-box;display:-ms-flexbox;display:flex;width:100px}
    .header .logo img{max-width:110px}
    .header .ubermenu-skin-minimal.ubermenu-responsive-toggle{padding-left:10px}
    .search-div{min-width:100px}
}
@media (max-width: 480px) {
    .banner-content .wrapper {padding-right: 30%;}
    .main-banner img{left:35%}
    .main-banner{min-height:200px}
    .header .wrapper > .row > div{max-width:100px}
}