/*
Theme Name: Comfex
*/

#body .container{max-width:1200px!important}
body{font-family:'Poppins',sans-serif!important}
.top-panel{background-color:#005197;padding:5px 0}
.top-panel-list{margin:0;padding:0;display:flex;list-style:none;margin-top:4px}
.top-panel-list li a{display:inline-block;color:#fff;font-family:'Rubik',sans-serif;font-size:14px;font-weight:300;padding-right:18px}
.top-panel-list li a:hover{text-decoration:none}
.top-panel-list li a i{font-size:13px;margin-right:6px}
.top-social{margin:0;padding:0;display:flex;list-style:none}
.top-social li a{display:inline-block;color:#FFF;width:28px;height:28px;border-radius:100%;text-align:center;line-height:28px;margin-left:8px}
.top-nav{width:100%;background-color:#edecec;padding:0 0;transition:all .5s ease-in-out; position:relative;z-index:9999;}
.c-logo img{width:140px;margin:5px 0}
.nav-list{margin:0;padding:0;list-style:none;margin-top:16px}
.nav-list li{display:inline-block;position:relative;transition:all .5s ease-in-out}
.nav-list li:first-child{padding-left:0}
.nav-list li a{display:inline-block;font-size:18px;font-weight:400;text-transform:capitalize;color:#000;transition:.5s all;padding-left:30px;font-family:'Roboto',sans-serif}
.nav-list li a:hover{color:#fe5d15;text-decoration:none}
.nav-list li a i{font-size:12px}
.top-srch{font-size:16px!important}
.sub-content{margin:0;padding:0;list-style:none}
.sub-content li a{color:#fff;white-space:nowrap;text-decoration:none;padding:12px 38px;display:inline-block}
.nav-content{position:absolute;top:65px;left:21px;z-index:999;background-color:#005197;display:inline-block;opacity:0;visibility:hidden;transition:all .5s ease-in-out}
.nav-list li:hover .nav-content{opacity:1;visibility:visible;top:55px}
.sub-content li a:hover{color:#fe5d15}
.nav-list li a.active{color:#fe5d15}
.g-logo{width:100px;position:relative;left:0;top:0px;z-index:999}
.g-logo span{font-size:10px;margin-top:8px;padding:3px 0;background:#fe5d15;text-transform:uppercase;color:#FFF;letter-spacing:.5px}
.g-logo a:hover{text-decoration:none}
.g-logo img{width:120px;margin:0px auto 0;display:block}
.top-row{display:flex;justify-content:space-between;position:relative;align-items: center;}
.sticky{position:fixed;top:0;width:100%;z-index:99999}
.navbar-brand img{width:140px}
.navbar-nav li a{display:inline-block;font-size:16px;font-weight:500;text-transform:capitalize;color:#000!important;transition:.5s all;padding-left:30px!important;font-family:'Rubik',sans-serif}
.navbar-nav li{position:relative}
.sub-content2{margin:0;padding:0;list-style:none}
.sub-content2 li a{color:#fff!important;white-space:nowrap;text-decoration:none;padding:12px 38px;display:inline-block}
.nav-content2{position:absolute;top:65px;left:21px;z-index:999;background-color:#901e78cc;display:inline-block;opacity:0;visibility:hidden;transition:all .5s ease-in-out}
.navbar-nav li:hover .nav-content2{opacity:1;visibility:visible;top:55px}
.sub-content2 li a:hover{color:#f56600}
.res-nav{display:none}
.fixed-list{list-style-type:none;margin:0;padding:0}
.fixed-list li a{width:42px;height:42px;line-height:42px;border-radius:100%;text-align:center;margin:3px 0;color:#fff;display:inline-block;font-size:16px}
.fix a{background:#1773ea}
.fix2 a{background:linear-gradient(29.61deg,#f38334 0%,#da2e7d 50.39%,#6b54c6 100%)}
.fix3 a{background:#1bc895}
.fix4 a{background:#0fdace}
.fixed{z-index:999999;position:fixed;right:0;top:30%}
.menufixed{z-index:999;position:fixed;right:0;top:0;transition:1s all;width:100%;-webkit-box-shadow:0 3px 5px 0 #0003;-moz-box-shadow:0 3px 5px 0 #0003;box-shadow:0 3px 5px 0 #0003;background:#edecec}
.bc-img{background:url(../images/Banner-A.png) no-repeat;background-size:cover;background-position:center;min-height:585px}
.bc-img2{background:url(../images/Banner-B.png) no-repeat}
.bc-img3{background:url(../images/Banner-C.png) no-repeat}
.bc-img4{background:url(../images/Banner-D.png) no-repeat}
.ban-img{margin-top:45px}
.ban-img img{width:100%}
.ban-top{margin-top:170px}
.banner-full{position:absolute;left:0;top:17%;width:100%}
.main-banner .banner .carousel-indicators li{width:10px;height:10px;background-color:#fff;opacity:1;border-radius:100%}
.main-banner .banner .carousel-indicators .active{opacity:1;background-color:#901e78}
h2.banner-heading{color:#fff;font-size:67px;font-family:'Ubuntu',sans-serif;font-weight:500;padding-right:200px;line-height:78px;margin-bottom:22px}
.b-padding{padding-right:300px!important}
.b-padding2{padding-right:71px!important}
p.banner-para{color:#fff;font-size:18px;margin-bottom:26px;padding-right:100px}
a.banner-link{display:inline-block;background:#f56600;color:#fff;font-family:'Rubik',sans-serif;padding:8px 25px;font-weight:500;transition:.5s all}
a.banner-link:hover{color:#FFF;text-decoration:none;background:#005197}
.banner-content{padding-top:0}
.about{margin-top:80px}
.abt-img{width:100%;height:417px;overflow:hidden;float:left;position:relative;background-color:#ddd}
.abt-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;width:auto;height:auto}
h5.abt-heading{font-family:'Rubik',sans-serif;font-size:26px;color:#f56600;font-weight:500;position:relative;padding-left:36px;margin-bottom:10px}
h5.abt-heading::before{content:"";width:27px;height:2px;background-color:#000;position:absolute;top:15px;left:0}
h3.abt-heading2{font-size:29px;font-family:'Ubuntu',sans-serif;text-transform:capitalize;line-height:40px;margin-bottom:20px}
p.abt-para{font-size:15px;text-align:justify;line-height:26px}
.abt-para p{font-size:15px;text-align:justify;line-height:26px}
a.abt-link{display:inline-block;background:#901e78;color:#fff;font-weight:500;font-family:'Rubik',sans-serif;padding:8px 30px;transition:all .5s ease-in-out}
a.abt-link:hover{color:#fff;background-color:#f56600;text-decoration:none}
.abt-bottom{margin-bottom:25px}
.abt-rt{width:95%;margin-left:20px}
.pro-bg{background:#e4e4e4;padding:60px 0;margin-top:70px}
.pro-img{width:100%;height:300px;overflow:hidden;float:left;position:relative;background-color:#ddd}
.pro-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;width:auto;height:auto}
.p-icon a{width:85%;border:1px solid #000;padding:12px 10px;text-align:center;display:inline-block;color:#000;transition:all .5s ease-in-out}
.p-icon a:hover{background-color:#000;color:#fff}
h5.p-title a{font-size:26px;font-weight:600;color:#005197;display:inline-block}
h5.p-title a:hover{text-decoration:none;color:#901e78}
p.p-para{color:#181818;font-size:16px;margin-bottom:12px}
p.p-para2{font-size:16px;color:#6b6b6b;font-family:'Poppins',sans-serif;line-height:27px;margin-bottom:20px}
a.p-read{color:#f56600;font-size:14px;font-weight:500;border:1px solid #f56600;padding:8px 15px;display:inline-block}
a.p-read i{margin-left:6px;font-size:13px}
a.p-read:hover{color:#901e78;text-decoration:none;border:1px solid #901e78}
.pro-box{margin-top:20px}
.p-row{margin-top:50px}
.area{background:url(images/test-bg.png) no-repeat;background-size:cover;background-position:center;padding:80px 0}
.area [class^="col-"]{margin-bottom:30px;}
.area .owl-carousel .owl-item img{display:block;width:auto}
.area .owl-theme .owl-nav.disabled + .owl-dots{margin-top:20px}
.a-icon{text-align:center;display:inline-block}
.a-icon img{width:110px!important;filter:brightness(0) saturate(100%) invert(51%) sepia(90%) saturate(4490%) hue-rotate(10deg) brightness(105%) contrast(103%)}
.a-box{padding:22px 35px;background-color:#fff;height:250px}
h5.a-heading{color:#000;font-size:18px;font-weight:600;font-family:'Rubik',sans-serif}
p.a-para{font-size:14px;color:#717171;font-weight:400;line-height:24px}
a.a-link{color:#f56600;font-size:15px;font-weight:500;font-family:'Rubik',sans-serif}
a.a-link i{margin-left:6px;font-size:14px}
a.a-link:hover{color:#f56600;text-decoration:none}
.a-top{margin-top:40px}
.client{width:80%;margin:0 auto}
.client-bg{background:url(images/t-2.png) no-repeat;min-height:400px}
.c-box{background-color:#000;padding:45px 50px 60px;background-color:#172f3b;max-width:570px}
p.c-para{color:#fff;font-size:18px;line-height:30px;margin-bottom:25px}
.c-social a{color:#901e78;display:inline-block;margin-bottom:35px}
h5.c-profile{color:#fff;font-size:18px;margin-bottom:4px}
h5.c-des{margin-bottom:0;color:#d7d7d7;font-size:15px;font-weight:300}
.c-name{margin-top:8px;margin-left:15px}
.c-icon i{color:#901e78;font-size:55px;margin-top:-15px}
.c-row{padding-top:115px}
h3.c-caption{color:#fff;font-size:32px;margin-bottom:15px}
p.c-caption2{color:#d7d5d5;padding-right:61px;line-height:26px}
h3.c-cap{color:#f56600;font-size:30px}
.c-txt-2{margin-top:45px}
.client{width:80%;margin:70px auto 0}
.client-content{display:none}
h2.n-header{font-size:35px;color:#005197;margin-bottom:15px;font-family:'Rubik',sans-serif}
p.n-header2{color:#6b6b6b;padding:0 166px;line-height:24px;margin-bottom:45px;font-size:15px}
.homeblog{margin-top:70px}
.n-img{width:100%;height:210px;overflow:hidden;float:left;position:relative;background-color:#ddd;transition:.5s ease-in-out}
.n-img img{position:relative;height:210px; object-fit:cover;top:0;left:0;right:0;bottom:0;width:100%;margin:auto;transition:.5s ease-in-out}
.n-img img:hover{transform:scale(1.1)}
.n-profile img{width:40px}
h4.n-title a{font-size:18px;color:#000;line-height:27px;display:inline-block;margin-bottom:5px;font-weight:500}
h4.n-title a:hover{text-decoration:none;color:#901e78}
p.n-title2{color:#6b6b6b;margin-bottom:20px}
h5.n-des{font-size:16px;margin-top:10px;margin-left:12px;margin-bottom:0}
.n-box{display:inline-block;width:100%;background:#f5f9fd;padding:20px 20px 21px}
.n-full{box-shadow:0 0 10px 0 #ddd}
a.n-link{color:#f56600;text-transform:capitalize;font-weight:500}
a.n-link i{margin-left:8px}
.n-bg{background:#ff5e14b3;width:68px;height:61px;display:inline-block;position:absolute;top:166px;right:22px;padding-top:4px}
.n-bg2{background:#f56600;width:68px;height:61px;padding-top:4px;margin-left:-9px;margin-top:-12px}
h5.n-date{font-size:23px;color:#fff;margin-bottom:4px}
h5.n-date2{font-size:15px;color:#fff;margin-bottom:0;letter-spacing:0}
p.n-para{font-size:15px;color:#6c6c6c;line-height:27px}
.sub{background-color:#FF5E14;padding:25px 0;margin-top:70px}
h3.s-text{font-size:27px;color:#fff;margin-top:8px;margin-bottom:0}
.sub-form .form-control{height:45px;padding:.375rem 20px;border:none;border-radius:initial;width:100%}
.sub-form .form-control::placeholder{font-size:14px}
a.sub-link{color:#fff;background:#000;padding:11px 35px;display:inline-block;position:absolute;top:0;right:0}
a.sub-link:hover{color:#fff;text-decoration:none}
.ftr-list{margin:0;padding:0;list-style:none}
.footer{padding:50px 0 30px;background:#454545}
h5.ftr-heading{color:#fff;font-size:18px;margin-bottom:15px;font-family:'Rubik',sans-serif}
h5.ftr-heading2{color:#fff;font-size:17px;margin-bottom:15px}
p.ftr-para2{color:#c9c9c9;font-size:15px}
.ftr-flex{display:flex!important}
.ftr-list li a h5{color:#d9d9d9;font-size:15px;margin-top:9px;line-height:22px;font-weight:400}
.ftr-list li a h5:hover{color:#f56600;text-decoration:none}
.ftr-list li a{color:#f0f0f0;display:inline-block;line-height:35px;font-size:15px}
.ftr-list li a:hover{color:#f56600;text-decoration:none}
.ftr-list li a span{color:#d9d9d9;margin-right:10px;font-size:13px}
.ftr-list li a i{color:#fff;margin-right:10px;font-size:13px}
.ftr-list2{margin:0;padding:0;list-style:none}
.ftr-list2 li a{color:#d9d9d9;display:inline-block;line-height:35px;font-size:15px}
.ftr-list2 li a:hover{color:#f56600;text-decoration:none}
.ftr-list3{margin:0;padding:0;list-style:none;display:flex}
.ftr-list3 li a{display:inline-block;line-height:40px;font-size:16px;margin:0 5px}
.ftr-list3 li a i{background-color:#fff;width:35px;height:35px;color:#ff5e14;text-align:center;line-height:35px;border-radius:100%}
.ftr-2{margin-left:55px}
.ftr-3{margin-left:30px}
.footer-2{background:#6c6a6a;padding:25px 0}
.ftr-title{font-size:15px;color:#fff;margin-bottom:0}
.ftr-top{margin-top:60px}
.click-to-top{position:fixed;right:85px;bottom:25px;z-index:999}
.click-button{background:#901e78;border:none;color:#fff;width:45px;height:45px;border-radius:100%;display:inline-block;border-radius:100%}
.click-angle{font-size:28px;transform:translateY(0px)}
.abt-banner-bg{background-size:cover !important;background-position:center !important;min-height:auto}
.car-banner-bg{background-size:cover !important;background-position:center !important;min-height:auto}
.con-banner-bg{background-size:cover !important;background-position:center !important;min-height:auto}
.abt-list{margin:0;padding:0;list-style:none;display:flex;justify-content:center}
.abt-list li a{display:inline-block;font-size:15px;color:#e4e4e4;font-family:'Rubik',sans-serif;padding-left:8px}
.abt-list li a:hover{color:#f56600;text-decoration:none}
.abt-ban-content{padding:109px 0}
h4.abt-ban-heading{color:#fff;font-size:35px;text-transform:uppercase;letter-spacing:2px}
h5.abt-des-heading{font-family:'Rubik',sans-serif;font-size:30px;color:#f56600;margin-bottom:15px}
p.abt-des-para{font-size:14px;color:#777;line-height:26px;text-align:justify}
h5.abt-des-heading2{font-size:18px;color:#005197}
.abt-list2{margin:0;padding:0;list-style:none}
.abt-list2 li{font-size:14px;color:#777;line-height:34px}
.abt-list2 li i{font-size:6px;transform:translateY(-3px);margin-right:10px}
.abt-top{margin-top:18px}
.abt-des-rt{width:90%;margin-left:40px;margin-top:55px}
.abt-des{margin-top:60px}
.abt-bg2{background:url(../images/abt-bg2.png) no-repeat;min-height:auto;padding:60px 0;margin-top:50px}
.counter{background-color:transparent;text-align:center;padding-top:10px}
.counter-count{font-size:33px;position:relative;color:#fff;text-align:center;display:inline-block;margin-bottom:-8px}
.employee-p,.customer-p,.order-p,.design-p{font-size:18px;color:#d8d5d5;line-height:38px}
.employees{margin-bottom:35px}
h3.abt-des-title{color:#fff;font-size:40px;font-family:'Rubik',sans-serif;letter-spacing:2px}
p.abt-des-para3{color:#d8d5d5;font-size:15px;color:#d8d5d5;font-size:15px;line-height:26px;margin-bottom:26px}
a.abt-see{color:#fff;font-size:15px;font-family:'Rubik',sans-serif;font-weight:500;padding:12px 14px;border:1px solid #fff;display:inline-block}
a.abt-see:hover{text-decoration:none;color:#fff}
h4.v-header{font-size:32px;font-family:'Rubik',sans-serif;color:#005197;margin-bottom:25px}
.v-header2{font-size:32px;font-family:'Rubik',sans-serif;color:#fff;margin-bottom:25px}
p.v-para{font-size:16px;color:#707070;font-weight:500;padding-right:100px;margin-bottom:5px}
.vission{margin-top:60px}
p.v-para2{font-size:14px;color:#7c7b7b;padding-right:66px;line-height:24px}
.quality-bg{margin-top:70px}
p.i-para{font-size:14px;color:#777;line-height:25px;padding-right:85px}
.in{margin-top:50px}
.i-para2{font-size:15px;color:#e7e6e6;line-height:25px;padding-right:85px}
.in-bg{margin-top:60px}
h5.inf-title{color:#5a5959;font-size:18px;font-weight:600}
.inf-padding{padding-left:40px}
.inf-top{margin-top:35px}
.get{margin-top:70px}
h3.get-heading{font-size:28px;color:#005197;font-weight:600;margin-bottom:.625rem}
form.form-get-bg{margin-top:30px}
label.get-label{font-family:'Rubik',sans-serif;text-transform:capitalize;font-size:14px}
.get .container .form-get-bg .form-grp-1 .form-control{border:2px solid #d2d2d2;border-radius:initial;height:49px}
.get .container .form-get-bg .form-grp-1 .msg{resize:none;height:133px;padding-top:45px}
.form-grp-1{margin-bottom:25px}
.get .container .form-get-bg .form-grp-1 .form-control::placeholder{font-size:14px;color:#555;font-weight:500}
input.get-link{background-color:#f56600;color:#fff;font-weight:500;font-size:14px;border:none;padding:17px 40px;margin-top:10px}
input.get-link:hover{color:#fff;text-decoration:none}
.direct-box{min-height:375px;border:2px solid #c5c4c4;width:70%;padding:17px 25px 20px;margin-top:12%;margin-left:21%}
h3.direct-header{font-size:16px;color:#005197;text-transform:capitalize;font-weight:600;margin-bottom:.625rem}
p.direct-para{font-size:14px;color:#585656;line-height:26px;text-align:justify;margin-bottom:1.25rem}
.ico-direct{color:#f56600;margin-right:23px}
.ico-direct-1{color:#f56600;margin-right:28px}
.direct-2{margin:11px 0}
h4.direct-text{color:#585656;font-size:14px;font-weight:500;display:inline-block;line-height:22px;padding-right:90px}
.follow{font-size:17px;font-weight:600;margin-top:15px;margin-bottom:1rem}
.ico-1{width:37px;height:37px;background-color:#f56600;color:#fff;border-radius:50%;text-align:center;padding-top:11px;font-size:16px}
.ico-2{width:37px;height:37px;background-color:#f56600;color:#fff;border-radius:50%;text-align:center;padding-top:11px;font-size:16px;margin:0 6px}
.map{margin-top:60px}
label.car-label{font-family:'Rubik',sans-serif;text-transform:capitalize;font-size:15px;color:#3e3e3e;margin-bottom:10px}
.career-form .container .form-career .form-car-box .add{height:250px!important;resize:none}
.car-label2{font-family:'Rubik',sans-serif;text-transform:capitalize;font-size:17px;color:#3e3e3e;margin-bottom:10px}
.form-car-box{margin-top:20px}
input.car-link{background-color:#f56600;color:#fff;font-weight:500;font-size:16px;border:none;padding:10px 37px;margin-top:19px}
.career-form{margin-top:50px}
.epe-banner{background:url(../images/epe-ban.png) no-repeat;background-size:cover;background-position:center;min-height:auto}
.epe-content{padding:130px 0}
.epe-heading{color:#fff;font-size:45px;text-transform:uppercase;letter-spacing:2px}
.epe-list{margin:0;padding:0;list-style:none;display:flex}
.epe-list li a{display:inline-block;font-size:15px;color:#e4e4e4;font-family:'Rubik',sans-serif;padding-right:8px;text-transform:capitalize}
.epe-list li a:hover{color:#e4e4e4;text-decoration:none}
.epe-des{margin-top:60px}
.ep-box{background-color:transparent;min-height:auto;border:1px solid #d4d4d4}
h5.ep-heading{padding:24px 22px;text-transform:capitalize;font-family:'Rubik',sans-serif;background:#eceaea;color:#005197;margin-bottom:0}
.ep-list{list-style:none;margin:0;padding:0}
ul.ep-list li{border-bottom:1px solid #d6d6d6;padding-left:18px;transition:all .5s ease-in-out}
ul.ep-list li:hover{border-bottom:0;background-color:#f56600}
ul.ep-list li:last-child{border-bottom:0}
.ep-list li a{display:inline-block;color:#000;font-family:'Rubik',sans-serif;font-weight:500;width:100%;padding:20px 0;transition:all .5s ease-in-out}
.ep-list li a:hover{text-decoration:none;color:#fff;border-bottom:0}
.ep-rt{margin-left:24px}
h5.ep-title{text-transform:capitalize;color:#005197;display:inline-block;font-size:30px;margin-bottom:20px;font-weight:600}
p.ep-para{font-size:15px;color:#656565;line-height:27px}
.ep-bottom{margin-bottom:35px}
.ep-img{width:100%;height:480px;overflow:hidden;float:left;position:relative;background-color:#ddd;transition:.5s ease-in-out}
.ep-img img{position:absolute;top:0;left:0;right:0;bottom:0;max-width:100%;width:auto;height:auto;transition:.5s ease-in-out}
.ep-img img:hover{transform:scale(1.1)}
h5.ep-benefit{display:inline-block;color:#f56600;font-family:'Rubik',sans-serif;font-size:26px;letter-spacing:1px;margin-top:30px;text-transform:uppercase;margin-bottom:18px}
.benedit-list{list-style:none;margin:0;padding:0;border:1px solid #dbdada;padding:20px}
.benedit-list li{color:#666;font-size:15px;line-height:25px;font-family:'Rubik',sans-serif;padding-bottom:18px}
.benedit-list li span{font-weight:600;margin-right:8px;color:#5a5959}
.ep-img-top{margin-top:30px}
.epe-banner2{background:url(../images/pof.png) no-repeat;background-size:cover;background-position:center;min-height:auto}
.epe-banner3{background:url(../images/rebond.png) no-repeat;background-size:cover;background-position:center;min-height:auto}
.matt-banner3{background:url(../images/matt-ban.png) no-repeat;background-size:cover;background-position:center;min-height:auto}
.epe-des .ep-box2 .ep-form .ep-grp .msg2{resize:none;height:112px!important}
.epe-des .ep-box2 .ep-form .ep-grp .form-control{height:50px;border:none;border-radius:initial}
.epe-des .ep-box2 .ep-form .ep-grp .form-control::placeholder{font-family:'Rubik',sans-serif;font-size:15px;color:#5a5a5a}
.ep-box2{margin-top:45px;background:#005197;padding:15px 22px 30px}
.ep-grp{margin-top:20px}
.ep-caption{color:#fff;background:#f56600;display:inline-block;padding:10px 26px;font-size:14px;border:none;font-weight:500;margin-top:0px}
.ep-grp2 p{text-align:center; margin-bottom:0px;}
ul.shoppingsite{display:flex;margin:10px 0 0;padding:0;list-style:none}
ul.shoppingsite li{width:25%;padding:5px}
ul.shoppingsite li img{width:100%;border-radius:5px}
.popup-area{position:fixed;top:0;bottom:0;right:0;left:0;background:#000000b3;z-index:9999;height:100vh}
.popup-area>div{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;width:600px;max-width:100%;border:15px solid #fff}
.popup-area>div span{display:block;font-size:25px;color:#ae222f;margin-bottom:10px;font-weight:500}
.popup-area>div p{display:block;line-height:1.7;margin-bottom:1em}
.popup-area>div img{max-width:100%;float:left;width:100%}
.popup-area>div>a.closebtnh{color:#000;position:absolute;right:-15px;top:-15px;cursor:pointer;background:#fff;height:30px;width:30px;text-align:center;-webkit-box-shadow:0 0 3px 0 #0006;-moz-box-shadow:0 0 3px 0 #0006;box-shadow:0 0 3px 0 #0006}
.popup-area>div>a.closebtnh i{line-height:30px}


.bloglist-colmn{border:1px solid #ddd; margin-bottom:35px;border-radius:5px 5px 0 0; overflow:hidden;}
.bl-box2{padding:35px;}
a.bl-cap{color: #222;display:block;font-size:30px;line-height:36px;font-weight: 500;font-family:'Rubik', sans-serif;}
a.bl-cap:hover{text-decoration:none; color:#e7692e;}
p.bl-para{font-family: 'Rubik', sans-serif;font-size: 16px;color: #848484;font-weight: 400;}
.datel{color:#848484;font-size:14px;
position: relative;display: block;padding-left: 40px;line-height: 30px;z-index: 1;margin: 0 0 3px;}
.datel:before{position:absolute;top:0;bottom:0;left:0;height:1px;width:30px;background:#e9e9e9;z-index:-1;content:"";margin:14px 0;}
.bl-img a{position:relative; display:block;background:#000;}
.bl-img a::after {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  height: 5px;
  top: 50%;
  left: 50%;
  transform:translate(-50%,-50%);
  z-index: 9;
  width:80px;
  opacity:0;
  visibility:hidden;
  transition:0.7s all;
}
.bl-img a::before {
  content: " ";
  position: absolute;
  display: block;
  background-color: #fff;
  width:5px;
  left: 50%;
  top: 50%;
  bottom: 5px;
  z-index: 9;
  height:80px;
  transform:translate(-50%,-50%);
  opacity:0;
  visibility:hidden;
  transition:0.7s all;
}
.bl-img a:hover::after{height:3px;width:30px;}
.bl-img a:hover::before{height:30px;width:3px;}
.bl-img a:hover::after,.bl-img a:hover::before{opacity:1; visibility:visible;}

.bl-img a img{transition:0.7s all;}
.bl-img a:hover img{opacity:0.3;}
.rightbxheader h4{color:#222;font-size:18px;line-height:20px;font-family:'Rubik', sans-serif;margin-bottom:35px;}
.featured-item{display:flex;margin-bottom:25px;}
span.fullimagecover{width:80px;height:50px; background-size:cover;display:block; border-radius:5px;position:relative;}
span.fullimagecover:after{content:''; position:absolute; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.5);z-index:1;border-radius:5px; opacity:0; visibility:hidden; transition:0.3s all;}
.featured-item a:hover span.fullimagecover:after{opacity:1; visibility:visible;}
.featuredinfo{padding-left:25px;}
h4.fettitle{position: relative;font-size: 16px;line-height: 20px;font-weight: 400;margin: 0 0 2px;transition: .5s;font-family:'Rubik', sans-serif;}
h4.fettitle a{color:#222;transition:.5s;}
h4.fettitle a:hover{text-decoration:none; color:#e7692e;}
.featuredinfo span{font-family:'Rubik', sans-serif;font-size:16px;color:#848484;font-weight:400;}
.readmorebtn a{font-family:'Rubik', sans-serif; color:#e7692e;}

.blog-details h1{font-family:'Rubik', sans-serif;color:#222;font-size:36px;line-height:46px;font-weight:500;}
.details-description{margin-top:25px;}
.details-description p{font-size:16px;line-height:28px;color:#646464;font-weight:400; font-family:'Rubik', sans-serif;}
.details-description h3{font-family:'Rubik', sans-serif;color:#222;font-size:24px; margin:25px 0 15px;}
.details-description ul, .details-description ol{padding-left:20px;}
.details-description ul li{font-size:16px;line-height:28px;color:#646464;font-weight:400; font-family:'Rubik', sans-serif;}