/* Theme Name: Planet Backpack New Theme URI: https://www.planetbackpack.de/ Author: Planet Backpack Author URI: https://www.planetbackpack.de/ Description: For support and suggestions, go to: https://www.planetbackpack.de/documentation Thank you. Version: 2019.1 License: GNU General Public License License URI: https://www.gnu.org/licenses/gpl.html Text Domain: planetbackpack */ .container { width: 1280px; max-width: 100% !important; } body{font-size:17px;line-height:1.8;font-weight:400;font-family:"Open Sans", sans-serif;color:#222222;position: relative;} a{-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;} a:hover,a:focus{color:#00a896;outline:none;text-decoration:none;} p{margin-bottom:15px;} h2,h3,h6{font-weight:700;color:#222222;line-height:1.3;} h2{font-size:32px;margin-bottom:15px;} @media only screen and (max-width: 767.98px){ h2{font-size:28px;} } h3{font-size:26px;font-weight:600;margin-bottom:15px;} @media only screen and (max-width: 767.98px){ h3{font-size:26px;} } h6{font-size:18px;font-weight:600;margin-bottom:9px;} ul{margin:0;padding:0;} ul li{list-style:none;} figure{margin:0;} img{max-width:100%;height: auto;} button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;} button:active,button:focus{outline:none;-webkit-box-shadow:none;box-shadow:none;} ::-moz-selection{color:#fff;background:#00a896;} ::selection{color:#fff;background:#00a896;} body::-webkit-scrollbar-thumb{border-radius:0;border:0;background-color:#00a896;} body::-webkit-scrollbar{-webkit-appearance:none;width:10px;height:5px;background-color:rgba(0, 168, 150, 0.1);} .section-title-wrap{font-size:17px;font-weight:600;line-height:1.8;margin-bottom:80px;padding-bottom:50px;position:relative;} h1, h2, h3, h4, h5, h6{ font-family: "Proza Libre", sans-serif; } .btn{border-radius:0;border-width:3px;font-size:14px;font-weight:600;color:#222222;text-transform:uppercase;outline:none;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;display:inline-block;padding:20px 30px;} @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){ .btn{padding:13px 25px;} } @media only screen and (max-width: 575.98px){ .btn{padding:10px 15px;font-size:13px;} } .btn:active,.btn:focus{-webkit-box-shadow:none;box-shadow:none;outline:none;} .btn-brand{background-color:#00a896;color:white; border-radius: 6px;} .btn-brand.btn-green{background-color:#00a896;color:white;} .btn-brand.btn-green.btn-green-blue{background-color:#096381;color:white; margin: 10px 10px 0 10px;} .btn-brand:hover, .btn-brand.btn-green.btn-green-blue:hover{background-color:#398979;} .bg-img{background:#dddddd no-repeat center center;background-size:cover;} @media screen and (min-width: 1600px){ .container-fluid{padding:0 100px;} } .fix{overflow:hidden;} .bg-offwhite{background-color:#f4f4f4;} .header-area-wrapper{padding:70px 0;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .header-area-wrapper{padding:40px 0;} } @media only screen and (max-width: 767.98px){ .header-area-wrapper{padding:30px 0;} } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){ .header-area-wrapper button,.header-area-wrapper a{font-size:20px;} } .header-area-wrapper .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .logo-wrap img.sticky-logo{display:none;} .off-canvas-area-wrap{margin-left:60px;} @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){ .off-canvas-area-wrap{margin-left:0;} } .off-canvas-area-wrap button{color:white;line-height:1;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;margin-right:30px;} .off-canvas-area-wrap button:last-child{margin-right:0;} .off-canvas-area-wrap button:hover{color:#00a896;} .sticky-header{position:fixed;top:0;right:0;left:0;-webkit-transition:padding 0.5s;-o-transition:padding 0.5s;transition:padding 0.5s;z-index:1030;} .search-box-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;} .search-box-content{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0;visibility:hidden;} .search-box-content form{-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);position:relative;width:90%;margin:auto;} .search-box-content input{background-color:#fff;border:none;outline:none;padding:15px 80px 15px 15px;display:block;width:100%;} .search-box-content .btn-search{background-color:#00a896;color:#fff;position:absolute;right:0;top:0;text-align:center;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;width:60px;} .search-box-content .btn-search:hover{} .off-canvas-area-wrapper,.off-canvas-responsive-menu,.off-canvas-search-box{opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:100vh;width:100vw;} .off-canvas-area-wrapper .off-canvas-content-wrap,.off-canvas-responsive-menu .off-canvas-content-wrap{background-color:white;margin-left:auto;height:100%;position:relative;-webkit-transform:translateX(calc(100% + 40px));-ms-transform:translateX(calc(100% + 40px));transform:translateX(calc(100% + 40px));-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;max-width:360px;width:100%;} @media only screen and (max-width: 575.98px){ .off-canvas-area-wrapper .off-canvas-content-wrap,.off-canvas-responsive-menu .off-canvas-content-wrap{max-width:250px!important;} } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content,.off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content{padding:40px;height:100%;overflow-y:auto;} @media only screen and (max-width: 575.98px){ .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content,.off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content{padding:30px 15px;} } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item{margin-bottom:60px;} .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child{margin-bottom:0;} .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2{font-size:16px;line-height:1;font-weight:600;text-transform:uppercase;margin-bottom:23px;margin-top:-2px;} .off-canvas-area-wrapper .off-canvas-content-wrap .btn-close,.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close{background-color:white;position:absolute;right:100%;top:100px;line-height:40px;height:40px;width:40px;} .off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover,.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover{background-color:#00a896;color:white;} .search-box-wrap{background-color:#f4f4f4;margin:-40px -40px 0 -40px;padding:35px 40px;} @media only screen and (max-width: 575.98px){ .search-box-wrap{margin:-30px -15px 0 -15px;} } .search-box-wrap form{position:relative;} .search-box-wrap form input{background-color:transparent;border:none;display:block;padding-right:20px;outline:none;width:100%;} .search-box-wrap form .btn-search{font-size:13px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .useful-link-menu{margin-top:-20px;overflow:hidden;} .useful-link-menu li{float:left;margin-top:20px;max-width:50%;width:100%;} .useful-link-menu li a{color:#666666;font-size:14px;line-height:1;font-weight:700;text-transform:uppercase;} .useful-link-menu li a:hover{color:#00a896;} .social-links{position:relative;} .social-links a{background-color:#f4f4f4;border-radius:50%;color:#666666;display:inline-block;text-align:center;line-height:40px;margin-right:10px;height:40px;width:40px;} .social-links a:last-child{margin-right:0;} .social-links a:hover{background-color:#00a896;color:white;} .main-menu>li{margin-right:60px;line-height:1;} .main-menu>li:last-child{margin-right:0;} @media only screen and (min-width: 1200px) and (max-width: 1599.98px){ .main-menu>li{margin-right:40px;} } @media only screen and (min-width: 992px) and (max-width: 1199.98px){ .main-menu>li{margin-right:35px;} } .main-menu>li a{color:white;display:inline-block;font-size:14px;font-weight:600;text-transform:uppercase;} @media (min-width: 1400px){ .header-area-wrapper .row{position:relative;} } .off-canvas-responsive-menu{right:auto;left:0;} .off-canvas-responsive-menu .off-canvas-content-wrap{margin-left:inherit!important;-webkit-transform:translateX(-100%)!important;-ms-transform:translateX(-100%)!important;transform:translateX(-100%)!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content{padding:0!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close{right:auto;left:100%;top:0!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu{padding:0;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_btn{display:none;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav{background-color:white;display:block!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li{border-bottom:1px solid #e7e7e7;position:relative;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a{color:#666666;font-size:15px;padding:10px;margin:0;text-transform:capitalize;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a:hover{background-color:transparent;} .single-blog-post-wrap{background-color:white;padding:80px;min-height:385px;} @media only screen and (min-width: 992px) and (max-width: 1199.98px){ .single-blog-post-wrap{padding:80px 40px;} } @media only screen and (max-width: 767.98px){ .single-blog-post-wrap{padding:30px 15px;min-height:300px;} } .single-blog-post-wrap h2{font-size:24px;line-height:1.3;margin-bottom:0;} @media only screen and (max-width: 767.98px){ .single-blog-post-wrap h2{font-size:20px;font-weight:500;} } .single-blog-post-wrap h2 a{color:#222222;} .single-blog-post-wrap h2 a:hover{color:#00a896;} .single-blog-post-wrap p{margin-bottom:0;} .single-blog-post-wrap .post-meta{margin:20px 0;} @media only screen and (max-width: 767.98px){ .single-blog-post-wrap .post-meta{margin:10px 0;} } .single-blog-post-wrap .post-meta a{color:#222222;line-height:1;margin-right:10px;} .single-blog-post-wrap .post-meta a:last-child{margin-right:0;} .single-blog-post-wrap .post-meta a i.fa{color:#00a896;margin-right:5px;} .single-blog-post-wrap.layout--2{padding:0;margin-top:30px;} .single-blog-post-wrap.layout--2 .blog-thumbnail{position:relative;z-index:1;} .single-blog-post-wrap.layout--2 .blog-thumbnail:before{background-color:rgba(0, 0, 0, 0.3);content:'';position:absolute;opacity:0;visibility:hidden;left:0;top:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:100%;width:100%;z-index:2;} .single-blog-post-wrap.layout--2 .blog-thumbnail .btn-plus{font-size:20px;color:#fff;line-height:1;font-weight:300;position:absolute;left:50%;top:50%;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;-webkit-transform:translate(-50%, -50%) scale(0);-ms-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);z-index:2;} .single-blog-post-wrap.layout--2 .blog-thumbnail .btn-plus img{width:50px;} .single-blog-post-wrap.layout--2 .blog-thumbnail .btn-plus:hover{color:#00a896;} .single-blog-post-wrap.layout--2 .blog-post-details{margin-top:45px;} @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2 .blog-post-details{margin-top:25px;} } .single-blog-post-wrap.layout--2 .blog-post-details h2{font-size:18px;} .single-blog-post-wrap.layout--2 .blog-post-details h2 a{color:#333333;} .single-blog-post-wrap.layout--2 .blog-post-details h2 a:hover{color:#00a896;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2 .blog-post-details .post-meta{margin:10px 0;} } .single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more{color:#222222;font-weight:600;font-size:14px;text-transform:uppercase;margin-top:27px;display:inline-block;} @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more{margin-top:15px;} } .single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more:hover{color:#00a896;} .single-blog-post-wrap.layout--2:hover .blog-thumbnail:before{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:1;visibility:visible;} .single-blog-post-wrap.layout--2:hover .blog-thumbnail .btn-plus{-webkit-transform:translate(-50%, -50%) scale(1);-ms-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);} .single-blog-post-wrap.layout--2.layout-blog-page{min-height:inherit;margin-top:43px;} .single-blog-post-wrap.layout--2.layout-blog-page .blog-thumbnail{overflow:hidden;} .single-blog-post-wrap.layout--2.layout-blog-page .blog-thumbnail .blog-hvr-btn img{width:40px;} .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details{margin-top:25px;} .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details h2{font-size:24px;font-weight:600;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details h2{font-size:20px;} } @media only screen and (max-width: 767.98px){ .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details h2{font-size:18px;} } .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details .btn-read-more{color:#00a896;} .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details .btn-read-more i{font-weight:700;font-size:16px;padding-left:3px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .single-blog-post-wrap.layout--2.layout-blog-page .blog-post-details .btn-read-more:hover i{padding-left:10px;} .pagination-content{text-align:center;position:relative;padding:80px 0;} @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){ .pagination-content{padding:50px 0;} } .pagination-content:before,.pagination-content:after{background-color:#f4f4f4;content:'';position:absolute;top:0;height:100%;width:100%;} .pagination-content:before{right:100%;} .pagination-content:after{left:100%;} .pagination-content ul li:not(.btn-arrow){margin:0 10px;} .pagination-content ul li a, .pagination-content ul li span{border:3px solid;border-radius:50%;color:#999999;display:block;font-size:18px;font-weight:700;line-height:45px;height:50px;width:50px;} @media only screen and (max-width: 767.98px){ .pagination-content ul li a{font-size:16px;line-height:35px;height:40px;width:40px;} } .pagination-content ul li a.active,.pagination-content ul li a:hover, .pagination-content ul li span.current{border-color:#222222;color:#222222;} .single-sidebar-item-wrap{margin-bottom:50px;} .single-sidebar-item-wrap:last-child{margin-bottom:0;} .single-sidebar-item-wrap .sidebar-title{font-size:20px;line-height:1.3;font-weight:600;text-transform:uppercase;position:relative;padding-bottom:30px;margin-bottom:30px;} .single-sidebar-item-wrap .sidebar-title:before{background-color:#00a896;content:"";position:absolute;left:0;bottom:0;height:3px;width:30px;} .sidebar-list li a{border-bottom:0;color:#222222;display:block;font-weight:600;font-size:16px;line-height:1.5;text-transform:uppercase;padding:20px;} .sidebar-list li a:hover{color:#00a896;} .sidebar-body .latest-blog-widget .single-blog-item:after{background-color:#e7e7e7;} .sidebar-body .latest-blog-widget .single-blog-item .post-info a{color:#222222;} .sidebar-body .latest-blog-widget .single-blog-item .post-info a:hover{padding-left:0;} .sidebar-body .latest-blog-widget .single-blog-item .post-info a:before{display:none;} .sidebar-body .latest-blog-widget .single-blog-item .post-thumb{max-width:65px;-ms-flex-preferred-size:65px;flex-basis:65px;max-height:65px;overflow:hidden;} .sidebar-newsletter{background-color:#f4f4f4;padding:56px 30px 60px;} @media only screen and (min-width: 992px) and (max-width: 1199.98px){ .sidebar-newsletter{padding:56px 10px 60px;} } .sidebar-newsletter h5{color:#222;font-size:30px;font-weight:600;line-height:1;margin-bottom:26px;} .sidebar-newsletter form input{border:none;display:block;outline:none;padding:15px;width:100%;} @media only screen and (min-width: 992px) and (max-width: 1199.98px){ .sidebar-newsletter form input{padding:15px 10px;} } .sidebar-newsletter form button{width:100%;padding:15px;margin-top:15px;} .sidebar-body .instagram-feed .insta-follow{color:#666666;font-size:15px;font-weight:400;line-height:1;margin-top:29px;margin-bottom:0;} .sidebar-body .instagram-feed .insta-follow a{color:#000;font-weight:600;} .sidebar-body .instagram-feed .insta-follow i{margin-right:15px;} .help-banner-content{color:#fff;font-size:20px;height:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;} @media only screen and (max-width: 767.98px){ .help-banner-content{font-size:16px;} } @media only screen and (max-width: 767.98px){ .help-banner-content{height:100vh;} } .help-banner-content h2{color:#fff;font-size:80px;line-height:1.2;margin:10px 0 33px;} .help-banner-content h1{color:#fff;font-size:80px;line-height:1;margin:10px 0 33px;font-weight: 700;} @media only screen and (max-width: 767.98px){ .help-banner-content h2{font-size:35px;margin:0 0 33px;} .help-banner-content h1{font-size:35px;margin:0 0 33px;} } .help-banner-content h2 span{color:#00a896;} .help-banner-content h1 span{color:#00a896;} .preloader-area-wrap{display:none;} .latest-blog-widget .single-blog-item{position:relative;padding-bottom:30px;margin-bottom:30px;} .latest-blog-widget .single-blog-item:after{background-color:#333333;content:"";position:absolute;left:0;bottom:0;height:3px;width:35px;} .latest-blog-widget .single-blog-item:last-child{margin-bottom:0;padding-bottom:0;} .latest-blog-widget .single-blog-item:last-child:after{display:none;} .latest-blog-widget .single-blog-item h3{font-size:17px;line-height:1.3;} .latest-blog-widget .single-blog-item h3 a{color:#cccccc;position:relative;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .latest-blog-widget .single-blog-item h3 a:before{background-color:#aaaaaa;content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:1px;width:10px;opacity:0;visibility:hidden;} .latest-blog-widget .single-blog-item h3 a:hover{padding-left:15px;color:#00a896;} .latest-blog-widget .single-blog-item h3 a:hover:before{opacity:1;visibility:visible;background-color:#00a896;} .latest-blog-widget .single-blog-item .post-date{color:#888888;} .latest-blog-widget .single-blog-item .post-date i.fa{color:#00a896;margin-right:10px;} .footer-bottom-area{background-color:#333333;padding:40px 0;} @media only screen and (max-width: 575.98px){ .footer-bottom-area{padding:25px 0;} } .footer-copyright-area{font-size:14px;color:#aaaaaa;} .footer-copyright-area p{margin-bottom:0;} @media only screen and (max-width: 767.98px){ .footer-copyright-area p{font-size:13px;} } .footer-social-icons a{color:#aaaaaa;font-size:20px;line-height:1;margin-left:30px;} .footer-social-icons a:first-child{margin-left:0;} @media only screen and (max-width: 767.98px){ .footer-social-icons a{font-size:16px;} } .footer-social-icons a:hover{color:#00a896;} .help-banner-content{max-height:500px;} .btn-brand:hover{color:white!important;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .section-title-wrap{margin-bottom:60px;} } @media only screen and (max-width: 767.98px){ .section-title-wrap{font-size:13px;font-weight:500;margin-bottom:50px;padding-bottom:30px;} } .section-title-wrap:after{background-color:#00a896;content:'';position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);height:3px;width:70px;} .section-title-wrap h2{font-size:26px;line-height:1;font-weight:600;text-transform:uppercase;margin-top:-4px;margin-bottom:40px;} @media only screen and (max-width: 767.98px){ .section-title-wrap h2{font-size:22px;margin-bottom:20px;} } .bg-img{background:#dddddd no-repeat center center;background-size:cover;} .custom-width{max-width:1360px;margin:auto;} @media screen and (min-width: 1600px){ .container-fluid{padding:0 100px;} } .parallaxBg{background-attachment:scroll;} .parallaxBg{position:relative;z-index:0;} .bg-offwhite{background-color:#f4f4f4;} .header-area-wrapper{padding:70px 0;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .header-area-wrapper{padding:40px 0;} } @media only screen and (max-width: 767.98px){ .header-area-wrapper{padding:30px 0;} } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){ .header-area-wrapper button,.header-area-wrapper a{font-size:20px;} } .header-area-wrapper .row{-webkit-box-align:center;-ms-flex-align:center;align-items:center;} .logo-wrap img.sticky-logo{display:none;} .off-canvas-area-wrap{margin-left:60px;} @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px){ .off-canvas-area-wrap{margin-left:0;} } .off-canvas-area-wrap button{color:white;line-height:1;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;margin-right:30px;} .off-canvas-area-wrap button:last-child{margin-right:0;} .off-canvas-area-wrap button:hover{color:#00a896;} .sticky-header{position:fixed;top:0;right:0;left:0;-webkit-transition:padding 0.5s;-o-transition:padding 0.5s;transition:padding 0.5s;z-index:1030;} .search-box-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:100%;} .search-box-content{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;opacity:0;visibility:hidden;} .search-box-content form{-webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.2);box-shadow:0 0 5px rgba(0, 0, 0, 0.2);position:relative;width:90%;margin:auto;} .search-box-content input{background-color:#fff;border:none;outline:none;padding:15px 80px 15px 15px;display:block;width:100%;} .search-box-content .btn-search{background-color:#00a896;color:#fff;position:absolute;right:0;top:0;text-align:center;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;height:100%;width:60px;} .search-box-content .btn-search:hover{} .off-canvas-area-wrapper,.off-canvas-responsive-menu,.off-canvas-search-box{opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;right:0;-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;height:100vh;width:100vw;} .off-canvas-area-wrapper .off-canvas-content-wrap,.off-canvas-responsive-menu .off-canvas-content-wrap{background-color:white;margin-left:auto;height:100%;position:relative;-webkit-transform:translateX(calc(100% + 40px));-ms-transform:translateX(calc(100% + 40px));transform:translateX(calc(100% + 40px));-webkit-transition:0.4s;-o-transition:0.4s;transition:0.4s;max-width:360px;width:100%;} @media only screen and (max-width: 575.98px){ .off-canvas-area-wrapper .off-canvas-content-wrap,.off-canvas-responsive-menu .off-canvas-content-wrap{max-width:250px!important;} } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content,.off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content{padding:40px;height:100%;overflow-y:auto;} @media only screen and (max-width: 575.98px){ .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content,.off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content{padding:30px 15px;} } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item{margin-bottom:60px;} .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child{margin-bottom:0;} .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2{font-size:16px;line-height:1;font-weight:600;text-transform:uppercase;margin-bottom:23px;margin-top:-2px;} .off-canvas-area-wrapper .off-canvas-content-wrap .btn-close,.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close{background-color:white;position:absolute;right:100%;top:100px;line-height:40px;height:40px;width:40px;} .off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover,.off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover{background-color:#00a896;color:white;} .search-box-wrap{background-color:#f4f4f4;margin:-40px -40px 0 -40px;padding:35px 40px;} @media only screen and (max-width: 575.98px){ .search-box-wrap{margin:-30px -15px 0 -15px;} } .search-box-wrap form{position:relative;} .search-box-wrap form input{background-color:transparent;border:none;display:block;padding-right:20px;outline:none;width:100%;} .search-box-wrap form .btn-search{font-size:13px;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);} .useful-link-menu{margin-top:-20px;overflow:hidden;} .useful-link-menu li{float:left;margin-top:20px;max-width:50%;width:100%;} .useful-link-menu li a{color:#666666;font-size:14px;line-height:1;font-weight:700;text-transform:uppercase;} .useful-link-menu li a:hover{color:#00a896;} .social-links{position:relative;} .social-links a{background-color:#f4f4f4;border-radius:50%;color:#666666;display:inline-block;text-align:center;line-height:40px;margin-right:10px;height:40px;width:40px;} .social-links a:last-child{margin-right:0;} .social-links a:hover{background-color:#00a896;color:white;} .main-menu>li{margin-right:60px;line-height:1;} .main-menu>li:last-child{margin-right:0;} @media only screen and (min-width: 1200px) and (max-width: 1599.98px){ .main-menu>li{margin-right:40px;} } @media only screen and (min-width: 992px) and (max-width: 1199.98px){ .main-menu>li{margin-right:35px;} } .main-menu>li a{color:white;display:inline-block;font-size:14px;font-weight:600;text-transform:uppercase;} @media (min-width: 1400px){ .header-area-wrapper .row{position:relative;} } .off-canvas-responsive-menu{right:auto;left:0;} .off-canvas-responsive-menu .off-canvas-content-wrap{margin-left:inherit!important;-webkit-transform:translateX(-100%)!important;-ms-transform:translateX(-100%)!important;transform:translateX(-100%)!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content{padding:0!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close{right:auto;left:100%;top:0!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu{padding:0;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_btn{display:none;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav{background-color:white;display:block!important;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li{border-bottom:1px solid #e7e7e7;position:relative;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a{color:#666666;font-size:15px;padding:10px;margin:0;text-transform:capitalize;} .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a:hover{background-color:transparent;} .single-portfolio-wrap{margin-top:30px;} .single-portfolio-wrap img{width:100%;} .single-portfolio-wrap:hover .port-info{top:50%;opacity:1;visibility:visible;} .single-blog-post-wrap{background-color:white;padding:80px;min-height:385px;} @media only screen and (min-width: 992px) and (max-width: 1199.98px){ .single-blog-post-wrap{padding:80px 40px;} } @media only screen and (max-width: 767.98px){ .single-blog-post-wrap{padding:30px 15px;min-height:300px;} } .single-blog-post-wrap h2{font-size:24px;line-height:1.3;margin-bottom:0;} @media only screen and (max-width: 767.98px){ .single-blog-post-wrap h2{font-size:20px;font-weight:500;} } .single-blog-post-wrap h2 a{color:#222222;} .single-blog-post-wrap h2 a:hover{color:#00a896;} .single-blog-post-wrap p{margin-bottom:0;} .single-blog-post-wrap .post-meta{margin:20px 0;} @media only screen and (max-width: 767.98px){ .single-blog-post-wrap .post-meta{margin:10px 0;} } .single-blog-post-wrap .post-meta a, .single-blog-post-wrap .post-meta span{color:#222222;line-height:1;margin-right:10px;} .single-blog-post-wrap .post-meta a:last-child, .single-blog-post-wrap .post-meta span:last-child{margin-right:0;} .single-blog-post-wrap .post-meta a i.fa, .single-blog-post-wrap .post-meta a i.far, .single-blog-post-wrap .post-meta i.fa, .single-blog-post-wrap .post-meta i.far{color:#00a896;margin-right:5px;} .single-blog-post-wrap.layout--2{padding:0;margin-top:30px;} .single-blog-post-wrap.layout--2 .blog-post-details{margin-top:45px;} @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2 .blog-post-details{margin-top:25px;} } .single-blog-post-wrap.layout--2 .blog-post-details h2{font-size:18px;} .single-blog-post-wrap.layout--2 .blog-post-details h2 a{color:#333333;} .single-blog-post-wrap.layout--2 .blog-post-details h2 a:hover{color:#00a896;} .single-blog-post-wrap.layout--2 .blog-post-details h4 a{color:#333333; font-weight:600} .single-blog-post-wrap.layout--2 .blog-post-details h4 a:hover{color:#00a896;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2 .blog-post-details .post-meta{margin:10px 0;} } .single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more{color:#222222;font-weight:600;font-size:14px;text-transform:uppercase;margin-top:27px;display:inline-block;} @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px){ .single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more{margin-top:15px;} } .single-blog-post-wrap.layout--2 .blog-post-details a.btn-read-more:hover{color:#00a896;} .single-desc-item-wrap{color:#222222;margin-top:50px;} .single-desc-item-wrap .desc-number{border:3px solid #222222;border-radius:50%;color:#222222;display:block;font-weight:700;font-size:28px;text-align:center;line-height:45px;height:50px;width:50px;} .single-desc-item-wrap h3{font-size:16px;font-weight:600;line-height:1;text-transform:uppercase;margin:30px 0;} @media only screen and (max-width: 767.98px){ .single-desc-item-wrap h3{margin:20px 0;} } .speaker-member-wrap{margin-top:50px;} @media only screen and (max-width: 767.98px){ .speaker-member-wrap{margin-top:30px;} } .speaker-member-wrap .speaker-thumbnail{overflow:hidden;} .speaker-member-wrap .speaker-thumbnail img{-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;width:100%;} .speaker-member-wrap .speaker-info{margin-top:30px;display: inline-block;} .speaker-member-wrap .speaker-info h3{font-size:16px;line-height:1;font-weight:600;text-transform:uppercase;margin-bottom:10px;} .speaker-member-wrap .speaker-info h6,.speaker-member-wrap .speaker-info .designation{color:#00a896;font-weight:500;font-size:15px;line-height:1;margin-bottom:0;} .portfolio-metro-hero-area{position:relative;padding:230px 0;overflow: hidden;} .portfolio-metro-hero-area img{ position: absolute; z-index: -1; top: 0px; height:100%; width:100%; object-fit: cover; } @media only screen and (max-width: 767.98px){ .portfolio-metro-hero-area{padding:100px 0 150px;} } .portfolio-metro-hero-area:before{background-color:rgba(0, 0, 0, 0.6);content:"";position:absolute;left:0;top:0;height:100%;width:100%;} .port-metro-content-wrap{margin-top:96px;} .port-metro-content-wrap h1{color:#fff;font-size:50px;font-weight:500;margin-top:-15px;} @media only screen and (max-width: 767.98px){ .port-metro-content-wrap h3{font-size:30px;} } .single-desc-item-wrap .desc-number{margin-right:15px;-ms-flex-preferred-size:50px;flex-basis:50px;} .single-desc-item-wrap .busi-fea-info{color:#CCCCCC;-ms-flex-preferred-size:calc(100% - 50px);flex-basis:calc(100% - 50px);} .single-desc-item-wrap .busi-fea-info h3{margin-top:0;color:#fff;} .single-desc-item-wrap.layout--2 .desc-number{border-color:#222222;color:#222222;} .single-desc-item-wrap.layout--2 .busi-fea-info{color:#666666;} .single-desc-item-wrap.layout--2 .busi-fea-info h3{margin-top:0;color:#222222;} .business-progress-area{position:relative;padding:120px 0;} @media only screen and (min-width: 768px) and (max-width: 991.98px){ .business-progress-area{padding:80px 0;} } @media only screen and (max-width: 767.98px){ .business-progress-area{padding:60px 0;} } .business-progress-bg{position:absolute;right:0;top:0;height:100%;width:50%;} @media only screen and (max-width: 767.98px){ .business-progress-bg{min-height:300px;width:100%;} } .full-width-bg{position:static;} .fashion-call-action-left h2{font-size:40px;margin-top:-10px;} @media only screen and (max-width: 767.98px){ .fashion-call-action-left h2{font-size:30px;font-weight:500;} } .help-banner-content{color:#fff;font-size:20px;height:700px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column; align-items: flex-start;} @media only screen and (max-width: 767.98px){ .help-banner-content{font-size:16px;} } @media only screen and (max-width: 767.98px){ .help-banner-content{height:100vh;} } .a-m-3 h2{font-weight:600;} .author-con-inner{color:#222222;font-weight:500;font-size:18px;width:100%; display: inline-block;} .author-con-inner h2{color:#00a896;font-size:48px;margin-top:-12px;} @media only screen and (max-width: 767.98px){ .author-con-inner h2{font-size:34px;} } .author-con-inner h3{font-size:40px;margin-bottom:30px;} @media only screen and (max-width: 767.98px){ .author-con-inner h3{font-size:24px;margin-bottom:30px;} } .author-con-inner h2,.author-con-inner h3{font-weight:600;} .preloader-area-wrap{display:none;} .footer-bottom-area{background-color:#333333;padding:40px 0;} @media only screen and (max-width: 575.98px){ .footer-bottom-area{padding:25px 0;} } .footer-copyright-area{font-size:14px;color:#aaaaaa;} .footer-copyright-area p{margin-bottom:0;} @media only screen and (max-width: 767.98px){ .footer-copyright-area p{font-size:13px;} } .footer-social-icons a{color:#aaaaaa;font-size:20px;line-height:1;margin-left:30px;} .footer-social-icons a:first-child{margin-left:0;} @media only screen and (max-width: 767.98px){ .footer-social-icons a{font-size:16px;} } .footer-social-icons a:hover{color:#00a896;} .business-progress-bg.business-progress-bg-left{left:0px;right:auto;} .business-progress-area .single-desc-item-wrap a{color:#222;} .business-progress-area .single-desc-item-wrap a:hover{color:#00a896;} .port-metro-content-wrap .help-banner-content{height:auto;} .help-banner-content{max-height:500px;} @media only screen and (max-width: 1000px){ .business-progress-bg.business-progress-bg-left{left:auto;right:0px;} } .port-info{margin:30px 0 0 0;} .port-info a{color:#222222; font-family: "Proza Libre", sans-serif;} .port-info a:hover{color:#00a896;} /*! CSS Used from: Embedded */ #jarallax-container-0{clip:rect(0 1910px 700px 0);clip:rect(0, 1910px, 700px, 0);} /*============================= 02. Start Header Area Wrapper ===============================*/ .header-area-wrapper { padding: 30px 0; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .header-area-wrapper { padding: 40px 0; } } @media only screen and (max-width: 767.98px) { .header-area-wrapper { padding: 30px 0; } } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) { .header-area-wrapper button, .header-area-wrapper a { font-size: 20px; } } .header-area-wrapper .cart-button { position: relative; } .header-area-wrapper .cart-button .count { background-color: #222222; color: #fff; border-radius: 50%; display: block; font-weight: 700; font-size: 11px; text-align: center; position: absolute; top: -7px; right: -10px; line-height: 14px; height: 15px; width: 15px; } .header-area-wrapper .row { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .logo-wrap img.sticky-logo { display: none; } .off-canvas-area-wrap { margin-left: 60px; } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) { .off-canvas-area-wrap { margin-left: 0; } } .off-canvas-area-wrap button, .off-canvas-area-wrap a { color: white; line-height: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-right: 0px; } .off-canvas-area-wrap button:last-child, .off-canvas-area-wrap a:last-child { margin-right: 0; margin-left: 20px; } .off-canvas-area-wrap button:hover, .off-canvas-area-wrap a:hover { color: #00a896; } .off-canvas-area-wrap button .bar-txt, .off-canvas-area-wrap a .bar-txt { text-transform: uppercase; font-weight: 600; margin-right: 100px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .off-canvas-area-wrap.header-center { margin-left: 45px; } } .sticky-header { position: fixed; top: 0; right: 0; left: 0; -webkit-transition: padding 0.5s; -o-transition: padding 0.5s; transition: padding 0.5s; z-index: 1030; } .sticky-header.sticky { background-color: white; -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); padding: 10px 0; -webkit-animation: fadeInDown 1s forwards; animation: fadeInDown 1s forwards; } .black-header.sticky-header { -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05); } .sticky-header.sticky * { color: #222222; } .sticky-header.sticky *:hover { color: #00a896; } .sticky-header.sticky .logo-wrap img { display: none; } .sticky-header.sticky .logo-wrap img.sticky-logo { display: inline-block; } .sticky-header.sticky .main-menu>.dropdown-navbar>.dropdown-nav { margin-top: 29px; } .sticky-header.sticky .main-menu>.dropdown-navbar>.dropdown-nav:before { height: 30px; } .sticky-header.sticky .header-left-wrapper:before, .sticky-header.sticky .off-canvas-area-wrap:before { height: 20px !important; } .black-header .sticky-logo { display: inline-block !important; } .black-header ul li a { color: #222222; } .black-header button, .black-header a, .black-header .fa-bars:before { color: #222222; } .header-padding { padding: 15px 0; -webkit-box-shadow: none; box-shadow: none; } .product-intro-block{ margin: 0 0 20px 0; display: inline-block; width: 100%; } .single-post-details .product-intro-block p, .product-intro-block p{ margin-bottom: 15px; line-height: 17px; } .product-intro-block a{ text-decoration: underline; } .product-intro-block a:hover{ text-decoration: none; } @media only screen and (max-width: 767.98px) { .header-padding { padding: 25px 0; } } .header-four { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 41px 0; } @media only screen and (min-width: 1200px) and (max-width: 1599.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) { .header-four .container-fluid { padding: 0 15px; } } .header-four .header-left-wrapper { position: relative; padding-right: 60px; margin-right: 60px; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .header-four .header-left-wrapper { padding-right: 20px; margin-right: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) { .header-four .header-left-wrapper { padding-right: 0; margin-right: 0; } } .header-four .header-left-wrapper:before { background-color: rgba(255, 255, 255, 0.2); content: ""; position: absolute; right: 0; top: -42px; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; height: 107px; width: 1px; } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) { .header-four .header-left-wrapper:before { display: none; } } @media only screen and (min-width: 1200px), only screen and (min-width: 992px) and (max-width: 1199.98px) { .header-four .header-right-wrapper { width: 100%; } } .header-four .header-right-wrapper .off-canvas-area-wrap { position: relative; padding-left: 60px; } @media (max-width: 1599px) { .header-four .header-right-wrapper .off-canvas-area-wrap { padding-left: 15px; margin-left: 15px; } } .header-four .header-right-wrapper .off-canvas-area-wrap:before { background-color: rgba(255, 255, 255, 0.2); content: ""; position: absolute; left: 0; top: -47px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; height: 107px; width: 1px; display: none; } @media (min-width: 1600px) { .header-four .header-right-wrapper .off-canvas-area-wrap:before { display: block; } } @media only screen and (min-width: 1200px) and (max-width: 1599.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) { .header-four .header-right-wrapper .off-canvas-area-wrap .off-canvas-btn { font-size: 20px; line-height: 1; color: #aaaaaa; } } @media only screen and (min-width: 1200px) and (max-width: 1599.98px), only screen and (min-width: 992px) and (max-width: 1199.98px) { .header-four .header-right-wrapper .off-canvas-area-wrap .off-canvas-btn .bar-txt { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) { .header-four .header-right-wrapper .footer-social-icons a { font-size: 20px; color: #fff; } } .header-fix-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 50px 15px 0; max-width: 1140px; margin: auto; z-index: 999; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .header-fix-left { max-width: 960px; } } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .header-fix-left { max-width: 720px; } } @media only screen and (max-width: 767.98px) { .header-fix-left { max-width: 540px; } } @media screen and (min-width: 991.99px) and (max-width: 1599.99px) { .header-fix-left { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header-fix-left .logo-area-wrap { margin-right: 100px; } } @media screen and (min-width: 1600px) { .header-fix-left { padding: 0; position: fixed; top: 0; left: 0; height: 100vh; display: block; max-width: 265px; width: 100%; } .header-fix-left .logo-area-wrap { margin-bottom: 60px; padding: 114px 80px 0; } .header-fix-left .main-menu.nav { display: block !important; width: 200px; } .header-fix-left .main-menu.nav>li { margin-bottom: 10px; margin-right: 0; } .header-fix-left .main-menu.nav>li:last-child { margin-bottom: 0; } .header-fix-left .main-menu.nav>li a { padding: 10px 80px; } .header-fix-left .main-menu.nav>li .dropdown-nav { left: 100%; top: 0; margin-top: -50px; } .header-fix-left .main-menu.nav>li .dropdown-nav.mega-menu-wrap { min-width: 1140px; } .header-fix-left .main-menu.nav .full-width { position: relative; } .header-fix-left .main-menu.nav>.arrow>a:after { content: '\f105'; } } .header-fix-left-two { padding: 41px 15px; } @media screen and (min-width: 1600px) { .header-fix-left-two { background-color: #fff; padding: 0; -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); } .header-fix-left-two .logo-area-wrap { padding: 0; margin: 100px 0 80px; text-align: center; } .header-fix-left-two .main-menu { text-align: center; } .header-fix-left-two .main-menu.nav { width: auto; } .header-fix-left-two .main-menu.nav>li { margin-bottom: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .header-fix-left-two .main-menu.nav>li:last-child { border-bottom: 0; } .header-fix-left-two .main-menu.nav>li:hover>a { background-color: #00a896; color: #fff; } .header-fix-left-two .main-menu.nav>li>a { padding: 25px 10px; display: block; } .header-fix-left-two .main-menu.nav>li ul { text-align: left; } } /*====================== Start Search Box Area ========================*/ .off-canvas-search-box.show .off-canvas-overlay { background-color: rgba(255, 255, 255, 0.8) !important; } .off-canvas-search-box.show .search-box-content { opacity: 1; visibility: visible; -webkit-animation: slideInUp 1s forwards; animation: slideInUp 1s forwards; } .search-box-wrapper { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; } .search-box-content { -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; opacity: 0; visibility: hidden; } .search-box-content form { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); position: relative; width: 90%; margin: auto; } .search-box-content input { background-color: #fff; border: none; outline: none; padding: 15px 80px 15px 15px; display: block; width: 100%; } .search-box-content .btn-search { background-color: #00a896; color: #fff; position: absolute; right: 0; top: 0; text-align: center; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; height: 100%; width: 60px; } .search-box-content .btn-search:hover { background-color: #222222; } /*================================= Start Off Canvas Area Wrapper ==================================*/ .off-canvas-area-wrapper, .off-canvas-responsive-menu, .off-canvas-search-box { opacity: 0; visibility: hidden; pointer-events: none; position: fixed; top: 0; right: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 100vh; width: 100vw; } .off-canvas-area-wrapper .off-canvas-content-wrap, .off-canvas-responsive-menu .off-canvas-content-wrap, .off-canvas-search-box .off-canvas-content-wrap { background-color: white; margin-left: auto; height: 100%; position: relative; -webkit-transform: translateX(calc(100% + 40px)); -ms-transform: translateX(calc(100% + 40px)); transform: translateX(calc(100% + 40px)); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; max-width: 360px; width: 100%; } @media only screen and (max-width: 575.98px) { .off-canvas-area-wrapper .off-canvas-content-wrap, .off-canvas-responsive-menu .off-canvas-content-wrap, .off-canvas-search-box .off-canvas-content-wrap { max-width: 250px !important; } } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content { padding: 40px; height: 100%; overflow-y: auto; } @media only screen and (max-width: 575.98px) { .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content { padding: 30px 15px; } } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item { margin-bottom: 60px; } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item:last-child { margin-bottom: 0; } .off-canvas-area-wrapper .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2, .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2, .off-canvas-search-box .off-canvas-content-wrap .off-canvas-content .off-canvas-item h2 { font-size: 16px; line-height: 1; font-weight: 600; text-transform: uppercase; margin-bottom: 23px; margin-top: -2px; } .off-canvas-area-wrapper .off-canvas-content-wrap .btn-close, .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close, .off-canvas-search-box .off-canvas-content-wrap .btn-close { background-color: white; position: absolute; right: 100%; top: 100px; line-height: 40px; height: 40px; width: 40px; } .off-canvas-area-wrapper .off-canvas-content-wrap .btn-close:hover, .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close:hover, .off-canvas-search-box .off-canvas-content-wrap .btn-close:hover { background-color: #00a896; color: white; } .off-canvas-area-wrapper.show, .off-canvas-responsive-menu.show, .off-canvas-search-box.show { opacity: 1; visibility: visible; pointer-events: visible; z-index: 9999; } .off-canvas-area-wrapper.show .off-canvas-overlay, .off-canvas-responsive-menu.show .off-canvas-overlay, .off-canvas-search-box.show .off-canvas-overlay { background-color: rgba(0, 0, 0, 0.5); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: -1; } .off-canvas-area-wrapper.show .off-canvas-content-wrap, .off-canvas-responsive-menu.show .off-canvas-content-wrap, .off-canvas-search-box.show .off-canvas-content-wrap { -webkit-transform: none; -ms-transform: none; transform: none; } .search-box-wrap { background-color: #f4f4f4; margin: -40px -40px 0 -40px; padding: 35px 40px; } @media only screen and (max-width: 575.98px) { .search-box-wrap { margin: -30px -15px 0 -15px; } } .search-box-wrap form { position: relative; } .search-box-wrap form input { background-color: transparent; border: none; display: block; padding-right: 20px; outline: none; width: 100%; } .search-box-wrap form .btn-search { font-size: 13px; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .useful-link-menu { margin-top: -20px; overflow: hidden; } .useful-link-menu li { float: left; margin-top: 20px; max-width: 50%; width: 100%; } .useful-link-menu li a { color: #666666; font-size: 14px; line-height: 1; font-weight: 700; text-transform: uppercase; } .useful-link-menu li a:hover { color: #00a896; } .social-links { position: relative; } .social-links a { background-color: #f4f4f4; border-radius: 50%; color: #666666; display: inline-block; text-align: center; line-height: 40px; margin-right: 10px; height: 40px; width: 40px; } .social-links a:last-child { margin-right: 0; } .social-links a:hover { background-color: #00a896; color: white; } /*======================= 05. Quick View Style Here =========================*/ #quick-view.modal { display: block !important; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-animation: fadeOut 0.3s forwards; animation: fadeOut 0.3s forwards; } #quick-view.modal.show { opacity: 1; visibility: visible; pointer-events: visible; z-index: 9999; -webkit-animation: fadeIn 0.3s forwards; animation: fadeIn 0.3s forwards; } #quick-view.modal .modal-content { border: none; border-radius: 0; } @media only screen and (max-width: 767.98px) { #quick-view.modal .modal-content { max-height: 400px; overflow-x: hidden; overflow-y: auto; } } #quick-view.modal .modal-dialog { max-width: 920px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { #quick-view.modal .modal-dialog { max-width: 720px; } } @media only screen and (max-width: 767.98px) { #quick-view.modal .modal-dialog { max-width: 540px; } } #quick-view.modal .modal-dialog .modal-body { padding: 0; } #quick-view.modal .modal-dialog .close { background-color: #222222; font-weight: 400; color: #fff; opacity: 1; height: 60px; width: 60px; position: absolute; top: 0; left: 100%; z-index: 99; } #quick-view.modal .modal-dialog .close:hover { background-color: #fcac0b; } @media only screen and (max-width: 767.98px), only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1599.98px) { #quick-view.modal .modal-dialog .close { left: auto; right: 0; top: 0; height: 40px; width: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1599.98px) { #quick-view.modal .modal-dialog .close { top: auto; bottom: 100%; } } #quick-view .product-thumb-area { max-height: 450px; overflow: hidden; } @media only screen and (max-width: 767.98px) { #quick-view .product-thumb-area { max-height: 250px; } } #quick-view .product-details-info-content-wrap { padding: 0 30px 0 0; max-height: 450px; overflow-x: hidden; overflow-y: auto; position: relative; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { #quick-view .product-details-info-content-wrap { max-height: 352px; } } @media only screen and (max-width: 767.98px) { #quick-view .product-details-info-content-wrap { max-height: inherit; height: 100%; padding: 0 30px; } } @media only screen and (max-width: 575.98px) { #quick-view .product-details-info-content-wrap { padding: 0 15px; } } #quick-view .product-details-info-content-wrap .prod-details-info-content { padding: 50px 0; } #quick-view .product-details-info-content-wrap .prod-details-info-content h2 { font-weight: 500; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { #quick-view .product-details-info-content-wrap .prod-details-info-content h2 { font-size: 30px; } } /*========================= 06. Start Page Header Area ===========================*/ .page-header-wrapper .page-header-content { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 350px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .page-header-wrapper .page-header-content { height: 220px; } } @media only screen and (max-width: 767.98px) { .page-header-wrapper .page-header-content { height: 160px; } } .page-header-wrapper .page-header-content h1 { font-size: 60px; line-height: 1; font-weight: 500; text-transform: uppercase; margin-bottom: 0; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .page-header-wrapper .page-header-content h1 { font-size: 50px; } } @media only screen and (max-width: 767.98px) { .page-header-wrapper .page-header-content h1 { font-size: 35px; } } .page-header-wrapper .page-header-content.layout--2 { color: #fff; margin-top: 90px; height: 400px; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .page-header-wrapper .page-header-content.layout--2 { height: 220px; margin-top: 70px; } } @media only screen and (max-width: 767.98px) { .page-header-wrapper .page-header-content.layout--2 { height: 160px; margin-top: 70px; } } .page-header-wrapper .page-header-content.layout--2 h1 { color: #fff; } /*---------------------------- Start Main Navigation Wrap ------------------------------*/ .main-menu>li { margin-right: 60px; line-height: 1; } .main-menu>li:last-child { margin-right: 0; } @media only screen and (min-width: 1200px) and (max-width: 1599.98px) { .main-menu>li { margin-right: 40px; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .main-menu>li { margin-right: 35px; } } .main-menu>li:hover>a { color: #00a896; } .white-header .main-menu>li:hover>a { color: #F0F3BD; } .main-menu>li a { color: white; display: inline-block; font-size: 14px; font-weight: 600; text-transform: uppercase; } .dropdown-navbar { position: relative; } .dropdown-navbar.arrow>a:after { content: '\f107'; font-family: "Font Awesome 5 Free"; font-size: 1rem; font-weight: 900; margin-left: 10px; } .dropdown-navbar .dropdown-nav { background-color: white; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); padding: 25px 0; margin-top: 45px; position: absolute; left: -30px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; pointer-events: none; min-width: 320px; width: 100%; z-index: 99; } .dropdown-navbar .dropdown-nav:before { content: ""; bottom: 100%; left: 0; position: absolute; height: 45px; width: 100%; } .dropdown-navbar .dropdown-nav>li { margin-bottom: 5px; padding: 0 30px; } .dropdown-navbar .dropdown-nav>li:last-child { margin-bottom: 0; } .dropdown-navbar .dropdown-nav>li a:not(.mega-title) { color: #666666; font-weight: 400; padding: 10px 0; position: relative; } .dropdown-navbar .dropdown-nav>li a:not(.mega-title):before { background-color: #00a896; content: ""; position: absolute; left: auto; right: 0; bottom: 5px; height: 2px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 0; } .dropdown-navbar .dropdown-nav>li:hover>a { color: #00a896; } .white-header .dropdown-navbar .dropdown-nav>li:hover>a { color: #00a896; } .white-header.sticky .main-menu>li:hover>a{ color: #00a896; } .dropdown-navbar .dropdown-nav>li:hover>a:before { left: 0; right: auto; width: 100%; } .dropdown-navbar .dropdown-nav .dropdown-navbar .dropdown-nav { left: 100%; top: 0; margin-top: -25px; } .dropdown-navbar .dropdown-nav .dropdown-navbar .dropdown-nav li a:before { display: none; } .dropdown-navbar .dropdown-nav .dropdown-navbar.arrow:after { background-color: #666666; content: ''; display: block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; height: 6px; width: 6px; } .dropdown-navbar .dropdown-nav .dropdown-navbar.arrow:hover:after { background-color: black; } .dropdown-navbar .dropdown-nav .dropdown-navbar.arrow a:after { display: none; } .dropdown-navbar:hover>.dropdown-nav { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; pointer-events: visible; } .dropdown-navbar .mega-menu-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; white-space: nowrap; width: auto; } .dropdown-navbar .mega-menu-wrap .mega-menu-item { border-right: 1px solid #e7e7e7; padding: 25px 30px; min-width: 280px; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199.98px), only screen and (min-width: 1200px) and (max-width: 1599.98px) { .dropdown-navbar .mega-menu-wrap .mega-menu-item { min-width: 245px; } } .dropdown-navbar .mega-menu-wrap .mega-menu-item ul li { margin-bottom: 5px; } .dropdown-navbar .mega-menu-wrap .mega-menu-item ul li:last-child { margin-bottom: 0; } .dropdown-navbar .mega-menu-wrap .mega-menu-item ul li a:hover { color: black; } .dropdown-navbar .mega-menu-wrap .mega-menu-item .mega-title { color: #222222; font-weight: 600; margin-bottom: 7px; padding: 10px 0; text-transform: uppercase; } .dropdown-navbar.full-width { position: static; } .dropdown-navbar.full-width .dropdown-nav { right: 15px; left: auto; max-width: 1140px; width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .dropdown-navbar.full-width .dropdown-nav { right: 0; } } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .dropdown-navbar.full-width .dropdown-nav li a { white-space: normal; font-size: 13px; line-height: 1.3; } } .dropdown-navbar.bg-menu .mega-menu-wrap { background: #fff var(--wpr-bg-e236afc3-a7c3-441f-bd35-2fef11180e67) no-repeat bottom right; background-size: 50%; } .dropdown-navbar.bg-menu .mega-menu-wrap .mega-menu-item { border-right: 0; } @media (min-width: 1400px) { .header-area-wrapper .row { position: relative; } } .navigation-area-wrap.align-left .main-menu .dropdown-navbar.full-width .dropdown-nav { left: 15px; right: auto; } @media only screen and (min-width: 992px) and (max-width: 1199.98px) { .navigation-area-wrap.align-left .main-menu .dropdown-navbar.full-width .dropdown-nav { left: 0; } } .navigation-area-wrap.align-center .main-menu .dropdown-navbar.full-width .dropdown-nav { left: 50%; right: auto; -webkit-transform: translate(-50%, 10px); -ms-transform: translate(-50%, 10px); transform: translate(-50%, 10px); } .navigation-area-wrap.align-center .main-menu .dropdown-navbar.full-width:hover .dropdown-nav { -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); } .off-canvas-responsive-menu { right: auto; left: 0; } .off-canvas-responsive-menu.show .off-canvas-content-wrap { -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; } .off-canvas-responsive-menu .off-canvas-content-wrap { margin-left: inherit !important; -webkit-transform: translateX(-100%) !important; -ms-transform: translateX(-100%) !important; transform: translateX(-100%) !important; } .off-canvas-responsive-menu .off-canvas-content-wrap .off-canvas-content { padding: 0 !important; } .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close { right: auto; left: 100%; top: 0 !important; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu { padding: 0; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_btn { display: none; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav { background-color: white; display: block !important; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li { border-bottom: 1px solid #e7e7e7; position: relative; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a { color: #666666; font-size: 15px; padding: 10px; margin: 0; text-transform: capitalize; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a .slicknav_arrow { background-color: rgba(0, 168, 150); color: #fff; font-size: 18px; display: block; text-align: center; margin: 0; height: 47px; position: absolute; right: 0; top: 0; line-height: 42px; width: 50px; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a a { padding: 0; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li a:hover { background-color: transparent; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li ul { background-color: #dddddd; margin: 0; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li ul li a { font-size: 13px; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav li ul li ul { background-color: #eeeeee; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav .slicknav_open>.slicknav_item { position: relative; } .off-canvas-responsive-menu .off-canvas-content-wrap .slicknav_menu .slicknav_nav .slicknav_open>.slicknav_item .slicknav_arrow { background-color: #00a896; color: #fff; } li.new a { position: relative; } li.new a:after { content: "New"; background-color: #FF0000; color: #fff; font-size: 11px; line-height: 1; padding: 3px 5px; border-radius: 2px; margin-left: 10px; display: inline-block; } .category .speaker-member-wrap { margin-top: 0px; margin-bottom: 30px; } .panel-group{ border-top:1px dashed #dadada; margin:0 0 50px 0; } .panel-heading{ border-bottom:1px dashed #dadada; } .panel-heading h4, .single-post-details .panel-heading h4{ margin-bottom:0px; margin-top:0px; } .panel-body{ padding:20px 0 ; } .panel-title h4{ line-height:1; } .panel-title i{ font-size:50px; position:absolute; right:0px; top:20px; } .panel-heading h4 a{ padding:30px 30px 30px 0; width:100%; display:block; position:relative; font-family: "Proza Libre", sans-serif; } .panel-heading h4 a{ color:#00a896; } .panel-heading h4 a:hover{ color:#222; } .panel-heading h4 a[aria-expanded="true"]{ color:#00a896; } .panel-heading h4 a[aria-expanded="true"]:hover{ color:#222; } .panel-heading h4 a[aria-expanded="true"] i{ -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .box > .icon { text-align: center; position: relative; } .box > .icon > .image { position: relative; z-index: 2; margin: auto; width: 88px; height: 88px; border: 8px solid white; line-height: 88px; border-radius: 50%; background: #00a896; vertical-align: middle; } .box > .icon:hover > .image { background: #333; } .box > .icon > .image > i { font-size: 36px !important; color: #fff !important; } .box > .icon:hover > .image > i { color: white !important; } .box > .icon > .info { margin-top: -24px; background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 15px 0 10px 0; } .box > .icon:hover > .info { background: rgba(0, 0, 0, 0.04); border-color: #e0e0e0; color: white; } .box > .icon > .info > h3.title {font-size:20px; color: #222; font-weight: 500; margin-top:20px;} .box > .icon > .info > h2.title {font-size:20px; color: #222; font-weight: 500; margin-top:20px;} .box > .icon > .info > p { font-size: 15px; color: #666; line-height: 1.5em; margin: 20px;} .box > .icon:hover > .info > h3.title, .box > .icon:hover > .info > p, .box > .icon:hover > .info > .more > a { color: #222; } .box > .icon > .info > .more a { font-family: "Open Sans",sans-serif !important; font-size: 12px; color: #222; line-height: 12px; text-transform: uppercase; text-decoration: none; } .box > .icon:hover > .info > .more > a { color: #fff; padding: 6px 8px; background-color: #63B76C; } .box .space { height: 30px; } .icon-boxes{ margin:20px 0 50px 0; } #blogs .blog-post-details{ margin-top:0px; } .blockquote--2{background-color:#f4f4f4;color:#222222;font-weight:600;font-family:"Open Sans", sans-serif;padding: 20px 55px 20px 30px;position: relative;font-size: 17px;display:inline-block; width:100%;border-radius: 10px;} .blockquote--2:after{content:"\f10e";color:#dddddd;font-family:"Font Awesome 5 Free";font-size:30px;position:absolute;top:10px;right:20px;} .blockquote--2 .blockquote-footer{color:#666666;font-size:15px;line-height:1;font-weight:400;margin-top:20px;} ::-moz-selection{color:#fff;background:#00a896;} ::selection{color:#fff;background:#00a896;} .single-post-details{font-size:17px;line-height:1.8;margin-bottom:30px;} .single-post-details .blog-post-head{margin-top:50px;} @media only screen and (max-width: 575.98px){ .single-post-details .blog-post-head{margin-top:35px;} } .single-post-details .blog-post-head h2{color:#333333;font-size:30px;margin-top:-10px;} @media only screen and (max-width: 767.98px){ .single-post-details .blog-post-head h2{font-size:24px;font-weight:600;} } @media only screen and (max-width: 575.98px){ .single-post-details .blog-post-head h2{margin-bottom:10px;} } .single-post-details .post-meta{margin-bottom:25px;} @media only screen and (max-width: 767.98px){ .single-post-details .post-meta{margin-bottom:10px;} } .single-post-details .post-meta a{color:#212121;margin-right:20px;font-size:14px;} .single-post-details .post-meta a:last-child{margin-right:0;} .single-post-details .post-meta a i{color:#00a896;margin-right:5px;} .single-post-details__footer{display:inline-block;width:100%;margin:10px 0;} @media only screen and (max-width: 767.98px){ .single-post-details__footer{margin:25px 0;} } @media only screen and (max-width: 767.98px){ .single-post-details__footer{display:block;} } .single-post-details__footer__item{border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;max-width:100%;-ms-flex-preferred-size:50%;flex-basis:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:12px 0px;} @media only screen and (max-width: 767.98px){ .single-post-details__footer__item:nth-child(2n + 1){padding-left:20px;} } .single-post-details__footer__item:nth-child(2n + 2){padding-right:0;} @media only screen and (max-width: 767.98px){ .single-post-details__footer__item:nth-child(2n + 2){padding-right:20px;} } .single-post-details__footer__item:first-child{border-top:1px solid #e7e7e7;} @media only screen and (max-width: 767.98px){ .single-post-details__footer__item{min-width:100%;border:1px solid #e7e7e7;border-top:0;} } @media only screen and (max-width: 575.98px){ .single-post-details__footer__item{padding:10px 5px!important;font-size:13px;} } .single-post-details__footer__item h5{font-size:15px;line-height:1;font-weight:600;text-transform:uppercase;margin-bottom:0;} @media only screen and (max-width: 575.98px){ .single-post-details__footer__item h5{font-size:12px;} } .single-post-details__footer__item h5 i{color:#888888;margin-right:10px;} @media only screen and (max-width: 575.98px){ .single-post-details__footer__item h5 i{margin-right:3px;} } .single-post-details__footer__item .cate-list li{margin-right:10px;} .single-post-details__footer__item .cate-list li:last-child{margin-right:0;} .single-post-details__footer__item .cate-list li a{color:#666666;font-size:15px;} .single-post-details__footer__item .cate-list li a:hover{color:#00a896;} .single-post-details__footer__item .share-item a{color:#222222;margin-right:15px;} .single-post-details__footer__item .share-item a:last-child{margin-right:0;} .single-post-details__footer__item .share-item a:hover{color:#00a896;} .single-post-details p,.single-post-details .blockquote--2{margin-bottom:20px;} .category-content p{margin-bottom:10px;} .single-post-details p:last-child{margin-bottom:0;} .minus-margin{ margin-top:-10px; } .header-cat-link{ color: #00a896; text-transform: uppercase; font-weight: bold; margin:10px 0; } .header-cat-link:hover{ color: #fff; } .help-banner-content a, .help-banner-content h1, .help-banner-content p{ text-align: center; margin-left: auto; margin-right: auto; } .help-banner-content h1:before { content:"•"; vertical-align: bottom; margin:0 5px; color: #00a896; } .help-banner-content h1:after { content:"•"; vertical-align: bottom; margin:0 5px; color: #00a896; } .sidebar-newsletter.sidebar-newsletter-wide form button{ margin-top: 0px; } .sidebar-newsletter.sidebar-newsletter-wide h3 { margin:12px 0; } .sidebar-newsletter.sidebar-newsletter-wide form input { padding: 16px; } .introH3{ margin-bottom:40px; } .breadcrumbs{ width:100%; text-align: center; font-size:16px; margin:6px 0 20px 0; } .breadcrumbs i{ margin:0 5px; } #map{ display:inline-block; margin:40px 0px; width:100%; height:500px; } .single-subtitle{ font-size: 25px; line-height:33px; } .single-post-details__header img{ margin-bottom: 30px; height:auto; } .breadcrumbs.breadcrumbs-left{ text-align: left; font-size:15px; } .breadcrumbs.breadcrumbs-left i{ color:#ddd; } .breadcrumbs.breadcrumbs-left .header-cat-link{ color:#888; } .breadcrumbs.breadcrumbs-left .header-cat-link:hover{ color:#00a896; } .ph2{ font-size: 16px; line-height: 1; font-weight: 600; text-transform: uppercase; margin-bottom: 23px; margin-top: -2px; } .green-banner{ background: #00a896; color:#fff; } #curveUpColor path, #curveDownColor path, #bigTriangleColor path { fill: #00a896; stroke: #00a896; } .white-header .main-menu>li a:hover, .white-header .fa-search:hover{ color:#F0F3BD; } .white-header.sticky .main-menu>li a:hover{ color:#00a896; } .white-header .fa-bars:hover{ color:#F0F3BD; } .white-header.sticky .fa-bars:hover{ color:#00a896; } .green-banner h2{ text-align: left; font-size: 3rem; } .green-banner h1{ text-align: left; font-size: 3rem; color:#fff; font-weight:bold; } .green-banner p{ text-align: left; color:#F0F3BD; font-size: 1.3rem; font-family: "Proza Libre", sans-serif; } .green-banner .help-banner-content{ height:auto; min-height:500px; max-height: 1500px; } *, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .green-banner nav a { position: relative; display: inline-block; margin: 15px 10px 0 10px; outline: none; color: #fff; text-decoration: none; font-weight: 600; font-size: 14px; text-transform: uppercase; font-family: "Proza Libre", sans-serif; } .green-banner nav a:hover, .green-banner nav a:focus { outline: none; } .cl-effect-10 { position: relative; z-index: 1; margin-left: -15px; } .cl-effect-10 a { overflow: hidden; margin: 0 15px; } .cl-effect-10 a span { display: block; padding: 15px 20px 10px 20px; background: #008c7d; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } .cl-effect-10 a::before { position: absolute; top: 0px; left: 0; z-index: -1; padding: 15px 20px 10px 20px; background: #fff; color: #008c7d; content: attr(data-hover); -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; -webkit-transform: translateX(-25%); transform: translateX(-25%); } .help-banner-content .separator-link span{ margin: 0; } .cl-effect-10 a:hover span { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); transform: translateX(100%); } .cl-effect-10 a:hover::before { -webkit-transform: translateX(0%); -moz-transform: translateX(0%); transform: translateX(0%); } .author-header{ margin:20px 0; width: 100%; } .author-header img{ border-radius: 50%; width:100px; max-width: 100px; height:auto; float:left; margin-left:-15px; } .autor-info{ float:left; } .autor-info p{ float:left; color:#fff; width:100%; font-size:17px; margin-bottom:5px; font-family: "Open Sans", sans-serif; } .autor-info p:first-of-type{ font-size:26px; font-family: "Proza Libre", sans-serif; margin: 3px 0; line-height: 26px; } .separator-content{ padding:50px 0px 0px 0px; color:#fff; background:#00a896; } .separator-content-wrap{ margin:70px 0px; float:left; width:100%; } .separator-content p{ font-size:50px; margin:0px; line-height:60px; padding-top:10px; text-align: center; text-transform: lowercase; } .packliste h2{ color:#fff; } .packliste .author-header { margin: 30px 0 20px 0; text-align:center; } .packliste .author-header img{ width:150px; max-width:100%; margin-left: 0; } .packliste .author-header p { color:#fff; font-size:18px; margin:0px; font-size:26px; margin:10px 0 0 0; text-align: center; display:inline-block; } .green-banner p.white{ color: #fff; } .green-banner span.white{ color: #fff; text-align: left; font-size: 1.3rem; font-family: "Proza Libre", sans-serif; clear: both; width: 100%; display: inline-block; font-weight: 400; } .author .green-banner h1{ line-height: 1; } .icon-boxes.icon-boxes-packliste{ padding:0px 15px; text-align: center; } .icon-boxes-packliste .box > .icon:hover > .image { background: #00a896 } .icon-boxes-packliste .box > .icon:hover .container { color: #222 } .icon-boxes-packliste .box > .icon:hover a { color: #222 } .icon-boxes-packliste .box > .icon:hover li:before { color: #00a896 } .amazon-cart-form{ width:70%; margin: 40px auto; text-align: left; } .icon-boxes-packliste .box{ margin-bottom: 20px; display: inline-block; } .hidden{ display:none; } .cart-products{margin:0;} .cart-products li{ position:relative; font-size:20px; margin-bottom:20px; padding-left:30px; } .cart-products li:before{ display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:1px; content:"\f054"; color:#00a896; font-size:27px; } .cart-products li a{ color:#222; font-family: "Proza Libre", sans-serif; } .cart-products li a:hover{ color:#00a896 !important; } .icon-cart { border: none; cursor: pointer; padding: 30px 60px; display: inline-block; margin-top: 15px; outline: none; position: relative; background: #00a896; color: #fff; width:100%; } .icon-cart:hover { background: #008c7d; } .icon-cart:active { background: #008c7d; } .icon-cart:after{ background: rgba(0,0,0,0.1); display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right:0; top:0; color:#fff; content: "\f07a"; width: 60px; height:100%; font-size:24px; padding-top:24px; } .icon-cart i{ background: rgba(0,0,0,0.1); display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; position:absolute; left:0; top:0; color:#fff; width: 60px; height:100%; font-size:30px; padding-top:27px; } .green{ color: #00a896; } .display-titles{ color: #fff; background: #333; padding:10px 20px; margin:0px 0px 40px 0px; width:100%; display:inline-block; } xmp{ margin:0px; } .table_of_contents_blog{ background:#f4f4f4; width:100%; padding:0px; box-sizing:border-box; display:inline-block; margin:0px 0px 20px 0px; border-radius: 10px; } .table_of_contents_blog p{ background: #00a896 none repeat scroll 0 0; box-sizing: border-box; color: #fff; display:inline-block; font-size: 25px !important; line-height: 25px !important; font-weight:bold; margin: 0; padding: 20px; text-align: left; width: 100%; } article .table_of_contents_blog ol, .table_of_contents_blog ol{ width:100%; padding:20px 20px 20px 40px; box-sizing:border-box; display:none; } .twocolumns{ -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 60px; column-gap: 60px; -moz-column-gap: 60px; } article .table_of_contents_blog ol li a, .table_of_contents_blog ol li a{ color:#4d4d4d; line-height: 25px !important; text-decoration:none; font-weight:600; } article .table_of_contents_blog ol li, .table_of_contents_blog ol li{ padding:0px 0px 0px 10px !important; margin:10px 0 0 0 !important; width:100%; } article .table_of_contents_blog .strong, .table_of_contents_blog .strong{ font-weight:bold; } article .table_of_contents_blog .child, .table_of_contents_blog .child{ width:100%; display:inline-block; text-decoration:none; color:#4d4d4d; padding:0px 0px 0px 20px; font-size:14px; margin:0px 0px 0px 0px; line-height:18px !important; } article .table_of_contents_blog i, .table_of_contents_blog i { font-size:8px; color:#4d4d4d; margin-right:7px; vertical-align: middle; } article .table_of_contents_blog ol li a:hover, .table_of_contents_blog ol li a:hover { color:#00a896 !important; } article .table_of_contents_blog .child:hover, .table_of_contents_blog .child:hover{ color:#00a896 !important; } article .table_of_contents_blog .child i.fa.fa-minus:before, .table_of_contents_blog .child i.fa.fa-minus:before{ background:none; color:#4d4d4d; } .table_of_contents_blog ol li a, .table_of_contents_blog ol li a{ border-bottom-width:0px !important; } .openclose{ cursor:pointer; border-radius: 10px; } .openclose.opened{ border-radius: 10px 10px 0 0; } .openclose.opened ol{ border-radius: 0 0 10px 10px; } .openclose::after{ font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f107"; float:right; font-size:40px; } .openclose.opened::after{ font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f106"; float:right; font-size:40px; } .alert-success a, .alert-info a, .alert-alert a, .alert-danger a, .alert-success-icon a, .alert-info-icon a, .alert-alert-icon a, .alert-danger-icon a{ text-decoration: underline; color:#222; } .alert-success{ color:#00a896 !important; border-radius:0px; padding:20px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(0,168,150, 0.1); line-height:25px; border-radius:10px; } .alert-info{ color:#05668D !important; border-radius:0px; padding:20px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(5,102,141, 0.1); line-height:25px; border-radius:10px; } .alert-alert{ color:#ff9500 !important; border-radius:0px; padding:20px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(255,149,0, 0.2); line-height:25px; border-radius:10px; } .alert-danger{ color:#FF1300 !important; border-radius:0px; padding:20px; margin-bottom:20px; display:inline-block; width:100%; background: rgba(255,19,0, 0.2); line-height:25px; border-radius:10px; } .alert-success-icon{ color:#00a896 !important; border-radius:10px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(0,168,150, 0.1); display:flex; width:100%; line-height:25px; margin:0px 0 20px 0px !important; position: relative; padding-left: 40px; display: inline-block; } .alert-success-icon:before { font-size:22px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f058"; margin-top: 4px; } .alert-info-icon{ color:#05668D !important; border-radius:10px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(5,102,141, 0.1); display:flex; width:100%; line-height:25px; margin:0px 0 20px 0px !important; position: relative; padding-left: 40px; display: inline-block; } .alert-info-icon:before { font-size:22px; color:#05668D; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f05a"; margin-top: 4px; position: absolute; left: 10px; } .alert-alert-icon{ color:#ff9500 !important; border-radius:10px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(255,149,0, 0.2); display:flex; width:100%; line-height:25px; margin:0px 0 20px 0px !important; position: relative; padding-left: 40px; display: inline-block; } .alert-alert-icon:before { font-size:22px; color:#ff9500; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f06a"; margin-top: 4px; position: absolute; left: 10px; } .alert-danger-icon{ color:#FF1300 !important; border-radius:10px; padding:15px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: 0px; margin-bottom:20px; background: rgba(255,19,0, 0.2); display:flex; width:100%; line-height:25px; margin:0px 0 20px 0px !important; position: relative; padding-left: 40px; display: inline-block; } .alert-danger-icon:before { font-size:22px; color:#FF1300; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f06a"; margin-top: 4px; position: absolute; left: 10px; } .ul-style-1, .ul-style-2, .ul-style-3, .ul-style-4, .ul-style-5, .ul-style-6{ display:inline-block; width:100%; } .ul-style-1 li, .ul-style-2 li, .ul-style-3 li, .ul-style-4 li, .ul-style-5 li, .ul-style-6 li{ margin:0px 0px 8px 0px; padding-left: 35px; position: relative; } .ul-style-3 li:before { font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; content: "\f0fe"; position:absolute; top:-6px; left:0px; } .ul-style-4 li:before { font-size:23px; color:#FF1300; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; content: "\f146"; position:absolute; top:-6px; left:0px; } .procons h3{ color: #fff; font-style: normal; font-weight: 600; text-transform: capitalized; font-size:1rem; background:#00a896; padding:20px 25px; margin:0px 0px 20px 0px; width:100%; box-sizing:border-box; } .procons{ background:#f4f4f4; padding-left:0px; padding-right:0px; } .proconsrow{ background:#f4f4f4; margin-bottom:20px; margin-left:0px; margin-right:0px; box-sizing:border-box; } .procons .ul-style-3{ padding:0px 10px 10px 25px; } .procons .ul-style-4{ padding:0px 10px 10px 25px; } .collapsible-wrap { margin:0px 0px 20px 0px; } .collapsible { background-color: #00a896; color: white; cursor: pointer; padding: 20px 25px 16px 25px; width: 100%; border: none; text-align: left; outline: none; font-size: 18px; border-bottom:1px solid #008c7d; position:relative; } .collapsible:last-of-type { border:none; } .collapsible:after { content: '\002B'; color: white; font-weight: bold; margin-left: 5px; font-size: 30px; position:absolute; right:25px; top:7px; } .collapsible.active:after { content: "\2212"; } .collapsible-content { padding: 20px 25px; max-height: 0; overflow: hidden; background-color: #f4f4f4; line-height:25px; } .collapsible + .collapsible-content { display:none; } .collapsible.active + .collapsible-content { display:block; } .single-post-details .collapsible-wrap p:last-child{ margin-bottom:15px; } .upsidedown{ transform: rotate(180deg); } .dosdonts .col-md-6{ padding:0px; flex: 1; } .dosdonts{ padding:0 15px; display: flex; } .box.box-like > .icon > .info{ border:none; background: rgba(0,168,150, 0.1); } .box.box-like > .icon .info p { color: #222 } .box.box-unlike > .icon .info p { color: #222 } .box.box-unlike > .icon > .info{ border:none; background: rgba(255,19,0, 0.1); } .box.box-like > .icon:hover > .image { background: #00a896 } .box.box-like > .icon:hover .info p, .box.box-like > .icon:hover .info ul li { color: #222 } .box.box-unlike > .icon > .image { background: #FF1300 } .box.box-unlike > .icon:hover > .image { background: #FF1300 } .box.box-unlike > .icon:hover .info p, .box.box-unlike > .icon:hover .info ul li { color: #222 } .box.box-like, .box.box-unlike, .box.box-like .icon, .box.box-unlike .icon, .box.box-like .icon .info, .box.box-unlike .icon .info{ height:100%; } .box.box-like .icon .info, .box.box-unlike .icon .info{ height:calc(100% - 70px); } .box-like ul, .box-unlike ul, .single-post-details .box-like ul, .single-post-details .box-unlike ul{ display:inline-block; width:100%; padding:30px 20px 10px 20px; } .box-like ul li, .box-unlike ul li, .single-post-details .box-like ul li, .single-post-details .box-unlike ul li{ margin:0px 0px 20px 0px; padding-left: 35px; position: relative; text-align:left; line-height:25px; } .box-like ul li:before, .single-post-details .box-like ul li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; content: "\f164"; position:absolute; top:0px; left:0px; } .box-unlike ul li:before, .single-post-details .box-unlike ul li:before{ font-size:23px; color:#FF1300; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; content: "\f164"; position:absolute; top:4px; left:0px; transform: rotate(180deg); } .slider-captions{ background:#00a896; color:#fff; padding:5px 5px 0px 5px; position: relative; } .slider-captions p{ padding:10px 20px; text-align: center; width:100%; box-sizing: border-box; line-height:25px; margin:0px; } .slick-arrow{ font-size:40px; z-index: 1000; cursor: pointer; } .fa-angle-left.slick-arrow{ position: absolute; left:5px; bottom:3px; } .fa-angle-right.slick-arrow{ position: absolute; right:5px; bottom:3px; } .slider-dots, .single-post-details .slider-dots{ background:#00a896; color:#fff; padding:5px 5px 20px 5px; position: relative; } .slick-dots, .single-post-details .slick-dots{ text-align: center; height:15px; margin:10px 0 0 0; padding:0px; } .slick-dots li, .single-post-details .slick-dots li{ display: inline-block; margin:4px 0 0 0; } .slick-dots li button{ width:15px; height:15px; background:rgba(255, 255, 255, 0.5); color:#fff; border-radius: 50%; margin:0 5px; text-indent:-9999px; } .slick-dots .slick-active button{ background:rgba(255, 255, 255, 1); } thead{ background:#00a896; color:#fff; border:none; } .table-striped tbody tr:nth-of-type(odd) { background-color: #f4f4f4; } .table thead th{ border-bottom: 0px; } .best-product{ border: 5px solid #00a896; float:left; width:100%; padding:0px 50px 20px 50px; margin:30px 0 20px 0; text-align:center; box-sizing:border-box; position:relative; } .best-product .btn:after { content: "\f101"; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; margin-left:5px; } .best-product img{ border-radius:0px; margin:0 0 20px 0; } .best-product-title{ padding:5px 20px; background:#00a896; color:#fff; position: relative; margin-left: auto; margin-right: auto; left: 0; right: 0; top:-24px; display:inline-block; font-size:18px; margin-bottom:0px; text-transform:uppercase; border-radius: 10px; } .single-post-details p.best-product-title{ margin-bottom: 0px !important; } .best-product .btn{ width: 100%; margin-top: 0px; } .best-product .product-rating{ margin-top: 0px; } .best-desc{ float:left; width:100%; text-align:left; } .best-desc .product-rating{ margin-bottom:10px; } .best-desc h3, .single-post-details .best-desc h3, .category-content .best-desc h3{ font-size:21px; margin:0px 0px 10px 0px; } .best-desc h4, .single-post-details .best-desc h4, .category-content .best-desc h4{ font-size:18px; margin:0px 0px 10px 0px; color:#00a896; line-height:25px; } .best-desc .fa-check-circle{ color:#00a896; } .best-desc .fa-times-circle{ color:#b8b8b8; } .best-desc p i{ margin-right:5px; font-size: 19px; } .best-desc p{ margin-bottom:15px; line-height:25px; } .small-btn{ padding:10px 20px; } .product-rating{ margin:10px 0 20px 0; } .product-rating i{ color:#fdcc08; font-size:20px; } .promo-box{ width:100%; display:inline-block; background:#00a896; background-size: cover; background-position: center; } .promo-overlay{ background:rgba(0, 168, 150, 0.7); padding:60px 50px; color:#fff; } .promo-overlay h3, .promo-overlay p{ color:#fff; text-shadow: 1px 1px 1px #008c7d; margin-bottom: 20px; } .promo-overlay p{ font-size: 1.25rem; } .white-btn{ color:#00a896 !important; background: #fff !important; } .white-btn:hover{ color:#fff !important; background: #222 !important; } .m-btn{ margin:20px 0; } .whatsNext{ margin:30px 0 0 0; border-top:8px solid #00a896; width:100%; display:inline-block; } .whatsNextContent{ border-bottom: 1px solid #e0e0e0; padding:20px 50px 20px 90px; display:inline-block; width:100%; box-sizing: border-box; position:relative; color:#222; } .whatsNextContent:before{ font-size:50px; color:#00a896; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:20px; top:10px; } .whatsNextContent.icon1:before{ content:"\f11e"; } .whatsNextContent.icon2:before{ content:"\f002"; } .whatsNextContent.icon3:before{ content:"\f277"; } .whatsNextContent:after{ font-size:25px; color:#00a896; display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; right:20px; top:33px; content:"\f061"; } .whatsNextContent:hover{ color:#222; background:#f4f4f4; } .text-inside{ font-size: 15px; text-transform: uppercase; color: #b8b8b8; margin:0px; } .single-post-details .text-inside p{ margin:0px; } .text-inside .bigText{ font-size: 19px; color: #222; text-transform: initial; margin:20px 0 0 0; } .infotable__item-title--address,.infotable__item-title--directions,.infotable__item-title--entry-euro,.infotable__item-title--hours{font-weight:600;} .infotable{clear:both;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin:30px 0;} .infotable__heading{-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 0;} @media screen and (min-width: 0px){ .infotable__heading{width:100%;} } @media screen and (min-width: 700px){ .infotable__heading{width:calc(20% - 20px);} } @media screen and (min-width: 0px){ .infotable__content{width:100%;} } @media screen and (min-width: 700px){ .infotable__content{width:100%;} } .info-title{ width:100%; padding-left:5px; padding: 4px 0 0 9px; border-top: 3px solid #00a896; border-bottom: 1px solid #e0e0e0; font-size:20px; color:#00a896; font-weight:600; } .infotable__item{padding:10px 0;border-bottom:1px solid #e0e0e0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;} .infotable__item-title--address,.infotable__item-title--directions,.infotable__item-title--entry-euro,.infotable__item-title--hours,.infotable__item-content{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;} .infotable__item-title--hours{ width:calc(30% - 10px); } .infotable__item-content{ width:calc(70% - 10px); } .infotable__item .infotable__item-title--directions i, .infotable__item .infotable__item-title--address i, .infotable__item .infotable__item-title--entry-euro i, .infotable__item .infotable__item-title--hours i{ font-size: 27px; color:#00a896; width:30px; height:30px; margin-right:10px; vertical-align: middle; } .infotable__content p{ line-height: 25px; vertical-align: middle; margin-top:auto; margin-bottom:auto; } .infotable__item-content{ margin-top:auto; margin-bottom:auto; vertical-align: middle; } .fa-facebook, .fa-twitter, .fa-pinterest, .fa-instagram{ font-family: 'Font Awesome 5 Brands'; font-weight: normal; } .latest-blog-widget .single-blog-item .post-date i.far { color: #00a896; margin-right: 10px; } .product{ margin-bottom:50px; } .single-post-details .post-meta i.fa, .single-post-details .post-meta i.far, .single-post-details .post-meta i.fas { color: #00a896; margin-right: 5px; } .single-post-details .post-meta span { margin-right: 10px; display:inline-block; } .single-post-details .post-meta span p { float:left; } .help-banner-content span{ margin:10px auto; } .help-banner-content span .fa-angle-double-right{ margin:0px 10px; } .mc4wp-form-fields{ width:100%; } .mc4wp-alert p{ margin:20px 0 0 0 !important; } .page-numbers{ display: inline-block; padding-left: 0; margin-bottom: 0; list-style: none; } .page-numbers li{ display: inline-block; } .page-numbers.dots{ border:none; } .sidebar-newsletter-small .col-md-8, .sidebar-newsletter-small .col-md-4{ flex: 100%; max-width: 100%; } .sidebar-newsletter-small{ padding:30px; } #sb_instagram #sbi_images .sbi_item{ margin-bottom:10px !important; } #sb_instagram #sbi_images{ margin-top:10px !important; } .sidebar-list li.child{ display:none; } .sidebar-list li.child a{ font-size: 14px; border-top:none; border-bottom:none; padding:0px 20px 10px 20px; } .sidebar-list li.child i{ margin:0px 10px; } li + li.child{ margin-top:-5px; } li.child + li.child{ margin-top:0px; } li.child + li.child a{ padding:0px 20px 20px 20px; } #toc{ box-shadow: 0px 0px 10px #ccc; padding:10px 15px 15px 15px; } #toc .mCSB_container{ margin-right:30px; } #toc.opened ul li.child { display: block; } .black-header .white-logo{ display:none; } #toc button{ margin:10px 0 0 0; color:#00a896; font-size:14px; font-weight: 600; width: 100%; } #toc button:hover{ color:#00a896; } #toc button i{ margin-left: 5px; } .instagram-feed{ margin-bottom: 30px; } .d-flex{ display: flex; } .comments-info p{ margin-bottom:5px; } .comments-info p.author{ margin-bottom:0px; } .comment-reply-title{ margin-top:20px; } .comment-footer p{ color:#222; } #comments{ margin-top:30px; } .comment-form-comment label{ display:none; } .form-input-item{margin-bottom:20px;} .form-input-item:last-child{margin-bottom:0;} .form-input-item input,.form-input-item textarea{background-color:#f4f4f4;border:none;display:block;outline:none;padding:20px 15px;width:100%;} .comment-area-wrapper h3{font-size:16px;margin-bottom:30px;} .single-comment-wrap, .child-comments{font-size:14px;line-height:1.6;margin-bottom:30px; color:#666;} .single-comment-wrap.comment-reply{margin-left:50px;} @media only screen and (max-width: 767.98px){ .single-comment-wrap.comment-reply{margin-left:20px;} } .single-comment-wrap .author-thumb{border-radius:3px;margin-right:15px;height:70px;max-width:70px;-ms-flex-preferred-size:70px;flex-basis:70px;overflow:hidden;} .single-comment-wrap .comments-info{margin-top:-4px;-ms-flex-preferred-size:calc(100% - 70px);flex-basis:calc(100% - 70px);} .single-comment-wrap .comment-footer a{font-size:12px;color:#00a896;} .single-comment-wrap .comment-footer a strong{color:#222222;} .comment-respond label{display:none;} .comment-form{text-align:left;float:left;width:100%;} .comment-form textarea{background-color: #f4f4f4; border: none;border-radius: 10px; display: block; outline: none; padding: 10px 16px; width: 100%;} .comment-form input{background-color: #f4f4f4; border: none;border-radius: 10px; display: block; outline: none; padding: 16px; width: 100%;} .comment-form-comment{border-radius: 10px;width:100%;float:left;} .comment-form-author{border-radius: 10px;margin-right:4%;width:48%;float:left;} .comment-form-email{border-radius: 10px;width:48%;float:left;} .comment-form input.submit{border-radius: 10px;float:left;width:100%;background:#00a896;color:#fff;cursor:pointer;padding:15px; margin:0px; font-weight:600; text-transform: uppercase; font-size: 14px;} .comment-form input.submit:hover{background:#398979;} .comment-form-comment,.comment-form-author,.comment-form-email{position:relative;margin-bottom:25px!important;} p:empty{display:none;} .single-comment-wrap .comment-footer a:hover{ color:#222; } .depth-2{ margin-left:5%; } .depth-3{ margin-left:10%; } .depth-4{ margin-left:15%; } .depth-5{ margin-left:20%; } .thread-even, .thread-odd{ border-bottom:1px solid #e7e7e7; margin-bottom: 35px; width:100%; } .intro-cat-description{ margin-bottom:50px; } .single-post-details ul li{ margin:0px 0px 10px 35px; list-style:none; } .single-post-details ul{ margin:0px; padding:0px 0px 0px 30px; margin-bottom:20px; list-style: none; position:relative; } .single-post-details ul li::before, .panel-group ul li::before{ content: "\2022"; color: #00a896; font-weight: bold; display: inline-block; width: 25px; font-size:30px; position:absolute; left:37px; line-height:25px; } .ordered-list { list-style: none; counter-reset: my-awesome-counter; padding:20px 30px 0px 30px; } .ordered-list > li, .ordered-list > div > div > div > li{ margin-bottom:10px; display:inline-block; counter-increment: my-awesome-counter; position: relative; padding-left:60px; width:100%; line-height:40px; } .ordered-list > li::before, .ordered-list > div > div > div > li::before{ content: counter(my-awesome-counter); font-weight: 600; left:0; top:0; position:absolute; border:2px solid #00a896; color:#00a896; border-radius:50%; width:40px; height:40px; line-height:37px; text-align:center; } .single-post-details .ul-style-1, .single-post-details .ul-style-2, .single-post-details .ul-style-3, .single-post-details .ul-style-4, .single-post-details .ul-style-5, .single-post-details .ul-style-6, .single-post-details .ul-style-7{ display:inline-block; width:100%; } .single-post-details .ul-style-1 li, .single-post-details .ul-style-2 li, .single-post-details .ul-style-3 li, .single-post-details .ul-style-4 li, .single-post-details .ul-style-5 li, .single-post-details .ul-style-6 li, .single-post-details .ul-style-7 li, .single-post-details .ul-style-standard li{ margin:0px 0px 15px 0px; padding-left: 35px; position: relative; } .panel-group .ul-style-1 li, .panel-group .ul-style-2 li, .panel-group .ul-style-3 li, .panel-group .ul-style-4 li, .panel-group .ul-style-5 li, .panel-group .ul-style-6 li, .panel-group .ul-style-7 li, .panel-group .ul-style-standard li{ margin:0px 0px 15px 0px; padding-left: 35px; position: relative; } .single-post-details .ul-style-1 li:before, .category-page-wrapper .ul-style-1 li:before, .panel-group .ul-style-1 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f059"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-2 li:before, .category-page-wrapper .ul-style-2 li:before, .panel-group .ul-style-2 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f05a"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-3 li:before, .category-page-wrapper .ul-style-3 li:before, .panel-group .ul-style-3 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f067"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-4 li:before, .category-page-wrapper .ul-style-4 li:before, .panel-group .ul-style-4 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f068"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-5 li:before, .category-page-wrapper .ul-style-5 li:before, .panel-group .ul-style-5 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f061"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-6 li:before, .category-page-wrapper .ul-style-6 li:before, .panel-group .ul-style-6 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f164"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-7 li:before, .category-page-wrapper .ul-style-7 li:before, .panel-group .ul-style-7 li:before{ font-size:23px; color:#00a896; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f00c"; position:absolute; top:3px; left:0px; } .single-post-details .ul-style-standard li::before, .category-page-wrapper .ul-style-standard li::before, .panel-group .ul-style-standard li:before{ font-size:30px; color:#00a896; margin-right:9px; vertical-align: sub; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f105"; font-weight:900; color: #00a896; position:absolute; top:3px; left:4px; } .big-checkbox, .single-post-details .big-checkbox{ list-style: none; padding:20px 30px 0px 30px; } .big-checkbox li, .single-post-details .big-checkbox li{ margin-bottom:10px; margin-left:0px; display:inline-block; position: relative; padding-left:60px; width:100%; line-height:40px; } .big-checkbox li::before, .single-post-details .big-checkbox li::before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f058"; font-weight: 900; left:0; top:0; position:absolute; color:#00a896; width:40px; height:40px; line-height:37px; text-align:center; font-size:40px; } .expand-show-hide, .collapse-show-hide{ color: #00a896; font-size: 15px; font-weight: 600; background:none; border:none; cursor:pointer; outline:none; outline:none; float:right; } .expand-show-hide:hover, .expand-show-hide:focus, .collapse-show-hide:hover, .collapse-show-hide:focus{ color:#000; outline:none; } .collapse-show-hide{ display:none; } .show-hide { border: 1px solid #ebebeb; width: 100%; padding: 10px 15px; border-radius: 5px; float: left; margin: 20px 0px; } .fancybox-figure img{ margin-bottom: 5px !important; } .fancybox-figure figcaption p{ color: #00a896; } .card-link{ text-decoration: none !important; } .fancybox-figure img, #main-content .fancybox-figure img{ border-radius: 10px 10px 0px 0px; margin-bottom: 0px !important; } #main-content .fancybox-figure figcaption, .fancybox-figure figcaption { background-color: rgba(0,0,0,.03); padding:8px 10px 10px 10px; border-radius: 0px 0px 10px 10px; } #main-content .fancybox-figure figcaption p, .fancybox-figure figcaption p { margin:0px; } .btn-brand:visited { color: white!important; } .btn-brand.white-btn:visited { color: #00a896 !important; } .btn-brand.white-btn:visited:hover { color: #fff !important; } .best-product p.price_aawp, .small-product p.price_aawp{ color: #00a896; font-weight: 700; font-size: 21px; text-align: left; width: 100%; margin: 20px 0px 0px 0px; } .small-product p.price_aawp{ margin: 0px 0px 15px 0px; } .single-post-details .procons .ul-style-3 li:before { content: "\f0fe"; } .single-post-details .procons .ul-style-4 li:before { color: #FF1300; content: "\f146"; } figure { position: relative; float: left; overflow: hidden; margin: 0; text-align: center; display:table; } figure img { position: relative; display: inline-block; min-height: auto; max-width: auto; display: table; } figure figcaption { padding: 10px; color: #00a896; background-color: rgba(0,0,0,.03); font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; display: table-caption; caption-side: bottom; } figure figcaption p, .single-post-details figure figcaption p{ line-height:18px; font-size:15px; text-align:left; margin-bottom:0px; } .single-post #content article figure figcaption p{ line-height:18px; font-size:14px; text-align:left; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure figcaption, figure figcaption > a { position: relative; bottom: 0; left: 0; width: 100%; } figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .alignleft {display: table; float: left;margin: 0 15px 15px 0;} .aligncenter {float:none; display: table; margin: 0 auto 15px auto; } .alignright {display: table; float: right; margin: 0 0 15px 15px; } .alignnone {float: none; display: table; margin: 0 0 15px 0; } p .alignleft {display: table; float: left; margin: 5px 15px 15px 0; } p .aligncenter { display: table; margin: 5px auto 15px auto; } p .alignright {display: table; float: right; margin: 5px 0 15px 15px; } p .alignnone { float: none; display: table; margin: 5px 0 15px 0; } .ml{ margin-left:15px; } .mr{ margin-right:15px; } .mb{ margin-bottom:20px; } .mt{ margin-top:20px; } .tablepress ul{ margin-bottom: 0px !important; } .tablepress ul br{ display: none; } .tablepress ul li{ text-align: left; } .tablepress th{ text-align:center !important; } .tablepress table{ width:100% !important; margin-bottom:1rem !important; color:#212529 !important; } .tablepress td,.tablepress th{ padding:8px !important; vertical-align:top !important; border-top:1px solid #dee2e6 !important; } .dataTables_scrollBody .tablepress thead th{ padding:0 8px !important; } .tablepress thead th{ vertical-align:bottom !important; border-bottom:2px solid #dee2e6 !important; } .tablepress tbody tr:nth-of-type(odd){ background-color:rgba(0,0,0,.05) !important; } .tablepress thead{ background:#00a896 !important; color:#fff; border:none !important; } .tablepress tbody tr:nth-of-type(odd){ background-color:#f4f4f4 !important; } .tablepress thead th{ border-bottom:0px !important; } .tablepress thead th { background-color: #00a896 !important; } .infotable, .whatsNext{ font-family: "Proza Libre", sans-serif; } .slicknav_nav .slicknav_row { padding: 10px 0px; margin:0px; } .off-canvas-responsive-menu .off-canvas-content-wrap .btn-close{ height:47px; width:47px; border-bottom: 1px solid #e7e7e7; } .slicknav_nav .slicknav_row:hover{ background: none; border-radius: 0; } .dkb{ background: #ff5769; color:#fff; padding:10px; margin:0 0 30px 0px; } .recommend{ margin-bottom: 5px; text-transform: uppercase; font-size: 14px; color: #feb6be; font-family: "Proza Libre", sans-serif; font-weight:500; } .dkb h4{ margin-bottom: 10px; margin-top: 5px; } .dkb img{ margin:0 0 10px 0px; } .dkb .ul-style-7{ display:inline-block; width:100%; margin:0px 0px 10px 0px; } .dkb .ul-style-7 li{ margin:0px 0px 10px 0px; padding-left: 25px; position: relative; font-size:15px; line-height:20px; } .dkb .ul-style-7 li:before { font-size:15px; color:#fff; margin-right:9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f00c"; position:absolute; top:3px; left:0px; } .dkb a.btn.btn-brand{ color:#fff; background:#c0414e; padding:10px 30px; width:100%; } .dkb a.btn.btn-brand:hover{ background:#222; } .footer_menu li{ display: inline; margin-right:10px; color: #aaaaaa; } .footer_menu li a{ color: #aaaaaa; } .footer_menu li a:hover{ color: #00a896; } .author_info_box{ background: #00a896; color:#fff; padding:20px; margin:0; display:inline-block; width: 100%; border-radius: 10px; } .author_info_box img{ border-radius: 50%; } .single-post-details .cate-list{ list-style: none; padding: 0; margin: 0; } .single-post-details .cate-list li{ margin: 0; } .single-post-details .cate-list li:before{ display:none; } .single-blog-post-wrap .best-product{ display:none; } .ac_results { background-color: #fff; border: 1px solid #00a896; display: none; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 10000; width: calc(90% + 10px); max-width: 1738px; box-sizing: border-box; left: 0px; } .ac_results li { color: #00a896; padding: 2px 5px; text-align: left; white-space: normal; } .ac_results li:hover { color:#fff; } .ac_over { background-color: #00a896; color:#fff; cursor: pointer; } .ac_match { text-decoration: underline; } .off-canvas-search-box { left: 0; } .comment-respond{ display: inline-block; margin-bottom:20px; width:100%; } .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 0px 0 30px 0; width: 100%; background: #00a896; text-align: center; cursor: pointer; font-style:normal; border-radius: 10px; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; width:100%; opacity: 0.8; } .grid figure figcaption { padding: 2em; color: #fff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; background-color: rgba(0,0,0,0.5); font-style: normal; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /*---------------*/ /***** Sadie *****/ /*---------------*/ figure.effect-sadie figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0,168,150,0) 0%, rgba(0,168,150,0.8) 75%); background: linear-gradient(to bottom, rgba(0,168,150,0) 0%, rgba(0,168,150,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0,50%,0); transform: translate3d(0,50%,0); } figure.effect-sadie h2 { position: absolute; top: 50%; left: 0; width: 100%; color: #fff; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,-50%,0); transform: translate3d(0,-50%,0); } figure.effect-sadie h2:before { content: "•"; vertical-align: bottom; margin: 0 5px; color: #00a896; } figure.effect-sadie h2:after { content: "•"; vertical-align: bottom; margin: 0 5px; color: #00a896; } figure.effect-sadie figcaption::before, figure.effect-sadie p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-sadie p { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); } figure.effect-sadie:hover h2 { color: #fff; } figure.effect-sadie:hover figcaption::before , figure.effect-sadie:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } .img-span{ width:60px; height:60px; display:inline-block; } .img-span img{ margin:0px; border-radius: 50%; float: left; } figure.effect-sadie.blog-post-details h2{ width: calc(100% - 60px); bottom: 50px; top: auto; margin-bottom: 0; text-align: left; padding:0 20px; font-size: 25px; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-sadie.blog-post-details h2:before, figure.effect-sadie.blog-post-details h2:after{ display:none; } figure.effect-sadie.blog-post-details p{ opacity:1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); padding:20px; } .grid figure.effect-sadie.blog-post-details img.blog-circle{ width:60px; height:60px; min-height: 60px; border-radius: 50%; position: absolute; bottom:20px; right:20px; opacity:1; } .single-post-details__header h1{ font-size: 32px; margin-bottom: 15px; font-weight:bold; } .row.grid{ margin-right: -15px; margin-left: -15px; } #landing-blog figure.effect-sadie.blog-post-details h2{ font-size:22px; } .video-container { overflow: hidden; position: relative; width:100%; margin-bottom:20px; } .video-container::after { padding-top: 56.25%; display: block; content: ''; position: absolute; } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #toc .sidebar-list li{ width:100%; } #toc .sidebar-list li a{ text-transform: none; padding:5px 0 10px 0; background:#fff; } #toc .sidebar-list li.child a{ padding-left: 30px; color: #757575; position:relative; } #toc .sidebar-list li.child a:hover,#toc .sidebar-list li.child a:hover:before{ color: #00a896; } #toc .sidebar-list li.child a:before{ color: #757575; margin-right: 9px; vertical-align: sub; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f068"; position: absolute; top: 8px; left: 8px; } #toc.fixed{ position:fixed; top:130px; max-width: 350px; } #toc .sidebar-list{ max-width: 350px; width:100%; max-height:calc(100vh - 220px ); overflow: hidden; } /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; width:100%; outline: none; direction: ltr; min-width:330px; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } *:focus {outline:none !important} /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: -6px; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ #toc .mCSB_outside + .mCSB_scrollTools{ right: 0px; } /* scrollbar position: inside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: auto; margin: 0 auto; -webkit-border-radius: 32px; -moz-border-radius: 32px; border-radius: 32px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 0px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 1; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.3); filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.50); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(0,0,0,0.6); filter: "alpha(opacity=60)"; -ms-filter: "alpha(opacity=60)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(../../../../../../../themes/planetbackpack/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .index-blog .sidebar-list{ margin-bottom:30px; } .mobile-toc-wrap{ width:100%; max-width:100%; overflow:hidden; height:60px; position:none; margin:0px; display:none; background:#00a896; padding:0px 20px; margin:0px; top:70px; flex-wrap: nowrap; display:flex; z-index:1000; } .mobile-toc{ line-height:50px; height:40px; flex-wrap: nowrap; display:flex; padding:0px; margin:0px; } .mobile-toc li{ list-style:none; margin:0px; width:auto; display:flex; white-space: nowrap; height:40px; padding:0px 20px; } .mobile-toc li a{ text-decoration:none; color:#fff; display:block; padding:0px; height:40px; opacity:0.7; } .mobile-toc li a.active{ font-weight: 600; opacity:1; } .mobile-toc li:first-of-type{ padding-left:0px; } .mobile-toc li:last-of-type{ padding-right:0px; } .mobile-toc-wrap .mCSB_scrollTools .mCSB_draggerContainer{ top:-4px; } .mobile-toc-wrap .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mobile-toc-wrap .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(255,255,255,0.6); } .mobile-toc-wrap .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: rgba(255,255,255,0.3); } .mobile-toc-wrap .mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,0.2); } #toc ul li.child a.active, #toc ul li a.active, #toc .sidebar-list li.child a.active:before{ color:#00a896; } /* #toc .sidebar-list li a.active{ -webkit-box-shadow:inset 5px 0px 0px 0px #00a896; -moz-box-shadow:inset 5px 0px 0px 0px #00a896; box-shadow:inset 5px 0px 0px 0px #00a896; } */ #toc .sidebar-list li:last-of-type a{ padding-bottom: 0; } .getyourguide{ margin-bottom:30px; position:relative; } .getyourguide-cover{ bottom:0px; left:0; width:100%; background:#fff; height:20px; position:absolute; } .report-container { border: 1px solid rgba(0, 168, 150, 0.1); padding: 20px 0px 36px 0px; width: 100%; margin: 0 0 30px 0; background-image: linear-gradient(to right, rgba(0, 168, 150, 0.2), rgba(0, 0, 0, 0.04)); position: relative; } .report-container h3{ font-size: 18px; color: #222; font-weight: 500; margin-bottom:7px; } .report-container .time p, .report-container .time-info p{ font-family: "Proza Libre", sans-serif; font-size: 14px; color:#00a896; margin-bottom:0px; } .report-container .time div, .report-container .time-info div{ font-size:15px; } .weather-icon { vertical-align: middle; margin-right: 20px; } .weather-forecast { font-size: 1.4em; font-weight: bold; } span.min-temperature { margin-left: 15px; color:#999; } span.max-temperature{ color:#00a896; } .time { line-height: 25px; float:left; } .icon-container{ width:100px; height:100px; background:#222; border-radius:50%; float:left; } .report-container img{ width:100px; filter:drop-shadow(0px 0px 20px rgba(0, 168, 150, 0.4)); -webkit-filter:drop-shadow(0px 0px 20px rgba(0, 168, 150, 0.4)); } .view-more-weather{ position:absolute; bottom:0px; margin-bottom: 0 !important; left:0px; width:100%; padding:5px 15px; box-sizing: border-box; font-size:13px; font-family: "Proza Libre", sans-serif; font-weight:500; text-transform: uppercase; color: #00a896; } .view-more-weather:hover{ background: #00a896; color: #fff; cursor: pointer; } .view-more-weather i{ margin-left: 10px; font-size: 25px; vertical-align: sub; } .view-more-weather.active i{ -webkit-transform: rotate(180deg); /* Chrome and other webkit browsers */ -moz-transform: rotate(180deg); /* FF */ -o-transform: rotate(180deg); /* Opera */ -ms-transform: rotate(180deg); /* IE9 */ transform: rotate(180deg) } .report-container-extended-wrap{ display:none; width:100%; margin-top:30px; } .report-container-extended.row{ margin:0px; } .report-container-extended-wrap.active{ display:block; } .report-container-extended { width:100%; border-bottom: 1px solid rgba(0, 168, 150, 0.2); } .report-container-extended:first-of-type { border-top: 1px solid rgba(0, 168, 150, 0.2); } .report-container-extended img{ width:50px; margin:10px 20px 10px 0; } .report-container-extended .time{ line-height: 70px; } .report-container-extended .weather-forecast { font-size: 1.1em; line-height: 70px; } .report-container-extended .time{ color:#666; } .report-container-extended .time.time-green{ color:#00a896; } .top_products{ width:100%; display:inline-block; margin:0px 0px 10px 0px; } .single_top_product{ margin:0px 0px 20px 0px; background-color: #fff; box-shadow: 0px 30px 60px rgba(136, 143, 161, 0.3); border-radius: 10px; border: 0; transition: 0.3s all ease-out; position: relative; padding-bottom:0px; } .single_top_product .number{ position:absolute; left:-10px; top:17px; width:45px; height:30px; background:#3F454D; color:#fff; font-size:15px; line-height:30px; border-top-right-radius:5px; border-bottom-right-radius:5px; z-index: 100; } .single_top_product .number:before{ content:""; width:0; height:0; border-top:10px solid #21262D; border-left:10px solid transparent; position:absolute; left:0px; bottom:-10px; } @media only screen and (max-width: 992px){ .single_top_product .number{display:none;} } @media only screen and (max-width: 992px){ .single_top_product .number{display:none;} } .single_top_product .number{ font-size:18px; font-weight:bold; line-height:32px; color:#FFFFFF; width:45px; height:30px; display:flex; justify-content:center; align-items:center; } .single_top_product:first-of-type .number{ background: #00a896; } .single_top_product:first-of-type .number:before { border-top: 10px solid #008c7d; } .single_top_product h3, .single-post-details .single_top_product h3 { font-size: 21px; margin: 0px 0px 0px 0px; padding:20px 0 20px 35px; text-align: left; color:#3F454D; width:auto; } .single_top_product .product-rating{ margin-top: 20px; margin-bottom: 0px; text-align: right; float:right; } .single_top_product h4, .single-post-details .single_top_product h4{ font-size: 16px; margin: 0px 0px 10px 0px; color: #00a896; line-height: 20px; text-align: right; } .single_top_product .btn:after { content: "\f101"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-left: 5px; } .single_top_product .btn{ padding: 10px; margin:0 0 0px 0; float:right; font-size:13px; } .single_top_product p.price_aawp { color: #00a896; font-weight: 700; font-size: 19px; text-align: left; width: 100%; margin: 15px 0px 20px 0px; padding:0px; } .single_top_product p { margin-bottom: 15px; line-height: 20px; font-size:15px; position:relative; padding-left:30px; } .single_top_product .fa-check-circle { color: #00a896; position:absolute; left:0px; top:1px; } .single_top_product p i { margin-right: 5px; font-size: 19px; } .error-page-bg { height: 100%; } @media only screen and (min-width: 768px) and (max-width: 991.98px) { .error-page-bg { height: 600px; } } @media only screen and (max-width: 767.98px) { .error-page-bg { height: 300px; } } .hv-100 { height: 100vh; } @media only screen and (min-width: 768px) and (max-width: 991.98px), only screen and (max-width: 767.98px) { .hv-100 { height: auto; } } .error-page-bg.bg-img{ background: #fff no-repeat center center; background-size: contain; } .span8{ width:66%; } .span9{ width:75%; } .span10{ width:83%; } .text-highlight { color:#fff;background:#00a896; padding: .25em .5em; } .fulldiv.no_align img{ margin-bottom:15px; } .macy{ margin:10px 0 20px 0; display: inline-block; width: 100%; } #breadcrumb ol{ margin:0px; font-size:16px; list-style:none; padding:0px; text-align:left; } #breadcrumb ol li{ display:inline; } #breadcrumb ol a{ color:#fff; text-decoration:none; } #breadcrumb ol a:hover{ color:#F0F3BD; } #breadcrumb ol i{ color:#F0F3BD; } #breadcrumb ol a.no_link{ font-weight:normal; cursor:auto; pointer-events:none; } .breadcrumbs.breadcrumbs-left ol{ margin:0px; font-size:16px; list-style:none; padding:0px; text-align:left; } .breadcrumbs.breadcrumbs-left ol li{ display:inline; } .breadcrumbs.breadcrumbs-left ol li:nth-last-child(2) i, #breadcrumb ol li:nth-last-child(2) i{ display: none; } .center-content{ margin: 0 auto; } .packing_list{ margin:20px 0px; display: inline-block; } .single-post-details .box.packing_list .cart-products li::before{ display:none; } .box.packing_list .amazon-cart-form{ margin:0px; padding: 10px 10px 0px 10px; width:100%; box-sizing: border-box; } .box.packing_list .cart-products{ margin: 0px; padding: 0px; } .box.packing_list ul li{ margin:0px; padding:0px 0px 10px 0px; width:100%; display:inline-block; margin-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .box.packing_list ul li a{ display:inline-block; width:100%; } .box.packing_list img{ max-width:200px; max-height:200px; height:auto; margin: 0 auto; text-align:center; } .box.packing_list .img_wrap{ width:200px; height:200px; margin: 0 auto; text-align:center; float:left; background: #fff; } .box.packing_list .content_wrap{ width:calc(100% - 200px); float:right; box-sizing: border-box; padding-left:15px; line-height: 24px; } .box.packing_list .icon:hover .info ul li p { color: #222} .box.packing_list .icon:hover .info ul li p.price_aawp { color: #00a896 } .box.packing_list p.price_aawp { color: #00a896; font-weight: 700; font-size: 21px; text-align: left; width: 100%; margin:0px 0px 10px 0; } .box.packing_list .product-rating{ margin:10px 0px; } .box.packing_list p{ font-size:16px; font-family: "Open Sans", sans-serif; margin-bottom:20px; } .box.packing_list p.packing_list_title{ font-size:20px; font-family: "Proza Libre", sans-serif; } .box.packing_list p.packing_list_title:hover{ color: #00a896; } .add-to-cart{ margin:10px 0; color: #fff; background: #ccc; cursor: pointer; padding: 8px 45px 8px 15px; margin: 0px; font-weight: 600; text-transform: uppercase; font-size: 13px !important; display:inline-block; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative; } .add-to-cart:hover{ background:#00a896; color:#fff; } .box.packing_list .icon-cart{ margin-top:0px; } .box.packing_list .icon:hover .info ul li p.add-to-cart{ color:#fff; } .add-to-cart.active{ background:#00a896; color:#fff; } .selected-items{ display:none; } .add-to-cart:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; right: 0; top: 0; color: #fff; content: "\f07a"; width: 35px; height: 100%; font-size: 16px; padding-top: 8px; } .add-to-cart.active:after { content: "\f00c"; } .selected-items{ text-align: center; } .selected-items:hover,.selected-items:visited, .selected-items:active { color:#fff; } .streaming_icons{ margin: 20px 0 0 0; border-top:1px solid #e7e7e7; padding-top:15px; display:inline-block; width:100%; text-align: center; } .streaming_icons .icon-wrap{ display : inline-block; height:40px; width:auto; margin:10px 15px 10px 15px; } .streaming_icons .icon-wrap img.icon1{ height:27px; } .streaming_icons .icon-wrap img.icon2{ height:35px; } .streaming_icons .icon-wrap img.icon3{ height:38px; } .streaming_icons .icon-wrap img.icon5{ height:35px; } .streaming_icons .icon-wrap img.icon6{ height:37px; } .streaming_icons .icon-wrap img.icon7{ height:30px; } .streaming_icons .icon-wrap img.icon8{ height:33px; } .streaming_icons .icon-wrap img.icon10{ height:30px; } .streaming_icons .icon-wrap img.icon11{ height:25px; } .streaming_icons p{ text-transform: uppercase; font-weight:bold; font-family: "Proza Libre", sans-serif; font-size:15px; padding:0px !important; color: #3F454D; margin-bottom:5px !important; } .single-post-details h2{ margin-top:25px; width: 100%; } .single-post-details h3{ margin-top:20px; display:inline-block; width: 100%; } .single-post-details h4{ margin-top:20px; width: 100%; } .single-post-details .alert-block ul li { margin: 0px 0px 10px 25px !important; } .single-post-details .alert-block ul li { margin: 0px 0px 10px 25px !important; } .single-post-details .alert-block ul li::before, .panel-group .alert-block ul li::before{ left: 5px; } .single-post-details .collapsible h4{ margin:0px !important; } .category-content h2{ margin-top:20px; width: 100%; } .category-content h3{ margin-top:20px; width: 100%; } .category-content h4{ margin-top:20px; width: 100%; } .category-content h4.panel-title{ margin-top:0px; } .category-content{ display: inline-block; width: 100%; } .small-product { background: rgba(0, 0, 0, 0.04); float: left; width: 100%; padding: 0px 15px 20px 15px; margin: 30px 0 20px 0; text-align: center; box-sizing: border-box; position: relative; border: 5px solid #00a896; border-radius: 10px; } .best-desc .small-product-title{ font-size: 17px; margin: 0px 0px 10px 0px; color: #00a896; line-height: 25px; font-weight:600; } .small-product .m-btn{ margin:10px 0px 0 0; float: left; } .small-product img.mobile_logo{ display:none; } .small-product .row{ margin-top: -20px; } #load-more-container{ margin-bottom: 30px; } button.btn-read-more { color: #00a896; font-weight: 600; font-size: 15px; text-transform: uppercase; display: inline-block; vertical-align: middle; text-align: left; width: 100%; } button.btn-read-more:hover i { padding-left: 10px; } button.btn-read-more i { font-weight: 700; font-size: 20px; padding-left: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; vertical-align: middle; } .summary_box{ margin:20px 0px 20px 0; display:inline-block; background: #fff; padding:20px; box-sizing:border-box; width:100%; border-radius: 20px; border: 1px solid #ddd; } .summary_box h4{ font-size:23px; margin: 0px; color:#00a896; line-height:30px; padding-right:40px; } .summary_box h4:before { content: '\f15c'; font-family: "Font Awesome 5 Free"; font-size:23px; font-weight: 900; margin-right: 10px; } .summary_box hr{ background:#00a896; margin-top:15px; } .summary_title_box{ position:relative; } .summary_title_box .fa-times, .summary_title_box .fa-angle-down{ position:absolute; right:0; top:4px; font-size:23px; color:#00a896; cursor: pointer; } .summary_title_box .fa-times{ display:block; } .summary_title_box .fa-angle-down{ display: none; font-size:30px; } .summary_title_box.closed .fa-angle-down{ display: block; } .summary_box .small-product{ border:1px solid #00a896; } #breadcrumb.category_breadcrumb ol li:nth-last-child(2) i { display: inherit; margin-right:0; } #breadcrumb.category_breadcrumb .small_margin{ margin:0 5px; } .basic_category_links{ margin:0 0 20px 0px; -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; -webkit-column-gap: 30px; column-gap: 30px; -moz-column-gap: 30px; } .basic_category_links li { line-height: 24px; } .basic_category_links li a{ padding: 0px 0px 0px 20px !important; margin: 10px 0 0 0 !important; width: 100%; position:relative; display:inline-block; } .basic_category_links li a:before { font-size: 14px; vertical-align: sub; font-family: "Font Awesome 5 Free"; content: "\f068"; position: absolute; top: 0px; left: 0px; font-weight:bold; } .category-page-wrapper figure.effect-sadie.blog-post-details h2{ font-size:20px; } .featured_categry_image{ width:100%; display: inline-block; margin:0px 0px 20px 0px; } .category-page-wrapper .category-content ul, .category-page-wrapper .category-content ul li::before{ line-height:25px; } .category-page-wrapper .ul-style-1, .category-page-wrapper .ul-style-2, .category-page-wrapper .ul-style-3, .category-page-wrapper .ul-style-4, .category-page-wrapper .ul-style-5, .category-page-wrapper .ul-style-6, .category-page-wrapper .ul-style-7{ display:inline-block; width:100%; } .category-page-wrapper .category-content .ul-style-1 li, .category-page-wrapper .category-content .ul-style-2 li, .category-page-wrapper .category-content .ul-style-3 li, .category-page-wrapper .category-content .ul-style-4 li, .category-page-wrapper .category-content .ul-style-5 li, .category-page-wrapper .category-content .ul-style-6 li, .category-page-wrapper .category-content .ul-style-7 li, .category-page-wrapper .category-content .ul-style-standard li{ margin:0px 0px 15px 0px; padding-left: 35px; position: relative; } .category-page-wrapper .category-content .ul-style-1, .category-page-wrapper .category-content .ul-style-2, .category-page-wrapper .category-content .ul-style-3, .category-page-wrapper .category-content .ul-style-4, .category-page-wrapper .category-content .ul-style-5, .category-page-wrapper .category-content .ul-style-6, .category-page-wrapper .category-content .ul-style-7, .category-page-wrapper .category-content .ul-style-standard { margin: 0px; padding: 0px 0px 0px 30px; list-style: none; position: relative; } .category-page-wrapper .ul-style-1 li:before{ top:1px; } .category-page-wrapper .ul-style-2 li:before{ top:1px; } .category-page-wrapper .ul-style-3 li:before{ top:1px; } .category-page-wrapper .ul-style-4 li:before{ top:1px; } .category-page-wrapper .ul-style-5 li:before{ top:1px; } .category-page-wrapper .ul-style-6 li:before{ top:1px; } .single-post-details .ul-style-7 li:before, .category-page-wrapper .ul-style-7 li:before{ top:1px; } .single-post-details .ul-style-standard li::before, .category-page-wrapper .ul-style-standard li::before{ top:1px; } .blockquote--2 p{ margin-bottom:0px; } .row.grid.general_row{ padding-bottom:0px; } .category-content .row.grid.general_row + br + h2{ margin-top:0px; } #back-to-top { display: inline-block; background-color: #00a896; width: 40px; height: 40px; text-align: center; position: fixed; bottom: 0px; right: 0px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 10000; } #back-to-top::after { content: "\f077"; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-size: 20px; line-height: 40px; color: #fff; font-weight: bold; } #back-to-top:hover { cursor: pointer; background-color: #008c7d ; text-decoration:none; } #back-to-top:active { background-color: #008c7d; } #back-to-top.show { opacity: 1; visibility: visible; } .single-post-details .table_of_contents_blog + h2{ margin-top:10px; } .single-post-details .alert-info-icon + h3{ margin-top:10px; } .single-post-details .ul-style-1 + h3, .single-post-details .ul-style-2 + h3, .single-post-details .ul-style-3 + h3, .single-post-details .ul-style-4 + h3, .single-post-details .ul-style-5 + h3, .single-post-details .ul-style-6 + h3{ margin-top:0px; } .single-post-details .ul-style-1 + h2, .single-post-details .ul-style-2 + h2, .single-post-details .ul-style-3 + h2, .single-post-details .ul-style-4 + h2, .single-post-details .ul-style-5 + h2, .single-post-details .ul-style-6 + h2{ margin-top:0px; } .single-post-details .collapsible-wrap + h3, .single-post-details .collapsible-wrap + h2{ margin-top:0px; } a:not([href]):not([tabindex]) { cursor: pointer; } .box.hiring > .icon > .info{ padding-bottom: 30px; } .box.hiring{ margin-bottom: 25px; display: inline-block; } .box.hiring img{ margin:30px 0px; } .box.hiring > .icon > .info > h2.title{ font-size:35px; margin-top:30px; } .box.hiring > .icon:hover > .image{ background:#00a896 } .box.hiring .btn{ margin-top:10px; } .Autor-in, .Outreach{ display:none; margin-top:20px; } .pros-before:before{ display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:0; content:"\f058"; color:#00a896; font-size:19px; } .cons-before:before{ display:inline-block; font-style:normal; font-variant:normal; text-rendering:auto; -webkit-font-smoothing:antialiased; font-family:"Font Awesome 5 Free"; font-weight:900; position:absolute; left:0; top:0; content:"\f057"; color:#b8b8b8; font-size:19px; } .pros-before, .cons-before{ padding-left:30px; position:relative; } .no-mobile-break .col-md-6{ width:50%; } .single-post-details .no-mobile-break .col-md-6 ul li:last-of-type{ margin-bottom: 0px; } .single-post-details ul ul { margin-top:25px; } .packliste .author-header.author-header-category{ text-align:left; display: inline-block; width: 100%; margin:20px 0; } .packliste .author-header.author-header-category p { text-align:left; font-size: 18px; line-height: 26px; font-family: "Proza Libre", sans-serif; margin: 0; } .packliste .author-header.author-header-category p.author-desc { float: left; color: #fff; width: 100%; font-size: 17px; margin-bottom: 15px; font-family: "Open Sans", sans-serif; text-align: left; color: #F0F3BD; } .packliste .author-header.author-header-category img { border-radius: 50%; width: 60px; max-width: 60px; height: auto; float: left; margin-left: -15px; } .box.hiring.hiring_small { background: rgba(0, 0, 0, 0.04); border: 1px solid #e0e0e0; padding: 0 20px 20px 20px; } .box.hiring.hiring_small h2.title{ color:#00a896; font-size:25px; font-weight:600; } .box.hiring.hiring_small .btn{ padding:10px 20px; } .box.hiring.hiring_small p { font-size: 15px; color: #666; line-height: 1.5em; margin: 0 0 15px 0; } .box.hiring.hiring_small p:hover,.box > .icon:hover > .info > p{ color: #666; } .box.hiring.hiring_small img{ margin:30px 0 0 0; } p:empty + .ul-style-1, p:empty + .ul-style-2, p:empty + .ul-style-3, p:empty + .ul-style-4, p:empty + .ul-style-5, p:empty + .ul-style-6{ margin-top:20px; } p:empty + .blockquote--2{ margin-top:20px; } .tablepress.custom-tablepress-header thead{ display:none; } .tablepress-table-description { background-color: #00a896 !important; font-weight: 700; color:#fff; font-size:17px; display:inline-block; padding: .75rem; } .slick-slider.slider-captions{ margin-bottom:20px; } .green + p:empty { display: block; } .uagb-blockquote__icon-wrap{ margin-top:-40px; } #breadcrumb ol li.hidden{ display:none; } .breadcrumbs.breadcrumbs-left ol li.hidden{ display:none; } a{ color: #00a896; text-decoration: none; background-color: transparent; } .single-post-details .panel-collapse ul{ margin-top:20px; } .blue-btn{ background:#00a896; border:1px solid #008c7d; color:#fff !important; border-radius:4px; padding:20px 24px; margin-right:15px; display:inline-block; text-decoration:none !important; margin:10px 20px 15px 0px; text-decoration:none; } .blue-btn:hover{ background:#008c7d; text-decoration:none; color:#fff; } .small-btn{ text-transform:uppercase; padding:10px; font-size: 15px; margin-right:0px; font-weight:600; cursor:pointer; } .finder-form{ display:inline-block; width:100%; background: #f3f3f3; padding: 30px 30px 15px 30px; margin: 0 0 20px 0; /* border-top: 3px solid #00a896; */ text-align:center; position:relative; border-radius: 10px; } .finder-form #tab2, .finder-form #tab3, .finder-form #tab4, .finder-form #tab5, .finder-form #tab6, .finder-form #tab7, .finder-form #tab8{ padding-bottom: 55px; } .finder-form .navbar{ min-height: 1px; margin-bottom:5px; opacity:0; position:absolute; } .finder-form #bar{ opacity:1; } .finder-form .nav-pills>li>a{ display:none !important; color: #101820; background:none; font-size: 16px; line-height: 20px; padding:0px; margin:0px; } .finder-form .nav-pills>li+li { margin-left: 0px; } .finder-form .nav-pills>li>a.active,.finder-form .nav-pills>li>a.active:focus,.finder-form .nav-pills>li>a.active:hover{ display:block; background:none; color: #101820; font-size: 16px; line-height: 20px; padding:0px; margin:0px; } .finder-form img{ margin:30px auto 30px auto; max-width:100%; width:500px; height:auto; } .single-post #content article .finder-form p{ margin-bottom:0px; } p.step-finder-name, .single-post p.step-finder-name, .single-post #content article p.step-finder-name, h2.step-finder-name{ font-weight: 700; font-style: normal; color: #101820; margin: 10px 0px 20px 0px; font-size:30px; line-height:43px; padding:0; } h2.step-finder-name, #main-content h2.step-finder-name{ margin: 40px 0 20px 0px; } #tab1 .blue-btn{ margin-bottom: 30px; } .bigbox{ width: 100%; line-height:24px; margin:0px 0 30px 0; color: #fff; padding: 20px 10px; font-size:18px; border:none; outline:none; cursor:pointer; vertical-align:middle; font-weight:normal; text-align: center; border-radius: 10px; background: #00a896; display: grid; min-height: 86px; align-items: center; word-break: break-word; } .bigbox:hover{ background-color: #008c7d; } .bigbox .next{ display: none; } p.step-finder-desc, .single-post p.step-finder-desc{ font-size:18px; line-height:26px; max-width:100%; width:100%; text-align:center; display:inline-block; margin:10px 0 20px 0; } .checkbox-container-wrap{ display: inline-block; width: 100%; } /* The container */ .checkbox-container { display: inline-block; width:auto; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 18px; font-weight:400; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Hide the browser's default checkbox */ .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } /* Create a custom checkbox */ .checkmark { position: absolute; top: 4px; left: 0; height: 25px; width: 25px; background-color: #ccc; } /* On mouse-over, add a grey background color */ .checkbox-container:hover input ~ .checkmark { background-color: #00a896; } /* When the checkbox is checked, add a blue background */ .checkbox-container input:checked ~ .checkmark { background-color: #00a896; } /* Create the checkmark/indicator (hidden when not checked) */ .checkmark:after { content: ""; position: absolute; display: none; } /* Show the checkmark when checked */ .checkbox-container input:checked ~ .checkmark:after { display: block; } /* Style the checkmark/indicator */ .checkbox-container .checkmark:after { left: 9px; top: 5px; width: 8px; height: 12px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .finder-form .check-holder{ margin:20px 0px 0 0; width:100%; display:inline-block; text-align:left; } .blog-content .finder-form .check-holder, .category-content .finder-form .check-holder{ width:80%; } .radio-checkmark{ display:none; } .finder-form .btn:before{ display:none; } .finder-products{ width:100%; float:left; margin:0 0 30px 0; } .email_results { background: #f3f3f3; padding:30px 30px 15px 30px; margin-bottom: 40px; } .email_results_title, #main-content p.email_results_title{ text-decoration: none; color: #00a896; font-family: Open Sans,Helvetica,Arial,sans-serif; font-size: 27px; font-weight: 300; line-height: 32px; margin-bottom:7px; } .email_results .btn{ float:right; margin-top:10px; padding:1em 1.5em !important; letter-spacing:1px; font-size:13px; text-transform:uppercase; font-weight:600; border-radius:30px; } .selected_products_holder{ margin:10px 0 30px 0px; display:inline-block; width:100%; } .selected_finder_product{ display:inline-block; width:100%; border:2px solid #f0f0f0; box-sizing:border-box; margin:0px 0px 20px 0px; padding:20px; position:relative; } #main-content .selected_finder_product p.product-title{ font-size: 25px; margin: 0; } #main-content .selected_finder_product p.product-title a, #main-content .selected_finder_product .test-link{ text-decoration: none; } .selected_finder_product .row_price span { color: #00a896; } .selected_finder_product:first-of-type{ border:2px solid #00a896; } .selected_finder_product img:not(.selected_finder_product .buttons_with_images img){ width:100%; height:auto; max-width:100%; padding:10px; } .selected_finder_product .buttons_with_images{ margin: 20px 0; } .selected_finder_product table img{ max-width:150px; padding:0px; margin:0; } .selected_finder_product .product-title{ line-height: initial; } .selected_finder_product .product-title a{ color: #101820; text-decoration:none; margin-top:0px; display:inline-block; width:100%; line-height: initial; } .selected_finder_product .product-title a:hover{ color: #101820; text-decoration:none; } .selected_finder_product .product-rating{ margin:0 0 15px 0; } .selected_products_holder .email_results_title{ margin-bottom:20px; } .selected_products_holder .table-compare{ margin-bottom:10px; } .red-text, #main-content p.red-text{ color:#c01313; margin:0 0 8px 0; width:100%; font-size:1em; padding-left: 23px; position: relative; line-height: 22px; } .green-text, #main-content p.green-text{ color:#00a896; margin:0 0 8px 0; width:100%; font-size:1em; padding-left: 23px; position: relative; line-height: 22px; } .red-text, #main-content p.red-text i{ position: absolute; left: 0; top: 1px; } .green-text, #main-content p.green-text i{ position: absolute; left: 0; top: 1px; } #main-content .tabs p.green-text, .tabs p.green-text, #main-content .tabs p.red-text, .tabs p.red-text{ padding-left: 30px; } .tabs p.red-text i.fa-times-circle{ color:#c01313; } #main-content .tabs p.red-text i, .tabs p.red-text i{ top: -1px; } #main-content .tabs p.green-text i, .tabs p.green-text i{ top: -1px; } #navigation .dropdown-menu{ z-index:100000; } .selected_finder_product .badge-at{ display:none; } .selected_finder_product:first-of-type .badge-at{ display:inline-block; position:absolute; left:10px; top:10px; margin:0px; } .finder-form .moemablog{ font-size:18px; padding:1em 2em !important; border-radius:30px; } .hidden_experts_review1, .hidden_experts_review2, .hidden_experts_review3{ display:none; } .visable_experts_review1 button, .visable_experts_review2 button, .visable_experts_review3 button{ color: #2F92C4; text-decoration:none; border:none; background:none; padding:0; margin:0px; } .visable_experts_review1 button:hover, .visable_experts_review2 button:hover, .visable_experts_review3 button:hover{ text-decoration:underline; } .camera-finder-wrap{ padding-top:0px !important; } .author-review{ background: #f3f3f3; padding: 30px 40px 30px 90px; margin: 50px 20px 50px 100px; border-radius: 0 85px 85px 85px; position: relative; display:inline-block; } .author-review .pic{ width: 190px; height: 190px; line-height: 200px; border-radius: 50%; border: 14px solid #f3f3f3; position: absolute; top: -15px; left: -100px; overflow: hidden; } #main-content .author-review .pic img{ margin:0px; border-radius: 50%; vertical-align: top; } .author-review .author-review-title{ display: inline-block; width: 100%; float: left; font-size: 20px; line-height:27px; font-weight: 500; font-family: "Raleway",Helvetica,Arial,sans-serif; letter-spacing: 0.5px; padding: 28px 20px; margin: 0; } .author-review .author-review-title small{ display: block; font-size: 14px; margin-top: 8px; text-transform:none; } .author-review .author-review-description { display: inline-block; width: 100%; font-size: 15px; letter-spacing: 0.5px; margin-bottom: 0; padding: 28px 0 28px 28px; position: relative; } .author-review .author-review-description p:first-of-type:before{ content: "\f10d"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; left: 10px; font-size: 20px; color: rgba(0,0,0,0.5); } .author-review .author-review-description p:last-of-type:after{ content: "\f10e"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: rgba(0,0,0,0.5); position: absolute; bottom: 5px; } .camera-finder-wrap .author-review{ margin:50px 0 30px 100px; } .camera-finder-wrap .author-review-title{ font-weight:400; } .step-finder-desc.desc-max-width{ max-width:100%; margin:-10px 0 20px 0; } .camera-finder-wrap .author-review .author-review-title{ display: inline-block; width: 100%; float: left; padding: 28px 20px; font-size: 18px; line-height: 26px; margin: 0px; position:relative; font-family: Open Sans, Arial; } .camera-finder-wrap .author-review .author-review-title p:first-of-type:before { content: "\f10d"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 0; left: 10px; font-size: 20px; color: rgba(0,0,0,0.5); } .camera-finder-wrap .author-review .author-review-title p:last-of-type, #main-content .camera-finder-wrap .author-review .author-review-title p:last-of-type{ margin-bottom:0px; } .camera-finder-wrap .author-review .author-review-title p:last-of-type:after { content: "\f10e"; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 20px; color: rgba(0,0,0,0.5); position: absolute; bottom: 0; } .camera-finder-wrap .author-review small { display: block; font-size: 14px; margin-top: 0; text-transform: none; letter-spacing: 0.5px; padding: 0 20px; } .camera-finder-wrap .btn:focus, .camera-finder-wrap .btn:active{ color:#fff !important; } .step-finder-name.step-finder-name-smaller{ font-size: 25px !important; line-height: 35px !important; } .questions{ display:none; } #finderForm .pager li.next { text-align: center; } ::marker{ content: ''; } #tab1 .pager.wizard { margin:0; } .pager.wizard li, .blog-content .pager.wizard li{ margin:0px; } .pager.wizard li:before, .blog-content .pager.wizard li:before{ display:none; } .pager.wizard li.zuruck{ display: inline-block; position:absolute; cursor: pointer; left: 30px; bottom: 20px; } .pager.wizard li.weiter{ display: inline-block; position:absolute; cursor: pointer; right: 30px; bottom: 20px; } .pager.wizard li.zuruck:before{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f30a"; color: #00a896; margin-right: 8px; font-size: 50px; position: absolute; left: 2px; bottom: 0px; width: auto; font-weight: bold; line-height: 80px; } .pager.wizard li.weiter:after{ display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Free"; content: "\f30b"; color: #00a896; margin-right: 8px; font-size: 50px; position: absolute; right: -6px; bottom: 0px; width: auto; font-weight: bold; line-height: 80px; } .tab-content .pager { display: inline-block; width: 100%; margin:20px 0 0 0; padding: 0px; position: initial; } i.fa-question-circle { color: #00a896; } .bigbox i.fa-question-circle { color: #fff; } h2 i.fa-question-circle { font-size: 23px; } .tooltip_custom { display: inline; position: relative; z-index: 999; } .tooltip_custom-item { cursor: pointer; display: inline-block; padding:2px 0px 0px 0px; } .tooltip_custom-item::after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tooltip_custom:hover .tooltip_custom-item::after { pointer-events: auto; } .tooltip_custom-content { position: absolute; z-index: 9999; width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; box-shadow: -5px -5px 15px rgba(48,54,61,0.2); background: #2a3035; opacity: 0; cursor: default; pointer-events: none; line-height:18px !important; font-style:italic !important; } .tooltip_custom-effect-5 .tooltip_custom-content { width: 300px; margin-left: -150px; -webkit-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -webkit-transform: rotate3d(0,0,1,15deg); transform: rotate3d(0,0,1,15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); } .tooltip_custom:hover .tooltip_custom-content { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } .tooltip_custom-content::after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #2a3035; border-width: 10px; margin-left: -10px; } .tooltip_custom-text { display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; font-size:13px; text-align:center; } .tooltip_custom-effect-5 .tooltip_custom-text { padding: 1.4em; } .tooltip_custom-effect-5 .tooltip_custom-text a{ color: #fff; text-decoration: underline; } .tooltip_custom-effect-5 .tooltip_custom-text a:hover{ color: #fff; text-decoration: none; } .tooltip_custom-text a { font-weight: bold; } .progress-bar { background-color: #00a896; height: 1.5rem; } .progress{ height: 1.5rem; } .submit-button{ position: absolute; right:30px; bottom: 10px; } .page-template-page-Finder #main-content{ padding-top: 0; } .email_results .blue-btn.small-btn{ float: right; margin-top: 15px; } .badge-at { background: #00a896; border-radius: 3px; color: #fff; font-size: 13px; padding: 3px 5px; z-index: 1; display: inline-block; position: absolute; left: 10px; top: 10px; margin: 0px; } #main-content .selected_finder_product img.attachment-post-thumbnail{ margin: 0px; padding:0; } #main-content .selected_finder_product .buttons_with_images img{ margin: 0; padding:0; } .small-finder { background: rgba(0, 0, 0, 0.04); float: left; width: 100%; padding: 15px; margin: 20px 0; text-align: center; box-sizing: border-box; position: relative; text-align: left; } #main-content .small-finder img{ margin:0px; } #main-content .small-finder h3, .small-finder h3{ font-size: 21px; margin: 0px 0px 15px 0px; } .small-finder-title, #main-content p.small-finder-title, .single-post-details p.small-finder-title{ font-size: 17px; margin: 0px 0px 10px 0px; color: #00a896; line-height: 25px; font-weight:600; } .small-finder .proscons_div{ width: 100%; display: inline-block; } .small-finder .pros { width: auto; margin-right: 15px; } .small-finder .pros i{ margin: 5px 10px 0px 0; } #main-content .small-finder .pros p{ margin: 0; width: auto; } .form-control:focus { box-shadow: none; border: 1px solid #ced4da; } .bf-slider p.save{ margin-bottom: 0px !important; } .tabs{ border:none; padding:0px; } .ui-widget.ui-widget-content{ border:none; } .ui-tabs .ui-tabs-nav { margin: 0; background: none; border: none; padding:0px; } .ui-tabs .ui-tabs-panel{ padding: 10px 0em 0 0 ; border-top: 1px solid #c5c5c5; } .small-product-title{ margin:0px; color:#00a896; font-weight: bold; font-size: 18px; } .selected_finder_product .small-btn{ width: 100%; margin: 20px 0 0 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #c5c5c5; background: #c5c5c5; font-weight: normal; color: #000; } .ui-state-active a, .ui-state-active a:link{ color: #000 !important; } .intro-boxes{ margin: 0 -15px 10px; } .intro-boxes p{ margin-bottom: 5px; } .intro-boxes i, .table i{ color: #00a896; font-size:22px; vertical-align: text-bottom; } .intro-boxes i.fa-times-circle, .table i.fa-times-circle{ color: #c5c5c5; } .intro-boxes i.fa-info-circle, .table i.fa-info-circle{ font-size: 1em; vertical-align: baseline; } .selected_finder_product .table td { vertical-align: middle; width: 50%; } .selected_finder_product .table th { vertical-align: top; width: 50%; } .selected_finder_product .table{ margin-bottom: 0; } .table .no-padding-bottom{ padding-bottom: 0; } .finder-tag{ position: relative; display: inline-block; } .intro-boxes p span{ margin-right: 20px; } .small-finder .fa-check-circle{ color: #00a896; } .single-post-details .collapsible-wrap button h3, .collapsible-wrap button h3{ color:#008c7d; font-weight: 600; font-family: "Open Sans", sans-serif; font-size: 17px; line-height: 1.8; margin:0px; } .single-post-details .collapsible-wrap .collapsible.active h3{ color:#222; } .leggings_slider{ display: inline-block; width:100%; margin:0 -5px 20px -5px; } .leggings_slide{ padding:40px 20px 80px 20px; background-color: #f4f4f4; margin: 0 5px; text-align:center; position:relative; } .leggings_slide span{ position: absolute; left:0px; top:10px; font-size: 13px; color:#fff; background:#00a896; padding:4px 10px; text-align: left; } .leggings_slide span::after{ content: ""; position: absolute; border-left: 16px solid transparent; border-right: 16px solid transparent; border-bottom: 16px solid #00a896; transform: rotate(90deg); right: -24px; top: 8px; } .leggings_slider .slick-dots .slick-active button{ background: #00a896; } .single-post-details .leggings_slider .slick-dots li:before{ display: none; } .leggings_slider .slick-dots li button{ background: #ddd; width: 35px; height: 5px; border-radius: 0px; } .leggings_slide p{ line-height:22px; margin: 10px 0; color:#222; font-weight:bold; font-family: "Proza Libre", sans-serif; font-size: 18px; } .leggings_slide p.price{ margin: 20px 0 0px 0; color:#00a896; font-weight: bold; font-size: 15px; font-family: "Open Sans", sans-serif; } .leggings_slider .slick-dots, .single-post-details .leggings_slider .slick-dots{ margin-top:20px; } .leggings_slider .slick-track { display: flex !important; } .leggings_slider .slick-slide { height: inherit !important; } .leggings_slider .fa-angle-right.slick-arrow{ top:40%; right:-25px; color:#00a896; } .leggings_slider .fa-angle-left.slick-arrow{ top:40%; left:-25px; color:#00a896; } .leggings_slider .fa-angle-right.slick-arrow:hover, .leggings_slider .fa-angle-left.slick-arrow:hover{ color:#222; } .leggings_slider small{ color:#222; line-height: 20px; margin: 10px 0 0 0; display: inline-block; font-style: italic; } .leggings_slider a.btn.btn-brand{ padding:10px; width: calc(100% - 40px); background: #00a896; margin:15px 0 0 0; position: absolute; bottom:20px; left:20px; } .leggings_slider a.btn.btn-brand:hover{ background: #ff5769; } .leggings_slide span.Blue{ background-color: rgb(10,132,255); } .leggings_slide span.Blue::after{ border-bottom-color: rgb(10,132,255); } .leggings_slide span.Yellow{ background-color: rgb(255,214,10); } .leggings_slide span.Yellow::after{ border-bottom-color: rgb(255,214,10); } .leggings_slider img{ max-width: 80%; margin: 0 auto; } .single-post-details .small-product ul.ul-style-5, .small-product ul.ul-style-5{ margin:0px; padding:0px; } .single-post-details .small-product ul.ul-style-5 li, .small-product ul.ul-style-5 li{ margin: 0px 0px 5px 0px; padding-left: 30px; } .single-post-details .small-product ul.ul-style-5 li:before, .small-product ul.ul-style-5 li:before{ font-size: 20px; } .single-post-details .small-product ul.ul-style-5 li, .small-product ul.ul-style-5 li:last-of-type{ margin-bottom: 0px; } .single-post-details .small-product .col-xl-7, .small-product .col-lg-7{ padding-right: 0px; } .single-post-details .small-product .small-btn, .small-product .small-btn{ padding: 10px 25px; color: #fff; } .single-post-details .small-product .small-btn:focus, .small-product .small-btn:focus{ color:#fff; } .hide_first_row thead{ display: none; } .category-page-wrapper .category-content .small-product ul.ul-style-5{ padding-left: 0px; } .single-post-details .post-meta p{ margin-bottom: 5px; } .fact_checked_by{ text-align: left; padding: 0px 13px 2px 12px; border-radius: 20px; background: #00a896; color:#fff; font-size: 15px; font-style: italic; } .fact_checked_by .tooltip_custom-content{ text-align: center; } .fact_checked_by p, .single-post-details .fact_checked_by p{ margin-bottom: 0; } .single-post-details .post-meta .fact_checked_by i.fas{ color: #fff; } .single-post-details .post-meta .fact_checked_by span { margin-right: 0px; } .single-post-details .post-meta .fact_checked_by span p{ float:none; } .single-post-details .post-meta .fact_checked_by span.img-span{ margin-right: 0px; float: none; display: inline-block; margin:20px auto 0px; } .single-post-details .post-meta span{ vertical-align: middle; } .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content { width: 600px; margin-left: -300px; } .single-post-details .post-meta span p.no-float, p.no-float{ float: none; } .streaming_box{ width:100%; display: inline-block; margin:0 0 20px 0; border: 3px solid #00a896; padding:15px; } .single-post-details .streaming_box h4, .streaming_box h4{ margin-top: 10px; } .streaming_providers a{ display: inline-block; width: 100%; } .streaming_box h3{ margin: 10px 0; } .streaming_p{ margin-bottom:10px !important; } .streaming_box h5{ margin: 0px 0 20px 0; font-size: 17px; border-bottom: 2px solid #ccc; padding-bottom: 20px; } .streaming_box .row{ margin-right: 0px !important; } .flags img{ width:45px; height:45px; margin: 0 0px 10px 0; display: inline-block; } .flags, .streaming_providers{ width:100%; display: inline-block; margin-bottom:10px; } .streaming_providers{ text-align: center; } .streaming_providers img{ width:auto; height:auto; margin: auto 0; display: inline-block; text-align: center; max-height: 50px; } .streaming_providers img.apple{ max-height: 45px; } .streaming_providers img.disney, .streaming_providers img.paramount, .streaming_providers img.zee5{ max-height: 70px; } .streaming_providers img.stan{ min-height: 35px; } .streaming_providers img.starz{ max-height: 30px; } .streaming_providers img.hulu, .streaming_providers img.now{ max-height: 35px; } .streaming_providers img.prime{ min-height: 60px; } .streaming_box.streaming_box_new { padding: 6px 15px 15px 15px; border-radius: 10px; } .streaming_box.streaming_box_new header{ display: inline-block; margin: -6px -15px 15px -15px; padding: 15px; background:#f4f4f4; width: calc(30px + 100%); border-radius: 10px 10px 0 0; } .streaming_box.streaming_box_new header img{ float: right; } .streaming_box.streaming_box_new h3{ margin:0 0 15px 0; } .streaming_box.streaming_box_new header h4{ margin:15px 0 0 0; color:#00a896; } .streaming_box.streaming_box_new header h5{ margin:6px 0 0 0; padding-bottom: 0px; border:none; font-size: 22px; } .streaming_box.streaming_box_new header .row{ margin-right:-15px !important; } .streaming_box.streaming_box_new .btn.btn-brand.small-btn.m-btn{ margin:0px !important; } .vpn-info{ display: inline-block; width: 100%; margin:15px 0 0 0; } .vpn-info h4{ font-size: 22px; } .vpn-info ol{ padding:0 0 0 5px; } .vpn-info li::marker{ content:unset; } .vpn-info img{ margin:10px 0 0 0; } .streaming_box.streaming_box_new .flags a, .streaming_box.streaming_box_new .flags .a_wrap{ display: inline-block; text-align: center; width:20%; } .streaming_box.streaming_box_new .flags a img, .streaming_box.streaming_box_new .flags .a_wrap img{ display: inline-block; width: 100%; } .streaming_box.streaming_box_new span{ font-size: 13px; line-height: 15px; display: table-caption; color:#222; float:left; width:100%; } .alert-block .alert-alert-icon .ul-style-5{ padding-left: 0px; } .single-post-details .alert-block .alert-alert-icon .ul-style-5 li:before{ color: #ff9500; } .alert-block .alert-alert-icon:before{ margin-bottom: 10px; } .wp-block-gallery-17{ display: flex !important; flex-wrap: wrap !important; float:none !important; } code{ color: #e83e8c !important; } .ordered-list li ul li::before { border:none !important; } #baguetteBox-slider figure{ float: none; } .blue-btn.small-btn{ padding: 10px !important; } #baguetteBox-overlay .full-image{ display: flex; align-items: center; justify-content: center; } #baguetteBox-overlay .full-image figure{ display: flex; max-height: 80vh; vertical-align: middle; flex-direction: column-reverse; justify-content: center; } #baguetteBox-overlay .full-image figcaption{ margin-bottom: 0; position: relative; font-size: 16px; line-height: 22px; } .baguetteBox-button#close-button, .baguetteBox-button#close-button:hover{ background: none; } .baguetteBox-button#close-button svg g{ stroke:#00a896; } .wp-block-image figcaption{ margin-top: 0px; margin-bottom: 0; font-size: 15px; text-align: left; } .wp-block-image{ margin-bottom: 20px; } a.mb + p { margin-top: 20px; } .single-post-details .summary_block ul.ul-style-1 li:last-of-type, .single-post-details .summary_block ul.ul-style-1, .single-post-details .summary_block ul.ul-style-2 li:last-of-type, .single-post-details .summary_block ul.ul-style-2, .single-post-details .summary_block ul.ul-style-3 li:last-of-type, .single-post-details .summary_block ul.ul-style-3, .single-post-details .summary_block ul.ul-style-4 li:last-of-type, .single-post-details .summary_block ul.ul-style-4, .single-post-details .summary_block ul.ul-style-5 li:last-of-type, .single-post-details .summary_block ul.ul-style-5, .single-post-details .summary_block ul.ul-style-6 li:last-of-type, .single-post-details .summary_block ul.ul-style-6, .single-post-details .summary_block ul.ul-style-7 li:last-of-type, .single-post-details .summary_block ul.ul-style-7 { margin: 0 !important; } .category .collapsible-wrap button h3 { color:#fff; } .category .collapsible-wrap button .collapsible-content br{ display: none; } .author_url{ font-size: 17px !important; } .full-width-btn{ width: 100%; } .top-products-block .btn-brand:hover{background-color:#3A917F!important;} .top-products-block .single_top_product .btn:after{display:none;} .top-products-block .single_top_product .btn{width:100%; font-size: 15px;margin-bottom: 20px;} .top-products-block .single_top_product h4,.single-post-details .single_top_product h4{ text-align: left; } .top-products-block .single_top_product .product-rating{ text-align: left !important; width: 100%; margin-bottom: 10px; } .vertical-flex{ flex-wrap: wrap; align-content: center; display: flex; } .row-grow-wrap{ display: flex; flex-direction: column; } .row-grow{ flex-grow: 1; margin-bottom: 20px !important; } .top-products-block .row-grow p{ width: 100%; } #footer.footerNew p{ color: #aaa; font-size: 16px; } #footer.footerNew h5{ font-size: 17px; margin-bottom: 15px; font-weight: 600 !important; line-height: 25.4px; } #footer.footerNew img{ margin-bottom: 15px; } #footer.footerNew ul{ margin: 0px 0 20px 0 !important; padding: 0px; font-size: 16px; } #footer.footerNew ul li{ margin-bottom: 5px; } #footer.footerNew ul li a{ color: #aaa; font-size: 16px; } #footer.footerNew ul li a:hover{ color: #00a896; } .row-border{ border-top: 1px solid #3d3d3d; width: 100%; display: inline-block; padding:15px 0 0 0; } #footer.footerNew .col-md-4.center{ text-align: center; } #footer.footerNew p a{ color: #aaa; margin-left: 30px; } #footer.footerNew p a:hover{ color: #00a896 !important; } #footer.footerNew p.float-left{ margin-bottom: 0px !important; } #footer.footerNew p.float-right{ float: right; margin-bottom: 0px !important; } .sitemap-wrap{ margin-top: 50px; } .sitemap-wrap h2{ font-size:25px; } .sitemap-wrap ul{ padding:0px 30px 0 0; list-style:none; margin:0px; } .sitemap-wrap ul li{ margin: 0px; } .sitemap-wrap ul li ul.children{ margin: 0px; padding:0px; } .sitemap-wrap ul li:before{ display: none; } .sitemap-wrap ul li a{ text-decoration:none; color:#757575; padding:0px; margin-bottom:10px; display:block; } .sitemap-wrap ul li a:hover{ text-decoration:none; color:#00a896; } .sitemap-wrap .wsp-category-title, .sitemap-wrap ul li:empty{ display:none; } .plugin_sitemap{ max-height: 620px; overflow: hidden; } .single-post-details .plugin_sitemap ul ul{ margin:0px; } .plugin_sitemap h4{ margin-top:0px; } .hidden_desctop{ display: none; } .post-template-credit-cards-post .single-post-details__header h1{ color:#00a896; font-size: 35px; font-weight: 600; } .post-template-credit-cards-post .breadcrumbs.breadcrumbs-left ol > :not(.hidden):nth-last-child(2) a{ color:#00a896 !important; } .post-template-credit-cards-post .breadcrumbs.breadcrumbs-left { margin: 0px 0 10px 0; } .post-template-credit-cards-post .breadcrumbs.breadcrumbs-left ol li a { font-size: 13px; } .post-template-credit-cards-post .single-subtitle { font-size: 20px; line-height: 28px; font-weight: 600; } .post-template-credit-cards-post .single-post-details .post-meta a{ text-decoration: underline; margin:0px; } .post-template-credit-cards-post .single-post-details .post-meta a:hover{ text-decoration: none; } .post-template-credit-cards-post .author-box_wrap { border: 1px solid #ebebeb; width: 100%; padding: 18px; border-radius: 5px; float: left; margin-bottom: 20px; } .post-template-credit-cards-post .author-box { margin-bottom: 20px; flex-grow: 0; /* Do not grow beyond content width */ flex-shrink: 0; /* Optional: Prevent shrinking */ display: flex; flex-direction: row; } .post-template-credit-cards-post .single-post-details .img-span{ width: auto; height: auto; display: flex; flex-direction: row; flex-grow: 0; flex-shrink: 0; margin:0px; } .post-template-credit-cards-post .single-post-details .img-span img{ width: 50px; height: 50px; margin-right: 10px; } .meta_content_wrap p{ width: 100%; } .post-template-credit-cards-post .fact_checked_by{ float: left; width: auto; } .summary_content_box ul + p{ margin-top: 20px; } .single-post-details .summary_content_box ul, .single-post-details .summary_content_box ul li:last-of-type{ margin-bottom: 0; } .post-template-credit-cards-post .single-post-details .img-span img.top-products-block ol{ padding: 0px; } .post-template-credit-cards-post .fact_checked_by{ display: inline !important; float: none !important; padding: 0 !important; border-radius: 0px !important; background: none !important; font-style: normal !important; color: #222 !important; font-size: 15px !important; } .post-template-credit-cards-post .single-post-details .author-box_wrap P{ font-size: 15px !important; } .post-template-credit-cards-post .single-post-details .post-meta span{ vertical-align: initial; } .post-template-credit-cards-post .single-post-details .post-meta .fact_checked_by i.fas{ color: #00a896 !important; margin-left: 10px; } .redaktion{ font-size: 15px !important; color: #00a896 !important; line-height: 1.5; vertical-align: middle; } .post-template-credit-cards-post .fact_checked_by span.tooltip_custom { display: inline !important; } .post-template-credit-cards-post .author_url { font-size: 15px !important; } .product-vpn-block { margin: 0px 0px 20px 0; display: inline-block; background: rgba(0, 0, 0, 0.04); padding: 51px 20px 20px 20px; box-sizing: border-box; width: 100%; position: relative; border-radius: 10px; } .vpn-title{ padding: 10px 20px; background: #00a896; color: #fff; position: absolute; margin:0 !important; text-align: center; display: inline-block; font-size: 18px; width: 100%; top: 0; left: 0; text-transform: uppercase; font-weight: 600; border-radius: 10px 10px 0 0; } .single-post-details .product-vpn-block .col-lg-8 p, .product-vpn-block .col-lg-8 p { margin-bottom: 15px; line-height: 17px; } .product-vpn-block .col-lg-8 p.green{ margin:15px 0 30px 0; font-weight: 600; } .product-vpn-block .col-lg-8 a{ text-decoration: underline; } .product-vpn-block .col-lg-8 a:hover{ text-decoration: none; } .product-vpn-block .col-lg-4{ border-right: 1px solid #b8b8b8; } .product-vpn-block .col-lg-4 span{ font-weight: bold; } .product-vpn-block .product-rating{ margin:0px; } .single-post-details .product-vpn-block .col-lg-6 p{ margin-bottom: 5px; } .product-vpn-block .cons-before:before{content:"\f056";top:-1px;} .product-vpn-block .pros-before:before{top:-1px;} .wp-block-image img{ border-radius: 10px 10px 0 0; } .wp-block-image figcaption{ border-radius: 0px 0px 10px 10px; } .cli-bar-btn_container{ margin-top: 20px !important; } .single-post-details .top_products p:last-child{margin-bottom:20px;} .product-vpn-block .col-lg-4.col-md-12 a{ display: inline-block; width: 100%; text-align: center; } .product-vpn-block .col-lg-4.col-md-12 img{max-width:50%;} .author-left{ display: flex; flex-direction: row; } .editor-right{ display: flex; flex-direction: row; } .editor-border{ border-left: 1px solid #888; display: flex; padding: 0 20px 0 0; margin-left: 20px; } .post-template-credit-cards-post .single-post-details .post-meta p.author-name{ margin-bottom: 0px !important; } .post-template-credit-cards-post .single-post-details .author-box_wrap p.position, p.position{ color:#888; font-size: 14px !important; line-height: 1.5 !important; } .author-name{ line-height: 1.5 !important; } .speaker-info a, .row.remove-desktop a{ color: #fff !important; text-decoration: underline !important; } .speaker-info a:hover, .row.remove-desktop a:hover{ color: #fff !important; text-decoration: none !important; } .author_info_box_wrap{ background: rgba(0, 0, 0, 0.04); padding: 30px; border-radius: 10px; display: inline-block; margin-top: 30px; } .single_update_content{ display: inline-block; margin-bottom: 20px; } .single_update_wrap{ border-bottom: 1px solid #757575; margin-bottom: 30px; } .less_updates, .more_updates{ cursor: pointer; margin-bottom: 20px; } .hidden_content{ display: none; } .less_updates{ display: none; } .single_update_wrap i { font-size: 30px; color: #00a896; position: relative; top: 5px; margin-right: 5px; } .less_updates:hover, .more_updates:hover{ color: #00a896; } .speaker-info p{ font-size: 15px !important; } .remove-desktop{ display: none; } .counter-block{ display: inline-block; width: 100%; } .count_box_single{ background-color: #00a896; padding: 20px; border-radius: 10px; color: #fff; margin: 0 0 20px 0; flex: 1; } .counter-block .col-md-3, .counter-block .col-md-4, .counter-block .col-md-6, .counter-block .col-md-12{ display: flex; } .count_box_single h3{ color: #fff; font-size: 35px; margin: 0; } @media (min-width: 1600px) { .col-desktop-3 { float: left; } .col-desktop-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } @media (max-width: 1200px) { .mCustomScrollBox { min-width: auto; } .infotable__item-title--hours{ width:calc(35% - 10px); } .infotable__item-content{ width:calc(65% - 10px); } .category-page-wrapper figure.effect-sadie.blog-post-details h2{ font-size:20px; } .selected_finder_product:first-of-type .badge-at { position: relative; left: 10px; top: 0; } .single-post-details .small-product ul.ul-style-5 li, .small-product ul.ul-style-5 li{ padding-left: 0px; } .single-post-details .small-product .col-xl-7, .small-product .col-lg-7{ padding-left: 0px; } } @media only screen and (max-width: 1000px){ .packliste .author-header img{ float: none; margin-left: auto; margin-right: auto; display: inline-block; } .single-post-details__header h1{ font-size: 2rem; } .packliste .author-header p{ width:100%; } .logo-wrap img{ max-width:150px; } #toc.fixed{ position:static; } #toc .sidebar-list { max-width: 100%; } p.step-finder-name, .single-post p.step-finder-name, .single-post #content article p.step-finder-name, h2.step-finder-name{ padding: 0; } p.step-finder-desc, .single-post p.step-finder-desc{ width: 100%; } .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content { width: 400px; margin-left: -200px; } } @media only screen and (max-width: 960px){ .green-banner h2, .green-banner p, .autor-info, .cl-effect-10{ text-align: left; } .post-template-product-single-post .green-banner h2, .post-template-product-single-post .green-banner p, .post-template-product-single-post .autor-info, .post-template-product-single-post .cl-effect-10{ text-align: center; } .green-banner nav a { text-align: left; } .green-banner img { text-align: left; float:none; width:100%; margin: 0 auto; } .ac_results { width: 90%; } .ui-tabs .ui-tabs-nav li{ margin:0px; width: 100%; border-radius: 0px; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor{ width: 100%; } .intro-boxes { margin: 20px -15px 10px; } .camera-finder-wrap .author-review { margin: 90px 0 30px; border-radius: 40px; padding: 100px 40px 30px 40px; } .author-review .pic { position: absolute; top: -85px; left: 0; right: 0; margin: 0 auto; } .camera-finder-wrap .author-review .author-review-title{ text-align: center; } .ui-tabs .ui-tabs-panel{ border-bottom: 1px solid #c5c5c5 !important; border-left: 1px solid #c5c5c5 !important; border-right: 1px solid #c5c5c5 !important; padding-top: 0; padding-top: 20px; } .ui-state-active a, .ui-state-active a:link{ color: #000 !important; } .tabs .table tr:first-child th, .tabs .table tr:first-child td{ border-top: none; } } @media only screen and (max-width: 991px){ .small-product img.mobile_logo{ display:inline-block; width:200px; max-width: 100%; } article .table_of_contents_blog ol, .table_of_contents_blog ol { padding: 20px 10px 20px 10px; } .small-product .best-desc p.pros-before, .small-product .best-desc p.cons-before{ text-align: left; margin-left: 40px; margin-right: 40px; } .small-product img.desctop_logo{ display:none; } .small-product .best-desc{ text-align: center; } .small-product .m-btn{ float: none; margin:10px auto; } .single-post-details .small-product ul li, .small-product ul li{ margin-left:0px; } .single-post-details .small-product ul li::before, .small-product ul li::before{ display:none; } .small-product .product-rating{ margin-top: 0xp; } .category-page-wrapper .category-content .small-product ul.ul-style-5, .category-page-wrapper .category-content .small-product ul.ul-style-5 li{ padding-left: 0px; } .product-intro-block img{ margin-bottom: 20px; } .single-post-details .product-intro-block p, .product-intro-block p{ line-height: 22px; } .product-vpn-block .col-lg-4{ border-right: none; } } @media only screen and (max-width: 768px){ .blog-post-details h4{ margin-top:20px; } .sidebar-newsletter.sidebar-newsletter-wide{ padding:20px; } .sidebar-newsletter.sidebar-newsletter-wide h3{ margin-top:0px; } .sidebar-newsletter.sidebar-newsletter-wide .btn-brand{ margin-top:20px; } .report-container-extended .time { line-height: 30px; } .report-container-extended img { margin: 0px 20px 0px 0; } .report-container{ text-align:center; } .report-container-extended .weather-forecast{ line-height:40px; } .report-container-extended.row{ padding: 10px 0; } .report-container img{ width:60px; margin-bottom:10px; } .report-container { padding: 20px 0px 60px 0px; } .single_top_product img{ margin:0 0 20px 0; } .single_top_product .product-rating, .single_top_product h4 { text-align:left; } .single_top_product .product-rating{ margin:20px 0 15px 0; text-align: right; } .single_top_product .btn { float:left; } .single_top_product .col-md-3.mx-auto{ text-align: center; } .single_top_product p.price_aawp{ margin-top:10px; } .single_top_product h3{ padding: 20px 0 20px 0px; text-align: center; } .box.packing_list .img_wrap { width: 100px; height: 100px; } .box.packing_list img { max-width: 100px; max-height: 100px; } .box.packing_list .content_wrap { width: calc(100% - 100px); } .infotable__item{ width:100%; display:inline-block; } .infotable__item span{ width:100%; display:inline-block; } .category-page-wrapper figure.effect-sadie.blog-post-details h2{ font-size:25px; } .fancybox-figure.mr{ margin-right:0px !important; } .fancybox-figure.ml{ margin-left:0px !important; } .mobile-width-100{ width:100% !important; height:auto !important; } .single_top_product h4, .single-post-details .single_top_product h4 { font-size: 17px; margin: 10px 0px 20px 0px; line-height: 22px; text-align: left; } .box.hiring.hiring_small{ text-align: center; } .box.hiring.hiring_small img, .box.hiring img{ max-width: 70%; } p.step-finder-desc, .single-post p.step-finder-desc{ max-width: 100%; } h2.step-finder-name, #main-content h2.step-finder-name{ line-height: 32px; } .selected_finder_product:first-of-type .badge-at { left: 00px; } #main-content .selected_finder_product img.attachment-post-thumbnail{ padding-left: 0px; } .selected_finder_product .product-title a{ margin-top: 20px; } .fact_checked_by { text-align: left; margin-top:10px; } /* .single-post-details .post-meta .fact_checked_by span.img-span{ margin-right:14px; float: left; } */ .streaming_box.streaming_box_new header{ text-align: center; } .streaming_box.streaming_box_new header img{ float: none; margin-top: 15px; } .streaming_box .row{ margin-right: -15px !important; } .streaming_box.streaming_box_new h3{ text-align: center; margin-top:15px; } .flags{ text-align: center; } .streaming_box.streaming_box_new{ text-align: center; } .streaming_box.streaming_box_new .col-md-2, .vpn-info{ text-align: left; } .vpn-info img { width: 200px; text-align: left; } .vpn-info ol { padding: 25px 0 0 20px; } .streaming_box.streaming_box_new span { font-size: 14px; line-height: 20px; } .streaming_box.streaming_box_new .flags a, .streaming_box.streaming_box_new .flags .a_wrap { width: 33%; margin-bottom: 20px; } .single_top_product img { margin: 0; max-width: 200px; } .row-grow .mx-auto{ text-align: center; } .top-products-block .single_top_product .product-rating{ margin: 0px !important; } #footer.footerNew .col-md-4.mb-4:first-of-type{ text-align: center; } #footer.footerNew .col-md-6{ width: 50% !important; } #footer.footerNew h5{ font-size: 15.5px; } #footer.footerNew .col-md-4:first-of-type h5{ margin: 25px 0 15px 0 !important; } #footer.footerNew p { margin:0 0 35px 0 !important; font-size: 14.5px !important; } #footer.footerNew p.float-left, #footer.footerNew p.float-right { width: 100%; float: none; text-align: center; margin:10px 0 !important; } #footer.footerNew ul li { font-size: 14.5px !important; } #footer.footerNew ul { margin: 0px 0 60px 0 !important; } #footer.footerNew p a{ margin: 0 15px !important; } .hidden_desctop{ display: inline-block; } .col-md-4.vertical-flex .product-rating, .col-md-4.vertical-flex h4{ display: none; } .col-md-4.vertical-flex .hidden_desctop .product-rating, .col-md-4.vertical-flex .hidden_desctop h4{ display: inline-block; } .post-template-credit-cards-post .author-box{ flex-direction: column; } .editor-border{ display: none; } .post-template-credit-cards-post .single-post-details .img-span{ width: 85px; position: relative; } .post-template-credit-cards-post .single-post-details .img-span .main_author_image{ position: absolute; left: 0px; bottom: -5px; z-index: 10; } .post-template-credit-cards-post .single-post-details .img-span .editor_image{ position: absolute; right: 0px; top: -10px; } .remove-mobile{ display: none; } .remove-desktop{ display: inline-block; margin-top: 15px; } .remove-desktop p{ font-size: 15px !important; } .author_info_box .col-10{ align-items: center; display: flex; } .author_info_box .col-10 h5{ margin-bottom: 0px !important; } .post-template-credit-cards-post .author-box_wrap { padding: 15px; } } @media only screen and (max-width: 600px){ .amazon-cart-form{ width:100%; padding:0 20px; box-sizing: border-box; } .cart-products li { font-size: 18px; } .dosdonts{ display:inline-block; } .dosdonts .col-md-6{ margin-bottom: 30px; } .infotable__item-content{ margin-top:20px; } .infotable__heading { border-bottom: 2px solid #00a896; padding:5px 0; } .twocolumns{ -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0px; column-gap: 0px; -moz-column-gap: 0px; } .search-box-wrapper { top: 140px; } .ac_results li{ border-bottom: 1px solid #ccc; } .basic_category_links{ -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 0px; column-gap: 0px; -moz-column-gap: 0px; } .ordered-list { padding: 10px 0px 0px 0px; } .ordered-list li{ line-height: inherit; margin-bottom:25px; } .single-post-details ul { padding: 0px 0px 0px 0px; } .single-post-details .collapsible-content ul { padding: 0px 0px 0px 30px; } .best-product { padding: 0px 20px 10px 20px; } .author_info_box .col-2{ padding: 0px 0 0 10px; } .leggings_slide{ padding: 40px 20px 20px 20px; } .leggings_slider a.btn.btn-brand{ padding:10px; width: 100%; background: #00a896; margin:15px 0 0 0; position: static; } .leggings_slider .fa-angle-right.slick-arrow { right: 20px; } .leggings_slider .fa-angle-left.slick-arrow { left: 20px; } .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content { width: 380px; margin-left: -190px; display: none; } .single-post-details ul li::before{ left:13px; } .single-post-details .product-vpn-block .col-lg-8 p, .product-vpn-block .col-lg-8 p { line-height: 23px; } .product-vpn-block .col-lg-8 p.green { margin: 10px 0 20px 0; } .collapsible-block .collapsible { padding: 20px 45px 20px 20px; } .post-template-credit-cards-post .single-post-details .post-meta span.fact_checked_by{ float: left !important; width: 100%; margin: 5px 0px; } .post-template-credit-cards-post .single-post-details .post-meta .fact_checked_by i.fas{ margin-left: 0px; margin-right: 3px; } .post-template-credit-cards-post .single-post-details .post-meta i.fa.fa-heart, .post-template-credit-cards-post .single-post-details .post-meta i.far.fa-heart, .post-template-credit-cards-post .single-post-details .post-meta i.fas.fa-heart { margin-right: 4px; } } @media only screen and (max-width: 576px){ .mobile-toc-wrap{ position:fixed; } .sidebartoc{ display:none; } .box > .icon{ margin-bottom:20px; } .category .speaker-member-wrap { margin-bottom: 0px; } .icon-boxes{ margin: 20px 0 0px 0; } .finder-form .col-xs-6{ width:100% !important; } .finder-form{ padding-bottom:30px; } p.step-finder-name{ font-size: 23px; line-height: 33px; } .selected_finder_product .table tbody tr{ border:none; } .selected_finder_product .custommoema{ margin-bottom:20px !important; } .camera-finder-wrap .author-review .author-review-title{ text-align:left; } .camera-finder-wrap .author-review small{ margin-top:10px; display:inline-block; } p.step-finder-desc, .single-post p.step-finder-desc{ max-width:100%; } .finder-form .tooltip_custom.tooltip_custom-effect-5.active .tooltip_custom-content{ display:block; } #finderForm .pager .bigbox li.next { display: none; } .bigbox i.fa-question-circle, h2 i.fa-question-circle{ display: none; } .tab-content .pager { margin:0; } #main-content h2.step-finder-name, h2.step-finder-name{ line-height:30px; margin: 20px 0 20px 0; } .finder-form .check-holder, .blog-content .finder-form .check-holder, .category-content .finder-form .check-holder{ width: 100%; } .finder-form .checkbox-container-wrap .tooltip_custom.tooltip_custom-effect-5.active .tooltip_custom-content{ position: relative; width: 100%; margin:5px 0 20px 0; left: 0; transform: none; opacity: 1; } .finder-form .checkbox-container-wrap .tooltip_custom-content::after{ bottom:100%; top: unset; border-bottom-color: #2a3035; border-top-color: transparent; margin-left: 3px; left: 0; } .finder-products { margin:0; } .camera-finder-wrap .author-review { padding: 100px 10px 30px 10px; } .camera-finder-wrap .author-review .author-review-title p:first-of-type:before{ left:20px; } .selected_finder_product .table th,.selected_finder_product .table td{ width: 100%; display: inline-block; } .selected_finder_product .table td{ border-top: none; padding-top: 0px; } .selected_finder_product .table tr:nth-child(1) th{ padding-bottom: 0px; } .selected_finder_product .table tr:nth-child(2) th{ padding-bottom: 0px; } .selected_finder_product .table tr:nth-child(3) th{ padding-bottom: 0px; } .streaming_box.streaming_box_new .flags a, .streaming_box.streaming_box_new .flags .a_wrap { width: 40%; } } @media only screen and (max-width: 570px){ #menu-footer{ text-align: center; width: 100%; } .category-page-wrapper figure.effect-sadie.blog-post-details h2{ font-size:20px; } #tab4 .questions-content .tooltip_custom.tooltip_custom-effect-5{ display: inline-block; width: 100%; } .step-finder-name{ word-break: break-word; } } @media only screen and (max-width: 450px){ .icon-cart i { padding-top:40px; } .icon-cart:after { padding-top:37px; } .comment-footer.d-flex{ display:block !important; } .single-comment-wrap .comment-footer a{ float: left; margin:10px 0 0 0; clear:both; } .port-metro-content-wrap h1{ font-size: 33px; } .green-banner h1 { font-size: 2rem; } .green-banner p { text-align: left; } /* .bg-offwhite{ margin-top: 110px !important; } */ .search-results .bg-offwhite{ margin-top: 0px !important; } .collapsible { padding: 20px 45px 16px 25px; } .bigbox { font-size: 16px; } figure.effect-sadie.blog-post-details h2{ font-size: 22px; } } @media only screen and (max-width: 400px){ .fact_checked_by .tooltip_custom-effect-5 .tooltip_custom-content { width: 340px; margin-left: -170px; } } @media only screen and (max-width: 350px){ #landing-blog figure.effect-sadie.blog-post-details h2, figure.effect-sadie.blog-post-details h2, .table_of_contents_blog p { font-size: 18px !important; } } @media screen and (min-width: 769px) { body:not(.wp-admin) .blockopts-hide.blockopts-desktop, body:not(.wp-admin) .editorskit-no-desktop { display: none; } } @media screen and (max-width: 736px) { body:not(.wp-admin) .blockopts-hide.blockopts-mobile, body:not(.wp-admin) .editorskit-no-mobile { display: none; } } @media screen and (max-width: 768px) and (min-width: 737px) { body:not(.wp-admin) .blockopts-hide.blockopts-tablet, body:not(.wp-admin) .editorskit-no-tablet { display: none; } }