body {
color: #454545;
background-color: #fff;
font-family: 'Poppins', sans-serif;
}
ul {
list-style: none;
margin:0;
padding:0;
}
.navbar-nav li a:hover, .navbar-nav li a:focus {
outline:none;
outline-offset: 0;
text-decoration:none;
background: transparent;
}
a {
color: #fff;
text-decoration: none;
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 300ms;
}
a:focus, a:hover {
text-decoration: none;
outline: none;
color: #FFF;
}
h1 {
font-size:36px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 14px;
}
@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
h1, h2, h3, h4, h5, h6, p {
font-family: 'Poppins', sans-serif;
font-weight:normal;
}
.padding-top {
padding-top: 40px;
}
.padding-bottom {
padding-bottom: 40px
}
.section-title {
padding-bottom: 45px;
}
.section-title h3 {
color: #101010;
margin-bottom: 10px;
/* text-transform: uppercase; */
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
font-size: 30px;
margin-top: 0;
font-weight: 600;
}
.section-title-w {
padding-bottom: 45px;
}
.section-title-w h3 {
color: #fff;
margin-bottom: 10px;
text-transform: uppercase;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
font-size: 32px;
margin-top: 0;
font-weight: bold;
}
.title-border {
background-color:#d9232d;
height: 1px;
width:184px;
margin-bottom: 30px;
}
.parallax-section {
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
background-attachment:fixed;
width: 100%;
min-height: 385px;
color: #fff;
font-size:18px;
}
.parallax-content {
/* padding-bottom:70px;
padding-top:110px;*/
padding-bottom: 40px;
padding-top: 70px;
}
.parallax-content h1 {
text-transform: uppercase;
line-height: 48px;
}
.navbar-toggle {
border: 1px solid #e74c3c;
/* margin-top: 15px; */
background-color: #fff;
}
.navbar-toggle .icon-bar {
background-color: #e74c3c;
}
/*========================
========Home CSS==========
==========================*/
.disable_btn{
cursor: not-allowed! important;
pointer-events: none!important;
background-color: rgb(206, 206, 206)!important;
box-shadow: 0 2px 0 #b7b7b7!important;
}
h3.trndngh3{
font-size: 16px !important;
margin: 0;
padding: 0;
line-height: 1.2;
font-weight: 600 !important;
font-family: 'allerregular' !important;
}
.navbar-brand.change-logo {
/* height: 70px; */
/* background: rgba(0, 0, 0, 0.6);*/
/* padding: 24px;*/
line-height: initial !important;
}
.navbar-brand.change-logo h1 {
margin-top: 20px;
}
.navbar-brand.change-logo h2 {
display: none;
}
.navbar-brand.change-logo h1 img {
width: 80%;
}
.main-nav {
/*left: 0;
position: absolute;
top: 0;*/
position: absolute !important;
width: 100% !important;
z-index: 1000 !important;
left: initial !important;
right: initial !important;
top: initial !important;
background: rgba(0, 0, 0, 0.6);
}
.top-bar-hide {
display: none;
}
/*Topbar*/
.top-bar {
/*position:absolute;
right:15px;
top:30px;*/
z-index: 10;
background-color: #2196f3;
min-height: 40px;
}
.top-link-block {
display: inline-flex;
float: right;
}
.top-link-block span {
margin-left: 10px;
color: #fff;
font-family: 'Poppins', sans-serif;
font-size: 14px;
}
.top-link-block span i {
color:#fff !important;
}
.top-bar .top-link-block span {
margin-left: 25px;
color: #fff;
margin: 10px 0;
padding-left: 15px;
}
.top-bar .top-link-block span:first-child {
border-right: solid 1px;
padding: 0 15px 0 0;
}
.top-bar span {
margin-left: 45px;
color:#fff;
}
.top-bar span i {
color: #d9232d;
margin-right: 10px;
font-size: 18px;
}
/*Navigation CSS*/
#navigation .container {
position:relative;
}
a.navbar-brand {
display: block;
height: 70px;
overflow: hidden;
padding: 0px;
color: #fff;
margin-left: 0 !important;
line-height: 72px;
}
.navbar-brand h1 {
margin-bottom: 0;
font-size: 26px;
color: #fff;
font-family: 'Poppins', sans-serif;
}
.navbar-brand h2 {
font-size:14px;
letter-spacing:2px;
text-transform: uppercase;
font-family: 'Poppins', sans-serif;
font-weight: 700;
margin-top: 5px;
}
#navigation .navbar-right {
margin-right: 0px;
padding-left: 50px;
}
#navigation .navbar-right li a {
color: #fff;
font-size:15px;
height: 100%;
padding: 25px 10px;
}
.call-icon {
display: inline-block;
vertical-align: middle;
width: 38px;
height: 38px;
border-radius: 7px;
background-color: #0a7a9a;
text-align: center;
line-height: 34px;
}
.call-icon img {
max-width: 18px;
vertical-align: middle;
}
#navigation .navbar-fixed-top {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 500ms;
}
#navigation .navbar-right.navbar-collapse {
width: 74%;
}
#navigation .navbar-fixed-top .navbar-right {
margin-top: 0;
}
#navigation .navbar-right .navbar-nav {
float:right;
/* border-right: 1px solid #e8e8e8; */
padding-right: 25px;
}
#navigation .navbar-fixed-top .navbar-right li a {
/* line-height: 70px;
padding: 11px 13px; */
}
#navigation .navbar-fixed-top .navbar-right li a.active, #navigation .navbar-fixed-top .navbar-right li a:hover, #navigation .navbar-fixed-top .navbar-right li a:focus, #navigation .navbar-fixed-top .navbar-right li.active a {
color: #E74C3C; /* background-color: #fff;*/
}
#navigation .navbar-right li a.active, #navigation .navbar-right li a:hover, #navigation .navbar-right li a:focus, #navigation .navbar-right li.active a {
color: #0a7a9a; /*background-color: #fff;*/
}
.search {
position: absolute;
top: 88px;
right:15px;
z-index: 1;
}
#navigation .navbar-fixed-top .search {
top: 30px;
}
#navigation .navbar-fixed-top .search .field-toggle {
top: 40px;
}
.search i {
color: #fff;
cursor: pointer;
position: absolute;
right:0;
top: 2px;
}
#navigation .navbar-fixed-top .search i:hover {
color: #fff;
}
.field-toggle {
position: relative;
top: 30px;
right: 0px;
display: none;
height: 50px;
}
.search-form {
padding-left: 10px;
height:35px;
font-size: 14px;
color: #818285;
font-weight: 300;
outline: none;
border: 1px solid #df392e;
margin-top:10px;
}
.search i:hover {
color:#df392e;
}
/*Main Carousel CSS*/
#home-carousel .item {
background-position: center top;
background-repeat: no-repeat;
width:100%;
}
.carousel-caption {
left:15px;
right:15px;
top: 200px;
font-size:15px;
text-align:left;
color:#fff;
text-shadow:none;
}
.carousel-caption h1 {
font-size:46px;
margin-bottom:0;
line-height:27px;
letter-spacing:2px;
}
.carousel-caption h2 {
font-size: 45px;
font-family: 'Poppins', sans-serif;
margin-top: 0px;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
}
.carousel-caption p {
max-width:580px;
}
.brand-promotion {
bottom:92px;
left: 0;
position: absolute;
right: 15px;
color:#fff;
z-index:15;
}
.brand-content {
background-color:rgba(217, 35, 45, 0.85);
padding: 30px 32px;
font-size: 14px;
margin-right: -25px;
}
.brand-content h2 {
text-transform: capitalize;
}
.brand-content:hover {
background-color:rgba(217, 35, 45, 1);
}
.brand-content img {
margin-right: 15px;
margin-top: 15px;
}
.container>.carousel-arrows {
top: 625px;
left:0;
position: relative;
}
.home-carousel-left, .home-carousel-right {
position: absolute;
font-size: 30px;
z-index: 15;
color:#fff;
}
.home-carousel-left {
right: 25px;
}
.home-carousel-right {
right:0px;
}
/*=========================
========Service CSS========
===========================*/
.service-icon {
display:inline-block;
color: #2196F3;
font-size:60px;
line-height: 75px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#service .col-md-3:hover .service-icon {
-moz-transform: scale(1.3);
-webkit-transform: scale(1.3);
-o-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
}
.service-text h4 {
margin-bottom: 30px;
font-family: 'Poppins', sans-serif;
font-size: 18px;
text-transform: uppercase;
color: #393939;
}
/*=========================
==parallax promo-One CSS===
===========================*/
#promo-one {
background-image: url("../images/promotions/promo-one-bg.jpg");
}
#promo-one h2 {
line-height: 28px;
margin-top: 20px;
position: relative;
display: inline-block;
}
/*#promo-one h2:before {
content: '"';
position: absolute;
left: -50px;
top:20px;
font-size: 101px;
font-family: 'Poppins', sans-serif;
}*/
#promo-one h2 span {
display: block;
font-size: 14px;
}
/*=========================
=======Recent-works CSS=======
===========================*/
#recent-works .section-title {
padding-bottom: 35px;
}
.filter {
overflow:hidden;
margin-bottom:50px;
}
.filter li {
display:inline-block;
}
.filter li a {
display:block;
padding:4px 15px;
font-size:18px;
font-weight:300;
color: #454545;
}
.filter li a:hover, .filter li a:active, .filter li a:focus, .filter li a.active {
color:#fff;
background-color:#db2429
}
.portfolio-items li {
width: 24.97%;
float: left;
position: relative;
overflow: hidden;
}
.portfolio-item img {
width: 100%;
}
.portfolio-content {
position:relative;
overflow:hidden;
}
.overlay {
position:absolute;
bottom:0;
left:0;
height:100%;
width:100%;
color: #fff;
padding:30px;
background-color:rgba(217, 35, 45, 0.85);
-webkit-transition:all 0.3s ease-out 0s;
-moz-transition:all 0.3s ease-out 0s;
-ms-transition:all 0.3s ease-out 0s;
-o-transition:all 0.3s ease-out 0s;
transition:all 0.3s ease-out 0s;
}
.overlay h2, .overlay h4 {
-webkit-transition:all 0.3s ease-out 0.15s;
-moz-transition:all 0.3s ease-out 0.15s;
-ms-transition:all 0.3s ease-out 0.15s;
-o-transition:all 0.3s ease-out 0.15s;
transition:all 0.3s ease-out 0.15s;
position: relative;
top:30%;
}
.overlay p {
-webkit-transition:all 0.3s ease-out 0.25s;
-moz-transition:all 0.3s ease-out 0.25s;
-ms-transition:all 0.3s ease-out 0.25s;
-o-transition:all 0.3s ease-out 0.25s;
transition:all 0.3s ease-out 0.25s;
position: relative;
top: 34%;
}
.portfolio-content:hover .overlay a.folio-detail, .portfolio-content:hover .overlay a.folio-link, .portfolio-content:hover .overlay h2, .portfolio-content:hover .overlay p, .portfolio-content:hover .overlay, .team-member:hover .overlay, .team-member:hover .overlay p, .team-member:hover .overlay h4, .team-member:hover .social-icons {
opacity:1;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.overlay a.folio-detail, .overlay a.folio-link {
position:absolute;
left: 35px;
}
.overlay a.folio-link {
bottom:22px;
font-size:24px;
-webkit-transition:all 0.3s ease-out 0.35s;
-moz-transition:all 0.3s ease-out 0.35s;
-ms-transition:all 0.3s ease-out 0.35s;
-o-transition:all 0.3s ease-out 0.35s;
transition:all 0.3s ease-out 0.35s;
}
.overlay a.folio-detail {
top:45px;
font-size:60px;
-webkit-transition:all 0.3s ease-out 0.10s;
-moz-transition:all 0.3s ease-out 0.10s;
-ms-transition:all 0.3s ease-out 0.10s;
-o-transition:all 0.3s ease-out 0.10s;
transition:all 0.3s ease-out 0.10s;
}
.overlay a.folio-detail, .overlay a.folio-link, .overlay p, .overlay h2, .overlay, .overlay h4, .social-icons {
-moz-transform: scale(0.5);
-webkit-transform: scale(0.5);
-o-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
/*=========================
====Isotope filtering=====
===========================*/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item {/* change duration value to whatever you like */
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property:-moz-transform, opacity;
transition-property:transform, opacity;
}
/*=========================
======About Us CSS=========
===========================*/
#about-us {
overflow:hidden;
}
#about-us .section-title {
padding-bottom: 60px;
}
.about-content h2 {
margin-bottom: 25px;
}
.about-content .col-sm-4 {
margin-bottom: 25px;
}
/*=== Skills-Section ==*/
.skills-section {
min-height: 350px;
}
.heading {
margin-bottom: 35px;
}
.skill-circle {
margin: 0 auto;
display: block;
text-align: center;
position: relative;
}
.skill h2 {
text-align: center;
text-transform: uppercase;
margin-top: 15px;
}
.skill-data {
font-size: 24px;
font-family: 'aller_displayregular';
display: block;
text-align: center;
line-height: 185px;
position: absolute;
left: 50%;
margin-left: -25px;
}
/*=======Team-member=======*/
#team-carousel .carousel-inner .col-sm-3 {
padding: 0;
overflow: hidden;
}
.team-member {
position: relative;
}
.our-team {
margin-bottom:100px;
}
.team-member .overlay h4 {
top:15%;
position: relative;
}
.team-member .overlay p {
top:20%;
}
.social-icons {
bottom: 40px;
position: absolute;
-webkit-transition:all 0.3s ease-out 0.15s;
-moz-transition:all 0.3s ease-out 0.15s;
-ms-transition:all 0.3s ease-out 0.15s;
-o-transition:all 0.3s ease-out 0.15s;
transition:all 0.3s ease-out 0.15s;
}
.social-icons li {
float:left;
margin-right:25px;
}
.social-icons li a {
color: #fff;
}
.team-carousel-left, .team-carousel-right {
position: absolute;
bottom:-90px;
color: #d9232d;
background-color:#f7f7f7;
height:55px;
width: 55px;
line-height: 60px;
font-size:24px;
text-align: center;
}
.team-carousel-left i {
margin-left: -4px;
}
.team-carousel-right i {
margin-right: -4px;
}
.team-carousel-left {
left: 50%;
margin-left: -65px;
}
.team-carousel-right {
right:50%;
margin-right: -65px;
}
.team-carousel-left:hover, .team-carousel-right:hover {
background-color: #d9232d;
color: #fff;
}
/*=========================
==parallax promo-two CSS===
===========================*/
#promo-two {
background-image: url("../images/promotions/promo-two-bg.jpg");
}
#promo-two .parallax-content {
padding-top: 70px;
}
.btn.btn-default {
border: 6px solid #fff;
border-radius: 0;
font-size: 18px;
font-weight: 700;
letter-spacing: 2px;
margin-top: 50px;
padding:20px 80px 17px;
text-transform: uppercase;
color: #fff;
background-color:rgba(171, 28, 35, 0.55);
}
.btn.btn-default:hover {
background-color:rgba(171, 28, 35, 0.95);
color: #fff;
}
/*=========================
==========Blog CSS=========
===========================*/
#blog {
overflow: hidden;
}
.single-blog {
margin-bottom:30px;
overflow:hidden;
height:354px;
}
.blog-image {
width:40%;
float:left;
position:relative;
}
.blog-image img {
width:222px;
height:354px;
}
.entry-content {
width:60%;
float:left;
padding:10px 40px 40px 35px;
height:100%;
font-weight:300;
background-color: #f5f5f5;
}
.entry-content a h2 {
color:#454545;
line-height:32px;
margin-bottom: 20px;
}
.entry-meta {
margin-bottom:20px;
}
.entry-meta span a {
color:#333;
margin-right:18px;
font-size:16px;
font-weight:300;
}
.btn.btn-primary {
background-color: #2196F3;
color: #fff;
border: none;
display: inline-block;
font-size: 16px;
font-weight: 300;
padding: 5px 20px;
}
.btn.btn-primary:hover {
background-color:#333132;
color: #fff;
}
.entry-meta span a:hover {
color:#bd1e26;
}
.post-date {
background-color: rgba(245, 245, 245, 0.95);
color: #1E1E1E;
font-size: 48px;
font-weight: 400;
line-height: 30px;
padding: 20px 25px 0;
position: absolute;
right: 0;
text-align: center;
top: 15px;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.single-blog:hover .post-date {
background-color: rgba(217, 35, 45, 0.95);
color: #fff;
}
.post-date span {
font-weight:300;
font-size:18px;
display:block;
}
/*===========================
==parallax promo-three CSS===
=============================*/
#fun-fact {
background-image: url("../images/promotions/promo-three-bg.jpg");
background-color: #d9232d;
}
#fun-fact .parallax-content {
padding-top: 50px;
}
#fun-fact .parallax-content h1 {
font-weight: 700;
}
#fun-fact .funs {
margin-top: 40px;
}
#fun-fact .funs i {
font-size: 48px;
margin-bottom: 20px;
}
h3.timer {
font-size: 120px;
font-family: 'aller_displayregular';
margin-bottom: 0;
margin-top: 20px;
}
/*=========================
========Clients CSS========
===========================*/
#clients-carousel .item {
font-size:0;
text-align:center;
}
#clients-carousel .item ul li {
display:inline-block;
width:25%;
}
#clients-carousel .item img {
opacity: 0.9;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#clients-carousel .item img:hover {
opacity:1;
}
.client-left, .client-right {
color: #1e1e1e;
font-size: 60px;
position: absolute;
bottom: -20px;
}
.client-left:hover, .client-right:hover {
color: #d9232d;
}
.client-left {
left:-20px;
}
.client-right {
right:-20px;
}
#testimonial-carousel .client-right {
/*display:none;*/
color: #bdbcbc
}
#testimonial-carousel .client-left {
/*display:none;*/
color: #bdbcbc
}
/*=========================
=======News Letter CSS=====
==========================*/
#news-letter {
background-image: url("../images/promotions/news-letter-bg.jpg");
background-color: #d9232d;
overflow:hidden;
}
#newsletter input {
background-color: rgba(221, 57, 66, 0.5);
border-width: 0 0 1px 0;
border-style: solid;
border-color: #fff;
color: #fff;
display: block;
margin-top: 35px;
padding: 12px 25px;
width: 100%;
outline: none;
}
#newsletter input:focus {
background-color: rgba(221, 57, 66, 0.9);
}
/*========================
=====Pricing Table CSS====
=========================*/
#pricing-tables {
overflow: hidden;
}
.single-table {
background-color: #fafafa;
}
.single-table h2 {
background-color: #fff;
padding: 8px;
margin-top: 0;
margin-bottom: 0;
display: inline-flex;
width: 100%;
border-bottom: solid 1px #f2f2f2;
}
.price {
font-size: 13px;
background-color: #dedede;
padding: 9px 23px;
margin-bottom: 0;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
}
.price span {
font-size: 24px;
font-weight: 700;
}
.price span.dollar-icon {
font-size: 16px;
font-weight: 400;
position: relative;
top: -5px;
}
.single-table ul {
padding: 5px 20px;
}
.single-table ul li {
margin-top: 8px;
}
.btn-signup {
background-color: #dedede;
border: medium none;
border-radius: 0;
color: #454545;
display: block;
margin-bottom: 0;
margin-top: 10px;
text-align: center;
text-transform: uppercase;
font-weight: 700;
padding: 10px 0;
}
.single-table.featured-table {
background-color: #f2f2f2;
}
.single-table.featured-table h2 {
background-color: #db1820;
color: #fff;
}
.single-table.featured-table .price {
background-color: #c7161c;
color: #fff;
}
.single-table.featured-table .btn-signup, .single-table:hover .btn-signup:hover {
background-color: #2095F2;
color: #fff;
}
/*========================
========Twitter CSS=======
==========================*/
#twitter {
background-image: url("../images/promotions/twitter-bg.jpg");
}
#twitter i {
font-size: 80px;
margin-bottom: 35px;
}
#twitter .parallax-content {
padding-top: 75px;
}
/*=========================
=======Contact us CSS======
===========================*/
#contact-us {
overflow:hidden;
background-color: #fff;
padding-bottom: 45px;
}
#contact-us .section-title {
margin-top: 40px;
padding-bottom: 35px;
}
.contact-content h2 {
margin-bottom: 25px;
font-size: 16px;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
color: #ffffff;
}
.contact-content i {
color: #0a9a69;
font-size: 22px;
margin-right: 5px;
}
.contact-content i.fa-envelope {
font-size: 17px
}
.business-time span {
color: #db1820;
}
.contact-content .form-control {
background-color: #fcfcfc;
border-width:0 0 1px 0;
border-style: solid;
border-color: #d7d7d7;
border-radius: 0;
box-shadow: none;
height: 42px;
margin-bottom: 5px;
}
.contact-content .form-control:focus {
border-color: #db1820;
}
.contact-content textarea.form-control {
min-height: 90px;
resize: none;
}
#contact-form .name-field {
padding-right:7px;
}
#contact-form .email-field {
padding-left: 7px;
}
#contact-form .btn.btn-default {
background-color: #db1820;
color: #fff;
margin-top: 0;
padding: 13px 0 8px;
width: 100%;
border:0;
outline: none;
}
#contact-form .btn.btn-default:hover {
background-color: #bd1e26;
}
/*=========================
========Footer CSS========
===========================*/
#gmap {
height:440px;
}
#footer {
background-color: #fff;
color: #868686;
padding-top: 22px;
padding-bottom: 5px;
font-weight: 400;
position: relative;
}
#footer p {
font-family: 'Poppins', sans-serif;
font-size:13px;
color:#494949;
}
#footer a {
font-weight:400;
color:#494949;
font-size:13px;
}
#footer a.to-top {
left: 50%;
top: -25px;
margin-left:-30px;
position: absolute;
}
#footer a.to-top:before {
content: "";
position: absolute;
border-color: transparent transparent #fff;
border-style: solid;
border-width: 34px 33px;
left: 20px;
top: -40px;
}
#footer p span.lin {
display:inline-block;
vertical-align:middle;
margin:0 7px;
}
/*=============================
===========Blog-single=========
==============================*/
/*========Menu Style========*/
#single-blog-page .main-nav {
top: 0px;
left: 0;
position: fixed;
right: 0;
z-index: 1030;
border-radius: 0;
transform: translate3d(0px, 0px, 0px);
background: #3c3c3c;
}
#single-blog-page .animated {
animation-duration: 0s;
animation-fill-mode: both;
}
#single-blog-page .top-bar {
display:none;
}
#single-blog-page .navbar-brand {
display: flex;
align-items: center;
padding: 0 10px 0 0px;
/* width: 100%; */
}
#single-blog-page .navbar-brand h1 {
margin-top: -5px;
line-height: 87px;
}
#single-blog-page .navbar-brand h1 img {
width: 80%;
}
#single-blog-page #navigation .navbar-right {
margin-top:0;
margin-left:0;
}
#single-blog-page .navbar-collapse.navbar-right {
padding-left:0;
padding-right:0;
}
#single-blog-page #navigation .navbar-right li a {
/* line-height: 48px; */
line-height: 65px;
padding: 15px 17px;
text-transform: capitalize;
}
#single-blog-page #navigation .search {
top: 30px;
}
#single-blog-page #navigation .navbar-right li a.active, #single-blog-page #navigation .navbar-right li a:hover, #single-blog-page #navigation .navbar-right li a:focus, #single-blog-page #navigation .navbar-right li.active a {
/* background-color: #FFFFFF;*/
}
#single-blog-page #navigation .search .field-toggle {
top: 40px;
}
#single-blog-page .search i {
color: #fff;
}
/*========END: Menu Style========*/
#blog-details {
margin-top:175px;
}
.date {
background-color: #d9232d;
color: #fff;
font-size: 18px;
font-weight: 300;
left: 0;
line-height: 35px;
padding: 20px;
position: absolute;
top: 0;
}
.date span {
display:block;
font-size:48px;
}
.blog-content .entry-header {
padding-bottom: 0;
padding-top:0;
position:relative;
}
.blog-content .entry-meta {
margin-bottom: 30px;
}
.entry-header h3 {
color: #000;
font-weight: 300;
margin-top: 45px;
text-transform: uppercase;
}
.blog-content .entry-meta span a {
font-size:16px;
font-weight:300;
}
.social-share {
margin-top: 60px;
overflow: hidden;
}
.social-share ul li {
float:left;
}
.author-details h2 {
font-weight:300;
margin-bottom:35px;
}
.author-social {
margin-bottom: 20px;
margin-top: 30px;
}
.author-social a {
color: #000;
display: inline-block;
font-size: 16px;
height: 35px;
line-height: 35px;
margin-right: 5px;
text-align: center;
width: 35px;
}
.author-social a:hover {
color:#fff;
background-color:#d9232d;
}
.comments-area img, .author-details img {
background:#f4f3f3;
height: 75px;
margin-right: 25px;
padding: 2px;
width: 75px;
}
.parent.media-list {
margin-bottom: 50px;
margin-left:100px;
}
.comments-area h2 {
font-weight: 300;
margin-bottom: 25px;
}
.media-body h3, .media-body h4 {
color: #000;
font-weight: 300;
margin-top:0;
}
.replay-icon {
color:#333;
}
.replay-box {
margin-bottom: 60px;
margin-top: 60px;
}
.replay-box h2 {
margin-bottom:35px;
}
.replay-box .form-control {
border-color:#a8a8a8;
min-height:48px;
box-shadow:none;
border-radius:0;
}
.replay-box textarea.form-control {
height:174px;
}
.replay-box .form-control:focus {
border-color:#d9232d;
}
/*=======Sidebar=========*/
.sidebar h3 {
color: #404040;
border-bottom: 2px solid #dedcdc;
margin-bottom: 7px;
padding-bottom: 8px;
margin-top:0;
}
.recent-post .media-body p {
font-size:12px;
}
.sidebar-item {
margin-bottom: 45px;
}
.categories .navbar-stacked li {
border-bottom: 1px solid #dedcdc;
}
.categories .navbar-stacked li:last-child {
border-bottom: 0px;
}
.categories .navbar-stacked li a {
color: #444;
padding: 8px 0 8px 0;
}
.categories .navbar-stacked li a:hover {
color: #d9232d;
opacity: 1;
}
.categories .navbar-stacked li.active a {
color: #d9232d;
}
.sidebar-item .media {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
padding-top: 20px;
margin-top: 0;
}
.sidebar-item.recent-post img {
max-width:60px;
}
.sidebar-item .media:last-child {
border-bottom: 0px solid #ccc;
padding-bottom: 0;
}
.sidebar-item .media:hover.media .media-body h4 a {
color: #d9232d;
}
.sidebar-item .media .media-body h4 {
margin-top: 0;
margin-bottom: 8px;
}
.sidebar-item .media .media-body h4 a {
color: #908f8f;
font-size: 16px;
}
.tag-cloud .nav-pills {
margin-top: 15px;
}
.tag-cloud .nav-pills li {
margin: 0;
margin-top: 6px;
margin-right: 4px;
}
.tag-cloud .nav-pills li a {
font-size: 14px;
font-weight: 300;
padding: 5px 15px;
background: #c7c7c7;
color: #fff;
border-radius: 3px;
}
.tag-cloud .nav-pills li a:hover {
background-color: #d9232d;
}
/*========================
=======Preloader CSS======
==========================*/
.preloader {
display: table;
background: #fff;
z-index: 999999;
position: fixed;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
#loaderImage {
display: table-cell;
vertical-align: middle;
overflow: hidden;
text-align: center;
}
#canvas {
display: table-cell;
vertical-align: middle;
margin: 0 auto;
}
.new-block p {
margin:10px 0;
color:#FFF;
}
.my-ac-btn {
padding: 8px 15px;
background: #e74c3c;
font-family: 'Poppins', sans-serif;
border-radius: 3px;
margin-left: 15px;
color: #FFF;
border: 0;
font-size: 14px;
}
.top-btn-block {
line-height: 48px;
float: right;
margin: 10px 0;
}
.top-btn-block select {
padding: 4px 20px 4px 8px;
font-family: 'Poppins', sans-serif;
font-size: 14px;
border: solid 1px #f2f2f2;
text-align: left;
border-radius: 2px;
}
.top-btn-block select option {
padding:5px 0;
}
.book-btn {
width: 100%;
border: none;
text-align: center;
}
.book-btn .btn-primary {
font-size: 22px;
background-color: #2196F3;
width: 100%;
}
.phone-in-blok input {
width: 100%;
height: 51px;
padding: 10px;
color:#333;
}
.clity-se-block select {
width: 100%;
height: 51px;
padding: 10px;
color:#333;
}
.service-icon-1 img {
width: 100px;
}
.service-block-padding {
padding-bottom:20px;
}
#how-work {
background:#fff;
}
.sub-title {
color: #424242;
font-size: 13px;
font-family: 'Poppins', sans-serif;
}
.sub-title-w {
color: #fff;
font-size: 19px;
font-family: 'Poppins', sans-serif;
}
.footer-about-block p {
color: #424242;
font-family: 'Poppins', sans-serif;
font-size: 14px;
line-height: 24px;
margin-bottom: 19px;
}
.b-partner {
color: #111111;
font-size: 13px;
font-weight: 500;
display: inline-block;
vertical-align: middle;
}
.b-partner img {
vertical-align: middle;
margin-right: 9px;
max-width: 27px;
}
.footer-list li a {
font-family: 'Poppins', sans-serif;
font-size:13px;
line-height:24px;
color:#424242;
}
.footer-btn-block {
}
.footer-btn-block a.btn-primary {
border-radius: 3px;
padding: 8px 20px;
margin: 10px 15px 0 0px;
}
.footer-btn-block a i {
color:#fff;
}
.footer-btn-block a.btn-primary:hover {
background:#198ae4;
}
.footer-innner-block h2 {
margin-bottom:15px;
margin-top: 35px;
}
.social-links a {
margin: 0 10px 0 0px;
border-radius: 50%;
background: #fff;
width: 40px;
height: 40px;
text-align: center;
display: inline-block;
color: #000;
line-height: 49px;
padding: 0px 10px 0 10px;
}
.social-links a i {
color:#333132;
}
.app-btn a {
margin: 0 10px 0 0px;
}
.app-block h2 {
margin-bottom: 15px;
margin-top: 25px;
}
.app-block img {
width:180px;
}
.app-block-btn {
margin: 30px 0 40px;
}
.app-block-btn a {
margin: 0 11px 0 0px;
}
.app-block-btn h2 {
margin-bottom: 15px;
margin-top: 25px;
}
.app-block-btn img {
width:180px;
}
#join-us {
}
#join-us h1 {
font-family: Verdana;
font-size: 28px;
color: #000;
margin: 0;
text-align: center;
}
#join-us h2 {
font-family: Verdana;
font-size: 28px;
color: #000;
margin: 0;
text-align: center;
}
#join-us a {
font-family: 'Poppins', sans-serif;
margin: 0;
text-align: center;
width: 176px;
text-transform: uppercase;
border-radius: 3px;
}
.testimonial h4 {
font-family: 'Poppins', sans-serif;
font-size: 16px;
line-height: 24px;
}
.testimonial h2 {
font-family: 'Poppins', sans-serif;
font-size:16px;
}
.pro-pic {
width: 80px;
height: 80px;
background: #fff;
overflow: hidden;
border-radius: 50%;
margin: 0 auto;
margin-bottom: 10px;
border: solid 2px #1C1D1F;
}
#clients {
padding: 45px 0 40px 0;
background-color: #fff;
}
#clients .sub-title {
line-height: 1.6;
}
#clients .section-title {
padding:0;
}
#clients .item .img-responsive {
border-radius: 8px;
filter: drop-shadow(0px 3px 5px rgba(0,60,40,0.08));
background-color: #ffffff;
display: inline-block;
width: 100%;
padding: 13px;
margin: 10px 0;
}
#downl-app {
background: #0a7a9a;
padding: 24px 0 19px 0;
background-image: linear-gradient(60deg, #097999 0%, #099969 100%);
}
#downl-app .text span {
display:inline-block;
margin-right:15px;
color:#fff;
font-size:14px;
}
#downl-app h5 {
color:#fff;
font-size:14px;
margin:0;
margin-bottom: 9px;
}
#downl-app .appLink {
margin-left: auto;
}
#downl-app .appLink input {
width: 270px;
height: 39px;
font-size: 12px;
}
#downl-app .appLink .btn-primary {
background: #ffffff;
color: #000;
font-weight: 500;
height: 39px;
text-transform:uppercase;
}
#downl-app .text a,
#downl-app .text span {
display:inline-block;
margin-right:15px;
}
#downl-app .text img {
max-height: 45px;
}
#app-main-block {
background:#fff;
padding: 0px 0 0px 0;
}
.app-img-block {
text-align: center;
}
.app-img-block img {
max-width: 80%;
}
.appLink {
display:table;
}
.appLink input {
display: block;
width: 270px;
float: left;
height: 43px;
border-left: 0;
border-right: 0;
border-radius: 3px 0px 0px 3px;
border-radius: 5px;
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.06));
background-color: #ffffff;
border: 1px solid #bebebe;
}
.appLink .btn-primary {
display: table-cell;
border: solid 1px #0a9a69;
height: 43px;
font-family: 'Poppins', sans-serif;
font-size: 21px;
line-height: 22px;
border-radius: 0px 2px 2px 0;
border-radius: 5px;
filter: drop-shadow(0px 5px 5px rgba(0,0,0,0.1));
background-color: #0a9a69;
}
.inmedia {
display: inline-block;
width: 100%;
margin: 50px 0;
}
.inmedia h2 {
color: #fff;
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
text-transform: uppercase;
}
.inmedia ul li {
color: #fff;
font-size: 16px;
font-family: 'Poppins', sans-serif;
list-style: none;
margin: 30px 0 0 50px;
}
.inmedialinks, .inmedialinks:hover {
color: #fff;
}
.publication {
color: #fff;
padding-top: 10px;
display: inline-block;
}
.inmedia li:before {
content: '';
background: url(../images/yellow.png)no-repeat center center;
position: absolute;
width: 36px;
height: 32px;
margin-left: -50px;
}
#why-us {
overflow: hidden;
padding: 80px 0 40px;
}
.why-content {
margin-bottom:40px;
}
.why-content h2 {
margin-bottom: 12px;
font-size: 18px;
text-align: center;
font-family: 'Poppins', sans-serif;
color: #393939;
margin-top: 0;
}
.why-content p {
text-align: center;
font-family: 'Poppins', sans-serif;
font-size: 15px;
line-height: 23px;
}
.why-content .icon {
background: #fff;
text-align: center;
overflow: hidden;
font-size: 35px;
}
.why-content .icon img {
padding: 10px
}
.banner-bottom-block {
display: block;
padding: 15px;
margin-bottom: 10px;
color: #eee;
border-radius: 5px;
text-decoration: none;
background: rgba(0, 0, 0, 0.5);
border-radius: 5px;
cursor: pointer;
}
.banner-bottom-block label {
font-size: 12px;
margin: 0;
font-family: Verdana;
font-weight: normal;
cursor: pointer;
}
.banner-bottom-block h4 {
font-size: 16px;
margin: 0;
padding: 0;
line-height: 1.2;
font-weight: 600 !important;
}
.banner-icon-block {
margin: 0;
padding: 0;
position: absolute;
top: 15%;
z-index: 999 !important;
width: 100%;
}
.dark-side {
position: relative;
height: 100%;
width: 100%;
background: rgba(0, 0, 0, .6);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.new-case-wizard {
max-width: 420px;
min-height: 490px;
background-color: rgba(255, 255, 255, 1);
margin: 0 auto;
border-radius: 3px;
box-shadow: 0 0 15px #000;
position: relative;
overflow: hidden;
}
.new-case-wizard .step {
display: block;
max-width: 420px;
width: 100%;
/*height: 540px;*/
overflow: auto;
/* position: absolute;*/
top: 0;
left: 0;
background: rgba(255, 255, 255, 1);
}
.si-icon-dynamic {
display: inline-block;
width: 80px;
height: 80px;
-ms-transform: scale(.8);
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: .9;
}
.service-list {
list-style: none;
padding: 10px 10px 5px;
float: left;
}
.service-list a {
background-repeat: no-repeat;
float: left;
list-style: none;
padding: 0;
width: 25%;
height: 105px;
color: #555;
font-family: Verdana;
font-weight: normal;
text-align: center;
cursor: pointer;
filter: greyscale(1);
border: solid 2px transparent;
transform: scale(.9);
margin: 3px 0 3px;
}
.service-list label {
font-size: 12px;
cursor: pointer;
display: block;
font-weight: 500;
}
.service-list a:hover {
border: solid 2px #0a7a9a;
border-radius: 5px;
opacity: 1;
}
.banner-icon-block .step-1 {
background-color: #f9f9f9 !Important;
}
.title-sub-banner {
font-size:24px;
}
.page-title-bar {
padding: 2.5rem 0;
background: url(../images/title-banner.jpg) center center;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
margin-top: 100px;
}
.page-title-bar h2 {
margin: 0;
font-size: 24px;
color: #fff;
line-height: 34px;
}
.page-title-bar .breadcrumb {
margin-bottom: 0;
}
.breadcrumb a {
color: #000;
font-size: 13px;
}
.breadcrumb {
padding: 5px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb>.active {
color: #000;
font-size: 13px;
}
#rate-block {
overflow: hidden;
padding: 60px 0 60px;
}
.contact-block {
padding-top: 40px;
padding-bottom: 60px;
}
#corporates {
overflow: hidden;
padding: 60px 0 60px;
}
#service-block {
overflow: hidden;
padding: 60px 0 30px
}
.why-diffrent-block {
overflow: hidden;
background-color: #f4f4f4;
padding: 60px 0;
margin-bottom: 0px;
}
.service-point {
padding-bottom: 60px;
padding-top: 30px;
}
#faq-block {
overflow: hidden;
padding: 60px 0 60px;
}
.mod-centy {
text-align: center !important;
}
.mod-centy h1.static-title {
text-align: center;
color: #464e4f;
/* font-size: 2.2em; */
margin-bottom: 0.2em;
font-weight: 300;
}
.pre-content-message p {
font-size: 26px;
text-align: center;
}
.hiw-step .hiw-counter, .trust-and-safety .hiw-step .hiw-counter {
font-weight: 600;
z-index: 2;
font-size: 2.5em;
width: 1.5em;
height: 1.5em;
line-height: 56px;
background: #2196f3;
color: white;
border-radius: 100%;
margin: 0 auto 0.5em;
text-align: center;
}
.hiw-step-description, .trust-and-safety .hiw-step .hiw-step-description {
text-align: center;
}
.static-section1 {
padding: 3em 0;
}
.odd-step-title, .trust-and-safety .hiw-step .odd-step-title {
color: #E74C3C;
}
.secondary-heading {
font-size: 50px;
text-align: center;
}
.mod-centy h1.static-title {
text-align: center;
color: #464e4f;
/* font-size: 2.2em; */
margin-bottom: 0.2em;
font-weight: 300;
}
.hiw-step .step-container, .trust-and-safety .hiw-step .step-container {
padding: 0 2em;
}
.hiw-step .hiw-counter, .trust-and-safety .hiw-step .hiw-counter {
font-weight: 600;
z-index: 2;
font-size: 2.5em;
width: 1.5em;
height: 1.5em;
line-height: 56px;
background: #2196F3;
color: white;
border-radius: 100%;
margin: 0 auto 0.5em;
text-align: center;
}
.step-container, .trust-and-safety .hiw-step .step-container {
padding: 0 2em;
}
.hiw-step .step-img, .trust-and-safety .hiw-step .step-img {
bottom: 0;
}
.step-title, .trust-and-safety .hiw-step .step-title {
margin-bottom: .35em;
}
..odd-step-title, .trust-and-safety .hiw-step .odd-step-title {
color: #00964b;
}
.hiw-step-description, .trust-and-safety .hiw-step .hiw-step-description {
text-align: center;
}
.step-img.step-img-1, .trust-and-safety .hiw-step .step-img.step-img-1 {
background: url(../images/port-april.jpg) right bottom no-repeat;
height: 507px;
}
.step-img.step-img-2, .trust-and-safety .hiw-step .step-img.step-img-2 {
background: url(../images/port-chris-mop.png) left bottom no-repeat;
height: 390px;
background-size: contain;
}
.hiw-guarantee .img-container.step1, .trust-and-safety .hiw-guarantee .img-container.step1 {
background-image: url(../images/icon-1.png);
}
.hiw-guarantee .img-container.step2, .trust-and-safety .hiw-guarantee .img-container.step2 {
background-image: url(../images/icon-2.png);
}
.hiw-guarantee .img-container.step3, .trust-and-safety .hiw-guarantee .img-container.step3 {
background-image: url(../images/icon-3.png);
}
.hiw-guarantee .img-container.step4, .trust-and-safety .hiw-guarantee .img-container.step4 {
background-image: url(../images/icon-4.png);
}
.guarantee-steps, .trust-and-safety .hiw-guarantee .guarantee-steps {
margin-top: 2em;
margin-bottom: 2em;
}
.icon-list-item .img-container {
display: block;
margin: 0 auto 1em;
width: 100px;
height: 100px;
}
.section-bold {
background: #f5f6f6 !important;
color: white;
}
.section-bold2 {
background: #2196f3;
color: white;
}
.odd-step-title, .trust-and-safety .hiw-step .odd-step-title {
color: #2196F3;
}
.section-bold .hiw-counter, .trust-and-safety .hiw-step.section-bold .hiw-counter {
background: white;
color: #333;
}
.hiw-step.step-3, .trust-and-safety .hiw-step.step-3 {
background: url(../images/family-beach.jpg) center center no-repeat;
padding: 80px 0;
}
.static-section {
background-color: white;
padding: 3em 0 0;
}
.section-bold .static-title, .static-body .section-bold p, .static-body .section-bold li, .static-body .section-bold a {
color: #333;
}
.section-bold p, .static-body .section-bold li, .static-body .section-bold a {
color: #333;
}
@media (min-width: 768px) {
.primary-heading {
font-weight: 300;
font-size: 60px!important;
}
.secondary-heading {
font-size: 45px;
text-align: center;
font-family: 'Poppins', sans-serif;
}
}
@media (max-width: 767px) {
.fix-icon-wa {
display: none !important;
}
.new-nav{
display: none;
}
.step-img.step-img-1, .trust-and-safety .hiw-step .step-img.step-img-1 {
display:none;
}
.step-img.step-img-2, .trust-and-safety .hiw-step .step-img.step-img-2 {
display:none;
}
.hiw-step.step-3, .trust-and-safety .hiw-step.step-3 {
background: #fff;
padding: 80px 0;
}
.about-list li {
position: relative;
width: 100% !important;
display: block !important;
}
.hiw-step .step-img, .trust-and-safety .hiw-step .step-img {
display: none;
}
.pre-content-message p {
font-size: 18px;
}
.secondary-heading {
font-size: 28px;
}
.primary-heading {
font-size: 28px;
}
}
.si-icon {
width: 80px;
height: 80px;
text-align: left;
-ms-transform: scale(.8);
-webkit-transform: scale(.8);
transform: scale(.8);
opacity: .6;
float: left;
}
.table-block .name-service {
float: left;
padding: 27px 0;
width: 100%;
}
.single-table ul li table {
width: 100%;
font-size: 14px;
font-family: 'aller_lightregular';
}
.rate-card {
background: #fafafa;
border: solid 1px #ddd;
margin-bottom: 30px;
box-shadow: 0px 0px 5px #dadada;
}
.price-card-details {
margin: 20px 20px;
overflow: hidden;
border-top: solid 1px #f2f2f2;
padding-top: 10px;
}
.price-card h4 {
font-weight: 700 !important;
margin: 0 0 10px 0;
}
.price-tariff h4 {
font-weight: 700 !important;
margin: 0 0 10px 0;
}
.pre-rate-block h4 {
margin: 0 0 10px 0;
}
.pre-rate-block .small {
font-size: 85%;
}
.pre-rate-block {
padding: 20px 20px 10px;
}
.price-card-details small {
display: block;
color: #888;
}
a.cta {
margin: 10px 0 0;
font-weight: 700;
float: left;
padding: 5px;
}
.label-default {
background-color: #999;
}
.price-card-details li span, .visiting-charges span {
float: right;
font-style: italic;
font-family: "minion-pro";
}
.si-icon-price {
display: inline-block;
width: 80px;
height: 80px;
opacity: .6;
}
.service-left-p {
padding-left: 10px;
}
.checkboxes {
position: relative;
width: 90px;
height: 90px;
display: inline-block;
text-align: center;
margin-right: 13px;
margin-bottom: 0px;
}
input.options {
width: 90px;
height: 90px;
outline: 0;
visibility: hidden;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
input.options.active:checked+label {
font-weight: 600;
color: #2B304A;
background: #FFE000;
}
input.options.active:checked+label:before {
content: url(../images/checked.png);
width: 24px;
height: 24px;
display: block;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 8px;
}
input.options.active:checked+label img {
display: none;
}
.checkboxes label {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
font-size: 12px;
color: #444;
font-weight: 400;
border: 1px solid #ddd;
outline: 0;
background: #eee;
background: -moz-linear-gradient(top, #eee 0, #ddd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eee), color-stop(100%, #ddd));
background: -webkit-linear-gradient(top, #eee 0, #ddd 100%);
background: -o-linear-gradient(top, #eee 0, #ddd 100%);
background: -ms-linear-gradient(top, #eee 0, #ddd 100%);
background: linear-gradient(to bottom, #eee 0, #ddd 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd', GradientType=0);
}
.checkboxes label img {
display: block;
text-align: center;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 8px;
}
input.options.active:checked+label {
font-weight: normal;
color: #FFFFFF;
background: #2196F3;
}
.select-block {
margin-bottom:30px;
}
.input-append .add-on, .input-prepend .add-on {
width: auto;
height: 34px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 #ffffff;
background-color: #eeeeee;
border: 1px solid #ccc;
margin: -34px 0 20px;
position: relative;
float: right;
}
.icon-th {
background-position: -240px 0 !important;
}
.summary {
width: 100%;
background: #fbfbf9;
border: 1px solid #BBB;
padding: 20px;
}
.summary ul {
padding: 0 0 20px;
margin-bottom:5px;
list-style: none;
margin-bottom: 0;
border-bottom: 1px solid #ddd;
}
.summary h3 {
color: #888;
font-weight: 400;
font-size: 14px;
margin-top: 0;
}
.summary ul li {
display: block;
font-size: 13px;
color: #444;
}
.limitedOffersView {
height:75px;
overflow-y: hidden;
}
.offersZoneTitle {
font-weight: 600;
margin-bottom: 0;
}
.offersZoneCode {
font-weight: 400;
margin-bottom: 0;
}
.offersZoneTerms {
font-size: 12px;
margin-bottom: 0;
}
.total {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
}
.morecontent span {
display: none;
}
.morelink {
display: block;
}
.sidebar-item {
margin-bottom: 45px;
}
.contact-block p {
margin-bottom:20px;
}
#complaints-block {
overflow: hidden;
padding: 60px 0 60px;
}
.at4-show {
display: block!important;
margin: 5px 0 -10px!important;
}
/*Tufel new css start from here*/
.new-nav {
padding: 8px 0;
background: linear-gradient(to right, #0a7a9a, #0a9a69);
color: #fff;
position: relative;
z-index: 99999;
}
.new-nav p {
margin-bottom: 0;
}
.my-ac-btn {
background: linear-gradient(to right, #0a9a69, #73bb6a);
}
.btn.btn-primary {
background: linear-gradient(to right, #0a9a69, #73bb6a);
}
.navbar-brand{
height: initial;
}
.navbar-brand img {
height: auto;
height: 65px;
vertical-align: middle;
}
a.navbar-brand {
color:#000;
font-size:36px;
}
#single-blog-page .main-nav {
background: #fff;
}
#navigation .navbar-right li a {
color: #101010;
font-size: 15px;
height: 100%;
font-weight:600;
padding: 40px 10px;
font-family: 'Poppins', sans-serif;
}
#navigation .dropdown-menu{
padding-top: 12px;
}
#navigation .dropdown-menu li a{
padding: 0px 15px 10px 15px !important;
}
#navigation .navbar-fixed-top {
background: rgba(0, 0, 0, 0.6);
-webkit-transition: 300ms;
-moz-transition: 300ms;
-o-transition: 300ms;
transition: 500ms;
background: rgb(255, 255, 255);
border-bottom: 2px solid linear-gradient(to right, #0a9a69, #73bb6a);
border-bottom: 5px solid transparent;
border-image: linear-gradient(to right, #0a9a69, #73bb6a);
border-image-slice: 1;
}
.top-btn-block select {
border: solid 1px #9a9a9a;
}
.appLink input {
border: none;
border: 1px solid #bebebe;
margin-right: 8px;
font-size: 13px;
font-weight: 500;
padding-left: 15px;
}
.appLink .btn-primary {
border: none;
}
@media only screen and (max-width: 992px) {
.sm-center {
text-align: center!important;
}
#navigation {
margin-bottom:10px;
}
}
.searchTerm {
float: left;
width: 100%;
height: 36px;
border: 1px solid #65b669;
border: 1px solid #eee;
background: #eee;
text-align: left;
color: #555;
border-radius: 5px 5px 0 0;
border-radius: 2px 2px 0 0;
cursor: pointer;
font-size: 12px;
outline: none;
padding: 0 10px;
}
.searchTerm:focus {
color: #555;
}
.searchButton {
width: 40px;
height: 36px;
border: 1px solid #00B4CC;
background: #00B4CC;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
margin-left: -10px;
}
.wrap {
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.new-case-wizard {
background-color: #0000;
box-shadow: none;
}
.new-case-wizard .step {
top: 40px;
}
.service-list {
padding: 0px 10px 5px;
}
.page-title-bar {
/* margin-top: 118px; */
}
@media only screen and (max-width: 767px) {
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 120px;
}
#navigation .navbar-right li a.active, #navigation .navbar-right li a:hover, #navigation .navbar-right li a:focus, #navigation .navbar-right li.active a {
background-color: #fefefe!important;
/* */
}
#footer a.to-top {
top: -25px!important;
}
.top-btn-block .my-ac-btn {
padding: 6px 25px;
background: linear-gradient(to right, #0a9a69, #73bb6a)!important;
font-family: 'Poppins', sans-serif;
border-radius: 3px;
margin-left: 15px;
color: #ffffff!important;
border: 0;
font-size: 14px;
}
.top-btn-block select {
padding: 5px 20px 5px 8px;
font-family: 'Poppins', sans-serif;
font-size: 14px;
border: solid 1px #9a9a9a!important;
text-align: left;
border-radius: 3px;
}
.container>.navbar-header {
/* border-bottom: solid 1px #6db969!important; */
border-bottom: none !important;
}
.top-btn-block {
line-height: 48px;
float: right;
margin: 0px 0 0;
display: flex;
justify-content: end;
/* width: 100%; */
text-align: center;
background: #fff!important;
}
a.navbar-brand {
/*height: 0!important;*/
line-height: 0!important;
}
a.navbar-brand img {
margin-top: 5px!important;
width: 50%!important;
z-index: 9999!important;
position: absolute!important;
left: 10px!important;
}
.page-title-bar {
margin-top: 100px!important;
}
}
.form-group textarea {
height: 85px!important;
width: 100%!important;
}
@media (max-width: 991px) and (min-width: 768px) {
.page-title-bar {
margin-top: 110px!important;
}
}
/*Tufel new css end here*/
.myloginbox {
padding: 20px;
background: #fff;
box-shadow: 1px 1px 17px 8px #d4d4d4;
padding-top: 35px;
}
.myloginbox p {
color: #148c4f;
font-size: 20px;
}
.myloginbox a {
color: red;
}
@media screen and (min-width: 50em) {
.grid__item {
height: 0;
width: 100%;
padding: 30px 0;
}
}
.theme-1 {
--color-item-bg: none;
--color-action: #fdfdff00;
--color-button-bg: #0e9b69;
--color-button-text: #fff;
--button-padding: 10px 40px;
--radius-button: 0;
--border-button: 0;
}
/*.particles-button {
background: linear-gradient(to right, #0a9a69, #73bb6a);
}*/
.footer-btn-block a.btn-primary:hover {
background: #078652;
}
.btn-primary:hover {
background: #383838!important;
transition: 1s;
}
.my-ac-btn:hover {
background: #078652!important;
transition: cubic-bezier(0.01, 0.33, 0, 1.46) 1s;
}
.appLink .btn-primary {
font-size: 14px;
}
.appLink .btn-primary {
background: #0a9a69;
font-weight: 500;
}
.button.button--aylen {
background: #fff;
color: #37474f;
overflow: hidden;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.bg-2 .button {
color: #fff;
border-color: #fff0;
margin: 0;
font-size: 14px;
padding: 10px;
background: #0a9a69;
margin-top: 0;
margin-bottom: 0;
margin-left: 8px;
margin-right: 5px;
font-weight: 500;
}
.button--border-thin {
border: 1px solid;
}
.button--round-s {
border-radius: 5px;
}
.button--aylen:hover {
color: #fff;
}
.button--aylen:hover::before, .button--aylen:hover::after {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
.button--aylen::before {
background: #7986cb;
}
.button--aylen::before, .button--aylen::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 100%;
left: 0;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.button--aylen::after {
background: #0a7a9a;
}
.button--aylen::before {
background: #0a9a69;
}
/*.new-case-wizard .step {
height: 450px;
}
.brand-promotion {
bottom: 200px;
}
.carousel, .item, .active {
height: 85%;
}
.dark-side {
height: 85%;
}
.carousel-inner {
height: 85%;
}
.carousel, .item, .active {
height: 100%;
}
#home-carousel {
min-height: auto;
}*/
/*.brand-promotion {
bottom: 200px;
left: 0;
position: absolute;
right: 15px;
color: #fff;
z-index: 15;
}
@media screen and (min-width: 768px){
.carousel-indicators {
bottom: 160px;
}
}
.dark-side {
position: relative;
height: 85%;
width: 100%;
background: rgba(0, 0, 0, .6);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
}
.carousel-inner {
height: 85%;
}
#home-carousel {
position: relative;
min-height: 100px;
}*/
/*
.btn.btn-primary:before {
background: #6ab869;
}
.btn.btn-primary:before {
background: #0e9a68;
}
.bg-2 .button {
color: #fff;
border-color: #fff;
margin: 0;
font-size: 16px;
padding: 10px;
background: linear-gradient(to right, #0a9a69, #73bb6a);
border: none;
margin: 5px;
}
.bg-2 .button i {
color: #fff;
}
.btn-primary::before, .btn-primary::after {
content: '';
position: absolute;
height: 100%;
width: 100%;
bottom: 100%;
left: 0;
z-index: -1;
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}*/
.navbar-toggle {
border: 1px solid #6db969;
/* margin-top: 15px; */
background-color: #fff;
}
.navbar-toggle .icon-bar {
background-color: #6db969;
}
.why-content .icon {
display: block;
}
.bg-2 .button {
padding: 8px 20px;
}
.top-btn-block .btn.btn-default:hover {
background: linear-gradient(to right, #0a7a9a, #0a9a69);
color: #fff!important;
}
.top-btn-block .btn.btn-default {
border: 1px solid #ccc;
border-radius: 3px;
font-size: 14px;
font-weight: unset;
letter-spacing: unset;
margin-top: unset;
padding: 5px 10px;
text-transform: unset;
color: #555;
background-color: #fff;
height: 34px;
}
.my-ac-btn {
background: #73bb6a;
}
.my-ac-btn:hover {
background: #0a9a69;
transition: 1s;
}
.odd-step-title, .trust-and-safety .hiw-step .odd-step-title {
color: #169d69;
}
.hiw-step .hiw-counter, .trust-and-safety .hiw-step .hiw-counter {
font-weight: 600;
z-index: 2;
font-size: 2.5em;
width: 1.5em;
height: 1.5em;
line-height: 56px;
background: #169d69;
color: white;
border-radius: 100%;
margin: 0 auto 0.5em;
text-align: center;
}
.section-bold2 {
background: linear-gradient(to right, #0a7a9a, #0a9a69);
color: white;
}
#navigation .navbar-fixed-top .navbar-right li a.active, #navigation .navbar-fixed-top .navbar-right li a:hover, #navigation .navbar-fixed-top .navbar-right li a:focus, #navigation .navbar-fixed-top .navbar-right li.active a {
color: #119b68;/* background-color: #fff; */
}
.bg-register {
box-shadow: 0 1px 0 rgba(0,0,0,.25);
box-shadow: 0 1px 50px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
}
.register-left {
background-color: #54c09f;
/*min-height: 680px;*/
color: #fff;
font-family: 'robotoMedium';
text-align: center;
padding: 15px 0;
background: linear-gradient(to right, #0a7a9a, #0a9a69);
}
.register-left h2 {
font-family: 'Roboto', sans-serif;
font-size: 25px;
}
.icon-box {
text-align: center;
margin: 15px auto;
margin: 30px auto;
}
.register-left .icon-box img {
width: 80px;
width: 55px;
}
.icon-box p {
font-size: 18px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}
.register-right {
padding: 30px 45px 0;
text-align: left;
}
.login-btn-block {
font-size: 25px;
margin-bottom: 30px;
margin-top: 10px;
}
.register-right .form-group {
margin-bottom: 10px;
}
.register-right input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), select, textarea {
display: block;
border: 1px solid #e7edf0;
background: #fff;
width: 100%;
padding: 8px 10px;
outline: none !important;
font-size: 14px;
line-height: 23px;
font-weight: 300;
color: #636363;
-webkit-transition: .25s;
-moz-transition: .25s;
-o-transition: .25s;
-ms-transition: .25s;
transition: .25s;
}
.horizonatal-line {
width: 165px;
border-top: 1px solid #ccc;
margin: auto;
margin-top: 30px;
margin-bottom: 20px;
}
.horizonatal-line span {
background: #fff;
position: relative;
width: 30px;
text-align: center;
top: -11px;
left: 66px;
}
.form-group > p {
font-size: 15px;
text-align: left;
margin-top: 30px;
color: #000;
}
.form-group > p > a {
color: #0e9c69;
}
.register-right .top-btn-block {
float: unset;
}
.register-right .bootstrap-select {
width: 100%!important;
}
.register-right .btn.btn-default {
display: block!important;
border: 1px solid #e7edf0!important;
background: #fff!important;
width: 100%!important;
padding: 8px 10px!important;
outline: none !important;
font-size: 14px!important;
line-height: 23px!important;
font-weight: 300!important;
color: #636363!important;
-webkit-transition: .25s!important;
-moz-transition: .25s!important;
-o-transition: .25s!important;
-ms-transition: .25s!important;
transition: .25s!important;
}
.register-right .btn.btn-default:hover {
color: #636363!important;
}
.icon-box:before {
content: unset;
}
.mt-50 {
margin-top: 50px;
}
#navigation .navbar-fixed-top {
background: rgb(255, 255, 255);
border-bottom: 2px solid linear-gradient(to right, #0a7a9a, #0a9a69);
border-bottom: 5px solid transparent;
border-image: linear-gradient(to right, #0a7a9a, #0a9a69);
border-image-slice: 1;
border: none;
border-bottom: 1px solid #d1d1d1 !important;
}
.main-nav {
background: rgb(255, 255, 255);
}
#app-main-block {
background: -webkit-linear-gradient(to right, #0a7a9a, #0a9a69);
background: linear-gradient(to right, #0a7a9a, #0a9a69);
background:#fff;
}
#app-main-block h5 {
font-size: 15px;
color: #202024;
font-weight: 600;
margin-top: 75px;
}
#navigation .navbar-right li a {
color: #000;
text-align: center;
}
.bg-2 {
background: #7986cb00;
color: #ECEFF1;
}
.float-r {
float: right;
}
.top-btn-block {
line-height: unset;
}
@media (max-width:768px) {
.bg-2 .button {
margin: 0 10px;
margin-bottom: 3px;
}
}
.navbar-brand h1 {
font-size: 30px;
color: #000;
margin-top: 17px;
}
.main-title {
color: #2d2d2d;
text-align: center;
text-transform: capitalize;
padding: 0.7em 0;
}
.container .title {
color: #1a1a1a;
text-align: center;
margin-bottom: 10px;
}
/*.content {
position: relative;
width: 100%;
max-width: 400px;
margin: auto;
overflow: hidden;
margin: 10px 0;
}*/
.content {
position: relative;
width: 100%;
max-width: 400px;
margin: auto;
overflow: hidden;
margin: 10px 0;
min-height: 180px;
max-height: 180px;
overflow: hidden;
}
/*.content .content-overlay {
background: rgba(0,0,0,0.6);
position: absolute;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
opacity: 1;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
}
*/
.content .content-overlay {
background: rgba(0,0,0,0.6);
position: absolute;
height: 99%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
opacity: 1;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
min-height: 180px;
max-height: 180px;
overflow: hidden;
}
.content:hover .content-overlay {
opacity: 1;
background: rgba(0,0,0,0.8);
}
.content-image {
width: 100%;
}
.content-details {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
width: 100%;
top: 50%;
left: 50%;
opacity: 0;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
}
.content .content-details {
top: 50%;
left: 50%;
opacity: 1;
}
.content-details h3 {
color: #fff;
font-weight: 500;
letter-spacing: 0.15em;
margin-bottom: 0.5em;
text-transform: uppercase;
font-size: 22px;
}
.content-details p {
color: #fff;
font-size: 14px;
}
.fadeIn-top {
top: 20%;
}
.c-d {
background: none;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
padding: 0 10px;
}
.career-detail {
padding-top: 0;
}
.career-detail > .icon-box > p {
margin: 0 5px;
color: #000;
text-transform: lowercase;
}
.career-detail > .icon-box {
text-align: left;
}
.bs-none {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0);
}
.register-right {
padding: 30px 25px 0;
text-align: left;
}
.modal {
display: none;
position: fixed;
z-index: 1;
padding-top: 10px;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.4);
}
/* Modal Content */
.modal-content {
background-color: #fefefe;
background-color: #fefefe00;
margin: auto;
padding: 20px;
border: 1px solid #888;
width: 80%;
}
/* The Close Button */
.close {
color: #ffffff;
float: right;
font-size: 28px;
font-weight: bold;
opacity: 1;
}
.close:hover, .close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
}
#myModal {
z-index: 9999;
}
.modal-content {
height: unset;
z-index: 9999;
position: absolute;
left: 0;
right: 0;
padding-bottom: 30px;
padding-top: 0;
}
@media (min-width: 1200px) {
.modal-content {
width: 1170px;
}
}
@media (min-width: 992px) {
.modal-content {
width: 970px;
}
}
@media (min-width: 768px) {
.modal-content {
width: 50%;
}
}
@media (min-width: 1100px) {
.modal-content {
width: 25%;
}
}
.modal-content {
border: none;
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0);
position: relative;
margin: 0 auto;
top: 25%;
}
.modal-content .bg-register {
background-color: #fff;
border-radius: 5px;
}
#myModal .register-right {
text-align: center;
}
#myModal .register-right .button {
text-align: center;
float: unset;
display: inline-block;
}
#myModal .register-right .form-group > p {
font-size: 15px;
text-align: center;
margin-top: 10px;
color: #000;
}
@media (max-width: 767px) {
.close {
color: #fff;
z-index: 9999;
position: absolute;
right: 0;
}
}
.account-user-info {
float: left;
width: 100%;
margin-bottom: 30px;
border: none;
background: #fff;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
text-align: left;
}
.account-user-info li:first-child {
width: 30%;
}
.account-user-info li {
width: 70%;
float: left;
padding: 20px 10px;
}
.account-user-info li:first-child span {
border-radius: 50%;
overflow: hidden;
width: 65px;
height: 65px;
display: block;
}
img {
vertical-align: top;
max-width: 100%;
}
.account-user-info li {
width: 70%;
float: left;
padding: 20px 10px;
}
.account-user-info li h4 {
margin-bottom: 6px;
font-size: 16px;
font-weight: bold;
color: #716f6f;
margin-top: 10px;
}
.account-user-info li p {
color: #797979;
margin-bottom: 0;
}
.myaccount_sidebar {
width: 100%;
padding: 0 0px 0 0;
background:#ffffff;
float: left;
margin-top: 0px;
border: none;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
}
.myaccount_sidebar h3 {
background: linear-gradient(to right, #0a7a9a, #0a9a69);
padding: 8px 20px 8px;
border-radius: 0px;
font-family: inherit;
color: #FFF;
font-size: 18px;
margin: 0;
}
.myaccount_sidebar ul {
margin: 0px;
padding: 0px;
}
.myaccount_sidebar ul li {
padding: 0px 0;
list-style: none;
}
.myaccount_sidebar ul li a {
color: #333;
padding: 9px 18px;
width: 100%;
border-bottom: solid 1px #cccccc;
display: inline-block;
}
.myaccount_sidebar ul li a i {
color: #000000;
padding-right: 5px;
}
.txt-left {
text-align: left;
}
.account-block {
border: none;
float: left;
width: 100%;
padding-bottom: 10px;
padding-bottom: 0px;
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
}
.account-block h2 {
background: linear-gradient(to right, #0a7a9a, #0a9a69);
padding: 8px 20px 8px;
border-radius: 0px;
color: #fff;
margin: 0;
font-family: inherit;
font-size: 18px;
margin-bottom: 0px;
}
.add-new {
width: 100%;
text-align: right;
padding-top: 10px;
display: inline-block;
float: unset;
}
.add-new a {
float: right;
}
.black.state_2 {
color: #fff;
background: #ac0d0d;
border-radius: 0px;
}
.account-block .ac_content2 {
padding: 20px 20px;
}
.address-box {
border: 1px solid #ccc;
float: left;
width: 100%;
padding: 10px;
margin-bottom: 20px;
min-height: 180px;
background: #efefef;
}
.address-box span {
position: absolute;
top: -3px;
right: 12px;
z-index: 1;
}
.address-btns a {
text-align: center;
margin-top: 10px;
}
.address-btns {
margin-top: 10px;
}
.myaccount_sidebar ul li.active a {
color: #ac0d0d;
color: #119b68;
}
.myaccount_sidebar ul li:hover a {
color: #ac0d0d;
color: #119b68;
}
.add-address .register-right input:not([type=submit]):not([type=file]):not([type=checkbox]):not([type=radio]), select, textarea {
border: 1px solid #ccc;
}
.ac_content2 .top-btn-block .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
.ac_content2 .top-btn-block {
width: 100%;
margin-top: 0;
margin-bottom: 15px;
}
.table-block {
padding: 20px;
}
#example_filter {
float: right;
margin-bottom: 10px;
text-align: right
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus {
color: #fff;
text-decoration: none;
background-color: #8d8e8d;
outline: 0;
}
.nsdate {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.clearfix:after {
content: ".";
visibility: hidden;
display: block;
height: 0;
clear: both;
}
.datepicker-orient-top {
margin-top: 115px!important;
}
.datepicker-orient-bottom {
margin-top: 125px!important;
}
@media (max-width:768px) {
.datepicker-orient-bottom {
margin-top: 175px!important;
}
.datepicker-orient-top {
margin-top: 165px!important;
}
}
@media (min-width: 768px) {
.address-popup .modal-content {
width: 75%;
}
}
@media (min-width: 1100px) {
.address-popup .modal-content {
width: 45%;
}
}
.refer-code {
color: #0a7a9a;
}
.blue.darken-4 {
background-color: #0d47a1!important;
}
.waves-effect {
position: relative;
cursor: pointer;
display: inline-block;
overflow: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent;
vertical-align: middle;
z-index: 1;
-webkit-transition: .3s ease-out;
-o-transition: .3s ease-out;
transition: .3s ease-out;
}
.btn i {
font-size: 1.3rem;
line-height: inherit;
}
.mb-60 {
margin-bottom: 60px;
}
.flno a {
float: left;
}
.newstyle2 {
background: #fff;
padding-top: 25px;
padding-bottom: 25px;
/* margin-top: 15px;
margin-bottom: 15px; */
margin-left: 0px;
margin-right: 0px;
}
.newstyle3 > h3 {
color: #5ccdde;
font-weight: 700;
font-size: 30px;
}
@media(max-width:768px) {
.tc {
text-align: center;
}
}
.arrow-1 {
top: 50px;
position: absolute;
}
.titlestyle {
margin-bottom: 0;
font-size: 22px;
color: #0a7b9a;
}
.namestyle {
font-size: 22px;
color: #999999;
}
.mt-20 {
margin-top: 20px;
}
ul.timeline {
list-style-type: none;
position: relative;
}
ul.timeline:before {
content: ' ';
background: linear-gradient(to right, #0a7a9a, #0a9a69);
display: inline-block;
position: absolute;
left: 29px;
width: 2px;
height: 100%;
z-index: 400;
}
ul.timeline > li {
margin: 20px 0;
padding-left: 45px;
}
ul.timeline > li:before {
content: ' ';
background: white;
display: inline-block;
position: absolute;
border-radius: 50%;
border: 2px solid #0a7b9a;
left: 20px;
width: 20px;
height: 20px;
z-index: 400;
}
.newstyle2 a {
color: #0a7b9a;
}
.ta-l {
text-align: left;
}
.ta-r {
text-align: right;
}
.ta-l .mb0px {
margin-bottom: 0px;
}
.fs-10 {
font-size: 10px;
}
.spm-style {
margin-bottom: 0;
font-size: 16px;
color: #0a7b9a;
}
.mh-un {
min-height: 124px;
}
.vendebox .mb-0 {
margin-bottom: 0;
}
.vendebox {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
padding: 5px 0;
min-height: 110px;
margin: 0 15px;
}
ul.timeline > li:nth-child(1) {
margin-top: 0;
}
.noboxsha .account-user-info {
box-shadow: none;
}
.noboxsha li {
padding-top: 0px;
}
.mt-20 {
margin-top: 20px;
}
.mb-10 {
margin-bottom: 10px;
}
.newstyle2 p {
margin-bottom: 0;
}
.newstyle2 hr {
margin: 10px 0;
}
.od h4 {
color: #0a7b9a;
}
.od p {
margin-bottom: 0;
}
/* .tst h4{
background: red;
} */
.centerarrow {
min-height: 100px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.cancelclr {
color: red;
}
.vendor {
color: #0a996b;
}
.orderpage {
padding: 10px 0;
}
.orderpage:hover {
background: #f5f5f5;
}
.orderpage a:focus, a:hover {
cursor: pointer;
color: unset;
}
.orderpage a {
color: unset;
}
.no-hrp hr {
margin-top: 0;
margin-bottom: 0;
}
.btn-fb {
padding: 8px 20px;
border: none;
background: #0d47a1;
color: #fff;
border-radius: 5px;
}
.btn-wp {
padding: 8px 20px;
border: none;
background:#43a047;
color: #fff;
border-radius: 5px;
}
.min-hei button {
min-height: 41px;
}
/*
input[type="checkbox"] {
display:none;
}
input[type="checkbox"] + label {
color:#f2f2f2;
}
input[type="checkbox"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-2px 10px 0 0;
vertical-align:middle;
background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) left top no-repeat;
cursor:pointer;
}
input[type="checkbox"]:checked + label span {
background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -19px top no-repeat;
}
input[type="radio"] {
display:none;
}
input[type="radio"] + label {
color:#333132;
font-family:Arial, sans-serif;
}
input[type="radio"] + label span {
display:inline-block;
width:19px;
height:19px;
margin:-2px 10px 0 0;
vertical-align:middle;
background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -38px top no-repeat;
cursor:pointer;
}
input[type="radio"]:checked + label span {
background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/210284/check_radio_sheet.png) -57px top no-repeat;
} */
.mybooking p {
margin-bottom: 0;
}
.mybooking label {
margin-bottom: 0;
}
.ml-18 {
margin-left: 18px;
}
.mybooking {
box-shadow: 0 1px 0 rgba(0,0,0,.25);
box-shadow: 0 1px 50px 0 rgba(0,0,0,.1);
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
padding: 15px;
}
.mybooking hr {
margin: 10px 0;
}
.mybooking .mb-20 {
margin-bottom: 20px;
}
.txtright {
text-align: right;
float: right;
}
.right-image {
width: 50%;
}
.ml-40p {
margin-left: 40%;
}
@media (max-width:1200px) {
.ml-35p {
margin-left: 35%;
}
}
.ser-box {
padding: 10px;
}
.ser-box:hover {
-moz-box-shadow: 8px 8px 23px -8px rgba(104, 104, 104, 1);
-webkit-box-shadow: 8px 8px 23px -8px rgba(104, 104, 104, 1);
box-shadow: 8px 8px 23px -8px rgba(104, 104, 104, 1);
}
.category-subservice-list li {
width: 100%;
float: left;
list-style: none;
background-color: #fff;
margin-right: 10px;
margin-bottom: 10px;
border: 1px solid #e2e2e2;
padding: 6px 10px 10px;
text-align: center;
cursor: pointer;
margin-bottom: 25px;
padding-top: 10px;
padding-bottom: 10px;
height: unset;
min-height: 150px;
}
.category-subservice-list li a img {
width: 78px;
height: 78px;
display: block;
margin: auto;
}
.category-subservice-list li a h3 {
font-size: 16px;
margin-top: 10px;
margin-bottom: 0px;
color: #333132;
font-weight: 600;
}
.hoverable:hover {
-webkit-box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
}
.category-subservice-list p {
margin: 0!important;
color: #333132;
}
.coupon-data input {
border: 1px solid #cccccc;
}
.coupon-data > input {
height: 34px;
}
.coupon-data > .btn-primary {
height: 34px;
}
.he-34 {
height: 34px;
}
.mh-245px {
min-height: 245px;
display: flex;
justify-content: center;
align-items: center;
}
.fs-18 {
font-size: 18px;
}
.fs-30 {
font-size: 30px;
}
.tu-txt-left > .form-group {
text-align:left;
}
.mt-0 {
margin-top:0;
}
.pb-20 {
padding-bottom:20px;
}
label {
font-weight: 600;
color: #737373;
}
.tufel-delete-btn .button {
background: linear-gradient(to right, #d64f51, #8f0406);
}
.delete-tufel::before {
background: #d64f51;
}
.delete-tufel::after {
background: #8f0406;
}
.add-address-btn {
color:#d64f51;
font-weight:600;
padding: 0 20px;
}
.add-address-btn:hover, .add-address-btn:focus, .add-address-btn:active {
color:#d64f51;
font-weight:600;
padding: 0 20px;
}
.tufel-address-txt-area > textarea {
height: 70px!important;
width: 100%!important;
}
.color-000 {
color:#000;
}
.button--aylen {
text-align: center;
}
.od-date {
margin-bottom: 0!important;
font-size: 24px;
color: #0a7a99;
}
.od-month {
margin-bottom: 0!important;
font-size: 16px;
color: #0a9a6a;
}
.od-id {
color: #0a8884;
font-size: 15px;
margin-bottom: 0!important;
}
.tu-datebox {
/*background-image: url(../images/90.png);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;*/
}
.i-hei {
width: 90px;
height: 90px;
}
.tu-datebox {
/*position: absolute;
top: 27px;
left: 0;
right: 0;*/
margin-top:27px;
}
.tu-datebox {
margin-top: 10px;
border-right: 1px solid #0a7a99;
}
.t-n-mb-0 {
margin-bottom:0!important;
}
.tufel-bg-none {
background:none;
}
.tufel-pt-0 {
padding-top:0;
}
.tufel-pb-20 {
padding-bottom:20px;
}
.tufel-plr-15 {
padding-left:15px;
padding-right:15px;
}
.career-detail > .icon-box > .tufel-note-txt {
text-transform:capitalize;
}
.career-detail > .icon-box > ol {
color: #46454a;
font-size: 16px;
}
@media (max-width:767px) {
.tufel-pt-0 > .register-block > form > .login-btn-block {
padding-top: 20px;
}
}
.tuayp .price2 > h3 {
padding: 5px;
text-align: center;
background: #0072c9;
border-radius: 5px;
width: 200px;
}
.tuayp .price2 > h3 {
margin-bottom: 10px;
}
.tuayp .price2 h3 img {
height: 40px;
width: 40px;
float: left;
}
.tuayp .price2 h3 span {
margin-left: 10px;
color: #fff;
float: left;
font-size: 40px;
}
.tuayp .price2 h3 {
padding: 5px;
text-align: center;
background: #0072c9;
border-radius: 5px;
width: 220px;
}
.tuayp input {
margin-top: 10px;
margin-bottom: 10px;
}
.tuayp input:not([type=file]):not([type=checkbox]):not([type=radio]) {
width: 100%;
background: #148c4f;
padding: 10px;
color: #fff;
border: 0px;
font-size: 20px;
border-radius: 2px;
}
.tuayp input:not([type=file]):not([type=checkbox]):not([type=radio]):hover {
background: #17b063;
}
.mar-10 {
margin:10px 0;
}
.mar-10 > option {
margin:10px 0;
}
.tufel-delete-btn .button {
color: #fff;
}
.tufel-delete-btn .button:hover {
color: #fff;
}
.nnnnbtn > .button {
color: #fff;
padding: 6px;
margin: 0;
}
.btn_hide {
display:none !important;
}
.tu-nt-btn {
width: 100%;
background: #148c4f;
padding: 10px;
color: #fff;
border: 0px;
font-size: 20px;
border-radius: 2px;
}
.tu-nt-btn:hover {
background: #17b063;
}
.service-list a {
height: 125px;
}
[class*="alert_box"].success {
background: #ecf3db;
}
[class*="alert_box"].success {
background: #ecf3db;
color: #8b9a0c;
margin-bottom: 10px;
}
[class*="alert_box"].success i[class^="fa "] {
color: #9dcd17;
}
[class*="alert_box"].info {
background: rgba(52,152,219,.1);
color: #2980b9;
}
[class*="alert_box"].error {
background: rgba(231,76,60,.1);
color: #cb2700;
margin-bottom: 10px;
}
[class*="alert_box"] {
padding: 12px 20px 12px 60px;
position: relative;
}
a[class*="color"]:not(.color_light):hover, .close_product:hover, [class*="alert_box"].error i[class^="fa "], label[class*="required"]:after, .first_letter_1 > .fl, .info_block_type_1:hover [class*="icon_wrap"] {
color: #01519B;
}
[class*="alert_box"] i[class^="fa "] {
font-size: 24px;
position: absolute;
left: 20px;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.alert_box .close {
position: relative;
right: 25px;
line-height: 20px;
top: 10px;
}
.last-ch li {
float: left;
padding: 0 10px;
text-align: center;
font-size: 20px;
}
.fa-whatsapp:before {
content: "\f232";
}
.pb-5px {
padding-bottom: 5px;
}
.tu-mb-0px {
margin-bottom: 0;
}
.tu-ma-0px {
margin: 0;
}
.tu-mw-un {
min-width: 100%;
}
.tu-br-0px {
border-radius: 0;
}
.tu-n-pa {
padding: 6px 15px;
}
.bg-2 .tu-br-0px, .tu-mar-all-0px {
border-radius: : 0;
margin: 0;
}
.tu-plr-0px {
padding-left: 0;
padding-right: 0;
}
.mh-200px {
min-height: 200px;
display: flex;
justify-content: unset;
align-items: center;
}
.tu-nmb-10 {
margin-bottom: 10px;
}
.tu-nmb-20 {
margin-bottom: 20px;
}
.ed-icon {
color: #0a7c96;
font-size: 20px;
}
.del-icon {
color: red;
font-size: 20px;
}
.tu-npa-tb-5px {
padding-top: 5px;
padding-bottom: 5px;
}
/*.edit-bor {
border: 2px solid #0a7a99;
border-top: 0;
border-right: 1px solid #0a7a99;
}
.del-bor {
border: 2px solid #0a7a99;
border-top: 0;
border-left: 1px solid #0a7a99;
}*/
.demo-div {
border: 2px solid #d4d4d4;
float: left;
}
.nbt1 {
border-top: 1px solid #cccccc;
}
.nbl1 {
border-left: 1px solid #cccccc;
}
.nbr1 {
border-right: 1px solid #cccccc;
}
.alert_box p {
margin-bottom: 0;
}
.tuayp .price2 h3 {
padding: 5px;
text-align: left;
background: #ffffff;
border-radius: 5px;
width: unset;
}
.tuayp .price2 h3 span {
margin-left: 5px;
color: #0a7a9a;
float: unset;
font-size: unset;
}
.demo-div {
width: 100%;
}
.content .content-image {
width: 100%;
min-height: 180px;
max-height: 180px;
overflow: hidden;
}
@media (max-width:767px) {
.xs-wic-can > button {
width: 100%;
min-width: unset;
}
}
.current-page-item a {
color: #119b68!important;
}
#linkform_popup input.error {
border:1px solid red !important;
}
#linkform_popup label.error {
display:none !important;
}
.visit_msg {
font-size: 12px;
}
.required.error {
border: 1px solid red !important;
}
label.error {
color: #ce0000;
font-weight: normal;
}
.suc-tufel-box {
width: 50%;
margin: 0 auto;
padding: 10px;
/* border: 1px solid #333132; */
box-shadow: 0px 2px 20px 0px;
}
.ml-28p {
margin-left: 28%;
}
@media (max-width:767px) {
.ml-28p {
margin-left: 10px;
}
}
#contact_us_new_2 {
overflow: hidden;
background-color: #fbfbfb;
padding: 60px 0 40px 0;
color: #fff;
}
#contact_us_new_2 h2 {
overflow: hidden;
padding: 15px 0;
color: #101010;
font-weight: 600;
font-size: 17px;
}
.ser_name {
}
.main_ser_box {
margin-bottom:20px;
}
.ser_full_det {
}
.ser_full_det li {
float:left;
margin-bottom:5px;
color: #a0a0a0;
color:#bdbdbd;
}
.ser_full_det li a {
margin: 0 10px;
color: #a0a0a0;
color: #424242;
font-size: 13px;
line-height: 23px;
color: #424242;
font-weight: 400;
}
.new_city_list {
}
.new_city_list li {
display: inline-block;
border: 1px solid #dddddd;
padding: 0 5px;
margin: 3px 0;
margin: 3px;
}
.detail_page_city {
margin-bottom: 60px;
}
.detail_page_city_box {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
padding: 15px;
}
.detail_page_city_box > .new_city_list > li {
display: inline-block;
border: 1px solid #ccc;
padding: 0 5px;
margin: 3px 0;
margin: 5px;
color:#000;
}
.detail_page_city_box > .new_city_list > li > a {
color:#000;
color: #3f4040;
font-size:11px;
}
.detail_page_city_box > h2 {
color:#000;
margin-top: 0;
margin-bottom: 10px;
font-size:18px;
text-transform:capitalize;
font-family:'Roboto', sans-serif;
}
.detail_page_city_1 {
margin-bottom: 60px;
}
.detail_page_city_box_1 {
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
padding: 15px;
}
.detail_page_city_box_1 > .new_city_list_1 > li {
display: inline-block;
border: none;
border-bottom: 1px solid #ccc;
padding: 2px 7px;
margin: 3px 0;
margin: 5px;
color:#000;
}
.detail_page_city_box_1 > .new_city_list_1 > li > a {
color: #000;
}
.detail_page_city_box_1 > h2 {
color:#000;
margin-top: 0;
margin-bottom: 10px;
font-size:18px;
text-transform:capitalize;
font-family:'Roboto', sans-serif;
}
/*.career-detail > .icon-box > .tufel-note-txt {
text-transform: capitalize;
}
.career-detail > .icon-box > p {
margin: 0 5px;
color: #000;
text-transform: lowercase;
}
.icon-box p {
font-size: 18px;
text-transform: uppercase;
font-family: 'Roboto', sans-serif;
}*/
.my_new_city_style {
}
.my_new_city_style > li {
width: 50%;
float: left;
margin-bottom: 4px;
}
ul.footer-list.list-unstyled li {
margin-bottom: 4px;
}
.footer-heading{
color: #101010 !important;
font-size: 16px !important;
margin: 20px 0px;
font-weight:500;
}
.footer-heading.logoh{
text-transform: uppercase;
color: #000000 !important;
font-size: 19px !important;
margin: 20px 0px;
font-weight:600;
/* font-family: 'Titillium Web', sans-serif; */
}
.footer-about-block p.partn.footer-heading {
color: #424242;
font-family: 'Poppins', sans-serif;
font-size: 14px !important;
line-height: 24px;
font-weight: 400;
margin-bottom: 11px;
}
.footer-h2{font-size: 15px;
margin: 0px;}
.footer-h3{font-size: 14px;
margin: 0px;}
.reviews {
display: inline-block;
width: 100%;
margin: 30px 0;
padding-left: 60px;
}
.reviews:before {
content: '';
background: url(../images/yellow1.png)no-repeat center center;
position: absolute;
width: 36px;
height: 32px;
margin-left: -50px;
}
.customer-name {
color: #333;
padding-top: 10px;
display: inline-block;
font-weight:bold;
}
.review-text{color: #000;}
.customer-reviews{margin-bottom: 60px;}
span.star_html i {
font-size: 34px;
color: #0a966f;
}
span#avg_rat {
font-size: 25px;
color: #0a7f92;
font-weight: bold;
}
span#no_of_star {
font-size: 25px;
color: #0a7f92;
font-weight: bold;
}
.pay-now-div{
display: flex;
width: -webkit-fill-available;
float: left;
margin: 15px 35px;
padding: 15px;
align-items: center;
border: 1px solid #e4e4e4;
border-radius: 5px;
background: #f3f3f3;
}
.pay-now-div a{
padding: 5px 30px;
background: linear-gradient(to right, #d64f51, #8f0406,#d64f51, #8f0406);
background-size: 300%;
margin: 0;
color: #fff;
min-width: fit-content;
text-align: center;
border-radius: 5px;
float: right;
transition: 0.3s;
}
.pay-now-div a:hover{
background-size: 150%;
transition: 0.3s;
}
.pay-now-div h5{
font-size: 16px;
}
.m-15{margin: 15px!important;}
#contact_us_new_3 {
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
padding: 12px 0 24px 0;
}
#contact_us_new_3 .footer-heading {
margin-bottom:10px;
}
#contact_us_new_3 .tel-number {
font-size: 26px;
color: #424242;
font-weight: 600;
}
#contact_us_new_3 .social-links a {
margin: 0 10px 0 0px;
width: inherit;
height: inherit;
line-height: 49px;
padding: 0px 0px 0 0px;
}
.banner-new-home {
background: url(../images/bg-banner.png) 50% 50% no-repeat;
background-size:cover;
padding: 150px 0 120px 0;
}
.banner-new-home h2 {
font-size: 43px;
letter-spacing: 1px;
color: #ffffff;
font-weight: 700;
}
.banner-new-home .title-sub-banner {
font-size: 17px;
line-height: 30px;
color: #ffffff;
font-weight: 400;
margin: 14px 0px 25px 0px;
}
.banner-new-home .button.button--aylen {
color: #37474f;
margin: 0;
border-radius: 6px;
font-size: 15px;
font-weight: 500;
border: none;
padding: 13px 15px;
}
.banner-new-home .button.button--aylen:hover {
color:#fff;
}
.d-flex {
display:flex;
}
.align-items-center {
align-items:center;
}
.align-items-end {
align-items:end;
}
.ban-img img {
vertical-align: bottom;
}
.img-max {
max-width: 250px;
}
.ml-auto {
margin-left:auto;
}
.img-label {
max-width: 130px;
margin-right: 26px;
margin-bottom: 10px;
}
#search-bar {
position: relative;
z-index: 9;
}
#search-bar .bg-white {
border-radius: 14px;
filter: drop-shadow(0px 10px 15px rgba(0,60,40,0.08));
background-color: #ffffff;
margin-top: -42px;
}
#search-bar .btn.btn-default .caret {
display: none;
}
#search-bar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 206px;
}
#search-bar .btn.btn-default {
margin: 0;
background: none;
border: none;
font-size: 14px;
color: #101010;
font-weight: 600;
padding: 28px 36px;
background: url(../images/icon-location.png) 0% 50% no-repeat, url(../images/icon-arrow.png) 100% 50% no-repeat;
width: auto;
}
#search-bar .bootstrap-select .btn:focus:focus,#search-bar .bootstrap-select .btn:focus:hover,#search-bar .bootstrap-select .btn:focus:active,
#search-bar .btn-group.open .dropdown-toggle:focus {
outline:none;
}
#search-bar .btn-group.open .dropdown-toggle {
-webkit-box-shadow:none;
box-shadow:none;
}
#search-bar .bootstrap-select.btn-group .btn .filter-option {
display: inline-block;
overflow: hidden;
width: 100%;
text-align: left;
outline: none;
text-transform: capitalize;
letter-spacing: 1px;
font-weight: 600;
color: #101010;
}
#search-bar .searchinput {
font-size: 15px;
color: #636363;
font-weight: 400;
display: inline-block;
width: 100%;
height: 76px;
border: none;
background: #fff url(../images/icon-search.png) 22px 50% no-repeat;
padding-left: 70px;
}
#search-bar .b-right {
border-right: 1px solid #e8e8e8;
}
#search-bar .searchinput:hover,
#search-bar .searchinput:focus {
outline:none;
}
#categ-slide {
padding: 43px 0px;
}
#categ-slide .item a {
font-size: 12px;
color: #424242;
font-weight: 400;
}
#categ-slide .owl-carousel .owl-item img {
width: auto;
max-width:64px;
display: inline-block;
margin-bottom: 6px;
}
.owl-carousel .owl-item img {
width: auto;
display: inline-block;
}
.owl-theme .owl-nav .owl-prev {
left: -20px;
}
.owl-theme .owl-nav .owl-next {
right: -20px;
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
color: #1e1e1e;
font-size: 60px;
position: absolute;
bottom:6px;
background: none;
border: none;
margin: 0;
padding: 0;
}
.owl-theme .owl-nav .owl-prev:hover, .owl-theme .owl-nav .owl-next:hover {
background:none !important;
color: #000 !important;
}
#look-for {
}
.uscard {
background: #e3e3e3;
border-radius: 7px;
padding: 28px 20px 22px 20px;
filter: drop-shadow(0px 10px 15px rgba(0,60,40,0.08));
margin-bottom:15px;
}
.uscard.serv1 {
background: url(../images/serv1.png) 50% 50% no-repeat;
background-size:cover;
}
.uscard.serv1 h3 {
font-weight: 600;
font-size: 12px;
line-height: 16px;
}
.uscard.serv1 h3 span {
color: #fff;
font-weight: 500;
padding-top: 2px;
padding-bottom: 0;
}
.uscard h3 span {
font-weight: 600;
font-size: 12px;
display: inline-block;
padding-bottom: 4px;
}
.uscard h3 {
margin-top: 0;
color: #004255;
font-weight: 400;
font-size: 11px;
line-height: 15px;
}
.uscard .btext {
color: #ff0014;
display: inline-block;
font-weight: 500;
font-size: 13px;
margin-top: 13px;
}
.uscard .btext i {
margin-left:3px;
}
.uscard .offerText {
display: inline-block;
width: 100%;
color: #004255;
font-size: 12px;
position: relative;
top: -5px;
}
.uscard.serv2 {
background: #dfebfa url(../images/serv2.png) 100% 61% no-repeat;
background-size: 118px auto;
}
.uscard.serv2 h3 span {
color:#101010;
font-weight:600;
}
.uscard.serv3 {
background: #c5e6d2 url(../images/serv3.png) 100% 100% no-repeat;
background-size: 94px auto;
}
.uscard.serv3 h3 {
color:#4d9a6b;
}
.uscard.serv3 h3 span {
color:#206039;
font-weight:600;
}
.uscard.serv3 .offerText {
color:#4d9a6b;
}
.uscard.serv4 {
background: #fff4f2 url(../images/serv4.png) 100% 50% no-repeat;
background-size: 97px auto;
}
.uscard.serv4 h3 {
color:#a9695d;
}
.uscard.serv4 h3 span {
color:#6e3227;
font-weight:600;
}
.uscard.serv4 .offerText {
color:#a9695d;
}
#how-work .b-left {
border-left:1px solid #cccccc;
}
#how-work .b-left p {
color: #101010;
margin: 0;
padding-left: 37px;
line-height: 1.7;
font-weight: 500;
}
.how-works-block {
display:inline-block;
width:auto;
}
.how-works-block h5 {
color: #101010;
font-size: 17px;
font-weight: 500;
display: inline-block;
vertical-align: bottom;
padding-left: 13px;
line-height: 1.5;
width: 142px;
}
.how-works-block h5 span{
color: #0a9a69;
font-weight:400;
font-size: 13px;
}
.how-works-block .img {
display: inline-block;
border-radius: 8px;
filter: drop-shadow(0px 10px 15px rgba(0,60,40,0.08));
background-color: #ffffff;
padding: 19px;
}
.how-works-block .img img {
max-width: 97px;
}
img.harrow {
position: absolute;
top: 23px;
right: -36px;
}
#appliance {
background: url(../images/bg-appi1.png) 0% 100% no-repeat, url(../images/bg-appi2.png) 100% 0% no-repeat;
background-color:#c5e6d2;
background-size: 260px auto;
}
#appliance .section-title,
#cleanPest .section-title,
#salonHome .section-title {
padding-bottom: 25px;
}
.refitem .bg-white {
border-radius:7px;
filter: drop-shadow(0px 10px 15px rgba(0,60,40,0.08));
background-color: #ffffff;
}
.vservice {
display: inline-block;
font-size: 14px;
color: #101010;
margin-top: 36px;
font-weight:500;
}
.vservice img {
max-height: 13px;
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
.refitem .bg-white {
border-radius: 7px;
filter: drop-shadow(0px 10px 15px rgba(0,60,40,0.08));
background-color: #ffffff;
height: 160px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
#cleanPest .refitem .bg-white,
#salonHome .refitem .bg-white {
height: 160px;
height: inherit;
padding: 0;
}
#cleanPest .refitem .bg-white img,
#salonHome .refitem .bg-white img {
width:100%;
max-height: inherit;
border-radius: 7px;
}
.refitem .bg-white img {
max-height: 120px;
}
.refitem .appText {
color:#101010;
font-weight: 600;
font-size: 17px;
}
#salonHome {
background: url(../images/bg-salon1.png) 0% 100% no-repeat, url(../images/bg-salon2.png) 100% 0% no-repeat;
background-color:#d9e9ee;
background-size: 173px auto;
}
.b-leftis {
border-left:1px solid #cccccc;
}
.b-leftis p {
color: #101010;
margin: 0;
padding-left: 37px;
line-height: 1.7;
font-weight: 500;
}
#customer-says .bg-white {
border-radius: 10px;
filter: drop-shadow(1px 4px 8px rgba(0,60,40,0.08));
background-color: #ffffff;
margin-bottom: 13px;
margin-top: 10px;
margin-left: 10px;
padding:0;
padding-bottom: 17px;
}
#customer-says h4 {
font-size: 16px;
line-height: 16px;
color: #111111;
font-weight: 600;
margin: 0;
}
#customer-says h4 span{
font-size: 11px;
line-height: 1.1;
color: #424242;
font-weight: 400;
}
#customer-says h4 i {
color: #ffb723;
font-size: 12px;
margin: 0 1px;
}
#customer-says h4 em {
color: #424242;
font-weight: 400;
font-size:14px;
font-style:normal;
}
#customer-says .headi {
position: relative;
padding-left: 93px;
margin-top: 25px;
padding-top: 9px;
}
#customer-says .headi img {
position: absolute;
top: 0;
left: 20px;
max-width: 57px;
}
#customer-says h4 span.s2 {
font-size: 12px;
}
#customer-says .bg-white p {
margin-top: 36px;
position: relative;
color: #000;
line-height: 1.6;
}
#customer-says .bg-white p img {
position: absolute;
top: 0;
left: 0;
max-width: 39px;
}
#customer-says .bg-white hr {
margin: 0;
margin-bottom: -11px;
border-color:#cccccc;
}
#customer-says .bg-white .exprt {
margin: 0;
width: 84px;
line-height: 24px;
border-radius: 14px;
background-color: #c5e6d2;
font-size: 12px;
color: #0a9a69;
font-weight: 400;
display: inline-block;
text-transform: uppercase;
margin-top: -16px;
position: relative;
}
#customer-says .bg-white .down h4 {
font-size: 12px;
line-height: 16px;
}
#customer-says .bg-white .down {
padding-left: 80px;
margin-top: 6px;
padding-top: 3px;
}
#customer-says .bg-white .down img {
top: 0;
left: 20px;
max-width: 50px;
}
#customer-says .bg-white .tg {
display: inline-block;
font-size: 11px;
color: #0a9a69;
font-weight: 400;
text-align: right;
margin-top: 17px;
}
/**/
#profit-sec {
/* background-color: #a0e2fb; */
/* padding: 30px 0; */
position:relative;
}
#profit-sec .container {
background-image: linear-gradient(60deg, #126597 6%, #2a8bc4 40%, #099969 100%);
padding: 50px 95px;
border-radius: 15px;
}
@media screen and (min-width: 1330px){
#profit-sec .container {
width: 1326px;
}
}
#profit-sec h2 {
font-size: 30px;
line-height: 1.5;
letter-spacing: 1px;
color: #fff;
font-weight: 600;
}
#profit-sec p {
font-size: 15px;
line-height: 28px;
color: #fff;
font-weight: 400;
margin-bottom: 25px;
margin-top: 17px;
width: 88%;
}
.button.button--blue {
border-radius: 7px;
background-color: #fff;
border-color: #fff;
color: #0d9774;
min-width: 148px;
max-width: inherit;
display: block;
padding: 8px 9px;
font-size: 17px;
letter-spacing: 0.5px;
margin: 8px;
font-weight: 500;
}
.button.button--blue:hover {
color:#fff;
}
.payment img {
display: inline-block;
}
#profit-sec .sl {
position:absolute;
bottom: 21px;
left: 0;
max-width: 160px;
}
#profit-sec .img img {
max-width: 88%;
}
#profit-sec .sr {
position:absolute;
top:21px;
right:0;
max-width: 160px;
}
#single-blog-page .main-nav {
/* border-bottom: 1px solid rgb(237, 237, 237); */
}
.navbar-header .call-icon,
.navbar-header .button--round-s {
/* display:none; */
}
.banner-service-details {
padding:10px 0px 5px 0px;
}
.banner-service-details h2 {
color: #000;
font-weight: 600;
font-size: 30px;
margin-bottom: 20px;
}
.banner-service-details .title-sub-banner {
font-size: 16px;
margin-top: 20px;
width: 100%;
}
.banner-service-details .ban-img img {
border-radius:5px;
}
.banner-service-details span.star_html i {
font-size: 19px;
}
.banner-service-details span#avg_rat {
font-size: 17px;
}
.banner-service-details span#no_of_star {
font-size: 17px;
}
#categ-slide.sdetail .owl-carousel {
border-top:2px solid rgb(237, 237, 237);
border-bottom:2px solid rgb(237, 237, 237);
padding-top:25px;
padding-bottom:15px;
}
#categ-slide.sdetail .item img {
border-radius:8px;
}
#categ-slide.sdetail .owl-theme .owl-nav .owl-prev, #categ-slide.sdetail .owl-theme .owl-nav .owl-next {
bottom: 50px;
}
.owl-theme button.owl-prev.disabled, .owl-theme button.owl-next.disabled {
opacity: 0;
}
#sub-services {
padding-bottom: 45px;
}
#sub-services .section-title h3 {
margin-bottom: 15px;
}
#sub-services h4 {
font-weight: 600;
color: #000;
}
#sub-services .hborder {
border-width:4px;
margin-top:40px;
}
.price-info {
color: #0a7a9a;
font-size: 16px;
font-weight: 500;
}
.price-info i {
margin-right:0px;
}
.rounded {
border-radius:5px;
}
.infolable {
display: inline-block;
background: #0a9a69;
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #fff;
padding: 0px 31px;
font-size: 12px;
border-radius: 3px;
line-height: 34px;
margin: 0;
}
#sub-services .new_city_list li {
display: inline-block;
border: none;
border-right: 1px solid #dddddd;
padding: 0 5px;
margin:3px 0px;
float: left;
}
#sub-services .new_city_list a:hover {
color: #0a7a9a;
}
#sub-services .new_city_list a {
color: #454545;
font-size: 13px;
padding: 3px 5px;
display: inline-block;
}
#sub-services .service_detail_page_faq {
padding:0;
box-shadow:none;
}
.border-right {
border-right:1px solid #cccccc;
}
.adcartbtn {
display: inline-block;
background: #0a9a69;
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #fff;
padding: 0px 20px;
font-size: 12px;
border-radius: 3px;
line-height: 35px;
margin: 0;
min-width: inherit;
float: none;
max-width: inherit;
}
.adcartbtn:hover {
background: #0a7a9a;
color:#fff;
}
.text-right {
text-align:right;
}
.text-left {
text-align:left;
}
.qty button {
padding: 0;
margin: 0;
border-style: none;
touch-action: manipulation;
display: inline-block;
border: none;
background: none;
cursor: pointer;
}
.qty {
display: flex;
width:100%;
text-align: center;
/* align-items: flex-end; */
justify-content: end;
}
.qty label {
flex: 1 0 100%;
}
.qty input {
width: 39px;
height: 30px;
font-size: 13px;
text-align: center;
border: 1px solid #bbbbbb;
margin: 0 3px;
border-radius: 0;
}
.qty input:focus {
outline:none;
}
.qty button {
width: 30px;
height: 30px;
color: #fff;
font-size: 19px;
background: #0a9a69;
border-radius: 3px;
line-height: 32px;
}
.qty button.qtyminus {
margin-right: 0.3rem;
}
.qty button.qtyplus {
margin-left: 0.3rem;
}
.right-cart-div h6 {
color: #101010;
font-weight: 600;
font-size: 16px;
}
.right-cart-div table {
border:none;
}
.right-cart-div .table>tbody>tr>th,
.right-cart-div .table>tbody>tr>td {
font-weight:400;
border:none;
padding: 7px 0px;
}
.right-cart-div .table>tbody>tr>td .qntynumber {
display: inline-block;
border: 1px solid #ccc;
color: #000;
padding: 2px 10px;
font-size: 13px;
border-radius: 3px;
vertical-align: baseline;
margin-right: 8px;
top: -2px;
position: relative;
}
.right-cart-div .table>tbody>tr>td {
text-align:right;
}
.right-cart-div .table>tbody>tr>td i {
margin-right:2px;
}
.right-cart-div .table>tbody>tr>td a {
display:inline-block;
margin-left:5px;
}
.right-cart-div .table>tbody>tr.tpayable th {
border-top: 1px solid #eee;
font-size: 16px;
font-weight: bold;
color: #000;
}
.right-cart-div .qty {
display:inline-block;
width: auto;
vertical-align: top;
margin-right:10px;
}
.right-cart-div .qty button {
width: 25px;
height: 25px;
color: #fff;
font-size: 15px;
}
.right-cart-div .qty input {
width: 40px;
height: 25px;
font-size: 12px;
vertical-align: top;
}
.right-cart-div .table>tbody>tr.tpayable td {
border-top: 1px solid #eee;
font-size: 16px;
font-weight: 700;
color: #000;
}
.right-cart-div .table>tbody>tr.tpayable td i {
margin-right:5px;
font-size: 14px;
}
.text-blue {
color: #0a7a9a;
}
.text-dark {
color: #000;
}
.right-cart-div .checkout-btn {
display: inline-block;
background: #0a7a9a;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
padding: 0px 15px;
border-radius: 3px;
line-height: 46px;
font-size: 15px;
margin: 0;
width: 100%;
margin-bottom:5px;
}
.right-cart-div .checkout-btn i {
font-size:13px;
margin-left:3px;
}
.right-cart-div .checkout-btn:hover {
background: #0a9a69;
color: #fff;
}
.right-cart-div .s-text {
font-size:12px;
}
#categ-slide.stick {
position: fixed;
top: 78px;
z-index: 999;
background:#fff;
padding-top: 0;
padding-bottom: 0;
width: 100%;
}
#cart-summary.stick {
width: 360px;
position: fixed;
top: 250px;
}
#sub-services span.star_html i {
font-size: 19px;
}
#sub-services span#avg_rat {
font-size: 17px;
}
#sub-services span#no_of_star {
font-size: 17px;
}
#sub-services .sp-right {
padding-right:40px;
}
#sub-services .sp-left {
padding-left:40px;
}
#sub-services .sp-left p {
font-size: 13px;
line-height: 1.6;
text-align: justify;
}
#sub-services .bleftsp {
padding-left: 40px;
}
#sub-services .brightsp {
border-right: 1px solid #cccccc;
padding-right: 40px;
}
#sub-services .panel {
box-shadow:none;
}
#sub-services .panel-group .panel {
border:none;
border-radius:0;
}
#sub-services .panel-default>.panel-heading {
border:none;
border-radius:0;
background:none;
padding-left:0;
padding-right: 0;
}
#sub-services .panel-group .panel+.panel {
margin:0;
}
#sub-services .panel-default>.panel-heading .accordion-toggle {
display:inline-block;
width:100%;
font-weight:400;
font-size:14px;
padding: 2px 0;
line-height:1.5;
padding-right:20px;
position:relative;
}
#sub-services .panel-default>.panel-heading .accordion-toggle:after {
content: "\f106";
font: normal normal normal 14px/1 FontAwesome;
color:#000;
position:absolute;
top: 2px;
right: 0;
font-size: 21px;
}
#sub-services .panel-default>.panel-heading .accordion-toggle.collapsed:after {
content: "\f107";
}
#sub-services h1 {
color: #101010;
letter-spacing: 1px;
font-family: 'Poppins', sans-serif;
font-size: 30px;
margin-top: 0;
font-weight: 600;
margin-bottom: 15px;
}
.testimonial .headi {
position: relative;
padding-left: 93px;
margin-top: 0px;
padding-top: 9px;
}
.testimonial .headi img {
position: absolute;
top: 0;
left: 20px;
max-width: 57px;
}
.testimonial .headi h4 {
font-size: 16px;
line-height: 16px;
color: #111111;
font-weight: 600;
margin: 0;
}
.testimonial .headi h4 span {
font-size: 11px;
line-height: 1.1;
color: #424242;
font-weight: 400;
}
.testimonial .headi h4 span.s2 {
font-size: 12px;
}
.testimonial .headi h4 em {
color: #424242;
font-weight: 600;
font-size: 14px;
font-style: normal;
}
.testimonial .headi h4 i {
color: #ffb723;
font-size: 14px;
margin: 0 1px;
}
.testimonial p {
margin-top: 36px;
position: relative;
color: #000;
line-height: 1.6;
}
/*** ***/
#checkout {
padding:140px 0;
background: #fafafa;
}
.checkout-section .panel-group .panel {
border:none;
border-radius:0px;
margin-bottom: 15px;
}
.checkout-section .panel-default>.panel-heading {
background:none;
border-radius:0;
padding:0;
}
.checkout-section .panel-title>a {
padding: 12px 0px;
font-size: 15px;
border: none;
line-height: 1.5;
background-color: #0a9a69;
color: #fff;
font-weight:500;
display: flex;
align-items: center;
width: 100%;
}
.checkout-section .panel-title>a .nav_link_icon {
width: 25px;
height: 25px;
line-height: 26px;
background-color: #fff;
color: #222;
text-align: center;
font-size: 13px;
border-radius: 3px;
margin-left: 22px;
margin-right: 14px;
font-weight:500;
}
.checkout-section .panel-title>a.collapsed {
background-color: #f1f1f1;
color: #fff;
color: #333333;
}
.checkout-section .panel-title>a.collapsed .nav_link_icon {
background-color: #222;
color: #fff;
}
.checkout-section .panel-body {
border:1px solid #ddd;
padding: 25px 15px;
}
.checkout-section .bg-2 .button {
margin-left:0;
margin-right:0;
padding:0 20px;
line-height:43px;
border: none;
}
.checkout-section .verifyCode {
font-size: 14px;
line-height: 1.5;
margin-bottom:10px;
display:inline-block;
}
.checkout-section .getOTP {
font-size: 12px;
}
.checkout-section .reSendOTP {
font-size: 12px;
}
.checkout-section .form-control {
height: 40px;
}
.key-points {
display: block;
}
.checkout-section .key-points li {
color: #000;
padding: 3px 0 3px 21px;
position: relative;
line-height: 19px;
font-size: 12px;
}
.checkout-section .advangtage h6 {
font-size: 16px;
line-height: 26px;
font-weight: 600;
margin-top: 0;
}
.checkout-section .key-points li:before {
content: "\f005";
position: absolute;
font: normal normal normal 14px/1 FontAwesome;
left: 0;
border-radius: 50%;
text-align: center;
align-items: center;
color: #0a7a9a;
top: 6px;
width: inherit;
height: inherit;
}
.cbutton {
display: inline-block;
background: #0a9a69;
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #fff;
padding: 0px 26px;
font-size: 14px;
border-radius: 5px;
line-height:43px;
}
.cbutton:hover {
background: #0a7a9a;
color: #fff;
}
.checkout-section .AddressCard label {
display: inline-block;
width: 100%;
font-size: 14px;
line-height: 1.4;
color: #787878;
box-shadow: 0 0 4px rgb(148 148 148 / 30%);
font-weight: 400;
padding: 13px 14px;
margin-bottom: 10px;
}
.checkout-section .AddressCard label input {
float: none;
display: inline-block;
margin-top: 0;
width: 16px;
height: 16px;
vertical-align: middle;
}
.checkout-section .paymentoption .AddressCard label {
padding-left: 45px;
font-size: 12px;
color: #000;
color: #787878;
}
.checkout-section .paymentoption .AddressCard label strong {
font-size: 14px;
color: #000;
}
.checkout-section .paymentoption .AddressCard label input {
margin-right: 7px;
position: absolute;
top: 16px;
left: 29px;
}
.checkout-section .slabel {
margin-right: 10px;
}
.slabel {
margin-bottom: 9px;
font-weight: 500;
}
input {
accent-color: #0a7a9a;
}
.p-0 {
padding:0;
}
.right-cart-div .bg-wspace {
background: #fff;
border-radius: 3px;
padding: 13px 18px 15px 18px;
border: 1px solid #e0e0e0;
margin-bottom: 15px;
}
.coup-p.ft {
position: relative;
padding-left: 35px;
min-height: 30px;
font-size: 15px;
line-height: 1.75;
margin-bottom: 0;
}
.coup-p.ft i {
top: 4px;
left: 0;
font-size: 22px;
color: #343a40!important;
position: absolute;
}
.coup-p.ft .couponModal {
line-height: 1.75;
min-width: 68px;
text-align: center;
text-decoration: none;
border: 1px solid #0a7a9a;
color: #0a7a9a;
font-weight: 500;
font-size: 12px;
padding: 3px 10px;
border-radius: 3px;
}
.coup-p.ft .couponModal:hover {
background:#0a7a9a;
color: #fff;
}
/**/
.common-modal .modal-content {
background:#fff;
}
.common-modal .form-control {
height: 45px;
font-size: 13px;
}
.coupon-modal .form-group {
display: inline-block;
width: 100%;
}
.coupon-modal .form-control {
height: 45px;
font-size: 13px;
}
.coupon-modal .button {
display: inline-block;
background: #0a7a9a;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
padding: 0px 15px;
line-height: 46px;
font-size: 15px;
margin: 0;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
border-radius: 5px;
}
.coupon-modal .button:hover {
background: #0a9a69;
color: #fff;
}
/**/
.common-modal .modal-content {
padding:0;
}
.common-modal .close {
color:#000;
}
.common-modal .modal-header {
padding: 16px 17px;
}
.common-modal .modal-title {
margin: 0;
line-height: 1.42857143;
font-size: 16px;
font-weight: 600;
color: #000;
}
.position-relative {
position:relative;
}
.common-modal .dinfo {
padding: 20px 20px;
border-top: 2px solid #f4f4f5;
}
.common-modal .bordbot {
border-top: 2px solid #f4f4f5;
}
.common-modal .bdr {
padding: 23px 20px;
}
.common-modal .dinfo .combar {
padding-bottom: 15px;
}
.common-modal .check-coupon {
color: #0a9a69;
font-size: 13px;
font-weight: 600;
letter-spacing: 1.1px;
position: absolute;
top: 13px;
right: 14px;
border: none;
background: none;
padding: 0;
}
.common-modal .custom-control {
align-items: start;
margin-bottom: 0;
grid-gap: 16px;
display: flex;
}
.common-modal .fieldsets .custom-control.custom-radio label {
margin: 0;
top: auto;
font-size: 14px;
color: #0c0c0c;
margin-bottom: 7px;
display: inline-block;
text-indent: 0;
padding: 0px 0 0 0px;
position: relative;
padding-left: 32px;
}
.common-modal .custom-control.custom-radio input {
width: 17px;
height: 17px;
margin: 0;
top: 2px;
position: absolute;
top: 4px;
left: 0;
padding: 0;
border: 1px solid #7f7f7f !important;
border-radius: 2px;
font-weight: bold;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
-ms-appearance: none;
-o-appearance: none;
outline: none;
background: #fff;
}
input {
accent-color: #056846;
}
.common-modal .custom-control-label svg {
width: 14px;
height: 14px;
fill: #fff;
position: absolute;
top: 5.2px;
left: 1.5px;
display: none;
}
.common-modal .custom-control-label .c-bdr {
border: 1.5px dashed #000;
padding: 13px 14px;
display:inline-block;
font-weight: 600;
color:#000;
margin-bottom: 7px;
}
.common-modal .ccbdr {
border-top: 2px solid #f4f4f5;
border-bottom: 2px solid #f4f4f5;
}
.common-modal .custom-control-label span {
color:#000;
}
.common-modal .custom-control-label span.smaltext {
font-weight:400;
font-size:13px;
display: block;
}
.common-modal .custom-control-label input:checked + svg {
display: block;
}
.common-modal .custom-control.custom-radio input:checked:before {
content: '';
background: #0a9a69;
color: #fff;
height: 15px;
top: 0;
left: 0;
border-color:#0a9a69;
position: absolute;
width: 100%;
text-align: center;
font-family: 'Poppins', sans-serif;
}
.common-modal .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width:100%;
}
.common-modal .top-btn-block {
margin:0;
width:100%;
margin-bottom:15px;
}
.common-modal .btn-main {
display: inline-block;
background: #0a7a9a;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
padding: 0px 15px;
border-radius: 3px;
line-height: 46px;
font-size: 15px;
margin: 16px 0px 0px 0px;
width: 100%;
outline: none;
border: none;
}
.common-modal .radi-btn .mainlabel {
font-weight: 600;
display:inline-block;
width:100%;
margin-right: 0px;
}
.common-modal textarea.form-control {
padding-top: 11px;
}
.common-modal label {
color: #4c4b4b;
}
.common-modal .radi-btn label {
font-weight:400;
margin-right: 20px;
}
.common-modal .radi-btn label input {
display: inline-block;
vertical-align: middle;
margin-right: 9px;
margin-top: 0;
}
.common-modal .btnsubmit {
display: inline-block;
background: #0a7a9a;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
padding: 0px 15px;
border-radius: 3px;
line-height: 46px;
font-size: 15px;
margin: 16px 0px 0px 0px;
width: 100%;
outline: none;
border: none;
}
.common-modal .modal-content {
margin-bottom: 30px;
}
.common-modal .btnsubmit:hover,
.common-modal .btn-main:hover {
background: #0a9a69;
color: #fff;
}
@media (min-width: 1100px) {
.loginsign-div .modal-content {
width: 850px;
}
.common-modal .modal-content {
width: 600px;
}
}
.modal {
z-index: 9999;
}
.loginsign-div .close {
position: absolute;
top: -34px;
right: 3px;
}
.modal .loginsign_div {
padding:0;
background: none;
}
.loginsign_div {
padding:120px 0;
background: #f3f3f3;
}
.loginfo .rightspr {
padding: 25px;
border-top: 8px solid #039165;
background: #fff;
}
.loginfo {
border-radius: 5px;
margin-bottom: 30px;
}
.justify-content-center {
justify-content:center;
}
.loginfo h3 {
font-weight: 600;
font-size: 25px;
color: #000;
}
.loginfo label {
color: #000;
}
.font-semi-bold {
font-weight:600;
}
.loginfo .stext {
font-size: 13px;
display: inline-block;
margin-bottom: 35px;
width: 100%;
}
.loginfo .form-group {
display: inline-block;
width: 100%;
}
.loginfo .form-control {
height: 45px;
font-size: 13px;
}
.loginfo .button {
display: inline-block;
background: #0a7a9a;
color: #fff;
font-weight: 500;
font-family: 'Poppins', sans-serif;
padding: 0px 15px;
line-height: 46px;
font-size: 15px;
margin: 0;
width: 100%;
max-width: 100%;
margin-bottom: 10px;
border-radius: 5px;
}
.loginfo .button:hover {
background: #0a9a69;
color: #fff;
}
.loginfo .rightspr p {
font-size: 12px;
line-height: 1.6;
}
.loginfo .rightspr p a {
color: #0a7a9a;
text-decoration:underline;
}
.loginfo .rightspr p a.bigger {
font-weight: bold;
text-decoration: none;
font-size: 12px;
}
.loginfo .bg-img {
background: #0a7a9a;
background-image: linear-gradient(60deg, #097999 0%, #099969 100%);
position: relative;
bottom: -24px;
border-radius: 25px 0px 0px 0px;
border-bottom: 8px solid #2c2c2c;
display: flex;
align-items: center;
}
.loginfo.signinfo .downinfo {
position: absolute;
bottom: 10px;
left: 0;
display: flex;
width: 100%;
}
.loginfo.signinfo .downinfo .icon-box {
margin:0 auto;
padding:0 10px;
}
.loginfo.signinfo .downinfo .icon-box img {
max-width: 40px;
margin-bottom: 7px;
}
.loginfo.signinfo .downinfo p {
font-size: 11px;
text-transform: uppercase;
color:#fff;
}
.loginfo.signinfo .bg-img {
padding-bottom: 70px;
}
.loginfo .top-btn-block {
margin:0px;
width: 100%;
}
.loginfo .top-btn-block .btn.btn-default {
border-radius: 0px;
font-size: 13px;
height: 45px;
}
.top-btn-block .btn.btn-default:hover {
background: none;
color: #555!important;
outline: none !important;
}
.top-btn-block .btn.btn-default:focus {
outline: none !important;
}
.loginfo .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
outline: none !important;
}
#navigation .navbar-header {
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
height: 100px;
}
#navigation .navbar-right.navbar-collapse {
width: 64%;
}
.cititext i {
font-size: 18px;
margin-left: 7px;
position: relative;
top: 1px;
}
.cititext {
color: #000;
font-weight: 500;
font-size: 14px;
margin-left: 8px;
}
.breadcrumbs {
padding: 90px 0px 0px 0px;
margin-top: 40px;
}
.breadcrumbs p {
font-size: 13px;
}
.breadcrumbs p a {
color:#000;
}
.breadcrumbs p a:hover {
color: #0a7f92;
text-decoration:underline;
}
.breadcrumbs p spna {
font-size: 13px;
display: inline-block;
padding: 0 3px;
}
#sub-services .panel.bd-bottom {
border-bottom: 1px solid #eee;
}
.payment-success {
padding: 140px 0;
background: #fafafa;
}
.payment-success .bg-white {
box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
background:#fff;
}
.payment-success .order-confirm-div-space {
padding: 60px 30px;
}
.payment-success h1 {
color: #333132;
margin-bottom: 2px;
letter-spacing: 1px;
font-size: 35px;
margin-top: 0;
font-weight: 600;
}
.payment-success p {
font-family: Arial;
font-size: 15px;
line-height: 23px;
color: #8b8b8b;
}
.order-confirm-div-space h6 {
font-weight: 600;
color: #767676;
font-size: 14px;
}
.payment-success .orconfirm {
padding-left: 100px;
position: relative;
margin-bottom: 30px;
}
.payment-success .orconfirm img {
position: absolute;
top: 0;
left: 15px;
max-width: 65px;
}
.checkout-review-order-table {
width: 100%;
}
.checkout-review-order-table td,
.checkout-review-order-table th {
padding:8px 0px;
}
.order-confirm-div-space h4 {
color: #000;
font-weight: 600;
margin-top: 20px;
margin-bottom: 25px;
}
.nbtn {
display: inline-block;
background: #0a9a69;
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #fff;
padding: 0px 26px;
font-size: 13px;
border-radius: 3px;
line-height: 40px;
margin: 0;
}
.payment-success .bg-light {
background-color: #f8f9fa!important;
padding:35px 30px;
}
.m-0 {
margin:0 !important;
}
.payment-success .AddressCard label {
display: inline-block;
width: 100%;
font-size: 14px;
line-height: 1.4;
color: #787878;
box-shadow: 0 0 4px rgb(148 148 148 / 30%);
font-weight: 400;
padding: 13px 14px;
margin-bottom: 10px;
}
/***** Responsive CSS *****/
@media screen and (max-width: 767px){
.pay-now-div {
flex-direction: column;
margin: 15px;
}
.d-flex {
display: block;
}
.navbar-header {
height: 64px;
}
a.navbar-brand img {
width: auto!important;
margin-top: 19px!important;
}
.navbar-header .call-icon,
.navbar-header .button--round-s {
margin-right: 7px;
display:inline-block;
}
header .top-btn-block {
/* display:none; */
order: -1;
margin-left: auto;
}
.container>.navbar-header {
margin:0 auto;
}
.navbar-toggle {
margin:0 10px 0 10px !important;
}
.navbar-header .button--round-s {
color: #fff;
border-color: #fff0;
font-size: 13px;
padding: 10px;
background: #0a9a69;
margin-bottom: 0;
margin-left: 0;
margin-right: 5px;
font-weight: 500;
padding: 8px 20px;
}
#navigation .navbar-right.navbar-collapse {
width: 100%;
padding: 0;
margin: 0;
position: absolute;
top: 99px;
}
#navigation .navbar-right .navbar-nav {
float: right;
width: 100%;
padding: 0;
border: none;
text-align: center;
background-color: #fff;
padding: 15px;
border: 1px solid #ededed;
}
.banner-new-home h2 {
font-size: 19px;
}
.banner-new-home .title-sub-banner {
line-height: 22px;
font-weight: 400;
margin: 14px 0px 25px 0px;
font-size: 13px!important;
}
.banner-new-home h2 {
font-size: 22px;
}
.img-label {
max-width: 80px;
}
.banner-new-home .button.button--aylen {
min-width: 132px;
font-size: 14px;
padding: 10px 9px;
}
.banner-new-home {
padding: 101px 0 90px 0;
}
#search-bar .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
width: 100%;
}
#search-bar .btn.btn-default {
width:100%;
}
#search-bar .searchinput {
font-size: 11px;
display: inline-block;
width: 100%;
height: 45px;
border: none;
background-position:0px 50%;
padding-left: 32px;
background-size: 19px auto;
}
#search-bar .bg-white {
padding: 0;
}
#search-bar .btn.btn-default {
font-size: 14px;
padding: 16px 36px;
width: 100%;
background-size: 17px auto;
}
#search-bar .b-right {
border: none;
border-bottom: 1px solid #e8e8e8;
}
.owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {
font-size: 34px;
}
.owl-theme .owl-nav .owl-prev {
left: 5px;
}
.owl-theme .owl-nav .owl-next {
right: 5px;
}
#categ-slide {
padding: 30px 0px;
}
#how-work .b-left, .b-leftis {
border:none;
}
#how-work .b-left p, .b-leftis p {
padding-left: 0px;
font-size: 12px;
}
.how-works-block {
width: 100%;
margin-bottom: 22px;
}
img.harrow {
display:none;
}
.section-title {
padding-bottom: 30px;
}
.section-title h3 {
font-size: 22px;
}
.vservice {
margin-top: 10px;
}
#app-main-block .section-title h3 {
margin-top:15px;
}
#customer-says .item {
padding: 0 8px;
}
#customer-says .bg-white {
margin-left:0;
}
.appLink input {
margin-right: 11px;
font-size: 13px;
width: 66%;
}
.appLink {
width: 100%;
}
.app-block-btn {
margin: 20px 0 25px;
}
.app-block-btn img {
width: 140px;
}
#profit-sec .container {
padding: 20px 15px 35px 15px;
}
#profit-sec h2 {
font-size: 19px;
line-height: 1.5;
}
#profit-sec p {
font-size: 15px;
line-height: 24px;
margin-bottom: 25px;
margin-top: 17px;
width: 100%;
font-size: 13px!important;
}
#profit-sec .button.button--blue {
margin-bottom: 25px;
}
#profit-sec .img {
text-align:center;
}
#profit-sec .img img {
max-width: 60%;
}
#downl-app .text a, #downl-app .text span {
margin-right: 9px;
}
#downl-app .text img {
max-height: 35px;
}
#downl-app .text {
display:flex;
}
#downl-app .appLink {
margin-top:30px;
}
#downl-app .appLink input {
width: 70%;
}
#customer-says .bg-white p {
margin-bottom: 30px;
}
#footer a.to-top:before {
left: 0px;
}
#footer .main_ser_box {
margin-bottom: 0px;
}
#contact_us_new_2 {
padding: 30px 0 40px 0;
}
#footer {
padding-bottom: 50px;
}
#categ-slide.stick {
position: relative !important;
top: 0px!important;
z-index: 10000;
background: #fff;
padding: 43px 0px;
width: 100%;
}
#cart-summary.stick {
width: auto;
position: relative;
top: auto;
}
.banner-service-details .title-sub-banner {
font-size: 14px !important;
margin-top: 20px;
margin-bottom: 25px;
}
.checkout-section .panel-body {
padding: 25px 0px;
}
.loginfo>.row.d-flex {
display:flex;
flex-wrap:wrap;
}
.loginfo .rightspr {
order:1;
border-radius: 25px 0px 0px 0px;
padding: 15px;
}
.loginfo .bg-img {
order:2;
bottom: 0px;
padding-top: 15px;
padding-bottom: 15px;
border-radius: 0px 0px 25px 0px;
}
#sub-services .brightsp {
border:none;
padding-right: 15px;
}
#sub-services .bleftsp {
padding-left: 15px;
}
#sub-services #cart-summary {
left:0px !important;
top:0px !important;
position: relative;
}
#sub-services .sp-right {
padding-right: 15px;
}
#sub-services .sp-left {
padding-left: 15px;
}
#sub-services .border-right {
border-right:none;
}
#sub-services .new_city_list a {
font-size: 12px;
}
#navigation .navbar-header {
display:flex;
}
#navigation .cititext {
display:none;
}
#single-blog-page .main-nav {
border:none;
}
.payment-success .order-confirm-div-space {
padding: 40px 0px;
}
.payment-success .orconfirm {
padding-left: 65px;
}
.payment-success .orconfirm img {
max-width: 40px;
}
.payment-success p {
font-size: 13px;
line-height: 18px;
}
.payment-success h1 {
margin-bottom: 5px;
font-size: 19px;
}
.order-confirm-div-space h6 {
font-size: 13px;
}
.checkout-review-order-table td, .checkout-review-order-table th {
padding: 6px 0px;
font-size: 13px;
}
}
@media (min-width: 768px) {
.new-case-wizard .step
{
min-height: 565px;
}
}
.service_detail_page_faq
{
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.64);
padding: 15px;
}
.service_detail_page_faq a
{
color:#000;
}
.right-cart-div .table>tbody>tr>th {
width: 65%;
}
.right-cart-div .table>tbody>tr>th span {
display: -webkit-box;
font-size: 14px;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.mb20 {
margin-bottom:20px;
}
.carsummaryForMobile {
background: #0a7a9a;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 25px;
box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 50%);
z-index: 99;
}
.carsummaryForMobile p span {
color: #fff;
font-size: 11px;
}
.carsummaryForMobile p {
display: inline-block;
font-size: 19px;
margin: 0px 0px;
line-height: 1.3;
margin-top: -4px;
}
.carsummaryForMobile .button {
display: inline-block;
background: #0a9a69;
font-weight: 500;
font-family: 'Poppins', sans-serif;
color: #fff;
padding: 3px 30px;
font-size: 14px;
border-radius: 8px;
line-height: 40px;
margin: 0;
min-width: inherit;
float: none;
margin-left: 10px;
}
#categ-slide.sdetail .item img {
max-height: 64px;
min-height: 64px;
min-width: 64px;
}
.toast-item p {
margin-bottom: 0;
}
.toast-item-close {
width: 15px !important;
height: 15px !important;
top: 14px !important;
right: 13px !important;
background-size: cover !important;
font-size: 0px;
opacity: 1 !important;
background-repeat: no-repeat !important;
}
.cartDiv {
}
.right-cart-div .table>tbody>tr>th {
width: 65%;
}
.checkoutService .table span.cartSerName {
display: -webkit-box;
font-size: 14px;
line-height: 1;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.checkoutService .table>tbody>tr>th,
.checkoutService .table>tbody>tr>td {
font-weight: 400;
border: none;
padding: 7px 0px;
}
.titlestyle {
color: #101010;
font-weight: 600;
padding-bottom: 5px;
font-size: 16px;
display: inline-block;
width: 100%;
}
.checkoutService .table>tbody>tr>td {
text-align: right;
}
.checkoutService .table>tbody>tr>td .prc {
min-width: 48px;
display: inline-block;
text-align: left;
}
.checkoutService .table>tbody>tr>td .qntynumber {
display: inline-block;
border: 1px solid #ccc;
color: #000;
padding: 2px 10px;
font-size: 13px;
border-radius: 3px;
vertical-align: baseline;
margin-right: 8px;
top: -2px;
position: relative;
}
.checkoutService .table>tbody>tr>th {
width: 65%;
}
#categ-slide .item a {
display: -webkit-box;
font-size: 14px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
@media (max-width: 767px) {
#sub-services #cart-summary {
display:none;
}
.carsummaryForMobile .price-info{
color: #fff;
float: left;
}
.navbar-brand{
order: -1;
margin: 0 20px ;
padding: 0 !important;
height: 50px !important;
}
.nav-brand-1 {
height: 50px !important;
display: block;
}
.navbar-brand img {
height: 50px;
margin-bottom:5px;
}
.xs-logo-wraper{
height: 50px;
width: 50px;
}
}
@media (min-width: 768px) {
.carsummaryForMobile {
display:none;
}
}
@media (min-width: 768px) and (max-width: 1169px) {
.banner-new-home .title-sub-banner {
font-size: 17px;
line-height: 30px;
width: 100%;
}
.banner-new-home h2 {
font-size: 28px;
}
.img-max {
max-width: 225px;
}
.img-label {
max-width: 84px;
margin-right: 26px;
margin-bottom: 10px;
}
#navigation .navbar-right li a,
#navigation .navbar-fixed-top .navbar-right li a {
line-height: 48px;
padding: 11px 7px;
font-size: 13px;
}
#navigation .navbar-right.navbar-collapse {
width: 61%;
}
.owl-theme .owl-nav .owl-prev {
left: -3px;
}
.owl-theme .owl-nav .owl-next {
right: -3px;
}
.uscard {
min-height: 162px;
}
img.harrow {
top: 55px;
right: 2px;
max-height: 23px;
}
.section-title h3 {
font-size: 20px;
}
#how-work .b-left p,
.b-leftis p {
padding-left: 5px;
font-size: 12px;
}
.vservice {
margin-top: 23px;
}
#customer-says .bg-white p {
font-size: 11px;
margin-bottom: 17px;
}
#customer-says h4 span.s2 {
font-size: 11px;
}
#customer-says .bg-white {
margin-left: 0;
}
}
.service-mrp
{
text-decoration: line-through;
color: #666;
}
.submenu ul {
padding: 0px;
}
.submenu ul li a {
line-height:20px !important;
}
.nav-brand-1, .xs-box .nav-brand-1 {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.nav-brand-1, .xs-box .nav-brand-1 {
/* background-image: url(../images/logo-bg.png); */
display:inline-block;
-webkit-filter: drop-shadow(8px 0 1pc rgba(0,0,0,.2));
filter: drop-shadow(8px 0 1pc rgba(0,0,0,.2));
/* line-height: 145px;
max-height: 140px;
min-height: 153px; */
position: relative;
text-align: center;
z-index: 1;
}
/* .xs-logo-wraper {
margin-top: -82px;
} */
@media (min-width: 360px) and (max-width: 990px) {
.xs-logo-wraper {
/* margin-top: 4px; */
}
}
/* Start Adversitse section slider 25 dec 2023 */
.adv-slider a{
display: block;
}
.adv-slider img{
display: block;
width: 100% !important;
height: 150px;
object-fit: cover;
}
.adv-slider-sec{
padding: 30px 0;
}
.adv-slider-sec{
display: none;
}
.owl-theme .owl-dots .owl-dot span{
width: 6px !important;
height: 6px !important;
}
@media (max-width:767px) {
.adv-slider-sec {
padding: 20px 0;
}
.contact-block {
padding-top: 20px;
}
}
/* End Adversitse section slider 25 dec 2023 */
/* Start Success Page */
.success-sc-col{
display: none;
}
.success-sc-div{
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
gap: 10px;
padding: 12px;
justify-content: space-between;
align-items: center;
background-color: #f7f7f7;
}
.success-sc-div .right-image{
width: 50px;
height: 50px;
}
.success-sc-img{
gap: 15px;
}
.sh-booking-sum h5{
text-align: left;
font-weight: 600;
font-size: 16px;
}
.summary-card p{
text-align: left;
font-weight: 500;
margin-bottom: 0;
}
.summary-card span{
text-align: left;
display: block;
}
.card.summary-card {
padding: 15px;
border: 1px solid #c4c0c0;
border-radius: 5px;
}
.card.summary-card > .row:not(:last-child){
margin-bottom: 15px;
}
.sh-booking-sum{
margin-bottom: 20px;
}
.success-hs-row{
margin-top: 30px;
}
.order-detail-table{
width: 100%;
}
.order-detail-table th,
.order-detail-table td {
padding: 8px 0;
}
.order-detail-table tr:not(:last-child){
border-bottom: 1px solid #c4c0c0;
}
.order-details-card{
padding: 15px;
border: 1px solid #c4c0c0;
border-radius: 5px;
}
.order-details-card h5{
text-align: left;
font-weight: 500;
font-size: 15px;
margin: 0 0 5px 0;
}
.similar-book-sec{
display: none;
}
.similar-slider .appText{
color: #101010;
font-weight: 600;
font-size: 17px;
margin-top: 5px;
}
.owl-theme .owl-nav button {
top: 50% !important;
bottom: initial !important;
transform: translateY(-50%);
}
.owl-theme .owl-nav button span{
width: 35px;
height: 35px;
background: #0a7a9a;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
border-radius: 50%;
color: white;
padding-bottom: 4px;
}
/* End Success Page */