/*---------============corano style==========----------*/ /*-------------------------table-of-contents--------------------------- 1 scroolbar 2 Global Settings 3 Preloader 4 backtotop 5 owlnav owldots style 6 themebtn 7 headings 8 header css 9 ripple video btn css 10 Main Slider Banner 11 welcome section icon box type one 12 about us 13 Funfacts 14 how_virus_spread 15 explore_more 16 preventions icon_box type two 17 doctor 18 blog 19 symptoms 20 contact_form 21 faq_box 22 footer 23 page_title 24 pagination 25 shop-page 26 product-details 27 shop_cart 28 Checkout 29 porduct-css 30 prevention-page 31 prevention_single 32 team_all 33 faqall 34 Contact-Page 35 blog_with_sidebar 36 blog_grid 37 blog_details_content 38 slider-bubbles 39 media queries responsive css --------------------------table-of-contents---------------------------*/ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap'); /*----font-family: 'Poppins', sans-serif; font-family: 'Inter', sans-serif;---------*/ /*--------------import----external-css-----------------*/ @import url('rtl.css'); @import url('font-awesome.min.css'); @import url('animate.css'); @import url('owl.css'); @import url('jquery-ui.css'); @import url('jquery.fancybox.min.css'); @import url('bsnav.min.css'); @import url('flexslider.css'); @import url('swiper.min.css'); /*--------------import----external-css-----------------*/ * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } body { padding: 0; margin: 0; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .page_wapper { position:relative; margin:0 auto; width:100%; min-width:300px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } /*================================================================================== scroolbar ==================================================================================*/ body.home_page_one::-webkit-scrollbar { width: 10px; } body.home_page_one::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f1f1f1; -moz-box-shadow: inset 0 0 6px #f1f1f1; box-shadow: inset 0 0 6px #f1f1f1; background: #f1f1f1; } body.home_page_one::-webkit-scrollbar-thumb { background: #187be7; -webkit-box-shadow: inset 0 0 6px #187be7; -moz-box-shadow: inset 0 0 6px #187be7; box-shadow: inset 0 0 6px #187be7; border-radius: 10px; } body.home_page_one::-webkit-scrollbar-thumb:window-inactive { background: #187be7; } body.home_page_one { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #3f5f7f; } body.home_page_one h1, body.home_page_one h2, body.home_page_one h3, body.home_page_one h4, body.home_page_one h5, body.home_page_one h6 { font-family: 'Poppins', sans-serif; color: #0a629c; } body.home_page_one h1 a, body.home_page_one h2 a, body.home_page_one h3 a, body.home_page_one h4 a, body.home_page_one h5 a, body.home_page_one h6 a { color: #0a629c; } /*------------------------------home-page-two-------body-settings-------------------------------*/ body.home_page_two::-webkit-scrollbar { width: 10px; } body.home_page_two::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f1f1f1; -moz-box-shadow: inset 0 0 6px #f1f1f1; box-shadow: inset 0 0 6px #f1f1f1; background: #f1f1f1; } body.home_page_two::-webkit-scrollbar-thumb { background: #c90005; -webkit-box-shadow: inset 0 0 6px #c90005; -moz-box-shadow: inset 0 0 6px #c90005; box-shadow: inset 0 0 6px #c90005; border-radius: 10px; } body.home_page_two::-webkit-scrollbar-thumb:window-inactive { background: #c90005; } body.home_page_two { font-family: 'Inter', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #848484; } body.home_page_two h1, body.home_page_two h2, body.home_page_two h3, body.home_page_two h4, body.home_page_two h5, body.home_page_two h6 { font-family: 'Inter', sans-serif; color: #00001a; } body.home_page_two h1 a, body.home_page_two h2 a, body.home_page_two h3 a, body.home_page_two h4 a, body.home_page_two h5 a, body.home_page_two h6 a { color: #00001a; } /*------------------------------home-page-two-------body-settings-------------------------------*/ body.home_page_three::-webkit-scrollbar { width: 10px; } body.home_page_three::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f1f1f1; -moz-box-shadow: inset 0 0 6px #f1f1f1; box-shadow: inset 0 0 6px #f1f1f1; background: #f1f1f1; } body.home_page_three::-webkit-scrollbar-thumb { background: #166994; -webkit-box-shadow: inset 0 0 6px #166994; -moz-box-shadow: inset 0 0 6px #166994; box-shadow: inset 0 0 6px #166994; border-radius: 10px; } body.home_page_three::-webkit-scrollbar-thumb:window-inactive { background: #166994; } body.home_page_three { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 26px; color: #888; } body.home_page_three h1, body.home_page_three h2, body.home_page_three h3, body.home_page_three h4, body.home_page_three h5, body.home_page_three h6 { font-family: 'Poppins', sans-serif; color: #000000; } body.home_page_three h1 a, body.home_page_three h2 a, body.home_page_three h3 a, body.home_page_three h4 a, body.home_page_three h5 a, body.home_page_three h6 a { color: #000000; } /*================================================================================== Global Settings ==================================================================================*/ body.home_page_one p { font-family: 'Poppins', sans-serif; color: #3f5f7f; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-font-smoothing: antialiased; -webkit-font-smoothing: antialiased; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; font-weight: 700; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } p { padding: 0; margin: 0; font-size: 16px; font-weight: 400; line-height: 26px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } ul li { padding: 0; margin: 0; list-style: none; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } dl, ol, ul { margin-top: 0; margin-bottom: 0rem; margin-right: 0; margin-left: 0; padding: 0; } a { text-decoration: none; } a:hover { text-decoration: none; } .btn:focus { outline: 0px; -webkit-appearance: none; appearance: none; } :focus { outline: -webkit-focus-ring-color auto 0px; } button:focus { outline: 0px dotted; outline: 0px auto -webkit-focus-ring-color; } .padding_zero { padding: 0px 0px; } /*================================================================================== Preloader ==================================================================================*/ .preloader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999999999; } .preloader_box { background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); height: 100vh; width: 100%; position: relative; } .home_page_two .preloader_box { background: #c90005; height: 100vh; width: 100%; position: relative; } .home_page_three .preloader_box { background: #1d87b7; } .preloader .loader { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .preloader .circle { height: 10px; width: 10px; background-color: white; border-radius: 50%; margin: 15px; display: inline-block; } .preloader .item0 { animation: 1s pulse0 infinite; } .preloader .item1 { animation: 1s pulse1 infinite; } .preloader .item2 { animation: 1s pulse2 infinite; } @keyframes pulse0 { 0% { transform: scale(1); } 10% { transform: scale(2); } 43.3% { transform: scale(1); } 76.6% { transform: scale(1); } 100% { transform: scale(1); } } @keyframes pulse1 { 0% { transform: scale(1); } 10% { transform: scale(1); } 43.3% { transform: scale(2); } 76.6% { transform: scale(1); } 100% { transform: scale(1); } } @keyframes pulse2 { 0% { transform: scale(1); } 10% { transform: scale(1); } 43.3% { transform: scale(1); } 76.6% { transform: scale(2); } 100% { transform: scale(1); } } /*================================================================================== backtotop ==================================================================================*/ #scroll { position: fixed; right: 10px; bottom: 10px; cursor: pointer; width: 50px; height: 50px; display: none; -webkit-border-radius: 60px; -moz-border-radius: 60px; border-radius: 60px; z-index: 999; background: #D04083; } .default-bg.red { background: #c90005!important; } .default-bg.green { background: #166994!important; } #scroll span { position: absolute; text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 20px; color: #fff; } #scroll span:hover { opacity: 1; } /*================================================================================== owlnav owldots style ==================================================================================*/ .home_page_one .owl-carousel .owl-nav { position: relative; width: 100%; text-align: center; padding-top: 20px; } .home_page_one .owl-carousel .owl-nav .owl-prev, .home_page_one .owl-carousel .owl-nav .owl-next { display: inline-block; width: 55px; height: 55px; line-height: 55px; background: #f3f9fe; border-radius: 50%; text-align: center; margin: 0px 10px; color: #001e3b; font-weight: 600; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .home_page_one .owl-carousel .owl-nav .owl-prev:hover, .home_page_one .owl-carousel .owl-nav .owl-next:hover { background: #D04083; color: #fff; } .home_page_one .owl-dots { position: relative; bottom: -20px; width: 100%; margin: 0 auto; text-align: center; } .home_page_one .owl-dots .owl-dot { position: relative; width: 12px; height: 12px; margin: 0px 4px; border-radius: 50px; display: inline-block; background-color: transparent; border: 2px solid #cacaca; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .home_page_one .owl-dots .owl-dot:hover, .home_page_one .owl-dots .owl-dot.active { border: 2px solid #D04083; background: #D04083; } .home_page_two .owl-carousel .owl-nav { position: relative; width: 100%; text-align: center; padding-top: 20px; } .home_page_two .owl-carousel .owl-nav .owl-prev, .home_page_two .owl-carousel .owl-nav .owl-next { display: inline-block; width: 55px; height: 55px; line-height: 55px; background: #f3f9fe; border-radius: 50%; text-align: center; margin: 0px 10px; color: #001e3b; font-weight: 600; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .home_page_two .owl-carousel .owl-nav .owl-prev:hover, .home_page_two .owl-carousel .owl-nav .owl-next:hover { background: #c90005; color: #fff; } .home_page_two .owl-dots { position: relative; bottom: -20px; width: 100%; margin: 0 auto; text-align: center; } .home_page_two .owl-dots .owl-dot { position: relative; width: 12px; height: 12px; margin: 0px 4px; border-radius: 50px; display: inline-block; background-color: transparent; border: 2px solid #cacaca; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .home_page_two .owl-dots .owl-dot:hover, .home_page_two .owl-dots .owl-dot.active { border: 2px solid #c90005; background: #c90005; } .home_page_three .owl-carousel .owl-nav { position: absolute; width: 100%; text-align: center; padding-top: 20px; } .home_page_three .owl-carousel .owl-nav .owl-prev, .home_page_three .owl-carousel .owl-nav .owl-next { display: inline-block; width: 55px; height: 55px; line-height: 55px; background: #eefcfe; border-radius: 50%; text-align: center; margin: 0px 10px; color: #001e3b; font-weight: 600; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .home_page_three .owl-carousel .owl-nav .owl-prev:hover, .home_page_three .owl-carousel .owl-nav .owl-next:hover { background: #166994; color: #fff; } .home_page_three .owl-dots { position: relative; bottom: -20px; width: 100%; margin: 0 auto; text-align: center; } .home_page_three .owl-dots .owl-dot { position: relative; width: 12px; height: 12px; margin: 0px 4px; border-radius: 50px; display: inline-block; background-color: transparent; border: 2px solid #cacaca; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .home_page_three .owl-dots .owl-dot:hover, .home_page_three .owl-dots .owl-dot.active { border: 2px solid #166994; background: #166994; } /*================================================================================== themebtn ==================================================================================*/ .theme_btn.tp_one { font-size: 16px; position: relative; color: #fff; background-image: linear-gradient(to right, #00708e, #00708e, #03313d, #00708e); box-shadow: 0 5px 15px rgba(242, 97, 103, .2); display: inline-block; width: 180px; height: 50px; line-height: 48px; font-weight: 500; transition: all .5s ease; text-align: center; font-family: 'Poppins', sans-serif; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; border-radius: 50px; background-size: 300% 100%; box-shadow: 0px; border: 0px!important; } .theme_btn.tp_one span { margin-left: 10px; } .theme_btn.tp_one:hover { background-position: right center; color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .06); } .read_more.tp_one { position: relative; display: block; font-size: 16px; color: #01062e; font-weight: 400; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .read_more.tp_one span { display: inline-block; margin-left: 6px; font-size: 8px; font-weight: 700; vertical-align: middle; line-height: normal; color: #01062e; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; margin-top: 1px; } .read_more.tp_one:hover, .read_more.tp_one:hover span { color: #d04083; } .read_more.tp_one:hover { transform: translateX(10px); } .read_more.tp_three { position: relative; display: block; font-size: 16px; color: #01062e; font-weight: 400; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .read_more.tp_three span { display: inline-block; margin-left: 6px; font-size: 12px; font-weight: 700; vertical-align: middle; line-height: normal; color: #01062e; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; margin-top: 1px; } .read_more.tp_three:hover, .read_more.tp_three:hover span { color: #c90005; } .read_more.tp_three:hover { transform: translateX(10px); } .theme_btn.tp_two { font-size: 16px; position: relative; color: #fff; display: inline-block; width: 180px; background: transparent; background-image: linear-gradient(to right, #187be7 0%, #269bef 30%, #269bef 60%, #187be7 100%); height: 50px; line-height: 50px; font-weight: 500; transition: all .5s ease; text-align: center; font-family: 'Poppins', sans-serif; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; border-radius: 5px; background-size: 300% 100%; box-shadow: none; border: 0px!important; } .theme_btn.tp_two:hover { background-position: right center; } .theme_btn.tp_two span { margin-left: 10px; } .read_more.tp_two { position: relative; display: block; font-size: 16px; color: #01062e; font-weight: 400; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .read_more.tp_two span { display: inline-block; margin-left: 6px; font-size: 12px; font-weight: 700; margin-top: 1px; vertical-align: middle; line-height: normal; color: #01062e; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .read_more.tp_two:hover, .read_more.tp_two:hover span { color: #1d85ea; } .read_more.tp_two:hover { transform: translateX(10px); } .theme_btn.tp_three { font-size: 16px; position: relative; color: #fff; display: inline-block; width: 180px; background: #c90005; height: 50px; line-height: 50px; font-weight: 500; transition: all .5s ease; text-align: center; font-family: 'Inter', sans-serif; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; border-radius: 5px; background-size: 300% 100%; box-shadow: none; border: 0px!important; } .theme_btn.tp_three span { margin-left: 10px; } .theme_btn.tp_four { font-size: 16px; position: relative; color: #fff; display: inline-block; width: 180px; background: #166994; height: 50px; line-height: 50px; font-weight: 500; transition: all .5s ease; text-align: center; font-family: 'Poppins', sans-serif; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; border-radius: 5px; background-size: 300% 100%; box-shadow: none; border: 0px!important; } .theme_btn.tp_three span { margin-left: 10px; } /*================================================================================== headings ==================================================================================*/ .heading.tp_one { position: relative; margin-bottom: 25px; z-index: 0; } .heading.tp_one h6 { position: relative; font-size: 16px; line-height: 16px; color: #187be7; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; letter-spacing: 2px; font-family: 'Poppins', sans-serif; } .heading.tp_one h1 { position: relative; font-size: 42px; line-height: 56px; font-weight: 700; margin-bottom: 12px; } .heading.tp_one span.icon { font-size: 80px; line-height: 60px; position: absolute; top: 0; color: #f3f9fe; z-index: -1; } .heading.tp_one.icon_dark span.icon { color: #edf2f7; } .heading.tp_one.text_white span.icon { color: #33bbf7; opacity: .4; } .heading.tp_one.text_white h6 { color: #fff; } .heading.tp_one.text_white h1 { color: #fff; } .heading.tp_one p { font-size: 18px; font-weight: 400; line-height: 28px; } @media(max-width:3000px) and (min-width:1200px) { .heading.text-center.tp_one p { padding: 0px 200px; } } /*-------------------heading-two---------------------*/ .heading.tp_two { position: relative; margin-bottom: 25px; z-index: 0; } .heading.tp_two h6 { position: relative; font-size: 16px; line-height: 16px; color: #c90005; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; letter-spacing: 2px; font-family: 'Poppins', sans-serif; } .heading.tp_two h1 { position: relative; font-size: 42px; line-height: 56px; font-weight: 700; margin-bottom: 12px; } .heading.tp_two span.icon { font-size: 80px; line-height: 60px; position: absolute; top: 0; color: #f3f9fe; z-index: -1; } .heading.tp_two.icon_dark span.icon { color: #edf2f7; } .heading.tp_two.text_white span.icon { color: #33bbf7; opacity: .4; } .heading.tp_two.text_white h6 { color: #fff; } .heading.tp_two.text_white h1 { color: #fff; } .heading.tp_two p { font-size: 18px; font-weight: 400; line-height: 28px; } @media(max-width:3000px) and (min-width:1200px) { .heading.text-center.tp_two p { padding: 0px 200px; } } /*-------------------heading-two---------------------*/ .heading.tp_three { position: relative; margin-bottom: 25px; z-index: 0; } .heading.tp_three h6 { position: relative; font-size: 16px; line-height: 16px; color: #1d87b7; text-transform: uppercase; font-weight: 700; margin-bottom: 7px; letter-spacing: 2px; font-family: 'Poppins', sans-serif; } .heading.tp_three h1 { position: relative; font-size: 42px; line-height: 56px; font-weight: 700; margin-bottom: 12px; } .heading.tp_three span.icon { font-size: 80px; line-height: 60px; position: absolute; top: 0; color: #f3f9fe; z-index: -1; } .heading.tp_three.icon_dark span.icon { color: #edf2f7; } .heading.tp_three.text_white span.icon { color: #33bbf7; opacity: .4; } .heading.tp_three.text_white h6 { color: #fff; } .heading.tp_three.text_white h1 { color: #fff; } .heading.tp_three p { font-size: 18px; font-weight: 400; line-height: 28px; } @media(max-width:3000px) and (min-width:1200px) { .heading.text-center.tp_three p { padding: 0px 200px; } } /*================================================================================== header css ==================================================================================*/ .header_v1 { position: relative; } .navbar .new_page { position: absolute; height: 30px; background: #c90005; color: #fff; padding: 0px 10px; line-height: 30px; margin-left: 20px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; border-radius: 5px; } .navbar .new_page:before { position: absolute; content: ''; border-right: 8px solid #c90005; border-top: 8px solid transparent; border-left: 8px solid transparent; border-bottom: 8px solid transparent; left: -13px; top: 7px; } .header_v1 .header_top { position: relative; background-image: url(../image/resources/header-top-bg.jpg); background-position: center; background-size: cover; padding: 14px 0px 0px; min-height: 60px; z-index: 100; } .header_v1 .header_top .recent_news { position: relative; margin-left: 220px; } .header_v1 .header_top .news_inner { position: relative; } .header_v1 .header_top .recent_news .heading h2 { font-size: 14px; color: #fff; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); text-align: center; padding: 6px 10px; border-radius: 50px; min-width: 120px; margin-top: 4px; } .header_v1 .emergency_contact { position: relative; } .header_v1 .emergency_contact .icon { float: left; font-size: 20px; color: #222; } .header_v1 .emergency_contact .phone_no { margin-left: 30px; } .clock_outer { position: relative; float: left; padding: 5px 0px 0px 3px; } .clock_outer span.fa { color: #fff; margin-right: 5px; } .clock { color: #fff; font-weight: 400; font-size: 14px; } .header_v1 .header_top .single_items .owl-dots { display: none; } .header_v1 .header_top .mid-text { position: relative; background: rgba(12, 71, 91, .1); border-radius: 30px; margin: 3px 0px 0px; text-align: left; color: #fff; padding: 1px 30px 1px 15px; } .header_v1 .header_top .mid-text p a { position: relative; overflow: hidden; line-height: 28px; display: block; white-space: nowrap; text-overflow: ellipsis; } .header_v1 .header_top .mid-text p a { color: #fff; font-size: 14px; display: block; } .header_v1 .header_top .mid-text i { color: #00aa55; margin-right: 10px; font-size: 16px; } .c-tooltip { position: absolute; left: 50%; top: 100%; min-width: 86px; margin-left: -43px; margin-top: 15px; text-align: center; -ms-transform: translateY(-10px); transform: translateY(-10px); opacity: 0; visibility: hidden; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; } .c-tooltip .tooltip-inner { position: relative; display: block; margin-bottom: 12px; min-width: 86px; padding: 3px 10px; line-height: 20px; font-size: 11px; color: #ffffff; background: #222222; text-transform: uppercase; border-radius: 7px; } .c-tooltip .tooltip-inner:before { content: ''; position: absolute; left: 50%; margin-left: -5px; bottom: 100%; border: 5px solid transparent; border-bottom: 5px solid #222222; } .has-tooltip:hover .c-tooltip { -ms-transform: translateY(0px); transform: translateY(0px); opacity: 1; visibility: visible; z-index: 1; } .header_v1 .social_media_icon { position: relative; float: right; } .header_v1 .social_media_icon:before { content: ''; position: absolute; left: 0; top: 0px; height: 30px; border-left: 1px solid rgba(0, 0, 0, 0.10); } .header_v1 .social_media_icon { position: relative; } .header_v1 .social_media_icon li { position: relative; float: left; margin-left: 10px; } .header_v1 .social_media_icon li:first-child { margin-left: 0; } .header_v1 .social_media_icon li a { position: relative; display: block; width: 30px; height: 30px; font-size: 13px; line-height: 30px; text-align: center; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); color: #fff; border-radius: 50%; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .header_v1 .social_media_icon li a:hover { background: #D04083; border-color: #D04083; color: #ffffff; } @media(max-width:3000px) and (min-width:1700px) { .header_v1 .navbar-brand { margin-right: 30px; } .header_v1 .container-fluid { padding: 0px 250px; } } .header_v1 .navbar-brand img { width: 150px; } .header_v1 .bsnav-sticky.bsnav-sticky-slide.sticked.in { background: #fff; } .header_v1 .navbar-expand-lg { padding: 5px 0px; background: transparent; } .header_v1 .navbar-expand-lg .navbar-nav .nav-item .nav-link.link_hd { color: #08192d; padding: 28px 20px 24px; } .header_v1 .navbar-expand-lg .navbar-nav .nav-link { font-family: 'Poppins', sans-serif; text-transform: none; font-size: 14px; text-transform: uppercase; font-weight: 600; } .header_v1 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link.link_hd::before, .header_v1 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.link_hd::before { color: #187be7; } .header_v1 .navbar-expand-lg .navbar-nav .nav-item.current .nav-link.link_hd, .header_v1 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.link_hd { color: #187be7; } .header_v1 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link.link_hd, .header_v1 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.link_hd { color: #187be7; } .header_v1 .site-header__sidemenu-nav { margin-top: 14px; margin-left: 0px; color: #3f5f7f; margin-right: 14px; } .header_v1 .site-header__sidemenu-nav-line { background-color: #fff; } .bsnav-mobile .navbar-nav.navbar_right { display: none; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right .phone { padding: 15px 40px 0px 0px; position: relative; font-size: 18px; color: #3f5f7f; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right .phone i { margin-right: 10px; color: #187be7; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right .phone a { color: #001e3b; font-weight: 900; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right li { margin: 0px 15px; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right li:last-child { margin-right: 0px; } .header_v1 .navbar-expand-lg a.theme_btn { width: 150px; background: #fff; border: 2px solid #fff; color: #001E3B; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right .two_icon { position: relative; padding-top: 5px; border-radius: 50px; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); width: 130px; text-align: center; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right .two_icon a { display: inline-block; padding: 0px 10px 0px; margin: 0; line-height: 46px; } .header_v1 .navbar-expand-lg .navbar-nav.navbar_right .two_icon a .icon { font-weight: 800; color: #fff; font-size: 18px; padding-left: 10px; } .header_v1 .site-header__sidemenu-nav { height: auto; } /*--------header_v2------------*/ .header_v2 { position: relative; background: #f3f9fe; } .header_v2 .header_top { position: relative; background: #00849b; padding: 10px 0px 10px; } .header_v2 .header_top .heading, .header_v2 .header_top .news_inner { position: relative; } .header_v2 .header_top .single_items .owl-dots { display: none; } .header_v2 .header_top .heading h2 { font-size: 14px; color: #fff; background: #01062e; text-align: center; padding: 6px 10px; border-radius: 5px; min-width: 120px; margin-top: 4px; } .header_v2 .header_top .mid-text { position: relative; background: rgb(183, 71, 123); border-radius: 5px; margin: 3px 0px 0px; text-align: left; color: #fff; padding: 1px 15px 1px 15px; } .header_v2 .header_top .mid-text p a { position: relative; overflow: hidden; line-height: 28px; display: block; white-space: nowrap; text-overflow: ellipsis; } .header_v2 .header_top .mid-text p a { color: #fff; font-size: 14px; display: block; } .header_v2 .header_top .mid-text i { color: #00aa55; margin-right: 10px; font-size: 16px; } .header_v2 .social_media_icon { position: relative; float: right; } .header_v2 .social_media_icon { position: relative; } .header_v2 .social_media_icon li { position: relative; float: left; } .header_v2 .social_media_icon li:first-child { margin-left: 0; } .header_v2 .social_media_icon li a { position: relative; display: block; width: 35px; height: 35px; font-size: 13px; line-height: 35px; text-align: center; background: rgb(183, 71, 123); color: #fff; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; margin-left: 1px; } .header_v2 .social_media_icon li a:hover { background: #D04083; border-color: #D04083; color: #ffffff; } @media(max-width:3000px) and (min-width:1200px) { .header_v2 .navbar-brand { margin-right: 30px; } } .header_v2 .navbar-brand img { width: 150px; } .header_v2 .bsnav-sticky.bsnav-sticky-slide.sticked.in { background: #fff; } .header_v2 .navbar-expand-lg .navbar-nav .nav-item .nav-link.link_hd { color: #01062e; padding: 32px 20px 30px; } .header_v2 .navbar-expand-lg .navbar-nav .nav-item:first-child .nav-link.link_hd { padding-left: 0px; } .navbar-expand-lg .navbar-nav .nav-item.dropdown .nav-link.link_hd:before { position: absolute; content: '\f107'; font-family: 'FontAwesome'; right: 7px; font-size: 10px; font-weight: 700; font-size: 14px; } .header_v2 .navbar-expand-lg .navbar-nav .nav-link { font-family: 'Poppins', sans-serif; text-transform: none; font-size: 16px; font-weight: 600; } .header_v2 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link.link_hd, .header_v2 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.link_hd { color: #197ee8; } .header_v2 .site-header__sidemenu-nav { margin-top: 16px; margin-left: 0px; color: #3f5f7f; } .header_v2 .site-header__sidemenu-nav-line { background-color: #197ee8; } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right { position: relative; margin-left: 20px; } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right .phone { padding: 15px 40px 0px 0px; position: relative; font-size: 18px; color: #3f5f7f; } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right .phone i { margin-right: 10px; color: #187be7; } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right .phone a { color: #001e3b; font-weight: 900; } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right li { margin: 0px 15px; } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right li:last-child { margin-right: 0px; } .header_v2 .navbar-expand-lg a.theme_btn { width: 150px; background: #fff; border: 2px solid #fff; color: #001E3B; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); } .header_v2 .navbar-expand-lg .navbar-nav.navbar_right a .icon { display: inline-block; position: relative; margin: 0; line-height: 48px; font-weight: 800; color: #197ee8; font-size: 18px; } .header_v2 .site-header__sidemenu-nav { height: auto; } /*--------header_v3------------*/ .header_v3 { position: absolute; left: 0; top: 0; width: 100%; z-index: 999; padding: 10px 0px; } .header_v3 .navbar-toggler .navbar-toggler-icon, .header_v3 .navbar-toggler .navbar-toggler-icon::after, .header_v3 .navbar-toggler .navbar-toggler-icon::before{ background: #fff; } .header_v3 .navbar.sticked.in .navbar-toggler .navbar-toggler-icon, .header_v3 .navbar.sticked.in .navbar-toggler .navbar-toggler-icon::after, .header_v3 .navbar.sticked.in .navbar-toggler .navbar-toggler-icon::before{ background: #000; } .header_v3 .log_sticky { display: none; } .header_v3 .bsnav-sticky.in .log_sticky { display: block; } .header_v3 .bsnav-sticky.in .log_normal { display: none; } .header_v3 .header_top { position: relative; background: #c90005; padding: 10px 0px 10px; } .header_v3 .header_top .text_left, .header_v3 .header_top .text_right { position: relative; } .header_v3 .header_top .text_left ul li { display: inline-block; padding-right: 20px; color: #fff; font-size: 15px; } .header_v3 .navbar-expand-lg .navbar-nav .nav-link.link_hd { color: #fff; } .header_v3 .navbar-expand-lg .navbar-nav .nav-link { font-family: 'Inter', sans-serif; } .header_v3 .navbar.sticked.in .navbar-nav .nav-link.link_hd { color: #00001a; } .header_v3 .header_top .text_left ul li span { color: #fff; margin-right: 6px; } .header_v3 .header_top .text_right { text-align: right; } .header_v3 .header_top .text_right p { text-align: right; color: #fff; font-size: 15px; } @media(max-width:3000px) and (min-width:1200px) { .header_v3 .navbar-brand { margin-right: 30px; } } .header_v3 .navbar-brand img { width: 150px; } .header_v3 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link.link_hd, .header_v3 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.link_hd { color: #c90005; } .header_v3 .navbar-expand-lg .navbar-nav.navbar_right a .icon { display: inline-block; position: relative; line-height: 54px; font-weight: 800; color: #c90005; font-size: 18px; margin: 0px 20px; } .header_v3 .site-header__sidemenu-nav-line { background: #c90005; } /*--------header_v4------------*/ .header_v4 { position: relative; } .header_v4 .social-media li { display: inline-block; padding-right: 10px; } .header_v4 .social-media li:last-child { padding-right: 0px; } .header_v4 .social-media li a { color: #fff; } .header_v4 .header_top { position: relative; background: #166994; padding: 10px 0px 10px; } .header_v4 .header_top .text_left, .header_v4 .header_top .text_right { position: relative; } .header_v4 .header_top .text_left ul li { display: inline-block; padding-right: 25px; color: #fff; font-size: 15px; } .header_v4 .navbar-expand-lg { background: #fff; } .header_v4 .navbar-expand-lg .navbar-nav .nav-link.link_hd { color: #00001a; } .header_v4 .navbar-expand-lg .navbar-nav .nav-link { font-family: 'Poppins', sans-serif; } .header_v4 .navbar.sticked.in .navbar-nav .nav-link.link_hd { color: #00001a; } .header_v4 .header_top .text_left ul li span { color: #fff; margin-right: 6px; } .header_v4 .header_top .text_right { text-align: right; } .header_v4 .header_top .text_right p { text-align: right; color: #fff; font-size: 15px; } @media(max-width:3000px) and (min-width:1200px) { .header_v4 .navbar-brand { margin-right: 30px; } } .header_v4 .navbar-brand img { width: 150px; } .header_v4 .navbar-expand-lg .navbar-nav .nav-item.active .nav-link.link_hd, .header_v4 .navbar-expand-lg .navbar-nav .nav-item:hover .nav-link.link_hd { color: #003383; } .header_v4 .navbar-expand-lg .navbar-nav.navbar_right a .icon { display: inline-block; position: relative; line-height: 54px; font-weight: 800; color: #003383; font-size: 18px; margin: 0px 20px; } .header_v4 .site-header__sidemenu-nav-line { background: #003383; } /* * 13. search-popup styles */ .search-popup { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: bottom center; transform-origin: bottom center; -webkit-transition: -webkit-transform .7s ease; transition: -webkit-transform .7s ease; transition: transform .7s ease; transition: transform .7s ease, -webkit-transform .7s ease; } .search-popup.active { -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: scale(1, 1); transform: scale(1, 1); } .search-popup__overlay { width: 100%; height: 100%; background-color: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: .7; cursor: none; } .search-popup__inner { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .search-popup__form { position: relative; z-index: 9991; width: 100%; padding: 15px; max-width: 600px; position: relative; } .search-popup__form input { border: none; outline: none; width: 100%; color: #fff; height: 60px; font-size: 18px; background-color: rgba(255, 255, 255, .2); padding-left: 30px; } .search-popup__form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #fff; } .search-popup__form input::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .search-popup__form input:-ms-input-placeholder { /* IE 10+ */ color: #fff; } .search-popup__form input:-moz-placeholder { /* Firefox 18- */ color: #fff; } .search-popup__form button { border: none; outline: none; width: 60px; font-weight: 600; height: 60px; color: #fff; background-color: #00aeef; cursor: poPoppins; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .4s ease; transition: all .4s ease; } .search-popup__form button:hover { background-color: #00aeef; color: #fff; } /* Cursor Style */ .cursor { position: absolute; background-color: #fff; width: 6px; height: 6px; border-radius: 100%; z-index: 1; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 10000; -webkit-transform: scale(1); transform: scale(1); visibility: hidden; } .cursor { visibility: visible; } .cursor.active { opacity: 0.5; -webkit-transform: scale(0); transform: scale(0); } .cursor.hovered { opacity: 0.08; } .cursor-follower { position: absolute; background-color: RGBA(255, 255, 255, 0.3); width: 50px; height: 50px; border-radius: 100%; z-index: 1; -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity; transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; z-index: 10000; visibility: hidden; } .cursor-follower { visibility: visible; } .cursor-follower.active { opacity: 0.7; -webkit-transform: scale(1); transform: scale(1); } .cursor-follower.hovered { opacity: 0.08; } .cursor-follower.close-cursor:before { position: absolute; content: ''; height: 25px; width: 2px; background: #fff; left: 48%; top: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); display: inline-block; } .cursor-follower.close-cursor:after { position: absolute; content: ''; height: 25px; width: 2px; background: #fff; right: 48%; top: 12px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* * 29. side-menu styles */ .side-menu__block { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; z-index: 1000; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: right center; transform-origin: right center; -webkit-transition: -webkit-transform .7s ease; transition: -webkit-transform .7s ease; transition: transform .7s ease; transition: transform .7s ease, -webkit-transform .7s ease; } .side-menu__block.active { -webkit-transform: scale(1, 1); transform: scale(1, 1); } .side-menu__block-overlay { width: 100%; height: 100%; background: #000; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; opacity: .7; } .side-menu__block .logo_site { padding: 0px 20px 20px; text-align: center; border-bottom: 1px solid #eee; } .side-menu__block .logo_site img { width: 200px; } .side-menu__block-contact { position: relative; padding: 40px 20px; border-bottom: 1px solid #eee; } .side-menu__block-contact h2, .side-menu__block-contact h3 { font-size: 24px; line-height: 30px; font-weight: 600; color: #00aeef; display: block; margin-bottom: 20px; } .side-menu__block-contact ul li a { color: #00aeef; } .home_page_two .side-menu__block-contact ul li a { color: #c90005; } .side-menu__block-contact .form_outer { position: relative; } .side-menu__block-contact .form_outer input, .side-menu__block-contact .form_outer textarea { position: relative; border: 1px solid #eee; height: 50px; width: 100%; padding: 10px 20px; margin-bottom: 20px; font-size: 15px; color: #3f5f7f; display: block; line-height: 26px; } .side-menu__block-contact .form_outer input::placeholder { color: #3f5f7f; } .side-menu__block-contact .form_outer textarea::placeholder { color: #3f5f7f; } .side-menu__block-contact .form_outer textarea { height: inherit; } .side-menu__block-contact ul li { font-size: 15px; position: relative; margin-bottom: 10px; color: #3f5f7f; } .side-menu__block-contact ul li .fa { color: #00aeef; margin-right: 10px; } .home_page_two .side-menu__block-contact ul li .fa { color: #c90005; margin-right: 10px; } .side-menu__block-inner { position: relative; width: 400px; height: 100vh; background-color: #fff; z-index: 999999; padding: 20px 15px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: justify; align-content: space-between; margin-left: auto; overflow-x: hidden!important; overflow-y: auto; } .site-header__sidemenu-nav { cursor: pointer; text-align: center; height: 54px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; /* padding-left: 20px; */ margin-left: 18px; } .site-header__sidemenu-nav-line { width: 30px; height: 2px; background-color: #3f5f7f; display: block; } .site-header__sidemenu-nav-line:nth-child(2) { margin-top: 5px; margin-bottom: 5px; width: 15px; -webkit-transition: all .3s ease; transition: all .3s ease; } .site-header__sidemenu-nav:hover .site-header__sidemenu-nav-line:nth-child(2) { width: 30px; } .side-menu__block__text.site-footer__copy-text { position: relative; padding: 30px 20px; } .side-menu__block__text.site-footer__copy-text a { color: #00aeef; } /*----home-page-one-----*/ .home_page_one .side-menu__block-contact ul li .fa { color: #01062e; } .home_page_one .side-menu__block-contact h2, .home_page_one .side-menu__block-contact h3 { color: #01062e; } .home_page_one .side-menu__block-contact ul li a { color: #01062e; } .home_page_one .side-menu__block__text.site-footer__copy-text a { color: #01062e; } /*================================================================================== ripple video btn css ==================================================================================*/ .video-inner { position: relative; } .video-inner a { position: relative; display: inline-block; font-size: 30px!important; color: #fff; width: 70px; height: 70px; line-height: 70px; text-align: center!important; border-radius: 50%; } .video-inner a { background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); } @keyframes ripple { 70% { -webkit-box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); box-shadow: 0 0 0 40px rgba(255, 255, 255, 0); } 100% { -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } } .video-inner a:before { width: 70px; height: 70px; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .video-inner a:after, .video-inner a:before { width: 70px; height: 70px; border-radius: 50%; background: transparent; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation-delay: .9s; animation-delay: .9s; content: ""; position: absolute; -webkit-box-shadow: 0 0 0 0 rgb(37, 183, 249, .6); box-shadow: 0 0 0 0 rgb(37, 183, 249, .6); -webkit-animation: ripple 3s infinite; animation: ripple 3s infinite; -webkit-transition: all .4s ease; transition: all .4s ease; } .video-inner a:after { -webkit-animation-delay: .6s; animation-delay: .6s; } /*==================================================================== Main Slider Banner ====================================================================*/ .banner.type_one { position: relative; min-height: 840px; } .banner.type_one .slider_box { position: absolute; width: 100%; margin-top: -92px; } .banner.type_one .slider_box .slider_image_1 { position: relative; z-index: 3; } .banner.type_one .slider_box .image { position: absolute; } .banner.type_one .slider_image_2 { top: 0; right: 0; } .slider_image_3.image { bottom: 150px; right: 0px; z-index: 0; } .slider_image_4.image { bottom: 130px; right: 50px; z-index: 0; } .slider_text_box { position: relative; z-index: 12; } .slider_text_box .text_box { position: relative; margin-top: 150px; } @media(max-width:3000px) and(min-width:1600px) { .slider_text_box .text_box { padding-right: 150px; } } .slider_text_box .text_box h1 { font-size: 60px; line-height: 70px; margin-bottom: 20px; } .slider_text_box .text_box .bg_text { z-index: -1; font-size: 300px; color: #f3f2f2; line-height: 300px; position: absolute; top: -42px; right: 71px; letter-spacing: -10px; font-weight: 500; } .slider_text_box .text_box .lower_text { margin-top: 50px; } .slider_text_box .text_box .lower_text a.theme_btn.tp_one { width: 220px; float: left; height: 60px; line-height: 60px; } .slider_text_box .text_box .video-inner { position: relative; margin-left: 260px; } .slider_text_box .text_box p { font-size: 20px; line-height: 30px; } .slider_text_box .text_box .video-inner a { margin-top: -5px; } @media (max-width: 3000px) and (min-width: 1600px) { .slider_text_box .container-fluid { padding: 0px 250px; } } /*------------------banner-type-two--------------------------*/ .banner.type_two { position: relative; height: 1000px; background: url(../image/main-slider/banner-3-bg.jpg); background-size: cover; } .banner.type_two .banner_text { position: relative; margin: auto; } .banner.type_two .banner_text h1 { font-size: 70px; line-height: 82px; margin-bottom: 15px; font-weight: 700; color: #fff; } .banner.type_two .banner_text p { font-size: 18px; color: #fff; margin-bottom: 40px; line-height: 28px; } .banner.type_two .banner_text a.theme_btn { width: 200px; float: left; height: 60px; line-height: 60px; } .banner.type_two .banner_text .video-inner { position: relative; margin-left: 260px; } .banner.type_two .banner_text .video-inner a { background: #fff; color: #c90005; } .banner.type_two .image_box { position: relative; min-height: 1000px; min-width: 700px; } .banner.type_two .image_box .image { position: absolute; } .banner.type_two .image_box .image.image_1 { top: 200px; right: 0; margin: auto; z-index: 3; text-align: center; left: 0; } .banner.type_two .image_box .image.image_2 { top: 470px; right: 0; margin: auto; z-index: 4; text-align: center; left: 0; } .banner.type_two .image_box .image.image_3 { top: 394px; right: -300px; z-index: 2; text-align: center; } /*------animate-css-------------------*/ .floating { animation-name: floating; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; } @keyframes floating { from { transform: translate(0, 0px); } 65% { transform: translate(0, 15px); } to { transform: translate(0, -0px); } } .beat { animation: beat 3s infinite alternate; } @keyframes beat { to { transform: scale(1.4); } } @-webkit-keyframes beat { to { transform: scale(1.4); } } @-moz-keyframes beat { to { transform: scale(1.4); } } @-o-keyframes beat { to { transform: scale(1.4); } } @keyframes rotateme { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } @-moz-keyframes rotateme { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); } } @-o-keyframes rotateme { from { -o-transform: rotate(0deg); } to { -o-transform: rotate(360deg); } } .rotate-me { animation-name: rotateme; animation-duration: 30s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 30s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 30s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 30s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 30s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } /*------animate-css-------------------*/ .main-slider { position: relative; } .main-slider .owl-carousel img { width: auto!important; } .main-slider .content { position: relative; margin: auto; } .main-slider .slide { position: relative; padding: 100px 0px 100px; height: 850px; } .main-slider.type_two .slide{ padding: 0px; height:inherit; } .main-slider.type_two .slide .content_box{ position: relative; display: table; vertical-align: middle; width: 100%; height: 850px; padding: 20px 0px; z-index: 5; } .main-slider.type_two .slide .content_box .inner_box { position: relative; display: block; width: 100%; max-width: 700px; } .main-slider.type_two .slide .content_box .content { position: relative; display: table-cell; vertical-align: middle; padding: 50px 0px; } .slider_image { position: relative; min-width: 800px; min-height: 650px; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; } .main-slider.type_two .slide.two .inner_box{ margin: auto; } .main-slider .active .slider_image { opacity: 1; } .slider_image .image { position: absolute; } .slider_image .image.image_1 { top: 0; left: -50px; } .slider_image .image.image_2 { top: 0; right: 120px; } .slide.three .slider_image .image.image_2 { top: 0; right: 0px; } .main-slider h6 { position: relative; font-size: 18px; font-weight: 500; line-height: 30px; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); font-family: 'Nunito Sans', sans-serif; margin-bottom: 20px; color: #2d8dea!important; } .main-slider h1 { position: relative; font-size: 60px; font-weight: 700; line-height: 70px; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); font-family: 'Nunito Sans', sans-serif; padding-bottom: 10px; margin-bottom: 10px; } .link-box .theme_btn.two { border-radius: 5px; } @media(max-width:3000px) and (min-width:1600px) { .slider_image.slide_image_left { left: -230px; } .main-slider .content { margin: 80px auto auto; padding-right: 30px; } .main-slider .content.slide_content_right { padding-right: 0px; padding-left: 0px; } } @media(max-width:1199px) { .main-slider .order-first { -ms-flex-order: inherit; order: inherit; } .main-slider .order-last { -ms-flex-order: inherit; order: inherit; } } @media(max-width:992px) { .slider_image .image { position: relative; margin: 0 auto; text-align: center; } .slider_image .image.image_1 { top: 0; left: inherit; } .slider_image .image.image_2 { top: 0; right: inherit; } } /*--------slider-type-two---------*/ .main-slider.type_two .content { position: relative; } .main-slider.type_two .content h1 { font-size: 60px; line-height: 70px; font-weight: 800; color: #000; } .main-slider.type_two .content .text { color: #2b2b2b; font-size: 20px; } .main-slider.type_two .owl-dots .owl-dot:hover, .main-slider.type_two .owl-dots .owl-dot.active { background-color: #166994; } .link-box .banner-btn { display: inline-block; border-radius: 40px; color: #D04083; line-height: 45px; text-align: center; padding: 0px 20px; font-weight: 500; font-size: 17px; white-space: nowrap; min-height: 45px; } .main-slider .active h1:before { height: 50px; transition-delay: 3s; } .main-slider .light h1 { color: #fff; } .main-slider .active h1 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1300ms; } .main-slider .active h6 { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 1300ms; } .main-slider .text { position: relative; font-size: 18px; opacity: 0; line-height: 28px; font-weight: 400; margin-bottom: 40px; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .light .text { color: #fff; } .main-slider .active .text { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 2000ms; } .main-slider .link-box { opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .link-box .theme_btn { margin-right: 10px; } .main-slider .active .link-box { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 2500ms; } .main-slider .content .title { position: relative; color: #ffffff; font-size: 18px; font-weight: 500; padding-bottom: 20px; margin-bottom: 25px; opacity: 0; -webkit-transition: all 1000ms ease; -moz-transition: all 100ms ease; -ms-transition: all 1000ms ease; -o-transition: all 1000ms ease; transition: all 1000ms ease; -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .main-slider .content .title:after { position: absolute; content: ''; left: 50%; bottom: 0px; width: 70px; height: 1px; margin-left: -35px; background-color: #ffffff; } .main-slider .active .title { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); transition-delay: 600ms; } .main-slider .owl-dots { position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; } .main-slider .owl-dots .owl-dot { position: relative; width: 12px; border: 0px; height: 12px; margin: 0px 4px; display: inline-block; background-color: #f3f9fe; transition: all 500ms ease; -moz-transition: all 500ms ease; -webkit-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; } .main-slider.type_two .owl-dots .owl-dot{ background-color: #fff; } .main-slider .owl-dots .owl-dot:hover, .main-slider .owl-dots .owl-dot.active { background-color: #d04083; } .main-slider .owl-nav { display: none; } /*==================================================================== welcome section icon box type one ====================================================================*/ .welcome.type_one { position: relative; padding: 100px 0px 70px; } .icon_box.type_one { position: relative; padding: 40px 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); margin-bottom: 30px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; overflow: hidden; } .icon_box.type_one:hover { box-shadow: 0px 32px 99px 0px rgba(0, 0, 0, 0.06); } @media(max-width:3000px) and (min-width:992px) { .icon_box.type_one { min-height: 304px; } } .icon_box.type_one.last { padding: 45px 30px 40px; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); } .icon_box.type_one .icon { position: relative; z-index: 0; } .icon_box.type_one .svg_image { width: 80px; margin-bottom: 30px; } .icon_box.type_one .icon:before { position: absolute; content: ''; width: 100px; height: 100px; background: #f3f9fe; left: 0; top: -5px; z-index: -1; border-radius: 50%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_one.last .icon:before { background: #3483d4; } .icon_box.type_one.last h6 { font-size: 18px; color: #fff; margin-bottom: 8px; } .icon_box.type_one.last h2 a { font-size: 24px; line-height: 48px; display: block; color: #fff; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; margin: 0; } .icon_box.type_one.last p { color: #fff; } .icon_box.type_one span { display: block; font-size: 60px; line-height: 60px; color: #f3f9fe; position: absolute; top: 15px; right: 15px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_one:hover .icon span { color: #dce2e6; } .icon_box.type_one.last span { opacity: .1; } .icon_box.type_one h2 a { font-size: 18px; display: block; line-height: 28px; margin-bottom: 8px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } /*==================================================================== about us ====================================================================*/ .about.type_one { position: relative; padding: 100px 0px 100px; background: #f3f9fe; } .about.type_one.bg_white { background: #fff; } .abour_carousel { position: relative; padding-top: 50px; } .about.type_one .image_box { position: relative; min-width: 800px; min-height: 700px; } .about.type_one .image { position: absolute; } .about.type_one .image_box .image_1 { left: -350px; top: -10px; } .about.type_one .image_box .image_2 { left: 80px; bottom: 50px; } .about.type_one .image_box .image_3 { top: 0; left: 200px; transform: rotate(-15deg); } .about.type_one .image_box .image_4 { top: 0; left: 150px; transform: rotate(-15deg); } .about.type_one .image_box .overlay { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .about.type_one .image_box .overlay a { position: absolute; font-size: 30px; top: 45%; left: 45%; color: #fff; } .about.type_one .image_box:hover .overlay { opacity: .8; top: 0; } .about.type_one .image_box img { border-radius: 10px; } .about.type_one .image_box.one { transform: translateY(30px); } .about.type_one .image_box.two { transform: translateY(0px); } .about.type_one .description { margin-bottom: 20px; } .about.type_one .first_column { margin-top: 20px; } .about.type_one .second_column { margin-top: 70px; } .about.type_one .symptoms { position: relative; } .about.type_one .symptoms h2 { font-weight: 600; line-height: 32px; font-size: 24px; margin-bottom: 20px; } .about.type_one .symptoms ul { margin-top: 10px; margin-bottom: 40px; position: relative; } .about.type_one .symptoms ul li { position: relative; margin-bottom: 10px; } .about.type_one .symptoms ul li span { font-size: 8px; width: 25px; float: left; border-radius: 50px; line-height: 28px; height: 25px; background: #208eec; font-weight: 600; text-align: center; color: #ffffff; margin-top: 1px; } .about.type_one .symptoms ul li p { margin-left: 36px; } /*--------------------------about-type_two------------------------------*/ .about.type_two { position: relative; padding: 100px 0px 100px; } .about.type_two .image_box { position: relative; margin-right: 20px; } .about.type_two .image_box .text_box { position: absolute; bottom: 0; left: 0; padding: 20px; } .about.type_two .image_box .text_box h6 { padding: 20px; background: #fff; border-radius: 10px; display: inline-block; font-size: 18px; color: #c90005; } .about.type_two .image_box img { position: relative; width: 100%; } .about.type_two .image_box .video-inner.type_three { position: absolute; top: 40%; left: 44%; } .video-inner.type_three a { background: #c90005; } .video-inner.type_three a:after, .video-inner.type_three a:before { -webkit-box-shadow: 0 0 0 0 rgb(201, 0, 5, .2); box-shadow: 0 0 0 0 rgb(201, 0, 5, .2); } .about.type_two .about_content { position: relative; margin-top: 30px; } .about.type_two .about_content h5 { margin-bottom: 20px; font-size: 24px; line-height: 32px; } .about.type_two .about_content p { margin-bottom: 20px; } .about.type_two .about_content ul li { position: relative; padding-left: 20px; padding-bottom: 8px; } .about.type_two .about_content ul li:before { position: absolute; content: ''; width: 9px; height: 9px; border-radius: 10px; background: #dad7d7; left: 0; top: 8px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .about.type_two .about_content ul li a { font-size: 16px; padding: 0px 0px; display: block; line-height: 26px; color: #888; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; cursor: pointer; } .about.type_two .about_content ul li:hover a { color: #c90005; transform: translateX(10px); } .about.type_two .about_content ul li:hover:before { background: #c90005; } /*--------------------------about-type_three------------------------------*/ .about.type_three { position: relative; padding: 100px 0px 100px; } .about.type_three .image_box { position: relative; } .about.type_three .image_box .image_1 { position: relative; } .about.type_three .image_box img { border-radius: 10px; } .about.type_three .image_box .image_2 { position: absolute; right: 40px; bottom: -55px; border-radius: 10px; border: 10px solid #fff; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); } .about.type_three .about_content { position: relative; } .about.type_three .about_content p { position: relative; margin-bottom: 20px; } .about.type_three .about_content li { position: relative; margin-bottom: 10px; padding-left: 20px; } .about.type_three .about_content li:before { position: absolute; content: "\f058"; color: #1d87b7; left: 0px; top: 0px; font-family: 'FontAwesome'; } /*==================================================================== Funfacts ====================================================================*/ .odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: 'Poppins', sans-serif; } .funfacts.type_two { position: relative; padding: 100px 0px 70px; background-image: url(../image/resources/explore-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .fun_facts_box.type_two { position: relative; margin-bottom: 30px; text-align: center; } .fun_facts_box.type_two.last::before { display: none; } .fun_facts_box.type_two .icon { position: relative; margin-bottom: 20px; } .fun_facts_box.type_two .icon .svg_image { width: 80px; } .fun_facts_box.type_two h2 { font-size: 50px; line-height: 50px; color: #d04083; margin-bottom: 6px; } .fun_facts_box.type_two h6 { font-size: 18px; font-weight: 500; line-height: 28px; color: #fff; } /*---------------type-two----------------*/ .funfacts.type_one { position: relative; padding: 100px 0px 70px; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); } .funfacts.type_one .heading.tp_one { margin-bottom: 40px; } .fun_facts_box.type_one { position: relative; margin-bottom: 30px; text-align: center; } .fun_facts_box.type_one::before { position: absolute; content: ''; width: 1px; height: 100%; right: -10px; background: #fff; opacity: .1; } .fun_facts_box.type_one.last::before { display: none; } .fun_facts_box.type_one .icon { position: relative; margin-bottom: 20px; } .fun_facts_box.type_one .icon .svg_image { width: 80px; } .fun_facts_box.type_one h2 { font-size: 30px; color: #fff; margin-bottom: 6px; } .fun_facts_box.type_one h6 { font-size: 18px; font-weight: 500; line-height: 28px; color: #fff; } /*-------------------funfact-type-threee-------------------------------*/ .funfacts.type_three { position: relative; padding: 70px 0px 65px; background: #fafaff; } .fun_facts_box.type_three { position: relative; } .fun_facts_box.type_three .icon { font-size: 50px; float: left; line-height: 60px; color: #c90005; } .fun_facts_box.type_three .content_box { position: relative; margin-left: 65px; } .fun_facts_box.type_three .content_box h6 { font-size: 26px; line-height: 32px; } .fun_facts_box.type_three .content_box h2 { font-size: 18px; line-height: 28px; } /*---------------------------------funfacts type_four--------------------------------------*/ .funfacts.type_four { position: relative; padding: 80px 0px; background: #eefcfe; } .funfacts.type_four .bg_icons { position: absolute; content: ''; background: transparent; width: 100%; height: 100%; top: 0; left: 0; } .funfacts.type_four .bg_icons span { position: absolute; font-size: 60px; color: #eaf1f9; line-height: 60px; } .funfacts.type_four .bg_icons span.one { top: 16%; left: 20%; } .funfacts.type_four .bg_icons span.two { top: 6%; left: 40%; } .funfacts.type_four .bg_icons span.three { bottom: 35%; left: 25%; font-size: 80px; } .funfacts.type_four .bg_icons span.four { top: 25%; left: 5%; } .funfacts.type_four .bg_icons span.five { bottom: 3%; left: 11%; font-size: 80px; } .funfacts.type_four .bg_icons span.six { top: 4%; right: 15%; font-size: 80px; } .funfacts.type_four .bg_icons span.seven { bottom: 35%; right: 2%; } .funfacts.type_four .bg_icons span.eight { bottom: 3%; right: 11%; font-size: 80px; } @media(max-width:3000px) and (min-width:1200px) { .funfacts.type_four .container-fluid { padding: 0px 200px; } } .fun_facts_no { top: 0; position: absolute; left: 0; width: 100%; height: 100%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .fun_facts_no .facts { position: absolute; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .fun_facts_no .fact_one { top: 28%; right: 43%; } .fun_facts_no .fact_two { top: 36%; left: 25%; } .fun_facts_no .fact_three { top: 33%; right: 19%; } .fun_facts_no .fact_four { top: 33%; right: 27%; } .fun_facts_no .fact_five { bottom: 43%; right: 36%; } .fun_facts_no .facts .fact_box:before { font-size: 25px; color: #aec9db; position: absolute; content: '\f133'; font-family: 'Flaticon'; -webkit-animation: ripple 1s infinite; animation: ripple 3s infinite; -webkit-box-shadow: 0 0 0 0 rgba(174, 201, 219, .1); -ms-box-shadow: 0 0 0 0 rgba(174, 201, 219, .1); -o-box-shadow: 0 0 0 0 rgba(174, 201, 219, .1); box-shadow: 0 0 0 0 rgba(174, 201, 219, .1); border-radius: 100%; } .fun_facts_no .facts .fact_box:hover .fact_number_box { opacity: 1; transform: translateY(20px); } .fun_facts_no .facts .fact_number_box { padding: 15px 15px 10px; width: 200px; background: #fff; opacity: 0; position: absolute; top: 0; transform: translateY(50px); border-radius: 10px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); z-index: 5; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .fun_facts_no .facts .fact_box .icon:hover { opacity: 1; } .fun_facts_no .facts .image { position: relative; margin-bottom: 10px; } .fun_facts_no .facts .svg_image { width: 30px; float: left; } .fun_facts_no .facts h2 { font-size: 20px; line-height: 30px; margin-left: 35px; } .fun_facts_no .facts_total { position: relative; } .fun_facts_no .facts_total h6 { font-size: 15px; font-weight: 500; color: #999; margin-bottom: 10px; } .fun_facts_no .facts_total h6 span { font-weight: 800; color: #166994; } .funfacts_count { position: relative; margin: auto; background: rgba(234, 241, 249, .4); padding: 40px 30px 10px; border-radius: 10px; } .fun_facts_box.type_four { margin-bottom: 30px; position: relative; text-align: center; } .funfacts_count small.icon { font-size: 40px; line-height: 40px; display: block; color: #006e9c; margin-bottom: 10px; } .funfacts_count h6 { font-size: 20px; color: #000!important; line-height: 30px; } .funfacts_count h2 { font-size: 18px; color: #888!important; line-height: 30px; font-weight: 400; margin-top: 0px; } /*==================================================================== how_virus_spread ===================================================================*/ .how_virus_spread.type_one { position: relative; padding: 100px 0px 120px; background: #f3f9fe; } .how_virus_spread.type_one .heading { margin-bottom: 30px; } .how_virus_spread.type_one .owl-carousel .owl-nav.disabled, .how_virus_spread.type_one .owl-carousel .owl-nav, .how_virus_spread.type_one .owl-carousel .owl-dots.disabled, .how_virus_spread.type_one .owl-carousel .owl-dots { display: block; } .how_virus_spread.type_one .owl-carousel .owl-nav { position: absolute; top: 38%; } .how_virus_spread.type_one .owl-carousel .owl-nav .owl-prev, .how_virus_spread.type_one .owl-carousel .owl-nav .owl-next { position: absolute; background: #e5eaef; } .how_virus_spread.type_one .owl-carousel .owl-nav .owl-prev { left: -100px; } .how_virus_spread.type_one .owl-carousel .owl-nav .owl-next { right: -100px; } .spreading_box.type_one { position: relative; padding: 50px 40px; margin: 10px 15px 30px; border-radius: 5px; background: #fff; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; overflow: hidden; } .spreading_box.type_one:before { position: absolute; content: ''; top: 100%; left: 0; width: 100%; height: 100%; border-radius: 10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; opacity: 0; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); } .spreading_box.type_one:hover:before { top: 0; opacity: 1; } .owl-item.center .spreading_box.type_one::before { top: 0; opacity: 1; } .owl-item.center .spreading_box.type_one .icon_box span.icon { color: #fff; } .spreading_box.type_one .icon_box { position: relative; margin-bottom: 20px; z-index: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .spreading_box.type_one .icon_box span.icon { position: absolute; right: 30px; font-size: 60px; line-height: 60px; color: #f3f9fe; top: 30px; -webkit-transition: all .9s ease-in-out; -moz-transition: all .9s ease-in-out; -ms-transition: all .9s ease-in-out; -o-transition: all .9s ease-in-out; transition: all .9s ease-in-out; } .spreading_box.type_one .icon_box::before { position: absolute; content: ''; width: 150px; height: 150px; background: #f3f9fe; left: 0; top: -15px; z-index: -1; border-radius: 50%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .spreading_box.type_one .icon_box .svg_icon_image { width: 130px; } .spreading_box.type_one .content_box { position: relative; padding: 0px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .spreading_box.type_one .content_box h2 a { font-size: 20px; line-height: 28px; display: block; font-weight: 700; color: #001e3b; margin-bottom: 8px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .owl-item.center .spreading_box.type_one .content_box h2 a, .owl-item.center .spreading_box.type_one .content_box p, .owl-item.center .spreading_box.type_one .read_more.tp_one, .owl-item.center .spreading_box.type_one .read_more.tp_one span { color: #fff; } .owl-item.center .spreading_box.type_one .icon_box::before { background: #3483d4; } .spreading_box.type_one .content_box p { margin-bottom: 15px; } .spreading_box.type_one:hover .content_box p, .spreading_box.type_one:hover .content_box h2 a, .spreading_box.type_one:hover .read_more.tp_one, .spreading_box.type_one:hover .read_more.tp_one span, .spreading_box.type_one:hover .icon_box span.icon { color: #fff; } .spreading_box.type_one:hover .icon_box::before { background: #3483d4; } /*------------------------how_virus_spread.type_two-------------------------*/ .how_virus_spread.type_two { position: relative; padding: 100px 0px 50px; background: #fafaff; } .spreading_box.type_two { position: relative; padding: 40px; text-align: center; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .spreading_box.type_two:hover { background: #fff; } .spreading_box.type_two span.icon { font-size: 60px; line-height: 60px; display: block; color: #c90005; margin-bottom: 20px; } .spreading_box.type_two h2 a { font-size: 20px; line-height: 28px; margin-bottom: 8px; display: block; } /*================================================================================== explore_more ==================================================================================*/ .explore_more { position: relative; padding: 100px 0px; background: url(../image/resources/explore-bg.jpg); background-position: 0px, 0px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .explore_more.two { background: url(../image/resources/explore-bg-2.jpg); background-position: 0px, 0px; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; } .explore_more h1 { position: relative; color: #fff!important; font-size: 60px; font-weight: 700; line-height: 72px; margin-bottom: 40px; } .explore_more h1 span { background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #D04083 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent; } /***==================================================================== preventions icon_box type two ====================================================================***/ .preventions.type_one { position: relative; padding: 100px 0px 80px; background: #fff; } .preventions.type_one .heading.tp_one { margin-bottom: 40px; } @media(max-width:3000px) and (min-width:1200px) { .preventions.type_one .heading.tp_one { margin-bottom: 40px; padding: 0px 100px; } } .icon_box.type_two { position: relative; padding: 35px 25px; margin-bottom: 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 31px 0px rgba(0, 0, 0, .06); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; overflow: hidden; z-index: 0; } .icon_box.type_two::before { position: absolute; content: ''; width: 100%; top: 100%; left: 0; height: 100%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); z-index: -1; } .icon_box.type_two:hover::before { top: 0; } .icon_box.type_two h2 a { font-size: 18px; line-height: 28px; margin-bottom: 15px; display: block; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_two p { margin-bottom: 15px; } .icon_box.type_two .icon_box { position: relative; z-index: 0; margin-bottom: 20px; } .icon_box.type_two .icon_box .svg_icon { width: 60px; } .icon_box.type_two .icon_box::before { position: absolute; content: ''; width: 70px; height: 70px; background: #f3f9fe; left: 0; top: 0px; z-index: -1; border-radius: 50%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_two:hover h2 a, .icon_box.type_two:hover p, .icon_box.type_two:hover .read_more.tp_one, .icon_box.type_two:hover .read_more.tp_one span { color: #fff; } .icon_box.type_two:hover .icon_box::before { background: #3483d4; } /*-------------------------.preventions.type_two----------------------------*/ .preventions.type_two { position: relative; padding: 100px 0px 50px; background: #fff; } .preventions.type_two .heading.tp_one { margin-bottom: 40px; } @media(max-width:3000px) and (min-width:1200px) { .preventions.type_two .heading.tp_one { padding: 0px 100px; } } .icon_box.type_three { position: relative; margin-bottom: 50px; border-radius: 10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 0; text-align: center; } .icon_box.type_three .read_more.tp_two, .icon_box.type_three .read_more.tp_two span { color: #898f94; } .icon_box.type_three .read_more.tp_two:hover, .icon_box.type_three .read_more.tp_two:hover span { color: #d04083; } .icon_box.type_three h2 a { font-size: 18px; line-height: 26px; margin-bottom: 8px; display: block; font-weight: 700; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_three p { margin-bottom: 15px; } .icon_box.type_three .icon_box { position: relative; z-index: 0; margin-bottom: 20px; } .icon_box.type_three .icon_box .svg_icon { width: 80px; } .icon_box.type_three .icon_box::before { position: absolute; content: ''; width: 80px; height: 80px; background: #f3f9fe; left: 20px; top: 0px; right: 0; margin: 0 auto; z-index: -1; border-radius: 10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_three:hover .icon_box::before { animation-name: rotateme; animation-duration: 6s; animation-iteration-count: infinite; animation-timing-function: linear; -webkit-animation-name: rotateme; -webkit-animation-duration: 6s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: rotateme; -moz-animation-duration: 6s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: rotateme; -ms-animation-duration: 6s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: rotateme; -o-animation-duration: 6s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } .icon_box.type_three:hover .read_more.tp_one, .icon_box.type_three:hover .read_more.tp_one span { color: #1d85ea; } /*------------------preventions type_three---------------------*/ .preventions.type_three { position: relative; padding: 0px 0px 70px; } .icon_box.type_four { position: relative; margin-bottom: 20px; } .icon_box.type_four .content_box { position: relative; padding: 30px 30px 60px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .04); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_four .content_box h2 a { display: block; font-size: 18px; line-height: 28px; margin-bottom: 8px; } .icon_box.type_four .icon { position: relative; padding-top: 20px; padding-left: 30px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_four .icon span { font-size: 40px; width: 80px; height: 80px; line-height: 80px; border-radius: 50px; background: #fff; display: block; color: #c90005; text-align: center; margin-top: -74px; box-shadow: 0px 31px 33px 0px rgba(0, 0, 0, .04); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_four:hover .icon span { background: #c90005; color: #fff; transform: rotate(360deg); } .icon_box.type_four:hover .content_box { box-shadow: 0px 25px 21px 0px rgba(0, 0, 0, .04); } /*------------------preventions type_four---------------------*/ .preventions.type_four { position: relative; padding: 0px 0px 60px; background: #fff; } .preventions.type_four .owl-carousel .owl-nav { display: block; } .icon_box.type_five { position: relative; padding: 30px; background: #fff; margin: 10px 15px 40px; border-radius: 10px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .04); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_five .content_box { position: relative; } .icon_box.type_five .content_box h2 a { display: block; font-size: 18px; line-height: 28px; margin-bottom: 8px; } .icon_box.type_five .icon { position: relative; margin-bottom: 20px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_five .icon span { font-size: 40px; width: 80px; height: 80px; line-height: 80px; border-radius: 50px; background: #fff; display: block; color: #1d87b7; text-align: center; box-shadow: 0px 11px 21px 0px rgba(0, 0, 0, .04); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .icon_box.type_five:hover .icon span { background: #1d87b7; color: #fff; transform: rotate(360deg); } .icon_box.type_five:hover { box-shadow: 0px 25px 21px 0px rgba(0, 0, 0, .04); } /*** ==================================================================== doctor ==================================================================== ***/ .doctor.type_two { position: relative; padding: 100px 0px 50px; background: #fff; } .doctor.type_two .owl-carousel .owl-nav { display: block; position: absolute; top: -100px; right: 0; width: auto; } .doctor_box.type_two { position: relative; margin: 10px 15px 30px; border-radius: 10px; } .doctor_box.type_two .image_box { position: relative; overflow: hidden; border-radius: 10px; } .doctor_box.type_two .image_box .overlay { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .doctor_box.type_two .image_box .overlay ul { position: absolute; width: 100%; height: auto; padding: 20px; bottom: 35%; left: 0; z-index: 10; text-align: center; } .doctor_box.type_two .image_box .overlay ul li { display: inline-block; font-size: 16px; color: #fff; } .doctor_box.type_two .image_box .overlay ul li a { color: #fff; padding: 0px 10px; } .doctor_box.type_two:hover .image_box .overlay { opacity: .8; top: 0; } .doctor_box.type_two .content_box { position: relative; padding: 40px 20px 10px; text-align: center; } .doctor_box.type_two .content_box h2 a { position: relative; display: block; font-size: 20px; margin-bottom: 8px; } .doctor_box.type_two .content_box small { display: block; font-size: 16px; color: #D04083; font-weight: 600; margin-bottom: 15px; } .doctor_box.type_two .content_box .contact_doctor { color: #a3a4ab; position: relative; background: #fff; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); border-radius: 50px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; width: 100%; display: block; margin-top: -66px; height: 50px; line-height: 50px; margin-bottom: 20px; padding-left: 60px; font-size: 16px; font-weight: 400; z-index: 0; overflow: hidden; text-align: left; } .doctor_box.type_two .content_box .contact_doctor::before { position: absolute; content: ''; width: 100%; top: 0; left: -100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: -1; } .doctor_box.type_two:hover .content_box .contact_doctor::before { opacity: 1; left: 0; } .doctor_box.type_two:hover .content_box .contact_doctor { color: #fff; } .doctor_box.type_two .content_box .contact_doctor span { color: #fff; font-size: 20px; line-height: normal; display: inline-block; margin-right: 10px; vertical-align: middle; width: 44px; height: 44px; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); line-height: 50px; text-align: center; border-radius: 50px; position: absolute; left: 4px; top: 3px; } /*---------------------doctor typethree------------------------*/ .doctor.type_three { position: relative; padding: 0px 0px 100px; } .doctor.type_three .owl-carousel .owl-nav { display: block; position: relative; } .doctor_box.type_three { position: relative; margin: 10px 15px 30px; border-radius: 10px; background: #fff; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .04); } .doctor_box.type_three .image_box { position: relative; overflow: hidden; border-radius: 10px; } .doctor_box.type_three .image_box .overlay { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #1d87b7; ; border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .doctor_box.type_three .image_box .overlay a { padding: 10px; position: absolute; width: 100%; left: 0; bottom: 0; text-align: center; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; color: #fff; } .doctor_box.type_three .image_box .overlay a span { margin-right: 8px; } .doctor_box.type_three:hover .image_box .overlay { opacity: .8; top: 0; } .doctor_box.type_three .content_box { position: relative; padding: 30px 20px 30px; text-align: center; } .doctor_box.type_three .content_box h2 a { position: relative; display: block; font-size: 20px; margin-bottom: 6px; } .doctor_box.type_three .content_box small { display: block; font-size: 16px; color: #888; font-weight: 500; } /*-----------------------doctor-typetwo--------------------*/ .doctor.type_one { position: relative; padding: 100px 0px 0px; background: #f3f9fe; } .doctor.bg_white { background: #fff; padding: 100px 0px 70px; } .doctor.type_one .owl-carousel .owl-nav { display: block; position: absolute; top: -100px; right: 0; width: auto; } .doctor.type_one .owl-carousel .owl-nav .owl-prev, .doctor.type_one .owl-carousel .owl-nav .owl-next { background: #e5eaef; } .doctor_box.type_one { position: relative; margin: 10px 15px 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); } .doctor_box.type_one .image_box { position: relative; overflow: hidden; border-radius: 10px; } .doctor_box.type_one .image_box .overlay { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .doctor_box.type_one .image_box .overlay ul { position: absolute; width: 100%; height: auto; padding: 20px; bottom: 20px; left: 0; z-index: 10; text-align: center; } .doctor_box.type_one .image_box .overlay ul li { display: inline-block; font-size: 16px; color: #fff; } .doctor_box.type_one .image_box .overlay ul li a { color: #fff; padding: 0px 20px; } .doctor_box.type_one:hover .image_box .overlay { opacity: .8; top: 0; } .doctor_box.type_one .content_box { position: relative; padding: 40px 40px 40px; } .doctor_box.type_one .content_box h2 a { position: relative; display: block; font-size: 20px; margin-bottom: 8px; } .doctor_box.type_one .content_box small { display: block; font-size: 16px; color: #D04083; font-weight: 600; margin-bottom: 15px; } .doctor_box.type_one .content_box .contact_doctor { color: #a3a4ab; position: relative; background: #fff; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); border-radius: 50px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; width: 100%; display: block; margin-top: -66px; height: 50px; line-height: 50px; margin-bottom: 20px; padding-left: 60px; font-size: 16px; font-weight: 400; z-index: 0; overflow: hidden; } .doctor_box.type_one .content_box .contact_doctor::before { position: absolute; content: ''; width: 100%; top: 0; left: -100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: -1; } .doctor_box.type_one:hover .content_box .contact_doctor::before { opacity: 1; left: 0; } .doctor_box.type_one:hover .content_box .contact_doctor { color: #fff; } .doctor_box.type_one .content_box .contact_doctor span { color: #fff; font-size: 20px; line-height: normal; display: inline-block; margin-right: 10px; vertical-align: middle; width: 44px; height: 44px; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); line-height: 50px; text-align: center; border-radius: 50px; position: absolute; left: 4px; top: 3px; } /*** ==================================================================== blog ==================================================================== ***/ .blog.type_one { position: relative; padding: 100px 0px 70px; background: #fff; } .blog_box.type_one { position: relative; margin: 10px 15px 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05); overflow: hidden; } .blog_box.type_one .image_box { position: relative; border-radius: 10px; overflow: hidden; } .blog_box.type_one .image_box img { display: block; width: 100%; height: auto; } .blog_box.type_one .image_box .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; right: 0; z-index: 10; } .blog_box.type_one .image_box .overlay::before { position: absolute; top: 100%; content: ''; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .blog_box.type_one:hover .image_box .overlay:before { top: 0; opacity: .8; } .blog_box.type_one .image_box .overlay a span { position: absolute; top: 20px; right: 20px; transform: translateX(200px); text-align: center; z-index: 10; color: #fff; font-size: 30px; padding: 0px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 10; } .blog_box.type_one:hover .image_box .overlay a span { transform: translateX(0px); } .blog_box.type_one .content_box { position: relative; padding: 30px; } .blog_box.type_one .content_box .upper_box { position: relative; margin-bottom: 10px; } .blog_box.type_one .content_box .upper_box ul li { display: inline-block; margin-right: 20px; position: relative; } .blog_box.type_one .content_box .upper_box ul li:last-child a { color: #9eb0c2; } .blog_box.type_one .content_box .upper_box ul li span { margin-right: 5px; color: #1d86ea; } .blog_box.type_one .content_box .upper_box ul li:last-child { margin: 0px; } .blog_box.type_one .content_box .upper_box a.category { padding: 3px 10px; border-radius: 30px; color: #fff; background: #d04083; } .blog_box.type_one .content_box h2 a { font-size: 20px; line-height: 28px; margin-bottom: 15px; display: block; } .blog_box.type_one .content_box p { margin-bottom: 15px; } /*-----------------------.blog.type_two-------------------------*/ .blog.type_two { position: relative; padding: 100px 0px 100px; background: #f3f9fe; } .blog.type_two .owl-dots { display: none; } .blog.type_two .owl-carousel .owl-nav .owl-prev, .blog.type_two .owl-carousel .owl-nav .owl-next { background: #e5eaef; } .blog_box.type_two { position: relative; margin-bottom: 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05); overflow: hidden; } .owl-carousel .blog_box.type_two { margin: 10px 15px 30px; } .blog_box.type_two .image_box { position: relative; border-radius: 10px; overflow: hidden; } .blog_box.type_two .image_box img { display: block; width: 100%; height: auto; } .blog_box.type_two .image_box .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; right: 0; z-index: 10; } .blog_box.type_two .image_box .overlay::before { position: absolute; top: 100%; content: ''; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .blog_box.type_two:hover .image_box .overlay:before { top: 0; opacity: .8; } .blog_box.type_two .image_box .overlay a span { position: absolute; top: 20px; right: 20px; transform: translateX(200px); text-align: center; z-index: 10; color: #fff; font-size: 30px; padding: 0px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 10; } .blog_box.type_two:hover .image_box .overlay a span { transform: translateX(0px); } .blog_box.type_two .content_box { position: relative; padding: 30px; } .blog_box.type_two .content_box .title_box { position: relative; display: block; } .blog_box.type_two .content_box .title_box .post-date { position: relative; margin-bottom: 10px; } .blog_box.type_two .content_box .title_box .post-date p { display: block; font-size: 16px; font-weight: 500; line-height: 20px; margin: 8px; } .blog_box.type_two .content_box .title_box .post-date span { position: relative; font-size: 16px; line-height: 18px; margin-right: 8px; color: #d04083; } .blog_box.type_two .content_box a.category { padding: 3px 10px; border-radius: 30px; color: #fff; position: absolute; top: -47px; left: 30px; z-index: 10; background: #d04083; } .blog_box.type_two .content_box h2 a { font-size: 20px; line-height: 28px; margin-bottom: 10px; display: block; } .blog_box.type_two .content_box p { margin-bottom: 15px; } .blog.bg_white { background: #fff; } /*-----------------------.blog.type_three-------------------------*/ .blog.type_three { position: relative; padding: 100px 0px 100px; background: #f3f9fe; } .blog.type_three .owl-dots { display: none; } .blog.type_three .owl-carousel .owl-nav .owl-prev, .blog.type_three .owl-carousel .owl-nav .owl-next { background: #e5eaef; } .blog_box.type_three { position: relative; margin-bottom: 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05); overflow: hidden; } .owl-carousel .blog_box.type_three { margin: 10px 15px 30px; } .blog_box.type_three .image_box { position: relative; border-radius: 10px; overflow: hidden; } .blog_box.type_three .image_box img { display: block; width: 100%; height: auto; } .blog_box.type_three .image_box .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; right: 0; z-index: 10; } .blog_box.type_three .image_box .overlay::before { position: absolute; top: 100%; content: ''; left: 0; width: 100%; height: 100%; background: #00001a; border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .blog_box.type_three:hover .image_box .overlay:before { top: 0; opacity: .8; } .blog_box.type_three .image_box .overlay a span { position: absolute; top: 20px; right: 20px; transform: translateX(200px); text-align: center; z-index: 10; color: #fff; font-size: 30px; padding: 0px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 10; } .blog_box.type_three:hover .image_box .overlay a span { transform: translateX(0px); } .blog_box.type_three .content_box { position: relative; padding: 30px; } .blog_box.type_three .content_box .title_box { position: relative; display: block; } .blog_box.type_three .content_box .title_box .post-date { position: relative; margin-bottom: 10px; } .blog_box.type_three .content_box .title_box .post-date p { display: block; font-size: 16px; font-weight: 500; line-height: 20px; margin: 8px; } .blog_box.type_three .content_box .title_box .post-date span { position: relative; font-size: 16px; line-height: 18px; margin-right: 10px; color: #d04083; } .blog_box.type_three .content_box .upper_box { position: absolute; top: -47px; left: 30px; z-index: 10; } .blog_box.type_three .content_box .upper_box li { display: inline-block; } .blog_box.type_three .content_box li a.category { background: #c90005; color: #fff; margin-right: 10px; } .blog_box.type_three .content_box li a { padding: 3px 10px; border-radius: 30px; color: #00001a; background: #fff; } .blog_box.type_three .content_box h2 a { font-size: 20px; line-height: 28px; margin-bottom: 10px; display: block; } .blog_box.type_three .content_box p { margin-bottom: 15px; } /*-----------------------.blog.type_two-------------------------*/ .blog.type_four { position: relative; padding: 100px 0px 100px; background: #fff; } .blog.type_four .owl-dots { display: none; } .blog.type_four .owl-carousel .owl-nav { display: none; } .blog_box.type_four { position: relative; margin-bottom: 30px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .05); overflow: hidden; } .owl-carousel .blog_box.type_four { margin: 10px 15px 30px; } .blog_box.type_four .image_box { position: relative; border-radius: 10px; overflow: hidden; } .blog_box.type_four .image_box img { display: block; width: 100%; height: auto; } .blog_box.type_four .image_box .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; right: 0; z-index: 10; } .blog_box.type_four .image_box .overlay::before { position: absolute; top: 100%; content: ''; left: 0; width: 100%; height: 100%; background: #1d87b7; border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .blog_box.type_four:hover .image_box .overlay:before { top: 0; opacity: .8; } .blog_box.type_four .image_box .overlay a span { position: absolute; top: 20px; right: 20px; transform: translateX(200px); text-align: center; z-index: 10; color: #fff; font-size: 30px; padding: 0px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; z-index: 10; } .blog_box.type_four:hover .image_box .overlay a span { transform: translateX(0px); } .blog_box.type_four .content_box { position: relative; padding: 30px; } .blog_box.type_four .content_box .title_box { position: relative; display: block; } .blog_box.type_four .content_box .title_box .post-date { position: relative; margin-bottom: 10px; } .blog_box.type_four .content_box .title_box .post-date p { display: block; font-size: 16px; font-weight: 500; line-height: 20px; margin: 8px; } .blog_box.type_four .content_box .title_box .post-date span { position: relative; font-size: 16px; line-height: 18px; margin-right: 8px; color: #166994; } .blog_box.type_four .content_box a.category { padding: 3px 10px; border-radius: 30px; color: #fff; z-index: 10; } .blog_box.type_four .content_box h2 a { font-size: 20px; line-height: 28px; margin-bottom: 10px; display: block; } .blog_box.type_four .content_box p { margin-bottom: 15px; } .blog_box.type_four .content_box a.read { font-size: 16px; color: #000; line-height: 26px; font-weight: 500; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .blog_box.type_four .content_box a.read:hover { color: #1d87b7; } /*** ==================================================================== symptoms ==================================================================== ***/ .symptoms.type_one { position: relative; padding: 100px 0px 180px; } .symptoms.type_one .heading.tp_one { margin-bottom: 40px; } .symptoms.type_one .image_box { position: relative; text-align: center; display: block; } .symptoms.type_one .image_box::before { position: absolute; content: url(../image/resources/Sym-border.png); top: 3px; left: 0px; right: 0; bottom: 0; margin: 0 auto; z-index: -1; } .symptoms_box_one { position: absolute; } .symptoms_box_one .icon_box { position: relative; width: 350px; z-index: 11; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .symptoms_box_one.left .icon_box { float: left; } .symptoms_box_one .icon_box::before { position: absolute; content: ''; width: 100px; height: 100px; background: #f3f9fe; z-index: -1; border-radius: 50%; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .symptoms_box_one.left .icon_box::before { right: -20px; top: -19px; } .symptoms_box_one.right .icon_box::before { left: -20px; top: -19px; } .symptoms_box_one.left .icon_box .svg_image { float: right; } .symptoms_box_one.right .icon_box .svg_image { float: left; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .symptoms_box_one .icon_box h2 { font-size: 20px; position: relative; padding-top: 13px; vertical-align: middle; width: 70%; display: inline-block; line-height: normal; } .symptoms_box_one.left .icon_box h2 { margin-right: 40px; text-align: right; } .symptoms_box_one.right .icon_box h2 { margin-left: 40px; text-align: left; } .symptoms_box_one .icon_box .svg_image { width: 60px; } .symptoms_box_one .content_box { width: 300px; border-radius: 10px; opacity: 0; position: absolute; padding: 20px; background: #D04083; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .06); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; top: -110px; z-index: 100; } .symptoms_box_one.right .content_box::before { position: absolute; content: ''; height: 0px; border-right: 12px solid #D04083; border-top: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid transparent; z-index: 0; left: -24px; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; } .symptoms_box_one.left .content_box::before { position: absolute; content: ''; height: 0px; border-right: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid #D04083; border-bottom: 12px solid transparent; z-index: 0; right: -24px; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; } .symptoms_box_one .content_box h2 { font-size: 20px; position: relative; margin-bottom: 8px; color: #fff; } .symptoms_box_one .content_box p { color: #fff; } .symptoms_box_one.left .content_box { left: -50px; } .symptoms_box_one.right .content_box { right: -50px; } .symptoms_box_one:hover .content_box { opacity: 1; top: -75px; } .symptoms_box_one.left.first { left: 58px; top: 59px; } .symptoms_box_one.left.second { left: -45px; top: 230px; } .symptoms_box_one.left.third { left: -47px; bottom: 170px; } .symptoms_box_one.left.fourth { left: 82px; bottom: -22px; } .symptoms_box_one.right.first { right: 58px; top: 59px; } .symptoms_box_one.right.second { right: -45px; top: 230px; } .symptoms_box_one.right.third { right: -47px; bottom: 170px; } .symptoms_box_one.right.fourth { right: 82px; bottom: -22px; } /*------------------------------symptoms type_two-------------------------------*/ .symptoms.type_two { position: relative; padding: 100px 0px 70px; } .symptoms.type_two .image_box { position: relative; margin-top: -10px; } .symptoms.type_two .heading.tp_one { margin-bottom: 40px; } .symptoms_box_two { position: relative; margin-bottom: 20px; } .symptoms_box_two p { position: relative; padding-left: 20px; } .symptoms_box_two p::before { position: absolute; content: ''; width: 8px; height: 8px; border-radius: 10px; background: #1c84e9; left: 0; top: 8px; } .symptoms_box_two p span { font-size: 18px; color: #01062e; font-weight: 700; margin-right: 8px; } /*------------------------------.symptoms.type_three-------------------------------*/ .symptoms.type_three { position: relative; padding: 100px 0px 140px; background: #fff; } .symptoms.type_three .swiper-pagination-progressbar { width: 100%; height: 5px; border-radius: 20px; overflow: hidden; bottom: -40px; background: #e3efff; } .symptoms.type_three .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #c90005; border-radius: 10px; } .symptoms.type_three .container-fluid { padding: 0px 200px; } .symptoms.type_three .image_box { position: relative; min-width: 600px; } .symptoms.type_three .image_box .image { position: absolute; right: 0px; } .symptoms_box.type_three { position: relative; padding: 40px 30px; background: #ffffff; border-radius: 10px; border-radius: 10px; margin: 10px 10px 30px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .05); -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .symptoms_box.type_three:hover { box-shadow: 0px 20px 21px 0px rgba(0, 0, 0, .05); } .symptoms_box.type_three h2 { font-size: 20px; line-height: 30px; margin-bottom: 8px; } .symptoms_box.type_three span.icon { font-size: 60px; border-radius: 50px; width: 100px; height: 100px; background: #fafaff; text-align: center; line-height: 100px; display: block; margin-bottom: 20px; color: #c90005; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .symptoms_box.type_three:hover span.icon { background: #c90005; color: #fff; transform: rotate(360deg); } .symptoms_box.type_three .icon_same { position: absolute; top: 50px; right: 40px; color: #ebebf7; font-size: 60px; line-height: 60px; } /*--------------------symptoms type_four---------------------------*/ .symptoms.type_four { position: relative; margin-top: 110px; background: url(../image/resources/home-4-symptoms-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center; } .symptoms.type_four .content_box { position: relative; padding: 100px 0px 70px; } .symptoms.type_four .image_box { position: relative; min-height: 550px; min-width: 500px; } .symptoms.type_four .image_box .image { position: absolute; bottom: -16px; right: 0; } .symptoms_box.type_four { position: relative; margin-bottom: 20px; } .symptoms_box.type_four p { position: relative; padding-left: 20px; } .symptoms_box.type_four p::before { position: absolute; content: ''; width: 8px; height: 8px; border-radius: 10px; background: #1d87b7; left: 0; top: 8px; } .symptoms_box.type_four p span { font-size: 18px; color: #000; font-weight: 700; margin-right: 8px; } /*------------------------risk type_one-----------------------------*/ .risk.type_one { position: relative; padding: 100px 0px 100px; background: #fafaff; } .risk_box { position: relative; } .risk_box p { position: relative; margin-bottom: 15px; } .risk_box ul { position: relative; } .risk_box ul li { position: relative; padding-left: 18px; margin-bottom: 8px; color: #070721; } .risk_box ul li:before { position: absolute; width: 10px; height: 10px; background: #c90005; border-radius: 10px; content: ''; left: 0; top: 8px; } .risk_box h6 { margin-bottom: 14px; font-size: 20px; line-height: 30px; font-weight: 500; } .risk_box_two { position: relative; padding: 40px 30px; background: #fff; margin-top: 20px; border-left: 3px solid #c90005; } .risk_box_two h2 { font-size: 24px; line-height: 32px; margin-bottom: 10px; } /*** ==================================================================== contact_form ==================================================================== ***/ .contact_form.type_one { position: relative; padding: 100px 0px 10px; overflow: hidden; } .contact_form.type_one .image_box { position: relative; min-width: 800px; min-height: 610px; margin-top: 60px; } .contact_form.type_one .image_box .image_bg { z-index: -1; } .contact_form.type_one .image_box .image_1 { bottom: 50px; right: 0; z-index: 7; } .contact_form.type_one .image_box .image_4 { bottom: 160px; right: 50px; z-index: 6; } .contact_form.type_one .image_box .image_2 { bottom: 165px; left: 190px; z-index: 6; } .contact_form.type_one .image_box .image_3 { bottom: 90px; right: 350px; z-index: 6; } .contact_form.type_one .image_box .image_5 { top: -160px; left: 40px; z-index: 2; } .contact_form.type_one .image_box .image_6 { top: -200px; right: 140px; z-index: 2; } .contact_form.type_one .image { position: absolute; } .contact_form.type_one #bubbles .image { position: absolute; } .contact_form.type_one .bubble_4 { bottom: 370px; left: 140px; } .contact_form.type_one .bubble_5 { top: 20px; left: 20px; } .contact_form.type_one .bubble_6 { bottom: 50px; left: 20px; } .contact_form.type_one .image_box .image { position: absolute; } .contact_form_box.type_one { position: relative; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); padding: 60px; border-radius: 10px; background: #fff; border-top: 5px solid #34bcf8; } .contact_form_box.type_one input, .contact_form_box.type_one textarea, .contact_form_box.type_one .ui-selectmenu-button.ui-button { position: relative; height: 50px; line-height: 26px; padding: 10px 20px; border: 2px solid #f3f9fe; border-radius: 5px; width: 100%; background: #fff; } .contact_form_box.type_one .ui-selectmenu-button.ui-button { padding: 5px 20px; } .contact_form_box.type_one input::placeholder { color: #3f5f7f } .contact_form_box.type_one textarea::placeholder { color: #3f5f7f } .contact_form_box.type_one .ui-selectmenu-text { line-height: 38px; font-size: 16px; color: #3f5f7f; font-family: 'Poppins', sans-serif; } .contact_form_box.type_one label { margin-bottom: 10px; color: #01062e; } .contact_form_box.type_one textarea { height: inherit; } .contact_form_box.type_one button { margin-top: 20px; } .contact_form_box.type_one h2 { margin-bottom: 40px; font-size: 20px; line-height: 32px; font-weight: 500; color: #d04083; text-align: center; } /*------------------------------------contact_form type_two -----------------------------------*/ .contact_form.faq.type_two { position: relative; padding: 100px 0px 70px; overflow: hidden; } .contact_form_box.type_two { overflow: hidden; position: relative; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); padding: 40px 45px 30px; border-radius: 10px; background: #fff; margin-bottom: 30px; } .contact_form_box.type_two input, .contact_form_box.type_two textarea, .contact_form_box.type_two .ui-selectmenu-button.ui-button { position: relative; height: 50px; line-height: 26px; padding: 15px 20px; border: 2px solid #f3f9fe; border-radius: 5px; width: 100%; background: #fff; } .contact_form_box.type_two .ui-selectmenu-button.ui-button { padding: 5px 20px; } .contact_form_box.type_two .lower_button_box { position: relative; } .contact_form_box.type_two .lower_button_box .emergrncy_contact { position: relative; padding-top: 10px; } .contact_form_box.type_two .lower_button_box .emergrncy_contact h6 { font-size: 24px; line-height: 30px; color: #2598ee; } .contact_form_box.type_two .lower_button_box .emergrncy_contact h6 span { display: block; font-size: 18px; font-weight: 400; margin-bottom: 5px; color: #01062e; } textarea { resize: none; } .contact_form_box.type_two input::placeholder { color: #3f5f7f; opacity: .5; } .contact_form_box.type_two textarea::placeholder { color: #3f5f7f; opacity: .5; } .contact_form_box.type_two .ui-selectmenu-text { line-height: 38px; font-size: 16px; color: #3f5f7f; opacity: .5; font-family: 'Poppins', sans-serif; } .contact_form_box.type_two label { margin-bottom: 10px; color: #01062e; font-weight: 500; } .contact_form_box.type_two textarea { height: inherit; } .contact_form_box.type_two button { margin-top: 20px; } .contact_form_box.type_two h2 { position: relative; font-size: 30px; line-height: 38px; font-weight: 700; margin-bottom: 30px; } .ui-widget.ui-widget-content { border: 0px; background: #fff; border-radius: 10px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, .06); } .ui-menu .ui-menu-item-wrapper { line-height: 34px; font-size: 16px; color: #3f5f7f; font-family: 'Poppins', sans-serif; padding: 3px 20px; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { background: #269bef; color: #fff; } .ui-button .ui-icon { background-image: inherit; background-position: inherit; line-height: 20px; margin-top: 9px; } .ui-button .ui-icon::before { position: absolute; content: '\f107'; font-family: 'FontAwesome'; right: 5px; color: #269bef; top: 0; } .ui-icon { display: block; margin-top: -.25em; position: relative; text-indent: inherit; overflow: hidden; background-repeat: no-repeat; z-index: 1; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: inherit; } .card-header { padding: 0px; border: 0px; } .card { border: 0px; } .card-header { background: transparent; } .faq_box_outer { position: relative; margin-left: 10px; margin-bottom: 30px; } .faq_box_outer h2 { margin-bottom: 30px; line-height: 40px; } .card.faq_box.type_two { position: relative; margin-bottom: 15px; } .faq_box.type_two .faq_btn { border: 0px; position: relative; width: 100%; display: block; background: transparent; text-align: left; border-top-left-radius: 10px; border-top-right-radius: 10px; font-size: 18px; color: #187be7; line-height: 28px; background: #fff; font-weight: 600; padding: 0px 0px 10px 30px; } .faq_box.type_two .collapse.show { background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .faq_box.type_two .card-body { padding: 0px 0px 0px 30px; } .faq_box.type_two .faq_btn .faq_icon { position: absolute; font-size: 20px; left: 0px; top: 2px; bottom: 0; } .faq_box.type_two .faq_btn.collapsed .faq_icon { color: #269bef; } .faq_box.type_two .faq_btn.collapsed { background: #fff; padding-bottom: 0px; font-size: 18px; color: #01062e; } /*** ==================================================================== .faqs.type_one ==================================================================== ***/ .faqs.type_one { position: relative; padding: 70px 0px 100px; background: #f3f9fe; } .faqs.type_one .heading.tp_one { margin-bottom: 40px; } .faq_box.type_one { position: relative; margin-bottom: 10px; border-radius: 10px; } .faq_box.type_one .faq_btn { border: 0px; position: relative; background: #fff; padding: 20px 30px 20px 80px; width: 100%; display: block; text-align: left; border-radius: 10px; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); font-size: 18px; color: #fff; line-height: 28px; font-weight: 600; } .faq_box.type_one .faq_btn .faq_icon { position: absolute; font-size: 20px; color: #fff; left: 30px; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; display: table; } .faq_box.type_one .faq_btn.collapsed .faq_icon { color: #269bef; } .faq_box.type_one .faq_btn.collapsed { background: #fff; font-size: 18px; color: #01062e; } .faq_recent { position: relative; } .faq_recent .owl-carousel .owl-nav { display: none; } .faq_recent .owl-carousel .owl-dots { display: block; position: absolute; top: -49px; right: 0; width: auto; height: auto; bottom: inherit; } .faq_recent h2.title { font-size: 26px; line-height: 32px; margin-bottom: 20px; } .recent_faq_box.type_one { position: relative; padding: 45px 40px; background: #fff; border-radius: 10px; } .recent_faq_box.type_one h2 { font-size: 18px; line-height: 28px; margin-bottom: 15px; } .recent_faq_box.type_one p { margin-bottom: 30px; } .recent_faq_box.type_one span.rec_faq_icon { position: absolute; color: #edf2f7; bottom: 50px; right: 30px; font-size: 60px; } /*------------------------------faq type_three-----------------------*/ .faq.type_three { position: relative; padding: 100px 0px 100px; } .faq_box.type_three { position: relative; margin-bottom: 10px; border-radius: 10px; } .faq_box.type_three .faq_btn { border: 0px; position: relative; padding: 20px 30px 20px 80px; width: 100%; display: block; text-align: left; border-radius: 10px; background: #fafaff; border-left: 3px solid #c90005; font-size: 18px; color: #c90005; line-height: 28px; font-weight: 600; border-radius: 5px; } .faq_box.type_three .faq_btn .faq_no { position: absolute; font-size: 20px; color: #c90005; left: 30px; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; display: table; } .faq_box.type_three .faq_btn.collapsed .faq_no { color: #c90005; } .faq_box.type_three .faq_btn.collapsed { background: #fafaff; font-size: 18px; color: #01062e; border-left: 3px solid #fafaff; } /*------------------------------faq type_four-----------------------*/ .faqs.type_four { position: relative; padding: 100px 0px 100px; background: #eefcfe; } .faqs.type_four .image_box { position: relative; min-width: 600px; min-height: 600px; } .faqs.type_four .image_box .image { position: absolute; left: -100px; top: 40px; } .faq_content { position: relative; } .faq_box.type_four { position: relative; margin-bottom: 10px; border-radius: 10px; } .faq_box.type_four .faq_btn { border: 0px; position: relative; background: #fff; padding: 20px 30px 20px 80px; width: 100%; display: block; text-align: left; border-radius: 10px; background: #166994; font-size: 18px; color: #fff; line-height: 28px; font-weight: 600; } .faq_box.type_four .faq_btn .faq_icon { position: absolute; font-size: 20px; color: #fff; left: 30px; top: 0; bottom: 0; margin-bottom: auto; margin-top: auto; display: table; } .faq_box.type_four .faq_btn.collapsed .faq_icon { color: #166994; } .faq_box.type_four .faq_btn.collapsed { background: #fff; font-size: 18px; color: #01062e; } /*** ==================================================================== footer ==================================================================== ***/ /*---------footer type_one-------*/ .footer.type_one { position: relative; padding: 100px 0px 60px; background: #fff; } .footer_widgets.tp_one { position: relative; margin-bottom: 40px; } .footer_widgets.tp_one h3.widgets_title { font-size: 24px; line-height: 36px; margin-bottom: 20px; color: #01062e; } .footer_widgets.tp_one h3.widgets_title.logo img { width: 150px; } .footer_widgets.tp_one .inner_widgets { position: relative; } .footer_widgets.tp_one .inner_widgets h2 { font-size: 18px; line-height: 26px; margin-bottom: 8px; color: #01062e; } .footer_widgets.tp_one p { color: #3f5f7f; } .footer_widgets.tp_one .inner_widgets .text_box { position: relative; margin-bottom: 20px; } .footer_widgets.tp_one .inner_widgets ul li { position: relative; } .footer_widgets.tp_one .inner_widgets ul li a { line-height: 26px; margin-top: 14px; display: block; color: #3f5f7f; } .footer_widgets.tp_one .inner_widgets .sub_description { margin-bottom: 20px; } .footer_widgets.tp_one .inner_widgets form { position: relative; } .footer_widgets.tp_one .inner_widgets input { position: relative; width: 100%; height: 50px; line-height: 26px; color: #3f5f7f; border: 0px; padding: 5px 20px; background: #f3f9fe; border-radius: 50px; } .footer_widgets.tp_one .inner_widgets input::placeholder { color: #3f5f7f; } .footer_widgets.tp_one .inner_widgets button { position: absolute; top: 3px; right: 4px; background: #d04083; border: 0px; box-shadow: none; width: 44px; height: 44px; line-height: 44px; font-size: 20px; color: #ffffff; font-weight: 600; display: block; text-align: center; border-radius: 50px; } .footer_widgets.tp_one .social_media_icon { margin-top: 20px; } .footer_widgets.tp_one .social_media_icon li a { background: #D04083; color: #fff!important; line-height: 40px!important; } .footer_last.type_one { position: relative; background: #fff; padding: 0px 0px 30px; } /*-----------------footer type_two--------------------------*/ .footer.type_two { position: relative; background: #063646; padding: 20px 0px 0px; margin-top: 100px; } .footer.type_two .footer_layer { position: absolute; left: 0px; top: -172px; width: 100%; height: 172px; background-size: cover; background-position: bottom center; background-repeat: no-repeat; } .footer_widgets.tp_two { position: relative; margin-bottom: 40px; } .footer_widgets.tp_two h3.widgets_title { font-size: 24px; line-height: 36px; margin-bottom: 20px; color: #fff; margin-top: 10px; } .footer_widgets.tp_two h3.widgets_title.logo { margin-top: 0px; } .footer_widgets.tp_two h3.widgets_title.logo img { width: 150px; } .footer_widgets.tp_two .inner_widgets { position: relative; } .footer_widgets.tp_two .inner_widgets .text_box span { color: #d04083; margin-right: 8px; float: left; line-height: 26px; } .footer_widgets.tp_two p { color: #b7c0ca; } .footer_widgets.tp_two .social_media_icon li:first-child a { padding-left: 0px; } .footer_widgets.tp_two .social_media_icon li:last-child a { margin-right: 0px; } .footer_widgets.tp_two .inner_widgets .text_box p { margin-left: 20px; } .footer_widgets.tp_two .inner_widgets .text_box { position: relative; margin-bottom: 20px; } .footer_widgets.tp_two .inner_widgets ul li { position: relative; } .footer_widgets.tp_two .inner_widgets ul li a { line-height: 26px; margin-top: 14px; display: block; color: #b7c0ca; } .footer_widgets.tp_two .inner_widgets .sub_description { margin-bottom: 20px; } .footer_widgets.tp_two .inner_widgets form { position: relative; } .footer_widgets.tp_two .inner_widgets input { position: relative; width: 100%; height: 50px; line-height: 26px; color: #3f5f7f; border: 0px; padding: 5px 20px; background: #0f153e; border-radius: 50px; } .footer_widgets.tp_two .inner_widgets input::placeholder { color: #3f5f7f; } .footer_widgets.tp_two .inner_widgets button { position: absolute; top: 3px; right: 4px; background: #d04083; border: 0px; box-shadow: none; width: 44px; height: 44px; line-height: 44px; font-size: 20px; color: #ffffff; font-weight: 600; display: block; text-align: center; border-radius: 50px; } .footer_widgets.tp_two .social_media_icon { margin-top: 20px; } .footer_last.type_two { position: relative; padding: 30px 0px 30px; margin-top: 40px; border-top: 1px solid #0f153e; } .footer_last.type_two p { color: #b7c0ca } .footer .social_media_icon { position: relative; } .footer .social_media_icon li { position: relative; float: left; margin-left: 10px; } .footer .social_media_icon li:first-child { margin-left: 0; } .footer .social_media_icon li a { position: relative; display: block; width: 40px; height: 40px; font-size: 13px; line-height: 40px!important; text-align: center; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); color: #fff; border-radius: 50%; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .footer .social_media_icon li a:hover { background: #D04083; border-color: #D04083; color: #ffffff; } .footer_widgets.tp_two .social_media_icon li a { background: #D04083; color: #fff!important; border-radius: 50px; margin-right: 10px; } /*-----------------footer type_three--------------------------*/ .footer.type_three { position: relative; background: #01062e; padding: 100px 0px 0px; } .footer_widgets.type_three { position: relative; margin-bottom: 40px; } .footer_widgets.type_three h3.widgets_title { font-size: 24px; line-height: 36px; margin-bottom: 20px; color: #fff; margin-top: 10px; } .footer_widgets.type_three h3.widgets_title.logo { margin-top: 0px; } .footer_widgets.type_three h3.widgets_title.logo img { width: 150px; } .footer_widgets.type_three .inner_widgets { position: relative; } .footer_widgets.type_three .inner_widgets .text_box span { color: #d04083; margin-right: 8px; float: left; line-height: 26px; } .footer_widgets.type_three p { color: #b7c0ca; } .footer_widgets.type_three .social_media_icon li:first-child a { padding-left: 0px; } .footer_widgets.type_three .social_media_icon li:last-child a { margin-right: 0px; } .footer_widgets.type_three .inner_widgets .text_box p { margin-left: 20px; } .footer_widgets.type_three .inner_widgets .text_box { position: relative; margin-bottom: 20px; } .footer_widgets.type_three .inner_widgets ul li { position: relative; } .footer_widgets.type_three .inner_widgets ul.links li a { line-height: 26px; margin-top: 10px; display: block; color: #b7c0ca; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .footer_widgets.type_three .inner_widgets ul.links li:hover a, .footer_widgets.type_three .inner_widgets ul.links li a:hover { color: #c90005; transform: translateX(10px); } .footer_widgets.type_three .inner_widgets .sub_description { margin-bottom: 20px; } .footer_widgets.type_three .inner_widgets form { position: relative; } .footer_widgets.type_three .inner_widgets input { position: relative; width: 100%; height: 50px; line-height: 26px; color: #3f5f7f; border: 0px; padding: 5px 20px; background: #0f153e; border-radius: 50px; } .footer_widgets.type_three .inner_widgets input::placeholder { color: #3f5f7f; } .footer_widgets.type_three .inner_widgets button { position: absolute; top: 3px; right: 4px; background: #d04083; border: 0px; box-shadow: none; width: 44px; height: 44px; line-height: 44px; font-size: 20px; color: #ffffff; font-weight: 600; display: block; text-align: center; border-radius: 50px; } .footer_widgets.type_three .social_media_icon { margin-top: 20px; } .footer_last.type_three { position: relative; padding: 30px 0px 30px; margin-top: 40px; border-top: 1px solid #0f153e; } .footer_last.type_three p { color: #b7c0ca } .footer.type_three .social_media_icon { position: relative; } .footer.type_three .social_media_icon li { position: relative; float: left; margin-left: 10px; } .footer.type_three .social_media_icon li:first-child { margin-left: 0; } .footer.type_three .social_media_icon li a { position: relative; display: block; width: 40px; height: 40px; font-size: 13px; line-height: 40px!important; text-align: center; color: #fff; border-radius: 50%; -webkit-transition: all 300ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; } .footer.type_three .social_media_icon li a:hover { background: #c90005; border-color: #c90005; color: #ffffff; } .footer_widgets.type_three .social_media_icon li a { background: #c90005; color: #fff!important; border-radius: 50px; margin-right: 10px; } .footer.type_four { position: relative; background: #000; padding: 100px 0px 0px; } .footer.type_four .social_media_icon li a { background: #166994; border-color: #166994; color: #ffffff; } .footer.type_four .social_media_icon li a:hover { background: #fff; border-color: #fff; color: #166994!important; } .footer.type_four .footer_widgets.type_three .inner_widgets ul.links li:hover a, .footer.type_four .footer_widgets.type_three .inner_widgets ul.links li a:hover { color: #166994; transform: translateX(10px); } .footer.type_four .footer_widgets.tp_two .inner_widgets input { background: #222; } .footer.type_four .footer_widgets.tp_two .inner_widgets button { background: #166994; } .footer.type_four .footer_last.type_three { border-top: 1px solid rgba(255, 255, 255, .2); } /*** ==================================================================== page_title ==================================================================== ***/ /*-----------------page_title-----------------------*/ .page_title { position: relative; padding: 120px 0px; min-height: 300px; background: url(../image/resources/breadcrumb.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; } .prov_crumb{ background: url(../image/resources/provider-breadcrumb.jpg); } .page_title .content_box { position: relative; margin-left: auto; margin-right: auto; } .page_title .content_box h1 { font-size: 60px; line-height: 70px; color: #fff; text-align: center; } .page_title .bread_crumb { position: relative; margin-bottom: 10px; } .page_title .bread_crumb li { display: inline-block; padding: 0px 15px; font-size: 16px; color: #D04083; position: relative; } .page_title .bread_crumb li::before { position: absolute; content: '\f105'; font-family: 'FontAwesome'; right: -4px; color: #fff; } .page_title .bread_crumb li.active::before { display: none; } .page_title .bread_crumb li a { color: #fff; } .page_title .bread_crumb li .single_blog_box { position: relative; padding: 100px 0px 70px; } /*** ==================================================================== pagination ==================================================================== ***/ .pagination { position: relative; display: block; text-align: center; padding: 40px 0px; } .pagination li { position: relative; display: inline-block; } .pagination li a { border-radius: 3px; color: #3f5f7f; font-weight: 700; padding: 12px 10px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .pagination li:first-child a, .pagination li:last-child a { background: #f3f9fe; color: #3f5f7f; padding: 12px 18px; } .pagination li:first-child a { margin-right: 10px; } .pagination li:last-child a { margin-left: 10px; } .pagination li:first-child:hover a, .pagination li:last-child:hover a { background: #1e87ea; color: #fff; } .pagination li:hover a { color: #1e87ea; text-decoration: underline; } /*** ==================================================================== shop page ==================================================================== ***/ .shop { position: relative; padding: 100px 0px 40px; } .shop .ui-selectmenu-button.ui-button { position: relative; height: 50px; line-height: 26px; padding: 5px 20px; border: 2px solid #f3f9fe; border-radius: 5px; width: 100%; background: #fff; width: 200px; } .shop .ui-selectmenu-text { line-height: 38px; font-size: 16px; font-family: 'Poppins', sans-serif; } .shop_left_bar { position: relative; margin-right: 20px; } .shop_product { position: relative; } .shop_left_bar .sub_head { font-size: 20px; color: #01062e; line-height: 28px; font-weight: 700; margin-bottom: 30px; } .shop_left_bar input[type="search"] { border: 0px; } .shop_left_bar .widget_search { margin-bottom: 50px; } .shop_left_bar input::placeholder { color: #3f5f7f!important; } .shop_left_bar .widget_search { background-color: transparent; font-weight: 400; border-width: 0; height: 50px; line-height: 50px; width: 100%; } .shop_left_bar .widget_product_search { margin-bottom: 30px; } .shop_left_bar .widget_product_search .product-search { font-size: 16px; position: relative; color: #222222; padding: 0 0px; } .shop_left_bar .widget_product_search .product-search:before { content: '\f002'; position: absolute; top: 50%; right: 22px; color: #fff; font-family: 'FontAwesome'; font-size: 14px; z-index: 99; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .shop_left_bar input[type="search"] { width: 100%; font-size: 16px; color: #3f5f7f; background: #f3f9fe; padding: 5px 20px; border-radius: 50px; } .shop_left_bar .widget_product_search .product-search:after { content: ''; position: absolute; top: 5px; right: 5px; width: 50px; height: 50px; background: #d04083; z-index: 9; border-radius: 50px; } .shop_left_bar .widget_product_search .product-search input[type="submit"] { position: absolute; top: 0; right: 0; width: 50px; height: 50px; opacity: 0; z-index: 9999; } .shop_left_bar .categories { position: relative; margin-bottom: 40px } .shop_left_bar .categories ul li { transition: .5s ease-in-out; padding-left: 20px; list-style: none; position: relative; line-height: 36px; } .shop_left_bar .categories ul li a { transition: .5s ease-in-out; font-size: 16px; color: #3f5f7f; font-weight: 400; width: 100%; display: inline-block; } .shop_left_bar .categories ul li a span { float: right; display: block; } .shop_left_bar .categories ul li::before { position: absolute; content: "\f105"; color: #3f5f7f; left: 0; top: -1px; font-size: 16px; font-family: 'FontAwesome'; } .shop_left_bar .categories ul li:hover a { padding-left: 8px; color: #1e87ea; } .shop_left_bar .categories ul li:hover::before { color: #1e87ea; } .shop_left_bar .categories ul li:hover a span { color: #1e87ea; } /*------------price-css---------------*/ .shop .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color: #f1f1f1; border: 0px; height: 8px; } .shop .widget_price_filter .price_slider { margin-bottom: 20px; } .shop .widget_price_filter .price_slider .ui-slider-range { background-color: #d04083; } .shop .widget_price_filter .price_slider .ui-slider-handle { background-color: #d04083; width: 18px; height: 18px; border-radius: 50px; top: -5px; } .shop .widget_price_filter .price_slider_amount { position: relative; } .shop .widget_price_filter .price_slider_amount .price_label { float: left; font-size: 16px; margin-top: 5px; color: #3f5f7f; font-weight: 400; } .shop .widget_price_filter .price_slider_amount .button { float: right; background-color: #fac012; color: #fff; } .shop .widget_price_filter .price_slider_amount #amount { border: 0; width: 60%; font-size: 16px; margin-top: 5px; color: #3f5f7f; font-weight: 400; } .shop .widget_price_filter { margin-bottom: 50px; } .shop .widget_price_filter h2 { margin-bottom: 40px; } .widget_view_products { position: relative; margin-bottom: 50px; } .widget_view_products .product_inner img { float: left; width: 90px; position: relative; border-radius: 5px; } .widget_view_products .product_inner { position: relative; margin-bottom: 20px; } .widget_view_products .product_inner .view_text { margin-left: 110px; position: relative; } .widget_view_products .product_inner .view_text h2 a { font-size: 16px; line-height: 26px; display: block; color: #01062e; font-weight: 700; } .widget_view_products .product_inner .view_text p { font-size: 16px; line-height: 24px; color: #1e87ea; font-weight: 400; } /*** ==================================================================== product-details ==================================================================== ***/ .product_details_outer { position: relative; padding: 100px 0px 70px; } .flex-direction-nav a.flex-next:before { font-family: 'FontAwesome'; font-size: 20px; display: inline-block; content: '\f105'!important; color: #D04083; text-shadow: none; } .flex-direction-nav .flex-next { right: 0; } .flex-direction-nav .flex-prev { left: 0; } .flex-direction-nav .flex-disabled { opacity: 1!important; filter: alpha(opacity=1); cursor: default; z-index: 0; } .flex-direction-nav a { opacity: 1; } .flexslider { margin-bottom: 30px; } .flex-direction-nav a.flex-prev:before { font-family: 'FontAwesome'; font-size: 20px; display: inline-block; content: '\f104'!important; color: #D04083; text-shadow: none; } .product_details_outer .slider #carousel { padding: 0px 40px; } .product_details_outer .slider #slider .flex-direction-nav { display: none; } .product_details_outer .field { position: relative; width: 120px; float: left; margin-right: 20px; } .product_details_outer .field .add { right: 0; } .product_details_outer .add_to_carts { position: relative; margin-bottom: 50px; } .product_detail_right .rating { position: relative; margin-bottom: 20px; } .product_detail_right .rating li { display: inline-block; position: relative; margin-right: 5px; color: #3f5f7f; } .product_detail_right .rating li span { color: #fdc415; margin-right: 5px; } .product_detail_right .product_nam { font-weight: 700; color: #01062e; line-height: 30px; font-size: 24px; margin-bottom: 20px; } .product_detail_right .product_price { font-weight: 700; color: #D04083; line-height: 30px; font-size: 24px; margin-bottom: 20px; } .product_detail_right h5 { font-size: 16px; font-weight: 400; color: #3f5f7f; line-height: 24px; margin-bottom: 20px; } .product_detail_right h5 .flaticon-correct { color: #D04083; margin-right: 5px; } .product_detail_right .product_description { font-size: 16px; font-weight: 400; color: #3f5f7f; line-height: 24px; margin-bottom: 40px; } .product_detail_right .from_ p { font-size: 16px; font-weight: 400; color: #3f5f7f; line-height: 24px; margin-bottom: 5px; } .product_detail_right .from_ p span { color: #3f5f7f; } .product_details_outer .row.one { margin-bottom: 50px; } .product_details_nav_tabs { position: relative; padding: 0px 0px 30px; border-bottom: 2px solid #f3f9fe; } .product_details_outer .nav-tabs .nav-link { border: 0px; border-radius: 0px; font-weight: 700; font-size: 16px; line-height: 24px; color: #3f5f7f; } .product_details_outer .nav-tabs .nav-item.show .nav-link, .product_details_outer .nav-tabs .nav-link.active { background: transparent; color: #D04083; } .product_details_outer .nav-tabs .nav-item { margin-bottom: 0px; } .product_details_outer .nav-tabs { border: 0px; background: #f3f9fe; border-radius: 3px; padding: 3px 10px; } .product_details_outer .tab-content>.tab-pane { padding: 40px; } .product_details_outer .tab-content>.tab-pane p { font-size: 16px; font-weight: 400; color: #3f5f7f; line-height: 24px; margin-bottom: 30px; } .product_details_outer .tab-content>.tab-pane ul.first { float: left; } .product_details_outer .tab-content>.tab-pane ul.second { float: right; } .product_details_outer .tab-content>.tab-pane ul li { position: relative; display: block; font-size: 16px; font-weight: 400; color: #3f5f7f; line-height: 30px; padding-left: 20px; } .product_details_outer .tab-content>.tab-pane ul li:before { position: absolute; content: ''; width: 7px; top: 9px; height: 7px; left: 1px; background: #3f5f7f; border-radius: 30px; } .product_details_outer .tab-content>.tab-pane ul li:after { position: absolute; content: ''; border: 1px solid #3f5f7f; width: 11px; top: 7px; height: 11px; left: -1px; background: transparent; border-radius: 30px; } .product_details_outer .products_carousel { position: relative; padding-top: 70px; } .product_details_outer .products_carousel h1 { margin-bottom: 30px; } .owl-carousel .product_box.type_one { margin: 10px 15px 30px; } /*** ==================================================================== shop_cart ==================================================================== ***/ .shop_cart { position: relative; padding: 100px 0px; } .shop_cart .table-responsive { margin-bottom: 60px; } .shop_cart .table-responsive img { width: 100px; } .shop_cart table { position: relative; } .shop_cart table .proname { width: 45%; font-weight: 700; line-height: 26px; color: #3f5f7f; } .shop_cart table thead { background: #f3f9fe; padding: 10px; border: 0px; } .shop_cart table thead th { border: 0px; font-weight: 700; font-size: 18px; color: #3f5f7f; } .shop_cart table tbody td { padding: 50px 20px; border-top: 0px; border-bottom: 1px solid #eaeaea; font-weight: 400; font-size: 16px; line-height: 26px; color: #3f5f7f; } .shop_cart table tbody td span { font-size: 18px; color: #D04083; } .shop_cart table td.proname { font-weight: 600; } .shop_cart table tbody td.close_edit span { display: block; color: #3f5f7f; } .field { position: relative; } .field input { width: 100%; text-align: center; height: 46px; background: #f3f9fe; line-height: 46px; border: 0px; box-shadow: none; -webkit-appearance: none; } .field button { position: absolute; background: transparent; border: 0px; box-shadow: none; height: 46px; line-height: 46px; width: 30px; z-index: 10; } .field .sub { left: 1px; top: 0px; font-size: 16px; color: #2b2b22; font-weight: 600; } .field .add { right: 25px; top: 0px; font-size: 16px; color: #2b2b22; font-weight: 600; } .shop_cart .continue_shopping { position: relative; } .shop_cart .continue_shopping button { background: #D04083; text-transform: uppercase; min-width: 211px; } .shop_cart .cart_btns button { background: #f3f9fe; text-transform: uppercase; color: #3f5f7f; margin-right: 30px; } .shop_cart .cart_btns button.lst { margin-right: 0px; } .shop_cart .cart_btns button:hover { background: #d04083; color: #fff; } .shop_cart .row.shop_btns { margin-bottom: 70px; } .shop_cart .coupon_discount { position: relative; } .shop_cart .coupon_discount h2 { font-size: 22px; line-height: 30px; color: #2b2b22; font-weight: 700; margin-bottom: 25px; } .shop_cart .coupon_discount input[type="text"] { position: relative; display: block; width: 100%; line-height: 26px; padding: 10px 28px; color: #3f5f7f!important; height: 50px; font-size: 14px; resize: none; border-radius: 3px; background: #f3f9fe; border: 1px solid transparent; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; margin-bottom: 20px; } .shop_cart .coupon_discount input::placeholder { font-size: 16px; color: #3f5f7f!important; } .shop_cart .coupon_discount button { background: #f3f9fe; text-transform: uppercase; color: #3f5f7f } .shop_cart .coupon_discount button:hover { background: #d04083; color: #fff; } .shop_cart .sub_total { position: relative; padding: 40px 40px; background: #f3f9fe; border-radius: 3px; margin-bottom: 20px; } .shop_cart .sub_total ul li { position: relative; list-style: none; } .shop_cart .sub_total .top li { float: left; font-size: 20px; line-height: 30px; color: #2b2b22; font-weight: 700; } .shop_cart .sub_total .top li:last-child { float: right; color: #D04083; font-size: 24px; } .shop_cart .sub_total .top { position: relative; overflow: auto; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .shop_cart .shipping { position: relative; padding: 20px 0px; border-bottom: 1px solid #eaeaea; } .shop_cart .shipping h2 { font-size: 20px; line-height: 30px; color: #2b2b22; font-weight: 700; margin-bottom: 10px; } .shop_cart .shipping ul li { padding-left: 18px; position: relative; display: block; font-size: 16px; color: #3f5f7f; line-height: 24px; font-weight: 400; margin-bottom: 8px; } .shop_cart .shipping ul li span { float: right; } .shop_cart .shipping ul li:hover:before { position: absolute; content: ''; width: 7px; top: 9px; height: 7px; left: 1px; background: #000; border-radius: 30px; } .shop_cart .shipping ul li:after { position: absolute; content: ''; border: 1px solid #000; width: 11px; top: 7px; height: 11px; left: -1px; background: transparent; border-radius: 30px; } .shop_cart .total { position: relative; padding-top: 20px; } .shop_cart .total ul li { display: inline-block; width: 49%; font-size: 20px; line-height: 30px; color: #2b2b22; font-weight: 700; } .shop_cart .total ul li:last-child { text-align: right; color: #D04083; font-size: 24px; } .proceed_to_checkout { position: relative; } .proceed_to_checkout button { width: auto!important; padding: 0px 30px; background: #D04083; text-transform: uppercase; } /*** ==================================================================== Checkout ==================================================================== ***/ .Checkout { position: relative; padding: 100px 0px 60px; } .billing_address { position: relative; margin-bottom: 30px; } .Checkout .billing_address h2 { font-size: 26px; line-height: 32px; font-weight: 700; color: #01062e; margin-bottom: 30px; } .your_order_details h2 { font-size: 26px; line-height: 32px; font-weight: 700; color: #3f5f7f; margin-bottom: 40px; } .Checkout input[type="text"], .Checkout input[type="email"], .Checkout input[type="phone"], .Checkout textarea { position: relative; display: block; width: 100%; line-height: 26px; padding: 10px 28px; color: #3f5f7f!important; height: 50px; font-size: 14px; resize: none; border-radius: 5px; background: #f3f9fe; border: 1px solid transparent; -webkit-transition: all 300ms ease; -ms-transition: all 300ms ease; -o-transition: all 300ms ease; -moz-transition: all 300ms ease; transition: all 300ms ease; } .Checkout textarea{ height: inherit; } .Checkout .ui-selectmenu-button.ui-button { position: relative; height: 50px; line-height: 26px; padding: 5px 20px; border: 0px; border-radius: 5px; width: 100%; background: #f3f9fe; } .Checkout .ui-selectmenu-text { line-height: 38px; font-size: 16px; font-family: 'Poppins', sans-serif; } .Checkout textarea::placeholder { color: #3f5f7f!important; font-size: 16px; } .Checkout label { font-size: 16px; line-height: 30px; font-weight: 400; color: #3f5f7f; } .dff_add { position: relative; padding: 30px 0px 10px; } .your_order_details { position: relative; } .your_order_details .sub_total { padding: 40px; background: #f3f9fe; position: relative; border-radius: 3px; } .your_order_details .sub_total .top { position: relative; overflow: auto; } .your_order_details .sub_total .top li { float: left; font-size: 20px; line-height: 28px; font-weight: 700; color: #3f5f7f; margin-bottom: 20px; } .your_order_details .sub_total .top li:last-child { float: right; } .shipping { position: relative; } .your_order_details .shipping ul { position: relative; overflow: auto; } .your_order_details .shipping ul li { display: block; font-size: 16px; line-height: 24px; font-weight: 400; color: #3f5f7f; margin-bottom: 10px; } .your_order_details .shipping ul li span { float: right; } .your_order_details .shipping ul.fir { margin-bottom: 10px; } .your_order_details .shipping ul.sec { padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .your_order_details .total { position: relative; padding: 20px 0px; border-bottom: 1px solid #eaeaea; margin-bottom: 30px; } .your_order_details .total ul { overflow: inherit; } .your_order_details .total ul li { float: left; font-size: 20px; line-height: 28px; font-weight: 700; color: #3f5f7f; margin-bottom: 0px; } .your_order_details .total ul li:last-child { float: right; color: #D04083; font-size: 24px; line-height: 30px; } .payment_options ul li { position: relative; padding-left: 20px; display: block; font-size: 16px; line-height: 30px; color: #3f5f7f; font-weight: 400; } .payment_options ul li span { color: #3f5f7f; } .payment_options ul li:after { position: absolute; content: ''; border: 1px solid #000; width: 11px; top: 9px; height: 11px; left: -1px; background: transparent; border-radius: 30px; } .payment_options ul li:hover:before { position: absolute; content: ''; width: 7px; top: 11px; height: 7px; left: 1px; background: #000; border-radius: 30px; } /*** ==================================================================== porduct-css ==================================================================== ***/ .products.type_one { position: relative; padding: 100px 0px 80px; background: #f3f9fe; } .product_tabs .tabs_header { position: relative; margin-bottom: 40px; } .product_tabs .tabs_header .pull-left, .product_tabs .tabs_header .pull-right { margin-bottom: 30px; } .product_tabs .product_tab_btns { position: relative; margin-right: 0px; } .product_tabs .owl-carousel .owl-nav { display: block; } .product_tabs .product_tab_btns .p_tab_btn { position: relative; display: inline-block; line-height: 24px; padding-right: 40px; cursor: pointer; color: #3f5f7f; font-weight: 600; font-size: 16px; margin-bottom: 10px; text-transform: uppercase; transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; } .product_tabs .product_tab_btns .p_tab_btn.active-btn { color: #187be7; } .product_tabs .p_tabs-content { position: relative; display: block; } .product_tabs .p_tab { position: absolute; left: 0px; top: 0px; width: 100%; height: auto; visibility: hidden; } .product_tabs .p_tab.active-tab { position: relative; visibility: visible; z-index: 5; } .product_tabs .product_box.type_one .inner_box { -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); transition: all 0.7s ease; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; -o-transition: all 0.7s ease; } .product_tabs .active-tab .product_box.type_one .inner_box { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); } .p_tab_wrapper { position: relative; } .product_box.type_one { position: relative; margin: 0px 0px 30px; border-radius: 10px; } .product_box.type_one .inner_box { background: #fff; position: relative; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, .06); border-radius: 10px; } .product_box.type_one .image_box { position: relative; overflow: hidden; border-radius: 10px; } .product_box.type_one .image_box img { display: block; width: 100%; } .product_box.type_one .overlay { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; right: 0; z-index: 10; } .product_box.type_one .overlay:before { position: absolute; top: 100%; content: ''; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #187be7 0%, #269bef 50%, #36c2f9 100%); border-radius: 10px; opacity: 0; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .product_box.type_one .overlay .zoom_icon { position: absolute; padding: 0px; top: 20px; right: 20px; transform: translateX(200px); z-index: 10; text-align: center; z-index: 10; font-size: 18px; font-weight: 600; width: 40px; height: 40px; background: #fff; line-height: 40px; border-radius: 5px; color: #269bef; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .product_box.type_one:hover .overlay:before { opacity: .8; top: 0; } .product_box.type_one:hover .overlay .zoom_icon { transform: translateX(0); } .product_box.type_one .content_box { position: relative; padding: 30px 30px; } .product_box.type_one .content_box .upper_box { position: relative; } .product_box.type_one .content_box .upper_box h2 { margin-right: 50px; } .product_box.type_one .content_box p { color: #1d87ea; } .product_box.type_one .content_box .upper_box .cart_icon { position: absolute; right: -6px; top: 6px; font-size: 29px; color: #d04083; } .product_box.type_one .content_box h2 a { font-size: 20px; line-height: 28px; margin-bottom: 8px; display: block; } /*** ==================================================================== handwash type_one ==================================================================== ***/ .handwash.type_one { position: relative; padding: 100px 0px 60px; } @media(max-width:3000px) and (min-width:1200px) { .handwash.type_one .container-fluid { padding: 0px 200px; } } .handwash.type_one .heading { margin-bottom: 40px; } .hand_box.type_one { position: relative; text-align: center; margin-bottom: 40px; } .hand_box.type_one .image_box { position: relative; margin-bottom: 10px; } .hand_box.type_one .image_box img { border-radius: 50%; } .hand_box.type_one .image_box span { position: absolute; width: 35px; height: 35px; font-size: 16px; color: #fff; border-radius: 50px; line-height: 35px; text-align: center; background: #1d87b7; left: 51px; top: 26px; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; transition: all .6s ease-in-out; } .hand_box.type_one h2 { font-size: 18px; line-height: 26px; } .hand_box.type_one:hover .image_box span { transform: rotate(360deg); } /*** ==================================================================== -prevention-page ==================================================================== ***/ .prevention_all { position: relative; padding: 100px 0px 70px; } /*** ==================================================================== prevention_single ==================================================================== ***/ .prevention_single { position: relative; padding: 100px 0px 70px; } .prevention_single .image_box { position: relative; margin-bottom: 30px; } .prevention_single_content { position: relative; } .prevention_single_content h1 { font-size: 32px; line-height: 40px; margin-bottom: 20px; } .prevention_single_content ul li { position: relative; padding-left: 20px; line-height: 26px; margin-bottom: 10px; } .prevention_single_content ul li::before { position: absolute; content: ''; width: 10px; height: 10px; border-radius: 10px; background: #197ee8; left: 0; top: 7px; } .prevention_single_content ul li span { font-weight: 600; color: #01062e; } .covid_19_information { position: relative; padding-bottom: 100px; } /*** ==================================================================== team_all ==================================================================== ***/ .team_all { position: relative; padding: 100px 0px 50px; } /*** ==================================================================== faqall ==================================================================== ***/ .faq_all { position: relative; padding: 100px 0px 70px; } /*** ==================================================================== Contact-Page ==================================================================== ***/ .info_section { position: relative; padding: 100px 0px 0px 0px; } .info_section .info_inner { position: relative; top: 0px; border-radius: 5px; box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); } .info_section .info_inner .info-box .box h4 { color: #01062e; } .info_section .info_inner .info-box { position: relative; padding: 35px 30px 30px 40px; } .info_section .info_inner .info-box .box { position: relative; padding-left: 73px; margin-bottom: 18px; } .info_section .info_inner .info-box .box .icon-box { position: absolute; left: 0px; top: 5px; font-size: 45px; line-height: 45px; } .info_section .info_inner .info-box .box .icon-box i { color: #D04083; font-weight: 500; } .info_section .info_inner .info-box .box span { color: #666666; } .info_section .info_inner .info-box .text p, .info_section .info_inner .info-box .text p a { color: #1d165c; } .info_section .info_inner .info-box:hover .hidden-icon { color: #f3f3f3; } .info_section .info_inner .info-column { background: #fff; overflow: hidden; transition: all 500ms ease; } .info_section .info_inner .info-box .hidden-icon { position: absolute; right: -10px; bottom: -10px; font-size: 120px; line-height: 120px; color: rgba(255, 255, 255, 0.1); transform: rotate(-45deg); opacity: 0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-transition-duration: .6s; transition-duration: .6s; } .info_section .info_inner .info-box:hover .hidden-icon { opacity: 1; } .info_section .info_inner .info-column:hover { box-shadow: 0 0px 30px rgba(0, 0, 0, 0.1); z-index: 1; } .map-section { position: relative; padding-top: 90px; margin-bottom: -160px; } .map-section .google-map { height: 750px; } /*** ==================================================================== blog_with_sidebar ==================================================================== ***/ .blog_single { position: relative; padding: 100px 0px 50px; } .blog_single .heading { margin-bottom: 40px; padding: 0px; } .blog_single .heading h1 { font-weight: 400; } .blog_single .heading h1 span { color: #d04083; font-weight: 700; } .blog_side_bar_left { position: relative; margin-right: 60px; } .blog_side_bar_left .sub_head { position: relative; font-size: 20px; line-height: 30px; font-weight: 700; margin-bottom: 35px; padding: 0; } .blog_side_bar_left .srch_input input::placeholder { color: #3f5f7f!important; font-size: 14px; font-weight: 400; } .blog_side_bar_left .srch_input { position: relative; margin-bottom: 50px; } .blog_side_bar_left .srch_input input { position: relative; border: 0px; background: #f3f9fe; border-radius: 30px; height: 50px; line-height: 26px; padding: 10px 20px; color: #3f5f7f; font-size: 14px; font-weight: 400; width: 100%; } .blog_side_bar_left .srch_input button { background: #f3f9fe; border: 0px; box-shadow: none; position: absolute; height: 50px; width: 50px; padding: 10px; right: 20px; top: 0px; color: #3f5f7f; font-size: 16px; font-weight: 700; } .blog_side_bar_left .categories .sub_head { margin-bottom: 22px; } .blog_side_bar_left .categories { position: relative; margin-bottom: 40px } .blog_side_bar_left .categories ul li { transition: .5s ease-in-out; padding-left: 20px; list-style: none; position: relative; line-height: 36px; } .blog_side_bar_left .categories ul li a { transition: .5s ease-in-out; font-size: 16px; color: #3f5f7f; font-weight: 400; width: 100%; display: inline-block; margin-bottom: 10px; } .blog_side_bar_left .categories ul li a span { float: right; display: block; } .blog_side_bar_left .categories ul li::before { position: absolute; content: "\f105"; color: #3f5f7f; left: 0; top: -1px; font-size: 16px; font-family: 'FontAwesome'; } .blog_side_bar_left .categories ul li:hover a { padding-left: 8px; color: #d04083; } .blog_side_bar_left .categories ul li:hover::before { color: #d04083; } .blog_side_bar_left .categories ul li:hover a span { color: #d04083; } .popular_posts { position: relative; } .popular_posts .posts_box { position: relative; margin-bottom: 45px; } .popular_posts .posts_box img { float: left; border-radius: 8px; } .popular_posts .posts_box .post_content { position: relative; margin-left: 100px; } .popular_posts .posts_box .post_content p { font-size: 16px; font-weight: 400; line-height: 16px; color: #3f5f7f; margin-bottom: 10px; } .popular_posts .posts_box .post_content h2, .popular_posts .posts_box .post_content h2 a { font-size: 16px; line-height: 24px; font-weight: 700; margin: 0px; transition: .5s ease-in-out; } .popular_posts .posts_box .post_content h2:hover a { color: #d04083; } .tag_cloud { position: relative; margin-bottom: 40px; } .tag_cloud .tags a { display: inline-block; font-size: 16px; line-height: 26px; color: #3f5f7f; background: #f3f9fe; padding: 5px 15px; margin-right: 10px; margin-bottom: 10px; transition: .5s ease-in-out; } .tag_cloud .tags a:hover { background: #d04083; color: #fff; } .blog_right_single { position: relative; } .blog_right_single .blog-single-inner { position: relative; margin-bottom: 50px; } .blog_right_single .blog-single-inner .image { position: relative; overflow: hidden; margin-bottom: 30px; border-radius: 10px; } .blog_right_single .blog-single-inner .image img { transform: scale(1.1, 1.1); transition: all .9s ease; width: 100%; } .blog_right_single .blog-single-inner:hover .image img { transform: scale(1.2, 1.2); } .blog_right_single .blog-single-inner .blog-content p { font-size: 16px; font-weight: 400; line-height: 24px; color: #3f5f7f; margin-bottom: 15px; } .blog_right_single .blog-single-inner .blog-content p a { padding: 3px 10px; border-radius: 30px; color: #fff; background: #d04083; margin-right: 10px; } .blog_right_single .blog-single-inner .blog-content h2, .blog_right_single .blog-single-inner .blog-content h2 a { font-size: 24px; line-height: 36px; font-weight: 700; margin-bottom: 8px; transition: .5s ease-in-out; } .blog_right_single .blog-single-inner .blog-content h2:hover a { color: #d04083; } .blog_right_single .pagination { padding-left: 0px; } /*** ==================================================================== blog_grid ==================================================================== ***/ /*--------------------blog_grid--------------------------*/ .blog_grid { position: relative; padding: 100px 0px 50px; } /*** ==================================================================== blog_details_content ==================================================================== ***/ .single_blog_box { position: relative; padding: 100px 0px; } .blog_details_content { position: relative; } .blog.type_two.blog_details { padding-top: 0px; padding-bottom: 70px; } .blog_details_content .heading { font-size: 30px; line-height: 38px; margin-bottom: 20px; } .blog_details_content .image_box { position: relative; } .blog_details_content .tags_upper { position: relative; margin-bottom: 20px; } .blog_details_content .tags_upper li { display: inline-block; margin-right: 20px; position: relative; } .blog_details_content .tags_upper li:last-child a { color: #9eb0c2; } .blog_details_content .tags_upper li span { margin-right: 5px; color: #1d86ea; } .blog_details_content .tags_upper li:last-child { margin: 0px; } .blog_details_content .tags_upper a.category { padding: 3px 10px; border-radius: 30px; color: #fff; background: #d04083; } .blog_details_content .description { margin-bottom: 20px; } .blog_details_content ul li { display: inline-block; } .blog_details_content .image { position: relative; margin-bottom: 30px; margin-top: 10px; } .blog_details_content .para_quotes { position: relative; padding: 20px 0px 30px; } .blog_details_content .para_quotes p { color: #1e89eb; font-weight: 600; line-height: 30px; font-size: 20px; } .blog_details_content .para_quotes span { color: #dce1e7; position: absolute; font-size: 60px; z-index: -1; margin-left: -75px; margin-top: 15px; } .blog_details_content .authour_box { position: relative; padding: 30px 0px 30px; } .blog_details_content .authour_box .authour_details { float: left; } .authour_box .authour_details img { float: left; } .blog_details_content .authour_box .content_box { margin-left: 70px; } .blog_details_content .authour_box .content_box h2 { font-family: 'Poppins', serif; font-weight: 500; line-height: 26px; font-size: 18px; } .blog_details_content .authour_box .content_box span { font-family: 'Poppins', serif; font-weight: 500; line-height: 26px; font-size: 16px; color: #737373; } .blog_details_content .media_icons { float: right; margin-right: 20px; margin-top: 20px; } .blog_details_content .media_icons ul li a { padding: 0px 10px; font-size: 20px; color: #737373; } .media_icons ul li:first-child { font-size: 18px; color: #3f5f7f; } .blog_details_content .media_tags .tags { margin-bottom: 20px; } .blog_details_content .media_tags .tags li a { padding: 0px 10px; font-size: 20px; color: #737373; } .media_tags .tags li:first-child { font-size: 18px; color: #3f5f7f; } .blog_details_content .media_tags .media_status li { padding: 0px 10px; } .media_tags .media_status li span { padding: 0px 7px; margin: 0px 5px; color: #fff; } .media_tags .media_status li span.two { background: #55acee; } .media_tags .media_status li span.three { background: #dc4e41; } .media_tags .media_status li span.one { background: #2962ff; } .blog_details_content .media_tags .media_status li span.count-media { padding: 9px 13px; border-radius: 83px; } .blog_details_content .media_tags .media_status .btnn { font-family: 'Poppins', serif; font-weight: 500; font-size: 16px; color: #fff; padding: 0px 20px; display: inline-block; line-height: 38px; border-radius: 50px; } .blog_details_content .media_tags .media_status .btnn a { color: #fff; } .blog_details_content .media_tags .media_status .btnn .icn { padding: 0px 3px; } .blog_details_content .media_tags { margin-bottom: 40px; } .blog_detail_comment { padding: 60px; border-radius: 10px; position: relative; background: #f3f9fe; } .blog_detail_comment .comment_heading li { display: inline-block; color: #01062e; font-weight: 400; line-height: 40px; font-size: 26px; } .blog_detail_comment .comment_heading li:last-child { float: right; } .blog_detail_comment .comment_heading { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #eff1f3; } .blog_detail_comment .image { float: left; } .blog_detail_comment .content_text { margin-left: 70px; } .blog_detail_comment .content_text ul li { display: inline-block; font-family: 'Poppins', serif; font-weight: 500; font-size: 18px; color: #b0b0b0; line-height: 26px; padding: 0px 10px; } .blog_detail_comment .content_text ul li:first-child { color: #01062e; padding-left: 0px; } .blog_detail_comment .comment_inner { padding-bottom: 0px; margin-bottom: 30px; border-bottom: 2px solid #eef3f7; } .blog_detail_comment .comment_content_inner { margin-bottom: 40px; } .blog_detail_comment .content_text h6 { color: #3f5f7f; font-weight: 400; line-height: 26px; font-size: 18px; margin-bottom: 5px; } .blog_detail_comment .content_text span { font-weight: 500; text-transform: uppercase; font-size: 14px; color: #b0b0b0; line-height: 26px; } .comment_content_outer.two { margin-left: 40px; } .comment_reply input, .comment_reply textarea { border: 2px solid #eff1f3; border-radius: 5px; box-shadow: none; height: 50px; line-height: 26px; width: 100%; padding: 10px 20px; color: #3f5f7f; } .comment_reply textarea { height: auto; display: block; } .comment_reply input::placeholder { color: #3f5f7f; } .comment_reply label { line-height: 28px; color: #3f5f7f; font-weight: 600; font-size: 18px; margin-bottom: 10px; } .comment_reply .form-group { margin-bottom: 30px; } .comment_reply .form-group.texta { margin-bottom: 50px; } .review-form { margin-bottom: 30px; } .review-form label { font-family: 'Poppins', serif; line-height: 30px; opacity: 1; margin-bottom: 15px; } .comment_reply h2 { line-height: 34px; font-weight: 700; margin-bottom: 30px; font-size: 30px; } .rectent-post.blog-betails { padding: 40px 0px 50px; } .rectent-post.blog-betails .container { width: 1580px; } @media screen and (max-width: 1700px) { .rectent-post.blog-betails .container { width: auto; } } /*** ==================================================================== slider-bubbles ==================================================================== ***/ .slider_bubbles { position: absolute; top: 0; left: 0; width: 100%; height: 80vh; z-index: 10; } .slider_bub { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .slider_bub li { position: absolute; display: block; list-style: none; animation: animate 10s linear infinite; bottom: -150px; } .slider_bub li:nth-child(1) { left: 3%; width: 80px; height: 80px; animation-delay: 0s; } .slider_bub li:nth-child(2) { left: 10%; width: 20px; height: 20px; animation-delay: 2s; animation-duration: 12s; } .slider_bub li:nth-child(3) { left: 6%; width: 20px; height: 20px; animation-delay: 4s; } .slider_bub li:nth-child(4) { left: 50%; width: 60px; height: 60px; animation-delay: 0s; animation-duration: 18s; } .slider_bub li:nth-child(5) { left: 45%; width: 20px; height: 20px; animation-delay: 0s; } .slider_bub li:nth-child(6) { left: 7%; width: 110px; height: 110px; animation-delay: 3s; } .slider_bub li:nth-child(7) { left: 47%; width: 150px; height: 150px; animation-delay: 7s; } .slider_bub li:nth-child(8) { left: 52%; width: 25px; height: 25px; animation-delay: 15s; animation-duration: 45s; } /* .slider_bub li:nth-child(9) { left: 20%; width: 15px; height: 15px; animation-delay: 2s; animation-duration: 35s; } .slider_bub li:nth-child(10) { left: 45%; width: 150px; height: 150px; animation-delay: 0s; animation-duration: 11s; }*/ @keyframes animate { 0% { transform: translateY(0) rotate(0deg); opacity: 1; border-radius: 0; } 100% { transform: translateY(-1000px) rotate(520deg); opacity: 0; border-radius: 50%; } } /*** ==================================================================== media queries responsive css ==================================================================== ***/ @media(max-width:1199px) { .banner.type_one { min-height: 700px; } .owl-carousel .owl-nav{ display: none!important; } .slider_image_2.image { display: none; } .slider_image_4.image { display: none; } .banner.type_one .md_none { display: none; } .slider_text_box .text_box { margin-top: 100px; } .footer_widgets.tp_one.first { text-align: center; } .footer_widgets.tp_one.first .social_media_icon { display: inline-block; text-align: center; } /*--------symptoms-section---------------*/ .symptoms.type_one { padding: 100px 0px 50px; } .symptoms.type_one .image_box { margin-bottom: 60px; } .symptoms_box_one { position: relative; } .symptoms_box_one.left.first { left: inherit; top: inherit; } .symptoms_box_one { width: 50%; float: left; margin-bottom: 50px; } .symptoms_box_one.left.second { left: inherit; top: inherit; } .symptoms_box_one.left.third { left: inherit; bottom: inherit; } .symptoms_box_one.left.fourth { left: inherit; bottom: inherit; } .symptoms_box_one.right.first { right: inherit; top: inherit; } .symptoms_box_one.right.second { right: inherit; top: inherit; } .symptoms_box_one.right.third { right: inherit; bottom: inherit; } .symptoms_box_one.right.fourth { right: inherit; bottom: inherit; } .symptoms_box_one .icon_box { width: auto; } .symptoms_box_one.right .icon_box .svg_image { float: none; margin: 0 auto; display: block; } .symptoms_box_one.left .icon_box .svg_image { float: none; margin: 0 auto; display: block; } .symptoms_box_one .icon_box h2 { width: inherit; } .symptoms_box_one.left .icon_box { float: none; } .symptoms_box_one.left .icon_box::before, .symptoms_box_one.right .icon_box::before { right: 0; left: 0px; top: -19px; margin: 0 auto; } .symptoms_box_one.left .icon_box h2, .symptoms_box_one.right .icon_box h2 { margin-right: 0px; margin-top: 30px; margin-left: 0px; } .symptoms_box_one.right .content_box { left: inherit; right: inherit; } .symptoms_box_one.left .content_box { left: inherit; right: inherit; } .symptoms_box_one .content_box { left: 0px!important; top: 0; margin: 0 auto; right: 0!important; } .symptoms_box_one.left .content_box::before { left: 0; right: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; text-align: center; top: -20px; border-right: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #D04083; z-index: 1000; height: 0px; width: 0; } .symptoms_box_one.right .content_box::before { left: 0; right: 0; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto; text-align: center; top: -20px; border-right: 12px solid transparent; border-top: 12px solid transparent; border-left: 12px solid transparent; border-bottom: 12px solid #D04083; z-index: 1000; height: 0px; width: 0; } .symptoms_box_one.left .icon_box h2, .symptoms_box_one.right .icon_box h2 { text-align: center; } .symptoms_box_one .icon_box h2 { display: block; } .symptoms_box_one:hover .content_box { opacity: 1; top: 100px; } } @media(max-width:992px) { .header_v1 .social_media_icon { display: none; } .symptoms.type_one .image_box::before { display: none; } .contact_form.type_one .image_box { display: none; } .about.type_one .first_column { margin-top: 50px; } .container-fluid { padding: 0px 15px!important; } .slider_text_box { padding-left: 0px; } .banner.type_one { min-height: 600px; } /*-------responsive----margin-top-marging-bottom--------------------*/ .faq_recent { margin-top: 40px; } .doctor.type_one .owl-carousel .owl-nav { position: relative; top: inherit; } } @media(max-width:992px) { .header_v1 .header_top { display: none; } .header_v1 { padding: 20px 10px; } .page_title .content_box h1 { font-size: 40px; line-height: 50px; } .banner.type_one .slider_box .slider_image_1 { margin-top: -20px; } } @media(max-width:992px) { .slider_image { position: relative; min-width: auto; min-height: auto; } .main-slider .slide { height: 1100px; } .main-slider.type_two .slide .content_box{ height: 600px!important; } .main-slider .content { margin-bottom: 30px; } .slider_bubbles { display: none; } .header_v4 .header_top { display: none; } .main-slider.type_two .content h1 { font-size: 40px; line-height: 50px; } .main-slider.type_two .content .text { font-size: 16px; line-height: 26px; } .about.type_three .image_box { margin-bottom: 90px; } } @media(max-width:768px) { .heading.tp_one h1 { font-size: 30px; line-height: 36px; } .explore_more h1 { font-size: 30px; line-height: 40px; } .welcome.type_one { padding-top: 30px; } .slider_text_box .text_box h1 { font-size: 30px; line-height: 36px; } .slider_text_box .text_box .lower_text a.theme_btn.tp_one { width: 150px; height: 50px; line-height: 50px; } .slider_text_box .text_box .video-inner { margin-left: 200px; } .banner.type_one { min-height: 400px; } .fun_facts_no { display: none; } .heading.tp_three h1 { font-size: 30px; line-height: 36px; } .home_page_three .owl-dots { display: none; } .symptoms.type_four .image_box { min-width: inherit; min-height: inherit; } .symptoms.type_four .image_box .image { position: relative; margin-top: 0px; bottom: inherit; } .faqs.type_four .image_box { min-width: inherit; min-height: inherit; } .faqs.type_four .image_box .image { position: relative; margin-bottom: 30px; left: inherit; top: inherit; bottom: inherit; } } @media(max-width:992px) { .slider_text_box .text_box p { font-size: 16px; line-height: 26px; } .blog.type_one .owl-carousel .owl-nav { display: none; } .header_v2 .header_top { display: none; } .main-slider h1 { font-size: 40px; line-height: 50px; } .banner.type_two .banner_text h1 { font-size: 40px; line-height: 50px; } .banner.type_two .banner_text p { font-size: 16px; line-height: 26px; } .banner.type_two .banner_text a.theme_btn { height: 50px; line-height: 50px; } .heading.tp_two h1 { font-size: 30px; line-height: 38px; } .about.type_two .about_content h5 { font-size: 18px; line-height: 28px; } .risk_box h6 { font-size: 18px; line-height: 28px; } .risk_box_two h2 { font-size: 18px; line-height: 28px; } .doctor.type_two .owl-carousel .owl-nav { display: none; } .about.type_one .image_box img { width: 100%; } .about.type_one .symptoms ul { margin-bottom: 20px; } .about.type_one .theme_btn.tp_two { margin-top: 20px; } .about.type_one { padding-top: 50px; } .about.type_one .second_column { margin-top: 0px; } .how_virus_spread .owl-carousel .owl-nav { display: none; } .slider_image .image.image_2 { display: none; } .slider_image .image.image_3 { display: none; } .blog_side_bar_left { margin-right: 0px; } .blog_details_content .media_tags .media_status li { margin-bottom: 20px; } .blog_detail_comment .comment_heading li:last-child { display: none; } .blog_detail_comment { padding: 40px 30px; } .comment_content_outer.two { margin-left: 0px; } .contact_form_box.type_one { padding: 40px; } #bubbles { display: none; } .symptoms.type_three .image_box { min-width: inherit; } .symptoms.type_three .image_box .image { position: relative; margin-top: 90px; } .symptoms.type_three .padding_zero { padding: 0px 15px; } } @media(max-width:1199px) { .about.type_one .image_box { min-width: auto; min-height: auto; } .about.type_one .image_box .image_2 { position: relative; left: 0px; bottom: 0px; padding-top: 10px; padding-bottom: 40px; } .about.type_one .image_box .image_1, .about.type_one .image_box .image_3, .about.type_one .image_box .image_4 { display: none; } } @media(max-width:992px) { .banner.type_two { height: auto; padding: 150px 0px 100px; } .banner.type_two .image_box .image.image_1 { position: relative; top: inherit; } .banner.type_two .image_box .image.image_3 { position: absolute; top: 180px; } .banner.type_two .image_box { min-width: inherit; min-height: inherit; margin-top: 40px; } .banner.type_two .image_box .image.image_2 { position: absolute; top: 280px; } .funfacts_count{ margin-bottom: 40px; } } @media(max-width:768px) { .fun_facts_box.type_three .icon { float: none; margin-bottom: 10px; } .fun_facts_box.type_three .content_box { margin-left: 0px; } .fun_facts_box.type_three { text-align: center; margin-bottom: 30px; } .symptoms_box_one { width: 100%; margin-bottom: 50px; } .banner.type_two .image_box .image.image_2 { top: 240px; } .main-slider.type_two .content h1 { font-size: 30px; line-height: 40px; } .footer.type_two .footer_layer{ bottom: -165px; } .blog_box.type_two .content_box h2 a{ font-size: 18px; line-height: 28px; } .blog_right_single .blog-single-inner .blog-content h2, .blog_right_single .blog-single-inner .blog-content h2 a{ font-size: 18px; line-height: 28px; } .blog_details_content .heading{ font-size: 24px; line-height: 32px; }.blog_details_content .para_quotes p{ font-size: 18px; line-height: 28px; } .blog_details_content .media_tags .tags li a{ font-size: 14px; line-height: 24px; } p{ font-size: 14px; line-height: 24px; }.product_details_outer .tab-content>.tab-pane ul.first{ float: none; } .product_details_outer .tab-content>.tab-pane ul.second{ float: none; }h1, h2, h3, h4, h5, h6 { font-size: 24px; line-height: 32px; } .page_title .content_box h1{ font-size: 26px; line-height: 34px; } .main-slider h1 { font-size: 30px; line-height: 40px; } .main-slider .slide { height: 900px; } .about.type_three .image_box .image_2{ position: relative; right: inherit; bottom: inherit; border: 0px; margin-top: 20px; } .about.type_three .image_box .image_2 img{ width: 100%; } } @media(max-width:450px) { .main-slider .link-box .theme_btn.tp_one.two { display: none; } .banner.type_two .image_box { display: none; } } @media only screen and (max-width: 5000px){ .page_wapper{ overflow:hidden; } } @media only screen and (max-width: 1340px){ .page_wapper{ overflow:hidden; }} @media only screen and (max-width: 1140px){ .page_wapper{ overflow:hidden; }}