/*******************************/ /************** Blog Page *****************/ /******************************/ .blog-sec { padding: 60px 0 60px;} .blog-sec .entry-meta { color: #B1B3C2; font-size: 11px; padding: 10px 0;} .blog-sec .entry-meta .author_blk { background-repeat: no-repeat; padding: 0 0 0 16px; background-position: 0px 3px; margin-right:22px;} .blog-sec .entry-meta .date_blk { background-repeat: no-repeat; padding: 0 0 0 16px; background-position: 0px 3px;} .blog-list h2 { margin: 0px; padding: 0px; line-height: 28px; min-height: 65px; display: flex; align-items: center; font-weight:700;} .blog-list h2 a { font-size: 20px; color: #16242E; line-height: 28px; text-decoration: none !important; text-transform: inherit; } .blog-list .entry-content { color: #505050; font-size: 16px; font-weight: 400; margin: 14px 0px 0px; line-height: 28px; } .blog-list .w-padd { border-radius: 27px; overflow: hidden; box-shadow: 0px 0px 20px #0000000D;border: 1px solid #E9E9E9;border-radius: 10px; height:100%; background: #fff;} .blog-list .c_padd { padding:15px 27px 27px; background: #fff;} .blog-list .col-md-6 { margin-bottom:46px;} .blog-list .post-thumbnail { height: 280px; display: block; width: 100%; overflow: hidden;} .blog-list .post-thumbnail img { width:100%; height:100%; object-fit: cover; } .blog-list .thumbnail_img { position:relative;} .blog-list .thumbnail_img .date_blk { background: #FFFFFF; border-radius: 0px 10px 0px 0px; opacity: 1; min-width: 123px; height: 40px; right: 0px; top: 0px; position: absolute; text-align: center; padding: 9px 15px 0;} .blog-list .read-link-b { font-size: 16px; color: #ee7f32; padding: 20px 0 0 !important; display: block; text-decoration: none !important;} .navigation-page { text-align: center; width:100%;} .navigation-page ul { margin:0px; padding:0px;} .navigation-page ul li { display:inline-block; margin:0px; } .navigation-page ul li a{ display:block; padding:2px 15px; text-decoration:none !important;} .navigation-page ul li a { display: block; padding: 6px 13px 0; background: none; color: #26003f; border-radius: 64px; display: inline-block; min-width: 50px; min-height: 50px; margin: 0 3px; background: #F7F7F7 ; border: 1px solid #707070; opacity: 1; font-size:22px; line-height:36px; color:#707070; } .navigation-page ul li.active a { border: 2px solid #FF7400; background: #F7F7F7; color: #707070;} .navigation-page ul li.next_d a{ border:none; background:none;} .navigation-page .next_d { width: 27px; height: 26px; background: ; position: relative; left: 5px; top: 3px;} .navigation-page .previous_d { width: 27px; height: 26px; background: ; position: relative; right: 5px; top: 3px;} .navigation-page .icofont-double-right { font-size:34px; } .navigation-page .icofont-double-right {color:#505050;} .navigation-page .next_d .icofont-double-right {color:#5c8566;} .navigation-page .next_d span { position: absolute; left: 0; top: 0; width: 30px; height: 40px; overflow: hidden; opacity: 0;} .navigation-page .previous_d span { position: absolute; left: -12px; top: -7px; width: 38px; height: 40px; overflow: hidden; opacity: 0;} .single-list .post-thumbnail { border-radius: 27px; overflow: hidden; width: 100%; margin-bottom: 38px;} .single-list .post-thumbnail img { width:100%; height:100%;object-fit: cover; } .single-list .single-post-dv { max-width: 100%; padding: 60px 30px 40px; } .single-list .single-post-dv p { color: #505050; font-size: 15px; font-weight: 400; margin: 20px 0px 20px; line-height: 27px;} .single-list .single-post-dv ul { margin: 0px; padding: 20px 0px 0px 24px;} .single-list .single-post-dv ul li{font-size: 20px; font-weight: 300; margin: 0px 0px 0px; line-height: 32px; color: #505050; list-style:none;} .single-list .b_left h3 { color:#333; font-size:24px; line-height:40px; font-weight: 700;} .single-list .single-post-dv { position:relative;} .single-list .date_blk { padding: 0 0 0 26px; background-size:17px;} .single-list .date_blk { background: #F7F7F7; border-radius: 0px 10px 0px 0px; opacity: 1; min-width: 123px; height: 40px; right: 0px; top: 0px; position: absolute; text-align: center; padding: 9px 15px 0;} .request_callback_text_blog { margin-top: 30px;} .single-list .single-post-dv ul { margin: 0 0 0px; padding: 0;} .single-list .single-post-dv ul li { margin: 0; padding: 0 0 0 30px; font-weight: 400; line-height: 25px; color: #505050; margin-bottom: 10px; list-style: none; background-size: 15px; color: #505050;font-size: 15px;} #secondary section + section { margin-top: 25px;} .blog-sec.single-list .entry-meta { color: #B1B3C2; font-size: 19px; padding: 2px 0 30px 0; font-weight: 500;} .blog-sec.single-list .entry-meta .author_blk, .blog-sec.single-list .entry-meta .date_blk { padding: 0 0 0 26px; background-size:17px;} .single-post-dv {background: #FFFFFF; box-shadow: 0px 0px 20px #0000000D; border: 1px solid #E9E9E9; border-radius: 10px; opacity: 1;} .single-post-dv h2 { color: #16242E; line-height: 28px; font-size: 26px; text-decoration: none !important; font-weight:700; } .tag_share_dv { overflow:hidden;} .tag_share_dv .tag_left { float: left;} .tag_share_dv .tag_title { font-size: 20px; display: block; color: #4757CD; font-weight: 700; margin: 0; padding: 0 0 8px;} .tag_share_dv .tag_left a { display: inline-block; border: #BCC4FF solid 1px; padding: 8px 10px; border-radius: 8px; color: #848CC4 !important; font-weight: 500; font-size: 16px; text-decoration: none !important; margin-right: 6px;} .single-post-dv a { font-weight: 400; color: #1A73E8; } #secondary .widget-title { font-size: 20px; font-weight: normal; line-height:28px; text-transform: uppercase; color:#FF7400; margin: 0; padding: 0 0 9px;} #secondary .rpwwt-widget ul li { padding: 0; margin: 0 0 5px;} #secondary .rpwwt-widget ul li a{text-decoration:none !important} #secondary .wp-post-image { width: 105px; height: ; border-radius: 6px;} #secondary .rpwwt-post-title { font-size: 17px; color: #26003F; font-weight: 600; display: ;} #secondary .rpwwt-post-date { color: #747582; font-size: 13px; padding: 5px 0 0;} #secondary { max-width: 100%; /*float: right;*/ margin: 0 0 0; width:100%;} .recent-post-nav { background: #FFFFFF ;box-shadow: 0px 0px 20px #0000000D;border: 1px solid #E9E9E9;border-radius: 10px;opacity: 1; padding:30px;} #secondary .recent-post-nav .widget-title { font-size: 20px; font-weight: normal; line-height:28px; text-transform: uppercase; color:#333; margin: 0; padding: 0 0 16px; } .recent-post-nav ul { margin:0px; padding:0px;} .recent-post-nav ul li { list-style:none;} .recent-post-nav ul li + li { margin-top:8px;} .recent-post-nav ul li a{ font-size:16px; font-weight:normal; color:#555; text-decoration:none !important; line-height:1.1;} .request_callback_text_blog { margin-top: 30px; position: sticky; top: 140px; } @media(min-width:1200px) { .single-list .col-lg-8 { width: 58.6%;} .single-list .col-lg-4 { width: 41.4%;} } .widget_categories ul { margin:0px; padding:0px;} .widget_categories ul li { line-height:28px; list-style: none; text-align: right; padding: 13px 0; border-bottom: #B1B3C2 solid 1px; color: #333; font-size: 17px; font-weight: 500; line-height: 1.1;} .widget_categories a { font-size: 17px; color: #1A73E8 !important; text-decoration: none !important; font-weight: 500; float:left; } .Slide_banner_form { background:#F9EEFE; border-radius:27px; padding:35px 27px; overflow:hidden; position:relative; z-index:1;} .Slide_banner_form::before { content: ''; position: absolute; left: -15px; top: -30px; width: 239px; height: 316px; z-index: -1;} .Slide_banner_form br { display:none;} .Slide_banner_form p{ margin:0px; padding:0px;} .Slide_banner_form h2.widget-title { color: #8C19A8 !important; font-size: 25px !important; font-weight: 700;} .Slide_banner_form label { font-size: 13px; color: #707070; text-transform:uppercase; font-weight:600;} .Slide_banner_form .wpcf7-form-control-wrap { display: block; margin: 5px 0 0;} .Slide_banner_form label span { color:#FF0000;} .Slide_banner_form input[type="text"], .Slide_banner_form input[type="email"], .Slide_banner_form input[type="tel"] { width:100%; height:54px; border-radius:70px; height:57px; border:none; padding:0 20px;} .Slide_banner_form .wpcf7-form-control.wpcf7-submit { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c20a74+0,99159b+100 */ background: rgb(194,10,116); /* Old browsers */ background: -moz-linear-gradient(45deg, rgba(194,10,116,1) 0%, rgba(153,21,155,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(194,10,116,1) 0%,rgba(153,21,155,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(194,10,116,1) 0%,rgba(153,21,155,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c20a74', endColorstr='#99159b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ width: 187px; height: 57px; margin: 18px 0 0px; border-radius: 75px; font-size: 15px; font-weight: 600;} #secondary .Slide_banner_form .widget-title { font-weight: 600; margin: 0; padding: 0 0 24px; line-height: 1;} .blog-list { } .single-list .wp-block-image img { max-width: 100%; border-radius: 27px;} .single-list .tag_right { float: right; text-align: right;} .single-list .fb-like.ssb-fb-like { display: none !important;} .single-list .tag_right button { border:none !important; background:none !important; color:#848CC4 !important; padding-left: 27px !important;} .single-list div.simplesocialbuttons { margin-top:0px !important;} .single-list .buttons { margin-top:20px;} .button-blog-n-b { overflow:hidden;} .button-blog-n-b .previous-button { float:left;} .button-blog-n-b .next-button { float:right;} .previous-button a { color: #5c8566; font-size: 20px; text-decoration: none !important; display: block; font-weight: normal; width: 120px; height: 50px; border: #5c8566 solid 1px; border-radius: 4px; padding: 10px 0; text-align: center;} .next-button a { color: #5c8566; font-size: 20px; text-decoration: none !important; display: block; font-weight: normal; width: 120px; height: 50px; border: #5c8566 solid 1px; border-radius: 4px;padding: 10px 0; text-align: center;} .button-blog-n-b { overflow: hidden; margin-top: 20px;} .single-list .post-thumbnail { margin: -60px -30px 35px; width: auto; border-radius: 11px 11px 0 0; } @media(max-width:767px) { .blog-list .c_padd { padding: 15px 15px 27px;} .blog-list h2 a { font-size:16px;} .blog-list .entry-content { font-size:16px; line-height:25px;} .blog-list .read-link-b {font-size: 16px; padding: 14px 0 0 !important;} .single-list .single-post-dv { padding:60px 15px 40px;} .single-list .single-post-dv p { font-size: 16px; line-height: 25px;} .single-list .single-post-dv ul { padding:20px 0px 0px 13px} .single-list .single-post-dv ul li { font-size:16px; line-height:25px;} .button-blog-n-b { margin-bottom:30px;} .recent-post-nav { padding:20px;} .recent-post-nav ul li a { font-size:16px;} .single-list .post-thumbnail { margin:-60px -15px 35px } .single-post-dv h2 { font-size:22px; } .single-list .single-post-dv p { font-size: 15px; line-height: 22px;} } #blog { margin-bottom: 0px; background: #F3F5FA /*url(assets/images/b-img.png) no-repeat bottom center*/; border-top:#7F92BE solid 2px; padding: 70px 0;} #blog.blog-list h2 { display: block; margin: 0px 0px 20px; padding: 0px; font-size: 45px; color: #333333; } #blog .entry-title { font-size: 22px; font-weight: 700; margin: 0; padding: 10px 0 17px; display: block; margin: 0px;} #blog .b_link { color: #1A73E8 !important; font-size: 18px; text-decoration: none !important;} .blog-list, .single-list { background: #F6F2E8; } .request_callback { background: #FFFFFF; box-shadow: 0px 0px 20px #0000000D; border: 1px solid #E9E9E9; border-radius: 10px; opacity: 1; padding: 30px;} /*****Call Us*******/ .whatsapp_sticky { position: fixed; background: #16a858; bottom: 40px; width: 60px; height: 60px; right: 25px; z-index: 10000; font-size: 36px; text-align: center; border-radius: 100%; padding: 2px 0 0; color: #fff !important; box-shadow: 1px 0px 24px rgba(0,0,0,0.2);} @media(min-width:1024px) { .clients_say { padding-top: 0;} } @media(min-width: 768px) { .footer_bt { display: none; } } .footer_bt { width: 100%; position: fixed; bottom: 0; height: 70px; background: #fff; box-shadow: 0px -2px 8px 0px rgba(0,0,0,0.2); z-index: 1000;} .footer_bt .m-btn { float: none; margin: 11px auto 0; display: table; width: calc(100% - 160px);} .footer_bt .m-btn a { display: inline-block; background: #4f8663; height: 50px; line-height: 50px; padding: 0 17px; color: #fff; text-decoration: none; font-size: 17px; font-weight: 700; text-transform: uppercase; width: 100%; text-align: center; border-radius: 6px;} .ring { position: fixed; bottom: 0; left: 0; transform: scale(0.7); z-index: 100000; transform-origin: 0;} .coccoc-alo-ph-circle { width: 160px; height: 160px; top: 20px; left: 20px; position: absolute; background-color: transparent; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid rgba(30, 30, 30, 0.4); opacity: .1; -webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -moz-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -ms-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -o-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .coccoc-alo-phone { background-color: transparent; width: 200px; height: 200px; cursor: pointer; z-index: 200000 !important; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition: visibility .5s; -moz-transition: visibility .5s; -o-transition: visibility .5s; transition: visibility .5s; right: 150px; top: 30px;} .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle-fill { background-color: rgba(0, 175, 242, 0.5); opacity: .75 !important;} .coccoc-alo-ph-circle-fill { width: 100px; height: 100px; top: 50px; left: 50px; position: absolute; background-color: #000; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .1; -webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -moz-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -ms-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -o-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;} .coccoc-alo-ph-img-circle { width: 60px; height: 60px; top: 70px; left: 70px; position: absolute; background: rgba(30, 30, 30, 0.1) ; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .7; -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -moz-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -ms-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; -o-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out; animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;} .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-img-circle { background-color: #00aff2;} .coccoc-alo-phone.coccoc-alo-green .coccoc-alo-ph-circle { border-color: #00aff2; opacity: .5;} .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle { border-color: #75eb50; opacity: .5;} .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-circle-fill,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-circle-fill { background-color: rgba(117, 235, 80, 0.5); opacity: .75 !important;} .coccoc-alo-phone.coccoc-alo-green.coccoc-alo-hover .coccoc-alo-ph-img-circle,.coccoc-alo-phone.coccoc-alo-green:hover .coccoc-alo-ph-img-circle { background-color: #75eb50;} @-moz-keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-webkit-keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-o-keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @keyframes coccoc-alo-circle-anim { 0% { transform: rotate(0) scale(.5) skew(1deg); opacity: .1 } 30% { transform: rotate(0) scale(.7) skew(1deg); opacity: .5 } 100% { transform: rotate(0) scale(1) skew(1deg); opacity: .1 } } @-moz-keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-webkit-keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @-o-keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } } @keyframes coccoc-alo-circle-fill-anim { 0% { transform: rotate(0) scale(.7) skew(1deg); opacity: .2 } 50% { transform: rotate(0) scale(1) skew(1deg); opacity: .2 } 100% {transform: rotate(0) scale(.7) skew(1deg);opacity: .2 } } @-moz-keyframes coccoc-alo-circle-img-anim { 0% {transform: rotate(0) scale(1) skew(1deg) } 10% {transform: rotate(-25deg) scale(1) skew(1deg) } 20% {transform: rotate(25deg) scale(1) skew(1deg) } 30% {transform: rotate(-25deg) scale(1) skew(1deg) } 40% {transform: rotate(25deg) scale(1) skew(1deg) } 50% {transform: rotate(0) scale(1) skew(1deg) } 100% {transform: rotate(0) scale(1) skew(1deg) } } @-webkit-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @-o-keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } @keyframes coccoc-alo-circle-img-anim { 0% { transform: rotate(0) scale(1) skew(1deg) } 10% { transform: rotate(-25deg) scale(1) skew(1deg) } 20% { transform: rotate(25deg) scale(1) skew(1deg) } 30% { transform: rotate(-25deg) scale(1) skew(1deg) } 40% { transform: rotate(25deg) scale(1) skew(1deg) } 50% { transform: rotate(0) scale(1) skew(1deg) } 100% { transform: rotate(0) scale(1) skew(1deg) } } .phone_call.mobile_call { position: relative;} .phone_call.mobile_call { background: none !important;} .phone_call.mobile_call i { position: absolute; left: 7px; font-size: 34px; top: -2px;} .btn_call, .footer .free_btn, .blog_sec .bt_blk a { position: relative; z-index: 1; overflow: hidden; } .service_sec .white_btn { z-index: 1; overflow: hidden; } .more_link { position: relative; z-index: 1; overflow: hidden; } .btn_call::before, .more_link::before, .service_sec .white_btn::before, .footer .free_btn::before, .blog_sec .bt_blk a::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: -100%; background: #2F4E72; z-index: -1; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;} .btn_call:hover::before, .more_link:hover::before, .service_sec .white_btn:hover::before, .footer .free_btn:hover::before, .blog_sec .bt_blk a:hover::before { top:0px;} .so_btn.btn_call:hover { color:#fff} .blog_sec .bt_blk { overflow: hidden;} .blog_sec .bt_blk a{ display:block;} .offer_blk .so_btn:hover { color: #fff;} @media(max-width: 767px) { .ring { position: fixed; bottom: -66px; left: -12px; transform: scale(0.555); z-index: 100000; transform-origin: 0; } .whatsapp_sticky { position: fixed; background: #16a858; bottom: 9px; width: 50px; height: 50px; right: 16px; z-index: 10000; font-size: 30px; text-align: center; border-radius: 100%; padding: 2px 0 0; color: #fff !important; box-shadow: 1px 0px 24px rgba(0,0,0,0.2);} } .ring i.fa.fa-phone { font-size: 29px; color: #fff; text-align: center; position: relative; left: 2px; top: 14px; } li.whatsapp-blk { font-size: 33px;} li.whatsapp-blk i { color:#6FC915; } .page-id-13 div#tab1 { display: none !important;} .page-id-13 div#tab2 { display: block !important;} span.wpcf7-spinner { position: absolute; left: 0;}