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