/*--------------------------------
=====Table Of Contents====

1.  General Styles 
2.  Mixins CSS
3.  Back To Top Button CSS
4.  Preloader CSS
5.  Button & Link CSS
6.  Section Title & Overlay & Shape CSS
7.  Social Link CSS
8.  Pagination CSS
9.  Sidebar CSS    
- Search Box Widget    
- Taglist Widget    
- Category Widget    
- Filter Search Widget    
- New Arrival Product Widget    
- Popular Post Widget
10. Sign In CSS
11. FAQ Terms & Conditions
----------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

/*--------------------------------- General Styles -----------------------------------*/
* { box-sizing:border-box; } 
html { scroll-behavior:smooth; } 
:focus,button:focus,.btn:focus { outline:0; box-shadow:none; } 
.form-control:focus { box-shadow:none; } 
a,button,input[type=submit] { cursor:pointer; } 
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; } 
input, textarea, select { background-color:#F9F9F9; color:#000; border:none; } 
/* Firefox */
input[type=number] { -moz-appearance:textfield; -webkit-appearance:textfield; appearance:textfield; } 
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration { -webkit-appearance:none; appearance:none; } 
a { color:#015b34; text-transform:inherit; text-decoration:none; transition:all 0.3s ease; } 
a:hover,a :focus { text-decoration:none; box-shadow:none; color:#0d3b3f; } 
a:focus { outline:0 solid; } 
img { max-width:100%; height:auto; }

.img_left {  background:#FFF; float:left; margin:5px 30px 10px 0; padding:3px; border:1px solid #CCC; -webkit-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); box-shadow:1px 1px 3px 1px rgba(0, 0, 0, 0.04); }
 
h1,h2,h3,h4,h5,h6 { font-weight:700; line-height:1.4; color:#005c34; font-family:"Roboto Condensed", sans-serif; } 
body { font-size:16px; font-family:"Roboto", sans-serif; color:#666666; } 
p { font-size:16px; line-height:1.8; color:#666666; } 
select { cursor:pointer; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-image:url(../images/down-arrow.png); background-repeat:no-repeat; background-size:14px; background-position:calc(100% - 15px) 50%; } 
.pt-10 { padding-top:10px; } 
.pt-20 { padding-top:20px; } 
.pt-30 { padding-top:30px; } 
.pt-40 { padding-top:40px; } 
.pt-50 { padding-top:50px; } 
.pt-60 { padding-top:60px; } 
.pt-70 { padding-top:70px; } 
.pt-75 { padding-top:75px; } 
.pt-80 { padding-top:80px; } 
.pt-90 { padding-top:90px; } 
.pt-100 { padding-top:100px; } 
.pt-200 { padding-top:200px; } 
.pb-10 { padding-bottom:10px; } 
.pb-20 { padding-bottom:20px; } 
.pb-30 { padding-bottom:30px; } 
.pb-40 { padding-bottom:40px; } 
.pb-50 { padding-bottom:50px; } 
.pb-60 { padding-bottom:60px; } 
.pb-70 { padding-bottom:70px; } 
.pb-75 { padding-bottom:75px; } 
.pb-80 { padding-bottom:80px; } 
.pb-90 { padding-bottom:90px; } 
.pb-100 { padding-bottom:100px; } 
.pb-130 { padding-bottom:130px; } 
.ptb-10 { padding-bottom:10px; padding-bottom:10px; } 
.ptb-20 { padding-bottom:20px; padding-bottom:20px; } 
.ptb-30 { padding-top:30px; padding-bottom:30px; } 
.ptb-40 { padding-top:40px; padding-bottom:40px; } 
.ptb-50 { padding-top:50px; padding-bottom:50px; } 
.ptb-60 { padding-top:60px; padding-bottom:60px; } 
.ptb-70 { padding-top:70px; padding-bottom:70px; } 
.ptb-80 { padding-top:80px; padding-bottom:80px; } 
.ptb-90 { padding-top:90px; padding-bottom:90px; } 
.ptb-100 { padding-top:100px; padding-bottom:100px; } 
.mb-0 { margin-bottom:0px !important; } 
.mb-10 { margin-bottom:10px !important; } 
.mb-15 { margin-bottom:15px !important; } 
.mb-20 { margin-bottom:20px !important; } 
.mb-25 { margin-bottom:25px !important; } 
.mb-30 { margin-bottom:30px !important; } 
.mb-40 { margin-bottom:40px !important; } 
.mb-50 { margin-bottom:50px !important; } 
.mb-60 { margin-bottom:60px !important; } 
.mb-70 { margin-bottom:70px !important; } 
.mb-80 { margin-bottom:80px !important; } 
.mb-90 { margin-bottom:90px !important; } 
.mb-100 { margin-bottom:100px !important; } 
.mmt-10 { margin-top:-10px !important; } 
.mt-0 { margin-top:0px !important; } 
.mt-10 { margin-top:10px !important; } 
.mt-15 { margin-top:15px !important; } 
.mt-20 { margin-top:20px !important; } 
.mt-25 { margin-top:25px !important; } 
.mt-30 { margin-top:30px !important; } 
.mt-35 { margin-top:35px !important; } 
.mt-40 { margin-top:40px !important; } 
.mt-50 { margin-top:50px !important; } 
.mt-60 { margin-top:60px !important; } 
.mt-70 { margin-top:70px !important; } 
.mt-80 { margin-top:80px !important; } 
.mt-100 { margin-top:100px !important; } 
.mtb-100 { margin-top:100px !important; margin-bottom:100px !important; } 
.z-0 { z-index:0; position:relative; } 
.help-block { color:#E31C25; } 
.list-style { margin:0; padding:0; list-style:none; } 
.list-style li { list-style:none; }
.page-wrapper { overflow-x:hidden; }

/*---------------------------------   Mixins & Animation CSS -----------------------------------*/
.comment-item-wrap .comment-item, .post-author, .post-navigation, .testimonial-card.style7 .client-info-wrap, .testimonial-card.style6 .client-info-area .client-info-wrap, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .pricing-tablist, .team-card.style7 .team-img .member-social .social-profile, .team-card.style4, .gallery-item-wrap.style5, .department-wrap.style8 .dp-content .feature-item-wrap, .department-wrap.style3 .dp-content .feature-item-wrap .feature-item, .hw-tablist, .service-card.style5 .service-info-wrap, .service-card.style6 .service-info-wrap, .feature-item-wrap .feature-item, .about-wrap.style5 .about-content .feature-item-wrap, .pp-post-item, .schedule-widget ul li, .select-lang .navbar-language .dropdown-toggle, .search-area, .header-wrap .header-top .header-top-right, .owl-carousel .owl-nav, .footer-bottom .social-link, .testimonial-slider-one.style3.owl-carousel .owl-nav, .team-slider-one.owl-carousel.style1 .owl-dots, .testimonial-card.style7 .client-info-area .quote-wrap, .dp-tablist, .about-wrap.style8 .about-img-wrap, .about-wrap.style7 .about-img-wrap, .about-wrap.style4 .about-tablist, .hero-wrap.style5 .hero-img-wrap, .testimonial-card.style6 .client-info-area, .pricing-table.style2 .pricing-header-wrap, .pricing-table.style4 .pricing-header-wrap, .gallery-card.style5 .gallery-info, .gallery-card.style3 .gallery-info, .gallery-card.style4 .gallery-info, .department-wrap.style8 .dp-content .feature-item-wrap .feature-item, .service-card.style4 .service-info .service-title, .promo-card.style2 .promo-title, .about-wrap.style5 .about-img-wrap .about-promo-text, .about-wrap.style3 .about-content .feature-item-wrap .feature-item, .about-wrap.style3 .about-content .feature-item-wrap, .about-wrap.style1 .about-content .about-subtext, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .gallery-info-widget .gallery-info-item-wrap .gallery-info-item, .service-card.style7 .service-info, .blog-card.style4 .blog-info .blog-date, .blog-card.style3 .blog-img .blog-date, .testimonial-card.style4 .client-img .quote-icon, .pricing-table.style2 .pricing-header-wrap .pricing-icon, .pricing-table.style4 .pricing-header-wrap .pricing-icon, .gallery-card.style8 .gallery-info, .service-card.style5 .service-icon, .service-card.style6 .service-icon, .service-card.style4 .service-info .service-title .service-icon, .service-card.style2 .service-icon, .service-card.style8 .service-icon, .service-card.style1 .service-info .service-icon, .promo-card .promo-icon, .feature-item-wrap .feature-item .feature-icon, .about-wrap.style5 .about-img-wrap .about-promo-text > span, .about-wrap.style1 .about-content .about-subtext span, .search-area, .searchbtn, .social-profile.style1 li a, .social-profile.style2 li a, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { display:flex; flex-wrap:wrap; }

.blog-card.style4 .blog-info .blog-date, .blog-card.style3 .blog-img .blog-date, .testimonial-card.style4 .client-img .quote-icon, .pricing-table.style2 .pricing-header-wrap .pricing-icon, .pricing-table.style4 .pricing-header-wrap .pricing-icon, .gallery-card.style8 .gallery-info, .service-card.style5 .service-icon, .service-card.style6 .service-icon, .service-card.style4 .service-info .service-title .service-icon, .service-card.style2 .service-icon, .service-card.style8 .service-icon, .service-card.style1 .service-info .service-icon, .promo-card .promo-icon, .feature-item-wrap .feature-item .feature-icon, .about-wrap.style5 .about-img-wrap .about-promo-text > span, .about-wrap.style1 .about-content .about-subtext span, .search-area, .searchbtn, .social-profile.style1 li a, .social-profile.style2 li a, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { flex-direction:column; justify-content:center; }

.service-card.style7 .service-info { flex-direction:column; justify-content:flex-end; }

.footer-bottom .social-link, .post-navigation, .testimonial-card.style7 .client-info-wrap, .testimonial-card.style7 .client-info-area .quote-wrap, .testimonial-card.style6 .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .pricing-table.style2 .pricing-header-wrap, .pricing-table.style4 .pricing-header-wrap, .gallery-card.style5 .gallery-info, .gallery-card.style3 .gallery-info, .gallery-card.style4 .gallery-info, .department-wrap.style8 .dp-content .feature-item-wrap .feature-item, .service-card.style4 .service-info .service-title, .promo-card.style2 .promo-title, .about-wrap.style5 .about-img-wrap .about-promo-text, .about-wrap.style3 .about-content .feature-item-wrap .feature-item, .about-wrap.style3 .about-content .feature-item-wrap, .about-wrap.style1 .about-content .about-subtext, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .gallery-info-widget .gallery-info-item-wrap .gallery-info-item, .schedule-widget ul li, .select-lang .navbar-language .dropdown-toggle, .header-wrap .header-top .header-top-right { -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; }

.testimonial-card.style5 .client-info-area, .about-wrap.style7 .about-img-wrap { -webkit-box-align:start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start; }

.post-navigation, .testimonial-card.style7 .client-info-area .quote-wrap, .dp-tablist, .about-wrap.style8 .about-img-wrap, .about-wrap.style7 .about-img-wrap, .about-wrap.style4 .about-tablist, .hero-wrap.style5 .hero-img-wrap, .schedule-widget ul li { justify-content:space-between; }

.testimonial-slider-one.style3.owl-carousel .owl-nav, .team-slider-one.owl-carousel.style1 .owl-dots { justify-content:center; }

.footer-bottom .social-link, .pricing-tablist, .header-wrap .header-top .header-top-right { justify-content:flex-end; }

.play-now .ripple,
.play-now .ripple:before,
.play-now .ripple:after { position:absolute; top:50%; left:50%; height:85px; width:85px; transform:translateX(-50%) translateY(-50%); transform-origin:center center; border-radius:50%; -ms-box-shadow:0 0 0 0 #FFF; -o-box-shadow:0 0 0 0 #FFF; box-shadow:0 0 0 0 #FFF; animation:ripple 3s infinite; }

.play-now { position:relative; height:85px; width:85px; text-align:center; line-height:92px; background-color:transparent; color:#FFF; z-index:1; font-size:28px; padding-left:5px; display:block; transform-origin:center center; border-radius:50%; margin:0 auto; }
.play-now .ripple:before { animation-delay:0.9s; content:""; position:absolute; }
.play-now .ripple:after { animation-delay:0.6s; content:""; position:absolute; }
@keyframes ripple { 70% { box-shadow:0 0 0 20px rgba(255, 255, 255, 0); } 100% { box-shadow:0 0 0 0 rgba(255, 255, 255, 0); } }
.checkbox { display:block; }
.checkbox input { padding:0; height:initial; width:initial; margin-bottom:0; display:none; cursor:pointer; }
.checkbox label { position:relative; cursor:pointer; padding-left:20px; }
.checkbox label:before { content:""; -webkit-appearance:none; -moz-appearance:none;   appearance:none; background-color:transparent; border:1px solid #0d3b3f; display:inline-block; width:15px; height:15px; position:absolute; vertical-align:middle; cursor:pointer; margin-right:5px; position:absolute; left:0; top:5px; }
.checkbox a { color:#0d3b3f; }
.checkbox.style2 label:before { border-radius:50%; border-color:#888888; }

.checkbox input:checked + label:before { border-color:#0d3b3f; }

.checkbox input:checked + label:after { content:""; display:block; position:absolute; top:8px; left:3px; width:9px; height:9px; border:none; background:#0d3b3f; }

/*---------------------------------    Back To Top Button CSS  -----------------------------------*/
.back-to-top { font-size:24px; width:45px; height:45px; line-height:42px; text-align:center; display:none; position:fixed; bottom:230px; right:20px; z-index:999; border-radius:5px; background:#f30d11; box-shadow:0 5px 5px rgba(0, 0, 0, 0.2); transition:all 0.4s ease-in-out; }
.back-to-top.open { bottom:30px; }
.back-to-top i { color:#FFF; position:relative; top:1px; }

/*---------------------------------    Preloader CSS -----------------------------------*/
.preloader { position:fixed; top:0; left:0; width:100%; height:100%; background:#FFF; z-index:20000; display:flex; align-items:center; justify-content:center; }

.loader { text-align:center; margin:5px; border-radius:50%; border:4px solid #0d3b3f; display:flex; flex-flow:column wrap; justify-content:center; align-content:center; align-items:center; transform-style:preserve-3d; position:relative; }

.loader-inner-1 { animation-delay:0.2s; animation:change_first_circle 4s ease-in-out infinite; }
.loader-inner-2 { animation-delay:0.2s; animation:change_second_circle 4s ease-in-out infinite; }
.loader-inner-3 { animation-delay:0.2s; width:40px; height:40px; animation:change_last_circle 4s linear infinite; }

@keyframes change_first_circle { 50% { transform:rotateX(360deg) scale(0.8); } }
@keyframes change_second_circle { 50% { transform:rotateY(360deg) scale(0.8); } }
@keyframes change_last_circle { 50% { transform:rotateX(360deg) scale(0.8); } }

/*---------------------------------      Button & Link CSS  ----------------------------------*/
.btn { display:inline-block; line-height:26px; font-weight:400; border-radius:5px; text-align:center; transition:all 0.7s ease-in-out; position:relative; z-index:1; border:none; padding:14px 35px 16px; border-radius:5px; color:#FFF; overflow:hidden; white-space:nowrap; }
.btn i { position:relative; top:3px; font-size:16px; margin-left:7px; transition:all 0.4s ease-in-out; }
.btn:before { position:absolute; top:0; left:0; content:""; width:50%; height:0; visibility:hidden; opacity:0; z-index:-1; transition:all 0.4s ease-in-out; }
.btn:after { position:absolute; bottom:0; right:0; content:""; width:50%; height:0; visibility:hidden; opacity:0; z-index:-1; transition:all 0.4s ease-in-out; }
.btn:hover { color:#FFF; }
.btn:hover:after, .btn:hover:before { width:100%; height:100%; visibility:visible; opacity:1; }
.btn.style1 { background-color:#f30d11; border-radius:5px; }
.btn.style1:after, .btn.style1:before { background:#005c34; }

.btn.style2 { background-color:#f30d11; color:#FFF; }

.btn.style2:after, .btn.style2:before { background:#0d3b3f; }
.btn.style3 { background-color:#000; color:#FFF; }
.btn.style3:after, .btn.style3:before { background:#0d3b3f; }
.btn.style3:hover { color:#FFF; }
.btn.style4 { background-color:transparent; border:1px solid rgba(0, 40, 86, 0.5); color:#002856; font-weight:500; }
.btn.style4:after, .btn.style4:before { background:#002856; }
.btn.style4:hover { color:#FFF; }
.btn.style5 { background-color:transparent; border:1px solid #0d3b3f; color:#0d3b3f; }
.btn.style5:after, .btn.style5:before { background:#0d3b3f; }
.btn.style5:hover { color:#FFF; }
.btn.style6 { background-color:#FFF; color:#0d3b3f; }
.btn.style6:after, .btn.style6:before { background:#0d3b3f; }
.btn.style6:hover { color:#FFF; }

.link { font-weight:500; line-height:26px; display:inline-block; position:relative; color:#0d3b3f; transition:all 0.4s ease-in-out; }
.link:after { position:absolute; bottom:0; left:0; content:""; width:0; height:1px; background:#0d3b3f; visibility:hidden; opacity:0; transition:all 0.4s ease-in-out; }
.link i { position:relative; top:3px; margin-left:5px; font-size:16px; transition:all 0.4s ease-in-out; }
.link:hover { color:#0d3b3f; }
.link:hover:after { visibility:visible; opacity:1; width:100%; }
.link:hover i { margin-left:10px; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next { width:40px; height:40px; border-radius:50%; text-align:center; background-color:#002856; position:relative; overflow:hidden; z-index:1; transition:all 0.4s ease-in-out; }
.owl-carousel .owl-nav button.owl-prev i, .owl-carousel .owl-nav button.owl-next i { font-size:20px; line-height:0.9; display:inline-block; position:relative; top:0; color:#FFF; margin:0 auto; transition:all 0.4s ease-in-out; }
.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover { background-color:#0d3b3f; }
.owl-carousel .owl-nav button.owl-prev:hover i, .owl-carousel .owl-nav button.owl-next:hover i { color:#FFF; }
.owl-carousel .owl-nav button.owl-prev i { position:relative; right:1px; }
.owl-carousel .owl-nav button.owl-next i { position:relative; left:1px; }
.owl-carousel .owl-dots button.owl-dot { margin:0 10px 0 0; position:relative; top:3px; }
.owl-carousel .owl-dots button.owl-dot span { display:inline-block; width:20px; height:20px; border-radius:50%; border:1px solid rgba(0, 40, 86, 0.3); background-color:transparent; position:relative; }
.owl-carousel .owl-dots button.owl-dot span:before { position:absolute; top:50%; left:50%; content:""; transform:translate(-50%, -50%); width:8px; height:8px; border-radius:50%; background-color:#002856; }
.owl-carousel .owl-dots button.owl-dot:last-child { margin:0; }
.owl-carousel .owl-dots button.owl-dot.active span { border-color:#0d3b3f; }
.owl-carousel .owl-dots button.owl-dot.active span:before { background-color:#0d3b3f; }

/*--------------------------------------   Section Title,Overlay & Shape CSS  ----------------------------------------*/
.section-title,
.content-title { position:relative; margin-top:-2px; }
.section-title h2,
.content-title h2 { font-size:40px; margin:0; }
.section-title p,
.content-title p { margin:12px 0 0; }
.section-title span,
.content-title span { display:inline-block; font-weight:600; margin:0 0 10px; position:relative; z-index:1; line-height:1; }
.section-title span p,
.content-title span p { margin:10px auto 0; }
.section-title.style1 span,
.content-title.style1 span { color:#0d3b3f; }
.section-title.style2 span,
.content-title.style2 span { color:#0d3b3f; }
.section-title.style2 h2,
.content-title.style2 h2 { color:#FFF; }
.section-title.style2 p,
.content-title.style2 p { color:rgba(255, 255, 255, 0.8); }
.section-title.style3 span,
.content-title.style3 span { color:#0d3b3f; }
.section-title.style3 h2,
.content-title.style3 h2 { color:#002856; }
.section-title.style3 h2 span,
.content-title.style3 h2 span { color:#002856; }
.section-title.style4 span,
.content-title.style4 span { color:#005c34; }
.content-wrapper { margin-top:140px; } 
.bg-transparent { background-color:transparent; } 
.bg-black { background-color:#000; } 
.bg-white { background-color:#FFF; } 
.bg-prussian { background-color:#002856; } 
.bg-athens { background-color:#F3F4F6; } 
.bg-albastor { background-color:#f9f9f9; } 
.body_overlay { position:fixed; top:0; left:0; content:""; background-color:rgba(0, 0, 0, 0.8); width:100%; height:100%; z-index:999; visibility:hidden; opacity:0; transition:all 0.4s ease-in-out; }
.body_overlay.open { visibility:visible; opacity:1; }
.overlay { position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; } 
.op-1 { opacity:0.1; } 
.op-2 { opacity:0.2; } 
.op-3 { opacity:0.3; } 
.op-4 { opacity:0.4; } 
.op-5 { opacity:0.5; } 
.op-6 { opacity:0.6; } 
.op-7 { opacity:0.7; } 
.op-75 { opacity:0.75; } 
.op-8 { opacity:0.8; } 
.op-85 { opacity:0.85; } 
.op-9 { opacity:0.9; } 
.op-95 { opacity:0.95; } 
.op-10 { opacity:1; } 
.bg-f { background-position:center center; background-size:cover; background-repeat:no-repeat; background-color:#ddd; } 
.pos-rel { position:relative; z-index:1; } 
.bounce { animation:float 1500ms infinite ease-in-out; } 
.moveHorizontal { animation:moveHorizontal 3000ms infinite ease-in-out; } 
.moveVertical { animation:moveVertical 3000ms infinite ease-in-out; } 
.moveHorizontal_reverse { animation:moveHorizontal_reverse 3000ms infinite ease-in-out; } 
.animationFramesTwo { animation:animationFramesTwo 20000ms infinite ease-in-out; } 
.waving_left { animation:waving_left 7s infinite linear; transition:all 0.3s ease-in-out; } 
.waving_right { animation:waving_right 7s infinite linear; transition:all 0.3s ease-in-out; } 
.rotate { animation:rotation 20s infinite linear; }

.rotate { animation:rotation 20s infinite linear; }
@keyframes waving_left { 0% { -webkit-transform:rotate(0deg); } 25% { -webkit-transform:rotate(3deg); } 50% { -webkit-transform:rotate(6deg); } 75% { -webkit-transform:rotate(-3deg); } 100% { -webkit-transform:rotate(0deg); } }
@keyframes waving_right { 0% { -webkit-transform:rotate(0deg); } 25% { -webkit-transform:rotate(-3deg); } 50% { -webkit-transform:rotate(-6deg); } 75% { -webkit-transform:rotate(-3deg); } 100% { -webkit-transform:rotate(0deg); } }
@keyframes float { 0% { transform:translateY(0px); } 50% { transform:translateY(-5px); } 100% { transform:translateY(0px); } }
@keyframes rotation { from { -webkit-transform:rotate(0deg); } to { -webkit-transform:rotate(359deg); } }
@keyframes animationFramesTwo { 0% { -webkit-transform:translate(0px, 0px) rotate(0deg); } 20% { -webkit-transform:translate(73px, -1px) rotate(36deg); } 40% { -webkit-transform:translate(141px, 72px) rotate(72deg); } 60% { -webkit-transform:translate(83px, 122px) rotate(108deg); } 80% { -webkit-transform:translate(-40px, 72px) rotate(144deg); } 100% { -webkit-transform:translate(0px, 0px) rotate(0deg); } }
@keyframes moveHorizontal { 0% { transform:translateX(0px); } 50% { transform:translateX(-20px); } 100% { transform:translateX(0px); } }
@keyframes moveHorizontal_reverse { 0% { transform:translateX(0px); } 50% { transform:translateX(20px); } 100% { transform:translateX(0px); } }
@keyframes moveVertical { 0% { transform:translateY(0px); } 50% { transform:translateY(-20px); } 100% { transform:translateY(0px); } }
@keyframes shine { 100% { left:125%; } }

/*-------------------------------    Social Link  CSS -------------------------------*/
.social-profile li { display:inline-block; margin:0 4px; }
.social-profile li:first-child { margin-left:0; }
.social-profile li:last-child { margin-right:0; }
.social-profile li:last-child { margin-right:0; }
.social-profile li a { display:block; text-align:center; border:1px solid transparent; transition:all 0.3s ease-in-out; }
.social-profile li a i { transition:all 0.3s ease-in-out; font-size:16px; line-height:0.8; }
.social-profile li a:hover { border-color:transparent; color:#0d3b3f; }
.social-profile.style1 li a, .social-profile.style2 li a { width:32px; height:32px; text-align:center; transition:all 0.3s ease-in-out; }
.social-profile.style1 li a { background:#FFF; border-radius:50%; box-shadow:0 4px 15px rgba(0, 0, 0, 0.08); }
.social-profile.style1 li a i { color:#002856; }
.social-profile.style1 li a:hover { background-color:#0d3b3f; transform:translateY(-3px); }
.social-profile.style1 li a:hover i { color:#FFF; }
.social-profile.style2 li a { background:#F5F5F5; border-radius:50%; box-shadow:0 5px 8px rgba(0, 0, 0, 0.01); }
.social-profile.style2 li a i { color:#0d3b3f; }
.social-profile.style2 li a:hover { background-color:#0d3b3f; transform:translateY(-3px); }
.social-profile.style2 li a:hover i { color:#FFF; }

.comment-item-wrap .comment-item, .post-author, .post-navigation, .testimonial-card.style7 .client-info-wrap, .testimonial-card.style6 .client-info-area .client-info-wrap, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .pricing-tablist, .team-card.style7 .team-img .member-social .social-profile, .team-card.style4, .gallery-item-wrap.style5, .department-wrap.style8 .dp-content .feature-item-wrap, .department-wrap.style3 .dp-content .feature-item-wrap .feature-item, .hw-tablist, .service-card.style5 .service-info-wrap, .service-card.style6 .service-info-wrap, .feature-item-wrap .feature-item, .about-wrap.style5 .about-content .feature-item-wrap, .pp-post-item, .schedule-widget ul li, .select-lang .navbar-language .dropdown-toggle, .search-area, .header-wrap .header-top .header-top-right, .blog-card.style4 .blog-info .blog-date, .blog-card.style3 .blog-img .blog-date, .testimonial-card.style4 .client-img .quote-icon, .pricing-table.style2 .pricing-header-wrap .pricing-icon, .pricing-table.style4 .pricing-header-wrap .pricing-icon, .gallery-card.style8 .gallery-info, .service-card.style5 .service-icon, .service-card.style6 .service-icon, .service-card.style4 .service-info .service-title .service-icon, .service-card.style2 .service-icon, .service-card.style8 .service-icon, .service-card.style1 .service-info .service-icon, .promo-card .promo-icon, .feature-item-wrap .feature-item .feature-icon, .about-wrap.style5 .about-img-wrap .about-promo-text > span, .about-wrap.style1 .about-content .about-subtext span, .searchbtn, .service-card.style7 .service-info, .footer-bottom .social-link, .testimonial-card.style7 .client-info-area .quote-wrap, .testimonial-card.style6 .client-info-area, .pricing-table.style2 .pricing-header-wrap, .pricing-table.style4 .pricing-header-wrap, .gallery-card.style5 .gallery-info, .gallery-card.style3 .gallery-info, .gallery-card.style4 .gallery-info, .department-wrap.style8 .dp-content .feature-item-wrap .feature-item, .service-card.style4 .service-info .service-title, .promo-card.style2 .promo-title, .about-wrap.style5 .about-img-wrap .about-promo-text, .about-wrap.style3 .about-content .feature-item-wrap .feature-item, .about-wrap.style3 .about-content .feature-item-wrap, .about-wrap.style1 .about-content .about-subtext, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .gallery-info-widget .gallery-info-item-wrap .gallery-info-item, .dp-tablist, .about-wrap.style8 .about-img-wrap, .about-wrap.style7 .about-img-wrap, .about-wrap.style4 .about-tablist, .hero-wrap.style5 .hero-img-wrap, .testimonial-slider-one.style3.owl-carousel .owl-nav, .team-slider-one.owl-carousel.style1 .owl-dots, .pricing-tablist, .owl-carousel .owl-nav, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a { display:flex; flex-wrap:wrap; }

.blog-card.style4 .blog-info .blog-date, .blog-card.style3 .blog-img .blog-date, .testimonial-card.style4 .client-img .quote-icon, .pricing-table.style2 .pricing-header-wrap .pricing-icon, .pricing-table.style4 .pricing-header-wrap .pricing-icon, .gallery-card.style8 .gallery-info, .service-card.style5 .service-icon, .service-card.style6 .service-icon, .service-card.style4 .service-info .service-title .service-icon, .service-card.style2 .service-icon, .service-card.style8 .service-icon, .service-card.style1 .service-info .service-icon, .promo-card .promo-icon, .feature-item-wrap .feature-item .feature-icon, .about-wrap.style5 .about-img-wrap .about-promo-text > span, .about-wrap.style1 .about-content .about-subtext span, .search-area, .searchbtn, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a { flex-direction:column; justify-content:center; }

.footer-bottom .social-link, .post-navigation, .testimonial-card.style7 .client-info-wrap, .testimonial-card.style7 .client-info-area .quote-wrap, .testimonial-card.style6 .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card .client-info-area, .pricing-table.style2 .pricing-header-wrap, .pricing-table.style4 .pricing-header-wrap, .gallery-card.style5 .gallery-info, .gallery-card.style3 .gallery-info, .gallery-card.style4 .gallery-info, .department-wrap.style8 .dp-content .feature-item-wrap .feature-item, .service-card.style4 .service-info .service-title, .promo-card.style2 .promo-title, .about-wrap.style5 .about-img-wrap .about-promo-text, .about-wrap.style3 .about-content .feature-item-wrap .feature-item, .about-wrap.style3 .about-content .feature-item-wrap, .about-wrap.style1 .about-content .about-subtext, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .gallery-info-widget .gallery-info-item-wrap .gallery-info-item, .schedule-widget ul li, .select-lang .navbar-language .dropdown-toggle, .header-wrap .header-top .header-top-right { -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; }

.footer-bottom .social-link, .pricing-tablist, .header-wrap .header-top .header-top-right { justify-content:flex-end; }

/*---------------------------------  Header CSS -----------------------------------*/
.header { margin-top:10px; margin-bottom:10px; }
.logo { }
.logo img { width:100%; }
.c_name { font-family:"Roboto Condensed", sans-serif; color:#015b34; margin-top:0; margin-bottom:0; font-size:24px; font-weight:600;  }
.c_name a { color:#15235F; }
.c_name img { height:25px; margin-top:-5px; }
.c_location { font-family:"Roboto", sans-serif; color:#000; font-size:16px; font-weight:400; }
.c_phone { margin-top:35px; font-size:16px; }
.c_phone i { top:3px; font-size:20px; margin-left:0px; transition:all 0.4s ease-in-out; margin-right:5px; }


@keyframes fadeInDown { 0% { opacity:0; transform:translate3d(0, -100%, 0); } to { opacity:1; transform:translateZ(0); } }

.fadeInDown { animation-name:fadeInDown; }

.header-wrap { width:100%; z-index:999; transition:0.4s; }
.header-wrap.sticky { position:fixed; box-shadow:0 5px 15px rgba(0, 0, 0, 0.1); transition:0.4s; background:#FFF; animation:500ms ease-in-out 0s normal none 1 running fadeInDown; width:100%; top:-58px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.1); }
.header-wrap.sticky.style3, .header-wrap.sticky.style5, .header-wrap.sticky.style7 { top:0; }
.header-wrap.sticky.style5 { background-color:#002856; }
.header-wrap .header-bottom { padding:13px 0; }
.header-wrap .header-bottom .navbar { width:100%; padding:0; }
.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle:before, .header-wrap.style2 .header-top .header-top-right .select-lang .navbar-language .dropdown-toggle:before { color:rgba(255, 255, 255, 0.8); }

.header-wrap.style4 .header-top { background-color:#FFF; border-bottom:1px solid rgba(0, 0, 0, 0.1); }
.header-wrap.style4 .header-top .header-top-left .contact-info li:after { background-color:rgba(0, 0, 0, 0.25); }
.header-wrap.style4 .header-top .header-top-right .social-profile:after { background-color:rgba(0, 0, 0, 0.25); }
.header-wrap.style4 .header-top .header-top-right .social-profile li a { background-color:transparent; }
.header-wrap.style4 .header-top .header-top-right .social-profile li a i { color:#002856; }
.header-wrap.style4 .header-top .header-top-right .social-profile li a:hover { background-color:#0d3b3f; }
.header-wrap.style4 .header-top .header-top-right .social-profile li a:hover i { color:#FFF; }
.header-wrap.style4 .header-bottom { padding:13px 0; }
.header-wrap.style4 .header-bottom .navbar { padding:0; }

.header-wrap .header-top { padding:13px 0; background-color:transparent; }
.header-wrap .header-top .header-top-left .contact-info li { display:inline-block; margin-right:25px; padding-right:25px; position:relative; }
.header-wrap .header-top .header-top-left .contact-info li:after { position:absolute; top:5px; right:0; content:""; width:1px; height:16px; background-color:rgba(255, 255, 255, 0.4); }
.header-wrap .header-top .header-top-left .contact-info li:last-child { margin-right:0; }
.header-wrap .header-top .header-top-left .contact-info li:last-child:after { display:none; }
.header-wrap .header-top .header-top-left .contact-info li i { font-size:16px; line-height:0.8; color:#0d3b3f; position:relative; top:2px; margin-right:6px; }
.header-wrap .header-top .header-top-left .contact-info li a, .header-wrap .header-top .header-top-left .contact-info li p { color:#666666; font-size:16px; display:inline-block; margin-bottom:0; }
.header-wrap .header-top .header-top-left .contact-info li a:hover, .header-wrap .header-top .header-top-left .contact-info li p:hover { color:#002856; }
.header-wrap .header-top .header-top-right .social-profile { margin-left:20px; padding-left:20px; position:relative; }
.header-wrap .header-top .header-top-right .social-profile:after { position:absolute; top:5px; left:0; content:""; width:1px; height:18px; background-color:rgba(255, 255, 255, 0.4); }
.header-wrap .header-top .header-top-right .social-profile li a { width:30px; height:30px; background-color:#eee; }
.header-wrap .header-top .header-top-right .social-profile li a i { font-size:16px; color:#999; }
.header-wrap .header-top .header-top-right .social-profile li a:hover { background-color:#0d3b3f; }
.header-wrap .header-top .header-top-right .social-profile li a:hover i { color:#FFF; }
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link { color:#002856; font-weight:600; margin:0 10px; }
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link.active { color:#0d3b3f; }
.header-wrap.style1 .header-top, .header-wrap.style2 .header-top { background:#002856; }
.header-wrap.style1 .header-top .header-top-left .contact-info li a, .header-wrap.style1 .header-top .header-top-left .contact-info li p, .header-wrap.style2 .header-top .header-top-left .contact-info li a, .header-wrap.style2 .header-top .header-top-left .contact-info li p { color:rgba(255, 255, 255, 0.8); }
.header-wrap.style1 .header-top .header-top-right .social-profile li a, .header-wrap.style2 .header-top .header-top-right .social-profile li a { background:#002856; }
.header-wrap.style1 .header-top .header-top-right .social-profile li a i, .header-wrap.style2 .header-top .header-top-right .social-profile li a i { color:#FFF; }
.header-wrap.style1 .header-top .header-top-right .social-profile li a:hover, .header-wrap.style2 .header-top .header-top-right .social-profile li a:hover { background:#FFF; }
.header-wrap.style1 .header-top .header-top-right .social-profile li a:hover i, .header-wrap.style2 .header-top .header-top-right .social-profile li a:hover i { color:#0d3b3f; }
.header-wrap.style1 .header-top .header-top-right .select-lang span, .header-wrap.style2 .header-top .header-top-right .select-lang span { color:rgba(255, 255, 255, 0.8); }

@media only screen and (max-width:767px) {
.header-wrap.sticky { top:0; } 
.header-wrap.sticky.style1, .header-wrap.sticky.style4 { top:-122px; } 
.header-wrap.sticky.style2 { top:-122px; } 
.header-wrap.style1, .header-wrap.style2, .header-wrap.style4 { box-shadow:0 0 15px rgba(0, 0, 0, 0.07); } 
.header-wrap.style1 .header-top .header-top-left, .header-wrap.style2 .header-top .header-top-left, .header-wrap.style4 .header-top .header-top-left { text-align:center; margin-bottom:0 !important; } 
.header-wrap.style1 .header-top .header-top-left .contact-info li, .header-wrap.style2 .header-top .header-top-left .contact-info li, .header-wrap.style4 .header-top .header-top-left .contact-info li { width:100%; margin:0 0 8px 0; padding-right:0; } 
.header-wrap.style1 .header-top .header-top-left .contact-info li:after, .header-wrap.style2 .header-top .header-top-left .contact-info li:after, .header-wrap.style4 .header-top .header-top-left .contact-info li:after { display:none; } 
.header-wrap.style1 .header-top .header-top-right, .header-wrap.style2 .header-top .header-top-right, .header-wrap.style4 .header-top .header-top-right { justify-content:center; } 
.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu, .header-wrap.style2 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu, .header-wrap.style4 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu { inset:0px auto auto 0 !important; margin-left:-25px !important; } 
.header-wrap.style1 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu.show, .header-wrap.style2 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu.show, .header-wrap.style4 .header-top .header-top-right .select-lang .navbar-language .dropdown-menu.show { transform:translateY(40px) !important; opacity:1; pointer-events:all; } 
.header-wrap.style1 .header-bottom, .header-wrap.style2 .header-bottom, .header-wrap.style4 .header-bottom { padding:8px 0; } 
.navbar { position:relative; padding-top:5px; padding-bottom:5px; } 
.navbar .navbar-toggler { border-color:#ff2c57; } 
.navbar .navbar-toggler .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 44, 87, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } .navbar .navbar-nav .nav-link { color:#000000; } 
}
@media only screen and (max-width:991px) { 
.header-wrap.style1, .header-wrap.style2, .header-wrap.style4, .header-wrap.style7 { background-color:#FFF; } 
.header-wrap.style3:after { width:55%; } 
.header-wrap.style4 { box-shadow:0 0 15px rgba(0, 0, 0, 0.07); } 
.header-wrap.style5 { background-color:rgb(0, 40, 86); padding:10px 0; } 
.header-wrap.style5 .navbar .navbar-toggler { border-color:rgba(255, 255, 255, 0.4); } 
.header-wrap.style5 .navbar .navbar-nav .nav-item .nav-link { color:#FFF; } 
.header-wrap.style5 .navbar .navbar-nav .nav-item .nav-link.active { color:#0d3b3f; } 
.header-wrap.style7 { border-bottom:1px solid rgba(0, 0, 0, 0.09); } 
.header-wrap #navbarSupportedContent { margin-top:5px; } 
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link { margin:0; } 
.navbar-toggler:focus { box-shadow:none; } 
}
@media only screen and (min-width:768px) and (max-width:991px) { 
.header-wrap.sticky { top:-56px; } 
.header-wrap .header-top .header-top-left .contact-info li { margin-right:15px; padding-right:15px; } 
.header-wrap .header-top .header-top-right .social-profile { margin-left:15px; padding-left:10px; position:relative; } 
.header-wrap .header-top .header-top-right .social-profile:after { position:absolute; top:5px; left:0; content:""; width:1px; height:18px; background-color:rgba(255, 255, 255, 0.4); } 
.header-wrap .header-top .header-top-right .social-profile li a { width:30px; height:30px; background-color:#eee; } 
.header-wrap .header-top .header-top-right .social-profile li a i { font-size:16px; color:#999; } 
.header-wrap .header-top .header-top-right .social-profile li a:hover { background-color:#0d3b3f; } .
header-wrap .header-top .header-top-right .social-profile li a:hover i { color:#FFF; } 
.header-wrap .header-top .header-bottom .navbar { padding:15px 0; } 
.header-wrap .header-top .header-bottom .navbar .navbar-nav .nav-item .nav-link { color:#002856; font-weight:600; margin:0 10px; } 
.header-wrap .header-top .header-bottom .navbar .navbar-nav .nav-item .nav-link.active { color:#0d3b3f; } 
.navbar { position:relative; padding-top:5px; padding-bottom:5px; } .navbar .navbar-toggler { border-color:#002856; } 
.navbar .navbar-toggler .navbar-toggler-icon { background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 44, 87, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); } 
.navbar .navbar-toggler:focus { box-shadow:none; } 
.navbar .navbar-nav .nav-link { color:#000000; } 
}
@media only screen and (min-width:992px) { 
.header-wrap .navbar .other-option { margin-left:20px; } 
.header-wrap.style5 { border-bottom:1px solid rgba(255, 255, 255, 0.12); } 
.header-wrap.style5 .header-bottom .navbar { padding:15px 0; } 
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link { color:#FFF; font-weight:600; margin:0 10px; padding:10px 0; position:relative; } 
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link:after { position:absolute; bottom:-24px; left:0; content:""; width:100%; height:2px; background-color:#0d3b3f; visibility:hidden; opacity:0; transition:0.3s; } 
.header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link.active, .header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link:hover { color:#0d3b3f; } .header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link.active:after, .header-wrap.style5 .header-bottom .navbar .navbar-nav .nav-item .nav-link:hover:after { width:100%; visibility:visible; opacity:1; } 
}
@media only screen and (min-width:992px) and (max-width:1199px) { .
header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link { margin:0 5px; } 
.header-wrap .header-top .header-top-right .social-profile { margin-left:20px; padding-left:10px; position:relative; } 
.header-wrap.style3::after { width:23.2%; } 
.other-option .btn.style1 { padding:10px 18px 10px; font-size:16px; } 
.header-wrap .header-bottom .navbar .navbar-nav .nav-item .nav-link { font-size:16px; } 
}
@media only screen and (max-width:1199px) { 
.header-wrap .header-top .header-top-left .contact-item p, .header-wrap .header-top .header-top-left .contact-item a { font-size:16px; font-weight:400; } .navbar-brand { min-width:120px; } 
.header-wrap.sticky .mobile-menu { margin-right:0; } 
.header-wrap .header-bottom { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } 
.header-wrap .header-bottom .container { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } 
}
@media only screen and (min-width:1600px) { 
.header-wrap.style1 .container, .header-wrap.style2 .container, .header-wrap.style3 .container, .header-wrap.style4 .container, .header-wrap.style5 .container, .header-wrap.style7 .container { max-width:1520px; } 
}
@media only screen and (min-width:1920px) { 
.header-wrap.style1 .container, .header-wrap.style2 .container, .header-wrap.style3 .container, .header-wrap.style4 .container, .header-wrap.style5 .container, .header-wrap.style7 .container { max-width:1620px; } 
}

/*---------------------------------  banner and web-banner CSS  -----------------------------------*/
.banner {}


/*web banner css start*/
.web-banner { background:url(../images/web_banner.jpg) top left repeat-x; background-size:cover; color:#FFF; overflow:hidden; padding:70px 0px; position:relative; margin:0px 0 0px !important; font-family:'Roboto', sans-serif; text-align:center; }
.web-banner:before { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(54, 59, 77, 0.88); }
.web-banner .breadcrumb-wrapper .product-title { font-size:30px; line-height:38px; font-weight:700; color:#FFF; position:relative; z-index:999; text-align:center; }
.web-banner .breadcrumb-wrapper .breadcrumb { font-size:16px; color:#f30d11; border-radius:0px; background:transparent; padding:5px 0px;  position:relative; z-index:999; align-items:center; display:block !important; }
.web-banner .breadcrumb-wrapper .breadcrumb li { display:inline-block; }
.web-banner .breadcrumb-wrapper .breadcrumb li a { color:#FFF; padding-right:5px;  position:relative; z-index:999; }
/*web banner css end*/




/*-------------------------------    Category Widget CSS -------------------------------*/
.category-box ul li { position:relative; margin-bottom:15px; }
.category-box ul li:last-child { margin-bottom:0; }
.category-box ul li a { color:#002856; font-weight:600; padding:15px 20px 15px 20px; display:block; font-size:18px; background-color:#FFF; position:relative; border-left:6px solid transparent; border-radius:15px; z-index:1; transition:0.4s; }
.category-box ul li a i { position:relative; top:3px; margin-left:2px; font-size:15px; visibility:hidden; opacity:0; color:#0d3b3f; transition:0.4s; }
.category-box ul li a:hover { color:#0d3b3f; padding-left:25px; border-color:#0d3b3f; }
.category-box ul li a:hover i { visibility:visible; opacity:1; margin-left:7px; }

/*-------------------------------     Schedule Widget CSS -------------------------------*/
.schedule-widget ul li { margin:0 0 15px; }
.schedule-widget ul li:last-child { margin:0; }
.schedule-widget ul li h6 { font-size:16px; line-height:1.1; margin:0; font-weight:500; }
.schedule-widget ul li p { margin:0; font-size:15px; }

/*-------------------------------   Contact Box Widget CSS  -------------------------------*/
.contact-widget { position:relative; text-align:left; z-index:1; text-align:center; }
.contact-widget.sidebar-widget { border-top:none; padding:50px 25px; }
.contact-widget p,
.contact-widget h3,
.contact-widget a { color:#FFF; z-index:2; font-weight:500; position:relative; }
.contact-widget h3 { font-size:24px; line-height:1.2; margin:10px 0 15px; }
.contact-widget a { display:block; margin:0 0 10px; }
.contact-widget a.btn { margin-top:15px; display:inline-block; }

/*-------------------------------    Taglist Widget CSS -------------------------------*/
.tag-list ul { margin-top:-12px; }
.tag-list ul li { display:inline-block; margin:12px 8px 0px 0px; }
.tag-list ul li a { display:inline-block; font-size:16px; line-height:16px; padding:10px 15px; color:#002856; background-color:#EFF0F2; border-radius:50px; transition:0.3s; }
.tag-list ul li a:hover { background-color:#0d3b3f; color:#FFF; }

/*-------------------------------   Popular post Widget CSS -------------------------------*/
.pp-post-item { margin:0 0 20px; }
.pp-post-item .pp-post-img { width:85px; border-radius:4px; position:relative; top:1px; }
.pp-post-item .pp-post-img img { border-radius:4px; }
.pp-post-item .pp-post-info { width:calc(100% - 100px); margin-left:15px; margin-top:-2px; }
.pp-post-item .pp-post-info h6 { font-size:16px; font-weight:500; line-height:1.5; font-weight:700; margin-bottom:10px; }
.pp-post-item .pp-post-info h6 a { color:#002856; }
.pp-post-item .pp-post-info h6 a:hover { color:#0d3b3f; }
.pp-post-item .pp-post-info span { font-size:16px; line-height:1; display:block; position:relative; padding-left:22px; color:#888888; }
.pp-post-item .pp-post-info span i { position:absolute; top:1px; left:0; font-size:15px; line-height:0.8; color:#0d3b3f; }
.pp-post-item:last-child { margin:0; }
.pp-post-item:hover .pp-post-info h6 a { color:#0d3b3f; }

/*-------------------------------  About Section  CSS -------------------------------*/
.about-wrap .about-promo-text { position:absolute; min-width:220px; padding:20px 10px 30px; background-color:#002856; text-align:center; border-radius:5px; }
.about-wrap .about-promo-text h5 { margin:0; color:#FFF; font-size:16px; font-weight:400; }
.about-wrap .about-promo-text h5 span { font-size:40px; font-weight:600; display:block; }

.about-wrap .wel_text { font-size:16px; text-align:justify; color:#666666; line-height:1.9em; }


.feature-item-wrap .feature-item { margin-bottom:25px; }
.feature-item-wrap .feature-item:last-child { margin-bottom:0; }
.feature-item-wrap .feature-item .feature-icon { width:70px; height:70px; border-radius:50%; position:relative; z-index:1; box-shadow:0px 0 15px 0px rgba(0, 0, 0, 0.09); overflow:hidden; background:#FFF; position:relative; top:2px; transition:0.4s; }
.feature-item-wrap .feature-item .feature-icon i { font-size:36px; line-height:0.8; margin:0 auto; color:#002856; transition:0.4s; }
.feature-item-wrap .feature-item .feature-icon:after { position:absolute; bottom:0; left:0; content:""; width:100%; height:0; background-color:#0d3b3f; transition:0.4s; visibility:hidden; opacity:0; z-index:-1; }
.feature-item-wrap .feature-item .feature-text { width:calc(100% - 90px); margin-left:20px; }
.feature-item-wrap .feature-item .feature-text h3 { font-size:24px; margin:0 0 10px; transition:0.4s; }
.feature-item-wrap .feature-item .feature-text p { margin:0; }
.feature-item-wrap .feature-item:hover .feature-icon i { color:#FFF; }
.feature-item-wrap .feature-item:hover .feature-icon:after { height:100%; visibility:visible; opacity:1; }
.feature-item-wrap.style2 { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr; grid-gap:25px; }
.feature-item-wrap.style2 .feature-item { box-shadow:0 0 25px rgba(0, 0, 0, 0.07); padding:25px; margin-top:38px; }
.feature-item-wrap.style2 .feature-item:last-child { margin-bottom:25px; }
.feature-item-wrap.style2 .feature-item .feature-icon { margin-top:-65px; }
.feature-item-wrap.style2 .feature-item .feature-text { width:100%; margin-left:0; margin-top:22px; }

.tab-pane { transition:0.3s; }

/*------------------------------- Promo Section  CSS -------------------------------*/
.promo-wrap.style1 { margin-top:-80px; position:relative; }

.promo-card { margin-bottom:25px; }
.promo-card .promo-info h3 { font-size:22px; }
.promo-card .promo-icon { overflow:hidden; width:80px; height:80px; border-radius:50%; position:relative; z-index:1; box-shadow:0 5px 22px rgba(0, 0, 0, 0.09); transition:0.4s; }
.promo-card .promo-icon i { font-size:32px; line-height:0.8; color:#002856; margin:0 auto; transition:0.4s; }
.promo-card.style1 { background-color:#FFF; box-shadow:0px 6px 30px rgba(17, 17, 17, 0.03), 0px 6px 30px rgba(17, 17, 17, 0.03); }
.promo-card.style1 .promo-info { padding:25px 25px 22px; }
.promo-card.style1 .promo-info .promo-icon { margin:0 0 22px 0; }
.promo-card.style1 .promo-info .promo-icon:after { position:absolute; top:0; left:0; content:""; width:0%; height:100%; background-color:#0d3b3f; transition:0.4s; visibility:hidden; opacity:0; z-index:-1; }
.promo-card.style1 .promo-info .promo-icon i { color:#002856; }
.promo-card.style1 .promo-info h3 { margin:0 0 12px; }
.promo-card.style1 .promo-info p { margin:0; }
.promo-card.style1:hover .promo-info .promo-icon:after { visibility:visible; opacity:1; width:100%; }
.promo-card.style1:hover .promo-info .promo-icon i { color:#FFF; }
.promo-card.style1:hover .promo-info span { background-color:#0d3b3f; }
.promo-card.style1:hover .promo-info span i { color:#FFF; }
.promo-card.style2 { position:relative; z-index:1; padding:25px; border-radius:0 20px 0 20px; box-shadow:0 0 20px rgba(0, 0, 0, 0.09); overflow:hidden; }
.promo-card.style2:after { position:absolute; top:0; left:0; content:""; width:0%; height:100%; background-color:#0d3b3f; transition:0.4s; visibility:hidden; opacity:0; z-index:-1; }
.promo-card.style2 .promo-title { margin:0 0 20px; }
.promo-card.style2 .promo-title .promo-icon i { color:#002856; }
.promo-card.style2 .promo-title h3 { width:calc(100% - 95px); margin:0 0 0 15px; font-size:22px; transition:0.4s; }
.promo-card.style2 p { transition:0.4s; margin:0; }
.promo-card.style2:hover:after { visibility:visible; opacity:1; width:100%; }
.promo-card.style2:hover .promo-title .promo-icon { background-color:#FFF; }
.promo-card.style2:hover .promo-title .promo-icon i { color:#0d3b3f; }
.promo-card.style2:hover .promo-title h3 { color:#FFF; }
.promo-card.style2:hover p { color:rgba(255, 255, 255, 0.8); }

/*------------------------------- Service Section  CSS  -------------------------------*/
.service-wrap { position:relative; }
.service-wrap .service-bg { background-image:url(../images/cta-bg-1.jpg); position:absolute; top:0; left:0; width:100%; height:400px; }
.service-wrap .service-bg:after { position:absolute; top:0; left:0; content:""; width:100%; height:100%; z-index:0; background-color:#002856; opacity:0.85; }

.service-card { margin-bottom:25px; }
.service-card .service-info h3 { font-size:24px; }
.service-card.style1 { box-shadow:0px 0 20px rgba(0, 0, 0, 0.09); position:relative; }
.service-card.style1 .service-img { position:relative; }
.service-card.style1 .service-img:after { position:absolute; bottom:0; left:0; width:100%; height:0; background:linear-gradient(0deg, rgba(0, 40, 86, 0.5) 0%, rgba(0, 0, 0, 0) 73%); content:""; visibility:hidden; opacity:0; transition:0.4s; }
.service-card.style1 .service-info { padding:0 25px 22px; }
.service-card.style1 .service-info .service-icon { width:80px; height:80px; border-radius:50%; margin:-40px 0 18px 0; background-color:#f9f9f9; border:8px solid #FFF; position:relative; z-index:1; box-shadow:0 5px 22px rgba(0, 0, 0, 0.09); transition:0.4s; }
.service-card.style1 .service-info .service-icon i { font-size:32px; line-height:0.8; color:#002856; margin:0 auto; transition:0.4s; }
.service-card.style1 .service-info h3 { margin:0 0 10px; }
.service-card.style1 .service-info p { margin:0; }
.service-card.style1:hover .service-img:after { visibility:visible; opacity:1; height:100%; }
.service-card.style1:hover .service-info span { background-color:#0d3b3f; }
.service-card.style1:hover .service-info span i { color:#FFF; }
.service-card.style2, .service-card.style8 { box-shadow:0 0 25px rgba(0, 0, 0, 0.07); overflow:hidden; position:relative; }
.service-card.style2 .service-icon, .service-card.style8 .service-icon { width:70px; height:70px; border-radius:50%; position:relative; z-index:1; box-shadow:0px 4px 15px 0px rgba(0, 0, 0, 0.1); overflow:hidden; background:#FFF; position:relative; top:3px; margin-bottom:20px; transition:0.4s; }
.service-card.style2 .service-icon i, .service-card.style8 .service-icon i { font-size:32px; line-height:0.8; margin:0 auto; color:#002856; transition:0.4s; }
.service-card.style2 .service-info, .service-card.style8 .service-info { width:100%; }
.service-card.style2 .service-info h3, .service-card.style8 .service-info h3 { margin:0 0 10px; transition:0.4s; }
.service-card.style2 .service-info p, .service-card.style8 .service-info p { margin:0; transition:0.4s; }
.service-card.style2 { padding:25px 25px 22px; box-shadow:0 0 25px rgba(0, 0, 0, 0.07); overflow:hidden; position:relative; }
.service-card.style2:after { position:absolute; top:0; left:0; content:""; width:0%; height:100%; background-color:#0d3b3f; transition:0.4s; visibility:hidden; opacity:0; z-index:-1; }
.service-card.style2:hover:after { width:100%; visibility:visible; opacity:1; }
.service-card.style2:hover .service-info h3 a { color:#FFF; }
.service-card.style2:hover .service-info p { color:rgba(255, 255, 255, 0.8); }
.service-card.style2:hover .feature-icon i { color:#FFF; }
.service-card.style2:hover .feature-icon:after { height:100%; visibility:visible; opacity:1; }
.service-card.style3 { background-color:#FFF; padding:25px; box-shadow:0 0 15px rgba(0, 0, 0, 0.07); position:relative; }
.service-card.style3 .service-icon { position:absolute; top:15px; right:15px; }
.service-card.style3 .service-icon i { font-size:65px; line-height:0.8; color:rgba(0, 0, 0, 0.29); opacity:0.2; transition:0.4s; }
.service-card.style3:after { position:absolute; bottom:0; left:50%; content:""; transform:translateX(-50%); width:0; height:2px; background-color:#0d3b3f; visibility:hidden; opacity:0; transition:0.3s; }
.service-card.style3 .service-info h3 { margin:0 0 15px; }
.service-card.style3 .service-info p { margin:0 0 15px; }
.service-card.style3 .service-info .content-feature-list { margin-bottom:0; }
.service-card.style3 .service-info .content-feature-list li { padding-left:0; padding-right:25px; margin-bottom:10px; }
.service-card.style3 .service-info .content-feature-list li:last-child { margin-bottom:0; }
.service-card.style3 .service-info .content-feature-list li i { left:auto; right:0; }
.service-card.style3:hover .service-icon i { color:#0d3b3f; }
.service-card.style3:hover:after { width:calc(100% - 50px); visibility:visible; opacity:1; }
.service-card.style4 .service-info { width:calc(100% - 40px); margin:-60px auto 0; padding:25px 25px 22px; background-color:#FFF; position:relative; z-index:1; box-shadow:0px 6px 30px rgba(17, 17, 17, 0.03), 0px 6px 30px rgba(17, 17, 17, 0.03); }
.service-card.style4 .service-info .service-title { margin-bottom:18px; }
.service-card.style4 .service-info .service-title .service-icon { width:70px; height:70px; border-radius:50%; position:relative; overflow:hidden; z-index:1; box-shadow:0 5px 22px rgba(0, 0, 0, 0.09); transition:0.4s; }
.service-card.style4 .service-info .service-title .service-icon:after { position:absolute; top:0; left:0; content:""; width:0%; height:100%; background-color:#0d3b3f; transition:0.4s; visibility:hidden; opacity:0; z-index:-1; }
.service-card.style4 .service-info .service-title .service-icon i { font-size:32px; line-height:0.8; color:#002856; margin:0 auto; transition:0.4s; }
.service-card.style4 .service-info .service-title h3 { width:calc(100% - 85px); margin-left:15px; margin-bottom:0; }
.service-card.style4 .service-info p { margin:0; }
.service-card.style4:hover .service-info .service-icon:after { width:100%; visibility:visible; opacity:1; }
.service-card.style4:hover .service-info .service-icon i { color:#FFF; }
.service-card.style5, .service-card.style6 { padding:25px; box-shadow:0 0 25px rgba(0, 0, 0, 0.07); overflow:hidden; position:relative; }
.service-card.style5 .service-info-wrap .service-info, .service-card.style6 .service-info-wrap .service-info { width:calc(100% - 85px); margin-left:15px; }
.service-card.style5 .service-icon, .service-card.style6 .service-icon { width:70px; height:70px; border-radius:50%; position:relative; z-index:1; box-shadow:0px 0 14px 0px rgba(0, 0, 0, 0.1); overflow:hidden; background:#FFF; position:relative; top:3px; transition:0.4s; }
.service-card.style5 .service-icon i, .service-card.style6 .service-icon i { font-size:32px; line-height:0.8; margin:0 auto; color:#002856; transition:0.4s; }
.service-card.style5 .service-info, .service-card.style6 .service-info { width:100%; }
.service-card.style5 .service-info h3, .service-card.style6 .service-info h3 { margin:0 0 10px; transition:0.4s; }
.service-card.style5 .service-info p, .service-card.style6 .service-info p { margin:0; transition:0.4s; }
.service-card.style5 .service-img { border-radius:15px; margin-top:22px; }
.service-card.style5 .service-img img { border-radius:15px; }
.service-card.style5 .service-icon:after { position:absolute; top:0; left:0; content:""; width:0%; height:100%; background-color:#0d3b3f; transition:0.4s; border-radius:15px; visibility:hidden; opacity:0; z-index:-1; }
.service-card.style5:hover .service-icon i { color:#FFF; }
.service-card.style5:hover .service-icon:after { width:100%; visibility:visible; opacity:1; }
.service-card.style6 { position:relative; overflow:hidden; border-radius:15px; }
.service-card.style6:after { position:absolute; top:0; left:0; content:""; width:100%; height:0%; background-color:#0d3b3f; transition:0.4s; visibility:hidden; opacity:0; z-index:-1; }
.service-card.style6 .service-info h3 { transition:0.4s; }
.service-card.style6 .service-info p { transition:0.4s; }
.service-card.style6:hover:after { height:100%; visibility:visible; opacity:1; }
.service-card.style6:hover .service-info h3 a { color:#FFF; }
.service-card.style6:hover .service-info p { color:rgba(255, 255, 255, 0.8); }
.service-card.style7 { position:relative; border-radius:10px; }
.service-card.style7 img { border-radius:10px; }
.service-card.style7:before { position:absolute; top:20px; left:0; width:calc(100% - 70px); height:calc(100% - 40px); content:""; border-left:1px solid #FFF; border-top:1px solid #FFF; z-index:1; visibility:hidden; opacity:0; transition:0.4s; }
.service-card.style7:after { position:absolute; top:20px; right:0; width:calc(100% - 70px); height:calc(100% - 40px); content:""; border-right:1px solid #FFF; border-bottom:1px solid #FFF; z-index:1; visibility:hidden; opacity:0; transition:0.4s; }
.service-card.style7 .service-info { position:absolute; bottom:0; left:0; background:linear-gradient(0deg, rgba(0, 40, 86, 0.75) 0%, rgba(0, 0, 0, 0) 73%); width:100%; height:100%; padding:30px; border-radius:10px; }
.service-card.style7 .service-info h3 { margin:-10px -5px; position:relative; z-index:10; font-weight:400s; transition:0.4s; }
.service-card.style7 .service-info h3 a { color:#FFF; }
.service-card.style7 .service-info h3 a:hover { color:#0d3b3f; }
.service-card.style7:hover:before { left:20px; visibility:visible; opacity:1; }
.service-card.style7:hover:after { right:20px; visibility:visible; opacity:1; }
.service-card.style7:hover .service-info h3 { margin:8px; }
.service-card.style8 { background-color:#FFF; border-radius:25px 8px 25px 8px; position:relative; z-index:1; padding:25px 25px 22px; border-bottom:5px solid transparent; background-color:#FFF; transition:0.4s; }
.service-card.style8 .service-icon { transition:0.4s; }
.service-card.style8 .service-icon i { transition:0.4s; }
.service-card.style8:hover { border-color:#0d3b3f; }
.service-card.style8:hover .service-icon { background-color:#0d3b3f; transition:0.4s; }
.service-card.style8:hover .service-icon i { color:#FFF; }

.team-slider-two,
.service-slider-one,
.service-slider-two { margin:-15px 0; }
.team-slider-two .service-card,
.service-slider-one .service-card,
.service-slider-two .service-card { margin:15px 0; }
.team-slider-two.owl-carousel .owl-nav button.owl-prev, .team-slider-two.owl-carousel .owl-nav button.owl-next,
.service-slider-one.owl-carousel .owl-nav button.owl-prev,
.service-slider-one.owl-carousel .owl-nav button.owl-next,
.service-slider-two.owl-carousel .owl-nav button.owl-prev,
.service-slider-two.owl-carousel .owl-nav button.owl-next { position:absolute; top:50%; transform:translateY(-50%); }
.team-slider-two.owl-carousel .owl-nav button.owl-prev,
.service-slider-one.owl-carousel .owl-nav button.owl-prev,
.service-slider-two.owl-carousel .owl-nav button.owl-prev { left:-45px; }
.team-slider-two.owl-carousel .owl-nav button.owl-next,
.service-slider-one.owl-carousel .owl-nav button.owl-next,
.service-slider-two.owl-carousel .owl-nav button.owl-next { right:-45px; }
.team-slider-two.owl-carousel.style2 .owl-nav button.owl-prev, .team-slider-two.owl-carousel.style2 .owl-nav button.owl-next,
.service-slider-one.owl-carousel.style2 .owl-nav button.owl-prev,
.service-slider-one.owl-carousel.style2 .owl-nav button.owl-next,
.service-slider-two.owl-carousel.style2 .owl-nav button.owl-prev,
.service-slider-two.owl-carousel.style2 .owl-nav button.owl-next { background-color:#0d3b3f; }
.team-slider-two.owl-carousel.style2 .owl-nav button:hover,
.service-slider-one.owl-carousel.style2 .owl-nav button:hover,
.service-slider-two.owl-carousel.style2 .owl-nav button:hover { background-color:#F3F4F6; }
.team-slider-two.owl-carousel.style2 .owl-nav button:hover i,
.service-slider-one.owl-carousel.style2 .owl-nav button:hover i,
.service-slider-two.owl-carousel.style2 .owl-nav button:hover i { color:#002856; }

.service-slider-three,
.service-slider-four { margin:-15px 0; }
.service-slider-three .service-card,
.service-slider-four .service-card { margin:15px 0; }
.service-slider-three .owl-dots,
.service-slider-four .owl-dots { text-align:center; margin-top:20px; margin-bottom:10px; }

/*-------------------------------  Testimonial  Section  CSS -------------------------------*/
.testimonial-card { background-color:#FFF; border-radius:5px; margin:0 0 25px; position:relative; box-shadow:0 0px 15px rgba(0, 0, 0, 0.07); z-index:1; padding:25px; }

.testimonial-card.style4 { margin-top:33px; }
.testimonial-card.style4 .client-img { width:70px; height:70px; border-radius:50%; position:relative; margin:-55px 0 25px; }
.testimonial-card.style4 .client-img .quote-icon { position:absolute; bottom:-10px; right:-10px; width:35px; height:35px; border-radius:50%; text-align:center; background-color:#FFF; box-shadow:0 5px 15px rgba(0, 0, 0, 0.09); }
.testimonial-card.style4 .client-img .quote-icon i { font-size:16px; margin:0 auto; line-height:0.8; color:#0d3b3f; opacity:1; position:relative; top:1px; }
.testimonial-card.style4 .client-img img { border-radius:50%; }

.testimonial-slider-three.owl-carousel .owl-dots { text-align:center; margin-top:20px; }

/*review css start*/
.review { margin:0px auto; text-align:center; }
.review .form-group { margin-bottom:20px; text-align:left; }
.review .form-control { font-size:16px; }
.review .btn-default { float:left; padding:6px 30px; margin-top:5px; background:#005c34; color:#FFF; border-color:#0E1842; }

.review .bot_but_r a { font-size:18px; margin-top:40px; margin-bottom:40px; padding:8px 20px; background:#f30d11; }
.review .bot_but_r i { top:1px; font-size:18px; margin-left:0px; margin-right:5px; }
/*review css start*/

/*-------------------------------  Blog Section  CSS  -------------------------------*/
.blog-wrap { position:relative; z-index:1; }
.blog-wrap.style1:after { position:absolute; top:50px; left:0; content:""; width:30%; height:70%; background-color:#F9F9F9; z-index:-1; }

.blog-card { box-shadow:0px 2px 16px 0px rgba(0, 0, 0, 0.11); margin-bottom:25px; transition:0.4s; }
.blog-card .blog-img { overflow:hidden; }
.blog-card .blog-img img { transition:0.7s; }
.blog-card .blog-info { background:#FFF; padding:0 25px 22px; margin:0px auto; text-align:center; }


.blog-card.style4 { background-color:transparent; box-shadow:none; border:1px solid rgba(0, 0, 0, 0.1); }
.blog-card.style4 .blog-img { position:relative; }
.blog-card.style4 .blog-img .blog-cat { position:absolute; top:20px; right:20px; display:inline-block; background-color:#002856; color:#FFF; padding:5px 15px 7px; border-radius:50px; }
.blog-card.style4 .blog-info { padding:22px 25px 22px; position:relative; background-color:transparent; }
.blog-card.style4 .blog-info h3 { font-size:26px; margin-bottom:0; }
.blog-card.style4 .blog-info .more-but a { font-size:15px; letter-spacing:0.5px; border-radius:26px; margin-top:20px; padding:8px 20px; }
.blog-card.style4 .blog-info .more-but a:hover{ background:#000;}
.blog-card.style4 .blog-info .blog-date { position:absolute; top:-35px; right:20px; width:70px; height:70px; border-radius:50%; background-color:#FFF; color:#0d3b3f; font-size:17px; font-weight:600; text-align:center; line-height:1.2; box-shadow:0 5px 15px rgba(0, 0, 0, 0.07); }
.blog-card.style4 .blog-info .blog-metainfo { margin:0 0 15px; }

.blog-card:hover { box-shadow:0px 40px 51px -16px rgba(0, 0, 0, 0.1); }
.blog-card:hover .blog-img img { transform:scale(1.08) rotate(3deg); }

.blog-slider-one { margin:-15px 0; }
.blog-slider-one .blog-card { margin:15px 0; }

/*-------------------------------  Contact CSS  -------------------------------*/
#msgSubmit { margin:0; }

.contact-map { height:627px; }
.contact-map iframe { width:100%; height:100%; }
.contact-wrap { padding-top:100px;}
.contact-wrap .section-title.style1 span { color:#15235F;}
.contact-wrap.style4 .contact-bg-one,
.contact-wrap.style4 .contact-bg-two { height:740px; width:100%; }
.contact-wrap.style4 .contact-bg-two { border-radius:10px; }
.contact-wrap.style4 #contactForm { box-shadow:0 0 15px rgba(0, 0, 0, 0.08); padding:40px; }
.contact-wrap.style4 #contactForm h5 { margin-bottom:25px; }

#contactForm .form-group { margin:0 0 20px; }
#contactForm .form-group input,
#contactForm .form-group textarea { width:100%; border:none; padding:10px 15px; border-radius:3px; background-color:transparent; border:1px solid rgba(0, 40, 86, 0.2); }
#contactForm .form-group input:focus,
#contactForm .form-group textarea:focus { border:1px solid rgba(0, 0, 0, 0.09); }
#contactForm .form-group input { height:60px; }
#contactForm .form-group textarea { height:163px; resize:none; padding-top:18px; }
#contactForm .form-group .form-check { padding-left:0px; }
#contactForm .form-group .form-check input { height:0; }
#contactForm button.btn { display:block; width:100%; }

.btn.disabled { opacity:1; color:#FFF; }

.bottom_contact {font-family:"Roboto", sans-serif; }
.bottom_contact h4 { font-family:"Roboto Condensed", sans-serif; color:#005c34; margin-bottom:10px; font-size:26px; font-weight:600; }
.bottom_contact .location { color:#000; font-size:16px; font-weight:400; }
.bottom_contact .call-but a { border-radius:34px; margin-top:20px; padding:10px 20px; }
.bottom_contact .contact-img { margin-top:28px; border-radius:10px; }
.bottom_contact .contact-img img { width:100%; border-radius:10px; }

/*-------------------------------   Service & Gallery Details CSS  --------------------------------*/
.gallery-img { display:block; }

.service-desc-img { position:relative; margin-bottom:25px; }
.service-desc-img .play-video { background-color:#0d3b3f; }
.service-desc-img .play-video i { color:#FFF; font-size:22px; line-height:71px; }
.service-desc-img .play-video .play-now { height:65px; width:65px; }
.service-desc-img .play-now .ripple,
.service-desc-img .play-now .ripple:before,
.service-desc-img .play-now .ripple:after { height:65px; width:65px; }

/*-------------------------------   Blog Details CSS  --------------------------------*/
.post-cat-title { font-size:24px; line-height:1; font-weight:500; margin-bottom:25px; }
.post-cat-title span { font-weight:600; color:#0d3b3f; }

article p,
.service-desc p,
.gallery-desc p,
.terms-wrap p { margin-bottom:20px; }
article p strong,
.service-desc p strong,
.gallery-desc p strong,
.terms-wrap p strong { color:#000; }
article p a,
.service-desc p a,
.gallery-desc p a,
.terms-wrap p a { color:#0d3b3f; }
article p a:hover,
.service-desc p a:hover,
.gallery-desc p a:hover,
.terms-wrap p a:hover { text-decoration:underline; color:#0d3b3f; }
article h1,
.service-desc h1,
.gallery-desc h1,
.terms-wrap h1 { font-size:30px; margin-bottom:15px; }
article h2,
.service-desc h2,
.gallery-desc h2,
.terms-wrap h2 { font-size:28px; margin-bottom:15px; }
article h3,
.service-desc h3,
.gallery-desc h3,
.terms-wrap h3 { font-size:26px; margin-bottom:15px; }
article h4,
.service-desc h4,
.gallery-desc h4,
.terms-wrap h4 { font-size:24px; margin-bottom:15px; }
article h5,
.service-desc h5,
.gallery-desc h5,
.terms-wrap h5 { font-size:22px; margin-bottom:15px; }
article h6,
.service-desc h6,
.gallery-desc h6,
.terms-wrap h6 { font-size:20px; margin-bottom:15px; }
article ol,
.service-desc ol,
.gallery-desc ol,
.terms-wrap ol { margin-top:20px; margin-bottom:25px; }
article ol li,
.service-desc ol li,
.gallery-desc ol li,
.terms-wrap ol li { margin-bottom:15px; color:#666666; padding-left:3px; }
article .content-feature-list,
.service-desc .content-feature-list,
.gallery-desc .content-feature-list,
.terms-wrap .content-feature-list { margin:0 0 25px; }

article { margin-bottom:25px; }

.testimonial-wrap .section-title h2 { color:#f30d11;}

.post-navigation { margin:0 0 25px; }
.post-navigation .next-post,
.post-navigation .prev-post { width:50%; display:block; font-size:12px; position:relative; font-weight:600; transition:0.3s; }
.post-navigation .next-post span,
.post-navigation .prev-post span { display:block; font-size:16px; line-height:1.2; transition:0.3s; }
.post-navigation .next-post:hover,
.post-navigation .prev-post:hover { color:#0d3b3f; }
.post-navigation .next-post:hover span,
.post-navigation .prev-post:hover span { color:#0d3b3f; }
.post-navigation .next-post { text-align:right; }
.post-navigation .prev-post { text-align:left; }

.post-metainfo { margin-bottom:15px; }
.post-metainfo li { display:inline-block; position:relative; padding-left:24px; margin-right:18px; }
.post-metainfo li:last-child { margin-right:0; }
.post-metainfo li a { color:#666666; }
.post-metainfo li a:hover { color:#0d3b3f; }
.post-metainfo li i { position:absolute; top:0; left:0; font-size:16px; color:#0d3b3f; }

.post-img { position:relative; margin:0 0 25px; display:block; }
.post-img .blog-date { display:inline-block; box-shadow:0 4px 15px rgba(0, 0, 0, 0.08); padding:7px 32px 8px; position:absolute; top:-10px; left:20px; z-index:1; background-color:#0d3b3f; color:#FFF; transition:0.3s; }
.post-img .blog-date:hover { background:#0d3b3f; color:#FFF; }

.wp-block-quote { position:relative; padding:35px 35px 35px; text-align:left; margin:30px 0 30px; border-radius:5px; background-color:#f9f9f9; border-left:3px solid #0d3b3f; }
.wp-block-quote p { font-weight:500; font-weight:400; margin-bottom:0; }
.wp-block-quote h5 { font-size:18px; font-family:"Roboto", sans-serif; font-weight:600; position:relative; margin:20px 0 0; line-height:1.2; padding-left:60px; }
.wp-block-quote h5:before { position:absolute; top:9px; left:0; content:""; width:45px; height:2px; background-color:#0d3b3f; }

.post-meta-option { border:1px solid rgba(0, 0, 0, 0.09); padding:20px; margin-bottom:25px; }

.post-tag ul { display:inline-block; }
.post-tag ul li { display:inline-block; }
.post-tag ul li a { color:#555; font-size:16px; border-radius:3px; }
.post-tag ul li a:hover { color:#0d3b3f; }
.post-tag span { margin-right:10px; font-weight:500; color:#000; }
.post-tag span i { position:relative; top:1px; color:#0d3b3f; margin-right:3px; }

.post-share { display:inline-block; }
.post-share span { font-weight:500; color:#000; }
.post-share ul { display:inline-block; margin-left:5px; position:relative; top:2px; }

.post-author { padding:25px; margin:15px 0 30px; border-radius:5px; border:1px solid rgba(0, 0, 0, 0.09); }
.post-author .post-author-img { width:150px; height:150px; border-radius:50%; }
.post-author .post-author-img img { border-radius:50%; }
.post-author .post-author-info { width:calc(100% - 175px); margin-left:25px; }
.post-author .post-author-info h4 { font-size:22px; font-weight:600; line-height:1; margin-bottom:15px; }
.post-author .post-author-info p { margin:0 0 15px; }

.comment-box-wrap { border:1px solid rgba(0, 0, 0, 0.09); padding:25px; }

.comment-item-wrap .comment-item { padding:0 0 25px 0; margin-bottom:25px; border-radius:5px; border-bottom:1px solid rgba(0, 0, 0, 0.09); }
.comment-item-wrap .comment-item:last-child { border-bottom:none; padding-bottom:0; margin-bottom:0; }
.comment-item-wrap .comment-item.reply { margin-left:40px; }
.comment-item-wrap .comment-item:last-child { margin-bottom:0; }
.comment-item-wrap .comment-item .comment-author-img { width:100px; height:100px; border-radius:50%; position:relative; }
.comment-item-wrap .comment-item .comment-author-img img { border-radius:50%; }
.comment-item-wrap .comment-item .comment-author-wrap { width:calc(100% - 120px); margin-left:20px; }
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name { margin:0 0 9px; }
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name h5 { line-height:1; margin:0 20px 0 0; font-size:18px; font-weight:600; display:inline-block; }
.comment-item-wrap .comment-item .comment-author-wrap .comment-author-name .comment-date { font-size:16px; font-weight:500; line-height:1; color:#888888; margin-left:5px; }
.comment-item-wrap .comment-item .comment-author-wrap .comment-text p { margin:0; }
.comment-item-wrap .reply-btn { display:inline-block; line-height:1; font-weight:500; color:#0d3b3f; border-radius:4px; background-color:transparent; transition:0.3s; }
.comment-item-wrap .reply-btn i { position:relative; margin-right:4px; top:0px; }
.comment-item-wrap .reply-btn:hover { color:#002856; }

.comment-box-title h4 { margin-bottom:0; line-height:1; position:relative; }
.comment-box-title p { margin-top:10px; margin-bottom:0; }

#cmt-form { margin-top:35px; border:1px solid rgba(0, 0, 0, 0.08); padding:25px; }
#cmt-form label { color:#888888; padding-left:20px; }
#cmt-form .comment-form .form-group { margin:0 0 20px; position:relative; }
#cmt-form .comment-form .form-group > label { font-weight:500; display:block; margin:0 0 5px; padding-left:0; color:#888888; }
#cmt-form .comment-form .form-group input,
#cmt-form .comment-form .form-group textarea { width:100%; border:none; border-radius:5px; padding:15px; color:#000; background-color:transparent; border:1px solid rgba(0, 0, 0, 0.09); }
#cmt-form .comment-form .form-group input:focus,
#cmt-form .comment-form .form-group textarea:focus { box-shadow:0 0 10px rgba(0, 0, 0, 0.1); }
#cmt-form .comment-form .form-group input { height:60px; }
#cmt-form .comment-form .form-group textarea { height:145px; resize:none; }

.post-cat-title { font-size:24px; line-height:1; font-weight:500; margin-bottom:25px; }
.post-cat-title span { font-weight:600; color:#0d3b3f; }

.footer-bottom .social-link, .owl-carousel .owl-nav, .owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .header-wrap .header-top .header-top-right, .searchbtn, .search-area, .select-lang .navbar-language .dropdown-toggle, .schedule-widget ul li, .gallery-info-widget .gallery-info-item-wrap .gallery-info-item, .pp-post-item, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style5 .hero-img-wrap, .about-wrap.style1 .about-content .about-subtext, .about-wrap.style1 .about-content .about-subtext span, .about-wrap.style3 .about-content .feature-item-wrap, .about-wrap.style3 .about-content .feature-item-wrap .feature-item, .about-wrap.style4 .about-tablist, .about-wrap.style5 .about-img-wrap .about-promo-text, .about-wrap.style5 .about-img-wrap .about-promo-text > span, .about-wrap.style5 .about-content .feature-item-wrap, .about-wrap.style7 .about-img-wrap, .about-wrap.style8 .about-img-wrap, .feature-item-wrap .feature-item, .feature-item-wrap .feature-item .feature-icon, .promo-card .promo-icon, .promo-card.style2 .promo-title, .service-card.style1 .service-info .service-icon, .service-card.style2 .service-icon, .service-card.style8 .service-icon, .service-card.style4 .service-info .service-title, .service-card.style4 .service-info .service-title .service-icon, .service-card.style5 .service-info-wrap, .service-card.style6 .service-info-wrap, .service-card.style5 .service-icon, .service-card.style6 .service-icon, .service-card.style7 .service-info, .hw-tablist, .dp-tablist, .department-wrap.style3 .dp-content .feature-item-wrap .feature-item, .department-wrap.style8 .dp-content .feature-item-wrap, .department-wrap.style8 .dp-content .feature-item-wrap .feature-item, .gallery-card.style3 .gallery-info, .gallery-card.style4 .gallery-info, .gallery-card.style5 .gallery-info, .gallery-card.style8 .gallery-info, .gallery-item-wrap.style5, .team-card.style4, .team-card.style7 .team-img .member-social .social-profile, .team-slider-one.owl-carousel.style1 .owl-dots, .pricing-tablist, .pricing-table.style2 .pricing-header-wrap, .pricing-table.style4 .pricing-header-wrap, .pricing-table.style2 .pricing-header-wrap .pricing-icon, .pricing-table.style4 .pricing-header-wrap .pricing-icon, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card.style4 .client-img .quote-icon, .testimonial-card.style6 .client-info-area, .testimonial-card.style6 .client-info-area .client-info-wrap, .testimonial-card.style7 .client-info-area .quote-wrap, .testimonial-card.style7 .client-info-wrap, .testimonial-slider-one.style3.owl-carousel .owl-nav, .blog-card.style3 .blog-img .blog-date, .blog-card.style4 .blog-info .blog-date, .post-navigation, .post-author, .comment-item-wrap .comment-item { display:flex; flex-wrap:wrap; }

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next, .social-profile.style1 li a, .social-profile.style2 li a, .searchbtn, .search-area, .about-wrap.style1 .about-content .about-subtext span, .about-wrap.style5 .about-img-wrap .about-promo-text > span, .feature-item-wrap .feature-item .feature-icon, .promo-card .promo-icon, .service-card.style1 .service-info .service-icon, .service-card.style2 .service-icon, .service-card.style8 .service-icon, .service-card.style4 .service-info .service-title .service-icon, .service-card.style5 .service-icon, .service-card.style6 .service-icon, .gallery-card.style8 .gallery-info, .pricing-table.style2 .pricing-header-wrap .pricing-icon, .pricing-table.style4 .pricing-header-wrap .pricing-icon, .testimonial-card.style4 .client-img .quote-icon, .blog-card.style3 .blog-img .blog-date, .blog-card.style4 .blog-info .blog-date { flex-direction:column; justify-content:center; }

.footer-bottom .social-link, .header-wrap .header-top .header-top-right, .select-lang .navbar-language .dropdown-toggle, .schedule-widget ul li, .gallery-info-widget .gallery-info-item-wrap .gallery-info-item, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn, .hero-wrap.style1 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style2 .hero-slide-item .hero-content .hero-btn .watch-video, .hero-wrap.style4 .hero-slide-item .hero-content .hero-btn .watch-video, .about-wrap.style1 .about-content .about-subtext, .about-wrap.style3 .about-content .feature-item-wrap, .about-wrap.style3 .about-content .feature-item-wrap .feature-item, .about-wrap.style5 .about-img-wrap .about-promo-text, .promo-card.style2 .promo-title, .service-card.style4 .service-info .service-title, .department-wrap.style8 .dp-content .feature-item-wrap .feature-item, .gallery-card.style3 .gallery-info, .gallery-card.style4 .gallery-info, .gallery-card.style5 .gallery-info, .pricing-table.style2 .pricing-header-wrap, .pricing-table.style4 .pricing-header-wrap, .testimonial-card .client-info-area, .testimonial-card .client-info-area .client-info-wrap, .testimonial-card.style6 .client-info-area, .testimonial-card.style7 .client-info-area .quote-wrap, .testimonial-card.style7 .client-info-wrap, .post-navigation { -webkit-box-align:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center; }

.footer-bottom .social-link, .header-wrap .header-top .header-top-right, .pricing-tablist { justify-content:flex-end; }

/*---------------------------------  Footer CSS  -----------------------------------*/
.footer-wrap { position:relative; z-index:1; background-color:#005c34; }
.footer-wrap .container { position:relative; }
.footer-wrap .footer-widget { margin-bottom:25px; }
.footer-wrap .footer-widget .footer-widget-title { font-size:24px; font-weight:600; color:#fff; margin-bottom:30px; padding-bottom:15px; position:relative; }
.footer-wrap .footer-widget .footer-widget-title:after { position:absolute; bottom:0; left:0; content:""; width:65px; height:2px; background-color:#fff; }
.footer-wrap .footer-widget .footer-logo { margin-bottom:15px; display:block; }

.footer-wrap .footer-widget .footer-logo img{ width:90%; }

.footer-wrap .footer-widget .comp-desc { color:rgba(255, 255, 255, 0.8); margin:25px 0 30px; padding-right:10px; }
.footer-wrap .footer-widget .footer-menu li { margin-bottom:15px; }
.footer-wrap .footer-widget .footer-menu li:last-child { margin-bottom:0; }
.footer-wrap .footer-widget .footer-menu li a { color:rgba(255, 255, 255, 0.8); position:relative; padding-left:20px; }
.footer-wrap .footer-widget .footer-menu li a i { position:absolute; top:-1px; left:0; font-size:16px; color:rgba(255, 255, 255, 0.8); transition:0.4s; }
.footer-wrap .footer-widget .footer-menu li a:hover { letter-spacing:0.1px; padding-left:24px; color:#0d3b3f; }
.footer-wrap .footer-widget .footer-menu li a:hover i { left:4px; color:#0d3b3f; }
.footer-wrap .footer-widget .contact-info li { position:relative; padding-left:32px; margin-bottom:15px; }
.footer-wrap .footer-widget .contact-info li:last-child { margin-bottom:0; }
.footer-wrap .footer-widget .contact-info li i { position:absolute; top:4px; left:0; font-size:18px; line-height:0.8; color:#0d3b3f; }
.footer-wrap .footer-widget .contact-info li p, .footer-wrap .footer-widget .contact-info li a { color:rgba(255, 255, 255, 0.8); margin-bottom:0; transition:0.3s; }
.footer-wrap .footer-widget .newsletter-form { position:relative; }
.footer-wrap .footer-widget .newsletter-form input { width:100%; height:57px; border:none; border-radius:0; background-color:transparent; border:1px solid rgba(255, 255, 255, 0.2); color:#FFF; text-align:left; padding:15px 15px 15px 20px; border-radius:5px; margin-bottom:20px; }
.footer-wrap .footer-widget .newsletter-form input::-moz-placeholder { opacity:0.8; color:#FFF; }
.footer-wrap .footer-widget .newsletter-form input::placeholder { opacity:0.8; color:#FFF; }
.footer-wrap .footer-widget .newsletter-form button { width:100%; display:block; background-color:#0d3b3f; border-radius:5px; text-align:center; color:#FFF; font-weight:500; padding:15px 15px 16px; border:none; transition:0.4s; }
.footer-wrap .footer-widget .newsletter-form button:hover { background-color:#FFF; color:#0d3b3f; }

.footer-bottom { border-top:1px solid rgba(255, 255, 255, 0.1); padding:18px 0; }
.footer-bottom .social-link h6 { font-family:"Roboto", sans-serif; font-weight:500; color:rgba(255, 255, 255, 0.8); line-height:1; margin:0 10px 0 0; }
.footer-bottom .social-link .social-profile li a { color:#FFF; font-size:18px; }
.footer-bottom .social-link .social-profile li a:hover { transform:translateY(-2px); }

/*related keywords css start*/
.related_keywords { margin-bottom:30px; margin-top:20px; }
.related_keywords h2 { background:#F1F1F1; font-family:"Roboto Condensed", sans-serif; padding:15px 10px; font-size:20px; color:#21327C; font-weight:500; border-radius:10px 10px 0px 0px;  }
.related_keywords i { margin-right:5px; }
.related_keywords .categories-list { padding:15px; overflow:hidden; } 
.related_keywords .categories-list ul { margin:0px; padding:0px; list-style-type:none; overflow:hidden; }
.related_keywords .categories-list li { float:left; font-family:"Roboto", sans-serif; font-size:16px; color:#F1F1F1; font-weight:400; position:relative; display:block; padding:0px 5px; line-height:24px; margin-top:5px; margin-bottom:5px; }
.related_keywords .categories-list li a { color:#E1E1E1; text-decoration:none; }
.related_keywords .categories-list li a:hover { text-decoration:underline; color:#fff; }

.related_keywords .categories-list li:after { content:""; position:absolute; width:1px; height:100%; background:#F1F1F1; top:0; right:0; }
.related_keywords .categories-list li:last-child { padding-right:0; }
.related_keywords .categories-list li:last-child:after { display:none; }
.related_keywords .categories-list li i { display:none; float:left; font-size:20px; margin-right:10px; margin-top:3px; color:#FFFFFF; }
/*related keywords css end*/

.copyright-text { margin:0; color:rgba(255, 255, 255, 0.8); }
.copyright-text i { position:relative; top:2px; margin-right:2px; }
.copyright-text a { color:#fff; font-weight:500; }
.copyright-text a:hover { text-decoration:underline; }

.copyright-text img { border-radius:0px; background-color:#FFF; border-radius:4px; }

.navbar-brand img { width:40%; }

.contact-wrap.style4 #contactForm input.code{ float:left; width:49%; margin-bottom:20px; }
.contact-wrap.style4 #contactForm .captcha { float:left; background:#fafafa; border-radius:7px; padding:22px 16px; margin-left:15px; border:1px solid #cdcdcd; }

@media only screen and (max-width:767px) { 
.footer-wrap .footer-widget .footer-widget-title { font-size:20px; margin-bottom:8px; } 
.footer-wrap .footer-widget .comp-desc { font-size:16px; padding-right:10px; } 
.footer-wrap .footer-widget h6 { font-size:16px; } 
.footer-wrap .footer-widget .contact-info li { margin-bottom:10px; } 
.footer-wrap .footer-widget .contact-info li i { top:5px; } 
.footer-wrap .footer-widget .contact-info p, .footer-wrap .footer-widget .contact-info a { font-size:16px; } 
.footer-wrap .footer-widget .footer-menu li { margin-bottom:8px; } 
.footer-wrap .footer-widget .footer-menu li a { font-size:16px; } 
.footer-wrap .footer-widget .footer-menu li a i { font-size:16px; top:-1px; } 
.footer-wrap .footer-widget .newsletter-form input { height:48px; } 
.footer-wrap .footer-widget .newsletter-form button { padding:12px 15px; } 
.footer-wrap .footer-widget .newsletter-form input, .footer-wrap .footer-widget .newsletter-form button { font-size:16px; } 
.footer-wrap .footer-bottom .copyright-text { text-align:center; margin:0 0 15px; } 
.footer-wrap .footer-bottom .social-link { justify-content:center; }  
.footer-wrap .footer-bottom { text-align:center; }
}
@media only screen and (min-width:768px) and (max-width:991px) { 
.footer-wrap .footer-widget .footer-widget-title { font-size:22px; } 
 }
@media only screen and (max-width:991px) { 
.footer-wrap .footer-widget .footer-widget-title { margin-bottom:15px; } 
.footer-wrap .footer-widget .comp-desc { margin:15px 0 20px; } 
}
@media only screen and (min-width:992px) and (max-width:1199px) { .footer-wrap .footer-widget .comp-desc { padding-right:20px; } }
@media only screen and (max-width:1199px) { .footer-wrap .footer-top .footer-widget .footer-widget-title { margin-bottom:18px; } }
@media only screen and (min-width:1200px) { .footer-wrap .footer-widget .comp-desc { padding-right:40px; } }


/*onload popup css start*/
#enquirypopup .modal-dialog { max-width:550px; padding:0px; position:relative; margin-top:120px; z-index:99999; }
#enquirypopup .modal-content { border-radius:0px; }
#enquirypopup .modal-body { padding:0px; }
#enquirypopup .modal-body h2 { background:#005c34; font-family:'Roboto', sans-serif; font-weight:400; font-size:24px; color:#FFF; margin-bottom:10px; margin-top:0px; text-align:center; padding:15px; line-height:1.8em; }
#enquirypopup .modal-body h2 span { font-size:28px; font-weight:600; color:#FFF; }
#enquirypopup .modal-body h2 span a { color:#FFF; }
#enquirypopup .modal-body h2 span a:hover { color:#FFF; }
#enquirypopup .modal-body h2 p { font-family:'Roboto', sans-serif; font-weight:400; font-size:18px; color:#FFF; }
#enquirypopup .popup_from { padding-bottom:12px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner { padding:10px 50px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .form-group { margin:12px 0px; font-family:'Roboto', sans-serif; color:#000; }
#enquirypopup .popup_from .popup_from_inner .form-control { font-size:16px; border-color:#DBDBDB; padding:0 10px; height:45px; box-shadow:none; }
#enquirypopup .popup_from .popup_from_inner .form-group input { border-radius:0px; }
#enquirypopup .popup_from .popup_from_inner .form-group input.code { float:left; width:72%; border-radius:none; margin-right:15px; }
#enquirypopup .popup_from .popup_from_inner .captcha { padding:14px; background:#FAFAFA; border-radius:3px; border:#dbdbdb 1px solid; }
#enquirypopup .popup_from .popup_from_inner p { font-family:'Roboto', sans-serif; font-weight:400; font-size:16px; color:#9F9F9F; text-align:left; margin-bottom:20px; }
#enquirypopup .popup_from .popup_from_inner p i { color:#000F50; margin-right:5px; }
#enquirypopup .popup_from .popup_from_inner .submit { margin:0px auto; text-align:center; font-family:'Roboto', sans-serif; font-size:20px; color:#FFF; font-weight:600; padding:12px 100px; background:#f30d11; cursor:pointer; outline:none; border:none; box-shadow:none; display:block; margin-bottom:10px; }
#enquirypopup .popup_from .popup_from_inner .submit:hover { background:#DD090D; color:#FFF; outline:none; border-radius:none; }
#enquirypopup .popup_from .popup_from_inner .submit i { margin-right:5px; }
#enquirypopup .popup_from .logo_right img { float:right; margin-right:15px; }
#enquirypopup .close { float:right; font-family:'Roboto', sans-serif; font-size:40px; font-weight:normal; color:#FFF; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-right:5px; }
#enquirypopup .close {background:none; border:none; cursor:pointer; padding:0px; }
#enquirypopup .skip { float:left; top:0px; right:0px; font-family:'Roboto', sans-serif; font-size:16px; font-weight:normal; color:#525252; text-shadow:none; filter:alpha(opacity=20); opacity:1; margin-left:8px; margin-top:-15px; }
#enquirypopup .skip {background:none; border:none; cursor:pointer; padding:0px; }
.modal { --bs-modal-width:550px; }
/*onload popup css end*/

/*verify form css start*/
.verify_form { background:#0E33A2; border:1px dashed #90ABFD; padding:20px; overflow:hidden; position:relative; border-top:4px solid #90ABFD; -webkit-transition:350ms ease all; transition:350ms ease all; }
.verify_form h2 { font-family:'Roboto', Helvetica, Arial, sans-serif; font-weight:600; font-size:18px; color:#FFF; text-transform:uppercase; margin-bottom:20px; text-align:center; }
.verify_form .form-group { margin:10px 0 10px 0; font-family:'Roboto', Helvetica, Arial, sans-serif; }
.verify_form .form-control { font-family:'Roboto', Helvetica, Arial, sans-serif; border-color:#dbdbdb; padding:10px; height:50px; background-color:#FFF; border-width:1px; box-shadow:none; position:relative; z-index:0; }
.verify_form .form-group input.code { float:left; width:62%; border-radius:none; margin-right:5px; }
.verify_form .captcha { padding:10px; background:#fafafa; border-radius:3px; border:#dbdbdb 1px solid; }
.verify_form input[type=text]:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form textarea:focus { box-shadow:0px 0px 5px #ff9c00 !important; border:1px solid #ff9c00 !important; outline:none; }
.verify_form .submit { width:100%; background:#FF0707; position:relative; font-family:'Roboto', Helvetica, Arial, sans-serif; color:#FFF; border-radius:2px; border:0; 
padding:12px 0; font-size:16px; font-weight:600; text-transform:uppercase; overflow:hidden; -webkit-transition:350ms ease all; transition:350ms ease all; margin-top:8px; }
.verify_form .submit a { color:#FFF; text-decoration:none; }
.verify_form .submit a:hover { color:#FFF; text-decoration:none; }
.submit:hover { color:#FFF; text-decoration:none; }
/*verify css end*/

/*video css stat*/
.youtube_main {  padding:35px; padding:0px 0px 100px; margin-top:100px;  }
.youtube_main h2 {  font-family:'Roboto', sans-serif; font-size:44px; font-weight:600;color:#0d3b3f; padding:5px 10px; margin-bottom:20px; text-align:center;  line-height: 54px; }
.video .gallery_box { border:1px solid #D9D9D9; padding:5px 5px 0px 5px; margin-bottom:20px; }
/*video css end*/

/*whatsapp css start*/
.whatsapp_main { position:fixed; width:45px; height:45px; bottom:150px; right:20px; background-color:#25d366; color:#FFF; border-radius:6px; text-align:center; font-size:32px; transition: 0.3s; z-index:100; }
.whatsapp_main i { line-height:45px;}
.whatsapp_main:hover { transform: scale(1.1); color:#000F50; }
/*whatsapp css end*/


@media only screen and (max-width:1600px) {
#enquirypopup .close { display:none; } 

}

@media only screen and ( max-width:768px) {

.logo { width:50%; margin:0px auto; text-align:center; }	
.header { padding-bottom:20px; overflow:hidden; text-align:center; }

.img_left { width:100%; float:none; } 

.about-wrap .wel_text { font-size:18px; }

.facts {text-align:center; }
.service-item { text-align:center; }
.callback { padding:1.5rem; }

.bottom_contact { margin:0px auto; text-align:center; }

.related_keywords .categories-list li{   width:100%; float:none; position:relative; padding-left:28px;   /* Icon ke liye space */  }
.related_keywords .categories-list li i{ display:block; position:absolute;left:0; top:4px;  margin:0; width:18px; text-align:center; color:#fff;   }
.related_keywords .categories-list li a { display:block; line-height:1.5; border-bottom:1px solid #fff; padding-bottom:8px; }
.related_keywords .categories-list li:after { display:none; }

.copyright-text img { width:60%; margin:0px auto; }
 
/*onload popup css start*/ 
#enquirypopup .modal-dialog { width:90%; margin:0px auto; margin-top:150px; }
#enquirypopup .modal-body h2 { padding:15px; font-size:20px; line-height:1.5em; }
#enquirypopup .modal-body h2 span { font-size:24px; font-weight:600; }
#enquirypopup .modal-body h2 p {font-weight:400; font-size:16px; }

#enquirypopup .popup_from .popup_from_inner { padding:10px 20px; overflow:hidden; }
#enquirypopup .popup_from .popup_from_inner .submit { font-size:20px; color:#FFF; font-weight:600; padding:12px 50px; }
#enquirypopup .popup_from .logo_right img {display:none; }
#enquirypopup .close {display:block; }
#enquirypopup .skip {display:none; }
/*onload popup css end*/ 


}