/*---------============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: #01062e;
}
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: #01062e;
}
/*------------------------------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, #D04083, #D04083, #e2629e, #D04083);
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(25, 125, 232, .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: #D04083;
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: #01062e;
padding: 0px 0px 0px;
margin-top: 170px;
}
.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;
}
.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;
}}