.blog-wrapper{float:left;width:84%;margin:0 0 30px 8%;text-align:center}.blog-wrapper .top-text{width:86%;margin:0 0 0 7%}.blog-wrapper .top-text h1{font-size:40px;margin:30px 0 10px;padding:0}.blog-wrapper .top-text h2{font-size:20px;line-height:20px;font-weight:400;color:#6e6e6e;font-style:italic;margin:0 0 20px;padding:0}.blog-wrapper .article-wrapper .blog-text p,.blog-wrapper .top-text p{font-size:16px;line-height:24px;font-weight:300;color:#444;margin:0 0 10px;text-align:center}.blog-wrapper .top-text p a{color:#edc361}.blog-wrapper .mobile-blog-menu-icon{display:none}.blog-wrapper .blog-menu-wrapper{float:left;width:100%;background:#edc361;border-bottom:solid 4px #444;margin:10px 0}.blog-wrapper .blog-menu-wrapper .blog-menu{float:none;text-align:center;list-style-type:none;position:relative}.blog-wrapper .blog-menu-wrapper .blog-menu li{display:inline-block;position:relative}.blog-wrapper .blog-menu-wrapper .blog-menu li a{padding:14px 20px;font-size:15px;font-weight:500;letter-spacing:.4px;color:#000;display:block;text-decoration:none;position:relative}.blog-wrapper .blog-menu-wrapper .blog-menu li a .icon{position:absolute;left:0;bottom:-28px;color:#444;opacity:0;z-index:99;transition:.4s}.blog-wrapper .blog-menu-wrapper .blog-menu li a .icon span{font-size:40px}.blog-wrapper .blog-menu-wrapper .blog-menu li a.active,.blog-wrapper .blog-menu-wrapper .blog-menu li a:hover{background:#444;color:#fff}.blog-wrapper .blog-menu-wrapper .blog-menu li a.active .icon,.blog-wrapper .blog-menu-wrapper .blog-menu li a:hover .icon{left:50%;margin-left:-20px;opacity:1}.blog-wrapper .blog-menu-wrapper .blog-menu li ul{width:260px;height:auto;position:absolute;display:none;top:43px;transition:all .5s;background:#edc361;background:#eee;z-index:9;border-top:solid 4px #444}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li{float:left;text-align:left;width:100%}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li a{font-size:15px;color:#444;display:block;padding:18px 0 18px 18px;text-decoration:none;transition:all .5s;width:100%}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li a.subcat{font-size:14px;font-weight:400!important}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li a span{color:#fff}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li a:hover{background:#6e6e6e;color:#fff}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li a:hover .subcat{font-size:14px;color:#fff!important;font-weight:400}.blog-wrapper .blog-box{float:left;width:23.4%;margin:20px .8% 0;border:solid 1px #ddd;outline:solid 2px #fff;padding:1%;border-radius:10px;position:relative;overflow:hidden;transition:.4s}.blog-wrapper .blog-box::before{position:absolute;top:50%;left:50%;z-index:2;display:block;content:"";width:0;height:0;background:rgba(255,255,255,.3);border-radius:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);opacity:0}.blog-wrapper .blog-box:hover::before{-webkit-animation:circle .5s;animation:circle .5s}.blog-wrapper .blog-box img{width:100%;height:auto;border-radius:10px;transition:.4s}.blog-wrapper .blog-box h2{text-align:left;font-size:16px;line-height:18px;height:34px;margin:10px 0;padding:0;color:#444}.blog-wrapper .blog-box .summary-text{text-align:left;font-size:13px;line-height:20px;color:#6e6e6e;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.blog-wrapper .blog-box .date{margin:10px 0;text-align:left;font-size:13px;font-weight:600;color:#444}.blog-wrapper .blog-box .button{float:left;width:140px;cursor:pointer;padding:14px 0;position:relative}.blog-wrapper .blog-box .button span,.blog-wrapper .blog-right-wrapper .blog-row .inner .right .button span{position:absolute;color:#edc361;font-size:20px;left:0;top:11px;opacity:0;transition:.6s}.blog-wrapper .blog-box:hover{border:solid 1px #edc361;outline:solid 2px #edc361}.blog-wrapper .blog-box:hover img{transform:scale(1.06)}.blog-wrapper .blog-box:hover .button{background:#444;color:#edc361;width:220px}.blog-wrapper .blog-box:hover .button span{left:190px;opacity:1}.blog-wrapper .article-wrapper{float:left;width:62%;text-align:left}.blog-wrapper .article-wrapper a{text-decoration:none;color:#000;transition:.4s}.blog-wrapper .article-wrapper .back{width:110px;margin:0 0 10px;font-size:16px;color:#000;font-weight:600;text-decoration:none}.blog-wrapper .article-wrapper .back:after{display:block;content:"";border-bottom:solid 2px #edc361;transform:scaleX(0);transition:transform 300ms ease-in-out;height:10px;color:#edc361}.blog-wrapper .article-wrapper .back span{color:#edc361;font-size:40px;line-height:14px;position:relative;top:12px;transition:.4s}.blog-wrapper .article-wrapper .back:hover:after{transform:scaleX(1)}.blog-wrapper .article-wrapper h1{text-align:left;font-size:26px;font-weight:600;line-height:30px;color:#000;margin:0 0 2px;padding:0}.blog-wrapper .article-wrapper h2{text-align:left;font-size:18px;line-height:22px;font-weight:300;color:#444;margin:0 0 4px;padding:0}.blog-wrapper .article-wrapper .date{text-align:left;font-size:14px;font-weight:600;font-style:italic;color:#000}.blog-wrapper .article-wrapper img{margin:20px 0;width:100%;height:auto;border-radius:10px}.blog-wrapper .article-wrapper .blog-text{margin:0;text-align:left}.blog-wrapper .article-wrapper .blog-text p{text-align:left;margin:0 0 14px}.blog-wrapper .article-wrapper .blog-text p strong{font-weight:600;color:#000}.blog-wrapper .blog-right-wrapper{float:right;width:34%;margin:0;padding:0;background:#eee;overflow:hidden}.blog-wrapper .blog-right-wrapper h2{width:100%;padding:20px 0 20px 5%;margin:0;font-size:18px;color:#fff;font-weight:600;text-align:left;background:#444}.blog-wrapper .blog-right-wrapper .blog-row{float:left;width:100%;border-bottom:solid 2px #fff;padding:20px 0;transition:.4s}.blog-wrapper .blog-right-wrapper .blog-row .inner{float:left;width:90%;margin:0 0 0 5%;text-align:left}.blog-wrapper .blog-right-wrapper .blog-row .inner .left{float:left;width:36%}.blog-wrapper .blog-right-wrapper .blog-row .inner .left .image-wrapper{width:100%;overflow:hidden;border-radius:10px;margin:0;display:block}.blog-wrapper .blog-right-wrapper .blog-row .inner .left .image-wrapper img{width:100%;height:auto;border-radius:10px;margin:0;display:block;transition:.4s}.blog-wrapper .blog-right-wrapper .blog-row .inner .left .date{font-size:13px;font-style:italic;color:#000;font-weight:600;margin:10px 0}.blog-wrapper .blog-right-wrapper .blog-row .inner .right{float:right;width:60%}.blog-wrapper .blog-right-wrapper .blog-row .inner .right h3{text-align:left;color:#444;font-size:14px;font-weight:600}.blog-wrapper .blog-right-wrapper .blog-row .inner .right .summary-text{font-size:13px;line-height:18px;color:#444;font-weight:300;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;margin:0 0 10px}.blog-wrapper .blog-right-wrapper .blog-row .inner .right .button{width:140px;padding:14px 0;position:relative;transition:.4s}.blog-wrapper .blog-right-wrapper .blog-row:hover{background:#dadada;border-bottom:solid 2px #aaa}.blog-wrapper .blog-right-wrapper .blog-row:hover .inner .left .image-wrapper img{transform:scale(1.2)}.blog-wrapper .blog-right-wrapper .blog-row:hover .inner .right .button{width:190px;background:#444;color:#edc361}.blog-wrapper .blog-right-wrapper .blog-row:hover .inner .right .button span{left:160px;opacity:1}.blog-wrapper .blog-right-wrapper .button.view-all{clear:both}.blog-wrapper .breadcrumb-container{float:left;width:100%;background:#eee;padding:15px 0 10px 10px;overflow-x:auto;overflow-y:hidden;white-space:nowrap}.blog-wrapper .breadcrumb-container .home-icon{position:relative;top:-2px;font-size:18px;float:left;margin:0 10px 0 0;color:#444!important}.blog-wrapper .breadcrumb-container .breadcrumbs{overflow-x:auto;overflow-y:hidden;font-size:14px;line-height:14px;width:800px}.blog-wrapper .breadcrumb-container .breadcrumbs::-webkit-scrollbar{display:none}.blog-wrapper .breadcrumb-container .breadcrumbs__item__link{float:left;width:auto;margin:0 10px 0 0;padding:0 10px 0 0;color:#444;border-right:solid 1px #444;letter-spacing:.6px;text-decoration:none;font-weight:600}.blog-wrapper .breadcrumb-container .breadcrumbs__item__link:hover .bcText{text-decoration:underline;letter-spacing:.6px}.blog-wrapper .breadcrumb-container .breadcrumbs__item__active{font-weight:300;font-style:italic}.blog-wrapper .breadcrumb-container .bcText{float:left}@media only screen and (max-width:1200px){.blog-wrapper{width:96%;margin:0 0 30px 2%}.blog-wrapper .top-text{width:96%;margin:0 0 0 2%}.blog-wrapper .top-text h1{font-size:34px}.blog-wrapper .blog-box{width:32%;margin:20px .6% 0}.blog-wrapper .blog-box h2{font-size:15px}}@media only screen and (max-width:992px){.blog-wrapper .mobile-blog-menu-icon{display:block;float:left;width:100%;font-size:15px;color:#000;background:#edc361;font-weight:600;text-align:center;padding:12px 0;position:relative;cursor:pointer}.blog-wrapper .mobile-blog-menu-icon span{font-size:30px;color:#000;position:absolute;top:5px;margin-left:-32px}.blog-wrapper .blog-menu-wrapper{margin:0;background:0 0;border:0;display:none}.blog-wrapper .blog-menu-wrapper .blog-menu li{display:block;background:#eee}.blog-wrapper .blog-menu-wrapper .blog-menu li a{float:left;width:100%}.blog-wrapper .blog-menu-wrapper .blog-menu li a .icon{display:none}.blog-wrapper .blog-menu-wrapper .blog-menu li ul{width:100%;height:auto;position:relative;display:block;top:0;border:0}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li{text-align:center}.blog-wrapper .blog-menu-wrapper .blog-menu li ul li a{padding:10px 0}.blog-wrapper .top-text h1{font-size:30px}.blog-wrapper .top-text h2{font-size:18px}.blog-wrapper .top-text p{font-size:14px}.blog-wrapper .blog-box{width:49%;margin:20px .4% 0;padding:2%}.blog-wrapper .blog-box h2{font-size:14px;line-height:16px;height:30px}.blog-wrapper .article-wrapper{width:100%}.blog-wrapper .article-wrapper h1{font-size:22px;line-height:26px}.blog-wrapper .article-wrapper h2{font-size:16px;line-height:20px}.blog-wrapper .blog-right-wrapper{float:left;width:100%}.blog-wrapper .blog-right-wrapper .blog-row .inner{width:96%;margin:0 0 0 2%}}@media only screen and (max-width:576px){.blog-wrapper .top-text h1{font-size:30px}.blog-wrapper .top-text h2{font-size:18px}.blog-wrapper .top-text p{font-size:14px}.blog-wrapper .blog-right-wrapper .blog-row .inner .left{float:left;width:100%;margin:0}.blog-wrapper .blog-right-wrapper .blog-row .inner .left .date{width:98%;margin:10px 0 10px 2%}.blog-wrapper .blog-right-wrapper .blog-row .inner .right{float:left;width:98%;margin:0 0 0 2%}}@media only screen and (max-width:420px){.blog-wrapper .blog-box{width:100%;margin:10px 0 0}}