| Server IP : 88.222.243.201 / Your IP : 216.73.216.200 Web Server : LiteSpeed System : Linux in-mum-web669.main-hosting.eu 5.14.0-503.23.2.el9_5.x86_64 #1 SMP PREEMPT_DYNAMIC Wed Feb 12 05:52:18 EST 2025 x86_64 User : u479334040 ( 479334040) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/u479334040/domains/softstart.in/public_html/assets/css/ |
Upload File : |
/*==================================================
===| 01. Google Font
===================================================*/
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
/*
font-family: 'Poppins', sans-serif;
*/
@import url("fontawesome-all.css");
@import url("../webfonts/themify-icons/themify-icons.css");
@import url("../webfonts/icofont/icofont.min.css");
@import url("owl.carousel.min.css");
@import url("owl.theme.default.css");
@import url("animate.css");
@import url("slick.css");
@import url("nice-select.css");
@import url("jquery.fancybox.css");
@import url("jquery-ui.css");
@import url("default.css");
/*==================================================
===| 02. Reset CSS
===================================================*/
*,
*:before,
*:after {
padding: 0;
margin: 0;
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%;
}
html,
body {
min-height: 100%;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
color: inherit;
}
ul {
margin: 0;
padding: 0;
}
ul li {
list-style: none;
}
img {
max-width: 100%;
height: auto;
}
i {
font-style: normal;
}
figure {
margin: 0;
padding: 0;
}
.clearfix:after {
content: "";
clear: both;
display: table;
}
a,
a:active,
a:focus {
text-decoration: none;
outline: none;
border: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
a:hover {
text-decoration: none;
outline: none;
color: #e12454;
border: none;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
label {
color: #666;
cursor: pointer;
font-size: 14px;
font-weight: normal;
}
a:focus,
input:focus,
textarea:focus,
button:focus {
outline: 0 solid;
}
body {
font-family: "Poppins", sans-serif;
color: #768495;
font-size: 16px;
}
p {
font-family: "Poppins", sans-serif;
font-weight: normal;
color: #768495;
font-size: 16px;
line-height: 1.9;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Poppins", sans-serif;
color: #223645;
font-weight: 600;
}
button {
cursor: pointer;
}
button.button {
background: transparent;
border: 0px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
::-moz-selection {
background: #313131;
color: #fff;
text-shadow: none;
}
::selection {
background: #313131;
color: #fff;
text-shadow: none;
}
.auto_container {
position: static;
max-width: 1210px;
padding: 0px 20px;
margin: 0px auto;
}
.content_box_pob_120_90 {
padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
.content_box_pob_120_90 {
padding-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.content_box_pob_120_90 {
padding-bottom: 50px;
}
}
.content_box_pob_120_70 {
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.content_box_pob_120_70 {
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.content_box_pob_120_70 {
padding-bottom: 30px;
}
}
.content_box_pob_100_70 {
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.content_box_pob_100_70 {
padding-bottom: 50px;
}
}
.content_box_pob_100_50 {
padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
.content_box_pob_100_50 {
padding-bottom: 30px;
}
}
.content_box_pot_120 {
padding-top: 120px;
}
@media only screen and (max-width: 1199px) {
.content_box_pot_120 {
padding-top: 100px;
}
}
@media only screen and (max-width: 767px) {
.content_box_pot_120 {
padding-top: 80px;
}
}
.content_box_pob_120 {
padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
.content_box_pob_120 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 767px) {
.content_box_pob_120 {
padding-bottom: 80px;
}
}
.content_box_pot_100 {
padding-top: 100px;
}
@media only screen and (max-width: 767px) {
.content_box_pot_100 {
padding-top: 80px;
}
}
.content_box_pob_100 {
padding-bottom: 100px;
}
@media only screen and (max-width: 767px) {
.content_box_pob_100 {
padding-bottom: 80px;
}
}
.content_box_120 {
padding-top: 120px;
padding-bottom: 120px;
}
@media only screen and (max-width: 1199px) {
.content_box_120 {
padding-top: 100px;
padding-bottom: 100px;
}
}
@media only screen and (max-width: 767px) {
.content_box_120 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.content_box_120_90 {
padding-top: 120px;
padding-bottom: 90px;
}
@media only screen and (max-width: 1199px) {
.content_box_120_90 {
padding-top: 100px;
padding-bottom: 70px;
}
}
@media only screen and (max-width: 767px) {
.content_box_120_90 {
padding-top: 80px;
padding-bottom: 50px;
}
}
.content_box_120_70 {
padding-top: 120px;
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.content_box_120_70 {
padding-top: 100px;
padding-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.content_box_120_70 {
padding-top: 80px;
padding-bottom: 30px;
}
}
.content_box_100 {
padding-top: 100px;
padding-bottom: 100px;
}
@media only screen and (max-width: 1199px) {
.content_box_100 {
padding-top: 80px;
padding-bottom: 80px;
}
}
.content_box_100_70 {
padding-top: 100px;
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.content_box_100_70 {
padding-top: 80px;
padding-bottom: 50px;
}
}
.content_box_100_50 {
padding-top: 100px;
padding-bottom: 50px;
}
@media only screen and (max-width: 1199px) {
.content_box_100_50 {
padding-top: 80px;
padding-bottom: 30px;
}
}
.fluid_content_box {
margin-left: 4%;
margin-right: 4%;
}
@media only screen and (max-width: 1399px) {
.fluid_content_box {
margin-left: 0;
margin-right: 0;
}
}
.clear {
clear: both;
}
@media only screen and (max-width: 991px) {
.mt_laptop1_50 {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
.mt_tab1_50 {
margin-top: 50px;
}
}
.gray_bg {
background-color: #f7f7f7;
}
.oily_col5 {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
-ms-flex: 0 0 20%;
-webkit-box-flex: 0;
flex: 0 0 20%;
max-width: 20%;
}
@media only screen and (max-width: 1199px) {
.oily_col5 {
-ms-flex: 0 0 25%;
-webkit-box-flex: 0;
flex: 0 0 25%;
max-width: 25%;
}
}
@media only screen and (max-width: 991px) {
.oily_col5 {
-ms-flex: 0 0 33%;
-webkit-box-flex: 0;
flex: 0 0 33%;
max-width: 33%;
}
}
@media only screen and (max-width: 767px) {
.oily_col5 {
-ms-flex: 0 0 50%;
-webkit-box-flex: 0;
flex: 0 0 50%;
max-width: 50%;
}
}
@media only screen and (max-width: 400px) {
.oily_col5 {
-ms-flex: 0 0 100%;
-webkit-box-flex: 0;
flex: 0 0 100%;
max-width: 100%;
}
}
.img_100 {
width: 100%;
height: auto;
}
.f_left {
float: left !important;
}
.f_right {
float: right !important;
}
.fix {
overflow: hidden !important;
}
.white_bg {
background-color: #fff;
}
.white {
color: #fff;
}
.vh_100 {
height: 100vh;
}
.p18 {
font-size: 18px;
font-family: "Poppins", sans-serif;
color: #768495;
}
@media only screen and (max-width: 767px) {
.p18 {
font-size: 16px;
}
}
.p17 {
font-size: 17px;
font-family: "Poppins", sans-serif;
color: #768495;
}
@media only screen and (max-width: 767px) {
.p17 {
font-size: 16px;
}
}
.p16 {
font-size: 16px;
font-family: "Poppins", sans-serif;
color: #768495;
}
@media only screen and (max-width: 767px) {
.p16 {
font-size: 15px;
}
}
.p15 {
font-size: 15px;
font-family: "Poppins", sans-serif;
color: #768495;
}
@media only screen and (max-width: 767px) {
.p15 {
font-size: 14px;
}
}
.p14 {
font-size: 14px;
font-family: "Poppins", sans-serif;
color: #768495;
}
.p13 {
font-size: 13px;
font-family: "Poppins", sans-serif;
color: #768495;
}
.h1 {
font-size: 40px;
color: #223645;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.h1 {
font-size: 35px;
}
}
@media only screen and (max-width: 575px) {
.h1 {
font-size: 30px;
}
}
.h2 {
font-size: 32px;
color: #223645;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 575px) {
.h2 {
font-size: 26px;
}
}
.h3 {
font-size: 28px;
color: #223645;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.h3 {
font-size: 25px;
}
}
@media only screen and (max-width: 575px) {
.h3 {
font-size: 22px;
}
}
.h4 {
font-size: 24px;
color: #223645;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.h4 {
font-size: 22px;
}
}
@media only screen and (max-width: 575px) {
.h4 {
font-size: 20px;
}
}
.h5 {
font-size: 20px;
color: #223645;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.h5 {
font-size: 18px;
}
}
@media only screen and (max-width: 575px) {
.h5 {
font-size: 16px;
}
}
.h6 {
font-size: 16px;
color: #223645;
font-family: "Poppins", sans-serif;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.h6 {
font-size: 15px;
}
}
.nice-select {
width: 100%;
border-radius: 0px;
border: 1px solid #ddd;
}
.nice-select.open,
.nice-select:active,
.nice-select:focus {
border-color: #e12454;
}
#amount_shop {
border: 0px;
color: #223645;
font-weight: bold;
}
.mapouter {
position: relative;
width: 100%;
height: 700px;
}
@media only screen and (max-width: 991px) {
.mapouter {
height: 500px;
}
}
@media only screen and (max-width: 575px) {
.mapouter {
height: 400px;
}
}
.mapouter .gmap_canvas {
overflow: hidden;
background: none !important;
height: 100%;
width: 100%;
}
.mapouter .gmap_canvas iframe {
width: 100%;
height: 100%;
border: 0px;
overflow: hidden;
margin: 0px;
}
/*! #######################################################################
MeanMenu 2.0.7
--------
To be used with jquery.meanmenu.js by Chris Wharton (http://www.meanthemes.com/plugins/meanmenu/)
####################################################################### */
a.meanmenu-reveal {
display: none;
}
.mean-container .mean-bar {
float: left;
width: 100%;
position: relative;
background: transparent;
padding: 4px 0;
min-height: 42px;
z-index: 4000;
}
.mean-container a.meanmenu-reveal {
border: 1px solid #2b2b2b;
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #2b2b2b;
text-decoration: none;
font-size: 16px;
line-height: 22px;
font-size: 1px;
display: block;
font-family: Arial, Helvetica, sans-serif;
font-weight: 700;
margin-right: 15px;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #2b2b2b;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
float: left;
width: 100%;
background: #0c1923;
margin-top: 64px;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 90%;
padding: 13px 5%;
margin: 0;
text-align: left;
color: #fff;
border-top: 1px solid #383838;
border-top: 1px solid rgba(255, 255, 255, 0.5);
text-decoration: none;
text-transform: uppercase;
font-size: 14px;
line-height: 1.4;
}
.mean-container .mean-nav ul li li a {
width: 80%;
padding: 13px 10%;
border-top: 1px solid #f1f1f1;
border-top: 1px solid rgba(255, 255, 255, 0.25);
opacity: 0.75;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
filter: alpha(opacity=75);
text-shadow: none !important;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 70%;
padding: 13px 15%;
}
.mean-container .mean-nav ul li li li li a {
width: 60%;
padding: 13px 20%;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 13px 25%;
}
.mean-container .mean-nav ul li a:hover {
background: #252525;
background: rgba(255, 255, 255, 0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 26px;
height: 32px;
padding: 6px 11px;
text-align: center;
position: absolute;
line-height: 34px;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: rgba(255, 255, 255, 0.1);
border: none !important;
border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: rgba(0, 0, 0, 0.9);
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.mean-container .mean-bar,
.mean-container .mean-bar * {
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove {
display: none !important;
}
.mobile-menu {
position: absolute;
right: 0px;
width: 100%;
top: -68px;
}
/*==================================================
===| 03. Animations
===================================================*/
@-webkit-keyframes radial_pulse1 {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
}
100% {
-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
}
}
@keyframes radial_pulse1 {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
box-shadow: 0 0 0 0px rgba(255, 233, 234, 0.7);
}
100% {
-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes radial_pulse2 {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
}
75% {
-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
}
}
@keyframes radial_pulse2 {
0% {
-webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
}
75% {
-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes radial_pulse3 {
25% {
-webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
}
100% {
-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
}
}
@keyframes radial_pulse3 {
25% {
-webkit-box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
box-shadow: 0 0 0 0px rgba(225, 36, 84, 0.7);
}
100% {
-webkit-box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
box-shadow: 0 0 0 35px rgba(255, 255, 255, 0);
}
}
@-webkit-keyframes circling1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circling1 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes sliderInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
@keyframes sliderInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.sliderInDown {
-webkit-animation-name: sliderInDown;
animation-name: sliderInDown;
}
@-webkit-keyframes sliderOutDown {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes sliderOutDown {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.sliderOutDown {
-webkit-animation-name: sliderOutDown;
animation-name: sliderOutDown;
}
@-webkit-keyframes fadeInDown_2 {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
@keyframes fadeInDown_2 {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, -100%, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
.fadeInDown_2 {
-webkit-animation-name: fadeInDown_2;
animation-name: fadeInDown_2;
}
@-webkit-keyframes fadeInLeft_2 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
@keyframes fadeInLeft_2 {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(-100%, 0, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
.fadeInLeft_2 {
-webkit-animation-name: fadeInLeft_2;
animation-name: fadeInLeft_2;
}
@-webkit-keyframes fadeInRight_2 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
@keyframes fadeInRight_2 {
0% {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(100%, 0, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
.fadeInRight_2 {
-webkit-animation-name: fadeInRight_2;
animation-name: fadeInRight_2;
}
@-webkit-keyframes fadeInUp_2 {
0% {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
@keyframes fadeInUp_2 {
0% {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, 100%, 0);
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
transform: translateZ(0);
}
}
.fadeInUp_2 {
-webkit-animation-name: fadeInUp_2;
animation-name: fadeInUp_2;
}
@-webkit-keyframes fadeOutDown_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown_2 {
-webkit-animation-name: fadeOutDown_2;
animation-name: fadeOutDown_2;
}
@-webkit-keyframes fadeOutLeft_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft_2 {
-webkit-animation-name: fadeOutLeft_2;
animation-name: fadeOutLeft_2;
}
@-webkit-keyframes fadeOutRight_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight_2 {
-webkit-animation-name: fadeOutRight_2;
animation-name: fadeOutRight_2;
}
@-webkit-keyframes fadeOutUp_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp_2 {
0% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
to {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp_2 {
-webkit-animation-name: fadeOutUp_2;
animation-name: fadeOutUp_2;
}
/*==================================================
===| 04. Pre-loader
===================================================*/
.preloader__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
background: #fff;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 10000;
}
.preloader__spinner {
-webkit-animation: spinner 1s infinite linear;
animation: spinner 1s infinite linear;
border-radius: 50%;
border: 3px solid rgba(0, 0, 0, 0.2);
border-top-color: #000000;
border-left-color: #000000;
border-right-color: #000000;
height: 9em;
margin: 0 auto 3.5em auto;
width: 9em;
}
@media only screen and (max-width: 767px) {
.preloader__spinner {
height: 8em;
width: 8em;
}
}
@media only screen and (max-width: 575px) {
.preloader__spinner {
height: 7em;
width: 7em;
}
}
.preloader__txt {
font: bold 5em "Montserrat", sans-serif;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
@media only screen and (max-width: 767px) {
.preloader__txt {
font: bold 3.5em "Montserrat", sans-serif;
}
}
@media only screen and (max-width: 575px) {
.preloader__txt {
font: bold 2em "Montserrat", sans-serif;
}
}
.preloader__txt .letters-loading {
color: rgba(0, 0, 0, 0.2);
position: relative;
}
.preloader__txt .letters-loading:before {
-webkit-animation: letters-loading 4s infinite;
animation: letters-loading 4s infinite;
color: #000000;
content: attr(data-text-preloader);
left: 0;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
position: absolute;
top: 0;
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
.preloader__txt .letters-loading:nth-child(2):before {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.preloader__txt .letters-loading:nth-child(3):before {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.preloader__txt .letters-loading:nth-child(4):before {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.preloader__txt .letters-loading:nth-child(5):before {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.preloader__txt .letters-loading:nth-child(6):before {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.preloader__txt .letters-loading:nth-child(7):before {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.preloader__txt .letters-loading:nth-child(8):before {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.preloader__txt .letters-loading:nth-child(9):before {
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
.preloader__txt .letters-loading:nth-child(10):before {
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
.preloader__txt .letters-loading:nth-child(11):before {
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
.preloader__txt .letters-loading:nth-child(12):before {
-webkit-animation-delay: 2.2s;
animation-delay: 2.2s;
}
.preloader__txt .letters-loading:nth-child(13):before {
-webkit-animation-delay: 2.4s;
animation-delay: 2.4s;
}
.preloader__txt .letters-loading:nth-child(14):before {
-webkit-animation-delay: 2.6s;
animation-delay: 2.6s;
}
.preloader__txt .letters-loading:nth-child(15):before {
-webkit-animation-delay: 2.8s;
animation-delay: 2.8s;
}
.preloader__txt .letters-loading:nth-child(16):before {
-webkit-animation-delay: 3s;
animation-delay: 3s;
}
@-webkit-keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@keyframes spinner {
to {
-webkit-transform: rotateZ(360deg);
transform: rotateZ(360deg);
}
}
@-webkit-keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@keyframes letters-loading {
0%,
75%,
100% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: rotateY(-90deg);
transform: rotateY(-90deg);
}
25%,
50% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
/*==================================================
===| 05. Scroll To Top
===================================================*/
.scrollToTop {
position: fixed;
display: none;
bottom: 50px;
right: 35px;
z-index: 100000;
color: #fff;
background: #e12454;
height: 55px;
width: 55px;
text-align: center;
line-height: 55px;
-webkit-transition: 1s ease;
-o-transition: 1s ease;
transition: 1s ease;
border-radius: 50%;
font-size: 18px;
-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14),
0 2px 8px 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.14), 0 2px 8px 0 rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 1199px) {
.scrollToTop {
bottom: 30px;
right: 30px;
}
}
.scrollToTop:after {
position: absolute;
z-index: -1;
content: "";
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
background: -o-radial-gradient(
center,
ellipse,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0) 80%
);
background: radial-gradient(
ellipse at center,
rgba(0, 0, 0, 0.25) 0%,
rgba(0, 0, 0, 0) 80%
);
}
.scrollToTop:hover {
color: #fff;
background: #222;
}
@media only screen and (max-width: 767px) {
.scrollToTop {
bottom: 20px;
right: 20px;
height: 50px;
width: 50px;
line-height: 50px;
}
}
/*==================================================
===| 06. Input
===================================================*/
.form-control {
border: 1px solid #e2e5e7;
margin-bottom: 20px;
padding: 28px 20px;
border-radius: 0px;
outline: 0 none;
font-size: 12px;
font-family: "Poppins", sans-serif;
}
.form-control:focus {
border-color: rgba(225, 36, 84, 0.7);
-webkit-box-shadow: none;
box-shadow: none;
outline: 0 none;
color: #768495;
}
.form-control::-webkit-input-placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control:-ms-input-placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control::-ms-input-placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control::-webkit-input-placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control::-moz-placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control:-ms-input-placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control::placeholder {
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.form-control::-webkit-input-placeholder {
/* Edge */
color: #999;
font-size: 12px;
text-transform: uppercase;
}
.quantity {
position: relative;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.quantity input[type="number"] {
-moz-appearance: textfield;
}
.quantity input {
width: 80px;
height: 42px;
line-height: 1.65;
float: left;
display: block;
padding: 0;
margin: 0;
padding-left: 20px;
border: 1px solid #ddd;
}
.quantity input:focus {
outline: 0;
}
.quantity .quantity-nav {
float: left;
position: relative;
height: 42px;
}
.quantity .quantity-button {
position: relative;
cursor: pointer;
border-left: 1px solid #ddd;
width: 20px;
text-align: center;
color: #3e3e3e;
font-size: 10px;
font-family: "Trebuchet MS", Helvetica, sans-serif !important;
line-height: 2.2;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.quantity .quantity-button.quantity-up {
position: absolute;
height: 50%;
top: 0;
border-bottom: 1px solid #ddd;
}
.quantity .quantity-button.quantity-down {
position: absolute;
bottom: 0px;
height: 50%;
}
/*==================================================
===| 07. Button
===================================================*/
.main_btn {
position: relative;
-webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
-o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
display: inline-block;
}
.main_btn a,
.main_btn button {
text-transform: capitalize;
color: #fff;
font-size: 14px;
position: relative;
display: inline-block;
padding: 18px 40px;
font-weight: 500;
z-index: 20;
}
.main_btn button {
background: transparent;
border: none;
}
.main_btn:after {
position: absolute;
content: "";
top: 0;
right: 0;
height: 100%;
background: #e12454;
width: 100%;
z-index: 10;
}
.main_btn:before {
z-index: 15;
content: "";
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 0;
background: #cf1c4a;
-webkit-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
-o-transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
transition: all 0.5s cubic-bezier(0.6, 0, 0.7, 1);
}
.main_btn:hover {
color: #fff;
}
.main_btn:hover:before {
left: 0;
right: auto;
width: 100%;
}
.btn1 {
display: inline-block;
text-transform: uppercase;
padding: 19px 42px;
font-size: 14px;
border-radius: 3px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #fff;
background: #e12454;
border: none;
font-family: "Poppins", sans-serif;
font-weight: 500;
}
.btn1:hover,
.btn1:focus {
background: #0e3340;
color: #fff;
}
.btn1:focus,
.btn1.focus {
outline: 0;
}
.btn2 {
display: inline-block;
text-transform: capitalize;
padding: 15px 35px;
font-size: 16px;
border-radius: 100px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #fff;
background: #e12454;
border: none;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
}
.btn2:hover,
.btn2:focus {
background: #0e3340;
color: #fff;
}
.btn2:focus,
.btn2.focus {
outline: 0;
}
.btn3 {
display: inline-block;
text-transform: capitalize;
padding: 20px 85px 20px 35px;
font-size: 16px;
line-height: 18px;
border-radius: 100px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #fff;
background: #e12454;
border: none;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
position: relative;
}
@media only screen and (max-width: 400px) {
.btn3 > span span {
display: none;
}
}
.btn3 i {
height: 54px;
width: 54px;
display: inline-block;
font-size: 20px;
text-align: center;
line-height: 54px;
border-radius: 100px;
background-color: #ffd9db;
color: #e12454;
position: absolute;
right: 2px;
top: 2px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn3:hover,
.btn3:focus {
background: #0e3340;
color: #fff;
}
.btn3:hover i,
.btn3:focus i {
background-color: #e12454;
color: #fff;
}
.btn3:focus,
.btn3.focus {
outline: 0;
}
.btn4 {
display: inline-block;
text-transform: capitalize;
padding: 10px 45px 10px 10px;
font-size: 16px;
line-height: 18px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #292929;
border: none;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
position: relative;
}
.btn4 i {
display: inline-block;
font-size: 30px;
color: #e12454;
position: absolute;
right: 0px;
top: 3px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn4:hover,
.btn4:focus {
color: #e12454;
}
.btn4:focus,
.btn4.focus {
outline: 0;
}
.btn5 {
display: inline-block;
text-transform: capitalize;
padding: 10px 0px;
font-size: 16px;
line-height: 18px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #292929;
border: none;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
position: relative;
}
.btn5:before {
position: absolute;
left: 0px;
width: 100%;
height: 1px;
background-color: #292929;
content: "";
left: 0px;
bottom: 8px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.btn5:hover,
.btn5:focus {
color: #e12454;
}
.btn5:hover:before,
.btn5:focus:before {
background-color: #e12454;
}
.btn5:focus,
.btn5.focus {
outline: 0;
}
.btn6 {
display: inline-block;
text-transform: capitalize;
padding: 20px 85px 20px 35px;
font-size: 16px;
line-height: 18px;
border-radius: 100px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #e12454;
background: #fff;
border: 1px solid #e12454;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
position: relative;
}
@media only screen and (max-width: 400px) {
.btn6 {
font-size: 14px;
padding: 18px 80px 18px 30px;
}
}
.btn6 i {
height: 54px;
width: 54px;
display: inline-block;
font-size: 20px;
text-align: center;
line-height: 54px;
border-radius: 100px;
background-color: #ffd9db;
color: #e12454;
position: absolute;
right: 2px;
top: 2px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 400px) {
.btn6 i {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.btn6:hover,
.btn6:focus {
background: #e12454;
border: 1px solid #e12454;
color: #fff;
}
.btn6:hover i,
.btn6:focus i {
background-color: #ffd9db;
color: #e12454;
}
.btn6:focus,
.btn6.focus {
outline: 0;
}
.btn7 {
display: inline-block;
text-transform: capitalize;
padding: 20px 85px 20px 35px;
font-size: 16px;
line-height: 18px;
border-radius: 100px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #e12454;
background: transparent;
border: 1px dashed #eaeaea;
font-family: "Poppins", sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
position: relative;
}
@media only screen and (max-width: 400px) {
.btn7 {
font-size: 14px;
padding: 18px 80px 18px 30px;
}
}
.btn7 i {
height: 58px;
width: 58px;
display: inline-block;
font-size: 20px;
text-align: center;
line-height: 58px;
border-radius: 100px;
background-color: transparent;
border: 1px dashed #eaeaea;
color: #e12454;
position: absolute;
right: 0px;
top: 0px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 400px) {
.btn7 i {
width: 50px;
height: 50px;
line-height: 50px;
}
}
.btn7:hover,
.btn7:focus {
background: #e12454;
border: 1px solid #e12454;
color: #fff;
}
.btn7:hover i,
.btn7:focus i {
background-color: #ffd9db;
color: #e12454;
}
.btn7:focus,
.btn7.focus {
outline: 0;
}
.btn8 {
display: inline-block;
text-transform: capitalize;
padding: 15px 40px;
font-size: 16px;
border-radius: 100px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #e12454;
background: #fff;
font-family: "Poppins", sans-serif;
font-weight: 600;
letter-spacing: 0.25px;
-webkit-box-shadow: 0px 8px 29px 0px rgba(238, 238, 238, 0.88);
box-shadow: 0px 8px 29px 0px rgba(238, 238, 238, 0.88);
border: 1px solid #ececec;
}
.btn8:hover,
.btn8:focus {
background: #0e3340;
color: #fff;
border: 1px solid #0e3340;
}
.btn8:focus,
.btn8.focus {
outline: 0;
}
.btn9 {
display: block;
text-transform: capitalize;
padding: 15px 0px;
font-size: 16px;
border-radius: 5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
color: #fff;
background: #e12454;
font-family: "Poppins", sans-serif;
font-weight: 600;
letter-spacing: 0.25px;
border: none;
width: 100%;
}
.btn9:hover,
.btn9:focus {
background: #0e3340;
color: #fff;
border: none;
}
.btn9:focus,
.btn9.focus {
outline: 0;
}
@font-face {
font-family: "flaticon";
src: url("../webfonts/flaticon/flaticon.ttf") format("truetype"),
url("../webfonts/flaticon/flaticon.woff") format("woff"),
url("../webfonts/flaticon/flaticon.woff2") format("woff2"),
url("../webfonts/flaticon/flaticon.eot") format("embedded-opentype"),
url("../webfonts/flaticon/flaticon.svg") format("svg");
}
i[class^="flaticon-"]:before,
i[class*=" flaticon-"]:before {
font-family: flaticon !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
font-size: 20px;
text-transform: none;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-address:before {
content: "\f101";
}
.flaticon-ambulance-1:before {
content: "\f102";
}
.flaticon-ambulance:before {
content: "\f103";
}
.flaticon-arrow-pointing-to-right:before {
content: "\f104";
}
.flaticon-bacteria:before {
content: "\f105";
}
.flaticon-calendar:before {
content: "\f106";
}
.flaticon-chair:before {
content: "\f107";
}
.flaticon-clocks:before {
content: "\f108";
}
.flaticon-coworking:before {
content: "\f109";
}
.flaticon-customer-service:before {
content: "\f10a";
}
.flaticon-doctor-1:before {
content: "\f10b";
}
.flaticon-doctor-2:before {
content: "\f10c";
}
.flaticon-doctor:before {
content: "\f10d";
}
.flaticon-drugs:before {
content: "\f10e";
}
.flaticon-electrotherapy:before {
content: "\f10f";
}
.flaticon-family:before {
content: "\f110";
}
.flaticon-health:before {
content: "\f111";
}
.flaticon-hospital-bed:before {
content: "\f112";
}
.flaticon-landline:before {
content: "\f113";
}
.flaticon-medical-file:before {
content: "\f114";
}
.flaticon-medical-report:before {
content: "\f115";
}
.flaticon-money:before {
content: "\f116";
}
.flaticon-next-1:before {
content: "\f117";
}
.flaticon-next:before {
content: "\f118";
}
.flaticon-office-building:before {
content: "\f119";
}
.flaticon-patient:before {
content: "\f11a";
}
.flaticon-space-colony:before {
content: "\f11b";
}
.flaticon-team-1:before {
content: "\f11c";
}
.flaticon-team:before {
content: "\f11d";
}
/*==================================================
===| 08. Title Style
===================================================*/
.title1 h4 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #e12454;
text-transform: capitalize;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.title1 h4 {
font-size: 16px;
margin-bottom: 18px;
}
}
.title1 h4 span {
color: #223645;
}
.title1 h2 {
font-size: 40px;
line-height: 50px;
color: #223645;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.title1 h2 {
font-size: 32px;
line-height: 42px;
}
}
.title1 h2 span {
color: #e12454;
}
.title2 h4 {
font-size: 18px;
font-weight: 600;
line-height: 24px;
color: #e12454;
text-transform: capitalize;
margin-bottom: 27px;
letter-spacing: 0.25px;
}
@media only screen and (max-width: 767px) {
.title2 h4 {
font-size: 16px;
margin-bottom: 18px;
}
}
.title2 h2 {
font-size: 40px;
line-height: 50px;
color: #223645;
font-weight: bold;
margin-bottom: 24px;
}
@media only screen and (max-width: 767px) {
.title2 h2 {
font-size: 32px;
line-height: 42px;
}
}
.title2 h2 span {
color: #e12454;
}
/*==================================================
===| 09. Header
===================================================*/
.header__logo {
text-align: center !important;
/* margin-top: 3px; */
}
.header__logo img {
width: 90%;
}
.header__top1 {
background-color: #f4fcff;
}
.header__top1--left {
padding-top: 13px;
}
.header__top1--left i {
font-size: 16px;
color: #e12454;
}
.header__top1--left span {
color: #223645;
font-size: 14px;
line-height: 24px;
}
.header__top1--right i {
color: #e12454;
font-size: 16px;
}
.header__top1--email {
display: inline-block;
}
.header__top1--email i {
font-size: 16px;
}
.header__top1--email span {
color: #223645;
font-size: 14px;
line-height: 24px;
padding-right: 13px;
}
.header__top1--social {
display: inline-block;
padding: 0px 10px 0px 15px;
position: relative;
}
.header__top1--social:before {
position: absolute;
content: "";
left: 0px;
top: 3px;
width: 1px;
height: 26px;
background-color: #ffc9cc;
}
.header__top1--social a {
display: inline-block;
padding: 4px;
}
.header__top1--social a i {
font-size: 16px;
}
.header__top1--language {
display: inline-block;
position: relative;
}
.header__top1--language:before {
position: absolute;
content: "";
right: 0px;
top: 11px;
width: 1px;
height: 26px;
background-color: #ffc9cc;
}
.header__top1--language:after {
position: absolute;
content: "";
left: 0px;
top: 11px;
width: 1px;
height: 26px;
background-color: #ffc9cc;
}
.header__top1--language ul.language-ul > li {
position: relative;
}
.header__top1--language ul.language-ul > li > a {
padding: 13px 20px;
display: inline-block;
}
.header__top1--language ul.language-ul > li > a img {
width: 21px;
}
.header__top1--language ul.language-ul > li > a span {
font-weight: 500;
font-size: 14px;
color: #223645;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.header__top1--language ul.language-ul > li > a span i {
color: #223645;
font-size: 14px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.header__top1--language ul.language-ul > li:hover ul.language-ul2 {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
right: 0px;
}
.header__top1--language ul.language-ul > li:hover a span {
color: #e12454;
}
.header__top1--language ul.language-ul > li:hover a span i {
color: #e12454;
}
.header__top1--language ul.language-ul > li ul.language-ul2 {
position: absolute;
right: 30px;
top: 50px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
z-index: 5000;
}
.header__top1--language ul.language-ul > li ul.language-ul2 li {
display: inline-block;
width: 200px;
background-color: #fff;
text-align: left;
}
.header__top1--language
ul.language-ul
> li
ul.language-ul2
li:not(:last-child)
a {
border-bottom: 1px dashed #e2e2e2;
}
.header__top1--language ul.language-ul > li ul.language-ul2 li a {
padding: 10px 20px 10px 20px;
display: block;
}
.header__top1--language ul.language-ul > li ul.language-ul2 li a:hover span {
color: #e12454;
}
.header__top1--language ul.language-ul > li ul.language-ul2 li a img {
width: 21px;
}
.header__top1--language ul.language-ul > li ul.language-ul2 li a span {
font-weight: 500;
font-size: 14px;
color: #223645;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.header__top1--language ul.language-ul > li ul.language-ul2 li a span i {
color: #223645;
font-size: 14px;
}
.header__middle1 {
padding-top: 22px;
padding-bottom: 22px;
}
@media only screen and (max-width: 319px) {
.header__middle1 .header__logo {
max-width: 190px;
}
}
.header__middle1--right i {
color: #e12454;
display: inline-block;
width: 45px;
height: 45px;
border-radius: 100%;
background-color: #ffd9db;
text-align: center;
line-height: 45px;
}
.header__middle1--right span {
margin-left: 5px;
color: #545454;
}
.header__middle1--phone {
display: inline-block;
position: relative;
margin-right: 15px;
padding-right: 15px;
}
.header__middle1--phone:before {
position: absolute;
right: 0px;
top: 8px;
content: "";
background-color: #ededed;
width: 1px;
height: 25px;
}
@media only screen and (max-width: 1199px) {
.header__middle1--phone {
display: none;
}
}
.header__middle1--clock {
display: inline-block;
position: relative;
margin-right: 15px;
padding-right: 15px;
}
.header__middle1--clock:before {
position: absolute;
right: 0px;
top: 8px;
content: "";
background-color: #ededed;
width: 1px;
height: 25px;
}
@media only screen and (max-width: 991px) {
.header__middle1--clock {
display: none;
}
}
.header__middle1--btn {
display: inline-block;
}
@media only screen and (max-width: 991px) {
.header__middle1--btn {
display: none;
}
}
.header.home1 .header__menu {
background-color: #f4fcff;
border-bottom: 1px solid #ffd9db;
}
.header.home1 .header__side-nav ul li {
display: inline-block;
}
.header.home1 .header__side-nav ul li.search_box_container {
position: relative;
}
.header.home1 .header__side-nav ul li.search_box_container > button {
height: 56px;
width: 56px;
background-color: #ffc9cc;
text-align: center;
line-height: 56px;
color: #223645;
margin-right: -5px;
}
.header.home1 .header__side-nav ul li.search_box_container .search_form {
position: absolute;
top: 87px;
right: -5px;
width: 300px;
padding: 20px 30px;
background-color: #fff;
border-top: 3px solid #e12454;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
z-index: 5000;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form.search_form_toggle {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 57px;
}
.header.home1 .header__side-nav ul li.search_box_container .search_form form {
position: relative;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input {
width: 100%;
border: 1px solid #f1f1f1;
display: inline-block;
padding: 10px 20px;
font-size: 13px;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-webkit-input-placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input:-ms-input-placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-ms-input-placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-webkit-input-placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-moz-placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input:-ms-input-placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
input::placeholder {
color: #c9c9c9;
}
.header.home1
.header__side-nav
ul
li.search_box_container
.search_form
form
button {
position: absolute;
right: 0px;
top: 0px;
background: none;
border: none;
color: #999;
display: inline-block;
padding: 10px;
}
.header.home1 .header__side-nav ul li.extra_info_btn button {
height: 56px;
width: 56px;
background-color: #ffd9db;
text-align: center;
line-height: 56px;
color: #223645;
}
.header.home1 .main-menu nav > ul > li {
display: inline-block;
position: relative;
}
.header.home1 .main-menu nav > ul > li a {
font-size: 16px;
display: inline-block;
color: #223645;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.75px;
padding: 16px 28px 16px 0px;
}
.header.home1 .main-menu nav ul li:hover > a {
color: #e12454;
}
.header.home1 .main-menu nav ul li ul {
position: absolute;
left: 0px;
width: 250px;
text-align: left;
background: #fff;
z-index: 900;
border-top: 3px solid #e12454;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
padding: 17px 0px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
top: calc(100% + 30px);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.header.home1 .main-menu nav ul li ul {
width: 230px;
}
}
.header.home1 .main-menu nav ul li ul li {
position: relative;
}
.header.home1 .main-menu nav ul li ul li ul {
position: absolute;
left: 250px;
top: 30px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.header.home1 .main-menu nav ul li ul li ul {
left: 230px;
}
}
.header.home1 .main-menu nav ul li ul li:hover ul {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 0px;
}
.header.home1 .main-menu nav ul li ul li a {
font-weight: 500;
padding: 6px 28px;
display: block;
font-size: 15px;
color: #666;
}
.header.home1 .main-menu nav ul li ul li:hover > a {
color: #e12454;
}
.header.home1 .main-menu nav ul li ul li.sub_menu_li > a {
position: relative;
}
.header.home1 .main-menu nav ul li ul li.sub_menu_li > a:before {
position: absolute;
content: "\f054";
right: 28px;
top: 9px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
.header.home1 .main-menu nav ul li:hover > ul {
top: 100%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.header.home2 .header__menu {
background-color: #fff;
}
.header.home2 .header__side-nav2 .extra_info_btn button {
height: 56px;
width: 56px;
background-color: #e12454;
text-align: center;
line-height: 56px;
color: #fff;
}
.header.home2 .header__side-nav ul li {
display: inline-block;
}
.header.home2 .header__side-nav ul li.search_box_container {
position: relative;
}
.header.home2 .header__side-nav ul li.search_box_container > button {
height: 56px;
width: 56px;
background-color: #e12454;
text-align: center;
line-height: 56px;
color: #fff;
margin-right: -5px;
}
.header.home2 .header__side-nav ul li.search_box_container .search_form {
position: absolute;
top: 87px;
right: -5px;
width: 300px;
padding: 20px 30px;
background-color: #fff;
border-top: 3px solid #e12454;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
z-index: 5000;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form.search_form_toggle {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 57px;
}
.header.home2 .header__side-nav ul li.search_box_container .search_form form {
position: relative;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input {
width: 100%;
border: 1px solid #f1f1f1;
display: inline-block;
padding: 10px 20px;
font-size: 13px;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-webkit-input-placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input:-ms-input-placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-ms-input-placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-webkit-input-placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input::-moz-placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input:-ms-input-placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
input::placeholder {
color: #c9c9c9;
}
.header.home2
.header__side-nav
ul
li.search_box_container
.search_form
form
button {
position: absolute;
right: 0px;
top: 0px;
background: none;
border: none;
color: #999;
display: inline-block;
padding: 10px;
}
.header.home2 .main-menu nav > ul > li {
display: inline-block;
position: relative;
}
.header.home2 .main-menu nav > ul > li a {
font-size: 16px;
display: inline-block;
color: #223645;
line-height: 24px;
font-weight: 500;
letter-spacing: 0.75px;
padding: 16px 28px 16px 0px;
}
.header.home2 .main-menu nav ul li:hover > a {
color: #e12454;
}
.header.home2 .main-menu nav ul li ul {
position: absolute;
left: 0px;
width: 250px;
text-align: left;
background: #fff;
z-index: 900;
border-top: 3px solid #e12454;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
padding: 17px 0px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
top: calc(100% + 30px);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.header.home2 .main-menu nav ul li ul {
width: 230px;
}
}
.header.home2 .main-menu nav ul li ul li {
position: relative;
}
.header.home2 .main-menu nav ul li ul li ul {
position: absolute;
left: 250px;
top: 30px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.header.home2 .main-menu nav ul li ul li ul {
left: 230px;
}
}
.header.home2 .main-menu nav ul li ul li:hover ul {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 0px;
}
.header.home2 .main-menu nav ul li ul li a {
font-weight: 500;
padding: 6px 28px;
display: block;
font-size: 15px;
color: #666;
}
.header.home2 .main-menu nav ul li ul li:hover > a {
color: #e12454;
}
.header.home2 .main-menu nav ul li ul li.sub_menu_li > a {
position: relative;
}
.header.home2 .main-menu nav ul li ul li.sub_menu_li > a:before {
position: absolute;
content: "\f054";
right: 28px;
top: 9px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
.header.home2 .main-menu nav ul li:hover > ul {
top: 100%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.extra_info {
position: fixed;
width: 550px;
background: #fff;
right: 0px;
top: 0px;
height: 100%;
z-index: 6000;
padding: 150px 50px 50px;
overflow-y: scroll;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.extra_info.extra_info_open {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.extra_info--icon button {
background: none;
border: none;
color: #545454;
position: absolute;
top: 30px;
right: 30px;
padding: 10px;
display: inline-block;
}
.extra_info--title {
margin-bottom: 30px;
}
.extra_info--title h3 {
font-size: 40px;
font-weight: 400;
}
.extra_info--address {
margin-top: 40px;
}
.extra_info--address ul li {
margin-bottom: 10px;
}
.extra_info--address ul li i {
color: #e12454;
margin-right: 5px;
}
.extra_info--address ul li span {
font-size: 15px;
color: #223645;
}
.extra_info--social a {
display: inline-block;
width: 45px;
height: 45px;
border-radius: 100px;
background-color: #ffd9db;
text-align: center;
line-height: 45px;
color: #e12454;
margin: 0px 3px;
}
.extra_info--social a:hover {
background-color: #223645;
color: #fff;
}
.header.home2 .header__padding {
padding: 0px 85px;
}
@media only screen and (max-width: 767px) {
.header.home2 .header__padding {
padding: 0px 30px;
}
}
@media only screen and (max-width: 575px) {
.header.home2 .header__padding {
padding: 0px 15px;
}
}
@media only screen and (max-width: 319px) {
.header.home2 .header__padding {
padding: 0px 0px;
}
}
@media only screen and (max-width: 479px) {
.header.home2 .header__logo img {
max-width: 160px;
}
}
@media only screen and (max-width: 479px) {
.header.home2 .mean-container a.meanmenu-reveal {
top: 7px;
}
}
.header__top2 {
background: #e7b2ac;
}
.header__top2--left {
padding-top: 12px;
}
.header__top2--left i {
font-size: 14px;
color: #fff;
}
.header__top2--left span {
font-size: 14px;
font-weight: 500;
color: #fff;
margin-left: 5px;
}
@media only screen and (max-width: 1399px) {
.header__top2--left span {
font-size: 12px;
}
}
.header__top2--middle {
padding: 12px 0px;
}
@media only screen and (max-width: 991px) {
.header__top2--middle {
padding: 0px 0px 12px;
}
}
.header__top2--middle p {
font-size: 14px;
font-weight: 500;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.header__top2--middle p {
font-size: 12px;
}
}
.header__top2--middle p a {
color: #e12454;
text-decoration: underline;
}
.header__top2--right {
padding-top: 12px;
}
@media only screen and (max-width: 1199px) {
.header__top2--right {
display: none;
}
}
.header__top2--right .header__top2--email {
display: inline-block;
}
@media only screen and (max-width: 1599px) {
.header__top2--right .header__top2--email {
display: none;
}
}
.header__top2--right .header__top2--email i {
font-size: 14px;
color: #fff;
}
.header__top2--right .header__top2--email span {
font-size: 14px;
font-weight: 500;
color: #fff;
margin-left: 5px;
}
.header__top2--right .header__top2--language {
display: inline-block;
margin-left: 28px;
}
.header__top2--right .header__top2--language .language-ul {
position: relative;
}
.header__top2--right .header__top2--language .language-ul > li > a {
color: #fff;
font-size: 14px;
padding: 16px 0px;
}
@media only screen and (max-width: 1399px) {
.header__top2--right .header__top2--language .language-ul > li > a {
font-size: 12px;
}
}
.header__top2--right .header__top2--language .language-ul > li > a img {
width: 20px;
}
.header__top2--right .header__top2--language .language-ul > li > a span {
font-weight: 600;
}
.header__top2--right .header__top2--language .language-ul > li ul.language-ul2 {
position: absolute;
right: 30px;
top: 38px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
z-index: 5000;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li {
display: inline-block;
width: 160px;
background-color: #fff;
text-align: left;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li:not(:last-child)
a {
border-bottom: 1px dashed #e2e2e2;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li
a {
padding: 10px 20px 10px 20px;
display: block;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li
a:hover
span {
color: #e12454;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li
a
img {
width: 21px;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li
a
span {
font-weight: 500;
font-size: 14px;
color: #223645;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.header__top2--right
.header__top2--language
.language-ul
> li
ul.language-ul2
li
a
span
i {
color: #223645;
font-size: 14px;
}
.header__top2--right
.header__top2--language
.language-ul
> li:hover
ul.language-ul2 {
right: 0px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.header__top2--right .header__top2--language .language-ul > li:hover a {
color: #e12454;
}
.header__middle2 {
padding: 0px 0px;
border-bottom: 1px solid #ededed;
}
@media only screen and (max-width: 991px) {
.header__middle2 {
padding: 20px 0px 20px;
}
}
@media only screen and (max-width: 991px) {
.header__middle2--left .header__middle2--phone {
display: none;
}
}
.header__middle2--left .header__middle2--phone i {
font-size: 18px;
width: 50px;
height: 50px;
background: #ffd9db;
text-align: center;
line-height: 50px;
border-radius: 100%;
color: #e12454;
}
@media only screen and (max-width: 1399px) {
.header__middle2--left .header__middle2--phone i {
font-size: 15px;
}
}
@media only screen and (max-width: 1199px) {
.header__middle2--left .header__middle2--phone i {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 15px;
}
}
.header__middle2--left .header__middle2--phone span {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #223645;
margin-left: 10px;
}
@media only screen and (max-width: 1399px) {
.header__middle2--left .header__middle2--phone span {
font-size: 18px;
}
}
@media only screen and (max-width: 1199px) {
.header__middle2--left .header__middle2--phone span {
font-size: 15px;
}
}
@media only screen and (max-width: 991px) {
.header__middle2--right .header__middle2--clock {
display: none;
}
}
.header__middle2--right .header__middle2--clock i {
font-size: 18px;
width: 50px;
height: 50px;
background: #ffd9db;
text-align: center;
line-height: 50px;
border-radius: 100%;
color: #e12454;
}
@media only screen and (max-width: 1399px) {
.header__middle2--right .header__middle2--clock i {
font-size: 15px;
}
}
@media only screen and (max-width: 1199px) {
.header__middle2--right .header__middle2--clock i {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 15px;
}
}
.header__middle2--right .header__middle2--clock span {
font-size: 20px;
line-height: 24px;
font-weight: 600;
color: #223645;
margin-left: 10px;
}
@media only screen and (max-width: 1399px) {
.header__middle2--right .header__middle2--clock span {
font-size: 18px;
}
}
@media only screen and (max-width: 1199px) {
.header__middle2--right .header__middle2--clock span {
font-size: 15px;
}
}
.header.home3 .header__top3 {
background: #223645;
}
@media only screen and (max-width: 991px) {
.header.home3 .header__top3 {
padding: 15px 0px;
}
}
.header.home3 .header__top3--content {
padding-top: 12px;
}
@media only screen and (max-width: 991px) {
.header.home3 .header__top3--content {
padding-top: 0px;
}
}
.header.home3 .header__top3--content p {
color: #fff;
font-weight: 600;
font-size: 14px;
line-height: 24px;
}
.header.home3 .header__top3--content p a {
color: #e12454;
}
.header.home3 .header__top3--btn a {
color: #fff;
font-size: 18px;
font-weight: 600;
background: #e12454;
padding: 12px 24px;
display: inline-block;
}
.header.home3 .header__top3--btn a span {
margin-left: 10px;
}
.header.home3 .header__top3--btn a:hover {
color: #223645;
}
@media only screen and (max-width: 991px) {
.header.home3 .header__top3--btn a {
font-size: 15px;
}
}
@media only screen and (max-width: 767px) {
.header.home3 .header__top3--btn a {
margin-top: 10px;
}
}
.header.home3 .header__logo {
display: inline-block;
}
@media only screen and (max-width: 319px) {
.header.home3 .header__logo {
width: 180px;
padding-top: 5px;
}
}
@media only screen and (max-width: 991px) {
.header.home3 .header__menu-wrapper {
padding: 15px 0px;
}
}
@media only screen and (max-width: 319px) {
.header.home3 .header__menu-wrapper {
padding: 15px 0px 18px;
}
}
.header.home3 .main-menu {
display: inline-block;
margin-left: 130px;
}
@media only screen and (max-width: 1199px) {
.header.home3 .main-menu {
margin-left: 30px;
}
}
.header.home3 .main-menu > nav > ul > li {
display: inline-block;
}
.header.home3 .main-menu > nav > ul > li > a {
font-size: 16px;
font-weight: 600;
color: #e12454;
line-height: 24px;
display: inline-block;
padding: 30px 15px;
}
@media only screen and (max-width: 1199px) {
.header.home3 .main-menu > nav > ul > li > a {
padding: 30px 10px;
font-size: 15px;
}
}
.header.home3 .main-menu > nav ul li {
position: relative;
}
.header.home3 .main-menu > nav ul li ul {
position: absolute;
left: 0px;
width: 250px;
text-align: left;
background: #fff;
z-index: 900;
border-top: 3px solid #e12454;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
padding: 17px 0px;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
top: calc(100% + 30px);
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.header.home3 .main-menu > nav ul li ul {
width: 230px;
}
}
.header.home3 .main-menu > nav ul li ul li {
position: relative;
}
.header.home3 .main-menu > nav ul li ul li ul {
position: absolute;
left: 250px;
top: 30px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
@media only screen and (max-width: 1199px) {
.header.home3 .main-menu > nav ul li ul li ul {
left: 230px;
}
}
.header.home3 .main-menu > nav ul li ul li:hover ul {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 0px;
}
.header.home3 .main-menu > nav ul li ul li a {
font-weight: 500;
padding: 6px 28px;
display: block;
text-transform: uppercase;
font-size: 15px;
color: #768495;
}
.header.home3 .main-menu > nav ul li ul li:hover > a {
color: #e12454;
}
.header.home3 .main-menu > nav ul li ul li.sub_menu_li > a {
position: relative;
}
.header.home3 .main-menu > nav ul li ul li.sub_menu_li > a:before {
position: absolute;
content: "\f054";
right: 28px;
top: 9px;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 13px;
}
.header.home3 .main-menu > nav ul li:hover > ul {
top: 100%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
@media only screen and (max-width: 991px) {
.header.home3 .mean-container {
top: 0px;
}
}
.header.home3 .mean-container .mean-nav {
margin-top: 58px;
}
.header.home3 .header__side-nav > ul > li {
display: inline-block;
}
.header.home3 .header__side-nav .extra_info_btn .button {
display: inline-block;
background: #e12454;
height: 50px;
width: 50px;
color: #fff;
line-height: 50px;
text-align: center;
font-size: 18px;
margin-top: 18px;
}
.header.home3 .header__side-nav .search_box_container {
position: relative;
}
.header.home3 .header__side-nav .search_box_container .search_btn {
display: inline-block;
color: #223645;
font-size: 18px;
margin-right: 35px;
}
.header.home3 .header__side-nav .search_box_container .search_form {
position: absolute;
width: 350px;
top: 55px;
right: 80px;
background: #f9f9f9;
border-bottom: 3px solid #e12454;
z-index: 1000;
padding: 25px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
box-shadow: 0px 15px 30px 0px rgba(0, 28, 107, 0.1);
}
.header.home3 .header__side-nav .search_box_container .search_form input {
border: 1px solid #ececec;
width: 100%;
display: inline-block;
padding: 10px 20px;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input::-webkit-input-placeholder {
color: #666;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input:-ms-input-placeholder {
color: #666;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input::-ms-input-placeholder {
color: #666;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input::-webkit-input-placeholder {
color: #666;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input::-moz-placeholder {
color: #666;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input:-ms-input-placeholder {
color: #666;
font-size: 14px;
}
.header.home3
.header__side-nav
.search_box_container
.search_form
input::placeholder {
color: #666;
font-size: 14px;
}
.header.home3 .header__side-nav .search_box_container .search_form form {
position: relative;
}
.header.home3 .header__side-nav .search_box_container .search_form button {
position: absolute;
right: 0px;
top: 1px;
display: inline-block;
padding: 8px 15px 10px 6px;
color: #223645;
border: none;
background: transparent;
}
.header.home3
.header__side-nav
.search_box_container
.search_form.search_form_toggle {
right: 0px;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.header__menu {
min-height: 50px;
}
@media only screen and (max-width: 991px) {
.header__menu {
min-height: 0px;
}
}
.header__menu-wrapper {
position: relative;
}
.header .menu_sticky {
position: fixed;
top: 0;
left: 0;
right: 0;
width: 100%;
background: #fff;
z-index: 1010;
-webkit-box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
box-shadow: 0 10px 15px -10px rgba(25, 25, 25, 0.1);
}
@media only screen and (max-width: 991px) {
.header .menu_sticky {
background: #fff;
}
}
.header.home1 .menu_sticky .header__side-nav {
margin-top: 10px;
}
.header.home1 .menu_sticky .header__side-nav ul li button {
color: #223645;
background-color: #fff;
}
.header.home1 .menu_sticky .header__side-nav ul li button:hover {
color: #e12454;
}
.header.home1
.menu_sticky
.header__side-nav
ul
li.search_box_container
.search_form {
top: 97px;
}
.header.home1
.menu_sticky
.header__side-nav
ul
li.search_box_container
.search_form.search_form_toggle {
top: 67px;
}
.header.home1 .menu_sticky .main-menu nav > ul > li > a {
padding: 26px 28px 26px 0px;
}
.header.home2 .menu_sticky .main-menu nav > ul > li > a {
padding: 30px 28px 30px 0px;
}
.header.home2 .menu_sticky .header__side-nav {
margin-top: 15px;
}
.header.home2 .menu_sticky .header__side-nav2 {
margin-top: 15px;
}
/*==================================================
===| 10. Footer
===================================================*/
.footer1 {
background: #0e3340;
}
.footer1__top {
border-top: 1px solid #4b575b;
border-bottom: 1px solid #3d5b65;
}
.footer1__item h3 {
font-size: 24px;
line-height: 1;
font-weight: 600;
color: #ebebeb;
margin-bottom: 53px;
}
.footer1__item--02 {
padding-left: 35px;
}
@media only screen and (max-width: 1199px) {
.footer1__item--02 {
padding-left: 0px;
}
}
.footer1__item--03 {
padding-left: 10px;
}
@media only screen and (max-width: 1199px) {
.footer1__item--03 {
padding-left: 0px;
}
}
.footer1__item--logo {
margin-bottom: 45px;
}
.footer1__item ul li:not(:last-child) {
margin-bottom: 12px;
}
.footer1__item ul li span {
font-size: 17px;
color: #c8c8c8;
line-height: 1;
}
.footer1__item ul li a {
font-size: 17px;
color: #c8c8c8;
line-height: 1;
display: inline-block;
}
.footer1__item ul li a:hover {
color: #e12454;
}
.footer1__item--email {
position: relative;
margin-top: 40px;
}
.footer1__item--email input {
background: #1e4d70;
width: 100%;
border: none;
padding: 15px 50px 16px 20px;
}
.footer1__item--email input::-webkit-input-placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email input:-ms-input-placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email input::-ms-input-placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email input::-webkit-input-placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email input::-moz-placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email input:-ms-input-placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email input::placeholder {
color: #508ea3;
font-style: italic;
}
.footer1__item--email button {
position: absolute;
top: 0px;
right: 0px;
background: #e12454;
color: #fff;
border: none;
font-size: 26px;
display: inline-block;
padding: 8px 14px;
}
.footer1__item--instagram a {
display: inline-block;
width: 75px;
height: 75px;
margin-right: 10px;
margin-bottom: 13px;
}
.footer1__bottom {
padding: 30px 0px 30px;
}
.footer1__social a {
display: inline-block;
font-size: 21px;
color: #4c6d78;
}
.footer1__social a:not(:last-child) {
margin-right: 20px;
}
@media only screen and (max-width: 991px) {
.footer1__social a {
font-size: 18px;
}
}
.footer1__copyright p {
color: #c7c7c7;
font-size: 18px;
}
@media only screen and (max-width: 991px) {
.footer1__copyright p {
font-size: 15px;
}
}
.footer1__copyright p a {
color: #e12454;
}
/*==================================================
===| 11. Slider and Hero
===================================================*/
.slider1__height {
height: 800px;
}
@media only screen and (max-width: 1199px) {
.slider1__height {
height: 650px;
}
}
.slider1__img-01 {
background: url(../img/hero/hero-01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider1__img-02 {
background: url(../img/hero/hero-02.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider1__img-03 {
background: url(../img/hero/hero-03.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider1__content {
padding-bottom: 70px;
}
@media only screen and (max-width: 1199px) {
.slider1__content {
padding-bottom: 0px;
}
}
.slider1__content h5 {
font-size: 20px;
color: #292929;
font-weight: 600;
text-transform: uppercase;
line-height: 1.2;
letter-spacing: 3px;
}
@media only screen and (max-width: 575px) {
.slider1__content h5 {
font-size: 18px;
}
}
.slider1__content h2 {
font-size: 60px;
line-height: 72px;
color: #223645;
font-weight: bold;
}
@media only screen and (max-width: 575px) {
.slider1__content h2 {
font-size: 45px;
line-height: 50px;
}
}
.slider1__content h2 span {
font-weight: 300;
color: #e12454;
}
.slider1__content p {
color: #292929;
font-size: 16px;
line-height: 30px;
}
@media only screen and (max-width: 575px) {
.slider1__content p {
font-size: 14px;
}
}
.slider1.home3 .slider1__content {
padding-bottom: 0px;
}
.slider1.home3 .slider-section-dots .owl-dots {
margin-bottom: 30px;
}
@media only screen and (max-width: 319px) {
.slider1.home3 .slider-section-dots .owl-dots {
display: none;
}
}
.slider1 .slider-section-dots {
position: relative;
}
.slider1 .slider-section-dots .owl-dots {
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 auto;
margin-bottom: 110px;
}
@media only screen and (max-width: 1199px) {
.slider1 .slider-section-dots .owl-dots {
margin-bottom: 20px;
}
}
.slider1 .slider-section-dots .owl-dots .owl-dot.active span,
.slider1 .slider-section-dots .owl-dots .owl-dot:hover span {
background: #e12454;
}
.slider1 .slider-section-dots .owl-dots .owl-dot span {
width: 12px;
height: 12px;
border-radius: 100px;
border: 1px dashed #e12454;
background: transparent;
margin: 0px 9px;
}
.slider2__height {
height: 788px;
}
@media only screen and (max-width: 1199px) {
.slider2__height {
height: 650px;
}
}
@media only screen and (max-width: 767px) {
.slider2__height {
height: 500px;
}
}
.slider2__img-01 {
background: url(../img/hero/hero-04.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider2__img-02 {
background: url(../img/hero/hero-05.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider2__img-03 {
background: url(../img/hero/hero-06.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.slider2__item {
padding-bottom: 70px;
}
@media only screen and (max-width: 1399px) {
.slider2__item {
padding-bottom: 0px;
}
}
.slider2 .slider2__thumb--wrapper {
width: 90px;
height: 90px;
border: 1px solid #e0e0e0;
margin: 0px auto;
border-radius: 100%;
margin-bottom: 25px;
}
.slider2__thumb {
width: 78px;
height: 78px;
border: 1px solid #e0e0e0;
margin: 0px auto;
border-radius: 100%;
margin-top: 5px;
line-height: 78px;
}
.slider2__thumb img {
width: 48px !important;
height: auto;
margin: 18px auto 0px;
}
.slider2 .slider2__content--wrapper {
width: 720px;
margin: 0px auto;
position: relative;
z-index: 10;
}
@media only screen and (max-width: 991px) {
.slider2 .slider2__content--wrapper {
width: 600px;
}
}
@media only screen and (max-width: 767px) {
.slider2 .slider2__content--wrapper {
width: 500px;
}
}
@media only screen and (max-width: 575px) {
.slider2 .slider2__content--wrapper {
width: 400px;
}
}
@media only screen and (max-width: 479px) {
.slider2 .slider2__content--wrapper {
width: 350px;
}
}
@media only screen and (max-width: 400px) {
.slider2 .slider2__content--wrapper {
width: 250px;
}
}
.slider2 .slider2__content--wrapper:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8);
top: -10px;
left: -10px;
z-index: 0;
}
.slider2__content {
background: #fff;
padding: 55px;
position: relative;
z-index: 100;
-webkit-box-shadow: 10px 10px 0px rgba(255, 255, 255, 0.8);
box-shadow: 10px 10px 0px rgba(255, 255, 255, 0.8);
}
@media only screen and (max-width: 767px) {
.slider2__content {
padding: 40px 20px;
}
}
.slider2__content h4 {
font-size: 20px;
font-weight: bold;
line-height: 24px;
color: #292929;
letter-spacing: 4px;
margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
.slider2__content h4 {
font-size: 18px;
letter-spacing: 1px;
}
}
@media only screen and (max-width: 479px) {
.slider2__content h4 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 400px) {
.slider2__content h4 {
font-size: 16px;
letter-spacing: 0px;
}
}
.slider2__content h2 {
font-size: 48px;
line-height: 55px;
font-weight: bold;
color: #223645;
}
@media only screen and (max-width: 767px) {
.slider2__content h2 {
font-size: 32px;
line-height: 42px;
}
}
@media only screen and (max-width: 479px) {
.slider2__content h2 {
font-size: 26px;
line-height: 36px;
}
}
@media only screen and (max-width: 400px) {
.slider2__content h2 {
font-size: 22px;
line-height: 32px;
}
}
.slider2 .owl-carousel .owl-nav button.owl-prev,
.slider2 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #e12454;
text-align: center;
position: absolute;
top: 50%;
left: 30px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
line-height: 64px;
}
.slider2 .owl-carousel .owl-nav button.owl-prev:hover,
.slider2 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 880px) {
.slider2 .owl-carousel .owl-nav button.owl-prev,
.slider2 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.slider2 .owl-carousel .owl-nav button.owl-next {
left: auto;
right: 30px;
}
/*==================================================
===| 12. Service and Feature
===================================================*/
.service1 {
background: url(../img/png-img/png-img-01.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.service1__item {
background-color: #fff;
position: relative;
-webkit-box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.004);
box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.004);
padding: 40px 40px 45px 40px;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.service1__item {
padding: 40px 20px 45px 20px;
}
}
@media only screen and (max-width: 400px) {
.service1__item {
padding: 40px 20px 45px 20px;
}
}
.service1__item:hover .btn6 {
background: #e12454;
border: 1px solid #e12454;
color: #fff;
}
.service1__item:hover .service1__star i {
color: #fff;
}
.service1__item:hover .service1__star:before {
border-top-color: #e12454;
}
.service1__star {
position: absolute;
left: 0px;
top: 0px;
}
.service1__star:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 0;
height: 0;
border-top: 59px solid #ffd9db;
border-right: 55px solid transparent;
z-index: 0;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service1__star i {
z-index: 5;
position: relative;
top: 5px;
left: 8px;
color: #e12454;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service1__thumb {
position: relative;
width: 70px;
height: 70px;
margin: 0 auto 50px;
}
.service1__thumb:before {
position: absolute;
content: url(../img/png-img/png-img-02.png);
z-index: 5;
left: 50%;
-webkit-transform: translateX(-40px);
-ms-transform: translateX(-40px);
transform: translateX(-40px);
}
.service1__thumb img {
position: relative;
z-index: 10;
}
.service1__content {
position: relative;
padding-top: 40px;
padding-bottom: 9px;
}
.service1__content:before {
position: absolute;
content: "";
left: 50%;
top: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 80px;
background: #e12454;
}
.service1__content:after {
position: absolute;
content: "";
left: 50%;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
height: 1px;
width: 80px;
background: #e12454;
}
.service1__content h3 {
font-size: 24px;
color: #223645;
line-height: 30px;
letter-spacing: 0.25px;
text-transform: capitalize;
font-weight: 600;
margin-bottom: 21px;
}
.service1__content p {
font-size: 16px;
line-height: 26px;
color: #768495;
}
.service1__bottom-text p {
font-size: 16px;
line-height: 26px;
color: #768495;
margin: 0px;
}
.service1__bottom-text p a {
color: #e12454;
}
.service1__bottom-text p a:hover {
color: #cf1c4a;
}
.service1 .owl-item img {
display: inline-block;
width: auto;
}
.service1 .owl-carousel .owl-nav button.owl-prev,
.service1 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #223645;
text-align: center;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service1 .owl-carousel .owl-nav button.owl-prev:hover,
.service1 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.service1 .owl-carousel .owl-nav button.owl-prev,
.service1 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.service1 .owl-carousel .owl-nav button.owl-next {
left: auto;
right: -90px;
}
.service2 {
background: #ebf5f5;
}
.service2__item {
padding: 50px 40px 45px;
background: #fff;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.service2__item {
padding: 50px 20px 45px;
}
}
@media only screen and (max-width: 400px) {
.service2__item {
padding: 50px 20px 45px;
}
}
.service2__item:hover .service2__thumb {
background: #e12454;
-webkit-box-shadow: 0px 15px 24px 0px rgba(225, 36, 84, 0.23);
box-shadow: 0px 15px 24px 0px rgba(225, 36, 84, 0.23);
}
.service2__item:hover .service2__thumb i {
color: #fff;
}
.service2__thumb {
background: #ffd9db;
width: 90px;
height: 90px;
border-radius: 100%;
margin: 0px auto 22px;
line-height: 90px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
padding-top: 12px;
}
.service2__thumb i {
color: #e12454;
}
.service2__thumb i:before {
font-size: 45px;
}
.service2__content h3 {
font-size: 24px;
line-height: 30px;
font-weight: 600;
position: relative;
margin-bottom: 48px;
}
.service2__content h3:before {
position: absolute;
width: 80px;
height: 1px;
background: #ffd9db;
content: "";
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -25px;
}
.service2__content p {
margin-bottom: 24px;
}
.service2__content a {
font-size: 16px;
line-height: 18px;
font-weight: 500;
color: #e12454;
display: inline-block;
position: relative;
}
.service2__content a:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #e12454;
bottom: -5px;
}
.service2 .slider-section-dots {
position: relative;
}
.service2 .slider-section-dots .owl-dots {
position: absolute;
bottom: 0px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 auto;
margin-bottom: -5px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service2 .slider-section-dots .owl-dots .owl-dot.active span,
.service2 .slider-section-dots .owl-dots .owl-dot:hover span {
background: #e12454;
}
.service2 .slider-section-dots .owl-dots .owl-dot span {
width: 10px;
height: 10px;
border-radius: 100%;
border: none;
background: #d9dbde;
margin: 0px 5px;
}
.service3 {
background: url(../img/png-img/png-img-25.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.service3.other_page {
background: #fff;
}
.service3.other_page .service3__item {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.24);
}
.service3__item {
background: #fff;
border-radius: 5px 5px 0px 0px;
overflow: hidden;
}
.service3__item:hover .service3__thumb a {
top: 50%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.service3__item:hover .service3__thumb:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.service3__item:hover .service3__content {
border-color: #fff;
}
.service3__thumb {
position: relative;
}
.service3__thumb:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(225, 36, 84, 0.8);
z-index: 100;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service3__thumb a {
position: absolute;
top: calc(50% - 20px);
left: 50%;
z-index: 200;
color: #fff;
font-size: 20px;
width: 50px;
height: 50px;
border: 1px dashed #fff;
text-align: center;
line-height: 50px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
}
.service3__content {
padding: 27px 20px 18px;
border-bottom: 2px solid #e12454;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 575px) {
.service3__content {
padding: 27px 25px 18px;
}
}
.service3__content h3 {
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #0e3340;
margin-bottom: 13px;
}
.service3__content p {
color: #768495;
font-size: 16px;
line-height: 24px;
padding: 0px 10px;
}
@media only screen and (max-width: 575px) {
.service3__content p {
padding: 0px;
}
}
.service3__bottom-text p {
font-size: 16px;
line-height: 26px;
color: #768495;
}
.service3__bottom-text p a {
color: #e12454;
}
.service3 .owl-item img {
display: inline-block;
width: auto;
}
.service3 .owl-carousel .owl-nav button.owl-prev,
.service3 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #223645;
text-align: center;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.service3 .owl-carousel .owl-nav button.owl-prev:hover,
.service3 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.service3 .owl-carousel .owl-nav button.owl-prev,
.service3 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.service3 .owl-carousel .owl-nav button.owl-next {
left: auto;
right: -90px;
}
.feature1 {
background: #ffcdd0;
}
.feature1__bg-01 {
background: #fdb4b7;
}
.feature1__bg-02 {
background: #ffcdd0;
}
@media only screen and (max-width: 991px) {
.feature1 {
background: #fff;
}
}
.feature1__item {
padding: 30px 0px 35px;
}
.feature1__item h4 {
margin: 10px 0px 0px;
font-size: 24px;
line-height: 1;
}
.feature1__thumb i {
line-height: 1;
}
.feature1__thumb i:before {
font-size: 40px;
color: #e12454;
}
.feature1 .owl-item img {
display: inline-block;
width: auto;
}
.feature1 .owl-carousel .owl-nav button.owl-prev,
.feature1 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #223645;
text-align: center;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.feature1 .owl-carousel .owl-nav button.owl-prev:hover,
.feature1 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.feature1 .owl-carousel .owl-nav button.owl-prev,
.feature1 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.feature1 .owl-carousel .owl-nav button.owl-next {
left: auto;
right: -90px;
}
@media only screen and (max-width: 1199px) {
.service_details1__wrapper {
margin-bottom: 60px;
}
}
.service_details1__wrapper .profile1__appointment {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 25px;
}
.service_details1__content {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 15px;
}
.service_details1__content p {
line-height: 30px;
}
.service_details1__title h2 {
font-size: 36px;
line-height: 50px;
font-weight: bold;
}
@media only screen and (max-width: 479px) {
.service_details1__title h2 {
font-size: 28px;
line-height: 40px;
}
}
.service_details1__title h2 span {
color: #e12454;
}
.service_details1__items {
padding-top: 30px;
}
/*==================================================
===| 13. Project and Portfolio
===================================================*/
.profile1 {
background: url(../img/png-img/png-img-34.png);
background-position: top;
background-size: 100%;
background-repeat: no-repeat;
}
@media only screen and (max-width: 1599px) {
.profile1 {
background: #fff;
}
}
.profile1__Wrapper {
padding-left: 20px;
}
@media only screen and (max-width: 1199px) {
.profile1__Wrapper {
padding-left: 0px;
}
}
@media only screen and (max-width: 991px) {
.profile1__Wrapper {
margin-bottom: 60px;
}
}
.profile1__title h2 {
font-size: 36px;
line-height: 50px;
font-weight: bold;
margin-bottom: 12px;
}
@media only screen and (max-width: 479px) {
.profile1__title h2 {
font-size: 28px;
line-height: 38px;
}
}
.profile1__title h6 {
font-size: 18px;
line-height: 28px;
font-weight: bold;
}
.profile1__content {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 15px;
}
.profile1__item {
background: #f2f2f2;
position: relative;
}
.profile1__item--thumb {
width: 60px;
height: 60px;
border-radius: 100%;
background: #fff;
text-align: center;
line-height: 76px;
position: absolute;
left: 30px;
top: 25px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 400px) {
.profile1__item--thumb {
left: 20px;
top: 20px;
}
}
.profile1__item--thumb i:before {
color: #223645;
font-size: 30px;
}
.profile1__item--content {
padding: 20px 50px 8px 110px;
}
@media only screen and (max-width: 1199px) {
.profile1__item--content {
padding: 20px 20px 8px 110px;
}
}
@media only screen and (max-width: 400px) {
.profile1__item--content {
padding: 100px 20px 8px 20px;
}
}
.profile1__item--content h4 {
font-size: 24px;
line-height: 34px;
font-weight: bold;
}
.profile1__item--content p {
line-height: 28px;
}
.profile1__item:hover .profile1__item--thumb {
background: #e12454;
-webkit-box-shadow: 0px 10px 35px 0px rgba(225, 36, 84, 0.53);
box-shadow: 0px 10px 35px 0px rgba(225, 36, 84, 0.53);
}
.profile1__item:hover .profile1__item--thumb i:before {
color: #fff;
}
.profile1__appointment > h2 {
font-size: 36px;
font-weight: 600;
line-height: 50px;
}
@media only screen and (max-width: 479px) {
.profile1__appointment > h2 {
font-size: 28px;
line-height: 38px;
}
}
/*==================================================
===| 14. Blog or News
===================================================*/
.blog1__top {
background: url(../img/background/bg-01.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding-top: 100px;
padding-bottom: 165px;
}
@media only screen and (max-width: 1199px) {
.blog1__top {
padding-top: 80px;
}
}
@media only screen and (max-width: 1450px) {
.blog1__top {
padding-bottom: 150px;
}
}
.blog1__top .title2 h4 {
color: #fff;
}
.blog1__top .title2 h2 {
color: #fff;
}
.blog1__top .title2 p {
color: #fff;
}
.blog1__wrapper {
width: 1444px;
margin: 0px auto;
padding-top: 80px;
position: relative;
top: -120px;
margin-bottom: -20px;
}
@media only screen and (max-width: 1450px) {
.blog1__wrapper {
width: auto;
top: -195px;
margin-bottom: -97px;
}
}
@media only screen and (max-width: 1199px) {
.blog1__wrapper {
margin-bottom: -117px;
}
}
.blog1__wrapper:before {
background: #fff;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 800px;
content: "";
border-radius: 10px 10px 0px 0px;
}
@media only screen and (max-width: 1450px) {
.blog1__wrapper:before {
display: none;
}
}
.blog1__wrapper:after {
background: #fff;
position: absolute;
left: 0px;
top: 120px;
width: 100%;
height: 800px;
content: "";
z-index: -1;
-webkit-box-shadow: 0px 0px 20px 0px rgba(237, 237, 237, 0.74);
box-shadow: 0px 0px 20px 0px rgba(237, 237, 237, 0.74);
}
@media only screen and (max-width: 1450px) {
.blog1__wrapper:after {
display: none;
}
}
.blog1__item {
-webkit-box-shadow: 0px 0px 18px 2px rgba(202, 202, 202, 0.26);
box-shadow: 0px 0px 18px 2px rgba(202, 202, 202, 0.26);
}
.blog1__content {
padding: 22px 22px 24px;
}
.blog1__content h3 a {
font-size: 18px;
display: inline-block;
font-weight: 600;
color: #292929;
line-height: 30px;
}
.blog1__content h3 a:hover {
color: #e12454;
}
.blog1__data {
margin-bottom: 17px;
}
.blog1__data span {
font-size: 16px;
}
.blog1__data span:first-child {
margin-right: 30px;
}
.blog1__data span i {
color: #7f7f7f;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
display: inline-block;
margin-right: 6px;
}
.blog1__data span a {
color: #768495;
}
.blog1__data span:hover i {
color: #e12454;
}
.blog1__data span:hover a {
color: #e12454;
}
.blog2 {
background: url(../img/png-img/png-img-19.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.blog2.other_page {
background: #f9f8ff;
}
.blog2__item {
border-bottom: 2px solid #e12454;
background: #fff;
}
.blog2__thumb {
position: relative;
}
.blog2__thumb a {
position: absolute;
background: #e12454;
bottom: 10px;
left: 10px;
padding: 6px 12px;
color: #fff;
font-size: 12px;
line-height: 12px;
font-weight: 600;
}
.blog2__thumb a:hover {
background: #2d3a58;
}
.blog2__content {
padding: 20px 20px 40px 20px;
}
.blog2__content h3 {
font-size: 18px;
line-height: 30px;
font-weight: 600;
margin-bottom: 23px;
}
.blog2__content > a {
background: #ffd9db;
color: #e12454;
padding: 18px 85px 18px 35px;
}
.blog2__content > a i {
background: #fff;
height: 50px;
width: 50px;
line-height: 50px;
}
.blog2__content > a:hover {
background: #e12454;
color: #fff;
}
.blog2__content > a:hover i {
background: #ffd9db;
color: #e12454;
}
.blog2__content--data {
margin-bottom: 15px;
}
.blog2__content--data span {
color: #768495;
}
.blog2__content--data span:not(:last-child) {
margin-right: 30px;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.blog2__content--data span {
font-size: 14px;
}
}
@media only screen and (max-width: 400px) {
.blog2__content--data span {
font-size: 14px;
}
}
.blog2__content--data span i {
color: #7f7f7f;
}
.blog2__content--data span a {
color: #768495;
}
.blog2 .owl-item img {
display: inline-block;
width: auto;
}
.blog2 .owl-carousel .owl-nav button.owl-prev,
.blog2 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #223645;
text-align: center;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.blog2 .owl-carousel .owl-nav button.owl-prev:hover,
.blog2 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.blog2 .owl-carousel .owl-nav button.owl-prev,
.blog2 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.blog2 .owl-carousel .owl-nav button.owl-next {
left: auto;
right: -90px;
}
.blog_details1__content {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 15px;
}
.blog_details1__quote {
border-top: 1px solid #f1f1f1;
margin-top: 30px;
margin-bottom: 30px;
}
.blog_details1__quote > h3 {
font-size: 36px;
line-height: 50px;
font-weight: 600;
padding-top: 15px;
margin-bottom: 25px;
}
.blog_details1__quote--item {
background: #f8fdfc;
position: relative;
}
.blog_details1__quote--icon {
width: 60px;
height: 60px;
background: #e12454;
border-radius: 100%;
line-height: 65px;
text-align: center;
position: absolute;
top: 25px;
left: 30px;
}
@media only screen and (max-width: 479px) {
.blog_details1__quote--icon {
left: 25px;
}
}
.blog_details1__quote--icon i {
font-size: 18px;
color: #fff;
}
.blog_details1__quote--content {
padding: 20px 50px 25px 110px;
}
@media only screen and (max-width: 479px) {
.blog_details1__quote--content {
padding: 100px 25px 25px;
}
}
.blog_details1__quote--content h4 {
font-size: 24px;
font-weight: bold;
line-height: 34px;
}
.blog_details1__quote--content p {
color: #768495;
font-size: 18px;
line-height: 28px;
font-weight: 600;
font-style: italic;
}
.blog_details1__comment {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 70px;
}
.blog_details1__comment--item-box {
-webkit-box-shadow: 0px 0px 32px 0px rgba(241, 241, 241, 0.57);
box-shadow: 0px 0px 32px 0px rgba(241, 241, 241, 0.57);
position: relative;
border-left: 2px solid #e12454;
}
.blog_details1__comment--item-box.reply {
margin-left: 65px;
margin-top: 30px;
-webkit-box-shadow: none;
box-shadow: none;
background: #f7f7f7;
}
@media only screen and (max-width: 575px) {
.blog_details1__comment--item-box.reply {
margin-left: 20px;
}
}
.blog_details1__comment--item-thumb {
width: 96px;
height: 96px;
border: 1px dashed #e12454;
border-radius: 100%;
padding: 7px;
position: absolute;
top: 18px;
left: 32px;
}
@media only screen and (max-width: 575px) {
.blog_details1__comment--item-thumb {
left: 20px;
width: 80px;
height: 80px;
}
}
.blog_details1__comment--item-thumb img {
width: 80px;
height: 80px;
border-radius: 100%;
}
@media only screen and (max-width: 575px) {
.blog_details1__comment--item-thumb img {
width: 65px;
height: 65px;
}
}
.blog_details1__comment--item-content {
padding: 21px 100px 30px 152px;
position: relative;
}
@media only screen and (max-width: 575px) {
.blog_details1__comment--item-content {
padding: 21px 50px 30px 120px;
}
}
@media only screen and (max-width: 400px) {
.blog_details1__comment--item-content {
padding: 120px 40px 25px 20px;
}
}
.blog_details1__comment--item-content p {
color: #636363;
line-height: 24px;
}
.blog_details1__comment--item-content > a {
position: absolute;
top: 23px;
right: 20px;
display: inline-block;
color: #e12454;
font-weight: 600;
}
@media only screen and (max-width: 1199px) {
.blog_details1__reply .comment-reply1 {
margin-bottom: 60px;
}
}
.blog_details1__reply #comment-reply1-form .form-control {
background: #efefef;
border: 1px solid #cfcfcf;
color: #636363;
font-size: 16px;
}
.blog_details1__reply
#comment-reply1-form
.form-control::-webkit-input-placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply #comment-reply1-form .form-control:-ms-input-placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply
#comment-reply1-form
.form-control::-ms-input-placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply
#comment-reply1-form
.form-control::-webkit-input-placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply #comment-reply1-form .form-control::-moz-placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply #comment-reply1-form .form-control:-ms-input-placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply #comment-reply1-form .form-control::placeholder {
color: #636363;
font-size: 16px;
text-transform: inherit;
}
.blog_details1__reply .checkbox-style-01 {
margin: 5px 0px 18px;
}
.blog_details1__reply .checkbox-style-01 .checkbox-item {
position: relative;
}
.blog_details1__reply .checkbox-style-01 .checkbox-item input {
position: absolute;
left: 0px;
top: 5px;
}
.blog_details1__reply .checkbox-style-01 .checkbox-item label {
padding-left: 20px;
}
/*==================================================
===| 15. Testimonial
===================================================*/
.testimonial1 {
background: #e6f1f7;
position: relative;
}
.testimonial1 .title2 {
margin-bottom: 32px;
}
.testimonial1 .title2 h2 {
line-height: 60px;
}
.testimonial1 .title2 h2 span {
font-weight: 300;
}
.testimonial1__padding {
padding-top: 220px;
padding-bottom: 275px;
}
@media only screen and (max-width: 1199px) {
.testimonial1__padding {
padding-top: 170px;
padding-bottom: 225px;
}
}
@media only screen and (max-width: 767px) {
.testimonial1__padding {
padding-top: 120px;
padding-bottom: 175px;
}
}
@media only screen and (max-width: 479px) {
.testimonial1__padding {
padding-top: 100px;
padding-bottom: 155px;
}
}
.testimonial1__item p {
font-size: 20px;
line-height: 32px;
font-weight: 500;
border-left: 3px solid #f43b4b;
padding-left: 20px;
padding-right: 50px;
font-style: italic;
}
@media only screen and (max-width: 991px) {
.testimonial1__item p {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.testimonial1__item p {
padding-right: 0px;
}
}
.testimonial1__item p span {
font-size: 16px;
line-height: 26px;
color: #9a9fa5;
}
.testimonial1__item ul {
margin-top: 45px;
margin-bottom: 45px;
}
.testimonial1__item ul li {
display: inline-block;
}
.testimonial1__item ul li a {
color: #fed533;
}
.testimonial1__btn a {
-webkit-box-shadow: 0px 8px 21px 0px rgba(255, 152, 161, 0.9);
box-shadow: 0px 8px 21px 0px rgba(255, 152, 161, 0.9);
}
.testimonial1__thumb1 {
position: absolute;
top: 100px;
right: 275px;
border-radius: 100%;
overflow: hidden;
border: 10px solid #fff;
width: 400px;
height: 400px;
}
@media only screen and (max-width: 1599px) {
.testimonial1__thumb1 {
right: 150px;
}
}
@media only screen and (max-width: 1199px) {
.testimonial1__thumb1 {
width: 300px;
height: 300px;
right: 80px;
}
}
@media only screen and (max-width: 991px) {
.testimonial1__thumb1 {
display: none;
}
}
.testimonial1__thumb1--btn {
position: relative;
width: 100%;
height: 100%;
top: -100%;
left: 0px;
}
.testimonial1__thumb1--btn a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
font-size: 30px;
width: 51px;
height: 51px;
border-radius: 100%;
color: #fff;
background: rgba(225, 36, 84, 0.8);
text-align: center;
line-height: 53px;
-webkit-animation: radial_pulse2 2.5s infinite;
animation: radial_pulse2 2.5s infinite;
}
.testimonial1__thumb1--btn a:before {
width: 51px;
height: 51px;
position: absolute;
background: transparent;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 100%;
-webkit-animation: radial_pulse3 2.5s infinite;
animation: radial_pulse3 2.5s infinite;
}
.testimonial1__thumb2 {
position: absolute;
right: 575px;
bottom: 100px;
border-radius: 100%;
width: 300px;
height: 300px;
border: 10px solid #fff;
overflow: hidden;
}
@media only screen and (max-width: 1599px) {
.testimonial1__thumb2 {
display: none;
}
}
.testimonial1__thumb3 {
position: absolute;
right: 140px;
bottom: 120px;
border-radius: 100%;
width: 300px;
height: 300px;
border: 10px solid #fff;
overflow: hidden;
}
@media only screen and (max-width: 1599px) {
.testimonial1__thumb3 {
right: 80px;
}
}
@media only screen and (max-width: 1199px) {
.testimonial1__thumb3 {
bottom: 100px;
}
}
@media only screen and (max-width: 991px) {
.testimonial1__thumb3 {
display: none;
}
}
.testimonial1 .owl-theme .owl-dots {
text-align: left;
bottom: -135px;
left: 0%;
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%);
}
.testimonial2 {
background: url(../img/background/bg-14.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.testimonial2 .title2 h4 {
color: #fff;
}
.testimonial2 .title2 h2 {
color: #fff;
}
.testimonial2__thumb {
position: relative;
padding-top: 15px;
padding-bottom: 15px;
}
.testimonial2__thumb--imgbox {
width: 86px;
height: 86px;
border-radius: 100%;
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
}
.testimonial2__thumb--content {
padding-left: 102px;
}
.testimonial2__thumb--content h5 {
font-size: 24px;
line-height: 24px;
font-weight: 600;
color: #fff;
}
.testimonial2__thumb--content p {
color: #b7b7b7;
font-size: 16px;
line-height: 16px;
font-weight: 600;
}
.testimonial2__content {
margin-top: 45px;
}
.testimonial2__content p {
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: #ededed;
font-style: italic;
position: relative;
padding-left: 20px;
}
.testimonial2__content p:before {
position: absolute;
content: "";
left: 0px;
top: 4px;
height: calc(100% - 10px);
width: 3px;
background: #f43b4b;
}
.testimonial2__content--star {
margin-top: 21px;
}
.testimonial2__content--star a {
color: #fed533;
}
.testimonial2__bottom p {
font-size: 24px;
line-height: 30px;
color: #ededed;
font-weight: 600;
margin-bottom: 45px;
}
@media only screen and (max-width: 767px) {
.testimonial2__bottom p {
font-size: 18px;
line-height: 28px;
}
}
.testimonial2__carousel {
position: relative;
margin-bottom: 98px;
}
.testimonial2__carousel:before {
position: absolute;
content: "";
width: 100%;
height: 10px;
background: #e12454;
bottom: -54px;
left: 0px;
}
.testimonial2 .slider-section-dots {
position: relative;
}
.testimonial2 .slider-section-dots .owl-dots {
position: absolute;
bottom: -58px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.testimonial2 .slider-section-dots .owl-dots .owl-dot.active span,
.testimonial2 .slider-section-dots .owl-dots .owl-dot:hover span {
background: #e12454;
width: 20px;
height: 20px;
border: 3px solid #d9dbde;
}
.testimonial2 .slider-section-dots .owl-dots .owl-dot span {
width: 20px;
height: 20px;
border-radius: 100%;
border: none;
background: #d9dbde;
margin: 0px 5px;
}
.testimonial3 {
background: url(../img/png-img/png-img-30.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.testimonial3__wrapper {
padding: 20px;
background: #fff;
background: url(../img/png-img/png-img-31.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border: 1px solid #eeecec;
}
.testimonial3__item {
position: relative;
min-height: 445px;
}
.testimonial3__thumb {
position: absolute;
left: 0px;
top: 0px;
width: 355px;
}
@media only screen and (max-width: 991px) {
.testimonial3__thumb {
width: 120px;
}
}
.testimonial3__content {
padding-left: 405px;
padding-top: 28px;
padding-right: 50px;
}
@media only screen and (max-width: 991px) {
.testimonial3__content {
padding-left: 0px;
padding-top: 185px;
padding-right: 0px;
}
}
.testimonial3__content h6 {
font-size: 18px;
line-height: 24px;
font-weight: 600;
color: #e12454;
margin-bottom: 16px;
}
@media only screen and (max-width: 991px) {
.testimonial3__content h6 {
margin-bottom: 10px;
}
}
.testimonial3__content h3 {
font-size: 30px;
line-height: 40px;
font-weight: bold;
color: #223645;
margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
.testimonial3__content h3 {
font-size: 22px;
line-height: 32px;
margin-bottom: 15px;
}
}
.testimonial3__content h4 {
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: #223645;
position: relative;
margin-bottom: 46px;
}
@media only screen and (max-width: 991px) {
.testimonial3__content h4 {
font-size: 18px;
line-height: 28px;
margin-bottom: 30px;
}
}
.testimonial3__content h4:before {
position: absolute;
content: "";
width: 150px;
height: 1px;
background: #f2f2f2;
left: 0px;
bottom: -10px;
}
.testimonial3__content h4 span {
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #b7b7b7;
margin-left: 10px;
}
@media only screen and (max-width: 991px) {
.testimonial3__content h4 span {
font-size: 14px;
line-height: 24px;
}
}
.testimonial3__content p {
font-size: 18px;
line-height: 30px;
font-weight: 500;
color: #768495;
}
@media only screen and (max-width: 479px) {
.testimonial3__content p {
font-size: 16px;
line-height: 26px;
}
}
.testimonial3 .owl-item img {
display: inline-block;
width: auto;
}
.testimonial3 .owl-carousel .owl-nav button.owl-prev,
.testimonial3 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #ebe9f0;
color: #223645;
text-align: center;
position: absolute;
bottom: 20px;
left: 420px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.testimonial3 .owl-carousel .owl-nav button.owl-prev:hover,
.testimonial3 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.testimonial3 .owl-carousel .owl-nav button.owl-prev,
.testimonial3 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.testimonial3 .owl-carousel .owl-nav button.owl-next {
left: 500px;
}
/*==================================================
===| 16. Team
===================================================*/
.team1 {
background: url(../img/png-img/png-img-08.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.team1__item {
-webkit-box-shadow: 0px 5px 20px 0px rgba(230, 230, 230, 0.6);
box-shadow: 0px 5px 20px 0px rgba(230, 230, 230, 0.6);
}
.team1__item:hover .team1__btn {
top: 0px;
}
.team1__content {
padding: 23px 0px 30px;
border-bottom: 3px solid #e12454;
position: relative;
overflow: hidden;
}
.team1__content h4 {
font-size: 18px;
line-height: 20px;
color: #292929;
font-weight: bold;
border-bottom: 5px;
}
.team1__content p {
font-size: 14px;
}
.team1__btn {
position: absolute;
text-align: center;
width: 100%;
background: #e12454;
height: 100%;
top: 110px;
left: 0px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.team1__btn a {
display: inline-block;
font-size: 16px;
font-weight: 600;
line-height: 24px;
color: #e12454;
background: #ffedf0;
padding: 12px 30px;
border-radius: 100px;
margin-top: 30px;
}
.team1.other_page {
background: #fff;
}
/*==================================================
===| 17. About
===================================================*/
.about1 {
padding-bottom: 130px;
}
@media only screen and (max-width: 1199px) {
.about1 {
padding-bottom: 100px;
}
}
@media only screen and (max-width: 767px) {
.about1 {
padding-bottom: 80px;
}
}
.about1__left {
position: relative;
}
.about1__left--thumb1 {
position: absolute;
left: 50px;
top: 115px;
width: 450px;
height: 450px;
line-height: 420px;
border: 1px dashed #ffb2b6;
border-radius: 100%;
text-align: center;
padding: 15px;
}
@media only screen and (max-width: 1199px) {
.about1__left--thumb1 {
width: 350px;
height: 350px;
line-height: 330px;
padding: 10px;
}
}
@media only screen and (max-width: 991px) {
.about1__left--thumb1 {
left: 140px;
}
}
@media only screen and (max-width: 575px) {
.about1__left--thumb1 {
left: 70px;
}
}
@media only screen and (max-width: 479px) {
.about1__left--thumb1 {
left: 20px;
}
}
@media only screen and (max-width: 400px) {
.about1__left--thumb1 {
width: 200px;
height: 200px;
line-height: 180px;
left: 45px;
top: 100px;
}
}
.about1__left--thumb1 img {
border-radius: 100%;
}
.about1__left--thumb2 {
position: absolute;
left: 0px;
top: 0px;
width: 184px;
height: 184px;
line-height: 184px;
border-radius: 100%;
border: 1px dashed #ffb2b6;
text-align: center;
background-color: #fff;
}
@media only screen and (max-width: 400px) {
.about1__left--thumb2 {
width: 140px;
height: 140px;
line-height: 140px;
}
}
.about1__left--thumb2 a {
display: inline-block;
height: 106px;
width: 106px;
border-radius: 100%;
line-height: 106px;
text-align: center;
background-color: #ffe9ea;
-webkit-animation: radial_pulse1 2.5s infinite;
animation: radial_pulse1 2.5s infinite;
}
@media only screen and (max-width: 400px) {
.about1__left--thumb2 a {
width: 70px;
height: 70px;
line-height: 70px;
}
}
.about1__left--thumb3 {
position: absolute;
left: 0px;
top: 495px;
width: 184px;
height: 184px;
line-height: 184px;
border-radius: 100%;
border: 1px dashed #ffb2b6;
text-align: center;
background-color: #fff;
overflow: hidden;
}
@media only screen and (max-width: 1199px) {
.about1__left--thumb3 {
top: 400px;
}
}
@media only screen and (max-width: 400px) {
.about1__left--thumb3 {
top: 250px;
width: 140px;
height: 140px;
line-height: 140px;
}
}
.about1__wrapper {
padding-left: 70px;
padding-top: 30px;
}
@media only screen and (max-width: 1199px) {
.about1__wrapper {
padding-top: 0px;
padding-left: 40px;
}
}
@media only screen and (max-width: 991px) {
.about1__wrapper {
margin-top: 635px;
}
}
@media only screen and (max-width: 767px) {
.about1__wrapper {
padding-left: 0px;
}
}
@media only screen and (max-width: 400px) {
.about1__wrapper {
margin-top: 420px;
}
}
.about1__content {
padding-right: 55px;
}
@media only screen and (max-width: 1199px) {
.about1__content {
padding-right: 0px;
}
}
.about1__item {
position: relative;
}
.about1__item--thumb {
position: absolute;
width: 80px;
height: 80px;
border-radius: 100%;
text-align: center;
line-height: 80px;
}
.about1__item--thumb.about1__item--bg1 {
background-color: #c9fff3;
}
.about1__item--thumb.about1__item--bg2 {
background-color: #ffedf0;
}
.about1__item p {
padding-left: 105px;
font-size: 14px;
line-height: 24px;
padding-top: 13px;
}
@media only screen and (max-width: 575px) {
.about1__item p {
padding-top: 0px;
}
}
.about2 {
background: #223645;
}
.about2 .title2 h2 {
color: #fff;
}
.about2 .title2 p {
color: #fff;
}
.about2__item:hover .about2__item--thumb:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.about2__item:hover .about2__item--thumb a {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
top: 50%;
}
.about2__item:hover .about2__item--content p {
color: #fff;
}
.about2__item--thumb {
position: relative;
}
.about2__item--thumb:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background: rgba(225, 36, 84, 0.8);
z-index: 100;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
.about2__item--thumb a {
position: absolute;
left: 50%;
top: 65%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 200;
font-size: 30px;
color: #fff;
width: 100px;
height: 100px;
border: 1px dashed #fff;
text-align: center;
line-height: 100px;
border-radius: 100%;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: hidden;
-webkit-transition: 0.6s ease-in-out;
-o-transition: 0.6s ease-in-out;
transition: 0.6s ease-in-out;
}
.about2__item--content {
margin-top: 21px;
}
.about2__item--content h4 {
color: #fff;
font-size: 20px;
line-height: 30px;
margin-bottom: 17px;
}
.about2__item--content p {
font-size: 14px;
line-height: 24px;
padding: 0px 20px;
color: #7a8a9e;
-webkit-transition: 0.6s;
-o-transition: 0.6s;
transition: 0.6s;
}
.about2__bottom p {
color: #7a8a9e;
}
.about2__bottom p a {
color: #e12454;
}
.about2.other_page {
background: #fff;
}
.about2.other_page .about2__item--content h4 {
color: #223645;
}
.about2.other_page .about2__item {
-webkit-box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.53);
box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.53);
}
.about2.other_page .about2__item--content {
padding-bottom: 10px;
}
.about3 {
position: relative;
}
.about3:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
height: 100%;
width: 100%;
z-index: -1000;
background: url(../img/png-img/png-img-22.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-position: top;
}
.about3__left-area {
position: relative;
}
.about3__thumb {
position: relative;
}
.about3__thumb:before {
position: absolute;
content: "";
right: 47px;
top: -20px;
width: 145px;
height: 130px;
background: url(../img/png-img/png-img-23.png);
z-index: -1;
}
@media only screen and (max-width: 1199px) {
.about3__thumb:before {
display: none;
}
}
.about3__thumb:after {
position: absolute;
content: "";
bottom: -20px;
left: -30px;
width: 145px;
height: 130px;
background: url(../img/png-img/png-img-23.png);
z-index: -1;
}
@media only screen and (max-width: 1199px) {
.about3__thumb:after {
display: none;
}
}
.about3__thumb img {
width: 500px;
}
@media only screen and (max-width: 1199px) {
.about3__thumb img {
width: 100%;
}
}
.about3__video {
position: absolute;
top: 50%;
right: 25px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 100;
}
@media only screen and (max-width: 1199px) {
.about3__video {
top: 50%;
right: 50%;
-webkit-transform: translate(50%, -50%);
-ms-transform: translate(50%, -50%);
transform: translate(50%, -50%);
}
}
.about3__video--thumb-wrapper {
background: #e8587d;
width: 88px;
height: 88px;
border-radius: 100%;
-webkit-box-shadow: 0px 0px 21px 0px rgba(244, 59, 75, 0.78);
box-shadow: 0px 0px 21px 0px rgba(244, 59, 75, 0.78);
padding: 12px;
}
.about3__video--thumb {
background: #e12454;
width: 64px;
height: 64px;
border-radius: 100%;
text-align: center;
line-height: 64px;
}
.about3__right-area {
position: relative;
left: -20px;
}
@media only screen and (max-width: 1199px) {
.about3__right-area {
left: 0px;
margin-top: 60px;
}
}
.about3__right-area .title1 h2 {
font-size: 38px;
}
.about3__content h4 {
font-size: 24px;
line-height: 30px;
color: #7a8a9e;
letter-spacing: 0.25px;
margin-top: 30px;
}
.about3__content h4 span {
color: #e12454;
}
@media only screen and (max-width: 400px) {
.about3__content h4 {
font-size: 20px;
}
}
.about3__content img {
margin-top: 15px;
}
.about4 {
background: url(../img/png-img/png-img-32.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.about4__content {
padding-right: 50px;
}
@media only screen and (max-width: 1199px) {
.about4__content {
padding-right: 0px;
}
}
.about4__content h6 {
font-size: 18px;
color: #e12454;
line-height: 28px;
font-weight: 600;
margin-bottom: 20px;
}
.about4__content h3 {
font-size: 36px;
font-weight: 500;
line-height: 48px;
margin-bottom: 38px;
}
@media only screen and (max-width: 767px) {
.about4__content h3 {
font-size: 28px;
line-height: 38px;
}
}
@media only screen and (max-width: 400px) {
.about4__content h3 {
font-size: 24px;
line-height: 34px;
}
}
.about4__content h3 span {
color: #e12454;
}
.about5 {
background: #f8fdfc;
}
.about5.other_page {
background: #f8fdfc;
}
.about5.other_page .appointment4__item {
-webkit-box-shadow: none;
box-shadow: none;
background: #ffc9cc;
}
.about5.other_page .appointment4__thumb-wrapper {
background: #fff;
-webkit-box-shadow: none;
box-shadow: none;
}
.about5.other_page .about5__content ul {
margin-top: 50px;
}
.about5.other_page .owl-item img {
display: inline-block;
width: auto;
}
.about5.other_page .owl-carousel .owl-nav button.owl-prev,
.about5.other_page .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #223645;
text-align: center;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
border: 1px solid #f1f1f1;
}
.about5.other_page .owl-carousel .owl-nav button.owl-prev:hover,
.about5.other_page .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
border-color: #e12454;
}
@media only screen and (max-width: 1399px) {
.about5.other_page .owl-carousel .owl-nav button.owl-prev,
.about5.other_page .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.about5.other_page .owl-carousel .owl-nav button.owl-next {
left: auto;
right: -90px;
}
@media only screen and (max-width: 400px) {
.about5 {
background: #fff;
}
}
.about5__title h5 {
font-size: 18px;
line-height: 28px;
color: #e12454;
font-weight: 600;
margin-bottom: 22px;
}
.about5__title h3 {
font-size: 36px;
font-weight: bold;
line-height: 48px;
}
.about5__title h3 span {
color: #e12454;
}
@media only screen and (max-width: 575px) {
.about5__title h3 {
font-size: 26px;
line-height: 36px;
}
}
.about5__content {
margin-top: 38px;
}
.about5__content > p {
padding-right: 50px;
line-height: 30px;
}
@media only screen and (max-width: 1199px) {
.about5__content > p {
padding-right: 0px;
}
}
.about5__content ul {
margin-top: 34px;
}
.about5__content ul li {
display: inline-block;
}
.about5__content ul li a {
display: inline-block;
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: #223645;
}
.about5__content ul li a span {
color: #e12454;
margin: 0px 13px;
}
@media only screen and (max-width: 575px) {
.about5__content ul li a span {
margin: 0px 5px;
}
}
.about5__content ul li a:hover {
color: #e12454;
}
@media only screen and (max-width: 991px) {
.about5__content ul li a {
font-size: 20px;
line-height: 30px;
}
}
/*==================================================
===| 18. Sidebar and Page title
===================================================*/
.page_title__img-01 {
background: url(../img/png-img/png-img-15.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-02 {
background: url(../img/background/bg-18.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-03 {
background: url(../img/background/bg-19.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-04 {
background: url(../img/background/bg-20.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-05 {
background: url(../img/background/bg-21.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-06 {
background: url(../img/background/bg-22.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-07 {
background: url(../img/background/bg-24.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-08 {
background: url(../img/background/bg-25.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-09 {
background: url(../img/background/bg-26.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-10 {
background: url(../img/background/bg-27.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__img-11 {
background: url(../img/background/bg-28.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page_title__padding {
padding: 75px 0px;
}
@media only screen and (max-width: 767px) {
.page_title__padding {
padding: 120px 0px;
}
}
@media only screen and (max-width: 400px) {
.page_title__padding {
padding: 100px 0px;
}
}
.page_title__content h1 {
font-size: 36px;
line-height: 46px;
font-weight: bold;
color: #223645;
margin-bottom: 17px;
}
.page_title__bread-crumb ul li {
display: inline-block;
margin-right: 20px;
position: relative;
}
.page_title__bread-crumb ul li:before {
position: absolute;
content: "";
width: 10px;
height: 2px;
background: #292929;
right: -18px;
top: 14px;
}
.page_title__bread-crumb ul li a {
font-size: 20px;
font-weight: 600;
color: #223645;
color: #292929;
}
.page_title__bread-crumb ul li:last-child {
margin-right: 0px;
}
.page_title__bread-crumb ul li:last-child:before {
display: none;
}
.page_title__bread-crumb ul li:last-child a {
color: #e12454;
}
.sidebar1__info--content {
background: #e12454;
padding: 28px 20px 30px;
}
.sidebar1__info--content h3 {
margin-bottom: 0px;
}
.sidebar1__info--content h3 a {
color: #fff;
display: inline-block;
font-size: 24px;
line-height: 34px;
font-weight: bold;
}
@media only screen and (max-width: 400px) {
.sidebar1__info--content h3 a {
font-size: 20px;
line-height: 30px;
}
}
.sidebar1__info--content p {
font-size: 18px;
line-height: 28px;
color: #fff;
font-weight: 600;
}
@media only screen and (max-width: 400px) {
.sidebar1__info--content p {
font-size: 16px;
line-height: 26px;
}
}
.sidebar1__social {
-webkit-box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
padding: 24px 0px;
}
.sidebar1__social ul li {
display: inline-block;
}
.sidebar1__social ul li a {
display: inline-block;
font-size: 21px;
line-height: 1;
margin: 0px 12px;
}
.sidebar1__social ul li a.social-01 {
color: #3b5998;
}
.sidebar1__social ul li a.social-02 {
color: #1da1f2;
}
.sidebar1__social ul li a.social-03 {
color: #0e76a8;
}
.sidebar1__social ul li a.social-04 {
color: #c8232c;
}
.sidebar1__qualification {
-webkit-box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
background: #fff;
}
.sidebar1__qualification--title {
background: #f2f2f2;
padding: 22px 30px 18px;
}
.sidebar1__qualification--title h3 {
font-size: 24px;
line-height: 30px;
font-weight: 600;
}
.sidebar1__qualification--content {
background: #fff;
padding: 22px 30px;
}
.sidebar1__qualification--content p {
font-size: 18px;
line-height: 30px;
font-weight: 600;
color: #565656;
}
.sidebar1__category {
background: #fff;
}
.sidebar1__category--bg-01 {
background: #f2f2f2;
}
.sidebar1__category--bg-02 {
background: #fff4f5;
}
.sidebar1__category--item {
padding: 22px 10px 15px;
}
.sidebar1__category--item h6 a {
display: inline-block;
color: #292929;
font-size: 16px;
line-height: 18px;
font-weight: 600;
}
.sidebar1__category--item h6 a:hover {
color: #e12454;
}
.sidebar1__category--item:hover .sidebar1__category--thumb {
background: #e12454;
border-color: #e12454;
}
.sidebar1__category--item:hover .sidebar1__category--thumb i:before {
color: #fff;
}
.sidebar1__category--title {
background: #e12454;
padding: 22px 30px 18px;
}
.sidebar1__category--title h3 {
font-size: 24px;
line-height: 30px;
font-weight: 600;
color: #fff;
}
.sidebar1__category--content ul {
position: relative;
}
.sidebar1__category--content ul:before {
position: absolute;
content: "";
width: 100%;
height: 10px;
background: #e12454;
left: 0px;
bottom: -362px;
z-index: -5;
}
.sidebar1__category--content ul li {
width: 50%;
float: left;
}
.sidebar1__category--thumb-box {
width: 100px;
height: 100px;
border-radius: 100%;
background: #fff;
display: inline-block;
margin: 0px auto 15px;
padding: 21px;
}
.sidebar1__category--thumb {
width: 58px;
height: 58px;
line-height: 74px;
border: 1px solid #bababa;
border-radius: 100%;
background: #fff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.sidebar1__category--thumb i:before {
font-size: 30px;
}
.sidebar2__recent-post {
border-bottom: 3px solid #e12454;
background: #f1f1f1;
}
.sidebar2__title {
background: #e12454;
padding: 22px 20px 13px 27px;
}
.sidebar2__title h3 {
color: #fff;
font-size: 24px;
line-height: 30px;
font-weight: 600;
}
@media only screen and (max-width: 575px) {
.sidebar2__title h3 {
font-size: 20px;
}
}
.sidebar2__post_item {
min-height: 80px;
margin-top: 30px;
margin-left: 30px;
margin-right: 30px;
position: relative;
}
.sidebar2__post_item--thumb {
width: 80px;
height: auto;
position: absolute;
left: 0px;
top: 0px;
border-radius: 3px;
overflow: hidden;
}
@media only screen and (max-width: 400px) {
.sidebar2__post_item--thumb {
width: 60px;
}
}
.sidebar2__post_item--content {
padding-left: 100px;
padding-right: 40px;
}
@media only screen and (max-width: 1199px) {
.sidebar2__post_item--content {
padding-right: 0px;
}
}
@media only screen and (max-width: 400px) {
.sidebar2__post_item--content {
padding-left: 80px;
}
}
.sidebar2__post_item--content h4 {
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 4px;
margin-top: 3px;
}
.sidebar2__post_item--content p {
font-size: 14px;
line-height: 20px;
font-weight: 500;
color: #223645;
}
.sidebar2__search {
-webkit-box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
box-shadow: 0px 8px 20px 0px rgba(236, 236, 236, 0.55);
padding: 25px 30px;
position: relative;
}
.sidebar2__search input {
border: none;
width: 100%;
font-size: 18px;
color: #888;
padding-right: 50px;
}
.sidebar2__search input::-webkit-input-placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
.sidebar2__search input:-ms-input-placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
.sidebar2__search input::-ms-input-placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
.sidebar2__search input::-webkit-input-placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
.sidebar2__search input::-moz-placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
.sidebar2__search input:-ms-input-placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
.sidebar2__search input::placeholder {
color: red;
font-size: 24px;
color: #949494;
line-height: 30px;
font-weight: 600;
}
@media only screen and (max-width: 400px) {
.sidebar2__search input::-webkit-input-placeholder {
font-size: 20px;
}
.sidebar2__search input:-ms-input-placeholder {
font-size: 20px;
}
.sidebar2__search input::-ms-input-placeholder {
font-size: 20px;
}
.sidebar2__search input::-webkit-input-placeholder {
font-size: 20px;
}
.sidebar2__search input::-moz-placeholder {
font-size: 20px;
}
.sidebar2__search input:-ms-input-placeholder {
font-size: 20px;
}
.sidebar2__search input::placeholder {
font-size: 20px;
}
}
.sidebar2__search button {
border: none;
background: none;
position: absolute;
right: 30px;
top: 22px;
}
.sidebar2__search button i {
color: #949494;
font-size: 24px;
line-height: 30px;
}
@media only screen and (max-width: 400px) {
.sidebar2__search button i {
font-size: 20px;
}
}
.sidebar2__tags {
border-bottom: 3px solid #e12454;
background: #f1f1f1;
}
.sidebar2__tags--content {
padding: 30px 30px 20px;
}
.sidebar2__tags--content a {
display: inline-block;
background: #fff;
color: #223645;
padding: 7px 12px;
font-weight: 600;
font-size: 16px;
margin-right: 5px;
margin-bottom: 10px;
border-radius: 3px;
}
.sidebar2__tags--content a:hover {
background: #e12454;
color: #fff;
}
.sidebar2__questions {
border-bottom: 3px solid #e12454;
background: #f1f1f1;
}
.sidebar2__questions--thumb {
position: relative;
}
.sidebar2__questions--btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.sidebar2__questions--btn a {
display: inline-block;
background: rgba(255, 255, 255, 0.7);
border-radius: 3px;
padding: 14px 35px;
color: #e12454;
font-size: 16px;
line-height: 26px;
font-weight: 600;
width: 162px;
}
/*==================================================
===| 19. Other Sections (Author CSS End)
===================================================*/
.appointment1 {
position: relative;
z-index: 500;
margin-top: -68px;
}
@media only screen and (max-width: 1199px) {
.appointment1 {
display: none;
}
}
.appointment1__wrapper {
-webkit-box-shadow: 0px 20px 27px 0px rgba(238, 238, 238, 0.47);
box-shadow: 0px 20px 27px 0px rgba(238, 238, 238, 0.47);
position: relative;
background-color: #fff;
}
.appointment1__wrapper:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 2px;
background-color: #e12454;
}
.appointment1__item {
position: relative;
padding: 40px 0px 75px 40px;
}
.appointment1__item--thumb {
position: absolute;
left: 40px;
top: 40px;
height: 60px;
width: 60px;
border-radius: 100px;
text-align: center;
line-height: 57px;
border: 1px dashed #bababa;
background-color: #fff;
z-index: 300;
}
.appointment1__item--content {
padding-left: 80px;
}
.appointment1__item--content h4 {
font-size: 16px;
font-weight: 500;
line-height: 18px;
color: #292929;
text-transform: uppercase;
margin: 5px 0px 0px 0px;
}
.appointment1__item--content input {
border: none;
color: #bababa;
font-size: 14px;
line-height: 18px;
font-weight: 500;
margin-top: 12px;
}
.appointment1__item--content input::-webkit-input-placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content input:-ms-input-placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content input::-ms-input-placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content input::-webkit-input-placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content input::-moz-placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content input:-ms-input-placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content input::placeholder {
color: #999;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.appointment1__item--content .nice-select {
padding: 0px;
border: none;
font-size: 14px;
color: #999;
font-weight: 500;
}
.appointment1__item--content .nice-select:after {
border: none;
content: "\f078";
font-family: "Font Awesome 5 Free";
font-weight: 900;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
top: 5px;
right: 0px;
color: #999;
font-size: 14px;
}
.appointment1__item.item-01 .nice-select:after {
right: -15px;
}
.appointment1__btn {
position: relative;
width: 100%;
}
.appointment1__btn a {
position: absolute;
top: 40px;
right: 40px;
}
.appointment1__btn:before {
width: 100%;
height: 138px;
background: #ffd9db;
border-radius: 100px 0px 0px 100px;
position: absolute;
content: "";
}
@media only screen and (max-width: 400px) {
.home1.conference {
display: none;
}
}
.home1 .appointment1__wrapper:before {
height: 1px;
}
.home1 .appointment1__btn:before {
display: none;
}
.home1 .appointment1__item--thumb {
border-radius: 0px;
border: 1px solid #ececec;
}
.home1 .appointment1__item.input1 {
padding: 40px 0px 45px 40px;
}
@media only screen and (max-width: 1199px) {
.home1 .appointment1__item.input1 {
padding: 0px 0px 0px 40px;
}
.home1 .appointment1__item.input1 .appointment1__item--thumb {
top: 0px;
}
}
@media only screen and (max-width: 1199px) {
.home1 .appointment1__btn {
min-height: 140px;
margin-top: 10px;
}
.home1 .appointment1__btn a {
right: auto;
left: 120px;
}
}
.home1 .appointment1__btn .appointment1__item--thumb {
background-color: #ffd9db;
border: none;
left: 0px;
}
@media only screen and (max-width: 1199px) {
.home1 .appointment1__btn .appointment1__item--thumb {
left: 40px;
}
}
.home1 .appointment1__item.item-01 .nice-select:after {
right: 50px;
}
.appointment2 {
background: url(../img/background/bg-05.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.appointment2__item {
position: relative;
background: #e8e8e8;
width: 100%;
padding: 26px;
border-radius: 72px;
}
@media only screen and (max-width: 400px) {
.appointment2__item {
padding: 0px;
}
}
.appointment2__item:hover .appointment2__thumb {
background: #e12454;
border-color: #fff;
}
.appointment2__item:hover .appointment2__thumb i {
color: #fff;
}
.appointment2__thumb-wrapper {
width: 100px;
height: 100px;
border-radius: 100%;
background: #fff;
text-align: center;
line-height: 100px;
padding-left: 20px;
padding-top: 20px;
position: absolute;
left: 20px;
top: 20px;
}
@media only screen and (max-width: 400px) {
.appointment2__thumb-wrapper {
width: 80px;
height: 80px;
top: 4px;
left: 5px;
background: #e12454;
padding-top: 10px;
padding-left: 10px;
}
}
.appointment2__thumb {
width: 60px;
height: 60px;
border-radius: 100%;
border: 1px dashed #bababa;
text-align: center;
line-height: 74px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 400px) {
.appointment2__thumb {
border-color: #fff;
}
}
.appointment2__thumb i {
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
@media only screen and (max-width: 400px) {
.appointment2__thumb i {
color: #fff;
}
}
.appointment2__thumb i:before {
font-size: 30px;
}
.appointment2__content {
background: #fff;
padding-left: 95px;
padding-top: 22px;
padding-bottom: 22px;
border-radius: 72px;
}
.appointment2__content h4 {
font-size: 16px;
font-weight: 500;
color: #292929;
line-height: 18px;
text-transform: uppercase;
}
.appointment2__content p {
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #797979;
}
.appointment3 {
overflow: hidden;
position: relative;
height: 758px;
}
@media only screen and (max-width: 1199px) {
.appointment3 {
height: auto;
}
}
.appointment3__thumb {
position: absolute;
background: url(../img/background/bg-12.jpg);
height: 100%;
width: calc(50% - 73px);
left: calc(50% + 73px);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media only screen and (max-width: 1199px) {
.appointment3__thumb {
display: none;
}
}
.appointment3__thumb2 {
position: absolute;
background: url(../img/png-img/png-img-14.png);
height: 100%;
width: calc(50% + 73px);
left: 0px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media only screen and (max-width: 1199px) {
.appointment3__thumb2 {
width: 100%;
}
}
.appointment3 .form-control {
border: none;
font-size: 16px;
border-radius: 5px;
}
.appointment3 .form-control::-webkit-input-placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment3 .form-control:-ms-input-placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment3 .form-control::-ms-input-placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment3 .form-control::-webkit-input-placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment3 .form-control::-moz-placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment3 .form-control:-ms-input-placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment3 .form-control::placeholder {
color: #818181;
text-transform: capitalize;
font-size: 16px;
}
.appointment4 {
padding-bottom: 62px;
position: relative;
}
.appointment4:after {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../img/png-img/png-img-21.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
z-index: -500;
content: "";
}
@media only screen and (max-width: 1199px) {
.appointment4:after {
display: none;
}
}
.appointment4:before {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: #f1f1f1;
content: "";
z-index: -1000;
}
.appointment4__item {
background: #f9f9f9;
padding: 30px 0px;
-webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
}
.appointment4__item h5 {
font-size: 16px;
line-height: 18px;
font-weight: 600;
color: #292929;
margin-top: 20px;
}
.appointment4__item:hover h5 a {
color: #e12454;
}
.appointment4__item:hover .appointment4__thumb {
border-color: #e12454;
background: #e12454;
}
.appointment4__item:hover .appointment4__thumb i {
color: #fff;
}
.appointment4__thumb-wrapper {
width: 100px;
height: 100px;
border-radius: 100%;
text-align: center;
line-height: 100px;
-webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
box-shadow: 0px 12px 24.3px 2.7px rgba(228, 226, 226, 0.78);
padding: 20px;
margin: 0px auto;
}
.appointment4__thumb {
width: 60px;
height: 60px;
border: 1px solid #bababa;
border-radius: 100%;
text-align: center;
line-height: 72px;
background: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.appointment4__thumb i {
color: #e12454;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.appointment4__thumb i:before {
font-size: 25px;
}
.appointment4__content {
margin-top: 20px;
}
.appointment4__content h3 {
font-size: 36px;
line-height: 48px;
font-weight: bold;
}
.appointment4__content h3 span {
color: #e12454;
}
@media only screen and (max-width: 991px) {
.appointment4__content h3 {
font-size: 26px;
line-height: 36px;
}
}
.appointment4__content ul {
margin-top: 31px;
}
@media only screen and (max-width: 991px) {
.appointment4__content ul {
margin-top: 20px;
}
}
.appointment4__content ul li {
display: inline-block;
}
.appointment4__content ul li a {
font-size: 24px;
font-weight: 600;
line-height: 30px;
color: #292929;
}
@media only screen and (max-width: 991px) {
.appointment4__content ul li a {
font-size: 18px;
line-height: 28px;
}
}
.appointment4__content ul li a:hover {
color: #e12454;
}
.appointment4__content ul li a span {
color: #e12454;
margin: 0px 15px;
}
@media only screen and (max-width: 991px) {
.appointment4__content ul li a span {
margin: 0px 10px;
}
}
.care1 {
position: relative;
overflow: hidden;
}
.care1__thumb1 {
background: url(../img/about/about-04.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 50%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
}
@media only screen and (max-width: 991px) {
.care1__thumb1 {
display: none;
}
}
.care1__thumb2 {
background: url(../img/about/about-05.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 50%;
height: 100%;
position: absolute;
right: 0px;
top: 0px;
}
@media only screen and (max-width: 991px) {
.care1__thumb2 {
width: 100%;
}
}
.care1__thumb3 {
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px dashed #ff4555;
margin: 0px auto;
background-color: #fff;
position: relative;
line-height: 70px;
}
.care1__thumb3:before {
position: absolute;
content: "";
left: 9px;
top: 9px;
width: 50px;
height: 50px;
background-color: #e12454;
z-index: 0;
border-radius: 100%;
}
.care1__thumb3 span {
position: absolute;
right: 15px;
top: 1px;
height: 5px;
width: 5px;
background-color: #ff4555;
z-index: 50;
content: "";
border-radius: 100%;
}
.care1__thumb3 span:before {
position: absolute;
width: 5px;
height: 5px;
background-color: #ff4555;
content: "";
left: -51px;
top: 35px;
border-radius: 100%;
}
.care1__thumb3 span:after {
position: absolute;
width: 10px;
height: 10px;
background-color: #ff4555;
content: "";
left: -38px;
top: 57px;
border-radius: 100%;
}
.care1__thumb3 img {
position: relative;
z-index: 10;
}
.care1__content h4 {
font-size: 24px;
line-height: 24px;
color: #292929;
font-weight: 400;
margin-bottom: 32px;
}
@media only screen and (max-width: 991px) {
.care1__content h4 {
font-size: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 479px) {
.care1__content h4 {
font-size: 18px;
}
}
.care1__content h2 {
font-size: 60px;
font-weight: 700;
line-height: 65px;
color: #223645;
margin-bottom: 45px;
}
@media only screen and (max-width: 991px) {
.care1__content h2 {
font-size: 45px;
line-height: 50px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 479px) {
.care1__content h2 {
font-size: 32px;
}
}
.care2 {
position: relative;
background: url(../img/png-img/png-img-09.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
overflow: hidden;
}
.care2__thumb1 {
width: 70px;
height: 70px;
border-radius: 100%;
border: 1px dashed #ff4555;
margin: 0px auto;
background-color: #fff;
position: relative;
line-height: 70px;
}
.care2__thumb1:before {
position: absolute;
content: "";
left: 9px;
top: 9px;
width: 50px;
height: 50px;
background-color: #e12454;
z-index: 0;
border-radius: 100%;
}
.care2__thumb1 span {
position: absolute;
right: 15px;
top: 1px;
height: 5px;
width: 5px;
background-color: #ff4555;
z-index: 50;
content: "";
border-radius: 100%;
}
.care2__thumb1 span:before {
position: absolute;
width: 5px;
height: 5px;
background-color: #ff4555;
content: "";
left: -51px;
top: 35px;
border-radius: 100%;
}
.care2__thumb1 span:after {
position: absolute;
width: 10px;
height: 10px;
background-color: #ff4555;
content: "";
left: -38px;
top: 57px;
border-radius: 100%;
}
.care2__thumb1 img {
position: relative;
z-index: 10;
}
.care2__content h4 {
font-size: 24px;
line-height: 24px;
color: #292929;
font-weight: 400;
margin-bottom: 32px;
}
@media only screen and (max-width: 991px) {
.care2__content h4 {
font-size: 20px;
margin-bottom: 20px;
}
}
@media only screen and (max-width: 479px) {
.care2__content h4 {
font-size: 18px;
}
}
.care2__content h2 {
font-size: 60px;
font-weight: 700;
line-height: 65px;
color: #223645;
margin-bottom: 45px;
}
@media only screen and (max-width: 991px) {
.care2__content h2 {
font-size: 45px;
line-height: 50px;
margin-bottom: 35px;
}
}
@media only screen and (max-width: 479px) {
.care2__content h2 {
font-size: 32px;
}
}
.working_process1 {
position: relative;
}
.working_process1__thumb1 {
position: absolute;
width: 100%;
height: auto;
left: 0px;
top: 315px;
z-index: -5;
}
.working_process1__thumb2 {
position: absolute;
left: 0px;
bottom: 0px;
z-index: -5;
}
.working_process1__item:hover .working_process1__thumb:before {
background-color: #e12454;
}
.working_process1__thumb {
padding: 15px;
border: 1px dashed #e3e3e3;
border-radius: 100%;
background-color: #fff;
position: relative;
}
.working_process1__thumb:before {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: #ffedf0;
top: 10px;
left: 0px;
border-radius: 100%;
z-index: -1;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.working_process1__thumb img {
border: 1px solid #e3e3e3;
border-radius: 100%;
}
.working_process1__content {
padding: 0px 20px;
}
@media only screen and (max-width: 767px) {
.working_process1__content {
padding: 0px 0px;
}
}
.working_process1__content h3 {
font-size: 20px;
line-height: 30px;
font-weight: 600;
color: #292929;
margin-bottom: 19px;
}
.working_process1__content p {
font-size: 14px;
line-height: 24px;
}
.working_process1__bottom-text {
background-color: #fff;
-webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
border: 1px solid #ffedf0;
padding: 30px 100px;
}
@media only screen and (max-width: 1199px) {
.working_process1__bottom-text {
padding: 30px 60px;
}
}
@media only screen and (max-width: 767px) {
.working_process1__bottom-text {
padding: 30px 20px;
}
}
.working_process1__bottom-text p {
font-size: 16px;
line-height: 24px;
}
.working_process1__bottom-text p a {
color: #e12454;
}
.working_process1__bottom-text p a:hover {
color: #cf1c4a;
}
.gallery1 {
background: url(../img/png-img/png-img-06.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.gallery1 .title2 h4 {
color: #eaeaea;
}
.gallery1 .title2 h2 {
color: #eaeaea;
}
.gallery1 .title2 p {
color: #eaeaea;
}
.gallery1__item {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.gallery1__item a {
position: absolute;
font-size: 30px;
color: #fff;
bottom: 40%;
left: 50%;
-webkit-transform: translate(-50%, 50%);
-ms-transform: translate(-50%, 50%);
transform: translate(-50%, 50%);
width: 100px;
height: 100px;
border: 1px dashed #fff;
border-radius: 100%;
text-align: center;
line-height: 100px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
visibility: visible;
}
.gallery1__item:hover .gallery1__thumb:before {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.gallery1__item:hover a {
bottom: 50%;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
visibility: visible;
}
.gallery1__thumb {
position: relative;
}
.gallery1__thumb:before {
position: absolute;
content: "";
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: rgba(225, 36, 84, 0.85);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.gallery1__bottom p {
color: #eaeaea;
font-weight: 500;
line-height: 30px;
margin-top: 40px;
margin-bottom: 0px;
}
.gallery1__bottom p a {
color: #e12454;
}
.slider-section-dots {
position: relative;
}
.slider-section-dots .owl-dots {
position: absolute;
bottom: -26px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
margin: 0 auto;
margin-bottom: 10px;
}
.slider-section-dots .owl-dots .owl-dot.active span,
.slider-section-dots .owl-dots .owl-dot:hover span {
background: #e12454;
border: 1px solid #e12454;
}
.slider-section-dots .owl-dots .owl-dot span {
width: 10px;
height: 10px;
border-radius: 100px;
border: 1px dashed #e12454;
background: transparent;
margin: 0px 3px;
}
.gallery2 {
background: url(../img/png-img/png-img-26.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.gallery2__content {
padding-right: 50px;
}
@media only screen and (max-width: 1199px) {
.gallery2__content {
padding-right: 0px;
}
}
@media only screen and (max-width: 991px) {
.gallery2__content {
margin-top: 40px;
}
}
.gallery2__content h3 {
font-size: 36px;
line-height: 46px;
font-weight: bold;
margin-bottom: 30px;
}
@media only screen and (max-width: 479px) {
.gallery2__content h3 {
font-size: 28px;
line-height: 38px;
}
}
.gallery2__content h3 span {
color: #e12454;
font-size: 36px;
font-weight: bold;
line-height: 46px;
}
@media only screen and (max-width: 479px) {
.gallery2__content h3 span {
font-size: 28px;
line-height: 38px;
}
}
.gallery2__content > span {
font-size: 18px;
line-height: 28px;
font-weight: 600;
color: #223645;
margin-bottom: 7px;
display: block;
}
.gallery2__thumb {
border-radius: 10px;
overflow: hidden;
position: relative;
}
.gallery2__thumb > img {
width: 100%;
}
.gallery2__thumb .about3__video--thumb-wrapper {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.counter1__bg-01 {
background: url(../img/png-img/png-img-07.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.counter1__bg-02 {
background: url(../img/png-img/png-img-33.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.counter1__item:hover .counter1__thumb {
border-color: #e12454;
}
.counter1__item:hover .counter1__thumb i {
color: #fff;
}
.counter1__item:hover .counter1__thumb:before {
background: #e12454;
}
.counter1__thumb {
width: 124px;
height: 124px;
border: 1px dashed #3d8080;
margin: 0 auto;
border-radius: 100%;
position: relative;
padding-top: 20px;
margin-bottom: 24px;
}
.counter1__thumb:before {
position: absolute;
content: "";
left: 10px;
top: 10px;
width: 103px;
height: 103px;
background: #fff;
z-index: 10;
border-radius: 100%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.counter1__thumb i {
color: #000;
position: absolute;
z-index: 20;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.counter1__thumb i:before {
font-size: 55px;
}
.counter1__content h3 {
font-size: 36px;
line-height: 36px;
font-weight: 600;
color: #223645;
margin-bottom: 14px;
position: relative;
display: inline-block;
}
.counter1__content h3:before {
position: absolute;
content: "+";
color: #223645;
font-size: 36px;
top: 0px;
right: -25px;
}
.counter1__content p {
font-size: 18px;
line-height: 18px;
font-weight: 600;
color: #292929;
}
.counter2 {
background: url(../img/png-img/png-img-15.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.counter2__item {
padding: 0px 50px 34px;
position: relative;
}
@media only screen and (max-width: 1199px) {
.counter2__item {
padding: 0px 0px 34px;
}
}
.counter2__item:before {
position: absolute;
content: "";
left: 50%;
bottom: 0px;
width: 115px;
height: 3px;
background: #e12454;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.counter2__item h3 {
color: #e12454;
font-size: 72px;
line-height: 72px;
font-weight: 800;
margin-bottom: 20px;
}
.counter2__item p {
color: #fff;
font-weight: 600;
font-size: 18px;
}
.cta1 {
background: #e12454;
padding: 33px 50px;
}
.cta1 p {
color: #fff;
font-size: 16px;
line-height: 26px;
}
.cta1 p a {
color: #292929;
}
.cta2 {
background: url(../img/png-img/png-img-18.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.cta2__padding {
padding: 60px 0px;
}
.cta2__padding p {
font-size: 24px;
font-weight: 600;
line-height: 34px;
color: #fff;
}
@media only screen and (max-width: 1199px) {
.cta2__padding p {
font-size: 18px;
line-height: 28px;
}
}
@media only screen and (max-width: 991px) {
.cta2__padding p {
font-size: 16px;
line-height: 26px;
}
}
@media only screen and (max-width: 767px) {
.cta2__padding p {
line-height: 26px;
}
}
.cta2__padding p a {
color: #000;
}
.cta3 {
background: url(../img/background/bg-16.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.cta3__content h3 {
font-size: 40px;
line-height: 50px;
font-weight: bold;
color: #fff;
margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
.cta3__content h3 {
font-size: 30px;
line-height: 40px;
margin-bottom: 20px;
}
}
.cta3__content p {
font-size: 18px;
line-height: 28px;
color: #fff;
font-weight: bold;
margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
.cta3__content p {
font-size: 16px;
font-weight: 600;
margin-bottom: 30px;
}
}
.cta3 a {
background: #dff3fd;
color: #e12454;
padding: 18px 85px 18px 35px;
}
.cta3 a i {
background: #e12454;
height: 50px;
width: 50px;
line-height: 50px;
color: #fff;
}
.cta3 a:hover {
background: #e12454;
color: #fff;
}
.cta3 a:hover i {
background: #ffd9db;
color: #e12454;
}
.cta4 {
background: url(../img/png-img/png-img-28.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.cta4 .title2 p {
color: #223645;
letter-spacing: 1px;
word-spacing: 2px;
margin-bottom: 40px;
}
.pricing1 {
background: url(../img/png-img/png-img-10.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.pricing1__row {
-webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
border: 1px solid #ffedf0;
margin-top: 110px;
margin-bottom: 50px;
}
@media only screen and (max-width: 991px) {
.pricing1__row {
margin-bottom: 0px;
margin-top: 64px;
}
}
.pricing1__item {
position: relative;
z-index: 10;
}
.pricing1__thumb--style {
position: absolute;
z-index: 40;
width: 124px;
height: 124px;
border: 1px dashed #b7b7b7;
top: -150px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 100%;
background: #fff;
}
.pricing1__thumb--style:before {
position: absolute;
width: 100px;
height: 100px;
content: "";
border: 1px dashed #b7b7b7;
top: 11px;
left: 11px;
border-radius: 100%;
background: #fff;
}
.pricing1__thumb {
-webkit-box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.78);
box-shadow: 0px 0px 24.3px 2.7px rgba(238, 238, 238, 0.78);
width: 70px;
height: 70px;
border-radius: 100%;
line-height: 60px;
position: relative;
z-index: 50;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
}
.pricing1__content {
padding: 0px 50px 50px;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.pricing1__content {
padding: 0px 30px 50px;
}
}
@media only screen and (max-width: 400px) {
.pricing1__content {
padding: 0px 20px 50px;
}
}
.pricing1__content > h4 {
font-size: 30px;
line-height: 36px;
color: #2d3a58;
font-weight: 500;
}
.pricing1__content > p {
color: #bababa;
font-size: 14px;
line-height: 18px;
font-weight: 500;
}
.pricing1__content > h3 {
border-top: 2px solid #e0e0e0;
border-left: 2px solid #e0e0e0;
border-right: 2px solid #e0e0e0;
margin-top: 20px;
color: #292929;
font-size: 30px;
line-height: 30px;
font-weight: bold;
padding-top: 10px;
}
.pricing1__content > ul {
text-align: left;
margin-top: 50px;
margin-bottom: 50px;
}
.pricing1__content > ul li {
border-bottom: 1px solid #e0e0e0;
padding-bottom: 8px;
margin-bottom: 14px;
}
.pricing1__content > ul li span {
font-size: 16px;
}
.pricing1__middle {
position: relative;
z-index: 100;
}
@media only screen and (max-width: 991px) {
.pricing1__middle {
margin-top: 210px;
margin-bottom: 175px;
}
}
.pricing1__middle:before {
position: absolute;
width: 100%;
height: 755px;
content: "";
-webkit-box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
box-shadow: 0px 12px 24.3px 2.7px rgba(238, 238, 238, 0.78);
border: 1px solid #ffedf0;
background: #fff;
z-index: 5;
top: -200px;
}
.pricing1__middle:after {
position: absolute;
width: 100%;
height: 44px;
content: "";
background: #ffbed3;
z-index: 6;
left: 0px;
top: -108px;
}
.pricing1__middle .pricing1__thumb {
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
}
.pricing1__middle .pricing1__thumb--style:before {
background: #ffbed3;
border: none;
}
.pricing2 {
background: url(../img/png-img/png-img-27.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.pricing2.other_page {
background: #f9f9f9;
}
.pricing2__item {
background: #fff;
border-radius: 20px;
overflow: hidden;
padding: 12px;
}
.pricing2__thumb {
border-radius: 20px;
overflow: hidden;
position: relative;
}
.pricing2__thumb img {
width: 100%;
height: auto;
}
.pricing2__data1 {
position: absolute;
top: 10px;
left: 10px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50px;
}
.pricing2__data1 span {
font-size: 16px;
line-height: 1.5;
font-weight: 600;
color: #3d8080;
display: inline-block;
padding: 6px 20px;
}
.pricing2__data1--box {
background: rgba(255, 255, 255, 0.6);
position: relative;
height: 100%;
width: 100%;
border-radius: 50px;
margin-left: 5px;
}
.pricing2__data2 {
position: absolute;
bottom: 10px;
left: 10px;
background: rgba(244, 59, 75, 0.7);
border-radius: 50px;
}
.pricing2__data2 span {
font-size: 16px;
line-height: 1.5;
font-weight: 500;
color: #fff;
display: inline-block;
padding: 6px 20px;
}
.pricing2__data2--box {
background: rgba(244, 59, 75, 0.7);
position: relative;
height: 100%;
width: 100%;
border-radius: 50px;
margin-left: 5px;
}
.pricing2__content {
position: relative;
padding: 12px 10px 8px;
}
.pricing2__content h4 a {
font-size: 22px;
line-height: 32px;
font-weight: bold;
color: #223645;
/* margin-left: 15px;
margin-top: 14px; */
display: inline-block;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
.pricing2__content h4 a {
font-size: 18px;
}
}
@media only screen and (max-width: 400px) {
.pricing2__content h4 a {
font-size: 18px;
margin-left: 0px;
}
}
.pricing2__content h4 a:hover {
color: #e12454;
}
.pricing2__content > a {
width: 55px;
height: 55px;
display: inline-block;
border-radius: 100%;
background: #dedede;
line-height: 57px;
text-align: center;
color: #3d8080;
font-size: 16px;
position: absolute;
right: 5px;
top: 15px;
}
.pricing2__content > a:hover {
background: #e12454;
color: #fff;
}
.pricing2 .owl-item img {
display: inline-block;
width: auto;
}
.pricing2 .owl-carousel .owl-nav button.owl-prev,
.pricing2 .owl-carousel .owl-nav button.owl-next {
height: 60px;
width: 60px;
background: #fff;
color: #223645;
text-align: center;
position: absolute;
top: 50%;
left: -90px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 20px;
border-radius: 50%;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.pricing2 .owl-carousel .owl-nav button.owl-prev:hover,
.pricing2 .owl-carousel .owl-nav button.owl-next:hover {
background: #e12454;
color: #fff;
}
@media only screen and (max-width: 1399px) {
.pricing2 .owl-carousel .owl-nav button.owl-prev,
.pricing2 .owl-carousel .owl-nav button.owl-next {
display: none;
}
}
.pricing2 .owl-carousel .owl-nav button.owl-next {
left: auto;
right: -90px;
}
.client1__thumb {
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.client1__thumb:hover {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}
.client1.home2 {
border-bottom: 1px solid #e2e5e7;
}
.client1.home2 {
background: url(../img/png-img/png-img-20.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.client1.home3 {
background: #fcfcfc;
}
.contact1 {
background: url(../img/png-img/png-img-12.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.contact1__info {
border: 1px solid #4a495a;
padding: 75px 50px 68px;
}
@media only screen and (max-width: 479px) {
.contact1__info {
padding: 50px 30px;
}
}
@media only screen and (max-width: 400px) {
.contact1__info {
padding: 50px 20px;
}
}
.contact1__info h3 {
color: #fff;
font-size: 36px;
font-weight: 600;
margin-bottom: 34px;
}
.contact1__info h4 {
color: #e12454;
font-weight: 600;
font-size: 36px;
margin-bottom: 25px;
}
.contact1__info p {
color: #768495;
line-height: 30px;
}
.contact1__thumb-wrapper {
width: 124px;
height: 124px;
margin: 0px auto 30px;
border: 1px dashed #b7b7b7;
border-radius: 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;
}
.contact1__thumb {
border: 1px dashed #b7b7b7;
width: 100px;
height: 100px;
border-radius: 100%;
}
.contact1__thumb img {
margin-top: 20px;
}
.contact2 {
position: relative;
background: #243338;
height: 775px;
overflow: hidden;
}
@media only screen and (max-width: 1399px) {
.contact2 {
height: 740px;
}
}
@media only screen and (max-width: 991px) {
.contact2 {
height: auto;
padding: 80px;
}
}
@media only screen and (max-width: 640px) {
.contact2 {
padding: 80px 20px;
}
}
.contact2__thumb {
background: url(../img/background/bg-15.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 65%;
}
@media only screen and (max-width: 1599px) {
.contact2__thumb {
width: 60%;
}
}
@media only screen and (max-width: 1399px) {
.contact2__thumb {
display: none;
}
}
.contact2__thumb a.contact2__logo {
display: inline-block;
margin-bottom: 32px;
}
.contact2__thumb--content {
position: absolute;
bottom: 0px;
right: 0px;
width: 734px;
height: 440px;
background: #fff;
padding: 75px 60px;
}
@media only screen and (max-width: 991px) {
.contact2__thumb--content {
position: relative;
}
}
.contact2__thumb--content h4 {
font-size: 36px;
line-height: 48px;
font-weight: 600;
}
.contact2__thumb a.btn9 {
position: absolute;
bottom: 0px;
border-radius: 0px;
left: 0px;
}
.contact2__wrapper {
position: absolute;
left: 0px;
top: 0px;
height: 100%;
width: 35%;
}
@media only screen and (max-width: 1599px) {
.contact2__wrapper {
width: 40%;
}
}
@media only screen and (max-width: 1399px) {
.contact2__wrapper {
position: static;
width: 100%;
}
}
.contact2__content {
width: 470px;
border-top: 5px solid #e12454;
border-left: 5px solid #e12454;
border-right: 1px solid #4a495a;
border-bottom: 1px solid #4a495a;
padding: 75px 60px 70px;
}
@media only screen and (max-width: 1399px) {
.contact2__content {
width: 600px;
}
}
@media only screen and (max-width: 575px) {
.contact2__content {
padding: 55px 20px 50px;
}
}
@media only screen and (max-width: 479px) {
.contact2__content {
padding: 50px 20px;
}
}
.contact2__content h3 {
font-size: 36px;
color: #fff;
font-weight: 600;
line-height: 1;
margin-bottom: 35px;
}
@media only screen and (max-width: 479px) {
.contact2__content h3 {
font-size: 24px;
margin-bottom: 25px;
}
}
.contact2__content h4 {
font-size: 36px;
line-height: 1;
color: #f43b4b;
font-weight: 600;
margin-bottom: 23px;
}
@media only screen and (max-width: 479px) {
.contact2__content h4 {
font-size: 24px;
}
}
.contact2__content p {
color: #7a8a9e;
font-size: 16px;
line-height: 30px;
}
.contact2__content--thumb-box {
width: 124px;
height: 124px;
line-height: 124px;
border: 1px dashed #b7b7b7;
margin: 0px auto;
border-radius: 100%;
margin-bottom: 36px;
}
.contact2__content--thumb {
display: inline-block;
width: 100px;
height: 100px;
border: 1px dashed #b7b7b7;
border-radius: 100%;
line-height: 100px;
margin: 0px auto;
}
.contact_page2__form {
background: #296363;
padding: 65px 80px 0px;
border-radius: 0px 20px 20px 0px;
height: 100%;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1199px) {
.contact_page2__form {
padding: 50px 40px 0px;
}
}
@media only screen and (max-width: 991px) {
.contact_page2__form {
padding: 50px 40px 40px;
border-radius: 0px;
}
}
@media only screen and (max-width: 400px) {
.contact_page2__form {
padding: 50px 20px 40px;
}
}
.contact_page2__form:before {
position: absolute;
content: "";
right: 0px;
bottom: 0px;
height: 0px;
width: 0px;
border-bottom: 120px solid #e12454;
border-left: 120px solid transparent;
}
.contact_page2__form > h3 {
color: #fff;
font-size: 36px;
font-weight: 600;
margin-bottom: 52px;
}
@media only screen and (max-width: 1199px) {
.contact_page2__form > h3 {
margin-bottom: 30px;
}
}
.contact_page2__form form .form-control {
background: #243338;
border: none;
border-radius: 30px;
padding: 30px;
margin-bottom: 30px;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
}
.contact_page2__form form .form-control::-webkit-input-placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .form-control:-ms-input-placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .form-control::-ms-input-placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .form-control::-webkit-input-placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .form-control::-moz-placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .form-control:-ms-input-placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .form-control::placeholder {
color: #909090;
text-transform: capitalize;
font-size: 16px;
}
.contact_page2__form form .btn8 {
-webkit-box-shadow: 0px 3px 20px 0px rgba(238, 238, 238, 0.5);
box-shadow: 0px 3px 20px 0px rgba(238, 238, 238, 0.5);
background: #f1f1f1;
}
.contact_page2__form form .btn8:hover {
background: #e12454;
color: #fff;
border-color: #e12454;
-webkit-box-shadow: 0px 3px 20px 0px rgba(225, 36, 84, 0.5);
box-shadow: 0px 3px 20px 0px rgba(225, 36, 84, 0.5);
}
.history1 {
background: url(../img/png-img/png-img-13.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
@media only screen and (max-width: 1199px) {
.history1 {
padding: 60px 0px;
background: none;
}
}
.history1__left {
border-top: 3px solid #e12454;
background: #fff;
padding: 25px 30px 12px;
-webkit-box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
position: relative;
top: -75px;
z-index: 1000;
}
@media only screen and (max-width: 1199px) {
.history1__left {
top: 0px;
margin-bottom: 40px;
}
}
@media only screen and (max-width: 767px) {
.history1__left {
padding: 25px 30px 30px;
}
}
@media only screen and (max-width: 400px) {
.history1__left {
padding: 25px 20px;
}
}
.history1__left--content {
height: 100%;
}
.history1__left--content h3 {
font-size: 24px;
font-weight: 600;
line-height: 24px;
margin-bottom: 23px;
}
@media only screen and (max-width: 400px) {
.history1__left--content h3 {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.history1__left--content ul {
margin-bottom: 40px;
}
}
.history1__left--content ul li {
border-bottom: 1px solid #ebf5f5;
padding-bottom: 11px;
margin-bottom: 16px;
}
@media only screen and (max-width: 400px) {
.history1__left--content ul li span {
font-size: 14px;
}
}
.history1__left--thumb {
background: url(../img/about/about-06.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 140px;
position: relative;
}
.history1__left--thumb a {
width: 50px;
height: 50px;
text-align: center;
line-height: 52px;
color: #e12454;
border-radius: 100%;
background: #fff;
position: absolute;
-webkit-animation: radial_pulse1 2.5s infinite;
animation: radial_pulse1 2.5s infinite;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.history1__right {
border-top: 3px solid #e12454;
background: #fff;
padding: 25px 30px 28px;
-webkit-box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
box-shadow: 0px 3px 7px 0px rgba(244, 244, 244, 0.88);
position: relative;
top: -75px;
z-index: 1000;
}
@media only screen and (max-width: 1199px) {
.history1__right {
top: 0px;
}
}
@media only screen and (max-width: 400px) {
.history1__right {
padding: 25px 20px;
}
}
.history1__right h3 {
font-size: 24px;
line-height: 25px;
font-weight: 600;
margin-bottom: 15px;
}
@media only screen and (max-width: 400px) {
.history1__right h3 {
font-size: 20px;
}
}
.history1__right p {
font-size: 16px;
line-height: 24px;
color: #768495;
margin-bottom: 17px;
}
@media only screen and (max-width: 400px) {
.history1__right p {
font-size: 14px;
}
}
.accordion_style_01 .card {
border: none;
margin-bottom: 22px;
border-radius: 0px;
}
.accordion_style_01 .card-header {
padding: 0px;
border: none;
background-color: #fff;
}
.accordion_style_01 .card-header h5 {
margin-bottom: 1px;
}
.accordion_style_01 .card-header a {
display: block;
padding: 13px 42px 12px 20px;
font-size: 16px;
line-height: 26px;
font-weight: 600;
color: #223645;
border: none;
background: #fff;
position: relative;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
}
.accordion_style_01 .card-header a span {
color: #e12454;
margin-right: 8px;
}
.accordion_style_01 .card-header a:hover {
border-color: #e12454;
}
.accordion_style_01 .card-header a i {
position: absolute;
right: 20px;
top: 14px;
color: #223645;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.accordion_style_01 .card-header a:hover i {
color: #e12454;
}
.accordion_style_01 .card-header a[aria-expanded="true"] {
border-color: #e12454;
}
.accordion_style_01 .card-header a[aria-expanded="true"] i {
color: #e12454;
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.accordion_style_01 .card-body {
padding: 0px 50px 20px 20px;
margin-top: 1px;
}
@media only screen and (max-width: 575px) {
.accordion_style_01 .card-body {
padding: 0px 20px 20px 20px;
}
}
.accordion_style_01 .card-body p {
margin: 0px;
}
.faq1 {
position: relative;
overflow: hidden;
height: 720px;
}
@media only screen and (max-width: 1199px) {
.faq1 {
height: auto;
}
}
.faq1__thumb1 {
background: url(../img/background/bg-13.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
width: calc(48% + 7px);
position: absolute;
left: 0px;
top: 0px;
}
@media only screen and (max-width: 1199px) {
.faq1__thumb1 {
display: none;
}
}
.faq1__thumb2 {
background: url(../img/png-img/png-img-16.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100%;
width: calc(52% - 7px);
position: absolute;
top: 0px;
right: 0px;
}
@media only screen and (max-width: 1199px) {
.faq1__thumb2 {
width: 100%;
}
}
.faq1__thumb3 {
background: url(../img/png-img/png-img-17.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: absolute;
bottom: 0px;
left: 0px;
z-index: 100;
padding: 45px 48px 50px;
}
@media only screen and (max-width: 1199px) {
.faq1__thumb3 {
display: none;
}
}
.faq1__thumb3 h3 {
color: #fff;
font-size: 30px;
line-height: 36px;
font-weight: 600;
margin-bottom: 30px;
}
.faq1__thumb3 a {
border: 1px solid #fff;
}
.faq1__wrapper h3 {
font-size: 30px;
line-height: 30px;
font-weight: bold;
margin-bottom: 42px;
}
.faq2 {
background: url(../img/png-img/png-img-29.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.faq2__item {
position: relative;
}
.faq2__thumb {
width: 30px;
height: 30px;
border-radius: 10px;
background: #e12454;
text-align: center;
line-height: 32px;
position: absolute;
left: 0px;
top: 0px;
}
.faq2__thumb i {
color: #fff;
}
.faq2__content {
padding-left: 40px;
padding-right: 50px;
}
.faq2__content h5 {
font-size: 16px;
line-height: 30px;
font-weight: 600;
margin-bottom: 13px;
}
.faq2__content p {
font-size: 14px;
line-height: 24px;
color: #768495;
}
.why_choose_us1 {
background: #223645;
}
.why_choose_us1 .title2 h2 {
color: #fff;
}
.why_choose_us1__item {
border: 1px solid #e12454;
border-radius: 5px;
padding: 23px 10px 28px;
}
.why_choose_us1__thumb {
text-align: center;
margin-bottom: 6px;
}
.why_choose_us1__thumb i:before {
font-size: 60px;
color: #e12454;
}
.why_choose_us1__content h4 {
color: #fff;
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 10px;
}
.why_choose_us1__content p {
font-size: 14px;
line-height: 24px;
}
.info1__item:hover .info1__icon-box {
background: #e12454;
}
.info1__thumb {
border: 10px solid #f1f1f1;
margin-bottom: 21px;
}
.info1__content {
position: relative;
padding-bottom: 8px;
}
.info1__content:before {
position: absolute;
content: "";
width: 300px;
height: 1px;
background: #e5e5e5;
left: 50%;
top: 105px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -5;
}
@media only screen and (max-width: 991px) {
.info1__content:before {
width: 260px;
}
}
@media only screen and (max-width: 400px) {
.info1__content:before {
width: 220px;
}
}
.info1__content:after {
position: absolute;
content: "";
width: 80px;
height: 1px;
background: #e5e5e5;
left: 50%;
bottom: 0px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: -5;
}
.info1__content h4 {
font-size: 24px;
line-height: 34px;
font-weight: 600;
color: #223645;
margin-bottom: 22px;
}
.info1__content p {
font-size: 16px;
line-height: 24px;
}
.info1__icon-box {
width: 91px;
height: 91px;
border: 1px dashed #d0f6ff;
border-radius: 100%;
padding: 12px;
margin: 0px auto 25px;
background: #fff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.info1__icon {
width: 65px;
height: 65px;
border: 1px solid #f1f1f1;
border-radius: 100%;
background: #fff;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.info1__icon i:before {
font-size: 40px;
color: #e12454;
}
.contact_page1__title h2 {
font-size: 36px;
line-height: 46px;
font-weight: 600;
color: #223645;
}
@media only screen and (max-width: 479px) {
.contact_page1__title h2 {
font-size: 26px;
line-height: 36px;
}
}
.contact_page1__left {
-webkit-box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.8);
box-shadow: 0px 10px 35px 0px rgba(244, 244, 244, 0.8);
background: #fff;
}
.contact_page1__left--heading {
background: #e12454;
padding: 26px 30px 20px;
}
@media only screen and (max-width: 319px) {
.contact_page1__left--heading {
padding: 26px 25px 20px;
}
}
.contact_page1__left--heading h4 {
color: #fff;
font-size: 24px;
line-height: 30px;
font-weight: 600;
}
@media only screen and (max-width: 479px) {
.contact_page1__left--heading h4 {
font-size: 20px;
}
}
.contact_page1__left p {
padding: 35px 30px;
}
@media only screen and (max-width: 319px) {
.contact_page1__left p {
padding: 30px 25px;
}
}
.contact_page1__form .form-control {
background: #f1f1f1;
border: none;
font-size: 16px;
line-height: 26px;
color: #223645;
}
.contact_page1__form .form-control::-webkit-input-placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form .form-control:-ms-input-placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form .form-control::-ms-input-placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form .form-control::-webkit-input-placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form .form-control::-moz-placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form .form-control:-ms-input-placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form .form-control::placeholder {
color: #223645;
font-size: 16px;
line-height: 26px;
text-transform: inherit;
}
.contact_page1__form button.btn9 {
border-radius: 0px;
}
.pagination ul {
display: inline-block;
}
.pagination ul li {
display: inline-block;
}
.pagination ul li a {
font-size: 16px;
font-weight: bold;
color: #768495;
display: inline-block;
width: 40px;
height: 40px;
border: 1px solid #ebebeb;
text-align: center;
line-height: 40px;
border-radius: 100px;
margin: 0px 4px;
}
@media only screen and (max-width: 479px) {
.pagination ul li a {
margin: 0px 4px 8px;
}
}
.pagination ul li a:hover {
color: #fff;
border-color: #e12454;
background: #e12454;
}
.pagination ul li.active a {
background: #e12454;
border-color: #e12454;
color: #fff;
}
/*==================================================
===| 20. Helper classes
===================================================*/
/*
* Hide visually and from screen readers
*/
.hidden {
display: none !important;
}
/*
* Hide only visually, but have it available for screen readers:
* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
*
* 1. For long content, line feeds are not interpreted as spaces and small width
* causes content to wrap 1 word per line:
* https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
*/
.visuallyhidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
white-space: nowrap;
/* 1 */
}
/*
* Extends the .visuallyhidden class to allow the element
* to be focusable when navigated to via the keyboard:
* https://www.drupal.org/node/897638
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
white-space: inherit;
}
/*
* Hide visually and from screen readers, but maintain layout
*/
.invisible {
visibility: hidden;
}
/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/
.clearfix:before,
.clearfix:after {
content: " ";
/* 1 */
display: table;
/* 2 */
}
.clearfix:after {
clear: both;
}
/* ==========================================================================
EXAMPLE Media Queries for Responsive Design.
These examples override the primary ('mobile first') styles.
Modify as content requires.
========================================================================== */
@media only screen and (min-width: 35em) {
/* Style adjustments for viewports that meet the condition */
}
@media print,
(-webkit-min-device-pixel-ratio: 1.25),
(-o-min-device-pixel-ratio: 5/4),
(min-resolution: 1.25dppx),
(min-resolution: 120dpi) {
/* Style adjustments for high resolution devices */
}
/* ==========================================================================
Print styles.
Inlined to avoid the additional HTTP request:
https://www.phpied.com/delay-loading-your-print-css/
========================================================================== */
@media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important;
/* Black prints faster */
-webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
/*
* Don't show links that are fragment identifiers,
* or use the `javascript:` pseudo protocol
*/
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre {
white-space: pre-wrap !important;
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
/*
* Printing Tables:
* http://css-discuss.incutio.com/wiki/Printing_Tables
*/
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
/*==================================================
===| Style CSS End
===================================================*/
@media (max-width: 992px) {
.header__logo {
text-align: left !important;
}
.header__logo img {
width: 70% !important;
}
.mean-container .mean-bar {
margin-top: -30px !important;
}
}
@media (max-width: 767px) {
.header.home2 .header__logo img {
max-width: 215px;
}
.mean-container .mean-bar {
margin-top: -15px !important;
}
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.swiper-pagination-bullet-active {
background: #e7b2ac !important;
}
.textgrey{
color: #ccc !important;
}
.product-img img{
border-radius: 30px;
}
.pdul li{
list-style-type: disc !important;
margin-left: 40px;
}